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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/cjs/DSToolbarItemV2.js +28 -21
  2. package/cjs/DSToolbarSeparatorV2.js +7 -10
  3. package/cjs/DSToolbarV2.js +37 -38
  4. package/cjs/DSToolbarV2Context.js +2 -5
  5. package/cjs/deprecated/DSToolbar.js +58 -58
  6. package/cjs/deprecated/ToolbarDivider.js +2 -3
  7. package/cjs/deprecated/ToolbarGroup.js +22 -27
  8. package/cjs/deprecated/ToolbarItem.js +21 -29
  9. package/cjs/deprecated/decorateToolbarChildren.js +12 -8
  10. package/cjs/deprecated/index.js +10 -25
  11. package/cjs/index.js +10 -34
  12. package/cjs/props.js +1 -2
  13. package/cjs/styled.js +5 -18
  14. package/cjs/useToolbarItemHandlers.js +12 -20
  15. package/esm/DSToolbarItemV2.js +26 -18
  16. package/esm/DSToolbarSeparatorV2.js +6 -9
  17. package/esm/DSToolbarV2.js +35 -36
  18. package/esm/DSToolbarV2Context.js +2 -5
  19. package/esm/deprecated/DSToolbar.js +49 -48
  20. package/esm/deprecated/ToolbarDivider.js +2 -3
  21. package/esm/deprecated/ToolbarGroup.js +20 -23
  22. package/esm/deprecated/ToolbarItem.js +18 -23
  23. package/esm/deprecated/decorateToolbarChildren.js +11 -7
  24. package/esm/deprecated/index.js +0 -15
  25. package/esm/index.js +0 -24
  26. package/esm/props.js +1 -2
  27. package/esm/styled.js +5 -18
  28. package/esm/useToolbarItemHandlers.js +12 -16
  29. package/package.json +93 -17
  30. package/types/DSToolbarItemV2.d.ts +8 -0
  31. package/types/DSToolbarSeparatorV2.d.ts +2 -0
  32. package/types/DSToolbarV2.d.ts +10 -0
  33. package/types/DSToolbarV2Context.d.ts +8 -0
  34. package/types/deprecated/DSToolbar.d.ts +60 -0
  35. package/types/deprecated/ToolbarDivider.d.ts +3 -0
  36. package/types/deprecated/ToolbarGroup.d.ts +15 -0
  37. package/types/deprecated/ToolbarItem.d.ts +16 -0
  38. package/types/deprecated/decorateToolbarChildren.d.ts +2 -0
  39. package/types/deprecated/index.d.ts +2 -0
  40. package/types/index.d.ts +5 -0
  41. package/types/props.d.ts +18 -0
  42. package/types/styled.d.ts +4 -0
  43. package/types/tests/DSToolbar.test.d.ts +1 -0
  44. package/types/useToolbarItemHandlers.d.ts +3 -0
  45. package/DSToolbarItemV2/package.json +0 -10
  46. package/DSToolbarSeparatorV2/package.json +0 -10
  47. package/DSToolbarV2/package.json +0 -10
  48. package/DSToolbarV2Context/package.json +0 -10
  49. package/cjs/DSToolbarItemV2.js.map +0 -1
  50. package/cjs/DSToolbarSeparatorV2.js.map +0 -1
  51. package/cjs/DSToolbarV2.js.map +0 -1
  52. package/cjs/DSToolbarV2Context.js.map +0 -1
  53. package/cjs/deprecated/DSToolbar.js.map +0 -1
  54. package/cjs/deprecated/ToolbarDivider.js.map +0 -1
  55. package/cjs/deprecated/ToolbarGroup.js.map +0 -1
  56. package/cjs/deprecated/ToolbarItem.js.map +0 -1
  57. package/cjs/deprecated/decorateToolbarChildren.js.map +0 -1
  58. package/cjs/deprecated/index.js.map +0 -1
  59. package/cjs/index.js.map +0 -1
  60. package/cjs/props.js.map +0 -1
  61. package/cjs/styled.js.map +0 -1
  62. package/cjs/useToolbarItemHandlers.js.map +0 -1
  63. package/deprecated/DSToolbar/package.json +0 -10
  64. package/deprecated/ToolbarDivider/package.json +0 -10
  65. package/deprecated/ToolbarGroup/package.json +0 -10
  66. package/deprecated/ToolbarItem/package.json +0 -10
  67. package/deprecated/decorateToolbarChildren/package.json +0 -10
  68. package/deprecated/package.json +0 -10
  69. package/esm/DSToolbarItemV2.js.map +0 -1
  70. package/esm/DSToolbarSeparatorV2.js.map +0 -1
  71. package/esm/DSToolbarV2.js.map +0 -1
  72. package/esm/DSToolbarV2Context.js.map +0 -1
  73. package/esm/deprecated/DSToolbar.js.map +0 -1
  74. package/esm/deprecated/ToolbarDivider.js.map +0 -1
  75. package/esm/deprecated/ToolbarGroup.js.map +0 -1
  76. package/esm/deprecated/ToolbarItem.js.map +0 -1
  77. package/esm/deprecated/decorateToolbarChildren.js.map +0 -1
  78. package/esm/deprecated/index.js.map +0 -1
  79. package/esm/index.js.map +0 -1
  80. package/esm/props.js.map +0 -1
  81. package/esm/styled.js.map +0 -1
  82. package/esm/useToolbarItemHandlers.js.map +0 -1
  83. package/props/package.json +0 -10
  84. package/styled/package.json +0 -10
  85. package/useToolbarItemHandlers/package.json +0 -10
