@elliemae/ds-toolbar 3.0.0-next.2 → 3.0.0-next.6

package/cjs/DSToolbarV2.js

@@ -1,80 +0,0 @@
-'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__*/_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: withDepth,
-    cols: React__default["default"].Children.map(children, () => ['auto']),
-    gutter: "xxs2",
-    compact: compact,
-    ref: innerRef,
-    children: children
-  }));
-};
-
-DSToolbarV2.defaultProps = {
-  alignment: 'right',
-  withDepth: true,
-  compact: false
-};
-const DSToolbarV2WithSchema = reactDesc.describe(DSToolbarV2).description('Toolbar');
-DSToolbarV2WithSchema.propTypes = props.DSToolbarV2Schema;
-
-exports.DSToolbarV2 = DSToolbarV2;
-exports.DSToolbarV2WithSchema = DSToolbarV2WithSchema;

package/cjs/DSToolbarV2Context.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const DSToolbarV2Context = /*#__PURE__*/React.createContext({
-  registerReference: () => null,
-  itemReferences: {},
-  toolbarUid: ''
-});
-
-exports.DSToolbarV2Context = DSToolbarV2Context;

package/cjs/deprecated/DSToolbar.js

@@ -1,99 +0,0 @@
-'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
-  };
-});
-
-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'
-    },
-    orientation: "horizontal"
-  }, 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: 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')
-};
-const ToolbarWithSchema = reactDesc.describe(DSToolbar);
-ToolbarWithSchema.propTypes = toolbarProps;
-
-exports.ToolbarItem = ToolbarItem;
-exports.ToolbarGroup = ToolbarGroup;
-exports.ToolbarDivider = ToolbarDivider;
-exports.DSToolbar = DSToolbar;
-exports.ToolbarWithSchema = ToolbarWithSchema;
-exports["default"] = DSToolbar;

package/cjs/deprecated/ToolbarDivider.js

@@ -1,9 +0,0 @@
-'use strict';
-
-var dsClassnames = require('@elliemae/ds-classnames');
-
-const blockName = 'toolbar';
-const ToolbarDivider = dsClassnames.aggregatedClasses('div')(blockName, 'divider');
-ToolbarDivider.displayName = 'ToolbarDivider';
-
-module.exports = ToolbarDivider;

package/cjs/deprecated/ToolbarGroup.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var decorateToolbarChildren = require('./decorateToolbarChildren.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const blockName = 'toolbar-group';
-const ToolbarGroupContainer = dsClassnames.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__default["default"](ToolbarGroupContainer, {
-    classProps: {
-      space
-    }
-  }, void 0, decorateToolbarChildren(children, {
-    size
-  }));
-};
-
-module.exports = ToolbarGroup;

package/cjs/deprecated/ToolbarItem.js

@@ -1,60 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.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 FocusGroup = require('@elliemae/ds-shared/FocusGroup');
-var DSButton = require('@elliemae/ds-button');
-var dsPopper = require('@elliemae/ds-popper');
-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);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-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__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 ToolbarItem = _ref => {
-  let {
-    icon,
-    labelText,
-    menu = undefined
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const [ref, setRef] = React.useState(null);
-  FocusGroup.useFocusGroupWithState(ref);
-
-  const btn = /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
-    buttonType: "text",
-    icon: icon,
-    innerRef: r => setRef(r),
-    labelText: labelText
-  }));
-
-  if (menu) {
-    return /*#__PURE__*/React__default["default"].cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
-      placement: dsPopper.PopperPositions.BOTTOM_END,
-      triggerComponent: btn
-    }));
-  }
-
-  return btn;
-};
-
-ToolbarItem.displayName = 'ToolbarItem';
-
-module.exports = ToolbarItem;

package/cjs/deprecated/decorateToolbarChildren.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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; }
-var decorateToolbarChildren = (function (children) {
-  let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return React__default["default"].Children.map(children, component => component ? /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
-    className: "".concat(component.props.className, " toolbar-item")
-  })) : component, null);
-});
-
-module.exports = decorateToolbarChildren;

