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

package/dist/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/dist/cjs/index.d.js

@@ -0,0 +1,27 @@
+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/dist/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/dist/cjs/index.js

@@ -0,0 +1,38 @@
+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 = require("./Components/MiniToolbar");
+var import_propTypes = require("./propTypes");
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { MiniToolbar, MiniToolbarWithSchema } from './Components/MiniToolbar';\nexport { ToolbarItemWithSchema } from './propTypes';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAmD;AACnD,uBAAsC;",
+  "names": []
+}

package/dist/cjs/propTypes.js

@@ -0,0 +1,69 @@
+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 propTypes_exports = {};
+__export(propTypes_exports, {
+  ToolbarItemWithSchema: () => ToolbarItemWithSchema,
+  miniToolbarProps: () => miniToolbarProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const outOfTheBoxType = import_react_desc.PropTypes.oneOf([
+  "ds-button",
+  "ds-icon-item",
+  "ds-separator",
+  "ds-search-box",
+  "ds-combo-box"
+]).description("out-of-the-box toolbar components");
+const toolbarItemProps = {
+  component: import_react_desc.PropTypes.oneOfType([
+    outOfTheBoxType,
+    import_react_desc.PropTypes.element
+  ]).description("Main component").isRequired,
+  hasShortcut: import_react_desc.PropTypes.bool.description("Whether to include the component as a shortcut in the toolbar or not").defaultValue(false),
+  shortcutComponent: import_react_desc.PropTypes.element.description("Component to render as a shortcut in the toolbar"),
+  shortcutProps: import_react_desc.PropTypes.object.description("Shortcut component props"),
+  dropdownComponentProps: import_react_desc.PropTypes.object.description("Dropdown component props"),
+  sharedProps: import_react_desc.PropTypes.object.description("Props shared by shortcut component and dropdown component"),
+  contextualRegion: import_react_desc.PropTypes.element.description("Component that can be rendered as an adjacent region to the shortcut component"),
+  contextualRegionProps: import_react_desc.PropTypes.object.description("Contextual region component props")
+};
+const itemPropTypes = import_react_desc.PropTypes.shape(toolbarItemProps).description("Items props");
+const overflowButtonPropTypes = {
+  ariaLabel: import_react_desc.PropTypes.string,
+  buttonType: import_react_desc.PropTypes.oneOf(["secondary", "text"]),
+  style: import_react_desc.PropTypes.object
+};
+const miniToolbarProps = {
+  items: import_react_desc.PropTypes.arrayOf(itemPropTypes).description("Array of items").isRequired,
+  overflowButtonProps: import_react_desc.PropTypes.shape(overflowButtonPropTypes).description("Overflow button props")
+};
+const ToolbarItem = () => null;
+const ToolbarItemWithSchema = (0, import_react_desc.describe)(ToolbarItem);
+ToolbarItemWithSchema.propTypes = toolbarItemProps;
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes, describe } from 'react-desc';\n\nconst outOfTheBoxType = PropTypes.oneOf([\n  'ds-button',\n  'ds-icon-item',\n  'ds-separator',\n  'ds-search-box',\n  'ds-combo-box',\n]).description('out-of-the-box toolbar components');\n\nconst toolbarItemProps = {\n  component: PropTypes.oneOfType([\n    outOfTheBoxType,\n    PropTypes.element,\n  ]).description('Main component').isRequired,\n  hasShortcut: PropTypes.bool\n    .description(\n      'Whether to include the component as a shortcut in the toolbar or not',\n    )\n    .defaultValue(false),\n  shortcutComponent: PropTypes.element.description(\n    'Component to render as a shortcut in the toolbar',\n  ),\n  shortcutProps: PropTypes.object.description('Shortcut component props'),\n  dropdownComponentProps: PropTypes.object.description(\n    'Dropdown component props',\n  ),\n  sharedProps: PropTypes.object.description(\n    'Props shared by shortcut component and dropdown component',\n  ),\n  contextualRegion: PropTypes.element.description(\n    'Component that can be rendered as an adjacent region to the shortcut component',\n  ),\n  contextualRegionProps: PropTypes.object.description(\n    'Contextual region component props',\n  ),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description(\n  'Items props',\n);\n\nconst overflowButtonPropTypes = {\n  ariaLabel: PropTypes.string,\n  buttonType: PropTypes.oneOf(['secondary', 'text']),\n  style: PropTypes.object,\n};\n\nconst miniToolbarProps = {\n  items: PropTypes.arrayOf(itemPropTypes).description('Array of items')\n    .isRequired,\n  overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description(\n    'Overflow button props',\n  ),\n};\n\nconst ToolbarItem = () => null;\n\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAoC;AAEpC,MAAM,kBAAkB,4BAAU,MAAM;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC,YAAY;AAEf,MAAM,mBAAmB;AAAA,EACvB,WAAW,4BAAU,UAAU;AAAA,IAC7B;AAAA,IACA,4BAAU;AAAA,KACT,YAAY,kBAAkB;AAAA,EACjC,aAAa,4BAAU,KACpB,YACC,wEAED,aAAa;AAAA,EAChB,mBAAmB,4BAAU,QAAQ,YACnC;AAAA,EAEF,eAAe,4BAAU,OAAO,YAAY;AAAA,EAC5C,wBAAwB,4BAAU,OAAO,YACvC;AAAA,EAEF,aAAa,4BAAU,OAAO,YAC5B;AAAA,EAEF,kBAAkB,4BAAU,QAAQ,YAClC;AAAA,EAEF,uBAAuB,4BAAU,OAAO,YACtC;AAAA;AAIJ,MAAM,gBAAgB,4BAAU,MAAM,kBAAkB,YACtD;AAGF,MAAM,0BAA0B;AAAA,EAC9B,WAAW,4BAAU;AAAA,EACrB,YAAY,4BAAU,MAAM,CAAC,aAAa;AAAA,EAC1C,OAAO,4BAAU;AAAA;AAGnB,MAAM,mBAAmB;AAAA,EACvB,OAAO,4BAAU,QAAQ,eAAe,YAAY,kBACjD;AAAA,EACH,qBAAqB,4BAAU,MAAM,yBAAyB,YAC5D;AAAA;AAIJ,MAAM,cAAc,MAAM;AAE1B,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/cjs/styles.js

@@ -0,0 +1,62 @@
+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 styles_exports = {};
+__export(styles_exports, {
+  Container: () => Container,
+  Item: () => Item,
+  Separator: () => Separator,
+  StyledButton: () => StyledButton
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_button = require("@elliemae/ds-button");
+const Container = import_styled_components.default.ul`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  padding: 0 6px;
+`;
+const Separator = import_styled_components.default.span`
+  height: 24px;
+  width: 1px;
+  margin: 6px;
+  border-left: 1px solid #bbb;
+`;
+const Item = import_styled_components.default.li`
+  display: flex;
+  margin: 6px;
+  cursor: pointer;
+`;
+const StyledButton = (0, import_styled_components.default)(import_ds_button.DSButton)`
+  &:not(:focus) {
+    border-color: transparent;
+  }
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst Container = styled.ul`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  padding: 0 6px;\n`;\n\nconst Separator = styled.span`\n  height: 24px;\n  width: 1px;\n  margin: 6px;\n  border-left: 1px solid #bbb;\n`;\n\nconst Item = styled.li`\n  display: flex;\n  margin: 6px;\n  cursor: pointer;\n`;\n\nconst StyledButton = styled(DSButton)`\n  &:not(:focus) {\n    border-color: transparent;\n  }\n`;\n\nexport { Container, Separator, Item, StyledButton };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAyB;AAEzB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQzB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,eAAe,sCAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/Components/MiniToolbar.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+import React2, { useState, useCallback } from "react";
+import { describe } from "react-desc";
+import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
+import { MoreOptionsVert } from "@elliemae/ds-icons";
+import { StyledButton, Container } from "../styles";
+import { miniToolbarProps } from "../propTypes";
+import { useGenerateItems } from "../hooks/useGenerateItems";
+const Elipsis = /* @__PURE__ */ React2.createElement(MoreOptionsVert, {
+  color: ["brand-primary", "600"],
+  size: "m"
+});
+const MiniToolbar = ({ items, overflowButtonProps }) => {
+  const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);
+  const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
+  const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);
+  const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);
+  const openDropdownMenuKeyPress = useCallback((e) => {
+    if (e.key === " ") {
+      setIsDropdownMenuOpen(true);
+    }
+  }, []);
+  const { ariaLabel, style, buttonType = "secondary" } = overflowButtonProps || {};
+  return /* @__PURE__ */ React2.createElement(Container, {
+    role: "toolbar",
+    "data-testid": "ds-mini-toolbar"
+  }, shortcutItems, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
+    "data-testid": "ds-mini-toolbar__dropdown-menu",
+    isOpen: isDropdownMenuOpen,
+    onSelectMenuItem: closeDropdownMenu,
+    onClickOutsideMenu: closeDropdownMenu,
+    options: dropdownMenuItems,
+    triggerComponent: /* @__PURE__ */ React2.createElement(StyledButton, {
+      "aria-label": ariaLabel,
+      "data-testid": "ds-mini-toolbar__elipsis",
+      size: "m",
+      style,
+      buttonType,
+      onClick: openDropdownMenu,
+      onKeyPress: openDropdownMenuKeyPress,
+      leftIcon: Elipsis
+    })
+  }));
+};
+MiniToolbar.propTypes = miniToolbarProps;
+const MiniToolbarWithSchema = describe(MiniToolbar);
+MiniToolbarWithSchema.propTypes = miniToolbarProps;
+export {
+  MiniToolbar,
+  MiniToolbarWithSchema
+};
+//# sourceMappingURL=MiniToolbar.js.map

