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

package/esm/deprecated/ToolbarItem.js

@@ -1,38 +1,38 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 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 PropTypes from 'prop-types';
 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';
 
-var _excluded = ["icon", "labelText", "menu"];
+const _excluded = ["icon", "labelText", "menu"];
 
 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 ToolbarItem = function ToolbarItem(_ref) {
-  var icon = _ref.icon,
-      labelText = _ref.labelText,
-      _ref$menu = _ref.menu,
-      menu = _ref$menu === void 0 ? undefined : _ref$menu,
+const ToolbarItem = _ref => {
+  let {
+    icon,
+    labelText,
+    menu = undefined
+  } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      ref = _useState2[0],
-      setRef = _useState2[1];
-
+  const [ref, setRef] = useState(null);
   useFocusGroupWithState(ref);
-  var btn = /*#__PURE__*/React.createElement(DSButton, _extends({}, otherProps, {
+
+  const btn = /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, otherProps), {}, {
     buttonType: "text",
     icon: icon,
-    innerRef: function innerRef(r) {
-      return setRef(r);
-    },
+    innerRef: r => setRef(r),
     labelText: labelText
   }));
 
@@ -47,10 +47,5 @@ var ToolbarItem = function ToolbarItem(_ref) {
 };
 
 ToolbarItem.displayName = 'ToolbarItem';
-ToolbarItem.propTypes = {
-  icon: PropTypes.element,
-  labelText: PropTypes.string
-};
 
 export { ToolbarItem as default };
-//# sourceMappingURL=ToolbarItem.js.map

package/esm/deprecated/decorateToolbarChildren.js

@@ -1,17 +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); 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 decorateToolbarChildren = (function (children) {
-  var extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return React.Children.map(children, function (component) {
-    return component ? /*#__PURE__*/cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
-      className: "".concat(component.props.className, " toolbar-item")
-    })) : component;
-  }, null);
+  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 };
-//# sourceMappingURL=decorateToolbarChildren.js.map

package/esm/deprecated/index.js

@@ -2,18 +2,3 @@ export { DSToolbar, ToolbarWithSchema, DSToolbar as default } from './DSToolbar.
 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/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-utilities';
-import './decorateToolbarChildren.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'prop-types';
-import '@elliemae/ds-shared/FocusGroup';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popper';
-//# sourceMappingURL=index.js.map

package/esm/index.js

@@ -5,27 +5,3 @@ 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';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-utilities';
-import './deprecated/decorateToolbarChildren.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-props-helpers';
-import 'uid';
-import './DSToolbarV2Context.js';
-import './props.js';
-import './styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import './useToolbarItemHandlers.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import 'prop-types';
-import '@elliemae/ds-shared/FocusGroup';
-import '@elliemae/ds-button';
-import '@elliemae/ds-popper';
-//# sourceMappingURL=index.js.map

package/esm/props.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var DSToolbarV2Schema = {
+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),
@@ -8,4 +8,3 @@ var DSToolbarV2Schema = {
 };
 
 export { DSToolbarV2Schema };
-//# sourceMappingURL=props.js.map

package/esm/styled.js

@@ -1,27 +1,14 @@
 import styled from 'styled-components';
 import Grid from '@elliemae/ds-grid';
 
