@elliemae/ds-mini-toolbar 3.27.0-next.1 → 3.27.0-next.2

package/dist/cjs/index.js

@@ -17,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -28,12 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  MiniToolbar: () => import_MiniToolbar.MiniToolbar,
-  MiniToolbarWithSchema: () => import_MiniToolbar.MiniToolbarWithSchema,
-  ToolbarItemWithSchema: () => import_propTypes.ToolbarItemWithSchema
+  default: () => import_ds_legacy_mini_toolbar.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_MiniToolbar = require("./Components/MiniToolbar.js");
-var import_propTypes = require("./propTypes.js");
+__reExport(src_exports, require("@elliemae/ds-legacy-mini-toolbar"), module.exports);
+var import_ds_legacy_mini_toolbar = __toESM(require("@elliemae/ds-legacy-mini-toolbar"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/esm/index.js

@@ -1,9 +1,7 @@
 import * as React from "react";
-import { MiniToolbar, MiniToolbarWithSchema } from "./Components/MiniToolbar.js";
-import { ToolbarItemWithSchema } from "./propTypes.js";
+export * from "@elliemae/ds-legacy-mini-toolbar";
+import { default as default2 } from "@elliemae/ds-legacy-mini-toolbar";
 export {
-  MiniToolbar,
-  MiniToolbarWithSchema,
-  ToolbarItemWithSchema
+  default2 as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { MiniToolbar, MiniToolbarWithSchema } from './Components/MiniToolbar.js';\nexport { ToolbarItemWithSchema } from './propTypes.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,6BAA6B;AACnD,SAAS,6BAA6B;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-mini-toolbar';\nexport { default } from '@elliemae/ds-legacy-mini-toolbar';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
 }

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { MiniToolbar, MiniToolbarWithSchema } from './Components/MiniToolbar.js';
-export { ToolbarItemWithSchema } from './propTypes.js';
+export * from '@elliemae/ds-legacy-mini-toolbar';
+export { default } from '@elliemae/ds-legacy-mini-toolbar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mini-toolbar",
-  "version": "3.27.0-next.1",
+  "version": "3.27.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - MiniToolbar",
   "files": [
@@ -13,50 +13,6 @@
     ".": {
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
-    },
-    "./styles": {
-      "import": "./dist/esm/styles.js",
-      "require": "./dist/cjs/styles.js"
-    },
-    "./propTypes": {
-      "import": "./dist/esm/propTypes.js",
-      "require": "./dist/cjs/propTypes.js"
-    },
-    "./hooks/useGenerateItems": {
-      "import": "./dist/esm/hooks/useGenerateItems.js",
-      "require": "./dist/cjs/hooks/useGenerateItems.js"
-    },
-    "./Components/ToolbarShortcut": {
-      "import": "./dist/esm/Components/ToolbarShortcut.js",
-      "require": "./dist/cjs/Components/ToolbarShortcut.js"
-    },
-    "./Components/outOfTheBox/Separator": {
-      "import": "./dist/esm/Components/outOfTheBox/Separator.js",
-      "require": "./dist/cjs/Components/outOfTheBox/Separator.js"
-    },
-    "./Components/outOfTheBox/SearchBox": {
-      "import": "./dist/esm/Components/outOfTheBox/SearchBox.js",
-      "require": "./dist/cjs/Components/outOfTheBox/SearchBox.js"
-    },
-    "./Components/outOfTheBox": {
-      "import": "./dist/esm/Components/outOfTheBox/index.js",
-      "require": "./dist/cjs/Components/outOfTheBox/index.js"
-    },
-    "./Components/outOfTheBox/IconItem": {
-      "import": "./dist/esm/Components/outOfTheBox/IconItem.js",
-      "require": "./dist/cjs/Components/outOfTheBox/IconItem.js"
-    },
-    "./Components/outOfTheBox/ComboBox": {
-      "import": "./dist/esm/Components/outOfTheBox/ComboBox.js",
-      "require": "./dist/cjs/Components/outOfTheBox/ComboBox.js"
-    },
-    "./Components/outOfTheBox/Button": {
-      "import": "./dist/esm/Components/outOfTheBox/Button.js",
-      "require": "./dist/cjs/Components/outOfTheBox/Button.js"
-    },
-    "./Components/MiniToolbar": {
-      "import": "./dist/esm/Components/MiniToolbar.js",
-      "require": "./dist/cjs/Components/MiniToolbar.js"
     }
   },
   "repository": {
@@ -75,18 +31,12 @@
     "indent": 4
   },
   "dependencies": {
-    "uid": "~2.0.1",
-    "@elliemae/ds-button": "3.27.0-next.1",
-    "@elliemae/ds-dropdownmenu": "3.27.0-next.1",
-    "@elliemae/ds-icons": "3.27.0-next.1",
-    "@elliemae/ds-props-helpers": "3.27.0-next.1",
-    "@elliemae/ds-system": "3.27.0-next.1",
-    "@elliemae/ds-form": "3.27.0-next.1"
+    "@elliemae/ds-legacy-mini-toolbar": "1.0.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.27.0-next.1"
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.2"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -100,13 +50,13 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "pui-cli test --passWithNoTests",
-    "lint": "node ../../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
-    "dts": "node ../../../scripts/dts.mjs",
+    "test": "exit 0 | echo",
+    "lint": "exit 0 | echo",
+    "eslint:fix": "exit 0 | echo",
+    "dts": "exit 0 | echo",
     "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
-    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+    "checkDeps": "exit 0 | echo"
   }
 }

package/dist/cjs/Components/MiniToolbar.js

@@ -1,87 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var MiniToolbar_exports = {};
-__export(MiniToolbar_exports, {
-  MiniToolbar: () => MiniToolbar,
-  MiniToolbarWithSchema: () => MiniToolbarWithSchema
-});
-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_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.js");
-var import_propTypes = require("../propTypes.js");
-var import_useGenerateItems = require("../hooks/useGenerateItems.js");
-const Elipsis = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, { color: ["brand-primary", "600"], size: "m" });
-const MiniToolbar = ({ items, overflowButtonProps }) => {
-  const [shortcutItems, dropdownMenuItems] = (0, import_useGenerateItems.useGenerateItems)(items);
-  const [isDropdownMenuOpen, setIsDropdownMenuOpen] = (0, import_react.useState)(false);
-  const closeDropdownMenu = (0, import_react.useCallback)(() => setIsDropdownMenuOpen(false), []);
-  const openDropdownMenu = (0, import_react.useCallback)(() => setIsDropdownMenuOpen(true), []);
-  const openDropdownMenuKeyPress = (0, import_react.useCallback)((e) => {
-    if (e.key === " ") {
-      setIsDropdownMenuOpen(true);
-    }
-  }, []);
-  const { ariaLabel, style, buttonType = "secondary" } = overflowButtonProps || {};
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { role: "toolbar", "data-testid": "ds-mini-toolbar", children: [
-    shortcutItems,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_dropdownmenu.DSDropdownMenu,
-      {
-        "data-testid": "ds-mini-toolbar__dropdown-menu",
-        isOpen: isDropdownMenuOpen,
-        onSelectMenuItem: closeDropdownMenu,
-        onClickOutsideMenu: closeDropdownMenu,
-        options: dropdownMenuItems,
-        triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_styles.StyledButton,
-          {
-            "aria-label": ariaLabel,
-            "data-testid": "ds-mini-toolbar__elipsis",
-            size: "m",
-            style,
-            buttonType,
-            onClick: openDropdownMenu,
-            onKeyPress: openDropdownMenuKeyPress,
-            leftIcon: Elipsis
-          }
-        )
-      }
-    )
-  ] });
-};
-MiniToolbar.propTypes = import_propTypes.miniToolbarProps;
-MiniToolbar.displayName = "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 +0,0 @@
-{
-  "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-props-helpers';\nimport { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { StyledButton, Container } from '../styles.js';\nimport { miniToolbarProps } from '../propTypes.js';\nimport { useGenerateItems } from '../hooks/useGenerateItems.js';\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/Components/ToolbarShortcut.js

@@ -1,68 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ToolbarShortcut_exports = {};
-__export(ToolbarShortcut_exports, {
-  ToolbarShortcut: () => ToolbarShortcut
-});
-module.exports = __toCommonJS(ToolbarShortcut_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_styles = require("../styles.js");
-const ToolbarShortcut = (props) => {
-  const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;
-  const leftRef = (0, import_react.useRef)(null);
-  const rightRef = (0, import_react.useRef)(null);
-  const timerLeft = (0, import_react.useRef)(null);
-  const timerRight = (0, import_react.useRef)(null);
-  const { position = "left", isOpen = false } = contextualRegionProps || {};
-  const { style } = shortcutProps || {};
-  const mergedProps = {
-    ...sharedProps,
-    ...shortcutProps
-  };
-  (0, import_react.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    isOpen && position === "left" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextualRegion, { innerRef: leftRef, ...contextualRegionProps }) }),
-    Component && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Item, { style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...mergedProps }) }),
-    isOpen && position === "right" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextualRegion, { innerRef: rightRef, ...contextualRegionProps }) })
-  ] });
-};
-//# sourceMappingURL=ToolbarShortcut.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/Components/ToolbarShortcut.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useEffect } from 'react';\nimport { Item } from '../styles.js';\nimport type { 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCnB;AAlCJ,mBAAyC;AACzC,oBAAqB;AAGrB,MAAM,kBAAkB,CAAC,UAAqD;AAC5E,QAAM,EAAE,WAAW,eAAe,aAAa,kBAAkB,sBAAsB,IAAI;AAC3F,QAAM,cAAU,qBAA2B,IAAI;AAC/C,QAAM,eAAW,qBAA2B,IAAI;AAChD,QAAM,gBAAY,qBAA8C,IAAI;AACpE,QAAM,iBAAa,qBAA8C,IAAI;AAErE,QAAM,EAAE,WAAW,QAAQ,SAAS,MAAM,IAAI,yBAAyB,CAAC;AACxE,QAAM,EAAE,MAAM,IAAI,iBAAiB,CAAC;AAEpC,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,8BAAU,MAAM;AACd,QAAI,UAAU,QAAQ,SAAS;AAC7B,gBAAU,UAAU,WAAW,MAAM,QAAQ,QAAQ,MAAM,GAAG,GAAG;AAAA,IACnE;AACA,QAAI,UAAU,SAAS,SAAS;AAC9B,iBAAW,UAAU,WAAW,MAAM,SAAS,QAAQ,MAAM,GAAG,GAAG;AAAA,IACrE;AAEA,WAAO,MAAM;AACX,mBAAa,UAAU,OAAO;AAC9B,mBAAa,WAAW,OAAO;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,QAAQ,SAAS,QAAQ,CAAC;AAE9B,SACE,4EACG;AAAA,cAAU,aAAa,UACtB,4CAAC,sBACC,sDAAC,oBAAiB,UAAU,SAAU,GAAG,uBAAuB,GAClE;AAAA,IAED,aACC,4CAAC,sBAAK,OACJ,sDAAC,aAAW,GAAG,aAAa,GAC9B;AAAA,IAED,UAAU,aAAa,WACtB,4CAAC,sBACC,sDAAC,oBAAiB,UAAU,UAAW,GAAG,uBAAuB,GACnE;AAAA,KAEJ;AAEJ;",
-  "names": []
-}

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