package/dist/esm/Components/MiniToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Components/MiniToolbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { StyledButton, Container } from '../styles';\nimport { miniToolbarProps } from '../propTypes';\nimport { useGenerateItems } from '../hooks/useGenerateItems';\nimport { MiniToolbarPropsT } from '../index.d';\n\nconst Elipsis = <MoreOptionsVert color={['brand-primary', '600']} size=\"m\" />;\n\nconst MiniToolbar = ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement => {\n  const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);\n  const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState<boolean>(false);\n\n  const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);\n  const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);\n  const openDropdownMenuKeyPress = useCallback((e) => {\n    if (e.key === ' ') {\n      setIsDropdownMenuOpen(true);\n    }\n  }, []);\n\n  const { ariaLabel, style, buttonType = 'secondary' } = overflowButtonProps || {};\n\n  return (\n    <Container role=\"toolbar\" data-testid=\"ds-mini-toolbar\">\n      {shortcutItems}\n      <DSDropdownMenu\n        data-testid=\"ds-mini-toolbar__dropdown-menu\"\n        isOpen={isDropdownMenuOpen}\n        onSelectMenuItem={closeDropdownMenu}\n        onClickOutsideMenu={closeDropdownMenu}\n        options={dropdownMenuItems}\n        triggerComponent={\n          <StyledButton\n            aria-label={ariaLabel}\n            data-testid=\"ds-mini-toolbar__elipsis\"\n            size=\"m\"\n            style={style}\n            buttonType={buttonType}\n            onClick={openDropdownMenu}\n            onKeyPress={openDropdownMenuKeyPress}\n            leftIcon={Elipsis}\n          />\n        }\n      />\n    </Container>\n  );\n};\n\nMiniToolbar.propTypes = miniToolbarProps;\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,UAAU,qCAAC,iBAAD;AAAA,EAAiB,OAAO,CAAC,iBAAiB;AAAA,EAAQ,MAAK;AAAA;AAEvE,MAAM,cAAc,CAAC,EAAE,OAAO,0BAAiE;AAC7F,QAAM,CAAC,eAAe,qBAAqB,iBAAiB;AAC5D,QAAM,CAAC,oBAAoB,yBAAyB,SAAkB;AAEtE,QAAM,oBAAoB,YAAY,MAAM,sBAAsB,QAAQ;AAC1E,QAAM,mBAAmB,YAAY,MAAM,sBAAsB,OAAO;AACxE,QAAM,2BAA2B,YAAY,CAAC,MAAM;AAClD,QAAI,EAAE,QAAQ,KAAK;AACjB,4BAAsB;AAAA;AAAA,KAEvB;AAEH,QAAM,EAAE,WAAW,OAAO,aAAa,gBAAgB,uBAAuB;AAE9E,SACE,qCAAC,WAAD;AAAA,IAAW,MAAK;AAAA,IAAU,eAAY;AAAA,KACnC,eACD,qCAAC,gBAAD;AAAA,IACE,eAAY;AAAA,IACZ,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,kBACE,qCAAC,cAAD;AAAA,MACE,cAAY;AAAA,MACZ,eAAY;AAAA,MACZ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA;AAAA;AAAA;AAQtB,YAAY,YAAY;AACxB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/esm/Components/ToolbarShortcut.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import React2, { useRef, useEffect } from "react";
+import { Item } from "../styles";
+const ToolbarShortcut = (props) => {
+  const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;
+  const leftRef = useRef(null);
+  const rightRef = useRef(null);
+  const timerLeft = useRef(null);
+  const timerRight = useRef(null);
+  const { position = "left", isOpen = false } = contextualRegionProps || {};
+  const { style } = shortcutProps || {};
+  const mergedProps = {
+    ...sharedProps,
+    ...shortcutProps
+  };
+  useEffect(() => {
+    if (isOpen && leftRef.current) {
+      timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);
+    }
+    if (isOpen && rightRef.current) {
+      timerRight.current = setTimeout(() => rightRef.current.focus(), 200);
+    }
+    return () => {
+      clearTimeout(timerLeft.current);
+      clearTimeout(timerRight.current);
+    };
+  }, [isOpen, leftRef, rightRef]);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, isOpen && position === "left" && /* @__PURE__ */ React2.createElement(Item, null, /* @__PURE__ */ React2.createElement(ContextualRegion, {
+    innerRef: leftRef,
+    ...contextualRegionProps
+  })), Component && /* @__PURE__ */ React2.createElement(Item, {
+    style
+  }, /* @__PURE__ */ React2.createElement(Component, {
+    ...mergedProps
+  })), isOpen && position === "right" && /* @__PURE__ */ React2.createElement(Item, null, /* @__PURE__ */ React2.createElement(ContextualRegion, {
+    innerRef: rightRef,
+    ...contextualRegionProps
+  })));
+};
+export {
+  ToolbarShortcut
+};
+//# sourceMappingURL=ToolbarShortcut.js.map

