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

package/esm/MenuItems/MenuItemCheckable.js

@@ -1,108 +1,59 @@
-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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { Checkmark } from '@elliemae/ds-icons';
-import { runAll } from '@elliemae/ds-utilities';
-import MenuItem from './MenuItem.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _div;
-
-const _excluded = ["role", "checked", "name", "checkIcon", "children", "leftAddon", "item"];
-
-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; }
-
-function useCheckable(_ref) {
-  let {
-    checked
-  } = _ref;
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { Checkmark } from "@elliemae/ds-icons";
+import { runAll } from "@elliemae/ds-utilities";
+import { MenuItem } from "./MenuItem";
+function useCheckable({ checked }) {
   return {
     checked,
-    'aria-checked': checked
+    "aria-checked": checked
   };
 }
-/**
- * Reuses the same props as the MenuItem
- *
- * @param root0
- * @param root0.role
- * @param root0.checked
- * @param root0.name
- * @param root0.checkIcon
- * @param root0.children
- * @param root0.leftAddon
- * @param root0.item
- */
-
-
-function MenuItemCheckable(_ref2) {
-  let {
-    role = 'menuitemcheckbox',
-    checked = false,
-    name = '',
-    checkIcon = /*#__PURE__*/_jsx(Checkmark, {
-      color: ['brand-primary', 600]
-    }),
-    // eslint-disable-next-line react/prop-types
-    children,
-    leftAddon,
-    item = undefined
-  } = _ref2,
-      otherProps = _objectWithoutProperties(_ref2, _excluded);
-
-  const checkableProps = useCheckable({
-    checked,
-    name
-  });
-
-  const handleClick = () => runAll(otherProps.onClick, checkableProps.onClick)({
-    target: {
-      value: name,
-      checked
-    }
-  }, item);
-
-  const checkAddon = leftAddon || (checkableProps.checked ? /*#__PURE__*/_jsx("div", {
+const MenuItemCheckable = ({
+  role = "menuitemcheckbox",
+  checked = false,
+  name = "",
+  checkIcon = /* @__PURE__ */ React2.createElement(Checkmark, {
+    color: ["brand-primary", 600]
+  }),
+  children,
+  leftAddon,
+  item = void 0,
+  ...otherProps
+}) => {
+  const checkableProps = useCheckable({ checked, name });
+  const handleClick = () => runAll(otherProps.onClick, checkableProps.onClick)({ target: { value: name, checked } }, item);
+  const checkAddon = leftAddon || (checkableProps.checked ? /* @__PURE__ */ React2.createElement("div", {
     className: "checkable-mark"
-  }, void 0, checkIcon) : _div || (_div = /*#__PURE__*/_jsx("div", {})));
-  return /*#__PURE__*/jsx(MenuItem, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, item), otherProps), checkableProps), {}, {
-    customRenderer: item && item.customRenderer ? item.customRenderer : () => {},
+  }, checkIcon) : /* @__PURE__ */ React2.createElement("div", null));
+  return /* @__PURE__ */ React2.createElement(MenuItem, {
+    ...item,
+    ...otherProps,
+    ...checkableProps,
+    customRenderer: item && item.customRenderer ? item.customRenderer : () => {
+    },
     items: otherProps.subItems,
     leftAddon: checkAddon,
     onClick: handleClick,
-    role: role
-  }));
-}
-
+    role
+  });
+};
 const props = {
-  /** Whether the item is checked or not */
-  checked: PropTypes.bool.description('Whether the item is checked or not'),
-
-  /** A custom item when the item is checked */
-  checkIcon: PropTypes.element.description('A custom item when the item is checked'),
-
-  /** form field name */
-  name: PropTypes.string.description('form field name'),
-
-  /** menu item object props */
-  item: PropTypes.object.description('menu item object props'),
-
-  /** a11y role */
-  role: PropTypes.string.description('a11y role'),
-
-  /** left addon component */
-  leftAddon: PropTypes.node.description('left addon component')
+  checked: PropTypes.bool.description("Whether the item is checked or not"),
+  checkIcon: PropTypes.element.description("A custom item when the item is checked"),
+  name: PropTypes.string.description("form field name"),
+  item: PropTypes.object.description("menu item object props"),
+  role: PropTypes.string.description("a11y role"),
+  leftAddon: PropTypes.node.description("left addon component")
 };
