@elliemae/ds-group-box 2.3.0-alpha.8 → 2.3.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 (65) hide show
  1. package/cjs/ActionItem.js +24 -0
  2. package/cjs/Actions.js +37 -0
  3. package/cjs/DSGroupBox.js +140 -0
  4. package/cjs/GroupBoxLabel.js +40 -0
  5. package/cjs/LabelElement.js +24 -0
  6. package/cjs/components/GroupHeader.js +53 -0
  7. package/cjs/components/blocks.js +56 -0
  8. package/cjs/constants.js +12 -0
  9. package/cjs/index.js +14 -0
  10. package/esm/ActionItem.js +17 -0
  11. package/esm/Actions.js +27 -0
  12. package/esm/DSGroupBox.js +128 -0
  13. package/esm/GroupBoxLabel.js +33 -0
  14. package/esm/LabelElement.js +17 -0
  15. package/esm/components/GroupHeader.js +44 -0
  16. package/esm/components/blocks.js +50 -0
  17. package/esm/constants.js +7 -0
  18. package/esm/index.js +2 -0
  19. package/package.json +37 -39
  20. package/types/ActionItem.d.ts +11 -0
  21. package/types/Actions.d.ts +16 -0
  22. package/types/DSGroupBox.d.ts +113 -0
  23. package/types/GroupBoxLabel.d.ts +21 -0
  24. package/types/LabelElement.d.ts +11 -0
  25. package/types/components/GroupHeader.d.ts +13 -0
  26. package/types/components/blocks.d.ts +4 -0
  27. package/types/constants.d.ts +5 -0
  28. package/types/index.d.ts +3 -0
  29. package/types/tests/DSGroupBox.test.d.ts +1 -0
  30. package/dist/cjs/ActionItem.js +0 -55
  31. package/dist/cjs/ActionItem.js.map +0 -7
  32. package/dist/cjs/Actions.js +0 -64
  33. package/dist/cjs/Actions.js.map +0 -7
  34. package/dist/cjs/DSGroupBox.js +0 -106
  35. package/dist/cjs/DSGroupBox.js.map +0 -7
  36. package/dist/cjs/GroupBoxLabel.js +0 -83
  37. package/dist/cjs/GroupBoxLabel.js.map +0 -7
  38. package/dist/cjs/LabelElement.js +0 -52
  39. package/dist/cjs/LabelElement.js.map +0 -7
  40. package/dist/cjs/components/GroupHeader.js +0 -69
  41. package/dist/cjs/components/GroupHeader.js.map +0 -7
  42. package/dist/cjs/components/blocks.js +0 -58
  43. package/dist/cjs/components/blocks.js.map +0 -7
  44. package/dist/cjs/constants.js +0 -40
  45. package/dist/cjs/constants.js.map +0 -7
  46. package/dist/cjs/index.js +0 -37
  47. package/dist/cjs/index.js.map +0 -7
  48. package/dist/esm/ActionItem.js +0 -26
  49. package/dist/esm/ActionItem.js.map +0 -7
  50. package/dist/esm/Actions.js +0 -35
  51. package/dist/esm/Actions.js.map +0 -7
  52. package/dist/esm/DSGroupBox.js +0 -77
  53. package/dist/esm/DSGroupBox.js.map +0 -7
  54. package/dist/esm/GroupBoxLabel.js +0 -54
  55. package/dist/esm/GroupBoxLabel.js.map +0 -7
  56. package/dist/esm/LabelElement.js +0 -23
  57. package/dist/esm/LabelElement.js.map +0 -7
  58. package/dist/esm/components/GroupHeader.js +0 -40
  59. package/dist/esm/components/GroupHeader.js.map +0 -7
  60. package/dist/esm/components/blocks.js +0 -29
  61. package/dist/esm/components/blocks.js.map +0 -7
  62. package/dist/esm/constants.js +0 -11
  63. package/dist/esm/constants.js.map +0 -7
  64. package/dist/esm/index.js +0 -8
  65. package/dist/esm/index.js.map +0 -7