@@ -2,42 +2,49 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime/helpers/extends');
5
+ require('core-js/modules/esnext.async-iterator.filter.js');
6
+ require('core-js/modules/esnext.iterator.constructor.js');
7
+ require('core-js/modules/esnext.iterator.filter.js');
8
+ require('core-js/modules/esnext.async-iterator.for-each.js');
9
+ require('core-js/modules/esnext.iterator.for-each.js');
10
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
11
  var React = require('react');
7
12
  var uid = require('uid');
8
13
  var DSToolbarV2Context = require('./DSToolbarV2Context.js');
9
14
  var styled = require('./styled.js');
10
15
  var useToolbarItemHandlers = require('./useToolbarItemHandlers.js');
11
- require('styled-components');
12
- require('@elliemae/ds-grid');
13
- require('@babel/runtime/helpers/toConsumableArray');
16
+ var jsxRuntime = require('react/jsx-runtime');
14
17
 
15
18
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
19
 
17
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
18
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
-
20
- var DSToolbarItemV2 = function DSToolbarItemV2(_ref) {
21
- var render = _ref.render;
22
-
23
- var _useContext = React.useContext(DSToolbarV2Context.DSToolbarV2Context),
24
- registerReference = _useContext.registerReference;
25
-
26
- var ref = React.useRef(null);
27
- var toolbarItemId = React.useMemo(function () {
28
- var id = "ds-toolbar-item-".concat(uid.uid());
20
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
21
+
22
+ 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; }
23
+
24
+ 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; }
25
+ const DSToolbarItemV2 = _ref => {
26
+ let {
27
+ render
28
+ } = _ref;
29
+ const {
30
+ registerReference
31
+ } = React.useContext(DSToolbarV2Context.DSToolbarV2Context);
32
+ const ref = React.useRef(null);
33
+ const toolbarItemId = React.useMemo(() => {
34
+ const id = "ds-toolbar-item-".concat(uid.uid());
29
35
  registerReference(id, ref);
30
36
  return id;
31
37
  }, [registerReference, ref]);
32
- var handlers = useToolbarItemHandlers.useToolbarItemHandlers(toolbarItemId);
33
- return /*#__PURE__*/React__default['default'].createElement(styled.StyledToolbarItem, _extends__default['default']({
38
+ const handlers = useToolbarItemHandlers.useToolbarItemHandlers(toolbarItemId);
39
+ return /*#__PURE__*/jsxRuntime.jsx(styled.StyledToolbarItem, _objectSpread(_objectSpread({
34
40
  id: toolbarItemId,
35
41
  "data-testid": "ds-toolbar-item",
36
42
  className: "ds-toolbar-item"
37
- }, handlers), render({
38
- innerRef: ref
43
+ }, handlers), {}, {
44
+ children: render({
45
+ innerRef: ref
46
+ })
39
47
  }));
40
48
  };
41
49
 
42
50
  exports.DSToolbarItemV2 = DSToolbarItemV2;
43
- //# sourceMappingURL=DSToolbarItemV2.js.map
@@ -2,20 +2,17 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
5
+ var _jsx = require('@babel/runtime/helpers/jsx');
6
+ require('react');
6
7
  var styled = require('./styled.js');
7
- require('styled-components');
8
- require('@elliemae/ds-grid');
9
8
 
10
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
10
 
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
13
12
 
14
- var DSToolbarSeparatorV2 = function DSToolbarSeparatorV2() {
15
- return /*#__PURE__*/React__default['default'].createElement(styled.StyledSeparator, {
16
- className: "ds-toolbar-separator"
17
- });
18
- };
13
+ var _StyledSeparator;
14
+ const DSToolbarSeparatorV2 = () => _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](styled.StyledSeparator, {
15
+ className: "ds-toolbar-separator"
16
+ }));
19
17
 
20
18
  exports.DSToolbarSeparatorV2 = DSToolbarSeparatorV2;
21
- //# sourceMappingURL=DSToolbarSeparatorV2.js.map
@@ -2,8 +2,16 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _jsx = require('@babel/runtime/helpers/jsx');
5
6
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
+ require('core-js/modules/web.dom-collections.iterator.js');
8
+ require('core-js/modules/esnext.async-iterator.map.js');
9
+ require('core-js/modules/esnext.iterator.map.js');
10
+ require('core-js/modules/esnext.async-iterator.filter.js');
11
+ require('core-js/modules/esnext.iterator.constructor.js');
12
+ require('core-js/modules/esnext.iterator.filter.js');
13
+ require('core-js/modules/esnext.async-iterator.for-each.js');
14
+ require('core-js/modules/esnext.iterator.for-each.js');
7
15
  var React = require('react');
8
16
  var dsPropsHelpers = require('@elliemae/ds-props-helpers');
9
17
  var reactDesc = require('react-desc');
@@ -11,71 +19,62 @@ var uid = require('uid');
11
19
  var DSToolbarV2Context = require('./DSToolbarV2Context.js');
12
20
  var props = require('./props.js');
13
21
  var styled = require('./styled.js');
14
- require('styled-components');
15
- require('@elliemae/ds-grid');
22
+ var jsxRuntime = require('react/jsx-runtime');
16
23
 
17
24
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
25
 
26
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
19
27
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
20
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
21
28
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
29
 
23
30
  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; }
24
31
 
25
- 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; }
32
+ 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; }
26
33
 
