@elliemae/ds-toolbar-v1 3.22.0-next.24

package/dist/cjs/DSToolbar.js

@@ -0,0 +1,96 @@
+"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 DSToolbar_exports = {};
+__export(DSToolbar_exports, {
+  DSToolbar: () => DSToolbar,
+  ToolbarDivider: () => import_ToolbarDivider.default,
+  ToolbarGroup: () => import_ToolbarGroup.default,
+  ToolbarItem: () => import_ToolbarItem.default,
+  ToolbarWithSchema: () => ToolbarWithSchema,
+  default: () => DSToolbar_default
+});
+module.exports = __toCommonJS(DSToolbar_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_decorateToolbarChildren = __toESM(require("./decorateToolbarChildren.js"));
+var import_ToolbarItem = __toESM(require("./ToolbarItem.js"));
+var import_ToolbarGroup = __toESM(require("./ToolbarGroup.js"));
+var import_ToolbarDivider = __toESM(require("./ToolbarDivider.js"));
+var import_useKeyboardNavigation = require("./hooks/useKeyboardNavigation.js");
+const blockName = "toolbar";
+const ToolbarContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ withDepth, alignment, size }) => ({
+  "without-depth": !withDepth,
+  [alignment]: !!alignment,
+  [size]: size
+}));
+const DSToolbar = ({
+  containerProps = {},
+  innerRef,
+  withDepth = true,
+  alignment = "right",
+  // left || right
+  autoFocusOnMount = true,
+  children = [],
+  size = "normal",
+  ...otherProps
+}) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-toolbar", version: "TBD Date: 2023 Q3" });
+  const containerRef = (0, import_react.useRef)(null);
+  const { handleOnKeyDown } = (0, import_useKeyboardNavigation.useKeyboardNavigation)({ containerRef, autoFocusOnMount });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ToolbarContainer,
+    {
+      ...containerProps,
+      ...otherProps,
+      classProps: { withDepth, alignment, size },
+      innerRef: (0, import_ds_utilities.mergeRefs)(innerRef, containerRef),
+      onKeyDown: handleOnKeyDown,
+      children: (0, import_decorateToolbarChildren.default)(children)
+    }
+  );
+};
+const toolbarProps = {
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
+  withDepth: import_ds_props_helpers.PropTypes.bool.description("Shows a shadow rear the toolbar").defaultValue(true),
+  alignment: import_ds_props_helpers.PropTypes.oneOf(["right", "left"]).description("Aligns the toolbar to the left or right").defaultValue("right"),
+  size: import_ds_props_helpers.PropTypes.oneOf(["normal", "compact"]).description("Toolbar size").defaultValue("normal"),
+  autoFocusOnMount: import_ds_props_helpers.PropTypes.bool.description("Wheter to focus the component when it mounts or not").defaultValue(true),
+  children: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.array, import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.node]).description("Toolbar items").isRequired,
+  innerRef: import_ds_props_helpers.PropTypes.object.description("Ref to the Toolbar container element")
+};
+DSToolbar.propTypes = toolbarProps;
+DSToolbar.displayName = "DSToolbar";
+const ToolbarWithSchema = (0, import_ds_props_helpers.describe)(DSToolbar);
+ToolbarWithSchema.propTypes = toolbarProps;
+var DSToolbar_default = DSToolbar;
+//# sourceMappingURL=DSToolbar.js.map

package/dist/cjs/DSToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSToolbar.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { mergeRefs, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport decorateToolbarChildren from './decorateToolbarChildren.js';\nimport Item from './ToolbarItem.js';\nimport ToolbarGroup from './ToolbarGroup.js';\nimport Divider from './ToolbarDivider.js';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation.js';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(blockName, null, ({ withDepth, alignment, size }) => ({\n  'without-depth': !withDepth,\n  [alignment]: !!alignment,\n  [size]: size,\n}));\n\nconst DSToolbar = ({\n  containerProps = {},\n  innerRef,\n  withDepth = true,\n  alignment = 'right', // left || right\n  autoFocusOnMount = true,\n  children = [],\n  size = 'normal',\n  ...otherProps\n}) => {\n  useDeprecateComponent({ componentName: 'ds-toolbar', version: 'TBD Date: 2023 Q3' });\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const { handleOnKeyDown } = useKeyboardNavigation({ containerRef, autoFocusOnMount });\n\n  return (\n    <ToolbarContainer\n      {...containerProps}\n      {...otherProps}\n      classProps={{ withDepth, alignment, size }}\n      innerRef={mergeRefs(innerRef, containerRef)}\n      onKeyDown={handleOnKeyDown}\n    >\n      {decorateToolbarChildren(children)}\n    </ToolbarContainer>\n  );\n};\n\nconst toolbarProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  withDepth: PropTypes.bool.description('Shows a shadow rear the toolbar').defaultValue(true),\n  alignment: PropTypes.oneOf(['right', 'left'])\n    .description('Aligns the toolbar to the left or right')\n    .defaultValue('right'),\n  size: PropTypes.oneOf(['normal', 'compact']).description('Toolbar size').defaultValue('normal'),\n  autoFocusOnMount: PropTypes.bool\n    .description('Wheter to focus the component when it mounts or not')\n    .defaultValue(true),\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.node]).description('Toolbar items')\n    .isRequired,\n  innerRef: PropTypes.object.description('Ref to the Toolbar container element'),\n};\n\nDSToolbar.propTypes = toolbarProps;\nDSToolbar.displayName = 'DSToolbar';\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport { DSToolbar, Item as ToolbarItem, ToolbarGroup, Divider as ToolbarDivider, ToolbarWithSchema };\n\nexport default DSToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,8CAAAA;AAAA,EAAA,wCAAAC;AAAA,EAAA,sCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuCnB;AAnCJ,mBAA8B;AAC9B,2BAAkC;AAClC,0BAAiD;AACjD,8BAAoC;AACpC,qCAAoC;AACpC,yBAAiB;AACjB,0BAAyB;AACzB,4BAAoB;AACpB,mCAAsC;AAEtC,MAAM,YAAY;AAElB,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,WAAW,WAAW,KAAK,OAAO;AAAA,EACtG,iBAAiB,CAAC;AAAA,EAClB,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EACf,CAAC,IAAI,GAAG;AACV,EAAE;AAEF,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,mBAAmB;AAAA,EACnB,WAAW,CAAC;AAAA,EACZ,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACJ,iDAAsB,EAAE,eAAe,cAAc,SAAS,oBAAoB,CAAC;AAEnF,QAAM,mBAAe,qBAA8B,IAAI;AAEvD,QAAM,EAAE,gBAAgB,QAAI,oDAAsB,EAAE,cAAc,iBAAiB,CAAC;AAEpF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,YAAY,EAAE,WAAW,WAAW,KAAK;AAAA,MACzC,cAAU,+BAAU,UAAU,YAAY;AAAA,MAC1C,WAAW;AAAA,MAEV,6CAAAC,SAAwB,QAAQ;AAAA;AAAA,EACnC;AAEJ;AAEA,MAAM,eAAe;AAAA,EACnB,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,kCAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,IAAI;AAAA,EAC1F,WAAW,kCAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EACzC,YAAY,yCAAyC,EACrD,aAAa,OAAO;AAAA,EACvB,MAAM,kCAAU,MAAM,CAAC,UAAU,SAAS,CAAC,EAAE,YAAY,cAAc,EAAE,aAAa,QAAQ;AAAA,EAC9F,kBAAkB,kCAAU,KACzB,YAAY,qDAAqD,EACjE,aAAa,IAAI;AAAA,EACpB,UAAU,kCAAU,UAAU,CAAC,kCAAU,OAAO,kCAAU,MAAM,kCAAU,IAAI,CAAC,EAAE,YAAY,eAAe,EACzG;AAAA,EACH,UAAU,kCAAU,OAAO,YAAY,sCAAsC;AAC/E;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAoB,kCAAS,SAAS;AAC5C,kBAAkB,YAAY;AAI9B,IAAO,oBAAQ;",
+  "names": ["Divider", "ToolbarGroup", "Item", "decorateToolbarChildren"]
+}