-var StyledToolbarWrapper = /*#__PURE__*/styled(Grid).withConfig({
+const StyledToolbarWrapper = /*#__PURE__*/styled(Grid).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(Grid).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(Grid).withConfig({
   componentId: "sc-8ez8n4-1"
 })([""]);
-var StyledSeparator = /*#__PURE__*/styled(Grid).withConfig({
+const StyledSeparator = /*#__PURE__*/styled(Grid).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]);
 
 export { StyledSeparator, StyledToolbarItem, StyledToolbarWrapper };
-//# sourceMappingURL=styled.js.map

package/esm/useToolbarItemHandlers.js

@@ -1,21 +1,18 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useCallback } from 'react';
 import { DSToolbarV2Context } from './DSToolbarV2Context.js';
 
-var useToolbarItemHandlers = function useToolbarItemHandlers(toolbarItemId) {
-  var _useContext = useContext(DSToolbarV2Context),
-      toolbarUid = _useContext.toolbarUid,
-      itemReferences = _useContext.itemReferences;
-
-  var onKeyDown = useCallback(function (e) {
-    var toolbarItems = _toConsumableArray(document.querySelectorAll("#".concat(toolbarUid, " .ds-toolbar-item")));
-
-    var nextToolbarItemIndex = -1;
+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)) {
-      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;
@@ -26,14 +23,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
   };
 };
 
 export { useToolbarItemHandlers };
-//# sourceMappingURL=useToolbarItemHandlers.js.map

package/package.json

@@ -1,14 +1,82 @@
 {
   "name": "@elliemae/ds-toolbar",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Toolbar",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Toolbar",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./useToolbarItemHandlers": {
+      "import": "./esm/useToolbarItemHandlers.js",
+      "require": "./cjs/useToolbarItemHandlers.js"
+    },
+    "./styled": {
+      "import": "./esm/styled.js",
+      "require": "./cjs/styled.js"
+    },
+    "./props": {
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
+    },
+    "./DSToolbarV2Context": {
+      "import": "./esm/DSToolbarV2Context.js",
+      "require": "./cjs/DSToolbarV2Context.js"
+    },
+    "./DSToolbarV2": {
+      "import": "./esm/DSToolbarV2.js",
+      "require": "./cjs/DSToolbarV2.js"
+    },
+    "./DSToolbarSeparatorV2": {
+      "import": "./esm/DSToolbarSeparatorV2.js",
+      "require": "./cjs/DSToolbarSeparatorV2.js"
+    },
+    "./DSToolbarItemV2": {
+      "import": "./esm/DSToolbarItemV2.js",
+      "require": "./cjs/DSToolbarItemV2.js"
+    },
+    "./deprecated/ToolbarItem": {
+      "import": "./esm/deprecated/ToolbarItem.js",
+      "require": "./cjs/deprecated/ToolbarItem.js"
+    },
+    "./deprecated/ToolbarGroup": {
+      "import": "./esm/deprecated/ToolbarGroup.js",
+      "require": "./cjs/deprecated/ToolbarGroup.js"
+    },
+    "./deprecated/ToolbarDivider": {
+      "import": "./esm/deprecated/ToolbarDivider.js",
+      "require": "./cjs/deprecated/ToolbarDivider.js"
+    },
+    "./deprecated": {
+      "import": "./esm/deprecated/index.js",
+      "require": "./cjs/deprecated/index.js"
+    },
+    "./deprecated/DSToolbar": {
+      "import": "./esm/deprecated/DSToolbar.js",
+      "require": "./cjs/deprecated/DSToolbar.js"
+    },
+    "./deprecated/decorateToolbarChildren": {
+      "import": "./esm/deprecated/decorateToolbarChildren.js",
+      "require": "./cjs/deprecated/decorateToolbarChildren.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,26 +84,34 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "1.60.0",
-    "@elliemae/ds-classnames": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-popper": "1.60.0",
-    "@elliemae/ds-shared": "1.60.0",
-    "@elliemae/ds-utilities": "1.60.0",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-popper": "2.0.0-alpha.12",
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.12",
+    "@elliemae/ds-shared": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2"
+    "react-desc": "~4.1.3",
+    "uid": "2.0.0"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "@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"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSToolbarItemV2.d.ts

@@ -0,0 +1,8 @@
+import React, { MutableRefObject } from 'react';
+interface ToolbarItemProps {
+    render: (props: {
+        innerRef: MutableRefObject<HTMLElement>;
+    }) => JSX.Element;
+}
+export declare const DSToolbarItemV2: React.ComponentType<ToolbarItemProps>;
+export {};

package/types/DSToolbarSeparatorV2.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DSToolbarSeparatorV2: React.ComponentType;

package/types/DSToolbarV2.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ToolbarProps {
+    alignment?: 'left' | 'right';
+    withDepth?: boolean;
+    compact?: boolean;
+    innerRef?: React.MutableRefObject<HTMLDivElement>;
+}
+declare const DSToolbarV2: React.ComponentType<ToolbarProps>;
+declare const DSToolbarV2WithSchema: any;
+export { DSToolbarV2, DSToolbarV2WithSchema };

package/types/DSToolbarV2Context.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from 'react';
+interface IDSToolbarV2Context {
+    registerReference: (uid: string, ref: MutableRefObject<HTMLElement>) => void;
+    itemReferences: Record<string, MutableRefObject<HTMLElement>>;
+    toolbarUid: string;
+}
+export declare const DSToolbarV2Context: import("react").Context<IDSToolbarV2Context>;
+export {};

package/types/deprecated/DSToolbar.d.ts

@@ -0,0 +1,60 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import Item from './ToolbarItem';
+import ToolbarGroup from './ToolbarGroup';
+import Divider from './ToolbarDivider';
+declare const DSToolbar: {
+    ({ containerProps, innerRef, withDepth, alignment, autoFocusOnMount, children, size, ...otherProps }: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        innerRef: any;
+        withDepth?: boolean | undefined;
+        alignment?: string | undefined;
+        autoFocusOnMount?: boolean | undefined;
+        children?: never[] | undefined;
+        size?: string | undefined;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withDepth: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        alignment: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        size: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        autoFocusOnMount: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        children: import("react-desc").PropTypesDescValidator;
+        innerRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const ToolbarWithSchema: {
+    (props?: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        innerRef: any;
+        withDepth?: boolean | undefined;
+        alignment?: string | undefined;
+        autoFocusOnMount?: boolean | undefined;
+        children?: never[] | undefined;
+        size?: string | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSToolbar, Item as ToolbarItem, ToolbarGroup, Divider as ToolbarDivider, ToolbarWithSchema, };
+export default DSToolbar;

package/types/deprecated/ToolbarDivider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ToolbarDivider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export default ToolbarDivider;

package/types/deprecated/ToolbarGroup.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const ToolbarGroup: {
+    ({ children, size, space }: {
+        children: any;
+        size: any;
+        space?: number | undefined;
+    }): JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<any>;
+        size: PropTypes.Requireable<number>;
+        space: PropTypes.Requireable<number>;
+    };
+};
+export default ToolbarGroup;

package/types/deprecated/ToolbarItem.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const ToolbarItem: {
+    ({ icon, labelText, menu, ...otherProps }: {
+        [x: string]: any;
+        icon: any;
+        labelText: any;
+        menu?: undefined;
+    }): JSX.Element;
+    displayName: string;
+    propTypes: {
+        icon: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        labelText: PropTypes.Requireable<string>;
+    };
+};
+export default ToolbarItem;

package/types/deprecated/decorateToolbarChildren.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (children: any, extraProps?: {}) => any;
+export default _default;

package/types/deprecated/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSToolbar';
+export { default } from './DSToolbar';

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './deprecated';
+export { default } from './deprecated';
+export * from './DSToolbarV2';
+export * from './DSToolbarItemV2';
+export * from './DSToolbarSeparatorV2';

package/types/props.d.ts

@@ -0,0 +1,18 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const DSToolbarV2Schema: {
+    alignment: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    withDepth: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    compact: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    innerRef: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};

package/types/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+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/types/tests/DSToolbar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/useToolbarItemHandlers.d.ts

@@ -0,0 +1,3 @@
+export declare const useToolbarItemHandlers: (toolbarItemId: string) => {
+    onKeyDown: React.KeyboardEventHandler;
+};

package/DSToolbarItemV2/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/DSToolbarItemV2",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSToolbarItemV2.js",
-  "module": "../esm/DSToolbarItemV2.js"
-}

package/DSToolbarSeparatorV2/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/DSToolbarSeparatorV2",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSToolbarSeparatorV2.js",
-  "module": "../esm/DSToolbarSeparatorV2.js"
-}

package/DSToolbarV2/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/DSToolbarV2",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSToolbarV2.js",
-  "module": "../esm/DSToolbarV2.js"
-}

package/DSToolbarV2Context/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-toolbar/DSToolbarV2Context",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/DSToolbarV2Context.js",
-  "module": "../esm/DSToolbarV2Context.js"
-}

