@elliemae/ds-toolbar 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/DSToolbarItemV2.js

@@ -1,55 +1,50 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSToolbarItemV2_exports = {};
-__export(DSToolbarItemV2_exports, {
-  DSToolbarItemV2: () => DSToolbarItemV2
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_uid = require("uid");
-var import_DSToolbarV2Context = require("./DSToolbarV2Context");
-var import_styled = require("./styled");
-var import_useToolbarItemHandlers = require("./useToolbarItemHandlers");
-const DSToolbarItemV2 = ({ render }) => {
-  const { registerReference } = (0, import_react.useContext)(import_DSToolbarV2Context.DSToolbarV2Context);
-  const ref = (0, import_react.useRef)(null);
-  const toolbarItemId = (0, import_react.useMemo)(() => {
-    const id = `ds-toolbar-item-${(0, import_uid.uid)()}`;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var uid = require('uid');
+var DSToolbarV2Context = require('./DSToolbarV2Context.js');
+var styled = require('./styled.js');
+var useToolbarItemHandlers = require('./useToolbarItemHandlers.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const DSToolbarItemV2 = _ref => {
+  let {
+    render
+  } = _ref;
+  const {
+    registerReference
+  } = React.useContext(DSToolbarV2Context.DSToolbarV2Context);
+  const ref = React.useRef(null);
+  const toolbarItemId = React.useMemo(() => {
+    const id = "ds-toolbar-item-".concat(uid.uid());
     registerReference(id, ref);
     return id;
   }, [registerReference, ref]);
-  const handlers = (0, import_useToolbarItemHandlers.useToolbarItemHandlers)(toolbarItemId);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledToolbarItem, {
+  const handlers = useToolbarItemHandlers.useToolbarItemHandlers(toolbarItemId);
+  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledToolbarItem, _objectSpread(_objectSpread({
     id: toolbarItemId,
     "data-testid": "ds-toolbar-item",
-    className: "ds-toolbar-item",
-    ...handlers
-  }, render({ innerRef: ref }));
+    className: "ds-toolbar-item"
+  }, handlers), {}, {
+    children: render({
+      innerRef: ref
+    })
+  }));
 };
-module.exports = __toCommonJS(DSToolbarItemV2_exports);
-//# sourceMappingURL=DSToolbarItemV2.js.map
+
+exports.DSToolbarItemV2 = DSToolbarItemV2;

package/cjs/DSToolbarSeparatorV2.js

@@ -1,39 +1,18 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSToolbarSeparatorV2_exports = {};
-__export(DSToolbarSeparatorV2_exports, {
-  DSToolbarSeparatorV2: () => DSToolbarSeparatorV2
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled = require("./styled");
-const DSToolbarSeparatorV2 = () => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSeparator, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _StyledSeparator;
+const DSToolbarSeparatorV2 = () => _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](styled.StyledSeparator, {
   className: "ds-toolbar-separator"
-});
-module.exports = __toCommonJS(DSToolbarSeparatorV2_exports);
-//# sourceMappingURL=DSToolbarSeparatorV2.js.map
+}));
+
+exports.DSToolbarSeparatorV2 = DSToolbarSeparatorV2;

package/cjs/DSToolbarV2.js

@@ -1,73 +1,80 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSToolbarV2_exports = {};
-__export(DSToolbarV2_exports, {
-  DSToolbarV2: () => DSToolbarV2,
-  DSToolbarV2WithSchema: () => DSToolbarV2WithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_react_desc = require("react-desc");
-var import_uid = require("uid");
-var import_DSToolbarV2Context = require("./DSToolbarV2Context");
-var import_props = require("./props");
-var import_styled = require("./styled");
-const DSToolbarV2 = (props) => {
-  const { alignment, withDepth, compact, innerRef, children } = props;
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_props.DSToolbarV2Schema);
-  const toolbarUid = (0, import_react.useMemo)(() => `ds-toolbar-${(0, import_uid.uid)()}`, []);
-  const [itemReferences, setItemReferences] = (0, import_react.useState)({});
-  const registerReference = (0, import_react.useCallback)((itemId, ref) => {
-    setItemReferences((prevItemReferences) => ({ ...prevItemReferences, [itemId]: ref }));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var reactDesc = require('react-desc');
+var uid = require('uid');
+var DSToolbarV2Context = require('./DSToolbarV2Context.js');
+var props = require('./props.js');
+var styled = require('./styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSToolbarV2 = props$1 => {
+  const {
+    alignment,
+    withDepth,
+    compact,
+    innerRef,
+    children
+  } = props$1;
+  dsPropsHelpers.useValidateTypescriptPropTypes(props$1, props.DSToolbarV2Schema);
+  const toolbarUid = React.useMemo(() => "ds-toolbar-".concat(uid.uid()), []);
+  const [itemReferences, setItemReferences] = React.useState({});
+  const registerReference = React.useCallback((itemId, ref) => {
+    setItemReferences(prevItemReferences => _objectSpread(_objectSpread({}, prevItemReferences), {}, {
+      [itemId]: ref
+    }));
   }, [setItemReferences]);
-  return /* @__PURE__ */ import_react.default.createElement(import_DSToolbarV2Context.DSToolbarV2Context.Provider, {
-    value: { toolbarUid, registerReference, itemReferences }
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledToolbarWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](DSToolbarV2Context.DSToolbarV2Context.Provider, {
+    value: {
+      toolbarUid,
+      registerReference,
+      itemReferences
+    }
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledToolbarWrapper, {
     role: "toolbar",
     "data-testid": "ds-toolbar-wrapper",
     id: toolbarUid,
     alignItems: "center",
-    justifyContent: alignment === "left" ? "flex-start" : "flex-end",
-    withDepth,
-    cols: import_react.default.Children.map(children, () => ["auto"]),
+    justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
+    withDepth: withDepth,
+    cols: React__default["default"].Children.map(children, () => ['auto']),
     gutter: "xxs2",
-    compact,
-    ref: innerRef
-  }, children));
+    compact: compact,
+    ref: innerRef,
+    children: children
+  }));
 };
-DSToolbarV2.propTypes = import_props.DSToolbarV2Schema;
+
 DSToolbarV2.defaultProps = {
-  alignment: "right",
+  alignment: 'right',
   withDepth: true,
   compact: false
 };
-const DSToolbarV2WithSchema = (0, import_react_desc.describe)(DSToolbarV2).description("Toolbar");
-DSToolbarV2WithSchema.propTypes = import_props.DSToolbarV2Schema;
-module.exports = __toCommonJS(DSToolbarV2_exports);
-//# sourceMappingURL=DSToolbarV2.js.map
+const DSToolbarV2WithSchema = reactDesc.describe(DSToolbarV2).description('Toolbar');
+DSToolbarV2WithSchema.propTypes = props.DSToolbarV2Schema;
+
+exports.DSToolbarV2 = DSToolbarV2;
+exports.DSToolbarV2WithSchema = DSToolbarV2WithSchema;

package/cjs/DSToolbarV2Context.js

@@ -1,40 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSToolbarV2Context_exports = {};
-__export(DSToolbarV2Context_exports, {
-  DSToolbarV2Context: () => DSToolbarV2Context
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const DSToolbarV2Context = (0, import_react.createContext)({
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const DSToolbarV2Context = /*#__PURE__*/React.createContext({
   registerReference: () => null,
   itemReferences: {},
-  toolbarUid: ""
+  toolbarUid: ''
 });
-module.exports = __toCommonJS(DSToolbarV2Context_exports);
-//# sourceMappingURL=DSToolbarV2Context.js.map
+
+exports.DSToolbarV2Context = DSToolbarV2Context;

package/cjs/deprecated/DSToolbar.js

@@ -1,96 +1,99 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
+var dsUtilities = require('@elliemae/ds-utilities');
+var decorateToolbarChildren = require('./decorateToolbarChildren.js');
+var ToolbarItem = require('./ToolbarItem.js');
+var ToolbarGroup = require('./ToolbarGroup.js');
+var ToolbarDivider = require('./ToolbarDivider.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var FocusGroupProvider__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupProvider);
+
+const _excluded = ["containerProps", "innerRef", "withDepth", "alignment", "autoFocusOnMount", "children", "size"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const blockName = 'toolbar';
+const ToolbarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    withDepth,
+    alignment,
+    size
+  } = _ref;
+  return {
+    'without-depth': !withDepth,
+    [alignment]: !!alignment,
+    [size]: size
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-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
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_FocusGroupManager = __toESM(require("@elliemae/ds-shared/FocusGroup/FocusGroupManager"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_decorateToolbarChildren = __toESM(require("./decorateToolbarChildren"));
-var import_ToolbarItem = __toESM(require("./ToolbarItem"));
-var import_ToolbarGroup = __toESM(require("./ToolbarGroup"));
-var import_ToolbarDivider = __toESM(require("./ToolbarDivider"));
-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",
-  autoFocusOnMount = true,
-  children = [],
-  size = "normal",
-  ...otherProps
-}) => {
-  const containerRef = (0, import_react.useRef)(null);
-  return /* @__PURE__ */ import_react.default.createElement(import_FocusGroupManager.default, {
-    autoFocusOnMount,
+
+const DSToolbar = _ref2 => {
+  let {
+    containerProps = {},
+    innerRef,
+    withDepth = true,
+    alignment = 'right',
+    // left || right
+    autoFocusOnMount = true,
+    children = [],
+    size = 'normal'
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+  const containerRef = React.useRef(null);
+  return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
+    autoFocusOnMount: autoFocusOnMount,
     getContainer: () => containerRef.current,
     keyBindings: {
-      Tab: "next"
+      Tab: 'next'
     },
     orientation: "horizontal"
-  }, /* @__PURE__ */ import_react.default.createElement(ToolbarContainer, {
-    ...containerProps,
-    ...otherProps,
-    classProps: { withDepth, alignment, size },
-    innerRef: (0, import_ds_utilities.mergeRefs)(innerRef, containerRef)
-  }, (0, import_decorateToolbarChildren.default)(children)));
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(ToolbarContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherProps), {}, {
+    classProps: {
+      withDepth,
+      alignment,
+      size
+    },
+    innerRef: dsUtilities.mergeRefs(innerRef, containerRef),
+    children: decorateToolbarChildren(children)
+  })));
 };
+
 const toolbarProps = {
-  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
-  withDepth: import_react_desc.PropTypes.bool.description("Shows a shadow rear the toolbar").defaultValue(true),
-  alignment: import_react_desc.PropTypes.oneOf(["right", "left"]).description("Aligns the toolbar to the left or right").defaultValue("right"),
-  size: import_react_desc.PropTypes.oneOf(["normal", "compact"]).description("Toolbar size").defaultValue("normal"),
-  autoFocusOnMount: import_react_desc.PropTypes.bool.description("Wheter to focus the component when it mounts or not").defaultValue(true),
-  children: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.array,
-    import_react_desc.PropTypes.func,
-    import_react_desc.PropTypes.node
-  ]).description("Toolbar items").isRequired,
-  innerRef: import_react_desc.PropTypes.object.description("Ref to the Toolbar container element")
+  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
+  withDepth: reactDesc.PropTypes.bool.description('Shows a shadow rear the toolbar').defaultValue(true),
+  alignment: reactDesc.PropTypes.oneOf(['right', 'left']).description('Aligns the toolbar to the left or right').defaultValue('right'),
+  size: reactDesc.PropTypes.oneOf(['normal', 'compact']).description('Toolbar size').defaultValue('normal'),
+  autoFocusOnMount: reactDesc.PropTypes.bool.description('Wheter to focus the component when it mounts or not').defaultValue(true),
+  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.func, reactDesc.PropTypes.node]).description('Toolbar items').isRequired,
+  innerRef: reactDesc.PropTypes.object.description('Ref to the Toolbar container element')
 };
-DSToolbar.propTypes = toolbarProps;
-const ToolbarWithSchema = (0, import_react_desc.describe)(DSToolbar);
+const ToolbarWithSchema = reactDesc.describe(DSToolbar);
 ToolbarWithSchema.propTypes = toolbarProps;
-var DSToolbar_default = DSToolbar;
-module.exports = __toCommonJS(DSToolbar_exports);
-//# sourceMappingURL=DSToolbar.js.map
+
+exports.ToolbarItem = ToolbarItem;
+exports.ToolbarGroup = ToolbarGroup;
+exports.ToolbarDivider = ToolbarDivider;
+exports.DSToolbar = DSToolbar;
+exports.ToolbarWithSchema = ToolbarWithSchema;
+exports["default"] = DSToolbar;

package/cjs/deprecated/ToolbarDivider.js

@@ -1,39 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ToolbarDivider_exports = {};
-__export(ToolbarDivider_exports, {
-  default: () => ToolbarDivider_default
-});
-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;
-module.exports = __toCommonJS(ToolbarDivider_exports);
-//# sourceMappingURL=ToolbarDivider.js.map
+'use strict';
+
+var dsClassnames = require('@elliemae/ds-classnames');
+
+const blockName = 'toolbar';
+const ToolbarDivider = dsClassnames.aggregatedClasses('div')(blockName, 'divider');
+ToolbarDivider.displayName = 'ToolbarDivider';
+
+module.exports = ToolbarDivider;