package/dist/esm/Components/ToolbarShortcut.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Components/ToolbarShortcut.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useEffect } from 'react';\nimport { Item } from '../styles';\nimport { ToolbarShortcutPropsT } from '../index.d';\n\nconst ToolbarShortcut = (props: ToolbarShortcutPropsT): React.ReactElement => {\n  const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;\n  const leftRef = useRef<HTMLElement | null>(null);\n  const rightRef = useRef<HTMLElement | null>(null);\n  const timerLeft = useRef<ReturnType<typeof setInterval> | null>(null);\n  const timerRight = useRef<ReturnType<typeof setInterval> | null>(null);\n\n  const { position = 'left', isOpen = false } = contextualRegionProps || {};\n  const { style } = shortcutProps || {};\n\n  const mergedProps = {\n    ...sharedProps,\n    ...shortcutProps,\n  };\n\n  useEffect(() => {\n    if (isOpen && leftRef.current) {\n      timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);\n    }\n    if (isOpen && rightRef.current) {\n      timerRight.current = setTimeout(() => rightRef.current.focus(), 200);\n    }\n\n    return () => {\n      clearTimeout(timerLeft.current);\n      clearTimeout(timerRight.current);\n    };\n  }, [isOpen, leftRef, rightRef]);\n\n  return (\n    <>\n      {isOpen && position === 'left' && (\n        <Item>\n          <ContextualRegion innerRef={leftRef} {...contextualRegionProps} />\n        </Item>\n      )}\n      {Component && (\n        <Item style={style}>\n          <Component {...mergedProps} />\n        </Item>\n      )}\n      {isOpen && position === 'right' && (\n        <Item>\n          <ContextualRegion innerRef={rightRef} {...contextualRegionProps} />\n        </Item>\n      )}\n    </>\n  );\n};\n\nexport { ToolbarShortcut };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGA,MAAM,kBAAkB,CAAC,UAAqD;AAC5E,QAAM,EAAE,WAAW,eAAe,aAAa,kBAAkB,0BAA0B;AAC3F,QAAM,UAAU,OAA2B;AAC3C,QAAM,WAAW,OAA2B;AAC5C,QAAM,YAAY,OAA8C;AAChE,QAAM,aAAa,OAA8C;AAEjE,QAAM,EAAE,WAAW,QAAQ,SAAS,UAAU,yBAAyB;AACvE,QAAM,EAAE,UAAU,iBAAiB;AAEnC,QAAM,cAAc;AAAA,OACf;AAAA,OACA;AAAA;AAGL,YAAU,MAAM;AACd,QAAI,UAAU,QAAQ,SAAS;AAC7B,gBAAU,UAAU,WAAW,MAAM,QAAQ,QAAQ,SAAS;AAAA;AAEhE,QAAI,UAAU,SAAS,SAAS;AAC9B,iBAAW,UAAU,WAAW,MAAM,SAAS,QAAQ,SAAS;AAAA;AAGlE,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,mBAAa,WAAW;AAAA;AAAA,KAEzB,CAAC,QAAQ,SAAS;AAErB,SACE,4DACG,UAAU,aAAa,UACtB,qCAAC,MAAD,MACE,qCAAC,kBAAD;AAAA,IAAkB,UAAU;AAAA,OAAa;AAAA,OAG5C,aACC,qCAAC,MAAD;AAAA,IAAM;AAAA,KACJ,qCAAC,WAAD;AAAA,OAAe;AAAA,OAGlB,UAAU,aAAa,WACtB,qCAAC,MAAD,MACE,qCAAC,kBAAD;AAAA,IAAkB,UAAU;AAAA,OAAc;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/Components/outOfTheBox/Button.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import React2 from "react";
+import { DSButton } from "@elliemae/ds-button";
+const MiniToolbarButton = (props) => /* @__PURE__ */ React2.createElement(DSButton, {
+  ...props,
+  "aria-label": props.ariaLabel,
+  "data-testid": "ds-mini-toolbar__shortcut"
+});
+export {
+  MiniToolbarButton
+};
+//# sourceMappingURL=Button.js.map

