@elliemae/ds-toolbar 2.3.0-alpha.9 → 2.3.0-next.3

package/esm/DSToolbarV2Context.js

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

package/esm/deprecated/DSToolbar.js

@@ -0,0 +1,83 @@
+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__*/_jsx(FocusGroupProvider, {
+    autoFocusOnMount: autoFocusOnMount,
+    getContainer: () => containerRef.current,
+    keyBindings: {
+      Tab: 'next'
+    },
+    orientation: "horizontal"
+  }, 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')
+};
+const ToolbarWithSchema = describe(DSToolbar);
+ToolbarWithSchema.propTypes = toolbarProps;
+
+export { DSToolbar, ToolbarWithSchema, DSToolbar as default };

package/esm/deprecated/ToolbarDivider.js

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

@@ -0,0 +1,31 @@
+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
+  }));
+};
+
+export { ToolbarGroup as default };

package/esm/deprecated/ToolbarItem.js

@@ -0,0 +1,51 @@
+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__*/jsx(DSButton, _objectSpread(_objectSpread({}, otherProps), {}, {
+    buttonType: "text",
+    icon: icon,
+    innerRef: r => setRef(r),
+    labelText: labelText
+  }));
+
+  if (menu) {
+    return /*#__PURE__*/React.cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
+      placement: PopperPositions.BOTTOM_END,
+      triggerComponent: btn
+    }));
+  }
+
+  return btn;
+};
+
+ToolbarItem.displayName = 'ToolbarItem';
+
+export { ToolbarItem as default };

package/esm/deprecated/decorateToolbarChildren.js

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,4 @@
+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

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

@@ -0,0 +1,10 @@
+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')
+};
+
+export { DSToolbarV2Schema };

package/esm/styled.js

@@ -0,0 +1,14 @@
+import styled from 'styled-components';
+import Grid from '@elliemae/ds-grid';
+
+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]);
+
+export { StyledSeparator, StyledToolbarItem, StyledToolbarWrapper };

package/esm/useToolbarItemHandlers.js

@@ -0,0 +1,35 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useContext, useCallback } from 'react';
+import { DSToolbarV2Context } from './DSToolbarV2Context.js';
+
+const useToolbarItemHandlers = toolbarItemId => {
+  const {
+    toolbarUid,
+    itemReferences
+  } = useContext(DSToolbarV2Context);
+  const onKeyDown = 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
+  };
+};
+
+export { useToolbarItemHandlers };

package/package.json

