@elliemae/ds-toolbar 1.60.0 → 2.0.0-alpha.12

package/cjs/deprecated/index.js

@@ -2,31 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_DSToolbar = require('./DSToolbar.js');
-var deprecated_ToolbarItem = require('./ToolbarItem.js');
-var deprecated_ToolbarGroup = require('./ToolbarGroup.js');
-var deprecated_ToolbarDivider = require('./ToolbarDivider.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-utilities');
-require('./decorateToolbarChildren.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('@elliemae/ds-shared/FocusGroup');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popper');
+var DSToolbar = require('./DSToolbar.js');
+var ToolbarItem = require('./ToolbarItem.js');
+var ToolbarGroup = require('./ToolbarGroup.js');
+var ToolbarDivider = require('./ToolbarDivider.js');
 
 
 
-exports.DSToolbar = deprecated_DSToolbar.DSToolbar;
-exports.ToolbarWithSchema = deprecated_DSToolbar.ToolbarWithSchema;
-exports.default = deprecated_DSToolbar.DSToolbar;
-exports.ToolbarItem = deprecated_ToolbarItem;
-exports.ToolbarGroup = deprecated_ToolbarGroup;
-exports.ToolbarDivider = deprecated_ToolbarDivider;
-//# sourceMappingURL=index.js.map
+exports.DSToolbar = DSToolbar.DSToolbar;
+exports.ToolbarWithSchema = DSToolbar.ToolbarWithSchema;
+exports["default"] = DSToolbar.DSToolbar;
+exports.ToolbarItem = ToolbarItem;
+exports.ToolbarGroup = ToolbarGroup;
+exports.ToolbarDivider = ToolbarDivider;

package/cjs/index.js

@@ -2,47 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_DSToolbar = require('./deprecated/DSToolbar.js');
+var DSToolbar = require('./deprecated/DSToolbar.js');
 var DSToolbarV2 = require('./DSToolbarV2.js');
 var DSToolbarItemV2 = require('./DSToolbarItemV2.js');
 var DSToolbarSeparatorV2 = require('./DSToolbarSeparatorV2.js');
-var deprecated_ToolbarItem = require('./deprecated/ToolbarItem.js');
-var deprecated_ToolbarGroup = require('./deprecated/ToolbarGroup.js');
-var deprecated_ToolbarDivider = require('./deprecated/ToolbarDivider.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-utilities');
-require('./deprecated/decorateToolbarChildren.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-props-helpers');
-require('uid');
-require('./DSToolbarV2Context.js');
-require('./props.js');
-require('./styled.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('./useToolbarItemHandlers.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('prop-types');
-require('@elliemae/ds-shared/FocusGroup');
-require('@elliemae/ds-button');
-require('@elliemae/ds-popper');
+var ToolbarItem = require('./deprecated/ToolbarItem.js');
+var ToolbarGroup = require('./deprecated/ToolbarGroup.js');
+var ToolbarDivider = require('./deprecated/ToolbarDivider.js');
 
 
 
-exports.DSToolbar = deprecated_DSToolbar.DSToolbar;
-exports.ToolbarWithSchema = deprecated_DSToolbar.ToolbarWithSchema;
-exports.default = deprecated_DSToolbar.DSToolbar;
+exports.DSToolbar = DSToolbar.DSToolbar;
+exports.ToolbarWithSchema = DSToolbar.ToolbarWithSchema;
+exports["default"] = DSToolbar.DSToolbar;
 exports.DSToolbarV2 = DSToolbarV2.DSToolbarV2;
 exports.DSToolbarV2WithSchema = DSToolbarV2.DSToolbarV2WithSchema;
 exports.DSToolbarItemV2 = DSToolbarItemV2.DSToolbarItemV2;
 exports.DSToolbarSeparatorV2 = DSToolbarSeparatorV2.DSToolbarSeparatorV2;
-exports.ToolbarItem = deprecated_ToolbarItem;
-exports.ToolbarGroup = deprecated_ToolbarGroup;
-exports.ToolbarDivider = deprecated_ToolbarDivider;
-//# sourceMappingURL=index.js.map
+exports.ToolbarItem = ToolbarItem;
+exports.ToolbarGroup = ToolbarGroup;
+exports.ToolbarDivider = ToolbarDivider;

package/cjs/props.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
 
-var DSToolbarV2Schema = {
+const DSToolbarV2Schema = {
   alignment: reactDesc.PropTypes.oneOf(['right', 'left']).description('Whether to align the content left or right').defaultValue('right'),
   withDepth: reactDesc.PropTypes.bool.description('Whether to add a box-shadow to the container').defaultValue(true),
   compact: reactDesc.PropTypes.bool.description('Whether you want the compact version of the toolbar').defaultValue(false),
@@ -12,4 +12,3 @@ var DSToolbarV2Schema = {
 };
 
 exports.DSToolbarV2Schema = DSToolbarV2Schema;
-//# sourceMappingURL=props.js.map

package/cjs/styled.js

@@ -10,29 +10,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
-var StyledToolbarWrapper = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledToolbarWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-8ez8n4-0"
-})(["background-color:", ";min-height:", ";max-height:", ";padding:0 ", ";box-shadow:", ";"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.compact ? '28px' : '40px';
-}, function (props) {
-  return props.theme.space.xxl;
-}, function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return !props.withDepth ? 'none' : '0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)';
-});
-var StyledToolbarItem = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+})(["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__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-8ez8n4-1"
 })([""]);
