@elliemae/ds-mini-toolbar 3.16.0-next.1 → 3.16.0-next.3

package/dist/cjs/Components/MiniToolbar.js

@@ -31,7 +31,7 @@ module.exports = __toCommonJS(MiniToolbar_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_dropdownmenu = require("@elliemae/ds-dropdownmenu");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_styles = require("../styles");
@@ -78,6 +78,6 @@ const MiniToolbar = ({ items, overflowButtonProps }) => {
 };
 MiniToolbar.propTypes = import_propTypes.miniToolbarProps;
 MiniToolbar.displayName = "MiniToolbar";
-const MiniToolbarWithSchema = (0, import_ds_utilities.describe)(MiniToolbar);
+const MiniToolbarWithSchema = (0, import_ds_props_helpers.describe)(MiniToolbar);
 MiniToolbarWithSchema.propTypes = import_propTypes.miniToolbarProps;
 //# sourceMappingURL=MiniToolbar.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Components/MiniToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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 type { 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;\nMiniToolbar.displayName = 'MiniToolbar';\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSP;AAThB,mBAA6C;AAC7C,0BAAyB;AACzB,6BAA+B;AAC/B,sBAAgC;AAChC,oBAAwC;AACxC,uBAAiC;AACjC,8BAAiC;AAGjC,MAAM,UAAU,4CAAC,mCAAgB,OAAO,CAAC,iBAAiB,KAAK,GAAG,MAAK,KAAI;AAE3E,MAAM,cAAc,CAAC,EAAE,OAAO,oBAAoB,MAA6C;AAC7F,QAAM,CAAC,eAAe,iBAAiB,QAAI,0CAAiB,KAAK;AACjE,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAAkB,KAAK;AAE3E,QAAM,wBAAoB,0BAAY,MAAM,sBAAsB,KAAK,GAAG,CAAC,CAAC;AAC5E,QAAM,uBAAmB,0BAAY,MAAM,sBAAsB,IAAI,GAAG,CAAC,CAAC;AAC1E,QAAM,+BAA2B,0BAAY,CAAC,MAAM;AAClD,QAAI,EAAE,QAAQ,KAAK;AACjB,4BAAsB,IAAI;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,WAAW,OAAO,aAAa,YAAY,IAAI,uBAAuB,CAAC;AAE/E,SACE,6CAAC,2BAAU,MAAK,WAAU,eAAY,mBACnC;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,SAAS;AAAA,QACT,kBACE;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,eAAY;AAAA,YACZ,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA;AAAA,QACZ;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\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 type { 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;\nMiniToolbar.displayName = 'MiniToolbar';\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSP;AAThB,mBAA6C;AAC7C,8BAAyB;AACzB,6BAA+B;AAC/B,sBAAgC;AAChC,oBAAwC;AACxC,uBAAiC;AACjC,8BAAiC;AAGjC,MAAM,UAAU,4CAAC,mCAAgB,OAAO,CAAC,iBAAiB,KAAK,GAAG,MAAK,KAAI;AAE3E,MAAM,cAAc,CAAC,EAAE,OAAO,oBAAoB,MAA6C;AAC7F,QAAM,CAAC,eAAe,iBAAiB,QAAI,0CAAiB,KAAK;AACjE,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAAkB,KAAK;AAE3E,QAAM,wBAAoB,0BAAY,MAAM,sBAAsB,KAAK,GAAG,CAAC,CAAC;AAC5E,QAAM,uBAAmB,0BAAY,MAAM,sBAAsB,IAAI,GAAG,CAAC,CAAC;AAC1E,QAAM,+BAA2B,0BAAY,CAAC,MAAM;AAClD,QAAI,EAAE,QAAQ,KAAK;AACjB,4BAAsB,IAAI;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,WAAW,OAAO,aAAa,YAAY,IAAI,uBAAuB,CAAC;AAE/E,SACE,6CAAC,2BAAU,MAAK,WAAU,eAAY,mBACnC;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,SAAS;AAAA,QACT,kBACE;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,eAAY;AAAA,YACZ,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA;AAAA,QACZ;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/cjs/propTypes.js

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

package/dist/cjs/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes, describe } from '@elliemae/ds-utilities';\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([outOfTheBoxType, PropTypes.element]).description('Main component').isRequired,\n  hasShortcut: PropTypes.bool\n    .description('Whether to include the component as a shortcut in the toolbar or not')\n    .defaultValue(false),\n  shortcutComponent: PropTypes.element.description('Component to render as a shortcut in the toolbar'),\n  shortcutProps: PropTypes.object.description('Shortcut component props'),\n  dropdownComponentProps: PropTypes.object.description('Dropdown component props'),\n  sharedProps: PropTypes.object.description('Props shared by shortcut component and dropdown component'),\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('Contextual region component props'),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description('Items props');\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').isRequired,\n  overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description('Overflow button props'),\n};\n\nconst ToolbarItem = () => null;\nToolbarItem.displayName = 'ToolbarItem';\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;AAAA;ACAA,YAAuB;ADAvB,0BAAoC;AAEpC,MAAM,kBAAkB,8BAAU,MAAM;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,EAAE,YAAY,mCAAmC;AAElD,MAAM,mBAAmB;AAAA,EACvB,WAAW,8BAAU,UAAU,CAAC,iBAAiB,8BAAU,OAAO,CAAC,EAAE,YAAY,gBAAgB,EAAE;AAAA,EACnG,aAAa,8BAAU,KACpB,YAAY,sEAAsE,EAClF,aAAa,KAAK;AAAA,EACrB,mBAAmB,8BAAU,QAAQ,YAAY,kDAAkD;AAAA,EACnG,eAAe,8BAAU,OAAO,YAAY,0BAA0B;AAAA,EACtE,wBAAwB,8BAAU,OAAO,YAAY,0BAA0B;AAAA,EAC/E,aAAa,8BAAU,OAAO,YAAY,2DAA2D;AAAA,EACrG,kBAAkB,8BAAU,QAAQ;AAAA,IAClC;AAAA,EACF;AAAA,EACA,uBAAuB,8BAAU,OAAO,YAAY,mCAAmC;AACzF;AAEA,MAAM,gBAAgB,8BAAU,MAAM,gBAAgB,EAAE,YAAY,aAAa;AAEjF,MAAM,0BAA0B;AAAA,EAC9B,WAAW,8BAAU;AAAA,EACrB,YAAY,8BAAU,MAAM,CAAC,aAAa,MAAM,CAAC;AAAA,EACjD,OAAO,8BAAU;AACnB;AAEA,MAAM,mBAAmB;AAAA,EACvB,OAAO,8BAAU,QAAQ,aAAa,EAAE,YAAY,gBAAgB,EAAE;AAAA,EACtE,qBAAqB,8BAAU,MAAM,uBAAuB,EAAE,YAAY,uBAAuB;AACnG;AAEA,MAAM,cAAc,MAAM;AAC1B,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;",
+  "sourcesContent": ["import { PropTypes, describe } from '@elliemae/ds-props-helpers';\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([outOfTheBoxType, PropTypes.element]).description('Main component').isRequired,\n  hasShortcut: PropTypes.bool\n    .description('Whether to include the component as a shortcut in the toolbar or not')\n    .defaultValue(false),\n  shortcutComponent: PropTypes.element.description('Component to render as a shortcut in the toolbar'),\n  shortcutProps: PropTypes.object.description('Shortcut component props'),\n  dropdownComponentProps: PropTypes.object.description('Dropdown component props'),\n  sharedProps: PropTypes.object.description('Props shared by shortcut component and dropdown component'),\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('Contextual region component props'),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description('Items props');\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').isRequired,\n  overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description('Overflow button props'),\n};\n\nconst ToolbarItem = () => null;\nToolbarItem.displayName = 'ToolbarItem';\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;AAAA;ACAA,YAAuB;ADAvB,8BAAoC;AAEpC,MAAM,kBAAkB,kCAAU,MAAM;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,EAAE,YAAY,mCAAmC;AAElD,MAAM,mBAAmB;AAAA,EACvB,WAAW,kCAAU,UAAU,CAAC,iBAAiB,kCAAU,OAAO,CAAC,EAAE,YAAY,gBAAgB,EAAE;AAAA,EACnG,aAAa,kCAAU,KACpB,YAAY,sEAAsE,EAClF,aAAa,KAAK;AAAA,EACrB,mBAAmB,kCAAU,QAAQ,YAAY,kDAAkD;AAAA,EACnG,eAAe,kCAAU,OAAO,YAAY,0BAA0B;AAAA,EACtE,wBAAwB,kCAAU,OAAO,YAAY,0BAA0B;AAAA,EAC/E,aAAa,kCAAU,OAAO,YAAY,2DAA2D;AAAA,EACrG,kBAAkB,kCAAU,QAAQ;AAAA,IAClC;AAAA,EACF;AAAA,EACA,uBAAuB,kCAAU,OAAO,YAAY,mCAAmC;AACzF;AAEA,MAAM,gBAAgB,kCAAU,MAAM,gBAAgB,EAAE,YAAY,aAAa;AAEjF,MAAM,0BAA0B;AAAA,EAC9B,WAAW,kCAAU;AAAA,EACrB,YAAY,kCAAU,MAAM,CAAC,aAAa,MAAM,CAAC;AAAA,EACjD,OAAO,kCAAU;AACnB;AAEA,MAAM,mBAAmB;AAAA,EACvB,OAAO,kCAAU,QAAQ,aAAa,EAAE,YAAY,gBAAgB,EAAE;AAAA,EACtE,qBAAqB,kCAAU,MAAM,uBAAuB,EAAE,YAAY,uBAAuB;AACnG;AAEA,MAAM,cAAc,MAAM;AAC1B,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/esm/Components/MiniToolbar.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
-import { describe } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
 import { MoreOptionsVert } from "@elliemae/ds-icons";
 import { StyledButton, Container } from "../styles";

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

@@ -1,7 +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 '@elliemae/ds-utilities';\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 type { 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;\nMiniToolbar.displayName = 'MiniToolbar';\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\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 type { 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;\nMiniToolbar.displayName = 'MiniToolbar';\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACSP,cAiBZ,YAjBY;AAThB,SAAgB,UAAU,mBAAmB;AAC7C,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,cAAc,iBAAiB;AACxC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAGjC,MAAM,UAAU,oBAAC,mBAAgB,OAAO,CAAC,iBAAiB,KAAK,GAAG,MAAK,KAAI;AAE3E,MAAM,cAAc,CAAC,EAAE,OAAO,oBAAoB,MAA6C;AAC7F,QAAM,CAAC,eAAe,iBAAiB,IAAI,iBAAiB,KAAK;AACjE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAkB,KAAK;AAE3E,QAAM,oBAAoB,YAAY,MAAM,sBAAsB,KAAK,GAAG,CAAC,CAAC;AAC5E,QAAM,mBAAmB,YAAY,MAAM,sBAAsB,IAAI,GAAG,CAAC,CAAC;AAC1E,QAAM,2BAA2B,YAAY,CAAC,MAAM;AAClD,QAAI,EAAE,QAAQ,KAAK;AACjB,4BAAsB,IAAI;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,WAAW,OAAO,aAAa,YAAY,IAAI,uBAAuB,CAAC;AAE/E,SACE,qBAAC,aAAU,MAAK,WAAU,eAAY,mBACnC;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,QAAQ;AAAA,QACR,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,SAAS;AAAA,QACT,kBACE;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,eAAY;AAAA,YACZ,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA;AAAA,QACZ;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/esm/propTypes.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 const outOfTheBoxType = PropTypes.oneOf([
   "ds-button",
   "ds-icon-item",

package/dist/esm/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, describe } from '@elliemae/ds-utilities';\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([outOfTheBoxType, PropTypes.element]).description('Main component').isRequired,\n  hasShortcut: PropTypes.bool\n    .description('Whether to include the component as a shortcut in the toolbar or not')\n    .defaultValue(false),\n  shortcutComponent: PropTypes.element.description('Component to render as a shortcut in the toolbar'),\n  shortcutProps: PropTypes.object.description('Shortcut component props'),\n  dropdownComponentProps: PropTypes.object.description('Dropdown component props'),\n  sharedProps: PropTypes.object.description('Props shared by shortcut component and dropdown component'),\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('Contextual region component props'),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description('Items props');\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').isRequired,\n  overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description('Overflow button props'),\n};\n\nconst ToolbarItem = () => null;\nToolbarItem.displayName = 'ToolbarItem';\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, describe } from '@elliemae/ds-props-helpers';\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([outOfTheBoxType, PropTypes.element]).description('Main component').isRequired,\n  hasShortcut: PropTypes.bool\n    .description('Whether to include the component as a shortcut in the toolbar or not')\n    .defaultValue(false),\n  shortcutComponent: PropTypes.element.description('Component to render as a shortcut in the toolbar'),\n  shortcutProps: PropTypes.object.description('Shortcut component props'),\n  dropdownComponentProps: PropTypes.object.description('Dropdown component props'),\n  sharedProps: PropTypes.object.description('Props shared by shortcut component and dropdown component'),\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('Contextual region component props'),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description('Items props');\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').isRequired,\n  overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description('Overflow button props'),\n};\n\nconst ToolbarItem = () => null;\nToolbarItem.displayName = 'ToolbarItem';\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,gBAAgB;AAEpC,MAAM,kBAAkB,UAAU,MAAM;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,EAAE,YAAY,mCAAmC;AAElD,MAAM,mBAAmB;AAAA,EACvB,WAAW,UAAU,UAAU,CAAC,iBAAiB,UAAU,OAAO,CAAC,EAAE,YAAY,gBAAgB,EAAE;AAAA,EACnG,aAAa,UAAU,KACpB,YAAY,sEAAsE,EAClF,aAAa,KAAK;AAAA,EACrB,mBAAmB,UAAU,QAAQ,YAAY,kDAAkD;AAAA,EACnG,eAAe,UAAU,OAAO,YAAY,0BAA0B;AAAA,EACtE,wBAAwB,UAAU,OAAO,YAAY,0BAA0B;AAAA,EAC/E,aAAa,UAAU,OAAO,YAAY,2DAA2D;AAAA,EACrG,kBAAkB,UAAU,QAAQ;AAAA,IAClC;AAAA,EACF;AAAA,EACA,uBAAuB,UAAU,OAAO,YAAY,mCAAmC;AACzF;AAEA,MAAM,gBAAgB,UAAU,MAAM,gBAAgB,EAAE,YAAY,aAAa;AAEjF,MAAM,0BAA0B;AAAA,EAC9B,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM,CAAC,aAAa,MAAM,CAAC;AAAA,EACjD,OAAO,UAAU;AACnB;AAEA,MAAM,mBAAmB;AAAA,EACvB,OAAO,UAAU,QAAQ,aAAa,EAAE,YAAY,gBAAgB,EAAE;AAAA,EACtE,qBAAqB,UAAU,MAAM,uBAAuB,EAAE,YAAY,uBAAuB;AACnG;AAEA,MAAM,cAAc,MAAM;AAC1B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
   "names": []
 }

package/dist/types/Components/MiniToolbar.d.ts

@@ -3,10 +3,10 @@ import type { MiniToolbarPropsT } from '../index.d';
 declare const MiniToolbar: {
     ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement;
     propTypes: {
-        items: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        overflowButtonProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        items: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        overflowButtonProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     };
     displayName: string;
 };
-declare const MiniToolbarWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<MiniToolbarPropsT>;
+declare const MiniToolbarWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<MiniToolbarPropsT>;
 export { MiniToolbar, MiniToolbarWithSchema };

package/dist/types/propTypes.d.ts

@@ -1,6 +1,6 @@
 declare const miniToolbarProps: {
-    items: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    overflowButtonProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    items: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    overflowButtonProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };
-declare const ToolbarItemWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<unknown>;
+declare const ToolbarItemWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<unknown>;
 export { ToolbarItemWithSchema, miniToolbarProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mini-toolbar",
-  "version": "3.16.0-next.1",
+  "version": "3.16.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - MiniToolbar",
   "files": [
@@ -76,12 +76,13 @@
   },
   "dependencies": {
     "uid": "~2.0.0",
-    "@elliemae/ds-dropdownmenu": "3.16.0-next.1",
-    "@elliemae/ds-button": "3.16.0-next.1",
-    "@elliemae/ds-system": "3.16.0-next.1",
-    "@elliemae/ds-utilities": "3.16.0-next.1",
-    "@elliemae/ds-form": "3.16.0-next.1",
-    "@elliemae/ds-icons": "3.16.0-next.1"
+    "@elliemae/ds-button": "3.16.0-next.3",
+    "@elliemae/ds-form": "3.16.0-next.3",
+    "@elliemae/ds-icons": "3.16.0-next.3",
+    "@elliemae/ds-dropdownmenu": "3.16.0-next.3",
+    "@elliemae/ds-props-helpers": "3.16.0-next.3",
+    "@elliemae/ds-system": "3.16.0-next.3",
+    "@elliemae/ds-utilities": "3.16.0-next.3"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",
@@ -105,7 +106,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }