@elliemae/ds-toolbar 2.0.0-next.9 → 2.0.0-rc.12

package/cjs/DSToolbarItemV2.js

@@ -2,6 +2,11 @@
 
 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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var uid = require('uid');
@@ -17,9 +22,10 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 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__default["default"](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 = ({
-  render
-}) => {
+const DSToolbarItemV2 = _ref => {
+  let {
+    render
+  } = _ref;
   const {
     registerReference
   } = React.useContext(DSToolbarV2Context.DSToolbarV2Context);

package/cjs/DSToolbarV2.js

@@ -5,6 +5,13 @@ 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');
@@ -24,15 +31,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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__default["default"](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 DSToolbarV2 = props => {
+const DSToolbarV2 = props$1 => {
   const {
     alignment,
     withDepth,
     compact,
     innerRef,
     children
-  } = props;
-  dsPropsHelpers.useValidateTypescriptPropTypes(props, DSToolbarV2WithSchema.toTypescript());
+  } = 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) => {

package/cjs/deprecated/DSToolbar.js

@@ -2,6 +2,11 @@
 
 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');
@@ -9,7 +14,7 @@ var React = require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
 var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var decorateToolbarChildren = require('./decorateToolbarChildren.js');
 var ToolbarItem = require('./ToolbarItem.js');
 var ToolbarGroup = require('./ToolbarGroup.js');
@@ -29,17 +34,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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__default["default"](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 = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  withDepth,
-  alignment,
-  size
-}) => ({
-  'without-depth': !withDepth,
-  [alignment]: !!alignment,
-  [size]: size
-}));
+const ToolbarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    withDepth,
+    alignment,
+    size
+  } = _ref;
+  return {
+    'without-depth': !withDepth,
+    [alignment]: !!alignment,
+    [size]: size
+  };
+});
 
-const DSToolbar = _ref => {
+const DSToolbar = _ref2 => {
   let {
     containerProps = {},
     innerRef,
@@ -49,8 +57,8 @@ const DSToolbar = _ref => {
     autoFocusOnMount = true,
     children = [],
     size = 'normal'
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   const containerRef = React.useRef(null);
   return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
@@ -66,7 +74,7 @@ const DSToolbar = _ref => {
       alignment,
       size
     },
-    innerRef: system.mergeRefs(innerRef, containerRef),
+    innerRef: dsUtilities.mergeRefs(innerRef, containerRef),
     children: decorateToolbarChildren(children)
   })));
 };

package/cjs/deprecated/ToolbarGroup.js

@@ -10,22 +10,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const blockName = 'toolbar-group';
-const ToolbarGroupContainer = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  space
-}) => ({
-  ["space-".concat(space)]: !!space
-}));
-
-const ToolbarGroup = ({
-  children,
-  size,
-  space = 0
-}) => /*#__PURE__*/_jsx__default["default"](ToolbarGroupContainer, {
-  classProps: {
+const ToolbarGroupContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
     space
-  }
-}, void 0, decorateToolbarChildren(children, {
-  size
-}));
+  } = _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

@@ -3,10 +3,15 @@
 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 positions = require('@elliemae/ds-popper/positions');
+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 }; }
@@ -42,7 +47,7 @@ const ToolbarItem = _ref => {
 
   if (menu) {
     return /*#__PURE__*/React__default["default"].cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
-      placement: positions.Position.BOTTOM_END,
+      placement: dsPopper.PopperPositions.BOTTOM_END,
       triggerComponent: btn
     }));
   }

package/cjs/deprecated/decorateToolbarChildren.js

@@ -1,6 +1,13 @@
 '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 }; }
@@ -11,8 +18,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(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__default["default"](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 = ((children, extraProps = {}) => 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));
+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/esm/DSToolbarItemV2.js

@@ -1,3 +1,8 @@
+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';
@@ -9,9 +14,10 @@ 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; }
-const DSToolbarItemV2 = ({
-  render
-}) => {
+const DSToolbarItemV2 = _ref => {
+  let {
+    render
+  } = _ref;
   const {
     registerReference
   } = useContext(DSToolbarV2Context);

package/esm/DSToolbarV2.js

@@ -1,6 +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 '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';
@@ -22,7 +29,7 @@ const DSToolbarV2 = props => {
     innerRef,
     children
   } = props;
-  useValidateTypescriptPropTypes(props, DSToolbarV2WithSchema.toTypescript());
+  useValidateTypescriptPropTypes(props, DSToolbarV2Schema);
   const toolbarUid = useMemo(() => "ds-toolbar-".concat(uid()), []);
   const [itemReferences, setItemReferences] = useState({});
   const registerReference = useCallback((itemId, ref) => {

package/esm/deprecated/DSToolbar.js

@@ -1,3 +1,8 @@
+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';
@@ -5,7 +10,7 @@ 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/system';
+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';
@@ -18,17 +23,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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, ({
-  withDepth,
-  alignment,
-  size
-}) => ({
-  'without-depth': !withDepth,
-  [alignment]: !!alignment,
-  [size]: size
-}));
+const ToolbarContainer = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    withDepth,
+    alignment,
+    size
+  } = _ref;
+  return {
+    'without-depth': !withDepth,
+    [alignment]: !!alignment,
+    [size]: size
+  };
+});
 
-const DSToolbar = _ref => {
+const DSToolbar = _ref2 => {
   let {
     containerProps = {},
     innerRef,
@@ -38,8 +46,8 @@ const DSToolbar = _ref => {
     autoFocusOnMount = true,
     children = [],
     size = 'normal'
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
+  } = _ref2,
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
 
   const containerRef = useRef(null);
   return /*#__PURE__*/_jsx(FocusGroupProvider, {

package/esm/deprecated/ToolbarGroup.js

@@ -4,22 +4,28 @@ import { aggregatedClasses } from '@elliemae/ds-classnames';
 import decorateToolbarChildren from './decorateToolbarChildren.js';
 
 const blockName = 'toolbar-group';
-const ToolbarGroupContainer = aggregatedClasses('div')(blockName, null, ({
-  space
-}) => ({
-  ["space-".concat(space)]: !!space
-}));
-
-const ToolbarGroup = ({
-  children,
-  size,
-  space = 0
-}) => /*#__PURE__*/_jsx(ToolbarGroupContainer, {
-  classProps: {
+const ToolbarGroupContainer = aggregatedClasses('div')(blockName, null, _ref => {
+  let {
     space
-  }
-}, void 0, decorateToolbarChildren(children, {
-  size
-}));
+  } = _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

@@ -1,10 +1,15 @@
 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 { Position } from '@elliemae/ds-popper/positions';
+import { PopperPositions } from '@elliemae/ds-popper';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["icon", "labelText", "menu"];
@@ -33,7 +38,7 @@ const ToolbarItem = _ref => {
 
   if (menu) {
     return /*#__PURE__*/React.cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
-      placement: Position.BOTTOM_END,
+      placement: PopperPositions.BOTTOM_END,
       triggerComponent: btn
     }));
   }

package/esm/deprecated/decorateToolbarChildren.js

@@ -1,11 +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 = ((children, extraProps = {}) => React.Children.map(children, component => component ? /*#__PURE__*/cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
-  className: "".concat(component.props.className, " toolbar-item")
-})) : component, null));
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-toolbar",
-  "version": "2.0.0-next.9",
+  "version": "2.0.0-rc.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Toolbar",
   "module": "./esm/index.js",
@@ -84,22 +84,30 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.0.0-next.9",
-    "@elliemae/ds-classnames": "2.0.0-next.9",
-    "@elliemae/ds-popper": "2.0.0-next.9",
-    "@elliemae/ds-shared": "2.0.0-next.9",
-    "@elliemae/ds-utilities": "2.0.0-next.9",
+    "@elliemae/ds-button": "2.0.0-rc.12",
+    "@elliemae/ds-classnames": "2.0.0-rc.12",
+    "@elliemae/ds-grid": "2.0.0-rc.12",
+    "@elliemae/ds-icons": "2.0.0-rc.12",
+    "@elliemae/ds-popper": "2.0.0-rc.12",
+    "@elliemae/ds-props-helpers": "2.0.0-rc.12",
+    "@elliemae/ds-shared": "2.0.0-rc.12",
+    "@elliemae/ds-system": "2.0.0-rc.12",
+    "@elliemae/ds-utilities": "2.0.0-rc.12",
     "prop-types": "~15.7.2",
-    "react-desc": "~4.1.3"
+    "react-desc": "~4.1.3",
+    "uid": "2.0.0"
   },
   "devDependencies": {
-    "styled-components": "~5.3.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"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/deprecated/DSToolbar.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import Item from './ToolbarItem';
 import ToolbarGroup from './ToolbarGroup';
@@ -14,15 +15,46 @@ declare const DSToolbar: {
         size?: string | undefined;
     }): JSX.Element;
     propTypes: {
-        containerProps: any;
-        withDepth: any;
-        alignment: any;
-        size: any;
-        autoFocusOnMount: any;
-        children: any;
-        innerRef: any;
+        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: any;
+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/props.d.ts

@@ -1,6 +1,18 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 export declare const DSToolbarV2Schema: {
-    alignment: any;
-    withDepth: any;
-    compact: any;
-    innerRef: any;
+    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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledToolbarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledToolbarItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, 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>;