package/cjs/DSToolbarItemV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSToolbarItemV2.js","sources":["../../src/DSToolbarItemV2.tsx"],"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"],"names":["DSToolbarItemV2","render","useContext","DSToolbarV2Context","registerReference","ref","useRef","toolbarItemId","useMemo","id","uid","handlers","useToolbarItemHandlers","React","StyledToolbarItem","innerRef"],"mappings":";;;;;;;;;;;;;;;;;;;IAWaA,eAAsD,GAAG,SAAzDA,eAAyD,OAAgB;AAAA,MAAbC,MAAa,QAAbA,MAAa;;AACpF,oBAA8BC,gBAAU,CAACC,qCAAD,CAAxC;AAAA,MAAQC,iBAAR,eAAQA,iBAAR;;AACA,MAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB;AAEA,MAAMC,aAAa,GAAGC,aAAO,CAAC,YAAM;AAClC,QAAMC,EAAE,6BAAsBC,OAAG,EAAzB,CAAR;AACAN,IAAAA,iBAAiB,CAACK,EAAD,EAAKJ,GAAL,CAAjB;AACA,WAAOI,EAAP;AACD,GAJ4B,EAI1B,CAACL,iBAAD,EAAoBC,GAApB,CAJ0B,CAA7B;AAMA,MAAMM,QAAQ,GAAGC,6CAAsB,CAACL,aAAD,CAAvC;AAEA,sBACEM,wCAACC,wBAAD;AAAmB,IAAA,EAAE,EAAEP,aAAvB;AAAsC,mBAAY,iBAAlD;AAAoE,IAAA,SAAS,EAAC;AAA9E,KAAoGI,QAApG,GACGV,MAAM,CAAC;AAAEc,IAAAA,QAAQ,EAAEV;AAAZ,GAAD,CADT,CADF;AAKD;;;;"}