27
- var DSToolbarV2 = function DSToolbarV2(props) {
28
- var alignment = props.alignment,
29
- withDepth = props.withDepth,
30
- compact = props.compact,
31
- innerRef = props.innerRef,
32
- children = props.children;
33
- dsPropsHelpers.useValidateTypescriptPropTypes(props, DSToolbarV2WithSchema.toTypescript());
34
- var toolbarUid = React.useMemo(function () {
35
- return "ds-toolbar-".concat(uid.uid());
36
- }, []);
37
-
38
- var _useState = React.useState({}),
39
- _useState2 = _slicedToArray__default['default'](_useState, 2),
40
- itemReferences = _useState2[0],
41
- setItemReferences = _useState2[1];
42
-
43
- var registerReference = React.useCallback(function (itemId, ref) {
44
- setItemReferences(function (prevItemReferences) {
45
- return _objectSpread(_objectSpread({}, prevItemReferences), {}, _defineProperty__default['default']({}, itemId, ref));
46
- });
34
+ const DSToolbarV2 = props$1 => {
35
+ const {
36
+ alignment,
37
+ withDepth,
38
+ compact,
39
+ innerRef,
40
+ children
41
+ } = props$1;
42
+ dsPropsHelpers.useValidateTypescriptPropTypes(props$1, props.DSToolbarV2Schema);
43
+ const toolbarUid = React.useMemo(() => "ds-toolbar-".concat(uid.uid()), []);
44
+ const [itemReferences, setItemReferences] = React.useState({});
45
+ const registerReference = React.useCallback((itemId, ref) => {
46
+ setItemReferences(prevItemReferences => _objectSpread(_objectSpread({}, prevItemReferences), {}, {
47
+ [itemId]: ref
48
+ }));
47
49
  }, [setItemReferences]);
48
- return /*#__PURE__*/React__default['default'].createElement(DSToolbarV2Context.DSToolbarV2Context.Provider, {
50
+ return /*#__PURE__*/_jsx__default["default"](DSToolbarV2Context.DSToolbarV2Context.Provider, {
49
51
  value: {
50
- toolbarUid: toolbarUid,
51
- registerReference: registerReference,
52
- itemReferences: itemReferences
52
+ toolbarUid,
53
+ registerReference,
54
+ itemReferences
53
55
  }
54
- }, /*#__PURE__*/React__default['default'].createElement(styled.StyledToolbarWrapper, {
56
+ }, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledToolbarWrapper, {
55
57
  role: "toolbar",
56
58
  "data-testid": "ds-toolbar-wrapper",
57
59
  id: toolbarUid,
58
60
  alignItems: "center",
59
61
  justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
60
62
  withDepth: withDepth,
61
- cols: React__default['default'].Children.map(children, function () {
62
- return ['auto'];
63
- }),
63
+ cols: React__default["default"].Children.map(children, () => ['auto']),
64
64
  gutter: "xxs2",
65
65
  compact: compact,
66
- ref: innerRef
67
- }, children));
66
+ ref: innerRef,
67
+ children: children
68
+ }));
68
69
  };
69
70
 
70
- DSToolbarV2.propTypes = props.DSToolbarV2Schema;
71
71
  DSToolbarV2.defaultProps = {
72
72
  alignment: 'right',
73
73
  withDepth: true,
74
74
  compact: false
75
75
  };
76
- var DSToolbarV2WithSchema = reactDesc.describe(DSToolbarV2).description('Toolbar');
76
+ const DSToolbarV2WithSchema = reactDesc.describe(DSToolbarV2).description('Toolbar');
77
77
  DSToolbarV2WithSchema.propTypes = props.DSToolbarV2Schema;
78
78
 
79
79
  exports.DSToolbarV2 = DSToolbarV2;
80
80
  exports.DSToolbarV2WithSchema = DSToolbarV2WithSchema;
81
- //# sourceMappingURL=DSToolbarV2.js.map
@@ -4,13 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
 
7
- var DSToolbarV2Context = /*#__PURE__*/React.createContext({
8
- registerReference: function registerReference() {
9
- return null;
10
- },
7
+ const DSToolbarV2Context = /*#__PURE__*/React.createContext({
8
+ registerReference: () => null,
11
9
  itemReferences: {},
12
10
  toolbarUid: ''
13
11
  });
14
12
 
15
13
  exports.DSToolbarV2Context = DSToolbarV2Context;
16
- //# sourceMappingURL=DSToolbarV2Context.js.map
@@ -2,82 +2,84 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _extends = require('@babel/runtime/helpers/extends');
6
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
+ require('core-js/modules/esnext.async-iterator.filter.js');
6
+ require('core-js/modules/esnext.iterator.constructor.js');
7
+ require('core-js/modules/esnext.iterator.filter.js');
8
+ require('core-js/modules/esnext.async-iterator.for-each.js');
9
+ require('core-js/modules/esnext.iterator.for-each.js');
10
+ var _jsx = require('@babel/runtime/helpers/jsx');
7
11
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
12
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
13
  var React = require('react');
9
14
  var reactDesc = require('react-desc');
10
15
  var dsClassnames = require('@elliemae/ds-classnames');
11
16
  var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
12
17
  var dsUtilities = require('@elliemae/ds-utilities');
13
- var deprecated_decorateToolbarChildren = require('./decorateToolbarChildren.js');
14
- var deprecated_ToolbarItem = require('./ToolbarItem.js');
15
- var deprecated_ToolbarGroup = require('./ToolbarGroup.js');
16
- var deprecated_ToolbarDivider = require('./ToolbarDivider.js');
17
- require('@babel/runtime/helpers/slicedToArray');
18
- require('prop-types');
19
- require('@elliemae/ds-shared/FocusGroup');
20
- require('@elliemae/ds-button');
21
- require('@elliemae/ds-popper');
18
+ var decorateToolbarChildren = require('./decorateToolbarChildren.js');
19
+ var ToolbarItem = require('./ToolbarItem.js');
20
+ var ToolbarGroup = require('./ToolbarGroup.js');
21
+ var ToolbarDivider = require('./ToolbarDivider.js');
22
+ var jsxRuntime = require('react/jsx-runtime');
22
23
 
23
24
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
25
 
25
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
26
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
26
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
27
27
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
28
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
29
29
  var FocusGroupProvider__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupProvider);
30
30
 
31
- var _excluded = ["containerProps", "innerRef", "withDepth", "alignment", "autoFocusOnMount", "children", "size"];
32
- var blockName = 'toolbar';
33
- var ToolbarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, function (_ref) {
34
- var _ref2;
31
+ const _excluded = ["containerProps", "innerRef", "withDepth", "alignment", "autoFocusOnMount", "children", "size"];
32
+
33
+ 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; }
35
34
 
36
- var withDepth = _ref.withDepth,
37
- alignment = _ref.alignment,
38
- size = _ref.size;
39
- return _ref2 = {
40
- 'without-depth': !withDepth
41
- }, _defineProperty__default['default'](_ref2, alignment, !!alignment), _defineProperty__default['default'](_ref2, size, size), _ref2;
35
+ 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; }
36
+ const blockName = 'toolbar';
37
+ const ToolbarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
38
+ let {
39
+ withDepth,
40
+ alignment,
41
+ size
42
+ } = _ref;
43
+ return {
44
+ 'without-depth': !withDepth,
45
+ [alignment]: !!alignment,
46
+ [size]: size
47
+ };
42
48
  });