@@ -1,38 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Button_exports = {};
-__export(Button_exports, {
-  MiniToolbarButton: () => MiniToolbarButton
-});
-module.exports = __toCommonJS(Button_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_button = require("@elliemae/ds-button");
-const MiniToolbarButton = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, { ...props, "aria-label": props.ariaLabel, "data-testid": "ds-mini-toolbar__shortcut" });
-//# sourceMappingURL=Button.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/Components/outOfTheBox/Button.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIrB;AAHF,uBAAyB;AAEzB,MAAM,oBAAoB,CAAC,UACzB,4CAAC,6BAAU,GAAG,OAAO,cAAY,MAAM,WAAW,eAAY,6BAA4B;",
-  "names": []
-}

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

@@ -1,38 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ComboBox_exports = {};
-__export(ComboBox_exports, {
-  MiniToolbarComboBox: () => MiniToolbarComboBox
-});
-module.exports = __toCommonJS(ComboBox_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_form = require("@elliemae/ds-form");
-const MiniToolbarComboBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSComboBox2, { ...props });
-//# sourceMappingURL=ComboBox.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/Components/outOfTheBox/ComboBox.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADG6D;AAFpF,qBAA4B;AAE5B,MAAM,sBAAsB,CAAC,UAAuD,4CAAC,8BAAa,GAAG,OAAO;",
-  "names": []
-}

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