package/cjs/DSToolbarSeparatorV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSToolbarSeparatorV2.js","sources":["../../src/DSToolbarSeparatorV2.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledSeparator } from './styled';\n\nexport const DSToolbarSeparatorV2: React.ComponentType = () => <StyledSeparator className=\"ds-toolbar-separator\" />;\n"],"names":["DSToolbarSeparatorV2","React","StyledSeparator"],"mappings":";;;;;;;;;;;;;IAGaA,oBAAyC,GAAG,SAA5CA,oBAA4C;AAAA,sBAAMC,wCAACC,sBAAD;AAAiB,IAAA,SAAS,EAAC;AAA3B,IAAN;AAAA;;;;"}

package/cjs/DSToolbarV2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DSToolbarV2.js","sources":["../../src/DSToolbarV2.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport { DSToolbarV2Context } from './DSToolbarV2Context';\nimport { DSToolbarV2Schema } from './props';\nimport { StyledToolbarWrapper } from './styled';\ninterface ToolbarProps {\n  alignment?: 'left' | 'right';\n  withDepth?: boolean;\n  compact?: boolean;\n  innerRef?: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst DSToolbarV2: React.ComponentType<ToolbarProps> = (props) => {\n  const { alignment, withDepth, compact, innerRef, children } = props;\n\n  useValidateTypescriptPropTypes(props, DSToolbarV2WithSchema.toTypescript());\n\n  const toolbarUid = useMemo(() => `ds-toolbar-${uid()}`, []);\n\n  const [itemReferences, setItemReferences] = useState({});\n\n  const registerReference = useCallback(\n    (itemId: string, ref: React.MutableRefObject<HTMLElement>) => {\n      setItemReferences((prevItemReferences) => ({ ...prevItemReferences, [itemId]: ref }));\n    },\n    [setItemReferences],\n  );\n\n  return (\n    <DSToolbarV2Context.Provider value={{ toolbarUid, registerReference, itemReferences }}>\n      <StyledToolbarWrapper\n        role=\"toolbar\"\n        data-testid=\"ds-toolbar-wrapper\"\n        id={toolbarUid}\n        alignItems=\"center\"\n        justifyContent={alignment === 'left' ? 'flex-start' : 'flex-end'}\n        withDepth={withDepth}\n        cols={React.Children.map(children, () => ['auto'])}\n        gutter=\"xxs2\"\n        compact={compact}\n        ref={innerRef}\n      >\n        {children}\n      </StyledToolbarWrapper>\n    </DSToolbarV2Context.Provider>\n  );\n};\n\nDSToolbarV2.propTypes = DSToolbarV2Schema;\nDSToolbarV2.defaultProps = {\n  alignment: 'right',\n  withDepth: true,\n  compact: false,\n};\nconst DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');\nDSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;\n\nexport { DSToolbarV2, DSToolbarV2WithSchema };\n"],"names":["DSToolbarV2","props","alignment","withDepth","compact","innerRef","children","useValidateTypescriptPropTypes","DSToolbarV2WithSchema","toTypescript","toolbarUid","useMemo","uid","useState","itemReferences","setItemReferences","registerReference","useCallback","itemId","ref","prevItemReferences","React","DSToolbarV2Context","StyledToolbarWrapper","Children","map","propTypes","DSToolbarV2Schema","defaultProps","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAeMA,WAA8C,GAAG,SAAjDA,WAAiD,CAACC,KAAD,EAAW;AAChE,MAAQC,SAAR,GAA8DD,KAA9D,CAAQC,SAAR;AAAA,MAAmBC,SAAnB,GAA8DF,KAA9D,CAAmBE,SAAnB;AAAA,MAA8BC,OAA9B,GAA8DH,KAA9D,CAA8BG,OAA9B;AAAA,MAAuCC,QAAvC,GAA8DJ,KAA9D,CAAuCI,QAAvC;AAAA,MAAiDC,QAAjD,GAA8DL,KAA9D,CAAiDK,QAAjD;AAEAC,EAAAA,6CAA8B,CAACN,KAAD,EAAQO,qBAAqB,CAACC,YAAtB,EAAR,CAA9B;AAEA,MAAMC,UAAU,GAAGC,aAAO,CAAC;AAAA,gCAAoBC,OAAG,EAAvB;AAAA,GAAD,EAA8B,EAA9B,CAA1B;;AAEA,kBAA4CC,cAAQ,CAAC,EAAD,CAApD;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,iBAAiB,GAAGC,iBAAW,CACnC,UAACC,MAAD,EAAiBC,GAAjB,EAA8D;AAC5DJ,IAAAA,iBAAiB,CAAC,UAACK,kBAAD;AAAA,6CAA8BA,kBAA9B,+CAAmDF,MAAnD,EAA4DC,GAA5D;AAAA,KAAD,CAAjB;AACD,GAHkC,EAInC,CAACJ,iBAAD,CAJmC,CAArC;AAOA,sBACEM,wCAACC,qCAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAE;AAAEZ,MAAAA,UAAU,EAAVA,UAAF;AAAcM,MAAAA,iBAAiB,EAAjBA,iBAAd;AAAiCF,MAAAA,cAAc,EAAdA;AAAjC;AAApC,kBACEO,wCAACE,2BAAD;AACE,IAAA,IAAI,EAAC,SADP;AAEE,mBAAY,oBAFd;AAGE,IAAA,EAAE,EAAEb,UAHN;AAIE,IAAA,UAAU,EAAC,QAJb;AAKE,IAAA,cAAc,EAAER,SAAS,KAAK,MAAd,GAAuB,YAAvB,GAAsC,UALxD;AAME,IAAA,SAAS,EAAEC,SANb;AAOE,IAAA,IAAI,EAAEkB,yBAAK,CAACG,QAAN,CAAeC,GAAf,CAAmBnB,QAAnB,EAA6B;AAAA,aAAM,CAAC,MAAD,CAAN;AAAA,KAA7B,CAPR;AAQE,IAAA,MAAM,EAAC,MART;AASE,IAAA,OAAO,EAAEF,OATX;AAUE,IAAA,GAAG,EAAEC;AAVP,KAYGC,QAZH,CADF,CADF;AAkBD;;AAEDN,WAAW,CAAC0B,SAAZ,GAAwBC,uBAAxB;AACA3B,WAAW,CAAC4B,YAAZ,GAA2B;AACzB1B,EAAAA,SAAS,EAAE,OADc;AAEzBC,EAAAA,SAAS,EAAE,IAFc;AAGzBC,EAAAA,OAAO,EAAE;AAHgB,CAA3B;IAKMI,qBAAqB,GAAGqB,kBAAQ,CAAC7B,WAAD,CAAR,CAAsB8B,WAAtB,CAAkC,SAAlC;AAC9BtB,qBAAqB,CAACkB,SAAtB,GAAkCC,uBAAlC;;;;;"}