OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 06:41:08 AM	rwxr-xr-x
📄 MenuClasses.ts	761 bytes	02/20/2020 06:41:02 AM	rw-r--r--
📄 MenuConversion.ts	3.8 KB	02/20/2020 06:41:02 AM	rw-r--r--
📄 MenuMovement.ts	1.83 KB	02/20/2020 06:41:03 AM	rw-r--r--
📄 MenuParts.ts	1.58 KB	02/20/2020 06:41:03 AM	rw-r--r--
📄 MenuStructures.ts	3.22 KB	02/20/2020 06:41:04 AM	rw-r--r--
📄 MenuWidgets.ts	1.65 KB	02/20/2020 06:41:05 AM	rw-r--r--
📄 NestedMenus.ts	1.48 KB	02/20/2020 06:41:06 AM	rw-r--r--
📄 SingleMenu.ts	8.38 KB	02/20/2020 06:41:06 AM	rw-r--r--

Editing: MenuStructures.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 { AlloySpec, Menu as AlloyMenu, RawDomSchema, ItemTypes } from '@ephox/alloy';
import { Arr, Fun, Obj } from '@ephox/katamari';

const forSwatch = (columns: number | 'auto') => {
  return {
    dom: {
      tag: 'div',
      classes: [ 'tox-menu' ]
    },
    components: [
      {
        dom: {
          tag: 'div',
          classes: [ 'tox-swatches' ]
        },
        components: [
          AlloyMenu.parts().items({
            preprocess: columns !== 'auto' ? chunk(
              {
                tag: 'div',
                classes: [ 'tox-swatches__row' ]
              },
              columns
            ) : Fun.identity
          })
        ]
      }
    ]
  };
};

const forToolbar = (columns: number) => {
  return {
    dom: {
      tag: 'div',
      // TODO: Configurable lg setting?
      classes: [ 'tox-menu', 'tox-collection', 'tox-collection--toolbar', 'tox-collection--toolbar-lg' ]
    },
    components: [
      AlloyMenu.parts().items({
        preprocess: chunk(
          {
            tag: 'div',
            classes: [ 'tox-collection__group' ]
          },
          columns
        )
      })
    ]
  };
};

// NOTE: That type signature isn't quite true.
const preprocessCollection = (items: ItemTypes.ItemSpec[], isSeparator: (a: ItemTypes.ItemSpec, index: number) => boolean): AlloySpec[] => {
  const allSplits = [ ];
  let currentSplit = [ ];
  Arr.each(items, (item, i) => {
    if (isSeparator(item, i)) {
      if (currentSplit.length > 0) {
        allSplits.push(currentSplit);
      }
      currentSplit = [ ];
      if (Obj.has(item.dom, 'innerHtml')) {
        currentSplit.push(item);
      }
    } else {
      currentSplit.push(item);
    }
  });

if (currentSplit.length > 0) {
    allSplits.push(currentSplit);
  }

return Arr.map(allSplits, (s) => {
    return {
      dom: {
        tag: 'div',
        classes: [ 'tox-collection__group' ]
      },
      components: s
    };
  });
};

export {
  chunk,
  forSwatch,
  forCollection,
  forToolbar
};