-var StyledSeparator = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledSeparator = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-8ez8n4-2"
-})(["height:30px;width:1px;background-color:", ";"], function (props) {
-  return props.theme.colors.neutral[200];
-});
+})(["height:30px;width:1px;background-color:", ";"], props => props.theme.colors.neutral[200]);
 
 exports.StyledSeparator = StyledSeparator;
 exports.StyledToolbarItem = StyledToolbarItem;
 exports.StyledToolbarWrapper = StyledToolbarWrapper;
-//# sourceMappingURL=styled.js.map

package/cjs/useToolbarItemHandlers.js

@@ -2,28 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var DSToolbarV2Context = require('./DSToolbarV2Context.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-
-var useToolbarItemHandlers = function useToolbarItemHandlers(toolbarItemId) {
-  var _useContext = React.useContext(DSToolbarV2Context.DSToolbarV2Context),
-      toolbarUid = _useContext.toolbarUid,
-      itemReferences = _useContext.itemReferences;
-
-  var onKeyDown = React.useCallback(function (e) {
-    var toolbarItems = _toConsumableArray__default['default'](document.querySelectorAll("#".concat(toolbarUid, " .ds-toolbar-item")));
-
-    var nextToolbarItemIndex = -1;
+const useToolbarItemHandlers = toolbarItemId => {
+  const {
+    toolbarUid,
+    itemReferences
+  } = React.useContext(DSToolbarV2Context.DSToolbarV2Context);
+  const onKeyDown = React.useCallback(e => {
+    const toolbarItems = [...document.querySelectorAll("#".concat(toolbarUid, " .ds-toolbar-item"))];
+    let nextToolbarItemIndex = -1;
 
     if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {
-      var toolbarItemIndex = toolbarItems.findIndex(function (domElem) {
-        return domElem.id === toolbarItemId;
-      });
+      const toolbarItemIndex = toolbarItems.findIndex(domElem => domElem.id === toolbarItemId);
       nextToolbarItemIndex = toolbarItemIndex + (e.code === 'ArrowLeft' ? -1 : 1);
     } else if (e.code === 'Home') {
       nextToolbarItemIndex = 0;
@@ -34,14 +27,13 @@ var useToolbarItemHandlers = function useToolbarItemHandlers(toolbarItemId) {
     if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {
       e.preventDefault();
       e.stopPropagation();
-      var ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
+      const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
       if (ref.current) ref.current.focus();
     }
   }, [toolbarUid, toolbarItemId, itemReferences]);
   return {
-    onKeyDown: onKeyDown
+    onKeyDown
   };
 };
 
 exports.useToolbarItemHandlers = useToolbarItemHandlers;
-//# sourceMappingURL=useToolbarItemHandlers.js.map

package/esm/DSToolbarItemV2.js

@@ -1,34 +1,42 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React, { useContext, useRef, useMemo } from 'react';
+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 'styled-components';
-import '@elliemae/ds-grid';
-import '@babel/runtime/helpers/esm/toConsumableArray';
+import { jsx } from 'react/jsx-runtime';
 
-var DSToolbarItemV2 = function DSToolbarItemV2(_ref) {
-  var render = _ref.render;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var _useContext = useContext(DSToolbarV2Context),
-      registerReference = _useContext.registerReference;
-
-  var ref = useRef(null);
-  var toolbarItemId = useMemo(function () {
-    var id = "ds-toolbar-item-".concat(uid());
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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-".concat(uid());
     registerReference(id, ref);
     return id;
   }, [registerReference, ref]);
-  var handlers = useToolbarItemHandlers(toolbarItemId);
-  return /*#__PURE__*/React.createElement(StyledToolbarItem, _extends({
+  const handlers = useToolbarItemHandlers(toolbarItemId);
+  return /*#__PURE__*/jsx(StyledToolbarItem, _objectSpread(_objectSpread({
     id: toolbarItemId,
     "data-testid": "ds-toolbar-item",
     className: "ds-toolbar-item"
-  }, handlers), render({
-    innerRef: ref
+  }, handlers), {}, {
+    children: render({
+      innerRef: ref
+    })
   }));
 };
 
 export { DSToolbarItemV2 };
-//# sourceMappingURL=DSToolbarItemV2.js.map

package/esm/DSToolbarSeparatorV2.js

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

package/esm/DSToolbarV2.js

@@ -1,5 +1,13 @@
+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 _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+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';
@@ -7,64 +15,55 @@ import { uid } from 'uid';
 import { DSToolbarV2Context } from './DSToolbarV2Context.js';
 import { DSToolbarV2Schema } from './props.js';
 import { StyledToolbarWrapper } from './styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
+import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var DSToolbarV2 = function DSToolbarV2(props) {
-  var alignment = props.alignment,
-      withDepth = props.withDepth,
-      compact = props.compact,
-      innerRef = props.innerRef,
-      children = props.children;
-  useValidateTypescriptPropTypes(props, DSToolbarV2WithSchema.toTypescript());
-  var toolbarUid = useMemo(function () {
-    return "ds-toolbar-".concat(uid());
-  }, []);
-
-  var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      itemReferences = _useState2[0],
-      setItemReferences = _useState2[1];
-
-  var registerReference = useCallback(function (itemId, ref) {
-    setItemReferences(function (prevItemReferences) {
-      return _objectSpread(_objectSpread({}, prevItemReferences), {}, _defineProperty({}, itemId, ref));
-    });
+const DSToolbarV2 = props => {
+  const {
+    alignment,
+    withDepth,
+    compact,
+    innerRef,
+    children
+  } = props;
+  useValidateTypescriptPropTypes(props, DSToolbarV2Schema);
+  const toolbarUid = useMemo(() => "ds-toolbar-".concat(uid()), []);
+  const [itemReferences, setItemReferences] = useState({});
+  const registerReference = useCallback((itemId, ref) => {
+    setItemReferences(prevItemReferences => _objectSpread(_objectSpread({}, prevItemReferences), {}, {
+      [itemId]: ref
+    }));
   }, [setItemReferences]);
-  return /*#__PURE__*/React.createElement(DSToolbarV2Context.Provider, {
+  return /*#__PURE__*/_jsx(DSToolbarV2Context.Provider, {
     value: {
-      toolbarUid: toolbarUid,
-      registerReference: registerReference,
-      itemReferences: itemReferences
+      toolbarUid,
+      registerReference,
+      itemReferences
     }
-  }, /*#__PURE__*/React.createElement(StyledToolbarWrapper, {
+  }, void 0, /*#__PURE__*/jsx(StyledToolbarWrapper, {
     role: "toolbar",
     "data-testid": "ds-toolbar-wrapper",
     id: toolbarUid,
     alignItems: "center",
     justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
     withDepth: withDepth,
-    cols: React.Children.map(children, function () {
-      return ['auto'];
-    }),
+    cols: React.Children.map(children, () => ['auto']),
     gutter: "xxs2",
     compact: compact,
-    ref: innerRef
-  }, children));
+    ref: innerRef,
+    children: children
+  }));
 };
 
-DSToolbarV2.propTypes = DSToolbarV2Schema;
 DSToolbarV2.defaultProps = {
   alignment: 'right',
   withDepth: true,
   compact: false
 };
-var DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');
+const DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');
 DSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;
 
 export { DSToolbarV2, DSToolbarV2WithSchema };
-//# sourceMappingURL=DSToolbarV2.js.map

package/esm/DSToolbarV2Context.js

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

package/esm/deprecated/DSToolbar.js

@@ -1,7 +1,12 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+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 React, { useRef } from 'react';
+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';
@@ -10,62 +15,60 @@ 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 '@babel/runtime/helpers/esm/slicedToArray';
-import 'prop-types';
-import '@elliemae/ds-shared/FocusGroup';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popper';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["containerProps", "innerRef", "withDepth", "alignment", "autoFocusOnMount", "children", "size"];
-var blockName = 'toolbar';
-var ToolbarContainer = aggregatedClasses('div')(blockName, null, function (_ref) {
-  var _ref2;
+const _excluded = ["containerProps", "innerRef", "withDepth", "alignment", "autoFocusOnMount", "children", "size"];
 
-  var withDepth = _ref.withDepth,
-      alignment = _ref.alignment,
-      size = _ref.size;
-  return _ref2 = {
-    'without-depth': !withDepth
-  }, _defineProperty(_ref2, alignment, !!alignment), _defineProperty(_ref2, size, size), _ref2;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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
+  };
 });
 
-var DSToolbar = function DSToolbar(_ref3) {
-  var _ref3$containerProps = _ref3.containerProps,
-      containerProps = _ref3$containerProps === void 0 ? {} : _ref3$containerProps,
-      innerRef = _ref3.innerRef,
-      _ref3$withDepth = _ref3.withDepth,
-      withDepth = _ref3$withDepth === void 0 ? true : _ref3$withDepth,
-      _ref3$alignment = _ref3.alignment,
-      alignment = _ref3$alignment === void 0 ? 'right' : _ref3$alignment,
-      _ref3$autoFocusOnMoun = _ref3.autoFocusOnMount,
-      autoFocusOnMount = _ref3$autoFocusOnMoun === void 0 ? true : _ref3$autoFocusOnMoun,
-      _ref3$children = _ref3.children,
-      children = _ref3$children === void 0 ? [] : _ref3$children,
-      _ref3$size = _ref3.size,
-      size = _ref3$size === void 0 ? 'normal' : _ref3$size,
-      otherProps = _objectWithoutProperties(_ref3, _excluded);
+const DSToolbar = _ref2 => {
+  let {
+    containerProps = {},
+    innerRef,
+    withDepth = true,
+    alignment = 'right',
+    // left || right
+    autoFocusOnMount = true,
+    children = [],
+    size = 'normal'
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
 
-  var containerRef = useRef(null);
-  return /*#__PURE__*/React.createElement(FocusGroupProvider, {
+  const containerRef = useRef(null);
+  return /*#__PURE__*/_jsx(FocusGroupProvider, {
     autoFocusOnMount: autoFocusOnMount,
-    getContainer: function getContainer() {
-      return containerRef.current;
-    },
+    getContainer: () => containerRef.current,
     keyBindings: {
       Tab: 'next'
     },
     orientation: "horizontal"
-  }, /*#__PURE__*/React.createElement(ToolbarContainer, _extends({}, containerProps, otherProps, {
+  }, void 0, /*#__PURE__*/jsx(ToolbarContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherProps), {}, {
     classProps: {
-      withDepth: withDepth,
-      alignment: alignment,
-      size: size
+      withDepth,
+      alignment,
+      size
     },
-    innerRef: mergeRefs(innerRef, containerRef)
-  }), decorateToolbarChildren(children)));
+    innerRef: mergeRefs(innerRef, containerRef),
+    children: decorateToolbarChildren(children)
+  })));
 };
 
-var toolbarProps = {
+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'),
@@ -74,9 +77,7 @@ var toolbarProps = {
   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;
-var ToolbarWithSchema = describe(DSToolbar);
+const ToolbarWithSchema = describe(DSToolbar);
 ToolbarWithSchema.propTypes = toolbarProps;
 
 export { DSToolbar, ToolbarWithSchema, DSToolbar as default };
-//# sourceMappingURL=DSToolbar.js.map

package/esm/deprecated/ToolbarDivider.js

@@ -1,8 +1,7 @@
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
-var blockName = 'toolbar';
-var ToolbarDivider = aggregatedClasses('div')(blockName, 'divider');
+const blockName = 'toolbar';
+const ToolbarDivider = aggregatedClasses('div')(blockName, 'divider');
 ToolbarDivider.displayName = 'ToolbarDivider';
 
 export { ToolbarDivider as default };
-//# sourceMappingURL=ToolbarDivider.js.map

package/esm/deprecated/ToolbarGroup.js

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