+MenuItemCheckable.propTypes = props;
 const DSMenuItemCheckeableWithSchema = describe(MenuItemCheckable);
 DSMenuItemCheckeableWithSchema.propTypes = props;
-
-export { DSMenuItemCheckeableWithSchema, MenuItemCheckable as default };
+var MenuItemCheckable_default = MenuItemCheckable;
+export {
+  DSMenuItemCheckeableWithSchema,
+  MenuItemCheckable,
+  MenuItemCheckable_default as default
+};
+//# sourceMappingURL=MenuItemCheckable.js.map

package/esm/MenuItems/MenuItemCheckable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/MenuItemCheckable.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-cycle */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { MenuItem } from './MenuItem';\n\n// TODO: where to move this?\nfunction useCheckable({ checked }) {\n  return {\n    checked,\n    'aria-checked': checked,\n  };\n}\n\n/**\n * Reuses the same props as the MenuItem\n *\n * @param root0\n * @param root0.role\n * @param root0.checked\n * @param root0.name\n * @param root0.checkIcon\n * @param root0.children\n * @param root0.leftAddon\n * @param root0.item\n */\nconst MenuItemCheckable = ({\n  role = 'menuitemcheckbox',\n  checked = false,\n  name = '',\n  checkIcon = <Checkmark color={['brand-primary', 600]} />,\n  // eslint-disable-next-line react/prop-types\n  children,\n  leftAddon,\n  item = undefined,\n  ...otherProps\n}) => {\n  const checkableProps = useCheckable({ checked, name });\n  const handleClick = () =>\n    runAll(otherProps.onClick, checkableProps.onClick)({ target: { value: name, checked } }, item);\n\n  const checkAddon =\n    leftAddon || (checkableProps.checked ? <div className=\"checkable-mark\">{checkIcon}</div> : <div />);\n  return (\n    <MenuItem\n      {...item}\n      {...otherProps}\n      {...checkableProps}\n      customRenderer={item && item.customRenderer ? item.customRenderer : () => {}}\n      items={otherProps.subItems}\n      leftAddon={checkAddon}\n      onClick={handleClick}\n      role={role}\n    />\n  );\n};\n\nconst props = {\n  /** Whether the item is checked or not */\n  checked: PropTypes.bool.description('Whether the item is checked or not'),\n  /** A custom item when the item is checked */\n  checkIcon: PropTypes.element.description('A custom item when the item is checked'),\n  /** form field name */\n  name: PropTypes.string.description('form field name'),\n  /** menu item object props */\n  item: PropTypes.object.description('menu item object props'),\n  /** a11y role */\n  role: PropTypes.string.description('a11y role'),\n  /** left addon component */\n  leftAddon: PropTypes.node.description('left addon component'),\n};\n\nMenuItemCheckable.propTypes = props;\n\nconst DSMenuItemCheckeableWithSchema = describe(MenuItemCheckable);\nDSMenuItemCheckeableWithSchema.propTypes = props;\n\nexport { DSMenuItemCheckeableWithSchema, MenuItemCheckable };\nexport default MenuItemCheckable;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAGA,sBAAsB,EAAE,WAAW;AACjC,SAAO;AAAA,IACL;AAAA,IACA,gBAAgB;AAAA;AAAA;AAgBpB,MAAM,oBAAoB,CAAC;AAAA,EACzB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY,qCAAC,WAAD;AAAA,IAAW,OAAO,CAAC,iBAAiB;AAAA;AAAA,EAEhD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,KACJ;AAAA,MACC;AACJ,QAAM,iBAAiB,aAAa,EAAE,SAAS;AAC/C,QAAM,cAAc,MAClB,OAAO,WAAW,SAAS,eAAe,SAAS,EAAE,QAAQ,EAAE,OAAO,MAAM,aAAa;AAE3F,QAAM,aACJ,aAAc,gBAAe,UAAU,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAkB,aAAmB,qCAAC,OAAD;AAC7F,SACE,qCAAC,UAAD;AAAA,OACM;AAAA,OACA;AAAA,OACA;AAAA,IACJ,gBAAgB,QAAQ,KAAK,iBAAiB,KAAK,iBAAiB,MAAM;AAAA;AAAA,IAC1E,OAAO,WAAW;AAAA,IAClB,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA;AAAA;AAKN,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,UAAU,QAAQ,YAAY;AAAA,EAEzC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,kBAAkB,YAAY;AAE9B,MAAM,iCAAiC,SAAS;AAChD,+BAA+B,YAAY;AAG3C,IAAO,4BAAQ;",
+  "names": []
+}