@@ -1,106 +0,0 @@
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 DSGroupBox_exports = {};
29
- __export(DSGroupBox_exports, {
30
- DSGroupBox: () => DSGroupBox,
31
- DSGroupBoxWithSchema: () => DSGroupBoxWithSchema,
32
- default: () => DSGroupBox_default
33
- });
34
- var React = __toESM(require("react"));
35
- var import_react = __toESM(require("react"));
36
- var import_react_desc = require("react-desc");
37
- var import_blocks = require("./components/blocks");
38
- var import_GroupHeader = require("./components/GroupHeader");
39
- var import_constants = require("./constants");
40
- const DSGroupBox = ({
41
- containerProps = {},
42
- labelProps = {
43
- labelText: "",
44
- borderBottom: false,
45
- id: "ds-group-box__header"
46
- },
47
- rightActions = [],
48
- centerActions = [],
49
- type = import_constants.BOX_TYPES.CATEGORY,
50
- asRow = false,
51
- onlyHeader = false,
52
- noBorder = true,
53
- noPadding = false,
54
- children: components = [],
55
- isMain = true
56
- }) => {
57
- const { labelText } = labelProps;
58
- return /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxWrapper, {
59
- ...containerProps,
60
- classProps: { onlyHeader, noBorder, type, isMain }
61
- }, labelText && /* @__PURE__ */ import_react.default.createElement(import_GroupHeader.DSGroupBoxHeader, {
62
- centerActions,
63
- isMain,
64
- labelProps,
65
- noBorder,
66
- rightActions,
67
- type
68
- }), /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxContent, {
69
- classProps: {
70
- type,
71
- asRow,
72
- onlyHeader,
73
- noPadding,
74
- noBorder,
75
- noBorderTop: !!labelText
76
- }
77
- }, components && components.props ? import_react.default.Children.map(components, (component) => import_react.default.cloneElement(component, {
78
- ...component.props,
79
- isMain: false
80
- }), null) : components));
81
- };
82
- const props = {
83
- containerProps: import_react_desc.PropTypes.object.description("props to inject to wrapper"),
84
- labelProps: import_react_desc.PropTypes.shape({
85
- labelText: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]),
86
- borderBottom: import_react_desc.PropTypes.bool,
87
- id: import_react_desc.PropTypes.string
88
- }).description("Label attributes to be rendered"),
89
- type: import_react_desc.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(import_constants.BOX_TYPES_ARRAY.toString()),
90
- children: import_react_desc.PropTypes.oneOfType([
91
- import_react_desc.PropTypes.element,
92
- import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element)
93
- ]).isRequired.description("Components to be rendered inside the box"),
94
- rightActions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("Actions on the right side of the label"),
95
- centerActions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("Actions on the next to the label"),
96
- asRow: import_react_desc.PropTypes.bool.description("Display the content of the group box with flex direction row"),
97
- onlyHeader: import_react_desc.PropTypes.bool.description("Show border only on the header"),
98
- noBorder: import_react_desc.PropTypes.bool.description("Remove the wrapper border"),
99
- noPadding: import_react_desc.PropTypes.bool.description("Remove the top and bottom padding from the content")
100
- };
101
- DSGroupBox.propTypes = props;
102
- const DSGroupBoxWithSchema = (0, import_react_desc.describe)(DSGroupBox);
103
- DSGroupBoxWithSchema.propTypes = props;
104
- var DSGroupBox_default = DSGroupBox;
105
- module.exports = __toCommonJS(DSGroupBox_exports);
106
- //# sourceMappingURL=DSGroupBox.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/DSGroupBox.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks';\nimport { DSGroupBoxHeader } from './components/GroupHeader';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants';\n\nconst DSGroupBox = ({\n containerProps = {},\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n asRow = false,\n onlyHeader = false,\n noBorder = true,\n noPadding = false,\n children: components = [],\n // eslint-disable-next-line react/prop-types\n isMain = true,\n}) => {\n const { labelText } = labelProps;\n return (\n <GroupBoxWrapper\n {...containerProps}\n classProps={{ onlyHeader, noBorder, type, isMain }}\n >\n {labelText && (\n <DSGroupBoxHeader\n centerActions={centerActions}\n isMain={isMain}\n labelProps={labelProps}\n noBorder={noBorder}\n rightActions={rightActions}\n type={type}\n />\n )}\n\n <GroupBoxContent\n classProps={{\n type,\n asRow,\n onlyHeader,\n noPadding,\n noBorder,\n noBorderTop: !!labelText,\n }}\n >\n {components && components.props\n ? React.Children.map(\n components,\n (component) =>\n React.cloneElement(component, {\n ...component.props,\n isMain: false,\n }),\n null,\n )\n : components}\n </GroupBoxContent>\n </GroupBoxWrapper>\n );\n};\n\nconst props = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /**\n * Label attributes to be rendered\n */\n labelProps: PropTypes.shape({\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n borderBottom: PropTypes.bool,\n id: PropTypes.string,\n }).description('Label attributes to be rendered'),\n /**\n * ['category-box', 'group-box']\n */\n type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(\n BOX_TYPES_ARRAY.toString(),\n ),\n /**\n * Components to be rendered inside the box\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n ]).isRequired.description('Components to be rendered inside the box'),\n /**\n * Actions on the right side of the label\n */\n rightActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the right side of the label',\n ),\n /**\n * Actions on the next to the label\n */\n centerActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the next to the label',\n ),\n /**\n * Display the content of the group box with flex direction row\n */\n asRow: PropTypes.bool.description(\n 'Display the content of the group box with flex direction row',\n ),\n /**\n * Show border only on the header\n */\n onlyHeader: PropTypes.bool.description('Show border only on the header'),\n /**\n * Remove the wrapper border\n */\n noBorder: PropTypes.bool.description('Remove the wrapper border'),\n /**\n * Remove the top and bottom padding from the content\n */\n noPadding: PropTypes.bool.description(\n 'Remove the top and bottom padding from the content',\n ),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa;AAAA,EAEvB,SAAS;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,mDAAC,+BAAD;AAAA,OACM;AAAA,IACJ,YAAY,EAAE,YAAY,UAAU,MAAM;AAAA,KAEzC,aACC,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAIJ,mDAAC,+BAAD;AAAA,IACE,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA;AAAA,KAGhB,cAAc,WAAW,QACtB,qBAAM,SAAS,IACb,YACA,CAAC,cACC,qBAAM,aAAa,WAAW;AAAA,OACzB,UAAU;AAAA,IACb,QAAQ;AAAA,MAEZ,QAEF;AAAA;AAMZ,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAI7C,YAAY,4BAAU,MAAM;AAAA,IAC1B,WAAW,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,IAC5D,cAAc,4BAAU;AAAA,IACxB,IAAI,4BAAU;AAAA,KACb,YAAY;AAAA,EAIf,MAAM,4BAAU,MAAM,kCAAiB,YACrC,iCAAgB;AAAA,EAKlB,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,QAAQ,4BAAU;AAAA,KAC3B,WAAW,YAAY;AAAA,EAI1B,cAAc,4BAAU,QAAQ,4BAAU,SAAS,YACjD;AAAA,EAKF,eAAe,4BAAU,QAAQ,4BAAU,SAAS,YAClD;AAAA,EAKF,OAAO,4BAAU,KAAK,YACpB;AAAA,EAKF,YAAY,4BAAU,KAAK,YAAY;AAAA,EAIvC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,4BAAU,KAAK,YACxB;AAAA;AAIJ,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AAEtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
6
- "names": []
7
- }
@@ -1,83 +0,0 @@
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 GroupBoxLabel_exports = {};
29
- __export(GroupBoxLabel_exports, {
30
- default: () => GroupBoxLabel_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_styled_components = __toESM(require("styled-components"));
36
- var import_ds_system = require("@elliemae/ds-system");
37
- var import_constants = require("./constants");
38
- const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
39
- const categoryBoxStyles = `
40
- width: 100%;
41
- height: 36px;
42
- padding:0 0;
43
- color: ${(props) => props.theme.colors.neutral[800]};
44
- display: flex;
45
- flex-direction: row;
46
- align-items: center;
47
- border-bottom: ${borderBase200}
48
- `;
49
- const groupBoxStyles = `
50
- border: unset;
51
- font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[500])};
52
- padding: 12px 0;
53
- `;
54
- const GroupBoxLabelNode = import_styled_components.default.div`
55
- ${(props) => props.nodeType === "category-box" ? categoryBoxStyles : groupBoxStyles}
56
- ${(props) => props.noBorder ? "border: none;" : ""}
57
- ${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
58
- ${(props) => props.isMain ? `padding-right: ${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};` : ""}
59
- `;
60
- function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {
61
- return /* @__PURE__ */ import_react.default.createElement(GroupBoxLabelNode, {
62
- borderBottom,
63
- "data-testid": "ds-group-box__header",
64
- isMain,
65
- noBorder,
66
- nodeType: type,
67
- id
68
- }, children);
69
- }
70
- GroupBoxLabel.propTypes = {
71
- children: import_prop_types.default.oneOfType([
72
- import_prop_types.default.arrayOf(import_prop_types.default.node),
73
- import_prop_types.default.node
74
- ]).isRequired,
75
- type: import_prop_types.default.oneOf(import_constants.BOX_TYPES_ARRAY),
76
- borderBottom: import_prop_types.default.bool,
77
- isMain: import_prop_types.default.bool.isRequired,
78
- noBorder: import_prop_types.default.bool,
79
- id: import_prop_types.default.string
80
- };
81
- var GroupBoxLabel_default = GroupBoxLabel;
82
- module.exports = __toCommonJS(GroupBoxLabel_exports);
83
- //# sourceMappingURL=GroupBoxLabel.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/GroupBoxLabel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) =>\n `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n width: 100%;\n height: 36px;\n padding:0 0;\n color: ${(props) => props.theme.colors.neutral[800]};\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n border: unset;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n ${(props) =>\n props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles}\n ${(props) => (props.noBorder ? 'border: none;' : '')}\n ${(props) =>\n props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ''}\n ${(props) =>\n props.isMain\n ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};`\n : ''}\n`;\nfunction GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {\n return (\n <GroupBoxLabelNode\n borderBottom={borderBottom}\n data-testid=\"ds-group-box__header\"\n isMain={isMain}\n noBorder={noBorder}\n nodeType={type}\n id={id}\n >\n {children}\n </GroupBoxLabelNode>\n );\n}\n\nGroupBoxLabel.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n borderBottom: PropTypes.bool,\n isMain: PropTypes.bool.isRequired,\n noBorder: PropTypes.bool,\n id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,uBAAmD;AACnD,uBAAgC;AAEhC,MAAM,gBAAgB,CAAC,UACrB,aAAa,MAAM,MAAM,OAAO,QAAQ;AAE1C,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,mBAI9B;AAAA;AAGnB,MAAM,iBAAiB;AAAA;AAAA,eAER,CAAC,UAAU,+BAAS,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAI/D,MAAM,oBAAoB,iCAAO;AAAA,IAC7B,CAAC,UACD,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACxD,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UACD,MAAM,eAAe,kBAAkB,cAAc,WAAW;AAAA,IAChE,CAAC,UACD,MAAM,SACF,kBAAkB,+CAAyB,MAAM,MAAM,MAAM,SAC7D;AAAA;AAER,uBAAuB,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,MAAM;AAC7E,SACE,mDAAC,mBAAD;AAAA,IACE;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,KAEC;AAAA;AAKP,cAAc,YAAY;AAAA,EACxB,UAAU,0BAAU,UAAU;AAAA,IAC5B,0BAAU,QAAQ,0BAAU;AAAA,IAC5B,0BAAU;AAAA,KACT;AAAA,EACH,MAAM,0BAAU,MAAM;AAAA,EACtB,cAAc,0BAAU;AAAA,EACxB,QAAQ,0BAAU,KAAK;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,IAAI,0BAAU;AAAA;AAGhB,IAAO,wBAAQ;",
6
- "names": []
7
- }
@@ -1,52 +0,0 @@
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 LabelElement_exports = {};
29
- __export(LabelElement_exports, {
30
- default: () => LabelElement_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_styled_components = __toESM(require("styled-components"));
36
- var import_ds_system = require("@elliemae/ds-system");
37
- const LabelElementNode = import_styled_components.default.div`
38
- overflow: hidden;
39
- display: flex;
40
- align-items: center;
41
- font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[700])};
42
- font-weight: 400;
43
- `;
44
- function LabelElement({ children }) {
45
- return /* @__PURE__ */ import_react.default.createElement(LabelElementNode, null, children);
46
- }
47
- LabelElement.propTypes = {
48
- children: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.node]).isRequired
49
- };
50
- var LabelElement_default = LabelElement;
51
- module.exports = __toCommonJS(LabelElement_exports);
52
- //# sourceMappingURL=LabelElement.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/LabelElement.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n overflow: hidden;\n display: flex;\n align-items: center;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n font-weight: 400;\n`;\n\nfunction LabelElement({ children }) {\n return <LabelElementNode>{children}</LabelElementNode>;\n}\n\nLabelElement.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,uBAAyB;AAEzB,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,+BAAS,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAI/D,sBAAsB,EAAE,YAAY;AAClC,SAAO,mDAAC,kBAAD,MAAmB;AAAA;AAG5B,aAAa,YAAY;AAAA,EACvB,UAAU,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU,OAAO;AAAA;AAGpE,IAAO,uBAAQ;",
6
- "names": []
7
- }
@@ -1,69 +0,0 @@
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 GroupHeader_exports = {};
29
- __export(GroupHeader_exports, {
30
- DSGroupBoxHeader: () => DSGroupBoxHeader
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
35
- var import_constants = require("../constants");
36
- var import_Actions = __toESM(require("../Actions"));
37
- var import_LabelElement = __toESM(require("../LabelElement"));
38
- var import_GroupBoxLabel = __toESM(require("../GroupBoxLabel"));
39
- const DSGroupBoxHeader = ({
40
- labelProps = {
41
- labelText: "",
42
- borderBottom: false,
43
- id: "ds-group-box__header"
44
- },
45
- rightActions = [],
46
- centerActions = [],
47
- type = import_constants.BOX_TYPES.CATEGORY,
48
- noBorder,
49
- isMain
50
- }) => {
51
- const { labelText, borderBottom, id } = labelProps;
52
- return /* @__PURE__ */ import_react.default.createElement(import_GroupBoxLabel.default, {
53
- borderBottom,
54
- isMain,
55
- noBorder,
56
- type,
57
- id
58
- }, /* @__PURE__ */ import_react.default.createElement(import_LabelElement.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
59
- value: labelText
60
- })), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, {
61
- actions: centerActions,
62
- centerActions: centerActions.length > 0
63
- }), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, {
64
- actions: rightActions,
65
- rightActions: rightActions.length > 0
66
- }));
67
- };
68
- module.exports = __toCommonJS(GroupHeader_exports);
69
- //# sourceMappingURL=GroupHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/GroupHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n noBorder,\n isMain,\n}) => {\n const { labelText, borderBottom, id } = labelProps;\n return (\n <Label\n borderBottom={borderBottom}\n isMain={isMain}\n noBorder={noBorder}\n type={type}\n id={id}\n >\n <LabelElement>\n <DSTruncatedTooltipText value={labelText} />\n </LabelElement>\n <Actions\n actions={centerActions}\n centerActions={centerActions.length > 0}\n />\n <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n </Label>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uCAAmC;AACnC,uBAA0B;AAC1B,qBAAoB;AACpB,0BAAyB;AACzB,2BAAkB;AAEX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,2BAAU;AAAA,EACjB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,WAAW,cAAc,OAAO;AACxC,SACE,mDAAC,8BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,6BAAD,MACE,mDAAC,0CAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,mDAAC,wBAAD;AAAA,IACE,SAAS;AAAA,IACT,eAAe,cAAc,SAAS;AAAA,MAExC,mDAAC,wBAAD;AAAA,IAAS,SAAS;AAAA,IAAc,cAAc,aAAa,SAAS;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,58 +0,0 @@
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 blocks_exports = {};
29
- __export(blocks_exports, {
30
- GroupBoxContent: () => GroupBoxContent,
31
- GroupBoxWrapper: () => GroupBoxWrapper,
32
- Label: () => Label
33
- });
34
- var React = __toESM(require("react"));
35
- var import_ds_classnames = require("@elliemae/ds-classnames");
36
- const blockName = "group-box";
37
- const GroupBoxWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ onlyHeader, noBorder, type, isMain }) => ({
38
- "only-header": onlyHeader,
39
- "no-border": noBorder,
40
- [type]: type,
41
- "main-box": isMain,
42
- "nested-box": !isMain
43
- }));
44
- const GroupBoxContent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "content", ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({
45
- [type]: type,
46
- "as-row": asRow,
47
- "only-header": onlyHeader,
48
- "no-padding": noPadding,
49
- "no-border": noBorder,
50
- "no-border-top": noBorderTop
51
- }));
52
- const Label = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
53
- "border-bottom": borderBottom,
54
- [type]: type,
55
- "no-border": noBorder
56
- }));
57
- module.exports = __toCommonJS(blocks_exports);
58
- //# sourceMappingURL=blocks.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ onlyHeader, noBorder, type, isMain }) => ({\n 'only-header': onlyHeader,\n 'no-border': noBorder,\n [type]: type,\n 'main-box': isMain,\n 'nested-box': !isMain,\n }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n blockName,\n 'content',\n ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n [type]: type,\n 'as-row': asRow,\n 'only-header': onlyHeader,\n 'no-padding': noPadding,\n 'no-border': noBorder,\n 'no-border-top': noBorderTop,\n }),\n);\n\nexport const Label = aggregatedClasses('div')(\n blockName,\n 'label',\n ({ borderBottom, type, noBorder }) => ({\n 'border-bottom': borderBottom,\n [type]: type,\n 'no-border': noBorder,\n }),\n);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,WACA,CAAC,EAAE,YAAY,UAAU,MAAM,aAAc;AAAA,EAC3C,eAAe;AAAA,EACf,aAAa;AAAA,GACZ,OAAO;AAAA,EACR,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA;AAIZ,MAAM,kBAAkB,4CAAkB,OAC/C,WACA,WACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,kBAAmB;AAAA,GACjE,OAAO;AAAA,EACR,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA;AAId,MAAM,QAAQ,4CAAkB,OACrC,WACA,SACA,CAAC,EAAE,cAAc,MAAM,eAAgB;AAAA,EACrC,iBAAiB;AAAA,GAChB,OAAO;AAAA,EACR,aAAa;AAAA;",
6
- "names": []
7
- }
@@ -1,40 +0,0 @@
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 constants_exports = {};
29
- __export(constants_exports, {
30
- BOX_TYPES: () => BOX_TYPES,
31
- BOX_TYPES_ARRAY: () => BOX_TYPES_ARRAY
32
- });
33
- var React = __toESM(require("react"));
34
- const BOX_TYPES = {
35
- CATEGORY: "category-box",
36
- GROUP: "group-box"
37
- };
38
- const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
39
- module.exports = __toCommonJS(constants_exports);
40
- //# sourceMappingURL=constants.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/constants.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export const BOX_TYPES = {\n CATEGORY: 'category-box',\n GROUP: 'group-box',\n};\nexport const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AAAA;AAEF,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU;",
6
- "names": []
7
- }
package/dist/cjs/index.js DELETED
@@ -1,37 +0,0 @@
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_DSGroupBox.default
31
- });
32
- var React = __toESM(require("react"));
33
- __reExport(src_exports, require("./DSGroupBox"));
34
- __reExport(src_exports, require("./constants"));
35
- var import_DSGroupBox = __toESM(require("./DSGroupBox"));
36
- module.exports = __toCommonJS(src_exports);
37
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export * from './DSGroupBox';\nexport * from './constants';\nexport { default } from './DSGroupBox';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAwB;",
6
- "names": []
7
- }
@@ -1,26 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import styled from "styled-components";
4
- import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
5
- import PropTypes from "prop-types";
6
- const ActionItemNode = styled.div`
7
- padding-right: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
8
- font-weight: 300;
9
- overflow: hidden;
10
- align-items: center;
11
- display: flex;
12
- &:last-child {
13
- padding-right: 0;
14
- }
15
- `;
16
- function ActionItem({ children }) {
17
- return /* @__PURE__ */ React2.createElement(ActionItemNode, null, children);
18
- }
19
- ActionItem.propTypes = {
20
- children: PropTypes.node.isRequired
21
- };
22
- var ActionItem_default = ActionItem;
23
- export {
24
- ActionItem_default as default
25
- };
26
- //# sourceMappingURL=ActionItem.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ActionItem.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n padding-right: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n font-weight: 300;\n overflow: hidden;\n align-items: center;\n display: flex;\n &:last-child {\n padding-right: 0;\n }\n`;\n\nfunction ActionItem({ children }) {\n return <ActionItemNode>{children}</ActionItemNode>;\n}\n\nActionItem.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,OAAO;AAAA,mBACX,WAAS,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvE,oBAAoB,EAAE,YAAY;AAChC,SAAO,qCAAC,gBAAD,MAAiB;AAAA;AAG1B,WAAW,YAAY;AAAA,EACrB,UAAU,UAAU,KAAK;AAAA;AAG3B,IAAO,qBAAQ;",
6
- "names": []
7
- }
@@ -1,35 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import PropTypes from "prop-types";
4
- import styled from "styled-components";
5
- import { space } from "@xstyled/styled-components";
6
- import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
7
- import ActionItem from "./ActionItem";
8
- const ActionsNode = styled.div`
9
- display: flex;
10
- flex-direction: row;
11
- padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};
12
- overflow: hidden;
13
- ${space}
14
- `;
15
- function Actions({ actions = [], centerActions, rightActions }) {
16
- if (actions.length < 1)
17
- return null;
18
- return /* @__PURE__ */ React2.createElement(ActionsNode, {
19
- marginLeft: !!rightActions && "auto",
20
- marginRight: !!centerActions && "auto"
21
- }, actions.map((action, key) => /* @__PURE__ */ React2.createElement(ActionItem, {
22
- key
23
- }, action)));
24
- }
25
- Actions.propTypes = {
26
- actions: PropTypes.array,
27
- centerActions: PropTypes.bool,
28
- rightActions: PropTypes.bool
29
- };
30
- var Actions_default = Actions;
31
- export {
32
- Actions,
33
- Actions_default as default
34
- };
35
- //# sourceMappingURL=Actions.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Actions.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { space } from '@xstyled/styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\n\nconst ActionsNode = styled.div`\n display: flex;\n flex-direction: row;\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n overflow: hidden;\n ${space}\n`;\n\nfunction Actions({ actions = [], centerActions, rightActions }) {\n if (actions.length < 1) return null;\n return (\n <ActionsNode\n marginLeft={!!rightActions && 'auto'}\n marginRight={!!centerActions && 'auto'}\n >\n {actions.map((action, key) => (\n <ActionItem key={key}>{action}</ActionItem>\n ))}\n </ActionsNode>\n );\n}\n\nActions.propTypes = {\n actions: PropTypes.array,\n centerActions: PropTypes.bool,\n rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,IAEpE;AAAA;AAGJ,iBAAiB,EAAE,UAAU,IAAI,eAAe,gBAAgB;AAC9D,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,qCAAC,aAAD;AAAA,IACE,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAC9B,aAAa,CAAC,CAAC,iBAAiB;AAAA,KAE/B,QAAQ,IAAI,CAAC,QAAQ,QACpB,qCAAC,YAAD;AAAA,IAAY;AAAA,KAAW;AAAA;AAM/B,QAAQ,YAAY;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA;AAI1B,IAAO,kBAAQ;",
6
- "names": []
7
- }