@elliemae/ds-toolbar 3.0.0-next.2 → 3.0.0-next.6

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 (100) hide show
  1. package/dist/cjs/DSToolbarItemV2.js +68 -0
  2. package/dist/cjs/DSToolbarItemV2.js.map +7 -0
  3. package/dist/cjs/DSToolbarSeparatorV2.js +39 -0
  4. package/dist/cjs/DSToolbarSeparatorV2.js.map +7 -0
  5. package/dist/cjs/DSToolbarV2.js +90 -0
  6. package/dist/cjs/DSToolbarV2.js.map +7 -0
  7. package/dist/cjs/DSToolbarV2Context.js +40 -0
  8. package/dist/cjs/DSToolbarV2Context.js.map +7 -0
  9. package/dist/cjs/deprecated/DSToolbar.js +131 -0
  10. package/dist/cjs/deprecated/DSToolbar.js.map +7 -0
  11. package/dist/cjs/deprecated/ToolbarDivider.js +39 -0
  12. package/dist/cjs/deprecated/ToolbarDivider.js.map +7 -0
  13. package/dist/cjs/deprecated/ToolbarGroup.js +51 -0
  14. package/dist/cjs/deprecated/ToolbarGroup.js.map +7 -0
  15. package/dist/cjs/deprecated/ToolbarItem.js +92 -0
  16. package/dist/cjs/deprecated/ToolbarItem.js.map +7 -0
  17. package/dist/cjs/deprecated/decorateToolbarChildren.js +55 -0
  18. package/dist/cjs/deprecated/decorateToolbarChildren.js.map +7 -0
  19. package/dist/cjs/deprecated/index.js +36 -0
  20. package/dist/cjs/deprecated/index.js.map +7 -0
  21. package/dist/cjs/index.js +39 -0
  22. package/dist/cjs/index.js.map +7 -0
  23. package/dist/cjs/props.js +41 -0
  24. package/dist/cjs/props.js.map +7 -0
  25. package/dist/cjs/styled.js +54 -0
  26. package/dist/cjs/styled.js.map +7 -0
  27. package/dist/cjs/useToolbarItemHandlers.js +59 -0
  28. package/dist/cjs/useToolbarItemHandlers.js.map +7 -0
  29. package/dist/esm/DSToolbarItemV2.js +41 -0
  30. package/dist/esm/DSToolbarItemV2.js.map +7 -0
  31. package/dist/esm/DSToolbarSeparatorV2.js +10 -0
  32. package/dist/esm/DSToolbarSeparatorV2.js.map +7 -0
  33. package/dist/esm/DSToolbarV2.js +63 -0
  34. package/dist/esm/DSToolbarV2.js.map +7 -0
  35. package/dist/esm/DSToolbarV2Context.js +11 -0
  36. package/dist/esm/DSToolbarV2Context.js.map +7 -0
  37. package/dist/esm/deprecated/DSToolbar.js +104 -0
  38. package/dist/esm/deprecated/DSToolbar.js.map +7 -0
  39. package/dist/esm/deprecated/ToolbarDivider.js +10 -0
  40. package/dist/esm/deprecated/ToolbarDivider.js.map +7 -0
  41. package/dist/esm/deprecated/ToolbarGroup.js +22 -0
  42. package/dist/esm/deprecated/ToolbarGroup.js.map +7 -0
  43. package/dist/esm/deprecated/ToolbarItem.js +65 -0
  44. package/dist/esm/deprecated/ToolbarItem.js.map +7 -0
  45. package/dist/esm/deprecated/decorateToolbarChildren.js +28 -0
  46. package/dist/esm/deprecated/decorateToolbarChildren.js.map +7 -0
  47. package/dist/esm/deprecated/index.js +7 -0
  48. package/dist/esm/deprecated/index.js.map +7 -0
  49. package/dist/esm/index.js +10 -0
  50. package/dist/esm/index.js.map +7 -0
  51. package/dist/esm/props.js +12 -0
  52. package/dist/esm/props.js.map +7 -0
  53. package/dist/esm/styled.js +25 -0
  54. package/dist/esm/styled.js.map +7 -0
  55. package/dist/esm/useToolbarItemHandlers.js +30 -0
  56. package/dist/esm/useToolbarItemHandlers.js.map +7 -0
  57. package/package.json +60 -51
  58. package/cjs/DSToolbarItemV2.js +0 -50
  59. package/cjs/DSToolbarSeparatorV2.js +0 -18
  60. package/cjs/DSToolbarV2.js +0 -80
  61. package/cjs/DSToolbarV2Context.js +0 -13
  62. package/cjs/deprecated/DSToolbar.js +0 -99
  63. package/cjs/deprecated/ToolbarDivider.js +0 -9
  64. package/cjs/deprecated/ToolbarGroup.js +0 -37
  65. package/cjs/deprecated/ToolbarItem.js +0 -60
  66. package/cjs/deprecated/decorateToolbarChildren.js +0 -28
  67. package/cjs/deprecated/index.js +0 -17
  68. package/cjs/index.js +0 -24
  69. package/cjs/props.js +0 -14
  70. package/cjs/styled.js +0 -25
  71. package/cjs/useToolbarItemHandlers.js +0 -39
  72. package/esm/DSToolbarItemV2.js +0 -42
  73. package/esm/DSToolbarSeparatorV2.js +0 -10
  74. package/esm/DSToolbarV2.js +0 -69
  75. package/esm/DSToolbarV2Context.js +0 -9
  76. package/esm/deprecated/DSToolbar.js +0 -83
  77. package/esm/deprecated/ToolbarDivider.js +0 -7
  78. package/esm/deprecated/ToolbarGroup.js +0 -31
  79. package/esm/deprecated/ToolbarItem.js +0 -51
  80. package/esm/deprecated/decorateToolbarChildren.js +0 -21
  81. package/esm/deprecated/index.js +0 -4
  82. package/esm/index.js +0 -7
  83. package/esm/props.js +0 -10
  84. package/esm/styled.js +0 -14
  85. package/esm/useToolbarItemHandlers.js +0 -35
  86. package/types/DSToolbarItemV2.d.ts +0 -8
  87. package/types/DSToolbarSeparatorV2.d.ts +0 -2
  88. package/types/DSToolbarV2.d.ts +0 -10
  89. package/types/DSToolbarV2Context.d.ts +0 -8
  90. package/types/deprecated/DSToolbar.d.ts +0 -60
  91. package/types/deprecated/ToolbarDivider.d.ts +0 -3
  92. package/types/deprecated/ToolbarGroup.d.ts +0 -15
  93. package/types/deprecated/ToolbarItem.d.ts +0 -16
  94. package/types/deprecated/decorateToolbarChildren.d.ts +0 -2
  95. package/types/deprecated/index.d.ts +0 -2
  96. package/types/index.d.ts +0 -5
  97. package/types/props.d.ts +0 -18
  98. package/types/styled.d.ts +0 -4
  99. package/types/tests/DSToolbar.test.d.ts +0 -1
  100. package/types/useToolbarItemHandlers.d.ts +0 -3
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/deprecated/ToolbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';\nimport DSButton from '@elliemae/ds-button';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, ...otherProps }) => {\n const [ref, setRef] = useState(null);\n\n useFocusGroupWithState(ref);\n const btn = (\n <DSButton {...otherProps} buttonType=\"text\" icon={icon} innerRef={(r) => setRef(r)} labelText={labelText} />\n );\n if (menu) {\n return React.cloneElement(menu, {\n ...menu.props,\n placement: Position.BOTTOM_END,\n triggerComponent: btn,\n });\n }\n return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n icon: PropTypes.element,\n labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,wBAAsB;AACtB,wBAAuC;AACvC,uBAAqB;AACrB,uBAA4C;AAE5C,MAAM,cAAc,CAAC,OAAyD;AAAzD,eAAE,QAAM,WAAW,OAAO,WAA1B,IAAwC,uBAAxC,IAAwC,CAAtC,QAAM,aAAW;AACtC,QAAM,CAAC,KAAK,UAAU,2BAAS;AAE/B,gDAAuB;AACvB,QAAM,MACJ,mDAAC,0BAAD,iCAAc,aAAd;AAAA,IAA0B,YAAW;AAAA,IAAO;AAAA,IAAY,UAAU,CAAC,MAAM,OAAO;AAAA,IAAI;AAAA;AAEtF,MAAI,MAAM;AACR,WAAO,qBAAM,aAAa,MAAM,iCAC3B,KAAK,QADsB;AAAA,MAE9B,WAAW,iCAAS;AAAA,MACpB,kBAAkB;AAAA;AAAA;AAGtB,SAAO;AAAA;AAGT,YAAY,cAAc;AAE1B,YAAY,YAAY;AAAA,EACtB,MAAM,0BAAU;AAAA,EAChB,WAAW,0BAAU;AAAA;AAGvB,IAAO,sBAAQ;",
6
+ "names": []
7
+ }
@@ -0,0 +1,55 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
+ var __getProtoOf = Object.getPrototypeOf;
9
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
25
+ var __export = (target, all) => {
26
+ for (var name in all)
27
+ __defProp(target, name, { get: all[name], enumerable: true });
28
+ };
29
+ var __reExport = (target, module2, copyDefault, desc) => {
30
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
31
+ for (let key of __getOwnPropNames(module2))
32
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
33
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
34
+ }
35
+ return target;
36
+ };
37
+ var __toESM = (module2, isNodeMode) => {
38
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
39
+ };
40
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
41
+ return (module2, temp) => {
42
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
43
+ };
44
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
45
+ var decorateToolbarChildren_exports = {};
46
+ __export(decorateToolbarChildren_exports, {
47
+ default: () => decorateToolbarChildren_default
48
+ });
49
+ var React = __toESM(require("react"));
50
+ var import_react = __toESM(require("react"));
51
+ var decorateToolbarChildren_default = (children, extraProps = {}) => import_react.default.Children.map(children, (component) => component ? (0, import_react.cloneElement)(component, __spreadProps(__spreadValues(__spreadValues({}, extraProps), component.props), {
52
+ className: `${component.props.className} toolbar-item`
53
+ })) : component, null);
54
+ module.exports = __toCommonJS(decorateToolbarChildren_exports);
55
+ //# sourceMappingURL=decorateToolbarChildren.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/deprecated/decorateToolbarChildren.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import React, { cloneElement } from 'react';\n\nexport default (children, extraProps = {}) =>\n React.Children.map(\n children,\n component =>\n component\n ? cloneElement(component, {\n ...extraProps,\n ...component.props,\n className: `${component.props.className} toolbar-item`,\n })\n : component,\n null,\n );\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAEpC,IAAO,kCAAQ,CAAC,UAAU,aAAa,OACrC,qBAAM,SAAS,IACb,UACA,eACE,YACI,+BAAa,WAAW,gDACnB,aACA,UAAU,QAFS;AAAA,EAGtB,WAAW,GAAG,UAAU,MAAM;AAAA,MAEhC,WACN;",
6
+ "names": []
7
+ }
@@ -0,0 +1,36 @@
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 = __toESM(require("./DSToolbar"));
35
+ module.exports = __toCommonJS(deprecated_exports);
36
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/deprecated/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["/* eslint-disable import/export */\nexport * from './DSToolbar';\n\nexport { default } from './DSToolbar';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAc;AAEd,uBAAwB;",
6
+ "names": []
7
+ }
@@ -0,0 +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 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 = __toESM(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
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export * from './deprecated';\nexport { default } from './deprecated';\nexport * from './DSToolbarV2';\nexport * from './DSToolbarItemV2';\nexport * from './DSToolbarSeparatorV2';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAwB;AACxB,wBAAc;AACd,wBAAc;AACd,wBAAc;",
6
+ "names": []
7
+ }
@@ -0,0 +1,41 @@
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");
34
+ 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")
39
+ };
40
+ module.exports = __toCommonJS(props_exports);
41
+ //# sourceMappingURL=props.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const DSToolbarV2Schema = {\n alignment: PropTypes.oneOf(['right', 'left'])\n .description('Whether to align the content left or right')\n .defaultValue('right'),\n withDepth: PropTypes.bool.description('Whether to add a box-shadow to the container').defaultValue(true),\n compact: PropTypes.bool.description('Whether you want the compact version of the toolbar').defaultValue(false),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Reference to attach to the wrapper'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,oBAAoB;AAAA,EAC/B,WAAW,4BAAU,MAAM,CAAC,SAAS,SAClC,YAAY,8CACZ,aAAa;AAAA,EAChB,WAAW,4BAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EACnG,SAAS,4BAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACxG,UAAU,4BAAU,UAAU,CAAC,4BAAU,MAAM,4BAAU,SAAS,YAAY;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,54 @@
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"]};
39
+
40
+ min-height: ${(props) => props.compact ? "28px" : "40px"};
41
+ max-height: ${(props) => props.theme.space.xxl};
42
+
43
+ padding: 0 ${(props) => props.theme.space.xxs};
44
+
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
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledToolbarWrapper = styled(Grid)`\n background-color: ${(props) => props.theme.colors.neutral['000']};\n\n min-height: ${(props) => (props.compact ? '28px' : '40px')};\n max-height: ${(props) => props.theme.space.xxl};\n\n padding: 0 ${(props) => props.theme.space.xxs};\n\n box-shadow: ${(props) => (!props.withDepth ? 'none' : '0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)')};\n`;\n\nexport const StyledToolbarItem = styled(Grid)``;\n\nexport const StyledSeparator = styled(Grid)`\n height: 30px;\n width: 1px;\n background-color: ${(props) => props.theme.colors.neutral[200]};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAAiB;AAEV,MAAM,uBAAuB,sCAAO;AAAA,sBACrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAE5C,CAAC,UAAW,MAAM,UAAU,SAAS;AAAA,gBACrC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,eAE9B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,gBAE5B,CAAC,UAAW,CAAC,MAAM,YAAY,SAAS;AAAA;AAGjD,MAAM,oBAAoB,sCAAO;AAEjC,MAAM,kBAAkB,sCAAO;AAAA;AAAA;AAAA,sBAGhB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,59 @@
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`)];
39
+ 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") {
44
+ nextToolbarItemIndex = 0;
45
+ } else if (e.code === "End") {
46
+ nextToolbarItemIndex = toolbarItems.length - 1;
47
+ }
48
+ if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {
49
+ e.preventDefault();
50
+ e.stopPropagation();
51
+ const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
52
+ if (ref.current)
53
+ ref.current.focus();
54
+ }
55
+ }, [toolbarUid, toolbarItemId, itemReferences]);
56
+ return { onKeyDown };
57
+ };
58
+ module.exports = __toCommonJS(useToolbarItemHandlers_exports);
59
+ //# sourceMappingURL=useToolbarItemHandlers.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/useToolbarItemHandlers.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { useCallback, useContext } from 'react';\nimport { DSToolbarV2Context } from './DSToolbarV2Context';\n\nexport const useToolbarItemHandlers = (\n toolbarItemId: string,\n): {\n onKeyDown: React.KeyboardEventHandler;\n} => {\n const { toolbarUid, itemReferences } = useContext(DSToolbarV2Context);\n\n const onKeyDown: React.KeyboardEventHandler = useCallback(\n (e) => {\n const toolbarItems = [...document.querySelectorAll(`#${toolbarUid} .ds-toolbar-item`)];\n let nextToolbarItemIndex = -1;\n\n if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {\n const toolbarItemIndex = toolbarItems.findIndex((domElem) => domElem.id === toolbarItemId);\n nextToolbarItemIndex = toolbarItemIndex + (e.code === 'ArrowLeft' ? -1 : 1);\n } else if (e.code === 'Home') {\n nextToolbarItemIndex = 0;\n } else if (e.code === 'End') {\n nextToolbarItemIndex = toolbarItems.length - 1;\n }\n\n if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {\n e.preventDefault();\n e.stopPropagation();\n const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];\n if (ref.current) ref.current.focus();\n }\n },\n [toolbarUid, toolbarItemId, itemReferences],\n );\n\n return { onKeyDown };\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,gCAAmC;AAE5B,MAAM,yBAAyB,CACpC,kBAGG;AACH,QAAM,EAAE,YAAY,mBAAmB,6BAAW;AAElD,QAAM,YAAwC,8BAC5C,CAAC,MAAM;AACL,UAAM,eAAe,CAAC,GAAG,SAAS,iBAAiB,IAAI;AACvD,QAAI,uBAAuB;AAE3B,QAAI,CAAC,aAAa,cAAc,SAAS,EAAE,OAAO;AAChD,YAAM,mBAAmB,aAAa,UAAU,CAAC,YAAY,QAAQ,OAAO;AAC5E,6BAAuB,mBAAoB,GAAE,SAAS,cAAc,KAAK;AAAA,eAChE,EAAE,SAAS,QAAQ;AAC5B,6BAAuB;AAAA,eACd,EAAE,SAAS,OAAO;AAC3B,6BAAuB,aAAa,SAAS;AAAA;AAG/C,QAAI,wBAAwB,KAAK,uBAAuB,aAAa,QAAQ;AAC3E,QAAE;AACF,QAAE;AACF,YAAM,MAAM,eAAe,aAAa,sBAAsB;AAC9D,UAAI,IAAI;AAAS,YAAI,QAAQ;AAAA;AAAA,KAGjC,CAAC,YAAY,eAAe;AAG9B,SAAO,EAAE;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,41 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
4
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
+ var __spreadValues = (a, b) => {
7
+ for (var prop in b || (b = {}))
8
+ if (__hasOwnProp.call(b, prop))
9
+ __defNormalProp(a, prop, b[prop]);
10
+ if (__getOwnPropSymbols)
11
+ for (var prop of __getOwnPropSymbols(b)) {
12
+ if (__propIsEnum.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ }
15
+ return a;
16
+ };
17
+ import * as React from "react";
18
+ import React2, { useContext, useMemo, useRef } from "react";
19
+ import { uid } from "uid";
20
+ import { DSToolbarV2Context } from "./DSToolbarV2Context";
21
+ import { StyledToolbarItem } from "./styled";
22
+ import { useToolbarItemHandlers } from "./useToolbarItemHandlers";
23
+ const DSToolbarItemV2 = ({ render }) => {
24
+ const { registerReference } = useContext(DSToolbarV2Context);
25
+ const ref = useRef(null);
26
+ const toolbarItemId = useMemo(() => {
27
+ const id = `ds-toolbar-item-${uid()}`;
28
+ registerReference(id, ref);
29
+ return id;
30
+ }, [registerReference, ref]);
31
+ const handlers = useToolbarItemHandlers(toolbarItemId);
32
+ return /* @__PURE__ */ React2.createElement(StyledToolbarItem, __spreadValues({
33
+ id: toolbarItemId,
34
+ "data-testid": "ds-toolbar-item",
35
+ className: "ds-toolbar-item"
36
+ }, handlers), render({ innerRef: ref }));
37
+ };
38
+ export {
39
+ DSToolbarItemV2
40
+ };
41
+ //# sourceMappingURL=DSToolbarItemV2.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToolbarItemV2.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { MutableRefObject, useContext, useMemo, useRef } from 'react';\nimport { uid } from 'uid';\nimport { DSToolbarV2Context } from './DSToolbarV2Context';\nimport { StyledToolbarItem } from './styled';\nimport { useToolbarItemHandlers } from './useToolbarItemHandlers';\n\ninterface ToolbarItemProps {\n render: (props: { innerRef: MutableRefObject<HTMLElement> }) => JSX.Element;\n}\n\nexport const DSToolbarItemV2: React.ComponentType<ToolbarItemProps> = ({ render }) => {\n const { registerReference } = useContext(DSToolbarV2Context);\n const ref = useRef(null);\n\n const toolbarItemId = useMemo(() => {\n const id = `ds-toolbar-item-${uid()}`;\n registerReference(id, ref);\n return id;\n }, [registerReference, ref]);\n\n const handlers = useToolbarItemHandlers(toolbarItemId);\n\n return (\n <StyledToolbarItem id={toolbarItemId} data-testid=\"ds-toolbar-item\" className=\"ds-toolbar-item\" {...handlers}>\n {render({ innerRef: ref })}\n </StyledToolbarItem>\n );\n};\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AAMO,MAAM,kBAAyD,CAAC,EAAE,aAAa;AACpF,QAAM,EAAE,sBAAsB,WAAW;AACzC,QAAM,MAAM,OAAO;AAEnB,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,KAAK,mBAAmB;AAC9B,sBAAkB,IAAI;AACtB,WAAO;AAAA,KACN,CAAC,mBAAmB;AAEvB,QAAM,WAAW,uBAAuB;AAExC,SACE,qCAAC,mBAAD;AAAA,IAAmB,IAAI;AAAA,IAAe,eAAY;AAAA,IAAkB,WAAU;AAAA,KAAsB,WACjG,OAAO,EAAE,UAAU;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import React2 from "react";
3
+ import { StyledSeparator } from "./styled";
4
+ const DSToolbarSeparatorV2 = () => /* @__PURE__ */ React2.createElement(StyledSeparator, {
5
+ className: "ds-toolbar-separator"
6
+ });
7
+ export {
8
+ DSToolbarSeparatorV2
9
+ };
10
+ //# sourceMappingURL=DSToolbarSeparatorV2.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToolbarSeparatorV2.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledSeparator } from './styled';\n\nexport const DSToolbarSeparatorV2: React.ComponentType = () => <StyledSeparator className=\"ds-toolbar-separator\" />;\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,uBAA4C,MAAM,qCAAC,iBAAD;AAAA,EAAiB,WAAU;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,63 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ import * as React from "react";
21
+ import React2, { useCallback, useMemo, useState } from "react";
22
+ import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
23
+ import { describe } from "react-desc";
24
+ import { uid } from "uid";
25
+ import { DSToolbarV2Context } from "./DSToolbarV2Context";
26
+ import { DSToolbarV2Schema } from "./props";
27
+ import { StyledToolbarWrapper } from "./styled";
28
+ const DSToolbarV2 = (props) => {
29
+ const { alignment, withDepth, compact, innerRef, children } = props;
30
+ useValidateTypescriptPropTypes(props, DSToolbarV2Schema);
31
+ const toolbarUid = useMemo(() => `ds-toolbar-${uid()}`, []);
32
+ const [itemReferences, setItemReferences] = useState({});
33
+ const registerReference = useCallback((itemId, ref) => {
34
+ setItemReferences((prevItemReferences) => __spreadProps(__spreadValues({}, prevItemReferences), { [itemId]: ref }));
35
+ }, [setItemReferences]);
36
+ return /* @__PURE__ */ React2.createElement(DSToolbarV2Context.Provider, {
37
+ value: { toolbarUid, registerReference, itemReferences }
38
+ }, /* @__PURE__ */ React2.createElement(StyledToolbarWrapper, {
39
+ role: "toolbar",
40
+ "data-testid": "ds-toolbar-wrapper",
41
+ id: toolbarUid,
42
+ alignItems: "center",
43
+ justifyContent: alignment === "left" ? "flex-start" : "flex-end",
44
+ withDepth,
45
+ cols: React2.Children.map(children, () => ["auto"]),
46
+ gutter: "xxs2",
47
+ compact,
48
+ ref: innerRef
49
+ }, children));
50
+ };
51
+ DSToolbarV2.propTypes = DSToolbarV2Schema;
52
+ DSToolbarV2.defaultProps = {
53
+ alignment: "right",
54
+ withDepth: true,
55
+ compact: false
56
+ };
57
+ const DSToolbarV2WithSchema = describe(DSToolbarV2).description("Toolbar");
58
+ DSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;
59
+ export {
60
+ DSToolbarV2,
61
+ DSToolbarV2WithSchema
62
+ };
63
+ //# sourceMappingURL=DSToolbarV2.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToolbarV2.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport { DSToolbarV2Context } from './DSToolbarV2Context';\nimport { DSToolbarV2Schema } from './props';\nimport { StyledToolbarWrapper } from './styled';\ninterface ToolbarProps {\n alignment?: 'left' | 'right';\n withDepth?: boolean;\n compact?: boolean;\n innerRef?: React.MutableRefObject<HTMLDivElement>;\n}\n\nconst DSToolbarV2: React.ComponentType<ToolbarProps> = (props) => {\n const { alignment, withDepth, compact, innerRef, children } = props;\n\n useValidateTypescriptPropTypes(props, DSToolbarV2Schema);\n\n const toolbarUid = useMemo(() => `ds-toolbar-${uid()}`, []);\n\n const [itemReferences, setItemReferences] = useState({});\n\n const registerReference = useCallback(\n (itemId: string, ref: React.MutableRefObject<HTMLElement>) => {\n setItemReferences((prevItemReferences) => ({ ...prevItemReferences, [itemId]: ref }));\n },\n [setItemReferences],\n );\n\n return (\n <DSToolbarV2Context.Provider value={{ toolbarUid, registerReference, itemReferences }}>\n <StyledToolbarWrapper\n role=\"toolbar\"\n data-testid=\"ds-toolbar-wrapper\"\n id={toolbarUid}\n alignItems=\"center\"\n justifyContent={alignment === 'left' ? 'flex-start' : 'flex-end'}\n withDepth={withDepth}\n cols={React.Children.map(children, () => ['auto'])}\n gutter=\"xxs2\"\n compact={compact}\n ref={innerRef}\n >\n {children}\n </StyledToolbarWrapper>\n </DSToolbarV2Context.Provider>\n );\n};\n\nDSToolbarV2.propTypes = DSToolbarV2Schema;\nDSToolbarV2.defaultProps = {\n alignment: 'right',\n withDepth: true,\n compact: false,\n};\nconst DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');\nDSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;\n\nexport { DSToolbarV2, DSToolbarV2WithSchema };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAQA,MAAM,cAAiD,CAAC,UAAU;AAChE,QAAM,EAAE,WAAW,WAAW,SAAS,UAAU,aAAa;AAE9D,iCAA+B,OAAO;AAEtC,QAAM,aAAa,QAAQ,MAAM,cAAc,SAAS;AAExD,QAAM,CAAC,gBAAgB,qBAAqB,SAAS;AAErD,QAAM,oBAAoB,YACxB,CAAC,QAAgB,QAA6C;AAC5D,sBAAkB,CAAC,uBAAwB,iCAAK,qBAAL,GAA0B,SAAS;AAAA,KAEhF,CAAC;AAGH,SACE,qCAAC,mBAAmB,UAApB;AAAA,IAA6B,OAAO,EAAE,YAAY,mBAAmB;AAAA,KACnE,qCAAC,sBAAD;AAAA,IACE,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,IAAI;AAAA,IACJ,YAAW;AAAA,IACX,gBAAgB,cAAc,SAAS,eAAe;AAAA,IACtD;AAAA,IACA,MAAM,OAAM,SAAS,IAAI,UAAU,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP;AAAA,IACA,KAAK;AAAA,KAEJ;AAAA;AAMT,YAAY,YAAY;AACxB,YAAY,eAAe;AAAA,EACzB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA;AAEX,MAAM,wBAAwB,SAAS,aAAa,YAAY;AAChE,sBAAsB,YAAY;",
6
+ "names": []
7
+ }
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import { createContext } from "react";
3
+ const DSToolbarV2Context = createContext({
4
+ registerReference: () => null,
5
+ itemReferences: {},
6
+ toolbarUid: ""
7
+ });
8
+ export {
9
+ DSToolbarV2Context
10
+ };
11
+ //# sourceMappingURL=DSToolbarV2Context.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToolbarV2Context.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext, MutableRefObject } from 'react';\n\ninterface IDSToolbarV2Context {\n registerReference: (uid: string, ref: MutableRefObject<HTMLElement>) => void;\n itemReferences: Record<string, MutableRefObject<HTMLElement>>;\n toolbarUid: string;\n}\n\nexport const DSToolbarV2Context = createContext<IDSToolbarV2Context>({\n registerReference: () => null,\n itemReferences: {},\n toolbarUid: '',\n});\n"],
5
+ "mappings": "AAAA;ACAA;AAQO,MAAM,qBAAqB,cAAmC;AAAA,EACnE,mBAAmB,MAAM;AAAA,EACzB,gBAAgB;AAAA,EAChB,YAAY;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,104 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
32
+ import * as React from "react";
33
+ import React2, { useRef } from "react";
34
+ import { describe, PropTypes } from "react-desc";
35
+ import { aggregatedClasses } from "@elliemae/ds-classnames";
36
+ import FocusGroupProvider from "@elliemae/ds-shared/FocusGroup/FocusGroupManager";
37
+ import { mergeRefs } from "@elliemae/ds-utilities";
38
+ import decorateToolbarChildren from "./decorateToolbarChildren";
39
+ import Item from "./ToolbarItem";
40
+ import ToolbarGroup from "./ToolbarGroup";
41
+ import Divider from "./ToolbarDivider";
42
+ const blockName = "toolbar";
43
+ const ToolbarContainer = aggregatedClasses("div")(blockName, null, ({ withDepth, alignment, size }) => ({
44
+ "without-depth": !withDepth,
45
+ [alignment]: !!alignment,
46
+ [size]: size
47
+ }));
48
+ const DSToolbar = (_a) => {
49
+ var _b = _a, {
50
+ containerProps = {},
51
+ innerRef,
52
+ withDepth = true,
53
+ alignment = "right",
54
+ autoFocusOnMount = true,
55
+ children = [],
56
+ size = "normal"
57
+ } = _b, otherProps = __objRest(_b, [
58
+ "containerProps",
59
+ "innerRef",
60
+ "withDepth",
61
+ "alignment",
62
+ "autoFocusOnMount",
63
+ "children",
64
+ "size"
65
+ ]);
66
+ const containerRef = useRef(null);
67
+ return /* @__PURE__ */ React2.createElement(FocusGroupProvider, {
68
+ autoFocusOnMount,
69
+ getContainer: () => containerRef.current,
70
+ keyBindings: {
71
+ Tab: "next"
72
+ },
73
+ orientation: "horizontal"
74
+ }, /* @__PURE__ */ React2.createElement(ToolbarContainer, __spreadProps(__spreadValues(__spreadValues({}, containerProps), otherProps), {
75
+ classProps: { withDepth, alignment, size },
76
+ innerRef: mergeRefs(innerRef, containerRef)
77
+ }), decorateToolbarChildren(children)));
78
+ };
79
+ const toolbarProps = {
80
+ containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
81
+ withDepth: PropTypes.bool.description("Shows a shadow rear the toolbar").defaultValue(true),
82
+ alignment: PropTypes.oneOf(["right", "left"]).description("Aligns the toolbar to the left or right").defaultValue("right"),
83
+ size: PropTypes.oneOf(["normal", "compact"]).description("Toolbar size").defaultValue("normal"),
84
+ autoFocusOnMount: PropTypes.bool.description("Wheter to focus the component when it mounts or not").defaultValue(true),
85
+ children: PropTypes.oneOfType([
86
+ PropTypes.array,
87
+ PropTypes.func,
88
+ PropTypes.node
89
+ ]).description("Toolbar items").isRequired,
90
+ innerRef: PropTypes.object.description("Ref to the Toolbar container element")
91
+ };
92
+ DSToolbar.propTypes = toolbarProps;
93
+ const ToolbarWithSchema = describe(DSToolbar);
94
+ ToolbarWithSchema.propTypes = toolbarProps;
95
+ var DSToolbar_default = DSToolbar;
96
+ export {
97
+ DSToolbar,
98
+ Divider as ToolbarDivider,
99
+ ToolbarGroup,
100
+ Item as ToolbarItem,
101
+ ToolbarWithSchema,
102
+ DSToolbar_default as default
103
+ };
104
+ //# sourceMappingURL=DSToolbar.js.map