package/esm/MenuItems/MenuItemCheckbox.js

@@ -1,34 +1,19 @@
-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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { DSCheckbox } from '@elliemae/ds-form';
-import MenuItemCheckable from './MenuItemCheckable.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["checked"];
-
-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; }
-
-function MenuItemCheckbox(_ref) {
-  let {
+import * as React from "react";
+import React2 from "react";
+import { DSCheckbox } from "@elliemae/ds-form";
+import { MenuItemCheckable } from "./MenuItemCheckable";
+import { registerMenuItem } from "./menuItemFactory";
+const MenuItemCheckbox = ({ checked, ...rest }) => /* @__PURE__ */ React2.createElement(MenuItemCheckable, {
+  ...rest,
+  leftAddon: /* @__PURE__ */ React2.createElement(DSCheckbox, {
     checked
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(MenuItemCheckable, _objectSpread(_objectSpread({}, rest), {}, {
-    leftAddon: /*#__PURE__*/_jsx(DSCheckbox, {
-      checked: checked
-    }),
-    role: "menuitemcheckbox"
-  }));
-}
-
-export { MenuItemCheckbox as default };
+  }),
+  role: "menuitemcheckbox"
+});
+registerMenuItem("checkbox", MenuItemCheckbox);
+var MenuItemCheckbox_default = MenuItemCheckbox;
+export {
+  MenuItemCheckbox,
+  MenuItemCheckbox_default as default
+};
+//# sourceMappingURL=MenuItemCheckbox.js.map

package/esm/MenuItems/MenuItemCheckbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/MenuItemCheckbox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { MenuItemCheckable } from './MenuItemCheckable';\nimport { registerMenuItem } from './menuItemFactory';\n\nconst MenuItemCheckbox = ({ checked, ...rest }) => (\n  <MenuItemCheckable {...rest} leftAddon={<DSCheckbox checked={checked} />} role=\"menuitemcheckbox\" />\n);\n\nregisterMenuItem('checkbox', MenuItemCheckbox);\nexport { MenuItemCheckbox };\nexport default MenuItemCheckbox;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,CAAC,EAAE,YAAY,WACtC,qCAAC,mBAAD;AAAA,KAAuB;AAAA,EAAM,WAAW,qCAAC,YAAD;AAAA,IAAY;AAAA;AAAA,EAAsB,MAAK;AAAA;AAGjF,iBAAiB,YAAY;AAE7B,IAAO,2BAAQ;",
+  "names": []
+}

package/esm/MenuItems/MenuItemRadio.js

@@ -1,32 +1,24 @@
-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 'react';
-import { PropTypes, describe } from 'react-desc';
-import MenuItemCheckable from './MenuItemCheckable.js';
-import { jsx } 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; }
-
-function MenuItemRadio(props) {
-  return /*#__PURE__*/jsx(MenuItemCheckable, _objectSpread(_objectSpread({}, props), {}, {
-    role: "menuitemradio"
-  }));
-}
-
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import { MenuItemCheckable } from "./MenuItemCheckable";
+import { registerMenuItem } from "./menuItemFactory";
+const MenuItemRadio = (props2) => /* @__PURE__ */ React2.createElement(MenuItemCheckable, {
+  ...props2,
+  role: "menuitemradio"
+});
 const props = {
-  /** Whether the item is checked or not */
-  checked: PropTypes.bool.description('Whether the item is checked or not'),
-
-  /** A custom item when the item is checked */
-  checkIcon: PropTypes.element.description('A custom item when the item is checked')
+  checked: PropTypes.bool.description("Whether the item is checked or not"),
+  checkIcon: PropTypes.element.description("A custom item when the item is checked")
 };
