@elliemae/ds-toolbar 2.2.0-alpha.4 → 3.0.0-next.2

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 (57) hide show
  1. package/cjs/DSToolbarItemV2.js +44 -49
  2. package/cjs/DSToolbarSeparatorV2.js +17 -38
  3. package/cjs/DSToolbarV2.js +69 -62
  4. package/cjs/DSToolbarV2Context.js +10 -37
  5. package/cjs/deprecated/DSToolbar.js +89 -86
  6. package/cjs/deprecated/ToolbarDivider.js +9 -39
  7. package/cjs/deprecated/ToolbarGroup.js +34 -48
  8. package/cjs/deprecated/ToolbarItem.js +54 -58
  9. package/cjs/deprecated/decorateToolbarChildren.js +27 -39
  10. package/cjs/deprecated/index.js +17 -36
  11. package/cjs/index.js +24 -39
  12. package/cjs/props.js +12 -39
  13. package/cjs/styled.js +22 -51
  14. package/cjs/useToolbarItemHandlers.js +28 -48
  15. package/esm/DSToolbarItemV2.js +33 -17
  16. package/esm/DSToolbarSeparatorV2.js +9 -9
  17. package/esm/DSToolbarV2.js +54 -29
  18. package/esm/DSToolbarV2Context.js +6 -8
  19. package/esm/deprecated/DSToolbar.js +73 -57
  20. package/esm/deprecated/ToolbarDivider.js +7 -10
  21. package/esm/deprecated/ToolbarGroup.js +30 -21
  22. package/esm/deprecated/ToolbarItem.js +43 -27
  23. package/esm/deprecated/decorateToolbarChildren.js +21 -11
  24. package/esm/deprecated/index.js +4 -7
  25. package/esm/index.js +7 -10
  26. package/esm/props.js +8 -10
  27. package/esm/styled.js +12 -23
  28. package/esm/useToolbarItemHandlers.js +24 -19
  29. package/package.json +10 -10
  30. package/cjs/DSToolbarItemV2.js.map +0 -7
  31. package/cjs/DSToolbarSeparatorV2.js.map +0 -7
  32. package/cjs/DSToolbarV2.js.map +0 -7
  33. package/cjs/DSToolbarV2Context.js.map +0 -7
  34. package/cjs/deprecated/DSToolbar.js.map +0 -7
  35. package/cjs/deprecated/ToolbarDivider.js.map +0 -7
  36. package/cjs/deprecated/ToolbarGroup.js.map +0 -7
  37. package/cjs/deprecated/ToolbarItem.js.map +0 -7
  38. package/cjs/deprecated/decorateToolbarChildren.js.map +0 -7
  39. package/cjs/deprecated/index.js.map +0 -7
  40. package/cjs/index.js.map +0 -7
  41. package/cjs/props.js.map +0 -7
  42. package/cjs/styled.js.map +0 -7
  43. package/cjs/useToolbarItemHandlers.js.map +0 -7
  44. package/esm/DSToolbarItemV2.js.map +0 -7
  45. package/esm/DSToolbarSeparatorV2.js.map +0 -7
  46. package/esm/DSToolbarV2.js.map +0 -7
  47. package/esm/DSToolbarV2Context.js.map +0 -7
  48. package/esm/deprecated/DSToolbar.js.map +0 -7
  49. package/esm/deprecated/ToolbarDivider.js.map +0 -7
  50. package/esm/deprecated/ToolbarGroup.js.map +0 -7
  51. package/esm/deprecated/ToolbarItem.js.map +0 -7
  52. package/esm/deprecated/decorateToolbarChildren.js.map +0 -7
  53. package/esm/deprecated/index.js.map +0 -7
  54. package/esm/index.js.map +0 -7
  55. package/esm/props.js.map +0 -7
  56. package/esm/styled.js.map +0 -7
  57. package/esm/useToolbarItemHandlers.js.map +0 -7
