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

package/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/cjs/propTypes.js

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

package/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/cjs/styles.js

@@ -1,29 +1,62 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var DSButton = require('@elliemae/ds-button');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-const Container = /*#__PURE__*/styled__default["default"].ul.withConfig({
-  componentId: "sc-18ftw1x-0"
-})(["display:flex;align-items:center;justify-content:center;width:fit-content;padding:0 6px;"]);
-const Separator = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-18ftw1x-1"
-})(["height:24px;width:1px;margin:6px;border-left:1px solid #bbb;"]);
-const Item = /*#__PURE__*/styled__default["default"].li.withConfig({
-  componentId: "sc-18ftw1x-2"
-})(["display:flex;margin:6px;cursor:pointer;"]);
-const StyledButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
-  componentId: "sc-18ftw1x-3"
-})(["&:not(:focus){border-color:transparent;}"]);
-
-exports.Container = Container;
-exports.Item = Item;
-exports.Separator = Separator;
-exports.StyledButton = StyledButton;
+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 = __toESM(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/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/esm/Components/MiniToolbar.js

@@ -1,60 +1,52 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useCallback } from 'react';
-import { describe } from 'react-desc';
-import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
-import { MoreOptionsVert } from '@elliemae/ds-icons';
-import { Container, StyledButton } from '../styles.js';
-import { miniToolbarProps } from '../propTypes.js';
-import { useGenerateItems } from '../hooks/useGenerateItems.js';
-
-const Elipsis = /*#__PURE__*/_jsx(MoreOptionsVert, {
-  color: ['brand-primary', '600'],
+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 = _ref => {
-  let {
-    items,
-    overflowButtonProps
-  } = _ref;
+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 === ' ') {
+  const openDropdownMenuKeyPress = useCallback((e) => {
+    if (e.key === " ") {
       setIsDropdownMenuOpen(true);
     }
   }, []);
-  const {
-    ariaLabel,
-    style,
-    buttonType = 'secondary'
-  } = overflowButtonProps || {};
-  return /*#__PURE__*/_jsx(Container, {
+  const { ariaLabel, style, buttonType = "secondary" } = overflowButtonProps || {};
+  return /* @__PURE__ */ React2.createElement(Container, {
     role: "toolbar",
     "data-testid": "ds-mini-toolbar"
-  }, void 0, shortcutItems, /*#__PURE__*/_jsx(DSDropdownMenu, {
+  }, shortcutItems, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
     "data-testid": "ds-mini-toolbar__dropdown-menu",
     isOpen: isDropdownMenuOpen,
     onSelectMenuItem: closeDropdownMenu,
     onClickOutsideMenu: closeDropdownMenu,
     options: dropdownMenuItems,
-    triggerComponent: /*#__PURE__*/_jsx(StyledButton, {
+    triggerComponent: /* @__PURE__ */ React2.createElement(StyledButton, {
       "aria-label": ariaLabel,
       "data-testid": "ds-mini-toolbar__elipsis",
       size: "m",
-      style: style,
-      buttonType: buttonType,
+      style,
+      buttonType,
       onClick: openDropdownMenu,
       onKeyPress: openDropdownMenuKeyPress,
       leftIcon: Elipsis
     })
   }));
 };
-
+MiniToolbar.propTypes = miniToolbarProps;
 const MiniToolbarWithSchema = describe(MiniToolbar);
 MiniToolbarWithSchema.propTypes = miniToolbarProps;
-
-export { MiniToolbar, MiniToolbarWithSchema };
+export {
+  MiniToolbar,
+  MiniToolbarWithSchema
+};
+//# sourceMappingURL=MiniToolbar.js.map

package/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/esm/Components/ToolbarShortcut.js

@@ -1,63 +1,43 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useRef, useEffect } from 'react';
-import { Item } from '../styles.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const ToolbarShortcut = props => {
-  const {
-    Component,
-    shortcutProps,
-    sharedProps,
-    ContextualRegion,
-    contextualRegionProps
-  } = props;
+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 = _objectSpread(_objectSpread({}, sharedProps), shortcutProps);
-
+  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__*/jsxs(Fragment, {
-    children: [isOpen && position === 'left' && /*#__PURE__*/_jsx(Item, {}, void 0, /*#__PURE__*/jsx(ContextualRegion, _objectSpread({
-      innerRef: leftRef
-    }, contextualRegionProps))), Component && /*#__PURE__*/_jsx(Item, {
-      style: style
-    }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, mergedProps))), isOpen && position === 'right' && /*#__PURE__*/_jsx(Item, {}, void 0, /*#__PURE__*/jsx(ContextualRegion, _objectSpread({
-      innerRef: rightRef
-    }, contextualRegionProps)))]
-  });
+  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
 };
-
-export { ToolbarShortcut };
+//# sourceMappingURL=ToolbarShortcut.js.map

package/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/esm/Components/outOfTheBox/Button.js

@@ -1,20 +1,12 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import DSButton from '@elliemae/ds-button';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const MiniToolbarButton = props => /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, props), {}, {
+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 };
+});
+export {
+  MiniToolbarButton
+};
+//# sourceMappingURL=Button.js.map

package/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/esm/Components/outOfTheBox/ComboBox.js

@@ -1,17 +1,10 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { DSComboBox2 } from '@elliemae/ds-form';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const MiniToolbarComboBox = props => /*#__PURE__*/jsx(DSComboBox2, _objectSpread({}, props));
-
-export { MiniToolbarComboBox };
+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/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/esm/Components/outOfTheBox/IconItem.js

@@ -1,28 +1,21 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { StyledButton } from '../../styles.js';
-
-const MiniToolbarIcon = props => {
-  const {
-    Icon,
-    size,
-    color,
+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,
-    ariaLabel,
     style,
-    buttonType = 'secondary'
-  } = props;
-  return /*#__PURE__*/_jsx(StyledButton, {
-    "aria-label": ariaLabel,
-    buttonType: buttonType,
-    onClick: onClick,
-    style: style,
-    leftIcon: /*#__PURE__*/_jsx(Icon, {
-      size: size,
-      color: color
+    leftIcon: /* @__PURE__ */ React2.createElement(Icon, {
+      size,
+      color
     }),
     "data-testid": "ds-mini-toolbar__shortcut"
   });
 };
-
-export { MiniToolbarIcon };
+export {
+  MiniToolbarIcon
+};
+//# sourceMappingURL=IconItem.js.map

package/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": []
+}