+MenuItemRadio.propTypes = props;
+registerMenuItem("radio", MenuItemRadio);
 const DSMenuItemRadioWithSchema = describe(MenuItemCheckable);
 DSMenuItemRadioWithSchema.propTypes = props;
-
-export { DSMenuItemRadioWithSchema, MenuItemRadio as default };
+var MenuItemRadio_default = MenuItemRadio;
+export {
+  DSMenuItemRadioWithSchema,
+  MenuItemRadio,
+  MenuItemRadio_default as default
+};
+//# sourceMappingURL=MenuItemRadio.js.map

package/esm/MenuItems/MenuItemRadio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/MenuItemRadio.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { MenuItemCheckable } from './MenuItemCheckable';\nimport { registerMenuItem } from './menuItemFactory';\n\nconst MenuItemRadio = (props) => <MenuItemCheckable {...props} role=\"menuitemradio\" />;\n\nconst props = {\n  /** Whether the item is checked or not */\n  checked: PropTypes.bool.description('Whether the item is checked or not'),\n  /** A custom item when the item is checked */\n  checkIcon: PropTypes.element.description('A custom item when the item is checked'),\n};\n\nMenuItemRadio.propTypes = props;\nregisterMenuItem('radio', MenuItemRadio);\n\nconst DSMenuItemRadioWithSchema = describe(MenuItemCheckable);\nDSMenuItemRadioWithSchema.propTypes = props;\n\nexport { DSMenuItemRadioWithSchema, MenuItemRadio };\nexport default MenuItemRadio;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC,WAAU,qCAAC,mBAAD;AAAA,KAAuB;AAAA,EAAO,MAAK;AAAA;AAEpE,MAAM,QAAQ;AAAA,EAEZ,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,UAAU,QAAQ,YAAY;AAAA;AAG3C,cAAc,YAAY;AAC1B,iBAAiB,SAAS;AAE1B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;AAGtC,IAAO,wBAAQ;",
+  "names": []
+}

package/esm/MenuItems/RadioGroup.js

@@ -1,32 +1,22 @@
-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 'react';
-import { PropTypes, describe } from 'react-desc';
-import CheckableGroup from '@elliemae/ds-shared/CheckableGroup';
-import { jsx } 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; }
-
-function RadioGroup(props) {
-  return /*#__PURE__*/jsx(CheckableGroup, _objectSpread(_objectSpread({}, props), {}, {
-    multi: false
-  }));
-}
-
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import { CheckableGroup } from "@elliemae/ds-shared/CheckableGroup";
+const RadioGroup = (props2) => /* @__PURE__ */ React2.createElement(CheckableGroup, {
+  ...props2,
+  multi: false
+});
 const props = {
-  /* The item selected */
-  active: PropTypes.arrayOf(PropTypes.string).description('the item selected'),
-
-  /* Handler when a user checks an item */
-  onCheck: PropTypes.func.description('Handler when a user checks an item')
+  active: PropTypes.arrayOf(PropTypes.string).description("the item selected"),
+  onCheck: PropTypes.func.description("Handler when a user checks an item")
 };
+RadioGroup.propTypes = props;
 const DSMenuRadioGroupWithSchema = describe(RadioGroup);
 DSMenuRadioGroupWithSchema.propTypes = props;
-
-export { DSMenuRadioGroupWithSchema, RadioGroup as default };
+var RadioGroup_default = RadioGroup;
+export {
+  DSMenuRadioGroupWithSchema,
+  RadioGroup,
+  RadioGroup_default as default
+};
+//# sourceMappingURL=RadioGroup.js.map

