@elliemae/ds-menu 2.2.2-rc.1 → 2.3.0-alpha.10

package/dist/esm/index.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { DSMenuItemWithSchema } from "./MenuItems/MenuItem";
+import { DSSubMenuWithSchema } from "./MenuItems/SubMenu";
+import { DSMenuCheckboxGroupWithSchema } from "./MenuItems/CheckboxGroup";
+import { DSMenuItemCheckeableWithSchema } from "./MenuItems/MenuItemCheckable";
+import { DSMenuItemRadioWithSchema } from "./MenuItems/MenuItemRadio";
+import { DSMenuRadioGroupWithSchema } from "./MenuItems/RadioGroup";
+import { DSMenuSearchableGroupWithSchema } from "./MenuItems/SearchableGroup";
+import { DSMenuSearchableListWithSchema } from "./MenuItems/SearchableList";
+import { DSMenuSeparatorWithSchema } from "./MenuItems/Separator";
+import { DSMenuSelectionGroupWithSchema } from "./MenuItems/SelectionGroup";
+import { default as default2 } from "./MenuCombobox";
+import { menuItemFactory } from "./MenuItems/menuItemFactory";
+import { renderMenuItems } from "./MenuItems/renderMenuItems";
+import { DSMenuWithSchema, Menu, Menu as Menu2 } from "./Menu";
+export {
+  DSMenuCheckboxGroupWithSchema,
+  DSMenuItemCheckeableWithSchema,
+  DSMenuItemRadioWithSchema,
+  DSMenuItemWithSchema,
+  DSMenuRadioGroupWithSchema,
+  DSMenuSearchableGroupWithSchema,
+  DSMenuSearchableListWithSchema,
+  DSMenuSelectionGroupWithSchema,
+  DSMenuSeparatorWithSchema,
+  DSMenuWithSchema,
+  DSSubMenuWithSchema,
+  Menu,
+  default2 as MenuCombobox,
+  Menu2 as default,
+  menuItemFactory,
+  renderMenuItems
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSMenuItemWithSchema } from './MenuItems/MenuItem';\nexport { DSSubMenuWithSchema } from './MenuItems/SubMenu';\nexport { DSMenuCheckboxGroupWithSchema } from './MenuItems/CheckboxGroup';\nexport { DSMenuItemCheckeableWithSchema } from './MenuItems/MenuItemCheckable';\nexport { DSMenuItemRadioWithSchema } from './MenuItems/MenuItemRadio';\nexport { DSMenuRadioGroupWithSchema } from './MenuItems/RadioGroup';\nexport { DSMenuSearchableGroupWithSchema } from './MenuItems/SearchableGroup';\nexport { DSMenuSearchableListWithSchema } from './MenuItems/SearchableList';\nexport { DSMenuSeparatorWithSchema } from './MenuItems/Separator';\nexport { DSMenuSelectionGroupWithSchema } from './MenuItems/SelectionGroup';\n\nexport { default as MenuCombobox } from './MenuCombobox';\nexport { menuItemFactory } from './MenuItems/menuItemFactory';\nexport { renderMenuItems } from './MenuItems/renderMenuItems';\nexport { DSMenuWithSchema, Menu, Menu as default } from './Menu';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;",
+  "names": []
+}

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

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

package/dist/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/{types → dist/types}/Menu.d.ts

@@ -1,11 +1,13 @@
 /// <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 };
+declare const setSubMenu: (SubMenu: any) => any;
+export { menuItemFactory, renderMenuItems, DSMenuWithSchema, Menu, setSubMenu };
 export default Menu;

package/dist/types/MenuContext.d.ts

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

package/dist/types/MenuExports.d.ts

@@ -0,0 +1 @@
+export { DSMenuWithSchema, Menu } from './Menu';

package/{types → dist/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 → dist/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 → dist/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 → dist/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 → dist/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 → dist/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 → dist/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 → dist/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 → dist/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 → dist/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 → dist/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/dist/types/MenuItems/menuItemFactory.d.ts

@@ -0,0 +1,2 @@
+export declare const menuItemFactory: (type: string | undefined, items: any, defaultItem?: any) => any;
+export declare const registerMenuItem: (type: any, item: any) => any;

package/dist/types/MenuItems/renderMenuItems.d.ts

@@ -0,0 +1 @@
+export declare const renderMenuItems: (options: any, factory?: (type: string | undefined, items: any, defaultItem?: any) => any) => any;

package/{types → dist/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 → dist/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/dist/types/utils/useHeightByAmountOfItems.d.ts

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