@elliemae/ds-mini-toolbar 2.1.0 → 2.2.0-alpha.3

package/cjs/Components/outOfTheBox/SearchBox.js

@@ -1,55 +1,58 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsForm = require('@elliemae/ds-form');
-var styles = require('../../styles.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const MiniToolbarSearchButton = props => {
-  const {
-    size,
-    color,
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SearchBox_exports = {};
+__export(SearchBox_exports, {
+  MiniToolbarSearchBox: () => MiniToolbarSearchBox,
+  MiniToolbarSearchButton: () => MiniToolbarSearchButton
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
+var import_ds_form = __toESM(require("@elliemae/ds-form"));
+var import_styles = __toESM(require("../../styles"));
+const MiniToolbarSearchButton = (props) => {
+  const { size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledButton, {
+    "aria-label": ariaLabel,
+    buttonType,
     onClick,
-    ariaLabel,
     style,
-    buttonType = 'secondary'
-  } = props;
-  return /*#__PURE__*/_jsx__default["default"](styles.StyledButton, {
-    "aria-label": ariaLabel,
-    buttonType: buttonType,
-    onClick: onClick,
-    style: style,
-    leftIcon: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
-      size: size,
-      color: color
+    leftIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
+      size,
+      color
     }),
     "data-testid": "ds-mini-toolbar__shortcut"
   });
 };
-
-const MiniToolbarSearchBox = props => /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({
+const MiniToolbarSearchBox = (props) => /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSSearchBox, {
   clearable: true,
-  showIcon: false
-}, props));
-
-exports.MiniToolbarSearchBox = MiniToolbarSearchBox;
-exports.MiniToolbarSearchButton = MiniToolbarSearchButton;
+  showIcon: false,
+  ...props
+});
+module.exports = __toCommonJS(SearchBox_exports);
+//# sourceMappingURL=SearchBox.js.map

package/cjs/Components/outOfTheBox/SearchBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Components/outOfTheBox/SearchBox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarSearchButton = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n  const { size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n  return (\n    <StyledButton\n      aria-label={ariaLabel}\n      buttonType={buttonType}\n      onClick={onClick}\n      style={style}\n      leftIcon={<Search size={size} color={color} />}\n      data-testid=\"ds-mini-toolbar__shortcut\"\n    />\n  );\n};\n\nconst MiniToolbarSearchBox = (props: Record<string, unknown>): JSX.Element => (\n  <DSSearchBox clearable showIcon={false} {...props} />\n);\n\nexport { MiniToolbarSearchButton, MiniToolbarSearchBox };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAAuB;AACvB,qBAA4B;AAC5B,oBAA6B;AAG7B,MAAM,0BAA0B,CAAC,UAAyD;AACxF,QAAM,EAAE,MAAM,OAAO,SAAS,WAAW,OAAO,aAAa,gBAAgB;AAE7E,SACE,mDAAC,4BAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,mDAAC,wBAAD;AAAA,MAAQ;AAAA,MAAY;AAAA;AAAA,IAC9B,eAAY;AAAA;AAAA;AAKlB,MAAM,uBAAuB,CAAC,UAC5B,mDAAC,4BAAD;AAAA,EAAa,WAAS;AAAA,EAAC,UAAU;AAAA,KAAW;AAAA;",
+  "names": []
+}

package/cjs/Components/outOfTheBox/Separator.js

@@ -1,19 +1,39 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styles = require('../../styles.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _Separator;
-
-const MiniToolbarSeparator = () => _Separator || (_Separator = /*#__PURE__*/_jsx__default["default"](styles.Separator, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Separator_exports = {};
+__export(Separator_exports, {
+  MiniToolbarSeparator: () => MiniToolbarSeparator
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styles = __toESM(require("../../styles"));
+const MiniToolbarSeparator = () => /* @__PURE__ */ import_react.default.createElement(import_styles.Separator, {
   "data-testid": "ds-mini-toolbar__separator"
-}));
-
-exports.MiniToolbarSeparator = MiniToolbarSeparator;
+});
+module.exports = __toCommonJS(Separator_exports);
+//# sourceMappingURL=Separator.js.map

package/cjs/Components/outOfTheBox/Separator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Components/outOfTheBox/Separator.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { Separator } from '../../styles';\n\nconst MiniToolbarSeparator = (): React.ReactElement => (\n  <Separator data-testid=\"ds-mini-toolbar__separator\" />\n);\n\nexport { MiniToolbarSeparator };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAA0B;AAE1B,MAAM,uBAAuB,MAC3B,mDAAC,yBAAD;AAAA,EAAW,eAAY;AAAA;",
+  "names": []
+}

package/cjs/Components/outOfTheBox/index.js

@@ -1,26 +1,53 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Button = require('./Button.js');
-var IconItem = require('./IconItem.js');
-var SearchBox = require('./SearchBox.js');
-var Separator = require('./Separator.js');
-var ComboBox = require('./ComboBox.js');
-
-const ICON_ITEM = 'ds-icon-item';
-const SEPARATOR = 'ds-separator';
-const BUTTON = 'ds-button';
-const SEARCH_BOX = 'ds-search-box';
-const COMBO_BOX = 'ds-combo-box';
-
-exports.MiniToolbarButton = Button.MiniToolbarButton;
-exports.MiniToolbarIcon = IconItem.MiniToolbarIcon;
-exports.MiniToolbarSearchBox = SearchBox.MiniToolbarSearchBox;
-exports.MiniToolbarSeparator = Separator.MiniToolbarSeparator;
-exports.MiniToolbarComboBox = ComboBox.MiniToolbarComboBox;
-exports.BUTTON = BUTTON;
-exports.COMBO_BOX = COMBO_BOX;
-exports.ICON_ITEM = ICON_ITEM;
-exports.SEARCH_BOX = SEARCH_BOX;
-exports.SEPARATOR = SEPARATOR;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var outOfTheBox_exports = {};
+__export(outOfTheBox_exports, {
+  BUTTON: () => BUTTON,
+  COMBO_BOX: () => COMBO_BOX,
+  ICON_ITEM: () => ICON_ITEM,
+  MiniToolbarButton: () => import_Button.MiniToolbarButton,
+  MiniToolbarComboBox: () => import_ComboBox.MiniToolbarComboBox,
+  MiniToolbarIcon: () => import_IconItem.MiniToolbarIcon,
+  MiniToolbarSearchBox: () => import_SearchBox.MiniToolbarSearchBox,
+  MiniToolbarSeparator: () => import_Separator.MiniToolbarSeparator,
+  SEARCH_BOX: () => SEARCH_BOX,
+  SEPARATOR: () => SEPARATOR
+});
+var React = __toESM(require("react"));
+var import_Button = __toESM(require("./Button"));
+var import_IconItem = __toESM(require("./IconItem"));
+var import_SearchBox = __toESM(require("./SearchBox"));
+var import_Separator = __toESM(require("./Separator"));
+var import_ComboBox = __toESM(require("./ComboBox"));
+const ICON_ITEM = "ds-icon-item";
+const SEPARATOR = "ds-separator";
+const BUTTON = "ds-button";
+const SEARCH_BOX = "ds-search-box";
+const COMBO_BOX = "ds-combo-box";
+module.exports = __toCommonJS(outOfTheBox_exports);
+//# sourceMappingURL=index.js.map

package/cjs/Components/outOfTheBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Components/outOfTheBox/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { MiniToolbarButton } from './Button';\nexport { MiniToolbarIcon } from './IconItem';\nexport { MiniToolbarSearchBox } from './SearchBox';\nexport { MiniToolbarSeparator } from './Separator';\nexport { MiniToolbarComboBox } from './ComboBox';\n\nexport const ICON_ITEM = 'ds-icon-item';\nexport const SEPARATOR = 'ds-separator';\nexport const BUTTON = 'ds-button';\nexport const SEARCH_BOX = 'ds-search-box';\nexport const COMBO_BOX = 'ds-combo-box';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAkC;AAClC,sBAAgC;AAChC,uBAAqC;AACrC,uBAAqC;AACrC,sBAAoC;AAE7B,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,SAAS;AACf,MAAM,aAAa;AACnB,MAAM,YAAY;",
+  "names": []
+}

package/cjs/hooks/useGenerateItems.js

@@ -1,134 +1,120 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var react = require('react');
-var uid = require('uid');
-var dsIcons = require('@elliemae/ds-icons');
-var index = require('../Components/outOfTheBox/index.js');
-var ToolbarShortcut = require('../Components/ToolbarShortcut.js');
-var SearchBox = require('../Components/outOfTheBox/SearchBox.js');
-var Separator = require('../Components/outOfTheBox/Separator.js');
-var Button = require('../Components/outOfTheBox/Button.js');
-var IconItem = require('../Components/outOfTheBox/IconItem.js');
-var ComboBox = require('../Components/outOfTheBox/ComboBox.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _MiniToolbarSeparator;
-
-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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const useGenerateItems = items => {
-  const instanceUID = react.useMemo(() => uid.uid(6), []);
-  const shortcutItems = react.useMemo(() => items.filter(item => item.hasShortcut || item.component === index.SEARCH_BOX || item.contextualRegion).map((item, index$1) => {
-    const {
-      component,
-      shortcutComponent,
-      shortcutProps,
-      sharedProps,
-      contextualRegion,
-      contextualRegionProps
-    } = item;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useGenerateItems_exports = {};
+__export(useGenerateItems_exports, {
+  useGenerateItems: () => useGenerateItems
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_uid = __toESM(require("uid"));
+var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
+var import_outOfTheBox = __toESM(require("../Components/outOfTheBox"));
+var import_ToolbarShortcut = __toESM(require("../Components/ToolbarShortcut"));
+var import_SearchBox = __toESM(require("../Components/outOfTheBox/SearchBox"));
+const useGenerateItems = (items) => {
+  const instanceUID = (0, import_react.useMemo)(() => (0, import_uid.uid)(6), []);
+  const shortcutItems = (0, import_react.useMemo)(() => items.filter((item) => item.hasShortcut || item.component === import_outOfTheBox.SEARCH_BOX || item.contextualRegion).map((item, index) => {
+    const { component, shortcutComponent, shortcutProps, sharedProps, contextualRegion, contextualRegionProps } = item;
     let Component;
     let ContextualRegion;
-    if (component === index.SEPARATOR) return _MiniToolbarSeparator || (_MiniToolbarSeparator = /*#__PURE__*/_jsx__default["default"](Separator.MiniToolbarSeparator, {}));
-    if (component === index.BUTTON) Component = Button.MiniToolbarButton;else if (component === index.ICON_ITEM) Component = IconItem.MiniToolbarIcon;else if (component === index.COMBO_BOX) Component = ComboBox.MiniToolbarComboBox;else if (component === index.SEARCH_BOX) {
+    if (component === import_outOfTheBox.SEPARATOR)
+      return /* @__PURE__ */ import_react.default.createElement(import_outOfTheBox.MiniToolbarSeparator, null);
+    if (component === import_outOfTheBox.BUTTON)
+      Component = import_outOfTheBox.MiniToolbarButton;
+    else if (component === import_outOfTheBox.ICON_ITEM)
+      Component = import_outOfTheBox.MiniToolbarIcon;
+    else if (component === import_outOfTheBox.COMBO_BOX)
+      Component = import_outOfTheBox.MiniToolbarComboBox;
+    else if (component === import_outOfTheBox.SEARCH_BOX) {
       if (item.hasShortcut) {
-        Component = SearchBox.MiniToolbarSearchButton;
+        Component = import_SearchBox.MiniToolbarSearchButton;
       }
-
-      ContextualRegion = SearchBox.MiniToolbarSearchBox;
+      ContextualRegion = import_outOfTheBox.MiniToolbarSearchBox;
     }
-
     if (!ContextualRegion) {
       ContextualRegion = contextualRegion;
     }
-
     if (!Component) {
       Component = shortcutComponent;
     }
-
-    return /*#__PURE__*/_jsx__default["default"](ToolbarShortcut.ToolbarShortcut, {
-      Component: Component,
-      shortcutProps: shortcutProps,
-      sharedProps: sharedProps,
-      ContextualRegion: ContextualRegion,
-      contextualRegionProps: contextualRegionProps
-    }, "".concat(instanceUID, "-shortcut-").concat(index$1));
-  }), [instanceUID, items]);
-  const dropdownMenuItems = react.useMemo(() => items.map((item, index$1) => {
-    const {
-      component,
+    return /* @__PURE__ */ import_react.default.createElement(import_ToolbarShortcut.ToolbarShortcut, {
+      key: `${instanceUID}-shortcut-${index}`,
+      Component,
+      shortcutProps,
       sharedProps,
-      dropdownComponentProps
-    } = item;
+      ContextualRegion,
+      contextualRegionProps
+    });
+  }), [instanceUID, items]);
+  const dropdownMenuItems = (0, import_react.useMemo)(() => items.map((item, index) => {
+    const { component, sharedProps, dropdownComponentProps } = item;
     const dropdownItem = {};
-
-    const {
-      Icon,
-      color,
-      label,
-      onClick
-    } = _objectSpread(_objectSpread({}, sharedProps), dropdownComponentProps);
-
-    if (component === index.SEPARATOR) dropdownItem.type = 'separator';else {
-      dropdownItem.id = "".concat(instanceUID, "-dropdown-").concat(index$1);
-
+    const { Icon, color, label, onClick } = {
+      ...sharedProps,
+      ...dropdownComponentProps
+    };
+    if (component === import_outOfTheBox.SEPARATOR)
+      dropdownItem.type = "separator";
+    else {
+      dropdownItem.id = `${instanceUID}-dropdown-${index}`;
       dropdownItem.onClick = () => onClick(item);
-
       dropdownItem.label = label;
-
-      dropdownItem.onKeyDown = e => {
-        if (e.key === 'Enter' || e.key === ' ') {
+      dropdownItem.onKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
           onClick(item);
         }
       };
     }
-
-    if (component === index.ICON_ITEM) {
-      dropdownItem.leftAddon = /*#__PURE__*/_jsx__default["default"](Icon, {
-        color: color
+    if (component === import_outOfTheBox.ICON_ITEM) {
+      dropdownItem.leftAddon = /* @__PURE__ */ import_react.default.createElement(Icon, {
+        color
       });
-    } else if (component === index.SEARCH_BOX) {
-      dropdownItem.leftAddon = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
-        color: color
+    } else if (component === import_outOfTheBox.SEARCH_BOX) {
+      dropdownItem.leftAddon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
+        color
       });
-    } else if (component === index.COMBO_BOX) {
-      dropdownItem.type = 'subMenu';
+    } else if (component === import_outOfTheBox.COMBO_BOX) {
+      dropdownItem.type = "subMenu";
       dropdownItem.label = label;
-      dropdownItem.subItems = sharedProps.options.map((option, index) => {
-        option.id = "".concat(instanceUID, "-option-").concat(index);
-
+      dropdownItem.subItems = sharedProps.options.map((option, index2) => {
+        option.id = `${instanceUID}-option-${index2}`;
         option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);
-
-        option.onKeyDown = e => {
-          if (e.key === ' ' || e.key === 'Enter') {
+        option.onKeyDown = (e) => {
+          if (e.key === " " || e.key === "Enter") {
             dropdownComponentProps.onSelectMenuItem(option);
           }
         };
-
         return option;
       });
     }
-
     return dropdownItem;
   }), [instanceUID, items]);
   return [shortcutItems, dropdownMenuItems];
 };
-
-exports.useGenerateItems = useGenerateItems;
+module.exports = __toCommonJS(useGenerateItems_exports);
+//# sourceMappingURL=useGenerateItems.js.map

package/cjs/hooks/useGenerateItems.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useGenerateItems.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { uid } from 'uid';\nimport { Search } from '@elliemae/ds-icons';\nimport {\n  ICON_ITEM,\n  SEPARATOR,\n  BUTTON,\n  SEARCH_BOX,\n  COMBO_BOX,\n  MiniToolbarButton,\n  MiniToolbarSeparator,\n  MiniToolbarSearchBox,\n  MiniToolbarIcon,\n  MiniToolbarComboBox,\n} from '../Components/outOfTheBox';\nimport { ToolbarShortcut } from '../Components/ToolbarShortcut';\nimport { MiniToolbarSearchButton } from '../Components/outOfTheBox/SearchBox';\nimport { GeneratedDropdownItemT, MiniToolbarItemT } from '../index.d';\n\nconst useGenerateItems = (items: MiniToolbarItemT[]): [React.ReactElement[], GeneratedDropdownItemT[]] => {\n  const instanceUID = useMemo(() => uid(6), []);\n\n  const shortcutItems = useMemo(\n    () =>\n      items\n        .filter((item) => item.hasShortcut || item.component === SEARCH_BOX || item.contextualRegion)\n        .map((item, index) => {\n          const { component, shortcutComponent, shortcutProps, sharedProps, contextualRegion, contextualRegionProps } =\n            item;\n\n          let Component;\n          let ContextualRegion;\n\n          if (component === SEPARATOR) return <MiniToolbarSeparator />;\n          if (component === BUTTON) Component = MiniToolbarButton;\n          else if (component === ICON_ITEM) Component = MiniToolbarIcon;\n          else if (component === COMBO_BOX) Component = MiniToolbarComboBox;\n          else if (component === SEARCH_BOX) {\n            if (item.hasShortcut) {\n              Component = MiniToolbarSearchButton;\n            }\n            ContextualRegion = MiniToolbarSearchBox;\n          }\n          if (!ContextualRegion) {\n            ContextualRegion = contextualRegion;\n          }\n          if (!Component) {\n            Component = shortcutComponent;\n          }\n\n          return (\n            <ToolbarShortcut\n              key={`${instanceUID}-shortcut-${index}`}\n              Component={Component}\n              shortcutProps={shortcutProps}\n              sharedProps={sharedProps}\n              ContextualRegion={ContextualRegion}\n              contextualRegionProps={contextualRegionProps}\n            />\n          );\n        }),\n    [instanceUID, items],\n  );\n\n  const dropdownMenuItems = useMemo(\n    () =>\n      items.map((item, index) => {\n        const { component, sharedProps, dropdownComponentProps } = item;\n        const dropdownItem: GeneratedDropdownItemT = {};\n\n        const { Icon, color, label, onClick } = {\n          ...sharedProps,\n          ...dropdownComponentProps,\n        };\n\n        if (component === SEPARATOR) dropdownItem.type = 'separator';\n        else {\n          dropdownItem.id = `${instanceUID}-dropdown-${index}`;\n          dropdownItem.onClick = () => onClick(item);\n          dropdownItem.label = label;\n          dropdownItem.onKeyDown = (e: React.KeyboardEvent) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              onClick(item);\n            }\n          };\n        }\n\n        if (component === ICON_ITEM) {\n          dropdownItem.leftAddon = <Icon color={color} />;\n        } else if (component === SEARCH_BOX) {\n          dropdownItem.leftAddon = <Search color={color} />;\n        } else if (component === COMBO_BOX) {\n          dropdownItem.type = 'subMenu';\n          dropdownItem.label = label;\n          dropdownItem.subItems = sharedProps.options.map((option, index) => {\n            option.id = `${instanceUID}-option-${index}`;\n            option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);\n            option.onKeyDown = (e: React.KeyboardEvent) => {\n              if (e.key === ' ' || e.key === 'Enter') {\n                dropdownComponentProps.onSelectMenuItem(option);\n              }\n            };\n            return option;\n          });\n        }\n\n        return dropdownItem;\n      }),\n    [instanceUID, items],\n  );\n\n  return [shortcutItems, dropdownMenuItems];\n};\n\nexport { useGenerateItems };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,iBAAoB;AACpB,sBAAuB;AACvB,yBAWO;AACP,6BAAgC;AAChC,uBAAwC;AAGxC,MAAM,mBAAmB,CAAC,UAAgF;AACxG,QAAM,cAAc,0BAAQ,MAAM,oBAAI,IAAI;AAE1C,QAAM,gBAAgB,0BACpB,MACE,MACG,OAAO,CAAC,SAAS,KAAK,eAAe,KAAK,cAAc,iCAAc,KAAK,kBAC3E,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,EAAE,WAAW,mBAAmB,eAAe,aAAa,kBAAkB,0BAClF;AAEF,QAAI;AACJ,QAAI;AAEJ,QAAI,cAAc;AAAW,aAAO,mDAAC,yCAAD;AACpC,QAAI,cAAc;AAAQ,kBAAY;AAAA,aAC7B,cAAc;AAAW,kBAAY;AAAA,aACrC,cAAc;AAAW,kBAAY;AAAA,aACrC,cAAc,+BAAY;AACjC,UAAI,KAAK,aAAa;AACpB,oBAAY;AAAA;AAEd,yBAAmB;AAAA;AAErB,QAAI,CAAC,kBAAkB;AACrB,yBAAmB;AAAA;AAErB,QAAI,CAAC,WAAW;AACd,kBAAY;AAAA;AAGd,WACE,mDAAC,wCAAD;AAAA,MACE,KAAK,GAAG,wBAAwB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAIV,CAAC,aAAa;AAGhB,QAAM,oBAAoB,0BACxB,MACE,MAAM,IAAI,CAAC,MAAM,UAAU;AACzB,UAAM,EAAE,WAAW,aAAa,2BAA2B;AAC3D,UAAM,eAAuC;AAE7C,UAAM,EAAE,MAAM,OAAO,OAAO,YAAY;AAAA,SACnC;AAAA,SACA;AAAA;AAGL,QAAI,cAAc;AAAW,mBAAa,OAAO;AAAA,SAC5C;AACH,mBAAa,KAAK,GAAG,wBAAwB;AAC7C,mBAAa,UAAU,MAAM,QAAQ;AACrC,mBAAa,QAAQ;AACrB,mBAAa,YAAY,CAAC,MAA2B;AACnD,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,kBAAQ;AAAA;AAAA;AAAA;AAKd,QAAI,cAAc,8BAAW;AAC3B,mBAAa,YAAY,mDAAC,MAAD;AAAA,QAAM;AAAA;AAAA,eACtB,cAAc,+BAAY;AACnC,mBAAa,YAAY,mDAAC,wBAAD;AAAA,QAAQ;AAAA;AAAA,eACxB,cAAc,8BAAW;AAClC,mBAAa,OAAO;AACpB,mBAAa,QAAQ;AACrB,mBAAa,WAAW,YAAY,QAAQ,IAAI,CAAC,QAAQ,WAAU;AACjE,eAAO,KAAK,GAAG,sBAAsB;AACrC,eAAO,UAAU,MAAM,uBAAuB,iBAAiB;AAC/D,eAAO,YAAY,CAAC,MAA2B;AAC7C,cAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAAS;AACtC,mCAAuB,iBAAiB;AAAA;AAAA;AAG5C,eAAO;AAAA;AAAA;AAIX,WAAO;AAAA,MAEX,CAAC,aAAa;AAGhB,SAAO,CAAC,eAAe;AAAA;",
+  "names": []
+}

package/cjs/index.d.js

@@ -1,2 +1,27 @@
-'use strict';
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/cjs/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.d.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\ntype SvgIconSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\ntype SvgIconColorType =\n  | ['neutral', '900']\n  | ['neutral', '500']\n  | ['neutral', '0']\n  | ['danger', '900']\n  | ['warning', '600']\n  | ['success', '900']\n  | ['brand-primary', '600'];\n\ntype SharedProps = {\n  options?: Record<string, unknown>[];\n  onClick?: (item: MiniToolbarItemT) => void;\n  Icon?: React.ComponentType<Record<string, unknown>>;\n  label?: string;\n} & Record<string, unknown>;\n\ntype ShortcutProps = {\n  style?: React.CSSProperties;\n} & Record<string, unknown>;\n\ntype ContextualRegionProps = {\n  position?: 'left' | 'right';\n  isOpen: boolean;\n} & Record<string, unknown>;\n\ntype DropdownComponentProps = {\n  onClick?: (item: MiniToolbarItemT) => void;\n  label?: string;\n  Icon?: React.ComponentType<Record<string, unknown>>;\n  color?: SvgIconColorType;\n  onSelectMenuItem: (option: Record<string, unknown>) => void;\n} & Record<string, unknown>;\n\ntype OverflowButtonProps = {\n  ariaLabel?: string;\n  style?: React.CSSProperties;\n  buttonType?: 'secondary' | 'text';\n};\ninterface DefaultIconItemProps {\n  Icon: React.ComponentType<{ size: SvgIconSizeType; color: SvgIconColorType }>;\n  size?: SvgIconSizeType;\n  color?: SvgIconColorType;\n  onClick?: (item: MiniToolbarItemT) => void;\n  ariaLabel?: string;\n  style?: React.CSSProperties;\n}\n\ntype MiniToolbarIconItemPropsT = DefaultIconItemProps & Record<string, unknown>;\n\ntype MiniToolbarButtonPropsT = { ariaLabel: string } & Record<string, unknown>;\n\ninterface MiniToolbarItemT {\n  component: 'ds-button' | 'ds-icon-item' | 'ds-separator' | 'ds-search-box' | 'ds-combo-box' | React.ReactElement;\n  hasShortcut?: boolean;\n  shortcutComponent?: React.ReactElement;\n  shortcutProps?: ShortcutProps;\n  dropdownComponentProps?: DropdownComponentProps;\n  sharedProps?: SharedProps;\n  contextualRegion?: React.ReactElement;\n  contextualRegionProps?: ContextualRegionProps;\n  [key: string]: unknown;\n}\n\ninterface ToolbarShortcutPropsT {\n  Component: React.ComponentType<Record<string, unknown>>;\n  shortcutProps: ShortcutProps;\n  sharedProps: SharedProps;\n  ContextualRegion: React.ComponentType<Record<string, unknown>>;\n  contextualRegionProps: ContextualRegionProps;\n}\n\ninterface MiniToolbarPropsT {\n  items: MiniToolbarItemT[];\n  overflowButtonProps?: OverflowButtonProps;\n}\n\ntype GeneratedDropdownItemT = {\n  id?: string;\n  label?: string;\n  onClick?: (item: MiniToolbarItemT) => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  leftAddon?: React.ReactElement;\n  subItems?: Record<string, unknown>[];\n  type?: 'separator' | 'subMenu';\n};\n\nexport {\n  MiniToolbarIconItemPropsT,\n  MiniToolbarButtonPropsT,\n  MiniToolbarItemT,\n  ToolbarShortcutPropsT,\n  MiniToolbarPropsT,\n  GeneratedDropdownItemT,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/index.js

@@ -1,12 +1,38 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MiniToolbar = require('./Components/MiniToolbar.js');
-var propTypes = require('./propTypes.js');
-
-
-
-exports.MiniToolbar = MiniToolbar.MiniToolbar;
-exports.MiniToolbarWithSchema = MiniToolbar.MiniToolbarWithSchema;
-exports.ToolbarItemWithSchema = propTypes.ToolbarItemWithSchema;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  MiniToolbar: () => import_MiniToolbar.MiniToolbar,
+  MiniToolbarWithSchema: () => import_MiniToolbar.MiniToolbarWithSchema,
+  ToolbarItemWithSchema: () => import_propTypes.ToolbarItemWithSchema
+});
+var React = __toESM(require("react"));
+var import_MiniToolbar = __toESM(require("./Components/MiniToolbar"));
+var import_propTypes = __toESM(require("./propTypes"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map