@elliemae/ds-menu 2.3.0-alpha.6 → 2.3.0-next.0

package/esm/MenuItems/SubMenu.js

@@ -0,0 +1,190 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useRef, useState, useCallback } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import { MoreOptionsVert, ChevronSmallRight } from '@elliemae/ds-icons';
+import { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup';
+import { useHiddenController } from '@elliemae/ds-hidden';
+import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
+import DSPopper, { interactions } from '@elliemae/ds-popper';
+import styled from 'styled-components';
+import { Menu } from '../Menu.js';
+import MenuItem from './MenuItem.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const ChevronRightComp = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1qhp1z-0"
+})(["display:flex;justify-content:center;align-items:center;width:28px;"]);
+
+function SubMenu(_ref) {
+  let {
+    noAddon,
+    leftAddon = undefined,
+    label = undefined,
+    interactionType = 'hover',
+    children: subitems,
+    rightAddonType,
+    disabledAddonInactive,
+    checkableProps = {},
+    customRenderer,
+    onClick,
+    closeMenu,
+    id
+  } = _ref;
+  const itemRef = useRef(null);
+  const focusOnOpen = useRef(false);
+  const [isAddonHovered, setIsAddonHovered] = useState(false);
+  const {
+    visible = false,
+    onShow,
+    onHide
+  } = useHiddenController(undefined, {
+    interaction: 'click'
+  });
+  const interaction = rightAddonType === 'elipsis' ? 'click' : 'hover';
+  const {
+    focusItemByNode
+  } = useFocusGroupItem(); // todo: create a menu state to handle all related menu things
+
+  const handleShowSubItemsWithMouse = e => {
+    e.stopPropagation();
+    onShow();
+    focusOnOpen.current = true;
+  };
+
+  const handleShowWithMouse = e => {
+    if (onClick) onClick(e);
+  };
+
+  const handleShowWithMouseHover = () => {
+    setIsAddonHovered(true);
+    onShow();
+    focusOnOpen.current = false;
+  };
+
+  const handleShowWithKeyboard = () => {
+    onShow();
+    focusOnOpen.current = true;
+  };
+
+  const handleOnMouseEnter = useCallback(() => {
+    setIsAddonHovered(true);
+  }, []);
+  const handleOnMouseLeave = useCallback(() => {
+    setIsAddonHovered(false);
+  }, []);
+  const hoverHandlers = interaction === 'hover' ? {
+    onMouseEnter: handleShowWithMouseHover,
+    onMouseLeave: () => {
+      onHide();
+      setIsAddonHovered(false);
+    }
+  } : {
+    onClick: handleShowWithMouse
+  };
+  const rightAddon = rightAddonType === 'elipsis' ? /*#__PURE__*/_jsx(DSButton, {
+    "aria-label": "vertical-elipsis",
+    "data-testid": "vertical-elipsis",
+    buttonType: "text",
+    leftIcon: /*#__PURE__*/_jsx(MoreOptionsVert, {
+      className: "submenu-arrow",
+      color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
+      size: "s"
+    }),
+    onClick: e => handleShowSubItemsWithMouse(e),
+    size: "m",
+    variant: BUTTON_VARIANT.DEFAULT
+  }) : /*#__PURE__*/_jsx(ChevronRightComp, {}, void 0, /*#__PURE__*/_jsx(ChevronSmallRight, {
+    "data-testid": "chevron-right",
+    className: "submenu-arrow",
+    color: visible || isAddonHovered ? ['brand-primary', 800] : ['neutral', 500],
+    size: "sm"
+  }));
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/_jsx(DSPopper, {
+      contentComponent: /*#__PURE__*/jsx(Menu, _objectSpread(_objectSpread({
+        focusKeyBindings: {
+          ArrowLeft: [() => focusItemByNode(itemRef.current), 'exit']
+        },
+        focusOnOpen: focusOnOpen.current,
+        onExitFocusGroup: onHide
+      }, hoverHandlers), {}, {
+        closeMenu: closeMenu,
+        visible: visible,
+        children: subitems
+      })),
+      interactionType: interactionType,
+      isOpen: visible,
+      onOpen: opening => opening ? onShow() : onHide(),
+      placement: "right-start",
+      showArrow: false,
+      triggerComponent: /*#__PURE__*/jsx(MenuItem, _objectSpread(_objectSpread({
+        customRenderer: customRenderer,
+        disabledAddonInactive: disabledAddonInactive,
+        id: id,
+        innerRef: itemRef,
+        label: label,
+        leftAddon: leftAddon,
+        noAddon: noAddon,
+        onFocus: handleOnMouseEnter,
+        onBlur: handleOnMouseLeave,
+        onMouseEnter: handleOnMouseEnter,
+        onMouseLeave: handleOnMouseLeave
+      }, hoverHandlers), {}, {
+        onKeyDown: e => {
+          if (e.key === 'ArrowRight' || e.key === 'Enter' || e.keyCode === 32) {
+            handleShowWithKeyboard();
+          }
+        },
+        rightAddon: rightAddon
+      }, checkableProps))
+    })
+  });
+}
+
+const props = {
+  /** dont show addon for submenu */
+  noAddon: PropTypes.bool.description('dont show addon for submenu'),
+
+  /** left addon */
+  leftAddon: PropTypes.node.description('left addon'),
+
+  /** submenu label */
+  label: PropTypes.string.description('submenu label'),
+
+  /** A type indicating how to open/close the tooltip */
+  interactionType: PropTypes.oneOf(interactions).description('A type indicating how to open/close the tooltip'),
+
+  /** sub menu items */
+  children: PropTypes.oneOfType([PropTypes.array, PropTypes.node]).description('sub menu items'),
+
+  /** right addon, ellipsis or undefined */
+  rightAddonType: PropTypes.oneOf(['ellipsis']).description('right addon, ellipsis or undefined'),
+  disabledAddonInactive: PropTypes.bool.description(''),
+
+  /** props passed to MenuItem component */
+  checkableProps: PropTypes.object.description('props passed to MenuItem component'),
+
+  /** custom renderer for menu item */
+  customRenderer: PropTypes.func.description('custom renderer for menu item'),
+
+  /** on click handler */
+  onClick: PropTypes.func.description('on click handler'),
+  closeMenu: PropTypes.any.description(''),
+
+  /** component id */
+  id: PropTypes.string.description('component id')
+};
+const DSSubMenuWithSchema = describe(SubMenu);
+DSSubMenuWithSchema.propTypes = props;
+
+export { DSSubMenuWithSchema, SubMenu as default };