package/esm/MenuItems/RadioGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/RadioGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { CheckableGroup } from '@elliemae/ds-shared/CheckableGroup';\n\nconst RadioGroup = (props) => <CheckableGroup {...props} multi={false} />;\n\nconst props = {\n  /* The item selected */\n  active: PropTypes.arrayOf(PropTypes.string).description('the item selected'),\n  /* Handler when a user checks an item */\n  onCheck: PropTypes.func.description('Handler when a user checks an item'),\n};\n\nRadioGroup.propTypes = props;\n\nconst DSMenuRadioGroupWithSchema = describe(RadioGroup);\n\nDSMenuRadioGroupWithSchema.propTypes = props;\n\nexport { DSMenuRadioGroupWithSchema, RadioGroup };\nexport default RadioGroup;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,aAAa,CAAC,WAAU,qCAAC,gBAAD;AAAA,KAAoB;AAAA,EAAO,OAAO;AAAA;AAEhE,MAAM,QAAQ;AAAA,EAEZ,QAAQ,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAExD,SAAS,UAAU,KAAK,YAAY;AAAA;AAGtC,WAAW,YAAY;AAEvB,MAAM,6BAA6B,SAAS;AAE5C,2BAA2B,YAAY;AAGvC,IAAO,qBAAQ;",
+  "names": []
+}

package/esm/MenuItems/SearchableGroup.js

@@ -1,91 +1,68 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.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 { useRef, useState, useEffect, useContext, useMemo } from 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { focusGroupManagerHoc } from '@elliemae/ds-shared/FocusGroup';
-import DSSearchBox from '@elliemae/ds-form/SearchBox';
-import { PropTypes, describe } from 'react-desc';
-import VirtualMenuList from '../VirtualMenuList.js';
-import MenuContext from '../MenuContext.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const SearchBoxWrapper = aggregatedClasses('div')('menu-search-group', 'search-wrapper');
-const NoOptionsWrapper = aggregatedClasses('div')('menu-search-group', 'no-options');
-
-function SearchableGroup(_ref) {
-  let {
-    children,
-    amountItemsInWindow = 5,
-    searchTerm: searchTermProp = '',
-    noOptionsText = 'No options',
-    height,
-    width,
-    focusOnOpen = false
-  } = _ref;
+import * as React from "react";
+import React2, { useEffect, useMemo, useState, useRef, useContext } from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { focusGroupManagerHoc } from "@elliemae/ds-shared/FocusGroup";
+import { DSSearchBox } from "@elliemae/ds-form";
+import { PropTypes, describe } from "react-desc";
+import { VirtualMenuList } from "../VirtualMenuList";
+import { MenuContext } from "../MenuContext";
+const SearchBoxWrapper = aggregatedClasses("div")("menu-search-group", "search-wrapper");
+const NoOptionsWrapper = aggregatedClasses("div")("menu-search-group", "no-options");
+const SearchableGroup = ({
+  children,
+  amountItemsInWindow = 5,
+  searchTerm: searchTermProp = "",
+  noOptionsText = "No options",
+  height,
+  width,
+  focusOnOpen = false
+}) => {
   const searchRef = useRef(null);
   const [searchTerm, setSearchTerm] = useState(searchTermProp);
   useEffect(() => {
-    if (searchRef.current) searchRef.current.focus();
+    if (searchRef.current)
+      searchRef.current.focus();
   }, []);
-  const {
-    visible
-  } = useContext(MenuContext) || {};
+  const { visible } = useContext(MenuContext) || {};
   useEffect(() => {
     if (focusOnOpen && visible) {
       setTimeout(() => {
-        if (searchRef.current) searchRef.current.focus();
+        if (searchRef.current)
+          searchRef.current.focus();
       }, 0);
     }
   }, [focusOnOpen, visible]);
-  const filteredChildren = useMemo(() => children.filter(child => !searchTerm || child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase())), [children, searchTerm]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(SearchBoxWrapper, {}, void 0, /*#__PURE__*/_jsx(DSSearchBox, {
-      innerRef: searchRef,
-      onSearch: _ref2 => {
-        let {
-          value
-        } = _ref2;
-        return setSearchTerm(value);
-      },
-      searchOnEnter: false,
-      showIcon: false,
-      value: searchTerm
-    })), !filteredChildren.length && /*#__PURE__*/_jsx(NoOptionsWrapper, {}, void 0, noOptionsText), /*#__PURE__*/_jsx(VirtualMenuList, {
-      amountItemsInWindow: amountItemsInWindow,
-      height: height,
-      items: filteredChildren,
-      width: width
-    })]
-  });
-}
-
+  const filteredChildren = useMemo(() => children.filter((child) => !searchTerm || child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase())), [children, searchTerm]);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SearchBoxWrapper, null, /* @__PURE__ */ React2.createElement(DSSearchBox, {
+    innerRef: searchRef,
+    onSearch: ({ value }) => setSearchTerm(value),
+    searchOnEnter: false,
+    showIcon: false,
+    value: searchTerm
+  })), !filteredChildren.length && /* @__PURE__ */ React2.createElement(NoOptionsWrapper, null, noOptionsText), /* @__PURE__ */ React2.createElement(VirtualMenuList, {
+    amountItemsInWindow,
+    height,
+    items: filteredChildren,
+    width
+  }));
+};
 const props = {
-  /** The amount of items that are going to be rendered in the group */
-  amountItemsInWindow: PropTypes.number.description('The amount of items that are going to be rendered in the group'),
-
-  /** A search term */
-  searchTerm: PropTypes.string.description('A search term'),
-
-  /** Text to show when there's no options to show */
+  amountItemsInWindow: PropTypes.number.description("The amount of items that are going to be rendered in the group"),
+  searchTerm: PropTypes.string.description("A search term"),
   noOptionsText: PropTypes.string.description("Text to show when there's no options to show"),
-
-  /** array of children for search list */
-  children: PropTypes.array.description('array of children for search list'),
-
-  /** height for virtual list wrapper */
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('height for virtual list wrapper'),
-
-  /** width for virtual list wrapper */
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('width for virtual list wrapper'),
-
-  /** weather to focus on searchable group on open */
-  focusOnOpen: PropTypes.bool.description('weather to focus on searchable group on open')
+  children: PropTypes.array.description("array of children for search list"),
+  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("height for virtual list wrapper"),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("width for virtual list wrapper"),
+  focusOnOpen: PropTypes.bool.description("weather to focus on searchable group on open")
 };