43
49
 
44
- var DSToolbar = function DSToolbar(_ref3) {
45
- var _ref3$containerProps = _ref3.containerProps,
46
- containerProps = _ref3$containerProps === void 0 ? {} : _ref3$containerProps,
47
- innerRef = _ref3.innerRef,
48
- _ref3$withDepth = _ref3.withDepth,
49
- withDepth = _ref3$withDepth === void 0 ? true : _ref3$withDepth,
50
- _ref3$alignment = _ref3.alignment,
51
- alignment = _ref3$alignment === void 0 ? 'right' : _ref3$alignment,
52
- _ref3$autoFocusOnMoun = _ref3.autoFocusOnMount,
53
- autoFocusOnMount = _ref3$autoFocusOnMoun === void 0 ? true : _ref3$autoFocusOnMoun,
54
- _ref3$children = _ref3.children,
55
- children = _ref3$children === void 0 ? [] : _ref3$children,
56
- _ref3$size = _ref3.size,
57
- size = _ref3$size === void 0 ? 'normal' : _ref3$size,
58
- otherProps = _objectWithoutProperties__default['default'](_ref3, _excluded);
50
+ const DSToolbar = _ref2 => {
51
+ let {
52
+ containerProps = {},
53
+ innerRef,
54
+ withDepth = true,
55
+ alignment = 'right',
56
+ // left || right
57
+ autoFocusOnMount = true,
58
+ children = [],
59
+ size = 'normal'
60
+ } = _ref2,
61
+ otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
59
62
 
60
- var containerRef = React.useRef(null);
61
- return /*#__PURE__*/React__default['default'].createElement(FocusGroupProvider__default['default'], {
63
+ const containerRef = React.useRef(null);
64
+ return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
62
65
  autoFocusOnMount: autoFocusOnMount,
63
- getContainer: function getContainer() {
64
- return containerRef.current;
65
- },
66
+ getContainer: () => containerRef.current,
66
67
  keyBindings: {
67
68
  Tab: 'next'
68
69
  },
69
70
  orientation: "horizontal"
70
- }, /*#__PURE__*/React__default['default'].createElement(ToolbarContainer, _extends__default['default']({}, containerProps, otherProps, {
71
+ }, void 0, /*#__PURE__*/jsxRuntime.jsx(ToolbarContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherProps), {}, {
71
72
  classProps: {
72
- withDepth: withDepth,
73
- alignment: alignment,
74
- size: size
73
+ withDepth,
74
+ alignment,
75
+ size
75
76
  },
76
- innerRef: dsUtilities.mergeRefs(innerRef, containerRef)
77
- }), deprecated_decorateToolbarChildren(children)));
77
+ innerRef: dsUtilities.mergeRefs(innerRef, containerRef),
78
+ children: decorateToolbarChildren(children)
79
+ })));
78
80
  };
