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

package/esm/DSToolbarItemV2.js

@@ -1,26 +1,42 @@
-import * as React from "react";
-import React2, { useContext, useMemo, useRef } from "react";
-import { uid } from "uid";
-import { DSToolbarV2Context } from "./DSToolbarV2Context";
-import { StyledToolbarItem } from "./styled";
-import { useToolbarItemHandlers } from "./useToolbarItemHandlers";
-const DSToolbarItemV2 = ({ render }) => {
-  const { registerReference } = useContext(DSToolbarV2Context);
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { useContext, useRef, useMemo } from 'react';
+import { uid } from 'uid';
+import { DSToolbarV2Context } from './DSToolbarV2Context.js';
+import { StyledToolbarItem } from './styled.js';
+import { useToolbarItemHandlers } from './useToolbarItemHandlers.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const DSToolbarItemV2 = _ref => {
+  let {
+    render
+  } = _ref;
+  const {
+    registerReference
+  } = useContext(DSToolbarV2Context);
   const ref = useRef(null);
   const toolbarItemId = useMemo(() => {
-    const id = `ds-toolbar-item-${uid()}`;
+    const id = "ds-toolbar-item-".concat(uid());
     registerReference(id, ref);
     return id;
   }, [registerReference, ref]);
   const handlers = useToolbarItemHandlers(toolbarItemId);
-  return /* @__PURE__ */ React2.createElement(StyledToolbarItem, {
+  return /*#__PURE__*/jsx(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
+    })
+  }));
 };
-export {
-  DSToolbarItemV2
-};
-//# sourceMappingURL=DSToolbarItemV2.js.map
+
+export { DSToolbarItemV2 };

package/esm/DSToolbarSeparatorV2.js

@@ -1,10 +1,10 @@
-import * as React from "react";
-import React2 from "react";
-import { StyledSeparator } from "./styled";
-const DSToolbarSeparatorV2 = () => /* @__PURE__ */ React2.createElement(StyledSeparator, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { StyledSeparator } from './styled.js';
+
+var _StyledSeparator;
+const DSToolbarSeparatorV2 = () => _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
   className: "ds-toolbar-separator"
-});
-export {
-  DSToolbarSeparatorV2
-};
-//# sourceMappingURL=DSToolbarSeparatorV2.js.map
+}));
+
+export { DSToolbarSeparatorV2 };

package/esm/DSToolbarV2.js

@@ -1,44 +1,69 @@
-import * as React from "react";
-import React2, { useCallback, useMemo, useState } from "react";
-import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { describe } from "react-desc";
-import { uid } from "uid";
-import { DSToolbarV2Context } from "./DSToolbarV2Context";
-import { DSToolbarV2Schema } from "./props";
-import { StyledToolbarWrapper } from "./styled";
-const DSToolbarV2 = (props) => {
-  const { alignment, withDepth, compact, innerRef, children } = props;
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import React, { useMemo, useState, useCallback } from 'react';
+import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
+import { describe } from 'react-desc';
+import { uid } from 'uid';
+import { DSToolbarV2Context } from './DSToolbarV2Context.js';
+import { DSToolbarV2Schema } from './props.js';
+import { StyledToolbarWrapper } from './styled.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSToolbarV2 = props => {
+  const {
+    alignment,
+    withDepth,
+    compact,
+    innerRef,
+    children
+  } = props;
   useValidateTypescriptPropTypes(props, DSToolbarV2Schema);
-  const toolbarUid = useMemo(() => `ds-toolbar-${uid()}`, []);
+  const toolbarUid = useMemo(() => "ds-toolbar-".concat(uid()), []);
   const [itemReferences, setItemReferences] = useState({});
   const registerReference = useCallback((itemId, ref) => {
-    setItemReferences((prevItemReferences) => ({ ...prevItemReferences, [itemId]: ref }));
+    setItemReferences(prevItemReferences => _objectSpread(_objectSpread({}, prevItemReferences), {}, {
+      [itemId]: ref
+    }));
   }, [setItemReferences]);
-  return /* @__PURE__ */ React2.createElement(DSToolbarV2Context.Provider, {
-    value: { toolbarUid, registerReference, itemReferences }
-  }, /* @__PURE__ */ React2.createElement(StyledToolbarWrapper, {
+  return /*#__PURE__*/_jsx(DSToolbarV2Context.Provider, {
+    value: {
+      toolbarUid,
+      registerReference,
+      itemReferences
+    }
+  }, void 0, /*#__PURE__*/jsx(StyledToolbarWrapper, {
     role: "toolbar",
     "data-testid": "ds-toolbar-wrapper",
     id: toolbarUid,
     alignItems: "center",
-    justifyContent: alignment === "left" ? "flex-start" : "flex-end",
-    withDepth,
-    cols: React2.Children.map(children, () => ["auto"]),
+    justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
+    withDepth: withDepth,
+    cols: React.Children.map(children, () => ['auto']),
     gutter: "xxs2",
-    compact,
-    ref: innerRef
-  }, children));
+    compact: compact,
+    ref: innerRef,
+    children: children
+  }));
 };
