OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:40:48 AM	rwxr-xr-x
📄 ComponentApi.ts	2.18 KB	02/20/2020 06:37:43 AM	rw-r--r--
📄 ComposingConfigs.ts	970 bytes	02/20/2020 06:37:43 AM	rw-r--r--
📄 DialogTabHeight.ts	5.23 KB	02/20/2020 06:37:45 AM	rw-r--r--
📄 DisablingConfigs.ts	678 bytes	02/20/2020 06:37:45 AM	rw-r--r--
📄 FieldLabeller.ts	1.87 KB	02/20/2020 06:37:46 AM	rw-r--r--
📄 FlatgridAutodetect.ts	1.16 KB	02/20/2020 06:37:46 AM	rw-r--r--
📄 RepresentingConfigs.ts	2.39 KB	02/20/2020 06:37:47 AM	rw-r--r--
📄 SimpleBehaviours.ts	700 bytes	02/20/2020 06:37:47 AM	rw-r--r--

Editing: FlatgridAutodetect.ts

/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */

import { AlloyComponent } from '@ephox/alloy';
import { Arr, Option } from '@ephox/katamari';
import { SelectorFilter } from '@ephox/sugar';

const detectSize = (comp: AlloyComponent, margin: number, selectorClass: string): Option<{ numColumns: number, numRows: number}> => {
  const descendants = SelectorFilter.descendants(comp.element(), '.' + selectorClass);

// TODO: This seems to cause performance issues in the emoji dialog
  if (descendants.length > 0) {
    const columnLength = Arr.findIndex(descendants, (c) => {
      const thisTop = c.dom().getBoundingClientRect().top;
      const cTop = descendants[0].dom().getBoundingClientRect().top;
      return Math.abs(thisTop - cTop) > margin;

}).getOr(descendants.length);

return Option.some({
      numColumns: columnLength,
      numRows: Math.ceil(descendants.length / columnLength)
    });
  } else {
    return Option.none();
  }
};

export {
  detectSize
};