@@ -1,51 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var IconItem_exports = {};
-__export(IconItem_exports, {
-  MiniToolbarIcon: () => MiniToolbarIcon
-});
-module.exports = __toCommonJS(IconItem_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_styles = require("../../styles.js");
-const MiniToolbarIcon = (props) => {
-  const { Icon, size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styles.StyledButton,
-    {
-      "aria-label": ariaLabel,
-      buttonType,
-      onClick,
-      style,
-      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size, color }),
-      "data-testid": "ds-mini-toolbar__shortcut"
-    }
-  );
-};
-//# sourceMappingURL=IconItem.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/Components/outOfTheBox/IconItem.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { StyledButton } from '../../styles.js';\nimport type { 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADaP;AAZhB,oBAA6B;AAG7B,MAAM,kBAAkB,CAAC,UAAyD;AAChF,QAAM,EAAE,MAAM,MAAM,OAAO,SAAS,WAAW,OAAO,aAAa,YAAY,IAAI;AAEnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,4CAAC,QAAK,MAAY,OAAc;AAAA,MAC1C,eAAY;AAAA;AAAA,EACd;AAEJ;",
-  "names": []
-}

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

@@ -1,55 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SearchBox_exports = {};
-__export(SearchBox_exports, {
-  MiniToolbarSearchBox: () => MiniToolbarSearchBox,
-  MiniToolbarSearchButton: () => MiniToolbarSearchButton
-});
-module.exports = __toCommonJS(SearchBox_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_form = require("@elliemae/ds-form");
-var import_styles = require("../../styles.js");
-const MiniToolbarSearchButton = (props) => {
-  const { size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styles.StyledButton,
-    {
-      "aria-label": ariaLabel,
-      buttonType,
-      onClick,
-      style,
-      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Search, { size, color }),
-      "data-testid": "ds-mini-toolbar__shortcut"
-    }
-  );
-};
-const MiniToolbarSearchBox = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSSearchBox, { clearable: true, showIcon: false, ...props });
-//# sourceMappingURL=SearchBox.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/Components/outOfTheBox/SearchBox.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { StyledButton } from '../../styles.js';\nimport type { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarSearchButton = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n  const { size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n  return (\n    <StyledButton\n      aria-label={ariaLabel}\n      buttonType={buttonType}\n      onClick={onClick}\n      style={style}\n      leftIcon={<Search size={size} color={color} />}\n      data-testid=\"ds-mini-toolbar__shortcut\"\n    />\n  );\n};\n\nconst MiniToolbarSearchBox = (props: Record<string, unknown>): JSX.Element => (\n  <DSSearchBox clearable showIcon={false} {...props} />\n);\n\nexport { MiniToolbarSearchButton, MiniToolbarSearchBox };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBP;AAdhB,sBAAuB;AACvB,qBAA4B;AAC5B,oBAA6B;AAG7B,MAAM,0BAA0B,CAAC,UAAyD;AACxF,QAAM,EAAE,MAAM,OAAO,SAAS,WAAW,OAAO,aAAa,YAAY,IAAI;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,4CAAC,0BAAO,MAAY,OAAc;AAAA,MAC5C,eAAY;AAAA;AAAA,EACd;AAEJ;AAEA,MAAM,uBAAuB,CAAC,UAC5B,4CAAC,8BAAY,WAAS,MAAC,UAAU,OAAQ,GAAG,OAAO;",
-  "names": []
-}

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

@@ -1,38 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Separator_exports = {};
-__export(Separator_exports, {
-  MiniToolbarSeparator: () => MiniToolbarSeparator
-});
-module.exports = __toCommonJS(Separator_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_styles = require("../../styles.js");
-const MiniToolbarSeparator = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Separator, { "data-testid": "ds-mini-toolbar__separator" });
-//# sourceMappingURL=Separator.js.map

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

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