package/dist/esm/Components/outOfTheBox/Button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/Button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst MiniToolbarButton = (props: Record<string, unknown>): React.ReactElement => (\n  <DSButton {...props} aria-label={props.ariaLabel} data-testid=\"ds-mini-toolbar__shortcut\" />\n);\n\nexport { MiniToolbarButton };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,oBAAoB,CAAC,UACzB,qCAAC,UAAD;AAAA,KAAc;AAAA,EAAO,cAAY,MAAM;AAAA,EAAW,eAAY;AAAA;",
+  "names": []
+}

package/dist/esm/Components/outOfTheBox/ComboBox.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import React2 from "react";
+import { DSComboBox2 } from "@elliemae/ds-form";
+const MiniToolbarComboBox = (props) => /* @__PURE__ */ React2.createElement(DSComboBox2, {
+  ...props
+});
+export {
+  MiniToolbarComboBox
+};
+//# sourceMappingURL=ComboBox.js.map

package/dist/esm/Components/outOfTheBox/ComboBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/ComboBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSComboBox2 } from '@elliemae/ds-form';\n\nconst MiniToolbarComboBox = (props: Record<string, unknown>): React.ReactElement => <DSComboBox2 {...props} />;\n\nexport { MiniToolbarComboBox };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,sBAAsB,CAAC,UAAuD,qCAAC,aAAD;AAAA,KAAiB;AAAA;",
+  "names": []
+}

