@elliemae/ds-menu 2.2.0 → 2.3.0-alpha.3

package/esm/utils/useHeightByAmountOfItems.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/useHeightByAmountOfItems.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\n\nconst calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {\n  const realAmountItemsInWindow =\n    itemsLength < amountItemsInWindow ? itemsLength : amountItemsInWindow;\n  return itemHeight * realAmountItemsInWindow;\n};\n\nfunction useHeightByAmountOfItems({\n  itemHeight,\n  amountItems,\n  items,\n}) {\n  const calculatedHeight = useMemo(\n    () => calculateHeight(itemHeight, amountItems, items.length),\n    [amountItems, items],\n  );\n\n  return calculatedHeight;\n}\n\nexport { useHeightByAmountOfItems };\nexport default useHeightByAmountOfItems;\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,kBAAkB,CAAC,YAAY,qBAAqB,gBAAgB;AACxE,QAAM,0BACJ,cAAc,sBAAsB,cAAc;AACpD,SAAO,aAAa;AAAA;AAGtB,kCAAkC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,QAAM,mBAAmB,QACvB,MAAM,gBAAgB,YAAY,aAAa,MAAM,SACrD,CAAC,aAAa;AAGhB,SAAO;AAAA;AAIT,IAAO,mCAAQ;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-menu",
-  "version": "2.2.0",
+  "version": "2.3.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Menu",
   "module": "./esm/index.js",
@@ -39,6 +39,10 @@
       "import": "./esm/MenuItems/SearchableGroup.js",
       "require": "./cjs/MenuItems/SearchableGroup.js"
     },
+    "./MenuItems/renderMenuItems": {
+      "import": "./esm/MenuItems/renderMenuItems.js",
+      "require": "./cjs/MenuItems/renderMenuItems.js"
+    },
     "./MenuItems/RadioGroup": {
       "import": "./esm/MenuItems/RadioGroup.js",
       "require": "./cjs/MenuItems/RadioGroup.js"
@@ -67,6 +71,10 @@
       "import": "./esm/MenuItems/CheckboxGroup.js",
       "require": "./cjs/MenuItems/CheckboxGroup.js"
     },