@@ -1,51 +1,37 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
1
+ 'use strict';
2
+
3
+ var _jsx = require('@babel/runtime/helpers/jsx');
4
+ require('react');
5
+ var dsClassnames = require('@elliemae/ds-classnames');
6
+ var decorateToolbarChildren = require('./decorateToolbarChildren.js');
7
+
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+
10
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
11
+
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
26
19
  };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var ToolbarGroup_exports = {};
29
- __export(ToolbarGroup_exports, {
30
- default: () => ToolbarGroup_default
31
20
  });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_prop_types = __toESM(require("prop-types"));
35
- var import_ds_classnames = require("@elliemae/ds-classnames");
36
- var import_decorateToolbarChildren = __toESM(require("./decorateToolbarChildren"));
37
- const blockName = "toolbar-group";
38
- const ToolbarGroupContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ space }) => ({
39
- [`space-${space}`]: !!space
40
- }));
41
- const ToolbarGroup = ({ children, size, space = 0 }) => /* @__PURE__ */ import_react.default.createElement(ToolbarGroupContainer, {
42
- classProps: { space }
43
- }, (0, import_decorateToolbarChildren.default)(children, { size }));
44
- ToolbarGroup.propTypes = {
45
- children: import_prop_types.default.any,
46
- size: import_prop_types.default.number,
47
- space: import_prop_types.default.number
21
+
22
+ const ToolbarGroup = _ref2 => {
23
+ let {
24
+ children,
25
+ size,
26
+ space = 0
27
+ } = _ref2;
28
+ return /*#__PURE__*/_jsx__default["default"](ToolbarGroupContainer, {
29
+ classProps: {
30
+ space
31
+ }
32
+ }, void 0, decorateToolbarChildren(children, {
33
+ size
34
+ }));
48
35
  };
49
- var ToolbarGroup_default = ToolbarGroup;
50
- module.exports = __toCommonJS(ToolbarGroup_exports);
51
- //# sourceMappingURL=ToolbarGroup.js.map
36
+
37
+ module.exports = ToolbarGroup;
@@ -1,64 +1,60 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var ToolbarItem_exports = {};
29
- __export(ToolbarItem_exports, {
30
- default: () => ToolbarItem_default
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_prop_types = __toESM(require("prop-types"));
35
- var import_FocusGroup = require("@elliemae/ds-shared/FocusGroup");
36
- var import_ds_button = __toESM(require("@elliemae/ds-button"));
37
- var import_ds_popper = require("@elliemae/ds-popper");
38
- const ToolbarItem = ({ icon, labelText, menu = void 0, ...otherProps }) => {
39
- const [ref, setRef] = (0, import_react.useState)(null);
40
- (0, import_FocusGroup.useFocusGroupWithState)(ref);
41
- const btn = /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
42
- ...otherProps,
43
- buttonType: "text",
1
+ 'use strict';
2
+
3
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
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');
11
+ var React = require('react');
12
+ var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
13
+ var DSButton = require('@elliemae/ds-button');
14
+ var dsPopper = require('@elliemae/ds-popper');
15
+ var jsxRuntime = require('react/jsx-runtime');
16
+
17
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
+
19
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
20
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
21
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
+ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
23
+
24
+ const _excluded = ["icon", "labelText", "menu"];
25
+
26
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
27
+
28
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
29
+
30
+ const ToolbarItem = _ref => {
31
+ let {
44
32
  icon,
45
- innerRef: (r) => setRef(r),
46
- labelText
47
- });
33
+ labelText,
34
+ menu = undefined
35
+ } = _ref,
36
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
37
+
38
+ const [ref, setRef] = React.useState(null);
39
+ FocusGroup.useFocusGroupWithState(ref);
40
+
41
+ const btn = /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
42
+ buttonType: "text",
43
+ icon: icon,
44
+ innerRef: r => setRef(r),
45
+ labelText: labelText
46
+ }));
47
+
48
48
  if (menu) {
49
- return import_react.default.cloneElement(menu, {
50
- ...menu.props,
51
- placement: import_ds_popper.PopperPositions.BOTTOM_END,
49
+ return /*#__PURE__*/React__default["default"].cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
50
+ placement: dsPopper.PopperPositions.BOTTOM_END,
52
51
  triggerComponent: btn
53
- });
52
+ }));
54
53
  }