package/dist/cjs/ToolbarDivider.js

@@ -0,0 +1,40 @@
+"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 ToolbarDivider_exports = {};
+__export(ToolbarDivider_exports, {
+  default: () => ToolbarDivider_default
+});
+module.exports = __toCommonJS(ToolbarDivider_exports);
+var React = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockName = "toolbar";
+const ToolbarDivider = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "divider");
+ToolbarDivider.displayName = "ToolbarDivider";
+var ToolbarDivider_default = ToolbarDivider;
+//# sourceMappingURL=ToolbarDivider.js.map

package/dist/cjs/ToolbarDivider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToolbarDivider.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'toolbar';\n\nconst ToolbarDivider = aggregatedClasses('div')(blockName, 'divider');\n\nToolbarDivider.displayName = 'ToolbarDivider';\n\nexport default ToolbarDivider;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAEpE,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/cjs/ToolbarGroup.js

@@ -0,0 +1,50 @@
+"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 ToolbarGroup_exports = {};
+__export(ToolbarGroup_exports, {
+  default: () => ToolbarGroup_default
+});
+module.exports = __toCommonJS(ToolbarGroup_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_decorateToolbarChildren = __toESM(require("./decorateToolbarChildren.js"));
+const blockName = "toolbar-group";
+const ToolbarGroupContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ space }) => ({
+  [`space-${space}`]: !!space
+}));
+const ToolbarGroup = ({ children, size, space = 0 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarGroupContainer, { classProps: { space }, children: (0, import_decorateToolbarChildren.default)(children, { size }) });
+ToolbarGroup.propTypes = {
+  children: import_prop_types.default.any,
+  size: import_prop_types.default.number,
+  space: import_prop_types.default.number
+};
+var ToolbarGroup_default = ToolbarGroup;
+//# sourceMappingURL=ToolbarGroup.js.map

package/dist/cjs/ToolbarGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToolbarGroup.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport decorateToolbarChildren from './decorateToolbarChildren.js';\n\nconst blockName = 'toolbar-group';\n\nconst ToolbarGroupContainer = aggregatedClasses('div')(blockName, null, ({ space }) => ({\n  [`space-${space}`]: !!space,\n}));\n\nconst ToolbarGroup = ({ children, size, space = 0 }) => (\n  <ToolbarGroupContainer classProps={{ space }}>{decorateToolbarChildren(children, { size })}</ToolbarGroupContainer>\n);\n\nToolbarGroup.propTypes = {\n  children: PropTypes.any,\n  size: PropTypes.number,\n  space: PropTypes.number,\n};\n\nexport default ToolbarGroup;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBrB;AAXF,wBAAsB;AACtB,2BAAkC;AAClC,qCAAoC;AAEpC,MAAM,YAAY;AAElB,MAAM,4BAAwB,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,MAAM,OAAO;AAAA,EACtF,CAAC,SAAS,OAAO,GAAG,CAAC,CAAC;AACxB,EAAE;AAEF,MAAM,eAAe,CAAC,EAAE,UAAU,MAAM,QAAQ,EAAE,MAChD,4CAAC,yBAAsB,YAAY,EAAE,MAAM,GAAI,6CAAAA,SAAwB,UAAU,EAAE,KAAK,CAAC,GAAE;AAG7F,aAAa,YAAY;AAAA,EACvB,UAAU,kBAAAC,QAAU;AAAA,EACpB,MAAM,kBAAAA,QAAU;AAAA,EAChB,OAAO,kBAAAA,QAAU;AACnB;AAEA,IAAO,uBAAQ;",
+  "names": ["decorateToolbarChildren", "PropTypes"]
+}

package/dist/cjs/ToolbarItem.js