79
81
 
80
- var toolbarProps = {
82
+ const toolbarProps = {
81
83
  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
82
84
  withDepth: reactDesc.PropTypes.bool.description('Shows a shadow rear the toolbar').defaultValue(true),
83
85
  alignment: reactDesc.PropTypes.oneOf(['right', 'left']).description('Aligns the toolbar to the left or right').defaultValue('right'),
@@ -86,14 +88,12 @@ var toolbarProps = {
86
88
  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.func, reactDesc.PropTypes.node]).description('Toolbar items').isRequired,
87
89
  innerRef: reactDesc.PropTypes.object.description('Ref to the Toolbar container element')
88
90
  };
89
- DSToolbar.propTypes = toolbarProps;
90
- var ToolbarWithSchema = reactDesc.describe(DSToolbar);
91
+ const ToolbarWithSchema = reactDesc.describe(DSToolbar);
91
92
  ToolbarWithSchema.propTypes = toolbarProps;
92
93
 
93
- exports.ToolbarItem = deprecated_ToolbarItem;
94
- exports.ToolbarGroup = deprecated_ToolbarGroup;
95
- exports.ToolbarDivider = deprecated_ToolbarDivider;
94
+ exports.ToolbarItem = ToolbarItem;
95
+ exports.ToolbarGroup = ToolbarGroup;
96
+ exports.ToolbarDivider = ToolbarDivider;
96
97
  exports.DSToolbar = DSToolbar;
