@elliemae/ds-menu 2.0.0-alpha.11 → 2.0.0-alpha.12

package/esm/MenuItems/menuItemFactory.js

@@ -1,6 +1,13 @@
 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/utils';
+import { isFunction } from '@elliemae/ds-utilities';
 import MenuSeparator from './Separator.js';
 import MenuItem from './MenuItem.js';
 import SubMenu from './SubMenu.js';
@@ -22,12 +29,16 @@ const itemTypes = {
 const fallback = {
   SelectionGroup: 'selection-group'
 };
-function menuItemFactory(type = '', items, defaultItem = itemTypes.menuitem) {
+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, factory = menuItemFactory) {
+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({

package/esm/VirtualMenuList.js

@@ -1,23 +1,30 @@
 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 = ({
-  data,
-  index,
-  style
-}) => /*#__PURE__*/_jsx("div", {
-  style: style
-}, index, data && data[index] ? data[index] : ''); // eslint-disable-next-line no-unused-vars
+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({
-  items,
-  itemHeight = 32,
-  amountItemsInWindow = 5,
-  width,
-  height
-}) {
+function VirtualMenuList(_ref2) {
+  let {
+    items,
+    itemHeight = 32,
+    amountItemsInWindow = 5,
+    width,
+    height
+  } = _ref2;
   const computedListHeight = useHeightByAmountOfItems({
     amountItems: amountItemsInWindow,
     itemHeight,

package/esm/utils/useHeightByAmountOfItems.js

@@ -5,11 +5,12 @@ const calculateHeight = (itemHeight, amountItemsInWindow, itemsLength) => {
   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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-menu",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Menu",
   "module": "./esm/index.js",
@@ -100,29 +100,32 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.0.0-alpha.11",
-    "@elliemae/ds-classnames": "2.0.0-alpha.11",
-    "@elliemae/ds-form": "2.0.0-alpha.11",
-    "@elliemae/ds-hidden": "2.0.0-alpha.11",
-    "@elliemae/ds-icons": "2.0.0-alpha.11",
-    "@elliemae/ds-popper": "2.0.0-alpha.11",
-    "@elliemae/ds-separator": "2.0.0-alpha.11",
-    "@elliemae/ds-shared": "2.0.0-alpha.11",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.11",
-    "@elliemae/ds-utilities": "2.0.0-alpha.11",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "@elliemae/ds-hidden": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-popper": "2.0.0-alpha.12",
+    "@elliemae/ds-separator": "2.0.0-alpha.12",
+    "@elliemae/ds-shared": "2.0.0-alpha.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-spring": "~8.0.27",
     "react-window": "~1.8.6"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "jest-styled-components": "~7.0.6",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/Menu.d.ts

@@ -1,5 +1,28 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
 import { renderMenuItems, menuItemFactory } from './MenuItems/menuItemFactory';
 declare const Menu: any;
-declare const DSMenuWithSchema: any;
+declare const DSMenuWithSchema: {
+    (props?: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        innerRef: any;
+        as?: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "key" | keyof React.HTMLAttributes<HTMLUListElement>> & {
+            ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
+        }> | undefined;
+        children?: undefined;
+        onClickOutside?: (() => void) | undefined;
+        visible?: undefined;
+        focusOnOpen?: boolean | undefined;
+        maxOption?: number | undefined;
+        style?: {} | undefined;
+        minWidth?: undefined;
+        maxWidth?: undefined;
+        closeMenu: any;
+        responsiveHeight?: boolean | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { Menu, menuItemFactory, renderMenuItems, DSMenuWithSchema };
 export default Menu;

package/types/MenuItems/CheckboxGroup.d.ts

@@ -1,12 +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: any;
-        multi: any;
-        onCheck: any;
+        active: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        multi: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onCheck: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const DSMenuCheckboxGroupWithSchema: any;
+declare const DSMenuCheckboxGroupWithSchema: {
+    (props?: any): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export default CheckboxGroup;
 export { DSMenuCheckboxGroupWithSchema };

package/types/MenuItems/MenuItem.d.ts

@@ -1,29 +1,79 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare function MenuItem(props: any): JSX.Element;
 declare namespace MenuItem {
     var propTypes: {
         /** Renders the MenuItem with a specific html element */
-        as: any;
+        as: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * reference to the component
          */
-        innerRef: any;
+        innerRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Renders the passed element to the left */
-        leftAddon: any;
+        leftAddon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Renders the passed element to the right */
-        rightAddon: any;
+        rightAddon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Label for the menu item */
-        label: any;
+        label: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** style object for menu item wrapper */
-        style: any;
+        style: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** disable menu item */
-        disabled: any;
+        disabled: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** HTML tabindex to manage focus order */
-        tabindex: any;
+        tabindex: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** a11y role */
-        role: any;
+        role: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const DSMenuItemWithSchema: any;
+declare const DSMenuItemWithSchema: {
+    (props?: any): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export default MenuItem;
 export { DSMenuItemWithSchema };

package/types/MenuItems/MenuItemCheckable.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 /**
  * Reuses the same props as the MenuItem
@@ -24,19 +25,62 @@ declare function MenuItemCheckable({ role, checked, name, checkIcon, children, l
 declare namespace MenuItemCheckable {
     var propTypes: {
         /** Whether the item is checked or not */
-        checked: any;
+        checked: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** A custom item when the item is checked */
-        checkIcon: any;
+        checkIcon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** form field name */
-        name: any;
+        name: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** menu item object props */
-        item: any;
+        item: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** a11y role */
-        role: any;
+        role: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** left addon component */
-        leftAddon: any;
+        leftAddon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const DSMenuItemCheckeableWithSchema: any;
+declare const DSMenuItemCheckeableWithSchema: {
+    (props?: {
+        [x: string]: any;
+        role?: string | undefined;
+        checked?: boolean | undefined;
+        name?: string | undefined;
+        checkIcon?: JSX.Element | undefined;
+        children: any;
+        leftAddon: any;
+        item?: undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export default MenuItemCheckable;
 export { DSMenuItemCheckeableWithSchema };

package/types/MenuItems/MenuItemRadio.d.ts

@@ -1,13 +1,37 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare function MenuItemRadio(props: any): JSX.Element;
 declare namespace MenuItemRadio {
     var propTypes: {
         /** Whether the item is checked or not */
-        checked: any;
+        checked: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** A custom item when the item is checked */
-        checkIcon: any;
+        checkIcon: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const DSMenuItemRadioWithSchema: any;
+declare const DSMenuItemRadioWithSchema: {
+    (props?: {
+        [x: string]: any;
+        role?: string | undefined;
+        checked?: boolean | undefined;
+        name?: string | undefined;
+        checkIcon?: JSX.Element | undefined;
+        children: any;
+        leftAddon: any;
+        item?: undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export default MenuItemRadio;
 export { DSMenuItemRadioWithSchema };

package/types/MenuItems/RadioGroup.d.ts

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

package/types/MenuItems/SearchableGroup.d.ts

@@ -1,4 +1,18 @@
-declare const DSMenuSearchableGroupWithSchema: any;
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSMenuSearchableGroupWithSchema: {
+    (props?: {
+        children: any;
+        amountItemsInWindow?: number | undefined;
+        searchTerm?: string | undefined;
+        noOptionsText?: string | undefined;
+        height: any;
+        width: any;
+        focusOnOpen?: boolean | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 declare const _default: any;
 export default _default;
 export { DSMenuSearchableGroupWithSchema };

package/types/MenuItems/SearchableList.d.ts

@@ -1,3 +1,4 @@
+/// <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;
@@ -14,27 +15,92 @@ declare function SearchableList({ onSelectMenuItem, components, searchTerm: sear
 declare namespace SearchableList {
     var propTypes: {
         /** callback after item gets selected */
-        onSelectMenuItem: any;
+        onSelectMenuItem: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Object with custom components for react-select */
-        components: any;
+        components: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** search term to filter for */
-        searchTerm: any;
+        searchTerm: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** item options */
-        items: any;
+        items: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** options */
-        dropdownFilterOptions: any;
+        dropdownFilterOptions: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Whether the combo box is has value to return or not */
-        returnValue: any;
+        returnValue: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** extra props to pass down to combo */
-        extraListProps: any;
+        extraListProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** append search term as item on the list */
-        appendTermInList: any;
+        appendTermInList: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** maxoptions for combobox */
-        maxOptions: any;
+        maxOptions: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**  loading flag */
-        loading: any;
+        loading: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const DSMenuSearchableListWithSchema: any;
+declare const DSMenuSearchableListWithSchema: {
+    (props?: {
+        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;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export default SearchableList;
 export { DSMenuSearchableListWithSchema };