@@ -0,0 +1,60 @@
+"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 ToolbarItem_exports = {};
+__export(ToolbarItem_exports, {
+  default: () => ToolbarItem_default
+});
+module.exports = __toCommonJS(ToolbarItem_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_shared = require("@elliemae/ds-shared");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
+var import_ds_popper = require("@elliemae/ds-popper");
+const ToolbarItem = ({ icon, labelText, menu = void 0, containerProps = {}, ...otherProps }) => {
+  const [ref, setRef] = (0, import_react.useState)(null);
+  (0, import_ds_shared.useFocusGroupWithState)(ref);
+  const btn = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV2, { ...otherProps, buttonType: "icon", innerRef: (r) => setRef(r), labelText, ...containerProps, children: icon });
+  if (menu) {
+    return import_react.default.cloneElement(menu, {
+      ...menu.props,
+      placement: import_ds_popper.PopperPositions.BOTTOM_END,
+      triggerComponent: btn
+    });
+  }
+  return btn;
+};
+ToolbarItem.displayName = "ToolbarItem";
+ToolbarItem.propTypes = {
+  icon: import_prop_types.default.element,
+  labelText: import_prop_types.default.string
+};
+var ToolbarItem_default = ToolbarItem;
+//# sourceMappingURL=ToolbarItem.js.map