+SearchableGroup.propTypes = props;
 const DSMenuSearchableGroupWithSchema = describe(SearchableGroup);
 DSMenuSearchableGroupWithSchema.propTypes = props;
-var SearchableGroup$1 = focusGroupManagerHoc(SearchableGroup);
-
-export { DSMenuSearchableGroupWithSchema, SearchableGroup$1 as default };
+const SearchableGroupHOC = focusGroupManagerHoc(SearchableGroup);
+var SearchableGroup_default = SearchableGroupHOC;
+export {
+  DSMenuSearchableGroupWithSchema,
+  SearchableGroupHOC as SearchableGroup,
+  SearchableGroup_default as default
+};
+//# sourceMappingURL=SearchableGroup.js.map

package/esm/MenuItems/SearchableGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItems/SearchableGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useMemo, useState, useRef, useContext } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { focusGroupManagerHoc } from '@elliemae/ds-shared/FocusGroup';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport { VirtualMenuList } from '../VirtualMenuList';\nimport { MenuContext } from '../MenuContext';\n\nconst SearchBoxWrapper = aggregatedClasses('div')(\n  'menu-search-group',\n  'search-wrapper',\n);\nconst NoOptionsWrapper = aggregatedClasses('div')(\n  'menu-search-group',\n  'no-options',\n);\n\nconst SearchableGroup = ({\n  children,\n  amountItemsInWindow = 5,\n  searchTerm: searchTermProp = '',\n  noOptionsText = 'No options',\n  height,\n  width,\n  focusOnOpen = false,\n}) => {\n  const searchRef = useRef(null);\n  const [searchTerm, setSearchTerm] = useState(searchTermProp);\n\n  useEffect(() => {\n    if (searchRef.current) searchRef.current.focus();\n  }, []);\n\n  const { visible } = useContext(MenuContext) || {};\n\n  useEffect(() => {\n    if (focusOnOpen && visible) {\n      setTimeout(() => {\n        if (searchRef.current) searchRef.current.focus();\n      }, 0);\n    }\n  }, [focusOnOpen, visible]);\n\n  const filteredChildren = useMemo(\n    () =>\n      children.filter(\n        (child) =>\n          !searchTerm ||\n          child.props.label.toLowerCase().startsWith(searchTerm.toLowerCase()),\n      ),\n    [children, searchTerm],\n  );\n\n  return (\n    <>\n      <SearchBoxWrapper>\n        <DSSearchBox\n          innerRef={searchRef}\n          onSearch={({ value }) => setSearchTerm(value)}\n          searchOnEnter={false}\n          showIcon={false}\n          value={searchTerm}\n        />\n      </SearchBoxWrapper>\n      {!filteredChildren.length && (\n        <NoOptionsWrapper>{noOptionsText}</NoOptionsWrapper>\n      )}\n      <VirtualMenuList\n        amountItemsInWindow={amountItemsInWindow}\n        height={height}\n        items={filteredChildren}\n        width={width}\n      />\n    </>\n  );\n};\n\nconst props = {\n  /** The amount of items that are going to be rendered in the group */\n  amountItemsInWindow: PropTypes.number.description(\n    'The amount of items that are going to be rendered in the group',\n  ),\n  /** A search term */\n  searchTerm: PropTypes.string.description('A search term'),\n  /** Text to show when there's no options to show */\n  noOptionsText: PropTypes.string.description(\n    \"Text to show when there's no options to show\",\n  ),\n  /** array of children for search list */\n  children: PropTypes.array.description('array of children for search list'),\n  /** height for virtual list wrapper */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'height for virtual list wrapper',\n  ),\n  /** width for virtual list wrapper */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'width for virtual list wrapper',\n  ),\n  /** weather to focus on searchable group on open */\n  focusOnOpen: PropTypes.bool.description(\n    'weather to focus on searchable group on open',\n  ),\n};\n\nSearchableGroup.propTypes = props;\n\nconst DSMenuSearchableGroupWithSchema = describe(SearchableGroup);\nDSMenuSearchableGroupWithSchema.propTypes = props;\n\nconst SearchableGroupHOC = focusGroupManagerHoc(SearchableGroup);\n\nexport { DSMenuSearchableGroupWithSchema, SearchableGroupHOC as SearchableGroup };\nexport default SearchableGroupHOC;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,kBAAkB,OACzC,qBACA;AAEF,MAAM,mBAAmB,kBAAkB,OACzC,qBACA;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,sBAAsB;AAAA,EACtB,YAAY,iBAAiB;AAAA,EAC7B,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,MACV;AACJ,QAAM,YAAY,OAAO;AACzB,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAE7C,YAAU,MAAM;AACd,QAAI,UAAU;AAAS,gBAAU,QAAQ;AAAA,KACxC;AAEH,QAAM,EAAE,YAAY,WAAW,gBAAgB;AAE/C,YAAU,MAAM;AACd,QAAI,eAAe,SAAS;AAC1B,iBAAW,MAAM;AACf,YAAI,UAAU;AAAS,oBAAU,QAAQ;AAAA,SACxC;AAAA;AAAA,KAEJ,CAAC,aAAa;AAEjB,QAAM,mBAAmB,QACvB,MACE,SAAS,OACP,CAAC,UACC,CAAC,cACD,MAAM,MAAM,MAAM,cAAc,WAAW,WAAW,iBAE5D,CAAC,UAAU;AAGb,SACE,4DACE,qCAAC,kBAAD,MACE,qCAAC,aAAD;AAAA,IACE,UAAU;AAAA,IACV,UAAU,CAAC,EAAE,YAAY,cAAc;AAAA,IACvC,eAAe;AAAA,IACf,UAAU;AAAA,IACV,OAAO;AAAA,OAGV,CAAC,iBAAiB,UACjB,qCAAC,kBAAD,MAAmB,gBAErB,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA;AAAA;AAMR,MAAM,QAAQ;AAAA,EAEZ,qBAAqB,UAAU,OAAO,YACpC;AAAA,EAGF,YAAY,UAAU,OAAO,YAAY;AAAA,EAEzC,eAAe,UAAU,OAAO,YAC9B;AAAA,EAGF,UAAU,UAAU,MAAM,YAAY;AAAA,EAEtC,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAChE;AAAA,EAGF,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC/D;AAAA,EAGF,aAAa,UAAU,KAAK,YAC1B;AAAA;AAIJ,gBAAgB,YAAY;AAE5B,MAAM,kCAAkC,SAAS;AACjD,gCAAgC,YAAY;AAE5C,MAAM,qBAAqB,qBAAqB;AAGhD,IAAO,0BAAQ;",
+  "names": []
+}