@elliemae/ds-group-box 3.12.0-next.0 → 3.12.0-next.1
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.
- package/dist/cjs/ActionItem.js +4 -7
- package/dist/cjs/ActionItem.js.map +3 -3
- package/dist/cjs/DSGroupBox.js +7 -18
- package/dist/cjs/DSGroupBox.js.map +2 -2
- package/dist/cjs/GroupBoxLabel.js +12 -18
- package/dist/cjs/GroupBoxLabel.js.map +3 -3
- package/dist/cjs/LabelElement.js +4 -7
- package/dist/cjs/LabelElement.js.map +3 -3
- package/dist/cjs/components/GroupHeader.js.map +2 -2
- package/dist/cjs/components/blocks.js +5 -9
- package/dist/cjs/components/blocks.js.map +2 -2
- package/dist/esm/ActionItem.js +4 -7
- package/dist/esm/ActionItem.js.map +2 -2
- package/dist/esm/DSGroupBox.js +7 -18
- package/dist/esm/DSGroupBox.js.map +2 -2
- package/dist/esm/GroupBoxLabel.js +11 -17
- package/dist/esm/GroupBoxLabel.js.map +2 -2
- package/dist/esm/LabelElement.js +4 -7
- package/dist/esm/LabelElement.js.map +2 -2
- package/dist/esm/components/GroupHeader.js.map +2 -2
- package/dist/esm/components/blocks.js +5 -9
- package/dist/esm/components/blocks.js.map +2 -2
- package/package.json +5 -5
package/dist/cjs/ActionItem.js
CHANGED
|
@@ -30,10 +30,9 @@ module.exports = __toCommonJS(ActionItem_exports);
|
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_ds_system = require("@elliemae/ds-system");
|
|
33
|
-
var import_ds_system2 = require("@elliemae/ds-system");
|
|
34
33
|
var import_prop_types = __toESM(require("prop-types"));
|
|
35
34
|
const ActionItemNode = import_ds_system.styled.div`
|
|
36
|
-
padding-right: ${(props) => (0,
|
|
35
|
+
padding-right: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
|
|
37
36
|
font-weight: 300;
|
|
38
37
|
overflow: hidden;
|
|
39
38
|
align-items: center;
|
|
@@ -42,11 +41,9 @@ const ActionItemNode = import_ds_system.styled.div`
|
|
|
42
41
|
padding-right: 0;
|
|
43
42
|
}
|
|
44
43
|
`;
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
});
|
|
49
|
-
}
|
|
44
|
+
const ActionItem = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionItemNode, {
|
|
45
|
+
children
|
|
46
|
+
});
|
|
50
47
|
ActionItem.propTypes = {
|
|
51
48
|
children: import_prop_types.default.node.isRequired
|
|
52
49
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ActionItem.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { styled
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { styled, __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\nconst ActionItem = ({ children }) => <ActionItemNode>{children}</ActionItemNode>;\n\nActionItem.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADec;AAdrC,uBAAiD;AACjD,wBAAsB;AAEtB,MAAM,iBAAiB,wBAAO;AAAA,mBACX,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3E,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,4CAAC;AAAA,EAAgB;AAAA,CAAS;AAE/D,WAAW,YAAY;AAAA,EACrB,UAAU,kBAAAA,QAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
|
|
6
|
+
"names": ["PropTypes"]
|
|
7
7
|
}
|
package/dist/cjs/DSGroupBox.js
CHANGED
|
@@ -94,27 +94,16 @@ const props = {
|
|
|
94
94
|
borderBottom: import_ds_utilities.PropTypes.bool,
|
|
95
95
|
id: import_ds_utilities.PropTypes.string
|
|
96
96
|
}).description("Label attributes to be rendered"),
|
|
97
|
-
type: import_ds_utilities.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
children: import_ds_utilities.PropTypes.oneOfType([
|
|
101
|
-
import_ds_utilities.PropTypes.element,
|
|
102
|
-
import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element)
|
|
103
|
-
]).isRequired.description("Components to be rendered inside the box"),
|
|
104
|
-
rightActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description(
|
|
105
|
-
"Actions on the right side of the label"
|
|
106
|
-
),
|
|
107
|
-
centerActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description(
|
|
108
|
-
"Actions on the next to the label"
|
|
109
|
-
),
|
|
110
|
-
asRow: import_ds_utilities.PropTypes.bool.description(
|
|
111
|
-
"Display the content of the group box with flex direction row"
|
|
97
|
+
type: import_ds_utilities.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(import_constants.BOX_TYPES_ARRAY.toString()),
|
|
98
|
+
children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.element, import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element)]).isRequired.description(
|
|
99
|
+
"Components to be rendered inside the box"
|
|
112
100
|
),
|
|
101
|
+
rightActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description("Actions on the right side of the label"),
|
|
102
|
+
centerActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description("Actions on the next to the label"),
|
|
103
|
+
asRow: import_ds_utilities.PropTypes.bool.description("Display the content of the group box with flex direction row"),
|
|
113
104
|
onlyHeader: import_ds_utilities.PropTypes.bool.description("Show border only on the header"),
|
|
114
105
|
noBorder: import_ds_utilities.PropTypes.bool.description("Remove the wrapper border"),
|
|
115
|
-
noPadding: import_ds_utilities.PropTypes.bool.description(
|
|
116
|
-
"Remove the top and bottom padding from the content"
|
|
117
|
-
)
|
|
106
|
+
noPadding: import_ds_utilities.PropTypes.bool.description("Remove the top and bottom padding from the content")
|
|
118
107
|
};
|
|
119
108
|
DSGroupBox.propTypes = props;
|
|
120
109
|
DSGroupBox.displayName = "DSGroupBox";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSGroupBox.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkB;AAClB,0BAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa,CAAC;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,6CAAC;AAAA,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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 {...containerProps} classProps={{ onlyHeader, noBorder, type, isMain }}>\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(BOX_TYPES_ARRAY.toString()),\n /**\n * Components to be rendered inside the box\n */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n 'Components to be rendered inside the box',\n ),\n /**\n * Actions on the right side of the label\n */\n rightActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the right side of the label'),\n /**\n * Actions on the next to the label\n */\n centerActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the next to the label'),\n /**\n * Display the content of the group box with flex direction row\n */\n asRow: PropTypes.bool.description('Display the content of the group box with flex direction row'),\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('Remove the top and bottom padding from the content'),\n};\n\nDSGroupBox.propTypes = props;\nDSGroupBox.displayName = 'DSGroupBox';\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;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkB;AAClB,0BAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa,CAAC;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,6CAAC;AAAA,IAAiB,GAAG;AAAA,IAAgB,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,IACnF;AAAA,mBACC,4CAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,MAGF,4CAAC;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,CAAC,CAAC;AAAA,QACjB;AAAA,QAEC,wBAAc,WAAW,QACtB,aAAAA,QAAM,SAAS;AAAA,UACb;AAAA,UACA,CAAC,cACC,aAAAA,QAAM,aAAa,WAAW;AAAA,YAC5B,GAAG,UAAU;AAAA,YACb,QAAQ;AAAA,UACV,CAAC;AAAA,UACH;AAAA,QACF,IACA;AAAA,OACN;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAIzE,YAAY,8BAAU,MAAM;AAAA,IAC1B,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC;AAAA,IACpE,cAAc,8BAAU;AAAA,IACxB,IAAI,8BAAU;AAAA,EAChB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAIhD,MAAM,8BAAU,MAAM,gCAAe,EAAE,YAAY,iCAAgB,SAAS,CAAC;AAAA,EAI7E,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AAAA,EAIA,cAAc,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,wCAAwC;AAAA,EAIvG,eAAe,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,kCAAkC;AAAA,EAIlG,OAAO,8BAAU,KAAK,YAAY,8DAA8D;AAAA,EAIhG,YAAY,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,8BAAU,KAAK,YAAY,oDAAoD;AAC5F;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -31,7 +31,6 @@ var React = __toESM(require("react"));
|
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_prop_types = __toESM(require("prop-types"));
|
|
33
33
|
var import_ds_system = require("@elliemae/ds-system");
|
|
34
|
-
var import_ds_system2 = require("@elliemae/ds-system");
|
|
35
34
|
var import_constants = require("./constants");
|
|
36
35
|
const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
|
|
37
36
|
const categoryBoxStyles = `
|
|
@@ -46,31 +45,26 @@ const categoryBoxStyles = `
|
|
|
46
45
|
`;
|
|
47
46
|
const groupBoxStyles = `
|
|
48
47
|
border: unset;
|
|
49
|
-
font-size: ${(props) => (0,
|
|
48
|
+
font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[500])};
|
|
50
49
|
padding: 12px 0;
|
|
51
50
|
`;
|
|
52
51
|
const GroupBoxLabelNode = import_ds_system.styled.div`
|
|
53
52
|
${(props) => props.nodeType === "category-box" ? categoryBoxStyles : groupBoxStyles}
|
|
54
53
|
${(props) => props.noBorder ? "border: none;" : ""}
|
|
55
54
|
${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
|
|
56
|
-
${(props) => props.isMain ? `padding-right: ${(0,
|
|
55
|
+
${(props) => props.isMain ? `padding-right: ${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};` : ""}
|
|
57
56
|
`;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
});
|
|
68
|
-
}
|
|
57
|
+
const GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupBoxLabelNode, {
|
|
58
|
+
borderBottom,
|
|
59
|
+
"data-testid": "ds-group-box__header",
|
|
60
|
+
isMain,
|
|
61
|
+
noBorder,
|
|
62
|
+
nodeType: type,
|
|
63
|
+
id,
|
|
64
|
+
children
|
|
65
|
+
});
|
|
69
66
|
GroupBoxLabel.propTypes = {
|
|
70
|
-
children: import_prop_types.default.oneOfType([
|
|
71
|
-
import_prop_types.default.arrayOf(import_prop_types.default.node),
|
|
72
|
-
import_prop_types.default.node
|
|
73
|
-
]).isRequired,
|
|
67
|
+
children: import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node), import_prop_types.default.node]).isRequired,
|
|
74
68
|
type: import_prop_types.default.oneOf(import_constants.BOX_TYPES_ARRAY),
|
|
75
69
|
borderBottom: import_prop_types.default.bool,
|
|
76
70
|
isMain: import_prop_types.default.bool.isRequired,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) => `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) => (props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles)}\n ${(props) => (props.noBorder ? 'border: none;' : '')}\n ${(props) => (props.borderBottom ? `border-bottom: ${borderBase200(props)}` : '')}\n ${(props) => (props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : '')}\n`;\nconst GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => (\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\nGroupBoxLabel.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).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;AAAA;ACAA,YAAuB;AD+BrB;AA9BF,wBAAsB;AACtB,uBAA2D;AAC3D,uBAAgC;AAEhC,MAAM,gBAAgB,CAAC,UAAU,aAAa,MAAM,MAAM,OAAO,QAAQ;AAEzE,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,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,UAAW,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACpE,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UAAW,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAC5E,CAAC,UAAW,MAAM,SAAS,sBAAkB,2CAAyB,MAAM,MAAM,MAAM,EAAE,OAAO;AAAA;AAErG,MAAM,gBAAgB,CAAC,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,MAC1E,4CAAC;AAAA,EACC;AAAA,EACA,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EAEC;AAAA,CACH;AAGF,cAAc,YAAY;AAAA,EACxB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,GAAG,kBAAAA,QAAU,IAAI,CAAC,EAAE;AAAA,EACnF,MAAM,kBAAAA,QAAU,MAAM,gCAAe;AAAA,EACrC,cAAc,kBAAAA,QAAU;AAAA,EACxB,QAAQ,kBAAAA,QAAU,KAAK;AAAA,EACvB,UAAU,kBAAAA,QAAU;AAAA,EACpB,IAAI,kBAAAA,QAAU;AAChB;AAEA,IAAO,wBAAQ;",
|
|
6
|
+
"names": ["PropTypes"]
|
|
7
7
|
}
|
package/dist/cjs/LabelElement.js
CHANGED
|
@@ -31,19 +31,16 @@ var React = __toESM(require("react"));
|
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_prop_types = __toESM(require("prop-types"));
|
|
33
33
|
var import_ds_system = require("@elliemae/ds-system");
|
|
34
|
-
var import_ds_system2 = require("@elliemae/ds-system");
|
|
35
34
|
const LabelElementNode = import_ds_system.styled.div`
|
|
36
35
|
overflow: hidden;
|
|
37
36
|
display: flex;
|
|
38
37
|
align-items: center;
|
|
39
|
-
font-size: ${(props) => (0,
|
|
38
|
+
font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[700])};
|
|
40
39
|
font-weight: 400;
|
|
41
40
|
`;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
});
|
|
46
|
-
}
|
|
41
|
+
const LabelElement = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelElementNode, {
|
|
42
|
+
children
|
|
43
|
+
});
|
|
47
44
|
LabelElement.propTypes = {
|
|
48
45
|
children: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.node]).isRequired
|
|
49
46
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, 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\nconst LabelElement = ({ children }) => <LabelElementNode>{children}</LabelElementNode>;\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;AAAA;ACAA,YAAuB;ADYgB;AAXvC,wBAAsB;AACtB,uBAAiC;AAEjC,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM,4CAAC;AAAA,EAAkB;AAAA,CAAS;AAEnE,aAAa,YAAY;AAAA,EACvB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
|
|
6
|
+
"names": ["PropTypes"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AApBJ,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,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,WAAW,cAAc,GAAG,IAAI;AACxC,SACE,6CAAC,qBAAAA,SAAA;AAAA,
|
|
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 borderBottom={borderBottom} isMain={isMain} noBorder={noBorder} type={type} id={id}>\n <LabelElement>\n <DSTruncatedTooltipText value={labelText} />\n </LabelElement>\n <Actions actions={centerActions} centerActions={centerActions.length > 0} />\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;AAAA;ACAA,YAAuB;ADqBnB;AApBJ,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,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,WAAW,cAAc,GAAG,IAAI;AACxC,SACE,6CAAC,qBAAAA,SAAA;AAAA,IAAM;AAAA,IAA4B;AAAA,IAAgB;AAAA,IAAoB;AAAA,IAAY;AAAA,IACjF;AAAA,kDAAC,oBAAAC,SAAA;AAAA,QACC,sDAAC,iCAAAC,SAAA;AAAA,UAAuB,OAAO;AAAA,SAAW;AAAA,OAC5C;AAAA,MACA,4CAAC,eAAAC,SAAA;AAAA,QAAQ,SAAS;AAAA,QAAe,eAAe,cAAc,SAAS;AAAA,OAAG;AAAA,MAC1E,4CAAC,eAAAA,SAAA;AAAA,QAAQ,SAAS;AAAA,QAAc,cAAc,aAAa,SAAS;AAAA,OAAG;AAAA;AAAA,GACzE;AAEJ;",
|
|
6
6
|
"names": ["Label", "LabelElement", "DSTruncatedTooltipText", "Actions"]
|
|
7
7
|
}
|
|
@@ -55,13 +55,9 @@ const GroupBoxContent = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
|
55
55
|
"no-border-top": noBorderTop
|
|
56
56
|
})
|
|
57
57
|
);
|
|
58
|
-
const Label = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
[type]: type,
|
|
64
|
-
"no-border": noBorder
|
|
65
|
-
})
|
|
66
|
-
);
|
|
58
|
+
const Label = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
|
|
59
|
+
"border-bottom": borderBottom,
|
|
60
|
+
[type]: type,
|
|
61
|
+
"no-border": noBorder
|
|
62
|
+
}));
|
|
67
63
|
//# sourceMappingURL=blocks.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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')(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,sBAAkB,wCAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,YAAY,UAAU,MAAM,OAAO,OAAO;AAAA,IAC3C,eAAe;AAAA,IACf,aAAa;AAAA,IACb,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,sBAAkB,wCAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,YAAY,OAAO;AAAA,IAClE,CAAC,OAAO;AAAA,IACR,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACF;AAEO,MAAM,YAAQ,wCAAkB,KAAK
|
|
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')(blockName, 'label', ({ borderBottom, type, noBorder }) => ({\n 'border-bottom': borderBottom,\n [type]: type,\n 'no-border': noBorder,\n}));\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,sBAAkB,wCAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,YAAY,UAAU,MAAM,OAAO,OAAO;AAAA,IAC3C,eAAe;AAAA,IACf,aAAa;AAAA,IACb,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,sBAAkB,wCAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,YAAY,OAAO;AAAA,IAClE,CAAC,OAAO;AAAA,IACR,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACF;AAEO,MAAM,YAAQ,wCAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,cAAc,MAAM,SAAS,OAAO;AAAA,EACvG,iBAAiB;AAAA,EACjB,CAAC,OAAO;AAAA,EACR,aAAa;AACf,EAAE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ActionItem.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { styled } from "@elliemae/ds-system";
|
|
4
|
-
import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
|
|
3
|
+
import { styled, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
|
|
5
4
|
import PropTypes from "prop-types";
|
|
6
5
|
const ActionItemNode = styled.div`
|
|
7
6
|
padding-right: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
|
|
@@ -13,11 +12,9 @@ const ActionItemNode = styled.div`
|
|
|
13
12
|
padding-right: 0;
|
|
14
13
|
}
|
|
15
14
|
`;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
});
|
|
20
|
-
}
|
|
15
|
+
const ActionItem = ({ children }) => /* @__PURE__ */ jsx(ActionItemNode, {
|
|
16
|
+
children
|
|
17
|
+
});
|
|
21
18
|
ActionItem.propTypes = {
|
|
22
19
|
children: PropTypes.node.isRequired
|
|
23
20
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, __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\nconst ActionItem = ({ children }) => <ActionItemNode>{children}</ActionItemNode>;\n\nActionItem.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACec;AAdrC,SAAS,QAAQ,gCAAgC;AACjD,OAAO,eAAe;AAEtB,MAAM,iBAAiB,OAAO;AAAA,mBACX,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3E,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,EAAgB;AAAA,CAAS;AAE/D,WAAW,YAAY;AAAA,EACrB,UAAU,UAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSGroupBox.js
CHANGED
|
@@ -63,27 +63,16 @@ const props = {
|
|
|
63
63
|
borderBottom: PropTypes.bool,
|
|
64
64
|
id: PropTypes.string
|
|
65
65
|
}).description("Label attributes to be rendered"),
|
|
66
|
-
type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
children: PropTypes.oneOfType([
|
|
70
|
-
PropTypes.element,
|
|
71
|
-
PropTypes.arrayOf(PropTypes.element)
|
|
72
|
-
]).isRequired.description("Components to be rendered inside the box"),
|
|
73
|
-
rightActions: PropTypes.arrayOf(PropTypes.element).description(
|
|
74
|
-
"Actions on the right side of the label"
|
|
75
|
-
),
|
|
76
|
-
centerActions: PropTypes.arrayOf(PropTypes.element).description(
|
|
77
|
-
"Actions on the next to the label"
|
|
78
|
-
),
|
|
79
|
-
asRow: PropTypes.bool.description(
|
|
80
|
-
"Display the content of the group box with flex direction row"
|
|
66
|
+
type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(BOX_TYPES_ARRAY.toString()),
|
|
67
|
+
children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(
|
|
68
|
+
"Components to be rendered inside the box"
|
|
81
69
|
),
|
|
70
|
+
rightActions: PropTypes.arrayOf(PropTypes.element).description("Actions on the right side of the label"),
|
|
71
|
+
centerActions: PropTypes.arrayOf(PropTypes.element).description("Actions on the next to the label"),
|
|
72
|
+
asRow: PropTypes.bool.description("Display the content of the group box with flex direction row"),
|
|
82
73
|
onlyHeader: PropTypes.bool.description("Show border only on the header"),
|
|
83
74
|
noBorder: PropTypes.bool.description("Remove the wrapper border"),
|
|
84
|
-
noPadding: PropTypes.bool.description(
|
|
85
|
-
"Remove the top and bottom padding from the content"
|
|
86
|
-
)
|
|
75
|
+
noPadding: PropTypes.bool.description("Remove the top and bottom padding from the content")
|
|
87
76
|
};
|
|
88
77
|
DSGroupBox.propTypes = props;
|
|
89
78
|
DSGroupBox.displayName = "DSGroupBox";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSGroupBox.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC0BnB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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 {...containerProps} classProps={{ onlyHeader, noBorder, type, isMain }}>\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(BOX_TYPES_ARRAY.toString()),\n /**\n * Components to be rendered inside the box\n */\n children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n 'Components to be rendered inside the box',\n ),\n /**\n * Actions on the right side of the label\n */\n rightActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the right side of the label'),\n /**\n * Actions on the next to the label\n */\n centerActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the next to the label'),\n /**\n * Display the content of the group box with flex direction row\n */\n asRow: PropTypes.bool.description('Display the content of the group box with flex direction row'),\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('Remove the top and bottom padding from the content'),\n};\n\nDSGroupBox.propTypes = props;\nDSGroupBox.displayName = 'DSGroupBox';\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC0BnB,SAEI,KAFJ;AA1BJ,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AACpC,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AACjC,SAAS,WAAW,uBAAuB;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa,CAAC;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,qBAAC;AAAA,IAAiB,GAAG;AAAA,IAAgB,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,IACnF;AAAA,mBACC,oBAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,MAGF,oBAAC;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,CAAC,CAAC;AAAA,QACjB;AAAA,QAEC,wBAAc,WAAW,QACtBA,OAAM,SAAS;AAAA,UACb;AAAA,UACA,CAAC,cACCA,OAAM,aAAa,WAAW;AAAA,YAC5B,GAAG,UAAU;AAAA,YACb,QAAQ;AAAA,UACV,CAAC;AAAA,UACH;AAAA,QACF,IACA;AAAA,OACN;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAIzE,YAAY,UAAU,MAAM;AAAA,IAC1B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,IACpE,cAAc,UAAU;AAAA,IACxB,IAAI,UAAU;AAAA,EAChB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAIhD,MAAM,UAAU,MAAM,eAAe,EAAE,YAAY,gBAAgB,SAAS,CAAC;AAAA,EAI7E,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AAAA,EAIA,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,wCAAwC;AAAA,EAIvG,eAAe,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,kCAAkC;AAAA,EAIlG,OAAO,UAAU,KAAK,YAAY,8DAA8D;AAAA,EAIhG,YAAY,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,UAAU,KAAK,YAAY,oDAAoD;AAC5F;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
|
-
import { styled } from "@elliemae/ds-system";
|
|
5
|
-
import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
|
|
4
|
+
import { styled, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
|
|
6
5
|
import { BOX_TYPES_ARRAY } from "./constants";
|
|
7
6
|
const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
|
|
8
7
|
const categoryBoxStyles = `
|
|
@@ -26,22 +25,17 @@ const GroupBoxLabelNode = styled.div`
|
|
|
26
25
|
${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
|
|
27
26
|
${(props) => props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : ""}
|
|
28
27
|
`;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
});
|
|
39
|
-
}
|
|
28
|
+
const GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => /* @__PURE__ */ jsx(GroupBoxLabelNode, {
|
|
29
|
+
borderBottom,
|
|
30
|
+
"data-testid": "ds-group-box__header",
|
|
31
|
+
isMain,
|
|
32
|
+
noBorder,
|
|
33
|
+
nodeType: type,
|
|
34
|
+
id,
|
|
35
|
+
children
|
|
36
|
+
});
|
|
40
37
|
GroupBoxLabel.propTypes = {
|
|
41
|
-
children: PropTypes.oneOfType([
|
|
42
|
-
PropTypes.arrayOf(PropTypes.node),
|
|
43
|
-
PropTypes.node
|
|
44
|
-
]).isRequired,
|
|
38
|
+
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
|
|
45
39
|
type: PropTypes.oneOf(BOX_TYPES_ARRAY),
|
|
46
40
|
borderBottom: PropTypes.bool,
|
|
47
41
|
isMain: PropTypes.bool.isRequired,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/GroupBoxLabel.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) => `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) => (props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles)}\n ${(props) => (props.noBorder ? 'border: none;' : '')}\n ${(props) => (props.borderBottom ? `border-bottom: ${borderBase200(props)}` : '')}\n ${(props) => (props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : '')}\n`;\nconst GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => (\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\nGroupBoxLabel.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).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"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC+BrB;AA9BF,OAAO,eAAe;AACtB,SAAS,QAAQ,0BAA0B,gBAAgB;AAC3D,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,CAAC,UAAU,aAAa,MAAM,MAAM,OAAO,QAAQ;AAEzE,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,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,UAAW,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACpE,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UAAW,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAC5E,CAAC,UAAW,MAAM,SAAS,kBAAkB,yBAAyB,MAAM,MAAM,MAAM,EAAE,OAAO;AAAA;AAErG,MAAM,gBAAgB,CAAC,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,MAC1E,oBAAC;AAAA,EACC;AAAA,EACA,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EAEC;AAAA,CACH;AAGF,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,GAAG,UAAU,IAAI,CAAC,EAAE;AAAA,EACnF,MAAM,UAAU,MAAM,eAAe;AAAA,EACrC,cAAc,UAAU;AAAA,EACxB,QAAQ,UAAU,KAAK;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,IAAI,UAAU;AAChB;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/LabelElement.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
|
-
import { styled } from "@elliemae/ds-system";
|
|
5
|
-
import { toMobile } from "@elliemae/ds-system";
|
|
4
|
+
import { styled, toMobile } from "@elliemae/ds-system";
|
|
6
5
|
const LabelElementNode = styled.div`
|
|
7
6
|
overflow: hidden;
|
|
8
7
|
display: flex;
|
|
@@ -10,11 +9,9 @@ const LabelElementNode = styled.div`
|
|
|
10
9
|
font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};
|
|
11
10
|
font-weight: 400;
|
|
12
11
|
`;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
});
|
|
17
|
-
}
|
|
12
|
+
const LabelElement = ({ children }) => /* @__PURE__ */ jsx(LabelElementNode, {
|
|
13
|
+
children
|
|
14
|
+
});
|
|
18
15
|
LabelElement.propTypes = {
|
|
19
16
|
children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
|
|
20
17
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/LabelElement.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, 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\nconst LabelElement = ({ children }) => <LabelElementNode>{children}</LabelElementNode>;\n\nLabelElement.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACYgB;AAXvC,OAAO,eAAe;AACtB,SAAS,QAAQ,gBAAgB;AAEjC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,EAAkB;AAAA,CAAS;AAEnE,aAAa,YAAY;AAAA,EACvB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/GroupHeader.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACqBnB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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 borderBottom={borderBottom} isMain={isMain} noBorder={noBorder} type={type} id={id}>\n <LabelElement>\n <DSTruncatedTooltipText value={labelText} />\n </LabelElement>\n <Actions actions={centerActions} centerActions={centerActions.length > 0} />\n <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n </Label>\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACqBnB,SAEI,KAFJ;AApBJ,OAAO,4BAA4B;AACnC,SAAS,iBAAiB;AAC1B,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,WAAW;AAEX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,WAAW,cAAc,GAAG,IAAI;AACxC,SACE,qBAAC;AAAA,IAAM;AAAA,IAA4B;AAAA,IAAgB;AAAA,IAAoB;AAAA,IAAY;AAAA,IACjF;AAAA,0BAAC;AAAA,QACC,8BAAC;AAAA,UAAuB,OAAO;AAAA,SAAW;AAAA,OAC5C;AAAA,MACA,oBAAC;AAAA,QAAQ,SAAS;AAAA,QAAe,eAAe,cAAc,SAAS;AAAA,OAAG;AAAA,MAC1E,oBAAC;AAAA,QAAQ,SAAS;AAAA,QAAc,cAAc,aAAa,SAAS;AAAA,OAAG;AAAA;AAAA,GACzE;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -24,15 +24,11 @@ const GroupBoxContent = aggregatedClasses("div")(
|
|
|
24
24
|
"no-border-top": noBorderTop
|
|
25
25
|
})
|
|
26
26
|
);
|
|
27
|
-
const Label = aggregatedClasses("div")(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
[type]: type,
|
|
33
|
-
"no-border": noBorder
|
|
34
|
-
})
|
|
35
|
-
);
|
|
27
|
+
const Label = aggregatedClasses("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
|
|
28
|
+
"border-bottom": borderBottom,
|
|
29
|
+
[type]: type,
|
|
30
|
+
"no-border": noBorder
|
|
31
|
+
}));
|
|
36
32
|
export {
|
|
37
33
|
GroupBoxContent,
|
|
38
34
|
GroupBoxWrapper,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/blocks.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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')(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAkB,kBAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,YAAY,UAAU,MAAM,OAAO,OAAO;AAAA,IAC3C,eAAe;AAAA,IACf,aAAa;AAAA,IACb,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,kBAAkB,kBAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,YAAY,OAAO;AAAA,IAClE,CAAC,OAAO;AAAA,IACR,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACF;AAEO,MAAM,QAAQ,kBAAkB,KAAK
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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')(blockName, 'label', ({ borderBottom, type, noBorder }) => ({\n 'border-bottom': borderBottom,\n [type]: type,\n 'no-border': noBorder,\n}));\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAkB,kBAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,YAAY,UAAU,MAAM,OAAO,OAAO;AAAA,IAC3C,eAAe;AAAA,IACf,aAAa;AAAA,IACb,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,kBAAkB,kBAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,YAAY,OAAO;AAAA,IAClE,CAAC,OAAO;AAAA,IACR,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACF;AAEO,MAAM,QAAQ,kBAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,cAAc,MAAM,SAAS,OAAO;AAAA,EACvG,iBAAiB;AAAA,EACjB,CAAC,OAAO;AAAA,EACR,aAAa;AACf,EAAE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-group-box",
|
|
3
|
-
"version": "3.12.0-next.
|
|
3
|
+
"version": "3.12.0-next.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Group Box",
|
|
6
6
|
"files": [
|
|
@@ -67,10 +67,10 @@
|
|
|
67
67
|
"indent": 4
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
|
-
"@elliemae/ds-classnames": "3.12.0-next.
|
|
71
|
-
"@elliemae/ds-system": "3.12.0-next.
|
|
72
|
-
"@elliemae/ds-truncated-tooltip-text": "3.12.0-next.
|
|
73
|
-
"@elliemae/ds-utilities": "3.12.0-next.
|
|
70
|
+
"@elliemae/ds-classnames": "3.12.0-next.1",
|
|
71
|
+
"@elliemae/ds-system": "3.12.0-next.1",
|
|
72
|
+
"@elliemae/ds-truncated-tooltip-text": "3.12.0-next.1",
|
|
73
|
+
"@elliemae/ds-utilities": "3.12.0-next.1",
|
|
74
74
|
"prop-types": "~15.8.1"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|