package/dist/cjs/ToolbarItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToolbarItem.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, containerProps = {}, ...otherProps }) => {\n  const [ref, setRef] = useState(null);\n\n  useFocusGroupWithState(ref);\n  const btn = (\n    <DSButtonV2 {...otherProps} buttonType=\"icon\" innerRef={(r) => setRef(r)} labelText={labelText} {...containerProps}>\n      {icon}\n    </DSButtonV2>\n  );\n  if (menu) {\n    return React.cloneElement(menu, {\n      ...menu.props,\n      placement: Position.BOTTOM_END,\n      triggerComponent: btn,\n    });\n  }\n  return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n  icon: PropTypes.element,\n  labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAXJ,mBAAgC;AAChC,wBAAsB;AACtB,uBAAuC;AACvC,0BAA2B;AAC3B,uBAA4C;AAE5C,MAAM,cAAc,CAAC,EAAE,MAAM,WAAW,OAAO,QAAW,iBAAiB,CAAC,GAAG,GAAG,WAAW,MAAM;AACjG,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,IAAI;AAEnC,+CAAuB,GAAG;AAC1B,QAAM,MACJ,4CAAC,kCAAY,GAAG,YAAY,YAAW,QAAO,UAAU,CAAC,MAAM,OAAO,CAAC,GAAG,WAAuB,GAAG,gBACjG,gBACH;AAEF,MAAI,MAAM;AACR,WAAO,aAAAA,QAAM,aAAa,MAAM;AAAA,MAC9B,GAAG,KAAK;AAAA,MACR,WAAW,iBAAAC,gBAAS;AAAA,MACpB,kBAAkB;AAAA,IACpB,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEA,YAAY,cAAc;AAE1B,YAAY,YAAY;AAAA,EACtB,MAAM,kBAAAC,QAAU;AAAA,EAChB,WAAW,kBAAAA,QAAU;AACvB;AAEA,IAAO,sBAAQ;",
+  "names": ["React", "Position", "PropTypes"]
+}

package/dist/cjs/decorateToolbarChildren.js

@@ -0,0 +1,45 @@
+"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 decorateToolbarChildren_exports = {};
+__export(decorateToolbarChildren_exports, {
+  default: () => decorateToolbarChildren_default
+});
+module.exports = __toCommonJS(decorateToolbarChildren_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var decorateToolbarChildren_default = (children, extraProps = {}) => import_react.default.Children.map(
+  children,
+  (component) => component ? (0, import_react.cloneElement)(component, {
+    ...extraProps,
+    ...component.props,
+    className: `${component.props.className} toolbar-item`
+  }) : component,
+  null
+);
+//# sourceMappingURL=decorateToolbarChildren.js.map

package/dist/cjs/decorateToolbarChildren.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/decorateToolbarChildren.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { cloneElement } from 'react';\n\nexport default (children, extraProps = {}) =>\n  React.Children.map(\n    children,\n    (component) =>\n      component\n        ? cloneElement(component, {\n            ...extraProps,\n            ...component.props,\n            className: `${component.props.className} toolbar-item`,\n          })\n        : component,\n    null,\n  );\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAoC;AAEpC,IAAO,kCAAQ,CAAC,UAAU,aAAa,CAAC,MACtC,aAAAA,QAAM,SAAS;AAAA,EACb;AAAA,EACA,CAAC,cACC,gBACI,2BAAa,WAAW;AAAA,IACtB,GAAG;AAAA,IACH,GAAG,UAAU;AAAA,IACb,WAAW,GAAG,UAAU,MAAM;AAAA,EAChC,CAAC,IACD;AAAA,EACN;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/hooks/useKeyboardNavigation.js

@@ -0,0 +1,72 @@
+"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 useKeyboardNavigation_exports = {};
+__export(useKeyboardNavigation_exports, {
+  useKeyboardNavigation: () => useKeyboardNavigation
+});
+module.exports = __toCommonJS(useKeyboardNavigation_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+const useKeyboardNavigation = ({ containerRef, autoFocusOnMount }) => {
+  const allChildrenButtonRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (containerRef.current) {
+      allChildrenButtonRef.current = containerRef.current.querySelectorAll("button");
+    }
+    if (autoFocusOnMount) {
+      setTimeout(() => allChildrenButtonRef.current?.[0].focus());
+    }
+  }, [autoFocusOnMount]);
+  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
+    if (allChildrenButtonRef.current) {
+      const lastButton = allChildrenButtonRef.current[allChildrenButtonRef.current?.length - 1];
+      const firstButton = allChildrenButtonRef.current[0];
+      if (e.key === "ArrowRight") {
+        e.preventDefault();
+        if (e.target !== lastButton) {
+          e.target.nextSibling.focus();
+        } else {
+          firstButton.focus();
+        }
+      }
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        if (e.target !== firstButton) {
+          e.target.previousSibling.focus();
+        } else {
+          lastButton.focus();
+        }
+      }
+    }
+  }, []);
+  return {
+    handleOnKeyDown
+  };
+};
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/cjs/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useKeyboardNavigation.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport type React from 'react';\nimport { useRef, useEffect, useCallback } from 'react';\n\ninterface useKeyboardNavigationT {\n  containerRef: React.MutableRefObject<HTMLDivElement | null>;\n  autoFocusOnMount: boolean;\n}\n\n// Toolbar should not allow to use Tab/Shift+Tab to navigate between ToolbarItems.\n// Tab/Shift+Tab should be only used once to enter the whole controller.\n// Toolbars should be only navigable with Arrows to follow correct a11y.\n// https://www.w3.org/TR/wai-aria-practices/examples/toolbar/toolbar.html\n\nexport const useKeyboardNavigation = ({ containerRef, autoFocusOnMount }: useKeyboardNavigationT) => {\n  const allChildrenButtonRef = useRef<NodeListOf<HTMLButtonElement> | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      allChildrenButtonRef.current = containerRef.current.querySelectorAll('button');\n      // allChildrenButtonRef.current.forEach((button, index) => {\n      //   if (index !== 0) {\n      //     button.setAttribute('tabindex', '-1');\n      //   }\n      // });\n    }\n\n    if (autoFocusOnMount) {\n      setTimeout(() => allChildrenButtonRef.current?.[0].focus());\n    }\n\n    // return () => {\n    //   allChildrenButtonRef.current?.forEach((button, index) => {\n    //     if (index !== 0) {\n    //       button.setAttribute('tabindex', '');\n    //     }\n    //   });\n    // };\n  }, [autoFocusOnMount]);\n\n  const handleOnKeyDown = useCallback((e) => {\n    if (allChildrenButtonRef.current) {\n      const lastButton = allChildrenButtonRef.current[allChildrenButtonRef.current?.length - 1];\n      const firstButton = allChildrenButtonRef.current[0];\n\n      if (e.key === 'ArrowRight') {\n        e.preventDefault();\n        if (e.target !== lastButton) {\n          e.target.nextSibling.focus();\n        } else {\n          firstButton.focus();\n        }\n      }\n      if (e.key === 'ArrowLeft') {\n        e.preventDefault();\n        if (e.target !== firstButton) {\n          e.target.previousSibling.focus();\n        } else {\n          lastButton.focus();\n        }\n      }\n    }\n  }, []);\n\n  return {\n    handleOnKeyDown,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,mBAA+C;AAYxC,MAAM,wBAAwB,CAAC,EAAE,cAAc,iBAAiB,MAA8B;AACnG,QAAM,2BAAuB,qBAA6C,IAAI;AAE9E,8BAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,2BAAqB,UAAU,aAAa,QAAQ,iBAAiB,QAAQ;AAAA,IAM/E;AAEA,QAAI,kBAAkB;AACpB,iBAAW,MAAM,qBAAqB,UAAU,CAAC,EAAE,MAAM,CAAC;AAAA,IAC5D;AAAA,EASF,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,sBAAkB,0BAAY,CAAC,MAAM;AACzC,QAAI,qBAAqB,SAAS;AAChC,YAAM,aAAa,qBAAqB,QAAQ,qBAAqB,SAAS,SAAS,CAAC;AACxF,YAAM,cAAc,qBAAqB,QAAQ,CAAC;AAElD,UAAI,EAAE,QAAQ,cAAc;AAC1B,UAAE,eAAe;AACjB,YAAI,EAAE,WAAW,YAAY;AAC3B,YAAE,OAAO,YAAY,MAAM;AAAA,QAC7B,OAAO;AACL,sBAAY,MAAM;AAAA,QACpB;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,YAAI,EAAE,WAAW,aAAa;AAC5B,YAAE,OAAO,gBAAgB,MAAM;AAAA,QACjC,OAAO;AACL,qBAAW,MAAM;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+"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 __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-
+  // 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 src_exports = {};
+__export(src_exports, {
+  default: () => import_DSToolbar.default
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSToolbar.js"), module.exports);
+var import_DSToolbar = __toESM(require("./DSToolbar.js"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable import/export */\nexport * from './DSToolbar.js';\n\nexport { default } from './DSToolbar.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,2BADd;AAGA,uBAAwB;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/DSToolbar.js

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { mergeRefs, useDeprecateComponent } from "@elliemae/ds-utilities";
+import { describe, PropTypes } from "@elliemae/ds-props-helpers";
+import decorateToolbarChildren from "./decorateToolbarChildren.js";
+import Item from "./ToolbarItem.js";
+import ToolbarGroup from "./ToolbarGroup.js";
+import Divider from "./ToolbarDivider.js";
+import { useKeyboardNavigation } from "./hooks/useKeyboardNavigation.js";
+const blockName = "toolbar";
+const ToolbarContainer = aggregatedClasses("div")(blockName, null, ({ withDepth, alignment, size }) => ({
+  "without-depth": !withDepth,
+  [alignment]: !!alignment,
+  [size]: size
+}));
+const DSToolbar = ({
+  containerProps = {},
+  innerRef,
+  withDepth = true,
+  alignment = "right",
+  // left || right
+  autoFocusOnMount = true,
+  children = [],
+  size = "normal",
+  ...otherProps
+}) => {
+  useDeprecateComponent({ componentName: "ds-toolbar", version: "TBD Date: 2023 Q3" });
+  const containerRef = useRef(null);
+  const { handleOnKeyDown } = useKeyboardNavigation({ containerRef, autoFocusOnMount });
+  return /* @__PURE__ */ jsx(
+    ToolbarContainer,
+    {
+      ...containerProps,
+      ...otherProps,
+      classProps: { withDepth, alignment, size },
+      innerRef: mergeRefs(innerRef, containerRef),
+      onKeyDown: handleOnKeyDown,
+      children: decorateToolbarChildren(children)
+    }
+  );
+};
+const toolbarProps = {
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  withDepth: PropTypes.bool.description("Shows a shadow rear the toolbar").defaultValue(true),
+  alignment: PropTypes.oneOf(["right", "left"]).description("Aligns the toolbar to the left or right").defaultValue("right"),
+  size: PropTypes.oneOf(["normal", "compact"]).description("Toolbar size").defaultValue("normal"),
+  autoFocusOnMount: PropTypes.bool.description("Wheter to focus the component when it mounts or not").defaultValue(true),
+  children: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.node]).description("Toolbar items").isRequired,
+  innerRef: PropTypes.object.description("Ref to the Toolbar container element")
+};
+DSToolbar.propTypes = toolbarProps;
+DSToolbar.displayName = "DSToolbar";
+const ToolbarWithSchema = describe(DSToolbar);
+ToolbarWithSchema.propTypes = toolbarProps;
+var DSToolbar_default = DSToolbar;
+export {
+  DSToolbar,
+  Divider as ToolbarDivider,
+  ToolbarGroup,
+  Item as ToolbarItem,
+  ToolbarWithSchema,
+  DSToolbar_default as default
+};
+//# sourceMappingURL=DSToolbar.js.map

package/dist/esm/DSToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToolbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { mergeRefs, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport decorateToolbarChildren from './decorateToolbarChildren.js';\nimport Item from './ToolbarItem.js';\nimport ToolbarGroup from './ToolbarGroup.js';\nimport Divider from './ToolbarDivider.js';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation.js';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(blockName, null, ({ withDepth, alignment, size }) => ({\n  'without-depth': !withDepth,\n  [alignment]: !!alignment,\n  [size]: size,\n}));\n\nconst DSToolbar = ({\n  containerProps = {},\n  innerRef,\n  withDepth = true,\n  alignment = 'right', // left || right\n  autoFocusOnMount = true,\n  children = [],\n  size = 'normal',\n  ...otherProps\n}) => {\n  useDeprecateComponent({ componentName: 'ds-toolbar', version: 'TBD Date: 2023 Q3' });\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  const { handleOnKeyDown } = useKeyboardNavigation({ containerRef, autoFocusOnMount });\n\n  return (\n    <ToolbarContainer\n      {...containerProps}\n      {...otherProps}\n      classProps={{ withDepth, alignment, size }}\n      innerRef={mergeRefs(innerRef, containerRef)}\n      onKeyDown={handleOnKeyDown}\n    >\n      {decorateToolbarChildren(children)}\n    </ToolbarContainer>\n  );\n};\n\nconst toolbarProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  withDepth: PropTypes.bool.description('Shows a shadow rear the toolbar').defaultValue(true),\n  alignment: PropTypes.oneOf(['right', 'left'])\n    .description('Aligns the toolbar to the left or right')\n    .defaultValue('right'),\n  size: PropTypes.oneOf(['normal', 'compact']).description('Toolbar size').defaultValue('normal'),\n  autoFocusOnMount: PropTypes.bool\n    .description('Wheter to focus the component when it mounts or not')\n    .defaultValue(true),\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.node]).description('Toolbar items')\n    .isRequired,\n  innerRef: PropTypes.object.description('Ref to the Toolbar container element'),\n};\n\nDSToolbar.propTypes = toolbarProps;\nDSToolbar.displayName = 'DSToolbar';\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport { DSToolbar, Item as ToolbarItem, ToolbarGroup, Divider as ToolbarDivider, ToolbarWithSchema };\n\nexport default DSToolbar;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACuCnB;AAnCJ,SAAgB,cAAc;AAC9B,SAAS,yBAAyB;AAClC,SAAS,WAAW,6BAA6B;AACjD,SAAS,UAAU,iBAAiB;AACpC,OAAO,6BAA6B;AACpC,OAAO,UAAU;AACjB,OAAO,kBAAkB;AACzB,OAAO,aAAa;AACpB,SAAS,6BAA6B;AAEtC,MAAM,YAAY;AAElB,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,WAAW,WAAW,KAAK,OAAO;AAAA,EACtG,iBAAiB,CAAC;AAAA,EAClB,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EACf,CAAC,IAAI,GAAG;AACV,EAAE;AAEF,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,mBAAmB;AAAA,EACnB,WAAW,CAAC;AAAA,EACZ,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACJ,wBAAsB,EAAE,eAAe,cAAc,SAAS,oBAAoB,CAAC;AAEnF,QAAM,eAAe,OAA8B,IAAI;AAEvD,QAAM,EAAE,gBAAgB,IAAI,sBAAsB,EAAE,cAAc,iBAAiB,CAAC;AAEpF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,YAAY,EAAE,WAAW,WAAW,KAAK;AAAA,MACzC,UAAU,UAAU,UAAU,YAAY;AAAA,MAC1C,WAAW;AAAA,MAEV,kCAAwB,QAAQ;AAAA;AAAA,EACnC;AAEJ;AAEA,MAAM,eAAe;AAAA,EACnB,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,IAAI;AAAA,EAC1F,WAAW,UAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EACzC,YAAY,yCAAyC,EACrD,aAAa,OAAO;AAAA,EACvB,MAAM,UAAU,MAAM,CAAC,UAAU,SAAS,CAAC,EAAE,YAAY,cAAc,EAAE,aAAa,QAAQ;AAAA,EAC9F,kBAAkB,UAAU,KACzB,YAAY,qDAAqD,EACjE,aAAa,IAAI;AAAA,EACpB,UAAU,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,UAAU,IAAI,CAAC,EAAE,YAAY,eAAe,EACzG;AAAA,EACH,UAAU,UAAU,OAAO,YAAY,sCAAsC;AAC/E;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;AAI9B,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/esm/ToolbarDivider.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "toolbar";
+const ToolbarDivider = aggregatedClasses("div")(blockName, "divider");
+ToolbarDivider.displayName = "ToolbarDivider";
+var ToolbarDivider_default = ToolbarDivider;
+export {
+  ToolbarDivider_default as default
+};
+//# sourceMappingURL=ToolbarDivider.js.map

package/dist/esm/ToolbarDivider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToolbarDivider.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'toolbar';\n\nconst ToolbarDivider = aggregatedClasses('div')(blockName, 'divider');\n\nToolbarDivider.displayName = 'ToolbarDivider';\n\nexport default ToolbarDivider;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,SAAS;AAEpE,eAAe,cAAc;AAE7B,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/ToolbarGroup.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import decorateToolbarChildren from "./decorateToolbarChildren.js";
+const blockName = "toolbar-group";
+const ToolbarGroupContainer = aggregatedClasses("div")(blockName, null, ({ space }) => ({
+  [`space-${space}`]: !!space
+}));
+const ToolbarGroup = ({ children, size, space = 0 }) => /* @__PURE__ */ jsx(ToolbarGroupContainer, { classProps: { space }, children: decorateToolbarChildren(children, { size }) });
+ToolbarGroup.propTypes = {
+  children: PropTypes.any,
+  size: PropTypes.number,
+  space: PropTypes.number
+};
+var ToolbarGroup_default = ToolbarGroup;
+export {
+  ToolbarGroup_default as default
+};
+//# sourceMappingURL=ToolbarGroup.js.map

package/dist/esm/ToolbarGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToolbarGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport decorateToolbarChildren from './decorateToolbarChildren.js';\n\nconst blockName = 'toolbar-group';\n\nconst ToolbarGroupContainer = aggregatedClasses('div')(blockName, null, ({ space }) => ({\n  [`space-${space}`]: !!space,\n}));\n\nconst ToolbarGroup = ({ children, size, space = 0 }) => (\n  <ToolbarGroupContainer classProps={{ space }}>{decorateToolbarChildren(children, { size })}</ToolbarGroupContainer>\n);\n\nToolbarGroup.propTypes = {\n  children: PropTypes.any,\n  size: PropTypes.number,\n  space: PropTypes.number,\n};\n\nexport default ToolbarGroup;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgBrB;AAXF,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,OAAO,6BAA6B;AAEpC,MAAM,YAAY;AAElB,MAAM,wBAAwB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,MAAM,OAAO;AAAA,EACtF,CAAC,SAAS,OAAO,GAAG,CAAC,CAAC;AACxB,EAAE;AAEF,MAAM,eAAe,CAAC,EAAE,UAAU,MAAM,QAAQ,EAAE,MAChD,oBAAC,yBAAsB,YAAY,EAAE,MAAM,GAAI,kCAAwB,UAAU,EAAE,KAAK,CAAC,GAAE;AAG7F,aAAa,YAAY;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU;AACnB;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/ToolbarItem.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2, { useState } from "react";
+import PropTypes from "prop-types";
+import { useFocusGroupWithState } from "@elliemae/ds-shared";
+import { DSButtonV2 } from "@elliemae/ds-button-v2";
+import { PopperPositions as Position } from "@elliemae/ds-popper";
+const ToolbarItem = ({ icon, labelText, menu = void 0, containerProps = {}, ...otherProps }) => {
+  const [ref, setRef] = useState(null);
+  useFocusGroupWithState(ref);
+  const btn = /* @__PURE__ */ jsx(DSButtonV2, { ...otherProps, buttonType: "icon", innerRef: (r) => setRef(r), labelText, ...containerProps, children: icon });
+  if (menu) {
+    return React2.cloneElement(menu, {
+      ...menu.props,
+      placement: Position.BOTTOM_END,
+      triggerComponent: btn
+    });
+  }
+  return btn;
+};
+ToolbarItem.displayName = "ToolbarItem";
+ToolbarItem.propTypes = {
+  icon: PropTypes.element,
+  labelText: PropTypes.string
+};
+var ToolbarItem_default = ToolbarItem;
+export {
+  ToolbarItem_default as default
+};
+//# sourceMappingURL=ToolbarItem.js.map

package/dist/esm/ToolbarItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToolbarItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, containerProps = {}, ...otherProps }) => {\n  const [ref, setRef] = useState(null);\n\n  useFocusGroupWithState(ref);\n  const btn = (\n    <DSButtonV2 {...otherProps} buttonType=\"icon\" innerRef={(r) => setRef(r)} labelText={labelText} {...containerProps}>\n      {icon}\n    </DSButtonV2>\n  );\n  if (menu) {\n    return React.cloneElement(menu, {\n      ...menu.props,\n      placement: Position.BOTTOM_END,\n      triggerComponent: btn,\n    });\n  }\n  return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n  icon: PropTypes.element,\n  labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACenB;AAXJ,OAAOA,UAAS,gBAAgB;AAChC,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB,gBAAgB;AAE5C,MAAM,cAAc,CAAC,EAAE,MAAM,WAAW,OAAO,QAAW,iBAAiB,CAAC,GAAG,GAAG,WAAW,MAAM;AACjG,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,IAAI;AAEnC,yBAAuB,GAAG;AAC1B,QAAM,MACJ,oBAAC,cAAY,GAAG,YAAY,YAAW,QAAO,UAAU,CAAC,MAAM,OAAO,CAAC,GAAG,WAAuB,GAAG,gBACjG,gBACH;AAEF,MAAI,MAAM;AACR,WAAOA,OAAM,aAAa,MAAM;AAAA,MAC9B,GAAG,KAAK;AAAA,MACR,WAAW,SAAS;AAAA,MACpB,kBAAkB;AAAA,IACpB,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEA,YAAY,cAAc;AAE1B,YAAY,YAAY;AAAA,EACtB,MAAM,UAAU;AAAA,EAChB,WAAW,UAAU;AACvB;AAEA,IAAO,sBAAQ;",
+  "names": ["React"]
+}

package/dist/esm/decorateToolbarChildren.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import React2, { cloneElement } from "react";
+var decorateToolbarChildren_default = (children, extraProps = {}) => React2.Children.map(
+  children,
+  (component) => component ? cloneElement(component, {
+    ...extraProps,
+    ...component.props,
+    className: `${component.props.className} toolbar-item`
+  }) : component,
+  null
+);
+export {
+  decorateToolbarChildren_default as default
+};
+//# sourceMappingURL=decorateToolbarChildren.js.map

package/dist/esm/decorateToolbarChildren.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/decorateToolbarChildren.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { cloneElement } from 'react';\n\nexport default (children, extraProps = {}) =>\n  React.Children.map(\n    children,\n    (component) =>\n      component\n        ? cloneElement(component, {\n            ...extraProps,\n            ...component.props,\n            className: `${component.props.className} toolbar-item`,\n          })\n        : component,\n    null,\n  );\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,OAAOA,UAAS,oBAAoB;AAEpC,IAAO,kCAAQ,CAAC,UAAU,aAAa,CAAC,MACtCA,OAAM,SAAS;AAAA,EACb;AAAA,EACA,CAAC,cACC,YACI,aAAa,WAAW;AAAA,IACtB,GAAG;AAAA,IACH,GAAG,UAAU;AAAA,IACb,WAAW,GAAG,UAAU,MAAM;AAAA,EAChC,CAAC,IACD;AAAA,EACN;AACF;",
+  "names": ["React"]
+}

package/dist/esm/hooks/useKeyboardNavigation.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { useRef, useEffect, useCallback } from "react";
+const useKeyboardNavigation = ({ containerRef, autoFocusOnMount }) => {
+  const allChildrenButtonRef = useRef(null);
+  useEffect(() => {
+    if (containerRef.current) {
+      allChildrenButtonRef.current = containerRef.current.querySelectorAll("button");
+    }
+    if (autoFocusOnMount) {
+      setTimeout(() => allChildrenButtonRef.current?.[0].focus());
+    }
+  }, [autoFocusOnMount]);
+  const handleOnKeyDown = useCallback((e) => {
+    if (allChildrenButtonRef.current) {
+      const lastButton = allChildrenButtonRef.current[allChildrenButtonRef.current?.length - 1];
+      const firstButton = allChildrenButtonRef.current[0];
+      if (e.key === "ArrowRight") {
+        e.preventDefault();
+        if (e.target !== lastButton) {
+          e.target.nextSibling.focus();
+        } else {
+          firstButton.focus();
+        }
+      }
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        if (e.target !== firstButton) {
+          e.target.previousSibling.focus();
+        } else {
+          lastButton.focus();
+        }
+      }
+    }
+  }, []);
+  return {
+    handleOnKeyDown
+  };
+};
+export {
+  useKeyboardNavigation
+};
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/esm/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useKeyboardNavigation.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport type React from 'react';\nimport { useRef, useEffect, useCallback } from 'react';\n\ninterface useKeyboardNavigationT {\n  containerRef: React.MutableRefObject<HTMLDivElement | null>;\n  autoFocusOnMount: boolean;\n}\n\n// Toolbar should not allow to use Tab/Shift+Tab to navigate between ToolbarItems.\n// Tab/Shift+Tab should be only used once to enter the whole controller.\n// Toolbars should be only navigable with Arrows to follow correct a11y.\n// https://www.w3.org/TR/wai-aria-practices/examples/toolbar/toolbar.html\n\nexport const useKeyboardNavigation = ({ containerRef, autoFocusOnMount }: useKeyboardNavigationT) => {\n  const allChildrenButtonRef = useRef<NodeListOf<HTMLButtonElement> | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      allChildrenButtonRef.current = containerRef.current.querySelectorAll('button');\n      // allChildrenButtonRef.current.forEach((button, index) => {\n      //   if (index !== 0) {\n      //     button.setAttribute('tabindex', '-1');\n      //   }\n      // });\n    }\n\n    if (autoFocusOnMount) {\n      setTimeout(() => allChildrenButtonRef.current?.[0].focus());\n    }\n\n    // return () => {\n    //   allChildrenButtonRef.current?.forEach((button, index) => {\n    //     if (index !== 0) {\n    //       button.setAttribute('tabindex', '');\n    //     }\n    //   });\n    // };\n  }, [autoFocusOnMount]);\n\n  const handleOnKeyDown = useCallback((e) => {\n    if (allChildrenButtonRef.current) {\n      const lastButton = allChildrenButtonRef.current[allChildrenButtonRef.current?.length - 1];\n      const firstButton = allChildrenButtonRef.current[0];\n\n      if (e.key === 'ArrowRight') {\n        e.preventDefault();\n        if (e.target !== lastButton) {\n          e.target.nextSibling.focus();\n        } else {\n          firstButton.focus();\n        }\n      }\n      if (e.key === 'ArrowLeft') {\n        e.preventDefault();\n        if (e.target !== firstButton) {\n          e.target.previousSibling.focus();\n        } else {\n          lastButton.focus();\n        }\n      }\n    }\n  }, []);\n\n  return {\n    handleOnKeyDown,\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACKvB,SAAS,QAAQ,WAAW,mBAAmB;AAYxC,MAAM,wBAAwB,CAAC,EAAE,cAAc,iBAAiB,MAA8B;AACnG,QAAM,uBAAuB,OAA6C,IAAI;AAE9E,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,2BAAqB,UAAU,aAAa,QAAQ,iBAAiB,QAAQ;AAAA,IAM/E;AAEA,QAAI,kBAAkB;AACpB,iBAAW,MAAM,qBAAqB,UAAU,CAAC,EAAE,MAAM,CAAC;AAAA,IAC5D;AAAA,EASF,GAAG,CAAC,gBAAgB,CAAC;AAErB,QAAM,kBAAkB,YAAY,CAAC,MAAM;AACzC,QAAI,qBAAqB,SAAS;AAChC,YAAM,aAAa,qBAAqB,QAAQ,qBAAqB,SAAS,SAAS,CAAC;AACxF,YAAM,cAAc,qBAAqB,QAAQ,CAAC;AAElD,UAAI,EAAE,QAAQ,cAAc;AAC1B,UAAE,eAAe;AACjB,YAAI,EAAE,WAAW,YAAY;AAC3B,YAAE,OAAO,YAAY,MAAM;AAAA,QAC7B,OAAO;AACL,sBAAY,MAAM;AAAA,QACpB;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,YAAI,EAAE,WAAW,aAAa;AAC5B,YAAE,OAAO,gBAAgB,MAAM;AAAA,QACjC,OAAO;AACL,qBAAW,MAAM;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+export * from "./DSToolbar.js";
+import { default as default2 } from "./DSToolbar.js";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/export */\nexport * from './DSToolbar.js';\n\nexport { default } from './DSToolbar.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/types/DSToolbar.d.ts