package/cjs/deprecated/index.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSToolbar = require('./DSToolbar.js');
-var ToolbarItem = require('./ToolbarItem.js');
-var ToolbarGroup = require('./ToolbarGroup.js');
-var ToolbarDivider = require('./ToolbarDivider.js');
-
-
-
-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

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSToolbar = require('./deprecated/DSToolbar.js');
-var DSToolbarV2 = require('./DSToolbarV2.js');
-var DSToolbarItemV2 = require('./DSToolbarItemV2.js');
-var DSToolbarSeparatorV2 = require('./DSToolbarSeparatorV2.js');
-var ToolbarItem = require('./deprecated/ToolbarItem.js');
-var ToolbarGroup = require('./deprecated/ToolbarGroup.js');
-var ToolbarDivider = require('./deprecated/ToolbarDivider.js');
-
-
-
-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 = ToolbarItem;
-exports.ToolbarGroup = ToolbarGroup;
-exports.ToolbarDivider = ToolbarDivider;

package/cjs/props.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
-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),
-  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.object]).description('Reference to attach to the wrapper')
-};
-
-exports.DSToolbarV2Schema = DSToolbarV2Schema;

package/cjs/styled.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var Grid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-const StyledToolbarWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).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__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-8ez8n4-1"
-})([""]);
-const StyledSeparator = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-8ez8n4-2"
-})(["height:30px;width:1px;background-color:", ";"], props => props.theme.colors.neutral[200]);
-
-exports.StyledSeparator = StyledSeparator;
-exports.StyledToolbarItem = StyledToolbarItem;
-exports.StyledToolbarWrapper = StyledToolbarWrapper;

package/cjs/useToolbarItemHandlers.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var DSToolbarV2Context = require('./DSToolbarV2Context.js');
-
-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)) {
-      const toolbarItemIndex = toolbarItems.findIndex(domElem => domElem.id === toolbarItemId);
-      nextToolbarItemIndex = toolbarItemIndex + (e.code === 'ArrowLeft' ? -1 : 1);
-    } else if (e.code === 'Home') {
-      nextToolbarItemIndex = 0;
-    } else if (e.code === 'End') {
-      nextToolbarItemIndex = toolbarItems.length - 1;
-    }
-
-    if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {
-      e.preventDefault();
-      e.stopPropagation();
-      const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
-      if (ref.current) ref.current.focus();
-    }
-  }, [toolbarUid, toolbarItemId, itemReferences]);
-  return {
-    onKeyDown
-  };
-};
-
-exports.useToolbarItemHandlers = useToolbarItemHandlers;

package/esm/DSToolbarItemV2.js

@@ -1,42 +0,0 @@
-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-".concat(uid());
-    registerReference(id, ref);
-    return id;
-  }, [registerReference, ref]);
-  const handlers = useToolbarItemHandlers(toolbarItemId);
-  return /*#__PURE__*/jsx(StyledToolbarItem, _objectSpread(_objectSpread({
-    id: toolbarItemId,
-    "data-testid": "ds-toolbar-item",
-    className: "ds-toolbar-item"
-  }, handlers), {}, {
-    children: render({
-      innerRef: ref
-    })
-  }));
-};
-
-export { DSToolbarItemV2 };

package/esm/DSToolbarSeparatorV2.js

@@ -1,10 +0,0 @@
-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 };

package/esm/DSToolbarV2.js

@@ -1,69 +0,0 @@
-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-".concat(uid()), []);
-  const [itemReferences, setItemReferences] = useState({});
-  const registerReference = useCallback((itemId, ref) => {
-    setItemReferences(prevItemReferences => _objectSpread(_objectSpread({}, prevItemReferences), {}, {
-      [itemId]: ref
-    }));
-  }, [setItemReferences]);
-  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: withDepth,
-    cols: React.Children.map(children, () => ['auto']),
-    gutter: "xxs2",
-    compact: compact,
-    ref: innerRef,
-    children: children
-  }));
-};
-
-DSToolbarV2.defaultProps = {
-  alignment: 'right',
-  withDepth: true,
-  compact: false
-};
-const DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');
-DSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;
-
-export { DSToolbarV2, DSToolbarV2WithSchema };

package/esm/DSToolbarV2Context.js

@@ -1,9 +0,0 @@
-import { createContext } from 'react';
-
-const DSToolbarV2Context = /*#__PURE__*/createContext({
-  registerReference: () => null,
-  itemReferences: {},
-  toolbarUid: ''
-});
-
-export { DSToolbarV2Context };