97
98
  exports.ToolbarWithSchema = ToolbarWithSchema;
98
- exports['default'] = DSToolbar;
99
- //# sourceMappingURL=DSToolbar.js.map
99
+ exports["default"] = DSToolbar;
@@ -2,9 +2,8 @@
2
2
 
3
3
  var dsClassnames = require('@elliemae/ds-classnames');
4
4
 
5
- var blockName = 'toolbar';
6
- var ToolbarDivider = dsClassnames.aggregatedClasses('div')(blockName, 'divider');
5
+ const blockName = 'toolbar';
6
+ const ToolbarDivider = dsClassnames.aggregatedClasses('div')(blockName, 'divider');
7
7
  ToolbarDivider.displayName = 'ToolbarDivider';
8
8
 
9
9
  module.exports = ToolbarDivider;
10
- //# sourceMappingURL=ToolbarDivider.js.map
@@ -1,42 +1,37 @@
1
1
  'use strict';
2
2
 
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var React = require('react');
5
- var PropTypes = require('prop-types');
3
+ var _jsx = require('@babel/runtime/helpers/jsx');
4
+ require('react');
6
5
  var dsClassnames = require('@elliemae/ds-classnames');
7
- var deprecated_decorateToolbarChildren = require('./decorateToolbarChildren.js');
6
+ var decorateToolbarChildren = require('./decorateToolbarChildren.js');
8
7
 
9
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
9
 
11
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
12
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
10
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
14
11
 
15
- var blockName = 'toolbar-group';
16
- var ToolbarGroupContainer = dsClassnames.aggregatedClasses('div')(blockName, null, function (_ref) {
17
- var space = _ref.space;
18
- return _defineProperty__default['default']({}, "space-".concat(space), !!space);
12
+ const blockName = 'toolbar-group';
13
+ const ToolbarGroupContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
14
+ let {
15
+ space
16
+ } = _ref;
17
+ return {
18
+ ["space-".concat(space)]: !!space
19
+ };
19
20
  });
20
21
 