package/esm/MenuItems/menuItemFactory.js

@@ -0,0 +1,64 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { createElement } from 'react';
+import { isFunction } from '@elliemae/ds-utilities';
+import MenuSeparator from './Separator.js';
+import MenuItem from './MenuItem.js';
+import SubMenu from './SubMenu.js';
+import SelectionGroup from './SelectionGroup.js';
+import MenuItemCheckbox from './MenuItemCheckbox.js';
+import MenuItemRadio from './MenuItemRadio.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const itemTypes = () => ({
+  separator: MenuSeparator,
+  menuitem: MenuItem,
+  radio: MenuItemRadio,
+  checkbox: MenuItemCheckbox,
+  submenu: SubMenu,
+  'selection-group': SelectionGroup
+});
+
+const fallback = {
+  SelectionGroup: 'selection-group'
+};
+function menuItemFactory() {
+  let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let items = arguments.length > 1 ? arguments[1] : undefined;
+  let defaultItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : itemTypes().menuitem;
+  const itemsObject = items || itemTypes();
+  const parsedType = fallback[type] || type.toLowerCase();
+  return itemsObject[parsedType] || defaultItem;
+}
+function renderMenuItems(options) {
+  let factory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : menuItemFactory;
+  return options.map((option, index) => {
+    if (isFunction(option.renderer)) {
+      return option.renderer({
+        key: option.id,
+        item: option
+      });
+    }
+
+    const ItemComponent = factory(option.type);
+    const children = option.subItems && renderMenuItems(option.subItems, factory);
+    return /*#__PURE__*/createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
+      key: option.id || index,
+      item: option,
+      onClick: null,
+      onMouseDown: option.onClick // onClick callback called in onMouseDown due to events order issue
+
+    }), children);
+  });
+}
+
+export { menuItemFactory, renderMenuItems };

package/esm/VirtualMenuList.js