@@ -0,0 +1,37 @@
+import Item from './ToolbarItem.js';
+import ToolbarGroup from './ToolbarGroup.js';
+import Divider from './ToolbarDivider.js';
+declare const DSToolbar: {
+    ({ containerProps, innerRef, withDepth, alignment, autoFocusOnMount, children, size, ...otherProps }: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        innerRef: any;
+        withDepth?: boolean | undefined;
+        alignment?: string | undefined;
+        autoFocusOnMount?: boolean | undefined;
+        children?: never[] | undefined;
+        size?: string | undefined;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        withDepth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        alignment: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        autoFocusOnMount: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const ToolbarWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    innerRef: any;
+    withDepth?: boolean | undefined;
+    alignment?: string | undefined;
+    autoFocusOnMount?: boolean | undefined;
+    children?: never[] | undefined;
+    size?: string | undefined;
+}>;
+export { DSToolbar, Item as ToolbarItem, ToolbarGroup, Divider as ToolbarDivider, ToolbarWithSchema };
+export default DSToolbar;

package/dist/types/ToolbarDivider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ToolbarDivider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export default ToolbarDivider;

package/dist/types/ToolbarGroup.d.ts

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+declare const ToolbarGroup: {
+    ({ children, size, space }: {
+        children: any;
+        size: any;
+        space?: number | undefined;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<any>;
+        size: PropTypes.Requireable<number>;
+        space: PropTypes.Requireable<number>;
+    };
+};
+export default ToolbarGroup;

package/dist/types/ToolbarItem.d.ts

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+declare const ToolbarItem: {
+    ({ icon, labelText, menu, containerProps, ...otherProps }: {
+        [x: string]: any;
+        icon: any;
+        labelText: any;
+        menu?: undefined;
+        containerProps?: {} | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    propTypes: {
+        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        labelText: PropTypes.Requireable<string>;
+    };
+};
+export default ToolbarItem;

package/dist/types/decorateToolbarChildren.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (children: any, extraProps?: {}) => any;
+export default _default;

package/dist/types/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+interface useKeyboardNavigationT {
+    containerRef: React.MutableRefObject<HTMLDivElement | null>;
+    autoFocusOnMount: boolean;
+}
+export declare const useKeyboardNavigation: ({ containerRef, autoFocusOnMount }: useKeyboardNavigationT) => {
+    handleOnKeyDown: (e: any) => void;
+};
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSToolbar.js';
+export { default } from './DSToolbar.js';

package/package.json

@@ -0,0 +1,127 @@
+{
+  "name": "@elliemae/ds-toolbar-v1",
+  "version": "3.22.0-next.24",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Toolbar",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./useToolbarItemHandlers": {
+      "import": "./dist/esm/useToolbarItemHandlers.js",
+      "require": "./dist/cjs/useToolbarItemHandlers.js"
+    },
+    "./styled": {
+      "import": "./dist/esm/styled.js",
+      "require": "./dist/cjs/styled.js"
+    },
+    "./props": {
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
+    },
+    "./DSToolbarV2Context": {
+      "import": "./dist/esm/DSToolbarV2Context.js",
+      "require": "./dist/cjs/DSToolbarV2Context.js"
+    },
+    "./DSToolbarV2": {
+      "import": "./dist/esm/DSToolbarV2.js",
+      "require": "./dist/cjs/DSToolbarV2.js"
+    },
+    "./DSToolbarSeparatorV2": {
+      "import": "./dist/esm/DSToolbarSeparatorV2.js",
+      "require": "./dist/cjs/DSToolbarSeparatorV2.js"
+    },
+    "./DSToolbarItemV2": {
+      "import": "./dist/esm/DSToolbarItemV2.js",
+      "require": "./dist/cjs/DSToolbarItemV2.js"
+    },
+    "./deprecated/ToolbarItem": {
+      "import": "./dist/esm/deprecated/ToolbarItem.js",
+      "require": "./dist/cjs/deprecated/ToolbarItem.js"
+    },
+    "./deprecated/ToolbarGroup": {
+      "import": "./dist/esm/deprecated/ToolbarGroup.js",
+      "require": "./dist/cjs/deprecated/ToolbarGroup.js"
+    },
+    "./deprecated/ToolbarDivider": {
+      "import": "./dist/esm/deprecated/ToolbarDivider.js",
+      "require": "./dist/cjs/deprecated/ToolbarDivider.js"
+    },
+    "./deprecated": {
+      "import": "./dist/esm/deprecated/index.js",
+      "require": "./dist/cjs/deprecated/index.js"
+    },
+    "./deprecated/DSToolbar": {
+      "import": "./dist/esm/deprecated/DSToolbar.js",
+      "require": "./dist/cjs/deprecated/DSToolbar.js"
+    },
+    "./deprecated/decorateToolbarChildren": {
+      "import": "./dist/esm/deprecated/decorateToolbarChildren.js",
+      "require": "./dist/cjs/deprecated/decorateToolbarChildren.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "prop-types": "~15.8.1",
+    "@elliemae/ds-button-v2": "3.22.0-next.24",
+    "@elliemae/ds-classnames": "3.22.0-next.24",
+    "@elliemae/ds-popper": "3.22.0-next.24",
+    "@elliemae/ds-props-helpers": "3.22.0-next.24",
+    "@elliemae/ds-shared": "3.22.0-next.24",
+    "@elliemae/ds-utilities": "3.22.0-next.24"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.22",
+    "@testing-library/jest-dom": "~5.16.5",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.22.0-next.24"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "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",
+    "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 ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}