21
- var ToolbarGroup = function ToolbarGroup(_ref3) {
22
- var children = _ref3.children,
23
- size = _ref3.size,
24
- _ref3$space = _ref3.space,
25
- space = _ref3$space === void 0 ? 0 : _ref3$space;
26
- return /*#__PURE__*/React__default['default'].createElement(ToolbarGroupContainer, {
22
+ const ToolbarGroup = _ref2 => {
23
+ let {
24
+ children,
25
+ size,
26
+ space = 0
27
+ } = _ref2;
28
+ return /*#__PURE__*/_jsx__default["default"](ToolbarGroupContainer, {
27
29
  classProps: {
28
- space: space
30
+ space
29
31
  }
30
- }, deprecated_decorateToolbarChildren(children, {
31
- size: size
32
+ }, void 0, decorateToolbarChildren(children, {
33
+ size
32
34
  }));
33
35
  };
34
36
 
35
- ToolbarGroup.propTypes = {
36
- children: PropTypes__default['default'].any,
37
- size: PropTypes__default['default'].number,
38
- space: PropTypes__default['default'].number
39
- };
40
-
41
37
  module.exports = ToolbarGroup;
42
- //# sourceMappingURL=ToolbarGroup.js.map
@@ -1,55 +1,52 @@
1
1
  'use strict';
2
2
 
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _extends = require('@babel/runtime/helpers/extends');
5
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
6
4
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
+ require('core-js/modules/web.dom-collections.iterator.js');
6
+ require('core-js/modules/esnext.async-iterator.filter.js');
7
+ require('core-js/modules/esnext.iterator.constructor.js');
8
+ require('core-js/modules/esnext.iterator.filter.js');
9
+ require('core-js/modules/esnext.async-iterator.for-each.js');
10
+ require('core-js/modules/esnext.iterator.for-each.js');
7
11
  var React = require('react');
8
- var PropTypes = require('prop-types');
9
12
  var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
10
13
  var DSButton = require('@elliemae/ds-button');
11
14
  var dsPopper = require('@elliemae/ds-popper');
15
+ var jsxRuntime = require('react/jsx-runtime');
12
16
 
13
17
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
18
 
15
19
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
17
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
18
20
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
19
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
22
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
22
23
 
23
- var _excluded = ["icon", "labelText", "menu"];
24
+ const _excluded = ["icon", "labelText", "menu"];
24
25
 
25
26
  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; }
26
27
 
27
- 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; }
28
+ 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; }
28
29
 
29
- var ToolbarItem = function ToolbarItem(_ref) {
30
- var icon = _ref.icon,
31
- labelText = _ref.labelText,
32
- _ref$menu = _ref.menu,
33
- menu = _ref$menu === void 0 ? undefined : _ref$menu,
34
- otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
35
-
36
- var _useState = React.useState(null),
37
- _useState2 = _slicedToArray__default['default'](_useState, 2),
38
- ref = _useState2[0],
39
- setRef = _useState2[1];
30
+ const ToolbarItem = _ref => {
31
+ let {
32
+ icon,
33
+ labelText,
34
+ menu = undefined
35
+ } = _ref,
36
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
40
37
 
38
+ const [ref, setRef] = React.useState(null);
41
39
  FocusGroup.useFocusGroupWithState(ref);
42
- var btn = /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], _extends__default['default']({}, otherProps, {
40
+
41
+ const btn = /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
43
42
  buttonType: "text",
44
43
  icon: icon,
45
- innerRef: function innerRef(r) {
46
- return setRef(r);
47
- },
44
+ innerRef: r => setRef(r),
48
45
  labelText: labelText
49
46
  }));
50
47
 
51
48
  if (menu) {
52
- return /*#__PURE__*/React__default['default'].cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
49
+ return /*#__PURE__*/React__default["default"].cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
53
50
  placement: dsPopper.PopperPositions.BOTTOM_END,
54
51
  triggerComponent: btn
55
52
  }));
@@ -59,10 +56,5 @@ var ToolbarItem = function ToolbarItem(_ref) {
59
56
  };
60
57
 
61
58
  ToolbarItem.displayName = 'ToolbarItem';
62
- ToolbarItem.propTypes = {
63
- icon: PropTypes__default['default'].element,
64
- labelText: PropTypes__default['default'].string
65
- };
66
59
 
67
60
  module.exports = ToolbarItem;
68
- //# sourceMappingURL=ToolbarItem.js.map
@@ -1,6 +1,13 @@
1
1
  'use strict';
2
2
 
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ require('core-js/modules/esnext.async-iterator.map.js');
5
+ require('core-js/modules/esnext.iterator.map.js');
6
+ require('core-js/modules/esnext.async-iterator.filter.js');
7
+ require('core-js/modules/esnext.iterator.constructor.js');
8
+ require('core-js/modules/esnext.iterator.filter.js');
9
+ require('core-js/modules/esnext.async-iterator.for-each.js');
10
+ require('core-js/modules/esnext.iterator.for-each.js');
4
11
  var React = require('react');
5
12
 
6
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,15 +17,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
17
 
11
18
  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; }
12
19
 
13
- 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; }
20
+ 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; }
14
21
  var decorateToolbarChildren = (function (children) {
15
- var extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
16
- return React__default['default'].Children.map(children, function (component) {
17
- return component ? /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
18
- className: "".concat(component.props.className, " toolbar-item")
19
- })) : component;
20
- }, null);
22
+ let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
23
+ return React__default["default"].Children.map(children, component => component ? /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
24
+ className: "".concat(component.props.className, " toolbar-item")
25
+ })) : component, null);
21
26
  });
22
27
 
23
28
  module.exports = decorateToolbarChildren;
24
- //# sourceMappingURL=decorateToolbarChildren.js.map