@@ -0,0 +1,42 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'react';
+import { FixedSizeList } from 'react-window';
+import useHeightByAmountOfItems from './utils/useHeightByAmountOfItems.js';
+
+const MenuItem = _ref => {
+  let {
+    data,
+    index,
+    style
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
+    style: style
+  }, index, data && data[index] ? data[index] : '');
+}; // eslint-disable-next-line no-unused-vars
+
+function VirtualMenuList(_ref2) {
+  let {
+    items,
+    itemHeight = 32,
+    amountItemsInWindow = 5,
+    width,
+    height
+  } = _ref2;
+  const computedListHeight = useHeightByAmountOfItems({
+    amountItems: amountItemsInWindow,
+    itemHeight,
+    items
+  });
+  return /*#__PURE__*/_jsx(FixedSizeList, {
+    height: height || computedListHeight,
+    itemCount: items.length,
+    itemData: items,
+    itemSize: itemHeight,
+    width: width
+  }, void 0, MenuItem);
+}
+
+export { VirtualMenuList as default };

package/esm/index.js

@@ -0,0 +1,13 @@
+export { DSMenuWithSchema, Menu, Menu as default } from './Menu.js';
+export { DSMenuItemWithSchema } from './MenuItems/MenuItem.js';
+export { DSSubMenuWithSchema } from './MenuItems/SubMenu.js';
+export { DSMenuCheckboxGroupWithSchema } from './MenuItems/CheckboxGroup.js';
+export { DSMenuItemCheckeableWithSchema } from './MenuItems/MenuItemCheckable.js';
+export { DSMenuItemRadioWithSchema } from './MenuItems/MenuItemRadio.js';
+export { DSMenuRadioGroupWithSchema } from './MenuItems/RadioGroup.js';
+export { DSMenuSearchableGroupWithSchema } from './MenuItems/SearchableGroup.js';
+export { DSMenuSearchableListWithSchema } from './MenuItems/SearchableList.js';
+export { DSMenuSeparatorWithSchema } from './MenuItems/Separator.js';
+export { DSMenuSelectionGroupWithSchema } from './MenuItems/SelectionGroup.js';
+export { default as MenuCombobox } from './MenuCombobox.js';
+export { menuItemFactory, renderMenuItems } from './MenuItems/menuItemFactory.js';

package/{dist/esm → esm}/utils/useHeightByAmountOfItems.js

@@ -1,20 +1,18 @@
-import * as React from "react";
-import { useMemo } from "react";
+import { useMemo } from 'react';
+
 const calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {
   const realAmountItemsInWindow = itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;
   return itemHeight * realAmountItemsInWindow;
 };