54
+
55
55
  return btn;
56
56
  };
57
- ToolbarItem.displayName = "ToolbarItem";
58
- ToolbarItem.propTypes = {
59
- icon: import_prop_types.default.element,
60
- labelText: import_prop_types.default.string
61
- };
62
- var ToolbarItem_default = ToolbarItem;
63
- module.exports = __toCommonJS(ToolbarItem_exports);
64
- //# sourceMappingURL=ToolbarItem.js.map
57
+
58
+ ToolbarItem.displayName = 'ToolbarItem';
59
+
60
+ module.exports = ToolbarItem;
@@ -1,40 +1,28 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var decorateToolbarChildren_exports = {};
29
- __export(decorateToolbarChildren_exports, {
30
- default: () => decorateToolbarChildren_default
1
+ 'use strict';
2
+
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');
11
+ var React = require('react');
12
+
13
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
+
15
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
16
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
+
18
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
19
+
20
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
21
+ var decorateToolbarChildren = (function (children) {
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);
31
26
  });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var decorateToolbarChildren_default = (children, extraProps = {}) => import_react.default.Children.map(children, (component) => component ? (0, import_react.cloneElement)(component, {
35
- ...extraProps,
36
- ...component.props,
37
- className: `${component.props.className} toolbar-item`
38
- }) : component, null);
39
- module.exports = __toCommonJS(decorateToolbarChildren_exports);
40
- //# sourceMappingURL=decorateToolbarChildren.js.map
27
+
28
+ module.exports = decorateToolbarChildren;
@@ -1,36 +1,17 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var deprecated_exports = {};
29
- __export(deprecated_exports, {
30
- default: () => import_DSToolbar.default
31
- });
32
- var React = __toESM(require("react"));
33
- __reExport(deprecated_exports, require("./DSToolbar"));
34
- var import_DSToolbar = require("./DSToolbar");
35
- module.exports = __toCommonJS(deprecated_exports);
36
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var DSToolbar = require('./DSToolbar.js');
6
+ var ToolbarItem = require('./ToolbarItem.js');
7
+ var ToolbarGroup = require('./ToolbarGroup.js');
8
+ var ToolbarDivider = require('./ToolbarDivider.js');
9
+
10
+
11
+
12
+ exports.DSToolbar = DSToolbar.DSToolbar;
13
+ exports.ToolbarWithSchema = DSToolbar.ToolbarWithSchema;
14
+ exports["default"] = DSToolbar.DSToolbar;
15
+ exports.ToolbarItem = ToolbarItem;
16
+ exports.ToolbarGroup = ToolbarGroup;
17
+ exports.ToolbarDivider = ToolbarDivider;
package/cjs/index.js CHANGED
@@ -1,39 +1,24 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var src_exports = {};
29
- __export(src_exports, {
30
- default: () => import_deprecated.default
31
- });
32
- var React = __toESM(require("react"));
33
- __reExport(src_exports, require("./deprecated"));
34
- var import_deprecated = require("./deprecated");
35
- __reExport(src_exports, require("./DSToolbarV2"));
36
- __reExport(src_exports, require("./DSToolbarItemV2"));
37
- __reExport(src_exports, require("./DSToolbarSeparatorV2"));
38
- module.exports = __toCommonJS(src_exports);
39
- //# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var DSToolbar = require('./deprecated/DSToolbar.js');
6
+ var DSToolbarV2 = require('./DSToolbarV2.js');
7
+ var DSToolbarItemV2 = require('./DSToolbarItemV2.js');
8
+ var DSToolbarSeparatorV2 = require('./DSToolbarSeparatorV2.js');
9
+ var ToolbarItem = require('./deprecated/ToolbarItem.js');
10
+ var ToolbarGroup = require('./deprecated/ToolbarGroup.js');
11
+ var ToolbarDivider = require('./deprecated/ToolbarDivider.js');
12
+
13
+
14
+
15
+ exports.DSToolbar = DSToolbar.DSToolbar;
16
+ exports.ToolbarWithSchema = DSToolbar.ToolbarWithSchema;
17
+ exports["default"] = DSToolbar.DSToolbar;
18
+ exports.DSToolbarV2 = DSToolbarV2.DSToolbarV2;
19
+ exports.DSToolbarV2WithSchema = DSToolbarV2.DSToolbarV2WithSchema;
20
+ exports.DSToolbarItemV2 = DSToolbarItemV2.DSToolbarItemV2;
21
+ exports.DSToolbarSeparatorV2 = DSToolbarSeparatorV2.DSToolbarSeparatorV2;
22
+ exports.ToolbarItem = ToolbarItem;
23
+ exports.ToolbarGroup = ToolbarGroup;
24
+ exports.ToolbarDivider = ToolbarDivider;
package/cjs/props.js CHANGED
@@ -1,41 +1,14 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var props_exports = {};
29
- __export(props_exports, {
30
- DSToolbarV2Schema: () => DSToolbarV2Schema
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react_desc = require("react-desc");
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var reactDesc = require('react-desc');
6
+
34
7
  const DSToolbarV2Schema = {
35
- alignment: import_react_desc.PropTypes.oneOf(["right", "left"]).description("Whether to align the content left or right").defaultValue("right"),
36
- withDepth: import_react_desc.PropTypes.bool.description("Whether to add a box-shadow to the container").defaultValue(true),
37
- compact: import_react_desc.PropTypes.bool.description("Whether you want the compact version of the toolbar").defaultValue(false),
38
- innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.object]).description("Reference to attach to the wrapper")
8
+ alignment: reactDesc.PropTypes.oneOf(['right', 'left']).description('Whether to align the content left or right').defaultValue('right'),
9
+ withDepth: reactDesc.PropTypes.bool.description('Whether to add a box-shadow to the container').defaultValue(true),
10
+ compact: reactDesc.PropTypes.bool.description('Whether you want the compact version of the toolbar').defaultValue(false),
11
+ innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.object]).description('Reference to attach to the wrapper')
39
12
  };