package/dist/esm/Components/outOfTheBox/IconItem.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import React2 from "react";
+import { StyledButton } from "../../styles";
+const MiniToolbarIcon = (props) => {
+  const { Icon, size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
+  return /* @__PURE__ */ React2.createElement(StyledButton, {
+    "aria-label": ariaLabel,
+    buttonType,
+    onClick,
+    style,
+    leftIcon: /* @__PURE__ */ React2.createElement(Icon, {
+      size,
+      color
+    }),
+    "data-testid": "ds-mini-toolbar__shortcut"
+  });
+};
+export {
+  MiniToolbarIcon
+};
+//# sourceMappingURL=IconItem.js.map

package/dist/esm/Components/outOfTheBox/IconItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/IconItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarIcon = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n  const { Icon, 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={<Icon size={size} color={color} />}\n      data-testid=\"ds-mini-toolbar__shortcut\"\n    />\n  );\n};\n\nexport { MiniToolbarIcon };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGA,MAAM,kBAAkB,CAAC,UAAyD;AAChF,QAAM,EAAE,MAAM,MAAM,OAAO,SAAS,WAAW,OAAO,aAAa,gBAAgB;AAEnF,SACE,qCAAC,cAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,qCAAC,MAAD;AAAA,MAAM;AAAA,MAAY;AAAA;AAAA,IAC5B,eAAY;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/Components/outOfTheBox/SearchBox.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import React2 from "react";
+import { Search } from "@elliemae/ds-icons";
+import { DSSearchBox } from "@elliemae/ds-form";
+import { StyledButton } from "../../styles";
+const MiniToolbarSearchButton = (props) => {
+  const { size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
+  return /* @__PURE__ */ React2.createElement(StyledButton, {
+    "aria-label": ariaLabel,
+    buttonType,
+    onClick,
+    style,
+    leftIcon: /* @__PURE__ */ React2.createElement(Search, {
+      size,
+      color
+    }),
+    "data-testid": "ds-mini-toolbar__shortcut"
+  });
+};
+const MiniToolbarSearchBox = (props) => /* @__PURE__ */ React2.createElement(DSSearchBox, {
+  clearable: true,
+  showIcon: false,
+  ...props
+});
+export {
+  MiniToolbarSearchBox,
+  MiniToolbarSearchButton
+};
+//# sourceMappingURL=SearchBox.js.map

package/dist/esm/Components/outOfTheBox/SearchBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/SearchBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAGA,MAAM,0BAA0B,CAAC,UAAyD;AACxF,QAAM,EAAE,MAAM,OAAO,SAAS,WAAW,OAAO,aAAa,gBAAgB;AAE7E,SACE,qCAAC,cAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,qCAAC,QAAD;AAAA,MAAQ;AAAA,MAAY;AAAA;AAAA,IAC9B,eAAY;AAAA;AAAA;AAKlB,MAAM,uBAAuB,CAAC,UAC5B,qCAAC,aAAD;AAAA,EAAa,WAAS;AAAA,EAAC,UAAU;AAAA,KAAW;AAAA;",
+  "names": []
+}

package/dist/esm/Components/outOfTheBox/Separator.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import React2 from "react";
+import { Separator } from "../../styles";
+const MiniToolbarSeparator = () => /* @__PURE__ */ React2.createElement(Separator, {
+  "data-testid": "ds-mini-toolbar__separator"
+});
+export {
+  MiniToolbarSeparator
+};
+//# sourceMappingURL=Separator.js.map

package/dist/esm/Components/outOfTheBox/Separator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/Separator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,uBAAuB,MAC3B,qCAAC,WAAD;AAAA,EAAW,eAAY;AAAA;",
+  "names": []
+}

package/dist/esm/Components/outOfTheBox/index.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { MiniToolbarButton } from "./Button";
+import { MiniToolbarIcon } from "./IconItem";
+import { MiniToolbarSearchBox } from "./SearchBox";
+import { MiniToolbarSeparator } from "./Separator";
+import { MiniToolbarComboBox } from "./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";
+export {
+  BUTTON,
+  COMBO_BOX,
+  ICON_ITEM,
+  MiniToolbarButton,
+  MiniToolbarComboBox,
+  MiniToolbarIcon,
+  MiniToolbarSearchBox,
+  MiniToolbarSeparator,
+  SEARCH_BOX,
+  SEPARATOR
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/outOfTheBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,SAAS;AACf,MAAM,aAAa;AACnB,MAAM,YAAY;",
+  "names": []
+}