-function useHeightByAmountOfItems({
-  itemHeight,
-  amountItems,
-  items
-}) {
+
+function useHeightByAmountOfItems(_ref) {
+  let {
+    itemHeight,
+    amountItems,
+    items
+  } = _ref;
   const calculatedHeight = useMemo(() => calculateHeight(itemHeight, amountItems, items.length), [amountItems, items]);
   return calculatedHeight;
 }
-var useHeightByAmountOfItems_default = useHeightByAmountOfItems;
-export {
-  useHeightByAmountOfItems_default as default,
-  useHeightByAmountOfItems
-};
-//# sourceMappingURL=useHeightByAmountOfItems.js.map
+
+export { useHeightByAmountOfItems as default };

package/package.json

@@ -1,98 +1,83 @@
 {
   "name": "@elliemae/ds-menu",
-  "version": "2.3.0-alpha.6",
+  "version": "2.3.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Menu",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./VirtualMenuList": {
-      "import": "./dist/esm/VirtualMenuList.js",
-      "require": "./dist/cjs/VirtualMenuList.js"
+      "import": "./esm/VirtualMenuList.js",
+      "require": "./cjs/VirtualMenuList.js"
     },
     "./utils/useHeightByAmountOfItems": {
-      "import": "./dist/esm/utils/useHeightByAmountOfItems.js",
-      "require": "./dist/cjs/utils/useHeightByAmountOfItems.js"
+      "import": "./esm/utils/useHeightByAmountOfItems.js",
+      "require": "./cjs/utils/useHeightByAmountOfItems.js"
     },
     "./MenuItems/SubMenu": {
-      "import": "./dist/esm/MenuItems/SubMenu.js",
-      "require": "./dist/cjs/MenuItems/SubMenu.js"
+      "import": "./esm/MenuItems/SubMenu.js",
+      "require": "./cjs/MenuItems/SubMenu.js"
     },
     "./MenuItems/Separator": {
-      "import": "./dist/esm/MenuItems/Separator.js",
-      "require": "./dist/cjs/MenuItems/Separator.js"
+      "import": "./esm/MenuItems/Separator.js",
+      "require": "./cjs/MenuItems/Separator.js"
     },
     "./MenuItems/SelectionGroup": {
-      "import": "./dist/esm/MenuItems/SelectionGroup.js",
-      "require": "./dist/cjs/MenuItems/SelectionGroup.js"
+      "import": "./esm/MenuItems/SelectionGroup.js",
+      "require": "./cjs/MenuItems/SelectionGroup.js"
     },
     "./MenuItems/SearchableList": {
-      "import": "./dist/esm/MenuItems/SearchableList.js",
-      "require": "./dist/cjs/MenuItems/SearchableList.js"
+      "import": "./esm/MenuItems/SearchableList.js",
+      "require": "./cjs/MenuItems/SearchableList.js"
     },
     "./MenuItems/SearchableGroup": {
-      "import": "./dist/esm/MenuItems/SearchableGroup.js",
-      "require": "./dist/cjs/MenuItems/SearchableGroup.js"
-    },
-    "./MenuItems/renderMenuItems": {
-      "import": "./dist/esm/MenuItems/renderMenuItems.js",
-      "require": "./dist/cjs/MenuItems/renderMenuItems.js"
+      "import": "./esm/MenuItems/SearchableGroup.js",
+      "require": "./cjs/MenuItems/SearchableGroup.js"
     },
     "./MenuItems/RadioGroup": {
-      "import": "./dist/esm/MenuItems/RadioGroup.js",
-      "require": "./dist/cjs/MenuItems/RadioGroup.js"
+      "import": "./esm/MenuItems/RadioGroup.js",
+      "require": "./cjs/MenuItems/RadioGroup.js"
     },
     "./MenuItems/MenuItemRadio": {
-      "import": "./dist/esm/MenuItems/MenuItemRadio.js",
-      "require": "./dist/cjs/MenuItems/MenuItemRadio.js"
+      "import": "./esm/MenuItems/MenuItemRadio.js",
+      "require": "./cjs/MenuItems/MenuItemRadio.js"
     },
     "./MenuItems/menuItemFactory": {
-      "import": "./dist/esm/MenuItems/menuItemFactory.js",
-      "require": "./dist/cjs/MenuItems/menuItemFactory.js"
+      "import": "./esm/MenuItems/menuItemFactory.js",
+      "require": "./cjs/MenuItems/menuItemFactory.js"
     },
     "./MenuItems/MenuItemCheckbox": {
-      "import": "./dist/esm/MenuItems/MenuItemCheckbox.js",
-      "require": "./dist/cjs/MenuItems/MenuItemCheckbox.js"
+      "import": "./esm/MenuItems/MenuItemCheckbox.js",
+      "require": "./cjs/MenuItems/MenuItemCheckbox.js"
     },
     "./MenuItems/MenuItemCheckable": {
-      "import": "./dist/esm/MenuItems/MenuItemCheckable.js",
-      "require": "./dist/cjs/MenuItems/MenuItemCheckable.js"
+      "import": "./esm/MenuItems/MenuItemCheckable.js",
+      "require": "./cjs/MenuItems/MenuItemCheckable.js"
     },
     "./MenuItems/MenuItem": {
-      "import": "./dist/esm/MenuItems/MenuItem.js",
-      "require": "./dist/cjs/MenuItems/MenuItem.js"
+      "import": "./esm/MenuItems/MenuItem.js",
+      "require": "./cjs/MenuItems/MenuItem.js"
     },
     "./MenuItems/CheckboxGroup": {
-      "import": "./dist/esm/MenuItems/CheckboxGroup.js",
-      "require": "./dist/cjs/MenuItems/CheckboxGroup.js"
-    },
-    "./MenuExports": {
-      "import": "./dist/esm/MenuExports.js",
-      "require": "./dist/cjs/MenuExports.js"
+      "import": "./esm/MenuItems/CheckboxGroup.js",
+      "require": "./cjs/MenuItems/CheckboxGroup.js"
     },
     "./MenuContext": {
-      "import": "./dist/esm/MenuContext.js",
-      "require": "./dist/cjs/MenuContext.js"
+      "import": "./esm/MenuContext.js",
+      "require": "./cjs/MenuContext.js"
     },
     "./MenuCombobox": {
-      "import": "./dist/esm/MenuCombobox.js",
-      "require": "./dist/cjs/MenuCombobox.js"
+      "import": "./esm/MenuCombobox.js",
+      "require": "./cjs/MenuCombobox.js"
     },
     "./Menu": {
-      "import": "./dist/esm/Menu.js",
-      "require": "./dist/cjs/Menu.js"
-    },
-    "./DSMenu": {
-      "import": "./dist/esm/DSMenu.js",
-      "require": "./dist/cjs/DSMenu.js"
+      "import": "./esm/Menu.js",
+      "require": "./cjs/Menu.js"
     }
   },
   "sideEffects": [
@@ -104,30 +89,36 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.6",
-    "@elliemae/ds-classnames": "2.3.0-alpha.6",
-    "@elliemae/ds-form": "2.3.0-alpha.6",
-    "@elliemae/ds-hidden": "2.3.0-alpha.6",
-    "@elliemae/ds-icons": "2.3.0-alpha.6",
-    "@elliemae/ds-popper": "2.3.0-alpha.6",
-    "@elliemae/ds-separator": "2.3.0-alpha.6",
-    "@elliemae/ds-shared": "2.3.0-alpha.6",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.6",
-    "@elliemae/ds-utilities": "2.3.0-alpha.6",
+    "@elliemae/ds-button": "2.3.0-next.0",
+    "@elliemae/ds-classnames": "2.3.0-next.0",
+    "@elliemae/ds-form": "2.3.0-next.0",
+    "@elliemae/ds-hidden": "2.3.0-next.0",
+    "@elliemae/ds-icons": "2.3.0-next.0",
+    "@elliemae/ds-popper": "2.3.0-next.0",
+    "@elliemae/ds-separator": "2.3.0-next.0",
+    "@elliemae/ds-shared": "2.3.0-next.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.0",
+    "@elliemae/ds-utilities": "2.3.0-next.0",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-spring": "~8.0.27",
     "react-window": "~1.8.6"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
-    "jest-styled-components": "~7.0.8",
+    "jest-styled-components": "~7.0.6",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {
@@ -138,12 +129,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/Menu.d.ts

@@ -0,0 +1,11 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import { renderMenuItems, menuItemFactory } from './MenuItems/menuItemFactory';
+declare const Menu: any;
+declare const DSMenuWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { Menu, menuItemFactory, renderMenuItems, DSMenuWithSchema };
+export default Menu;

package/types/MenuCombobox.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare function MenuCombobox({ dropdownFilterOptions, options, onSelectMenuItem, innerRef, maxOptions, loading, ...rest }: {
+    [x: string]: any;
+    dropdownFilterOptions?: {} | undefined;
+    options?: never[] | undefined;
+    onSelectMenuItem?: (() => null) | undefined;
+    innerRef: any;
+    maxOptions?: number | undefined;
+    loading?: boolean | undefined;
+}): JSX.Element;
+declare namespace MenuCombobox {
+    var propTypes: {
+        /** Options */
+        dropdownFilterOptions: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /** The option or menu items to render */
+        options: PropTypes.Requireable<(object | null | undefined)[]>;
+        /** Handler when a menu item is selected */
+        onSelectMenuItem: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Internal ref */
+        innerRef: PropTypes.Requireable<object>;
+        /** Max options to display in the list */
+        maxOptions: PropTypes.Requireable<number>;
+        /** Is loading */
+        loading: PropTypes.Requireable<boolean>;
+    };
+}
+export default MenuCombobox;

package/types/MenuContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.Context<unknown>;
+export default _default;

package/types/MenuItems/CheckboxGroup.d.ts

@@ -0,0 +1,32 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function CheckboxGroup(props: any): JSX.Element;
+declare namespace CheckboxGroup {
+    var propTypes: {
+        active: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        multi: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        onCheck: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+}
+declare const DSMenuCheckboxGroupWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default CheckboxGroup;
+export { DSMenuCheckboxGroupWithSchema };