@@ -1,70 +1,67 @@
 {
   "name": "@elliemae/ds-toolbar",
-  "version": "2.3.0-alpha.9",
+  "version": "2.3.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Toolbar",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./useToolbarItemHandlers": {
-      "import": "./dist/esm/useToolbarItemHandlers.js",
-      "require": "./dist/cjs/useToolbarItemHandlers.js"
+      "import": "./esm/useToolbarItemHandlers.js",
+      "require": "./cjs/useToolbarItemHandlers.js"
     },
     "./styled": {
-      "import": "./dist/esm/styled.js",
-      "require": "./dist/cjs/styled.js"
+      "import": "./esm/styled.js",
+      "require": "./cjs/styled.js"
     },
     "./props": {
-      "import": "./dist/esm/props.js",
-      "require": "./dist/cjs/props.js"
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
     },
     "./DSToolbarV2Context": {
-      "import": "./dist/esm/DSToolbarV2Context.js",
-      "require": "./dist/cjs/DSToolbarV2Context.js"
+      "import": "./esm/DSToolbarV2Context.js",
+      "require": "./cjs/DSToolbarV2Context.js"
     },
     "./DSToolbarV2": {
-      "import": "./dist/esm/DSToolbarV2.js",
-      "require": "./dist/cjs/DSToolbarV2.js"
+      "import": "./esm/DSToolbarV2.js",
+      "require": "./cjs/DSToolbarV2.js"
     },
     "./DSToolbarSeparatorV2": {
-      "import": "./dist/esm/DSToolbarSeparatorV2.js",
-      "require": "./dist/cjs/DSToolbarSeparatorV2.js"
+      "import": "./esm/DSToolbarSeparatorV2.js",
+      "require": "./cjs/DSToolbarSeparatorV2.js"
     },
     "./DSToolbarItemV2": {
-      "import": "./dist/esm/DSToolbarItemV2.js",
-      "require": "./dist/cjs/DSToolbarItemV2.js"
+      "import": "./esm/DSToolbarItemV2.js",
+      "require": "./cjs/DSToolbarItemV2.js"
     },
     "./deprecated/ToolbarItem": {
-      "import": "./dist/esm/deprecated/ToolbarItem.js",
-      "require": "./dist/cjs/deprecated/ToolbarItem.js"
+      "import": "./esm/deprecated/ToolbarItem.js",
+      "require": "./cjs/deprecated/ToolbarItem.js"
     },
     "./deprecated/ToolbarGroup": {
-      "import": "./dist/esm/deprecated/ToolbarGroup.js",
-      "require": "./dist/cjs/deprecated/ToolbarGroup.js"
+      "import": "./esm/deprecated/ToolbarGroup.js",
+      "require": "./cjs/deprecated/ToolbarGroup.js"
     },
     "./deprecated/ToolbarDivider": {
-      "import": "./dist/esm/deprecated/ToolbarDivider.js",
-      "require": "./dist/cjs/deprecated/ToolbarDivider.js"
+      "import": "./esm/deprecated/ToolbarDivider.js",
+      "require": "./cjs/deprecated/ToolbarDivider.js"
     },
     "./deprecated": {
-      "import": "./dist/esm/deprecated/index.js",
-      "require": "./dist/cjs/deprecated/index.js"
+      "import": "./esm/deprecated/index.js",
+      "require": "./cjs/deprecated/index.js"
     },
     "./deprecated/DSToolbar": {
-      "import": "./dist/esm/deprecated/DSToolbar.js",
-      "require": "./dist/cjs/deprecated/DSToolbar.js"
+      "import": "./esm/deprecated/DSToolbar.js",
+      "require": "./cjs/deprecated/DSToolbar.js"
     },
     "./deprecated/decorateToolbarChildren": {
-      "import": "./dist/esm/deprecated/decorateToolbarChildren.js",
-      "require": "./dist/cjs/deprecated/decorateToolbarChildren.js"
+      "import": "./esm/deprecated/decorateToolbarChildren.js",
+      "require": "./cjs/deprecated/decorateToolbarChildren.js"
     }
   },
   "sideEffects": [
@@ -76,26 +73,32 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.9",
-    "@elliemae/ds-classnames": "2.3.0-alpha.9",
-    "@elliemae/ds-grid": "2.3.0-alpha.9",
-    "@elliemae/ds-icons": "2.3.0-alpha.9",
-    "@elliemae/ds-popper": "2.3.0-alpha.9",
-    "@elliemae/ds-props-helpers": "2.3.0-alpha.9",
-    "@elliemae/ds-shared": "2.3.0-alpha.9",
-    "@elliemae/ds-system": "2.3.0-alpha.9",
-    "@elliemae/ds-utilities": "2.3.0-alpha.9",
+    "@elliemae/ds-button": "2.3.0-next.3",
+    "@elliemae/ds-classnames": "2.3.0-next.3",
+    "@elliemae/ds-grid": "2.3.0-next.3",
+    "@elliemae/ds-icons": "2.3.0-next.3",
+    "@elliemae/ds-popper": "2.3.0-next.3",
+    "@elliemae/ds-props-helpers": "2.3.0-next.3",
+    "@elliemae/ds-shared": "2.3.0-next.3",
+    "@elliemae/ds-system": "2.3.0-next.1",
+    "@elliemae/ds-utilities": "2.3.0-next.3",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "uid": "2.0.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3"
@@ -108,12 +111,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/{dist/types → types}/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledToolbarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledToolbarItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledToolbarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledToolbarItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/cjs/DSToolbarItemV2.js

@@ -1,55 +0,0 @@
-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)()}`;
-    registerReference(id, ref);
-    return id;
-  }, [registerReference, ref]);
-  const handlers = (0, import_useToolbarItemHandlers.useToolbarItemHandlers)(toolbarItemId);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledToolbarItem, {
-    id: toolbarItemId,
-    "data-testid": "ds-toolbar-item",
-    className: "ds-toolbar-item",
-    ...handlers
-  }, render({ innerRef: ref }));
-};
-module.exports = __toCommonJS(DSToolbarItemV2_exports);
-//# sourceMappingURL=DSToolbarItemV2.js.map

package/dist/cjs/DSToolbarItemV2.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSToolbarItemV2.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { MutableRefObject, useContext, useMemo, useRef } from 'react';\nimport { uid } from 'uid';\nimport { DSToolbarV2Context } from './DSToolbarV2Context';\nimport { StyledToolbarItem } from './styled';\nimport { useToolbarItemHandlers } from './useToolbarItemHandlers';\n\ninterface ToolbarItemProps {\n  render: (props: { innerRef: MutableRefObject<HTMLElement> }) => JSX.Element;\n}\n\nexport const DSToolbarItemV2: React.ComponentType<ToolbarItemProps> = ({ render }) => {\n  const { registerReference } = useContext(DSToolbarV2Context);\n  const ref = useRef(null);\n\n  const toolbarItemId = useMemo(() => {\n    const id = `ds-toolbar-item-${uid()}`;\n    registerReference(id, ref);\n    return id;\n  }, [registerReference, ref]);\n\n  const handlers = useToolbarItemHandlers(toolbarItemId);\n\n  return (\n    <StyledToolbarItem id={toolbarItemId} data-testid=\"ds-toolbar-item\" className=\"ds-toolbar-item\" {...handlers}>\n      {render({ innerRef: ref })}\n    </StyledToolbarItem>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAqE;AACrE,iBAAoB;AACpB,gCAAmC;AACnC,oBAAkC;AAClC,oCAAuC;AAMhC,MAAM,kBAAyD,CAAC,EAAE,aAAa;AACpF,QAAM,EAAE,sBAAsB,6BAAW;AACzC,QAAM,MAAM,yBAAO;AAEnB,QAAM,gBAAgB,0BAAQ,MAAM;AAClC,UAAM,KAAK,mBAAmB;AAC9B,sBAAkB,IAAI;AACtB,WAAO;AAAA,KACN,CAAC,mBAAmB;AAEvB,QAAM,WAAW,0DAAuB;AAExC,SACE,mDAAC,iCAAD;AAAA,IAAmB,IAAI;AAAA,IAAe,eAAY;AAAA,IAAkB,WAAU;AAAA,OAAsB;AAAA,KACjG,OAAO,EAAE,UAAU;AAAA;",
-  "names": []
-}

package/dist/cjs/DSToolbarSeparatorV2.js

@@ -1,39 +0,0 @@
-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, {
-  className: "ds-toolbar-separator"
-});
-module.exports = __toCommonJS(DSToolbarSeparatorV2_exports);
-//# sourceMappingURL=DSToolbarSeparatorV2.js.map

package/dist/cjs/DSToolbarSeparatorV2.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSToolbarSeparatorV2.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { StyledSeparator } from './styled';\n\nexport const DSToolbarSeparatorV2: React.ComponentType = () => <StyledSeparator className=\"ds-toolbar-separator\" />;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAgC;AAEzB,MAAM,uBAA4C,MAAM,mDAAC,+BAAD;AAAA,EAAiB,WAAU;AAAA;",
-  "names": []
-}