40
- module.exports = __toCommonJS(props_exports);
41
- //# sourceMappingURL=props.js.map
13
+
14
+ exports.DSToolbarV2Schema = DSToolbarV2Schema;
package/cjs/styled.js CHANGED
@@ -1,54 +1,25 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var styled_exports = {};
29
- __export(styled_exports, {
30
- StyledSeparator: () => StyledSeparator,
31
- StyledToolbarItem: () => StyledToolbarItem,
32
- StyledToolbarWrapper: () => StyledToolbarWrapper
33
- });
34
- var React = __toESM(require("react"));
35
- var import_styled_components = __toESM(require("styled-components"));
36
- var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
37
- const StyledToolbarWrapper = (0, import_styled_components.default)(import_ds_grid.default)`
38
- background-color: ${(props) => props.theme.colors.neutral["000"]};
1
+ 'use strict';
39
2
 
40
- min-height: ${(props) => props.compact ? "28px" : "40px"};
41
- max-height: ${(props) => props.theme.space.xxl};
3
+ Object.defineProperty(exports, '__esModule', { value: true });
42
4
 
43
- padding: 0 ${(props) => props.theme.space.xxs};
5
+ var styled = require('styled-components');
6
+ var Grid = require('@elliemae/ds-grid');
44
7
 
45
- box-shadow: ${(props) => !props.withDepth ? "none" : "0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)"};
46
- `;
47
- const StyledToolbarItem = (0, import_styled_components.default)(import_ds_grid.default)``;
48
- const StyledSeparator = (0, import_styled_components.default)(import_ds_grid.default)`
49
- height: 30px;
50
- width: 1px;
51
- background-color: ${(props) => props.theme.colors.neutral[200]};
52
- `;
53
- module.exports = __toCommonJS(styled_exports);
54
- //# sourceMappingURL=styled.js.map
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+
10
+ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
+ var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
12
+
13
+ const StyledToolbarWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
14
+ componentId: "sc-8ez8n4-0"
15
+ })(["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%)');
16
+ const StyledToolbarItem = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
17
+ componentId: "sc-8ez8n4-1"
18
+ })([""]);
19
+ const StyledSeparator = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
20
+ componentId: "sc-8ez8n4-2"
21
+ })(["height:30px;width:1px;background-color:", ";"], props => props.theme.colors.neutral[200]);
22
+
23
+ exports.StyledSeparator = StyledSeparator;
24
+ exports.StyledToolbarItem = StyledToolbarItem;
25
+ exports.StyledToolbarWrapper = StyledToolbarWrapper;
@@ -1,59 +1,39 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var useToolbarItemHandlers_exports = {};
29
- __export(useToolbarItemHandlers_exports, {
30
- useToolbarItemHandlers: () => useToolbarItemHandlers
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = require("react");
34
- var import_DSToolbarV2Context = require("./DSToolbarV2Context");
35
- const useToolbarItemHandlers = (toolbarItemId) => {
36
- const { toolbarUid, itemReferences } = (0, import_react.useContext)(import_DSToolbarV2Context.DSToolbarV2Context);
37
- const onKeyDown = (0, import_react.useCallback)((e) => {
38
- const toolbarItems = [...document.querySelectorAll(`#${toolbarUid} .ds-toolbar-item`)];
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('core-js/modules/web.dom-collections.iterator.js');
6
+ var React = require('react');
7
+ var DSToolbarV2Context = require('./DSToolbarV2Context.js');
8
+
9
+ const useToolbarItemHandlers = toolbarItemId => {
10
+ const {
11
+ toolbarUid,
12
+ itemReferences
13
+ } = React.useContext(DSToolbarV2Context.DSToolbarV2Context);
14
+ const onKeyDown = React.useCallback(e => {
15
+ const toolbarItems = [...document.querySelectorAll("#".concat(toolbarUid, " .ds-toolbar-item"))];
39
16
  let nextToolbarItemIndex = -1;
40
- if (["ArrowLeft", "ArrowRight"].includes(e.code)) {
41
- const toolbarItemIndex = toolbarItems.findIndex((domElem) => domElem.id === toolbarItemId);
42
- nextToolbarItemIndex = toolbarItemIndex + (e.code === "ArrowLeft" ? -1 : 1);
43
- } else if (e.code === "Home") {
17
+
18
+ if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {
19
+ const toolbarItemIndex = toolbarItems.findIndex(domElem => domElem.id === toolbarItemId);
20
+ nextToolbarItemIndex = toolbarItemIndex + (e.code === 'ArrowLeft' ? -1 : 1);
21
+ } else if (e.code === 'Home') {
44
22
  nextToolbarItemIndex = 0;
45
- } else if (e.code === "End") {
23
+ } else if (e.code === 'End') {
46
24
  nextToolbarItemIndex = toolbarItems.length - 1;
47
25
  }
26
+
48
27
  if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {
49
28
  e.preventDefault();
50
29
  e.stopPropagation();
51
30
  const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
52
- if (ref.current)
53
- ref.current.focus();
31
+ if (ref.current) ref.current.focus();
54
32
  }
55
33
  }, [toolbarUid, toolbarItemId, itemReferences]);
56
- return { onKeyDown };
34
+ return {
35
+ onKeyDown
36
+ };
57
37
  };
58
- module.exports = __toCommonJS(useToolbarItemHandlers_exports);
59
- //# sourceMappingURL=useToolbarItemHandlers.js.map
38
+
39
+ exports.useToolbarItemHandlers = useToolbarItemHandlers;