-DSToolbarV2.propTypes = DSToolbarV2Schema;
+
 DSToolbarV2.defaultProps = {
-  alignment: "right",
+  alignment: 'right',
   withDepth: true,
   compact: false
 };
-const DSToolbarV2WithSchema = describe(DSToolbarV2).description("Toolbar");
+const DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');
 DSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;
-export {
-  DSToolbarV2,
-  DSToolbarV2WithSchema
-};
-//# sourceMappingURL=DSToolbarV2.js.map
+
+export { DSToolbarV2, DSToolbarV2WithSchema };

package/esm/DSToolbarV2Context.js

@@ -1,11 +1,9 @@
-import * as React from "react";
-import { createContext } from "react";
-const DSToolbarV2Context = createContext({
+import { createContext } from 'react';
+
+const DSToolbarV2Context = /*#__PURE__*/createContext({
   registerReference: () => null,
   itemReferences: {},
-  toolbarUid: ""
+  toolbarUid: ''
 });
-export {
-  DSToolbarV2Context
-};
-//# sourceMappingURL=DSToolbarV2Context.js.map
+
+export { DSToolbarV2Context };

package/esm/deprecated/DSToolbar.js

@@ -1,67 +1,83 @@
-import * as React from "react";
-import React2, { useRef } from "react";
-import { describe, PropTypes } from "react-desc";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import FocusGroupProvider from "@elliemae/ds-shared/FocusGroup/FocusGroupManager";
-import { mergeRefs } from "@elliemae/ds-utilities";
-import decorateToolbarChildren from "./decorateToolbarChildren";
-import Item from "./ToolbarItem";
-import ToolbarGroup from "./ToolbarGroup";
-import Divider from "./ToolbarDivider";
-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",
-  autoFocusOnMount = true,
-  children = [],
-  size = "normal",
-  ...otherProps
-}) => {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { useRef } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
+import { mergeRefs } from '@elliemae/ds-utilities';
+import decorateToolbarChildren from './decorateToolbarChildren.js';
+export { default as ToolbarItem } from './ToolbarItem.js';
+export { default as ToolbarGroup } from './ToolbarGroup.js';
+export { default as ToolbarDivider } from './ToolbarDivider.js';
+import { jsx } from 'react/jsx-runtime';
+
+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(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 = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    withDepth,
+    alignment,
+    size
+  } = _ref;
+  return {
+    'without-depth': !withDepth,
+    [alignment]: !!alignment,
+    [size]: size
+  };
+});
+
+const DSToolbar = _ref2 => {
+  let {
+    containerProps = {},
+    innerRef,
+    withDepth = true,
+    alignment = 'right',
+    // left || right
+    autoFocusOnMount = true,
+    children = [],
+    size = 'normal'
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
+
   const containerRef = useRef(null);
-  return /* @__PURE__ */ React2.createElement(FocusGroupProvider, {
-    autoFocusOnMount,
+  return /*#__PURE__*/_jsx(FocusGroupProvider, {
+    autoFocusOnMount: autoFocusOnMount,
     getContainer: () => containerRef.current,
     keyBindings: {
-      Tab: "next"
+      Tab: 'next'
     },
     orientation: "horizontal"
-  }, /* @__PURE__ */ React2.createElement(ToolbarContainer, {
-    ...containerProps,
-    ...otherProps,
-    classProps: { withDepth, alignment, size },
-    innerRef: mergeRefs(innerRef, containerRef)
-  }, decorateToolbarChildren(children)));
+  }, void 0, /*#__PURE__*/jsx(ToolbarContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherProps), {}, {
+    classProps: {
+      withDepth,
+      alignment,
+      size
+    },
+    innerRef: mergeRefs(innerRef, containerRef),
+    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")
+  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;
 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
+
+export { DSToolbar, ToolbarWithSchema, DSToolbar as default };

package/esm/deprecated/ToolbarDivider.js

@@ -1,10 +1,7 @@
-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
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
+const blockName = 'toolbar';
+const ToolbarDivider = aggregatedClasses('div')(blockName, 'divider');
+ToolbarDivider.displayName = 'ToolbarDivider';
+
+export { ToolbarDivider as default };

package/esm/deprecated/ToolbarGroup.js

@@ -1,22 +1,31 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import decorateToolbarChildren from "./decorateToolbarChildren";
-const blockName = "toolbar-group";
-const ToolbarGroupContainer = aggregatedClasses("div")(blockName, null, ({ space }) => ({
-  [`space-${space}`]: !!space
-}));
-const ToolbarGroup = ({ children, size, space = 0 }) => /* @__PURE__ */ React2.createElement(ToolbarGroupContainer, {
-  classProps: { space }
-}, decorateToolbarChildren(children, { size }));
-ToolbarGroup.propTypes = {
-  children: PropTypes.any,
-  size: PropTypes.number,
-  space: PropTypes.number
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import decorateToolbarChildren from './decorateToolbarChildren.js';
+
+const blockName = 'toolbar-group';
+const ToolbarGroupContainer = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    space
+  } = _ref;
+  return {
+    ["space-".concat(space)]: !!space
+  };
+});
+
+const ToolbarGroup = _ref2 => {
+  let {
+    children,
+    size,
+    space = 0
+  } = _ref2;
+  return /*#__PURE__*/_jsx(ToolbarGroupContainer, {
+    classProps: {
+      space
+    }
+  }, void 0, decorateToolbarChildren(children, {
+    size
+  }));
 };
-var ToolbarGroup_default = ToolbarGroup;
-export {
-  ToolbarGroup_default as default
-};
-//# sourceMappingURL=ToolbarGroup.js.map
+
+export { ToolbarGroup as default };

package/esm/deprecated/ToolbarItem.js

@@ -1,35 +1,51 @@
-import * as React from "react";
-import React2, { useState } from "react";
-import PropTypes from "prop-types";
-import { useFocusGroupWithState } from "@elliemae/ds-shared/FocusGroup";
-import DSButton from "@elliemae/ds-button";
-import { PopperPositions as Position } from "@elliemae/ds-popper";
-const ToolbarItem = ({ icon, labelText, menu = void 0, ...otherProps }) => {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React, { useState } from 'react';
+import { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';
+import DSButton from '@elliemae/ds-button';
+import { PopperPositions } from '@elliemae/ds-popper';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["icon", "labelText", "menu"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const ToolbarItem = _ref => {
+  let {
+    icon,
+    labelText,
+    menu = undefined
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
   const [ref, setRef] = useState(null);
   useFocusGroupWithState(ref);
-  const btn = /* @__PURE__ */ React2.createElement(DSButton, {
-    ...otherProps,
+
+  const btn = /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, otherProps), {}, {
     buttonType: "text",
-    icon,
-    innerRef: (r) => setRef(r),
-    labelText
-  });
+    icon: icon,
+    innerRef: r => setRef(r),
+    labelText: labelText
+  }));
+
   if (menu) {
-    return React2.cloneElement(menu, {
-      ...menu.props,
-      placement: Position.BOTTOM_END,
+    return /*#__PURE__*/React.cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
+      placement: PopperPositions.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
+
+ToolbarItem.displayName = 'ToolbarItem';
+
+export { ToolbarItem as default };

package/esm/deprecated/decorateToolbarChildren.js

@@ -1,11 +1,21 @@
-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
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React, { cloneElement } from '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(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; }
+var decorateToolbarChildren = (function (children) {
+  let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return React.Children.map(children, component => component ? /*#__PURE__*/cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
+    className: "".concat(component.props.className, " toolbar-item")
+  })) : component, null);
+});
+
+export { decorateToolbarChildren as default };

package/esm/deprecated/index.js

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

package/esm/index.js

@@ -1,10 +1,7 @@
-import * as React from "react";
-export * from "./deprecated";
-import { default as default2 } from "./deprecated";
-export * from "./DSToolbarV2";
-export * from "./DSToolbarItemV2";
-export * from "./DSToolbarSeparatorV2";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map
+export { DSToolbar, ToolbarWithSchema, DSToolbar as default } from './deprecated/DSToolbar.js';
+export { DSToolbarV2, DSToolbarV2WithSchema } from './DSToolbarV2.js';
+export { DSToolbarItemV2 } from './DSToolbarItemV2.js';
+export { DSToolbarSeparatorV2 } from './DSToolbarSeparatorV2.js';
+export { default as ToolbarItem } from './deprecated/ToolbarItem.js';
+export { default as ToolbarGroup } from './deprecated/ToolbarGroup.js';
+export { default as ToolbarDivider } from './deprecated/ToolbarDivider.js';

package/esm/props.js

@@ -1,12 +1,10 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const DSToolbarV2Schema = {
-  alignment: PropTypes.oneOf(["right", "left"]).description("Whether to align the content left or right").defaultValue("right"),
-  withDepth: PropTypes.bool.description("Whether to add a box-shadow to the container").defaultValue(true),
-  compact: PropTypes.bool.description("Whether you want the compact version of the toolbar").defaultValue(false),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Reference to attach to the wrapper")
+  alignment: PropTypes.oneOf(['right', 'left']).description('Whether to align the content left or right').defaultValue('right'),
+  withDepth: PropTypes.bool.description('Whether to add a box-shadow to the container').defaultValue(true),
+  compact: PropTypes.bool.description('Whether you want the compact version of the toolbar').defaultValue(false),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Reference to attach to the wrapper')
 };
-export {
-  DSToolbarV2Schema
-};
-//# sourceMappingURL=props.js.map
+
+export { DSToolbarV2Schema };

package/esm/styled.js

@@ -1,25 +1,14 @@
-import * as React from "react";
-import styled from "styled-components";
-import Grid from "@elliemae/ds-grid";
-const StyledToolbarWrapper = styled(Grid)`
-  background-color: ${(props) => props.theme.colors.neutral["000"]};
+import styled from 'styled-components';
+import Grid from '@elliemae/ds-grid';
 
-  min-height: ${(props) => props.compact ? "28px" : "40px"};
-  max-height: ${(props) => props.theme.space.xxl};
+const StyledToolbarWrapper = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-8ez8n4-0"
+})(["background-color:", ";min-height:", ";max-height:", ";padding:0 ", ";box-shadow:", ";"], props => props.theme.colors.neutral['000'], props => props.compact ? '28px' : '40px', props => props.theme.space.xxl, props => props.theme.space.xxs, props => !props.withDepth ? 'none' : '0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)');
+const StyledToolbarItem = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-8ez8n4-1"
+})([""]);
+const StyledSeparator = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-8ez8n4-2"
+})(["height:30px;width:1px;background-color:", ";"], props => props.theme.colors.neutral[200]);
 
-  padding: 0 ${(props) => props.theme.space.xxs};
-
-  box-shadow: ${(props) => !props.withDepth ? "none" : "0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)"};
-`;
-const StyledToolbarItem = styled(Grid)``;
-const StyledSeparator = styled(Grid)`
-  height: 30px;
-  width: 1px;
-  background-color: ${(props) => props.theme.colors.neutral[200]};
-`;
-export {
-  StyledSeparator,
-  StyledToolbarItem,
-  StyledToolbarWrapper
-};
-//# sourceMappingURL=styled.js.map
+export { StyledSeparator, StyledToolbarItem, StyledToolbarWrapper };