+    "./MenuExports": {
+      "import": "./esm/MenuExports.js",
+      "require": "./cjs/MenuExports.js"
+    },
     "./MenuContext": {
       "import": "./esm/MenuContext.js",
       "require": "./cjs/MenuContext.js"
@@ -100,16 +108,16 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0",
-    "@elliemae/ds-classnames": "2.2.0",
-    "@elliemae/ds-form": "2.2.0",
-    "@elliemae/ds-hidden": "2.2.0",
-    "@elliemae/ds-icons": "2.2.0",
-    "@elliemae/ds-popper": "2.2.0",
-    "@elliemae/ds-separator": "2.2.0",
-    "@elliemae/ds-shared": "2.2.0",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0",
-    "@elliemae/ds-utilities": "2.2.0",
+    "@elliemae/ds-button": "2.3.0-alpha.3",
+    "@elliemae/ds-classnames": "2.3.0-alpha.3",
+    "@elliemae/ds-form": "2.3.0-alpha.3",
+    "@elliemae/ds-hidden": "2.3.0-alpha.3",
+    "@elliemae/ds-icons": "2.3.0-alpha.3",
+    "@elliemae/ds-popper": "2.3.0-alpha.3",
+    "@elliemae/ds-separator": "2.3.0-alpha.3",
+    "@elliemae/ds-shared": "2.3.0-alpha.3",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.3",
+    "@elliemae/ds-utilities": "2.3.0-alpha.3",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-spring": "~8.0.27",

package/types/Menu.d.ts

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

package/types/MenuContext.d.ts

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

package/types/MenuExports.d.ts

@@ -0,0 +1 @@
+export * from './Menu';

package/types/MenuItems/CheckboxGroup.d.ts

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

package/types/MenuItems/MenuItem.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare function MenuItem(props: any): JSX.Element;
-declare namespace MenuItem {
-    var propTypes: {
+declare const MenuItem: {
+    (props: any): JSX.Element;
+    propTypes: {
         /** Renders the MenuItem with a specific html element */
         as: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -69,11 +69,11 @@ declare namespace MenuItem {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-}
+};
 declare const DSMenuItemWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
+export { DSMenuItemWithSchema, MenuItem };
 export default MenuItem;
-export { DSMenuItemWithSchema };

package/types/MenuItems/MenuItemCheckable.d.ts

@@ -12,18 +12,18 @@
  * @param root0.leftAddon
  * @param root0.item
  */
-declare function MenuItemCheckable({ role, checked, name, checkIcon, children, leftAddon, item, ...otherProps }: {
-    [x: string]: any;
-    role?: string | undefined;
-    checked?: boolean | undefined;
-    name?: string | undefined;
-    checkIcon?: JSX.Element | undefined;
-    children: any;
-    leftAddon: any;
-    item?: undefined;
-}): JSX.Element;
-declare namespace MenuItemCheckable {
-    var propTypes: {
+declare const MenuItemCheckable: {
+    ({ role, checked, name, checkIcon, children, leftAddon, item, ...otherProps }: {
+        [x: string]: any;
+        role?: string | undefined;
+        checked?: boolean | undefined;
+        name?: string | undefined;
+        checkIcon?: JSX.Element | undefined;
+        children: any;
+        leftAddon: any;
+        item?: undefined;
+    }): JSX.Element;
+    propTypes: {
         /** Whether the item is checked or not */
         checked: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -67,11 +67,12 @@ declare namespace MenuItemCheckable {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-}
+};
 declare const DSMenuItemCheckeableWithSchema: {
     (props?: unknown): JSX.Element;
+    /** a11y role */
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
+export { DSMenuItemCheckeableWithSchema, MenuItemCheckable };
 export default MenuItemCheckable;
-export { DSMenuItemCheckeableWithSchema };

package/types/MenuItems/MenuItemCheckbox.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-declare function MenuItemCheckbox({ checked, ...rest }: {
+declare const MenuItemCheckbox: ({ checked, ...rest }: {
     [x: string]: any;
     checked: any;
-}): JSX.Element;
+}) => JSX.Element;
+export { MenuItemCheckbox };
 export default MenuItemCheckbox;

package/types/MenuItems/MenuItemRadio.d.ts

@@ -1,8 +1,8 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare function MenuItemRadio(props: any): JSX.Element;
-declare namespace MenuItemRadio {
-    var propTypes: {
+declare const MenuItemRadio: {
+    (props: any): JSX.Element;
+    propTypes: {
         /** Whether the item is checked or not */
         checked: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -18,11 +18,11 @@ declare namespace MenuItemRadio {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-}
+};
 declare const DSMenuItemRadioWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
+export { DSMenuItemRadioWithSchema, MenuItemRadio };
 export default MenuItemRadio;
-export { DSMenuItemRadioWithSchema };

package/types/MenuItems/RadioGroup.d.ts

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

package/types/MenuItems/SearchableGroup.d.ts

@@ -5,6 +5,6 @@ declare const DSMenuSearchableGroupWithSchema: {
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-declare const _default: any;
-export default _default;
-export { DSMenuSearchableGroupWithSchema };
+declare const SearchableGroupHOC: any;
+export { DSMenuSearchableGroupWithSchema, SearchableGroupHOC as SearchableGroup };
+export default SearchableGroupHOC;

package/types/MenuItems/SearchableList.d.ts

@@ -1,19 +1,19 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare function SearchableList({ onSelectMenuItem, components, searchTerm: searchTermProp, items, dropdownFilterOptions, returnValue, extraListProps, appendTermInList, maxOptions, loading, }: {
-    onSelectMenuItem?: (() => void) | undefined;
-    components?: {} | undefined;
-    searchTerm?: string | undefined;
-    items?: never[] | undefined;
-    dropdownFilterOptions?: {} | undefined;
-    returnValue: any;
-    extraListProps?: {} | undefined;
-    appendTermInList?: boolean | undefined;
-    maxOptions?: number | undefined;
-    loading?: boolean | undefined;
-}): JSX.Element;
-declare namespace SearchableList {
-    var propTypes: {
+declare const SearchableList: {
+    ({ onSelectMenuItem, components, searchTerm: searchTermProp, items, dropdownFilterOptions, returnValue, extraListProps, appendTermInList, maxOptions, loading, }: {
+        onSelectMenuItem?: (() => void) | undefined;
+        components?: {} | undefined;
+        searchTerm?: string | undefined;
+        items?: never[] | undefined;
+        dropdownFilterOptions?: {} | undefined;
+        returnValue: any;
+        extraListProps?: {} | undefined;
+        appendTermInList?: boolean | undefined;
+        maxOptions?: number | undefined;
+        loading?: boolean | undefined;
+    }): JSX.Element;
+    propTypes: {
         /** callback after item gets selected */
         onSelectMenuItem: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -85,11 +85,11 @@ declare namespace SearchableList {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-}
+};
 declare const DSMenuSearchableListWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
+export { DSMenuSearchableListWithSchema, SearchableList };
 export default SearchableList;
-export { DSMenuSearchableListWithSchema };

package/types/MenuItems/SelectionGroup.d.ts

@@ -1,19 +1,19 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare function SelectionGroup({ multi, searchable, focusOnOpen, onSelect, children, items, active, width, height, maxOptions, }: {
-    multi?: boolean | undefined;
-    searchable?: boolean | undefined;
-    focusOnOpen?: boolean | undefined;
-    onSelect?: (() => null) | undefined;
-    children: any;
-    items?: undefined;
-    active?: string | never[] | undefined;
-    width: any;
-    height: any;
-    maxOptions?: number | undefined;
-}): JSX.Element;
-declare namespace SelectionGroup {
-    var propTypes: {
+declare const SelectionGroup: {
+    ({ multi, searchable, focusOnOpen, onSelect, children, items, active, width, height, maxOptions, }: {
+        multi?: boolean | undefined;
+        searchable?: boolean | undefined;
+        focusOnOpen?: boolean | undefined;
+        onSelect?: (() => null) | undefined;
+        children: any;
+        items?: undefined;
+        active?: string | never[] | undefined;
+        width: any;
+        height: any;
+        maxOptions?: number | undefined;
+    }): JSX.Element;
+    propTypes: {
         /** toggle on multi select */
         multi: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -77,11 +77,11 @@ declare namespace SelectionGroup {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-}
+};
 declare const DSMenuSelectionGroupWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
+export { DSMenuSelectionGroupWithSchema, SelectionGroup };
 export default SelectionGroup;
-export { DSMenuSelectionGroupWithSchema };

package/types/MenuItems/Separator.d.ts

@@ -11,6 +11,7 @@ declare const MenuSeparator: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
                 deprecated: import("react-desc").PropTypesDescValidator;
             };
+            /** toggle separator on and off */
             isRequired: import("react-desc").PropTypesDescValue;
         };
         /** toggle separator on and off */
@@ -27,5 +28,5 @@ declare const DSMenuSeparatorWithSchema: {
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
+export { DSMenuSeparatorWithSchema, MenuSeparator };
 export default MenuSeparator;
-export { DSMenuSeparatorWithSchema };

package/types/MenuItems/SubMenu.d.ts

@@ -1,21 +1,21 @@
 /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
-declare function SubMenu({ noAddon, leftAddon, label, interactionType, children: subitems, rightAddonType, disabledAddonInactive, checkableProps, customRenderer, onClick, closeMenu, id, }: {
-    noAddon: any;
-    leftAddon?: undefined;
-    label?: undefined;
-    interactionType?: string | undefined;
-    children: any;
-    rightAddonType: any;
-    disabledAddonInactive: any;
-    checkableProps?: {} | undefined;
-    customRenderer: any;
-    onClick: any;
-    closeMenu: any;
-    id: any;
-}): JSX.Element;
-declare namespace SubMenu {
-    var propTypes: {
+declare const SubMenu: {
+    ({ noAddon, leftAddon, label, interactionType, children: subitems, rightAddonType, disabledAddonInactive, checkableProps, customRenderer, onClick, closeMenu, id, }: {
+        noAddon: any;
+        leftAddon?: undefined;
+        label?: undefined;
+        interactionType?: string | undefined;
+        children: any;
+        rightAddonType: any;
+        disabledAddonInactive: any;
+        checkableProps?: {} | undefined;
+        customRenderer: any;
+        onClick: any;
+        closeMenu: any;
+        id: any;
+    }): JSX.Element;
+    propTypes: {
         /** dont show addon for submenu */
         noAddon: {
             defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
@@ -99,11 +99,11 @@ declare namespace SubMenu {
             isRequired: import("react-desc").PropTypesDescValue;
         };
     };
-}
+};
 declare const DSSubMenuWithSchema: {
     (props?: unknown): JSX.Element;
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
+export { DSSubMenuWithSchema, SubMenu };
 export default SubMenu;
-export { DSSubMenuWithSchema };

package/types/MenuItems/menuItemFactory.d.ts

@@ -1,3 +1,2 @@
-import MenuItem from './MenuItem';
-export declare function menuItemFactory(type: string | undefined, items: any, defaultItem?: typeof MenuItem): any;
-export declare function renderMenuItems(options: any, factory?: typeof menuItemFactory): any;
+export declare const menuItemFactory: (type: string | undefined, items: any, defaultItem?: any) => any;
+export declare const registerMenuItem: (type: any, item: any) => any;

package/types/MenuItems/renderMenuItems.d.ts

@@ -0,0 +1 @@
+export declare const renderMenuItems: (options: any, factory: any) => any;

package/types/VirtualMenuList.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
-export default function VirtualMenuList({ items, itemHeight, amountItemsInWindow, width, height, }: {
+declare function VirtualMenuList({ items, itemHeight, amountItemsInWindow, width, height, }: {
     items: any;
     itemHeight?: number | undefined;
     amountItemsInWindow?: number | undefined;
     width: any;
     height: any;
 }): JSX.Element;
+export { VirtualMenuList };
+export default VirtualMenuList;

package/types/index.d.ts

@@ -1,4 +1,3 @@
-export * from './Menu';
 export { DSMenuItemWithSchema } from './MenuItems/MenuItem';
 export { DSSubMenuWithSchema } from './MenuItems/SubMenu';
 export { DSMenuCheckboxGroupWithSchema } from './MenuItems/CheckboxGroup';
@@ -10,4 +9,6 @@ export { DSMenuSearchableListWithSchema } from './MenuItems/SearchableList';
 export { DSMenuSeparatorWithSchema } from './MenuItems/Separator';
 export { DSMenuSelectionGroupWithSchema } from './MenuItems/SelectionGroup';
 export { default as MenuCombobox } from './MenuCombobox';
-export { default } from './Menu';
+export { menuItemFactory } from './MenuItems/menuItemFactory';
+export { renderMenuItems } from './MenuItems/renderMenuItems';
+export { DSMenuWithSchema, Menu, Menu as default } from './Menu';

package/types/utils/useHeightByAmountOfItems.d.ts

@@ -1,5 +1,7 @@
-export default function useHeightByAmountOfItems({ itemHeight, amountItems, items, }: {
+declare function useHeightByAmountOfItems({ itemHeight, amountItems, items, }: {
     itemHeight: any;
     amountItems: any;
     items: any;
 }): number;
+export { useHeightByAmountOfItems };
+export default useHeightByAmountOfItems;