@elliemae/ds-group-box 3.1.0-next.2 → 3.1.0-next.5
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 +3 -3
- package/dist/cjs/ActionItem.js.map +2 -2
- package/dist/cjs/Actions.js +4 -6
- package/dist/cjs/Actions.js.map +2 -2
- package/dist/cjs/DSGroupBox.js +17 -17
- package/dist/cjs/DSGroupBox.js.map +2 -2
- package/dist/cjs/GroupBoxLabel.js +4 -4
- package/dist/cjs/GroupBoxLabel.js.map +2 -2
- package/dist/cjs/LabelElement.js +3 -3
- package/dist/cjs/LabelElement.js.map +2 -2
- package/dist/esm/ActionItem.js +1 -1
- package/dist/esm/ActionItem.js.map +1 -1
- package/dist/esm/Actions.js +3 -5
- package/dist/esm/Actions.js.map +2 -2
- package/dist/esm/DSGroupBox.js +1 -1
- package/dist/esm/DSGroupBox.js.map +1 -1
- package/dist/esm/GroupBoxLabel.js +1 -1
- package/dist/esm/GroupBoxLabel.js.map +1 -1
- package/dist/esm/LabelElement.js +1 -1
- package/dist/esm/LabelElement.js.map +1 -1
- package/package.json +16 -17
package/dist/cjs/ActionItem.js
CHANGED
|
@@ -25,11 +25,11 @@ __export(ActionItem_exports, {
|
|
|
25
25
|
module.exports = __toCommonJS(ActionItem_exports);
|
|
26
26
|
var React = __toESM(require("react"));
|
|
27
27
|
var import_react = __toESM(require("react"));
|
|
28
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
29
28
|
var import_ds_system = require("@elliemae/ds-system");
|
|
29
|
+
var import_ds_system2 = require("@elliemae/ds-system");
|
|
30
30
|
var import_prop_types = __toESM(require("prop-types"));
|
|
31
|
-
const ActionItemNode =
|
|
32
|
-
padding-right: ${(props) => (0,
|
|
31
|
+
const ActionItemNode = import_ds_system.styled.div`
|
|
32
|
+
padding-right: ${(props) => (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
|
|
33
33
|
font-weight: 300;
|
|
34
34
|
overflow: hidden;
|
|
35
35
|
align-items: center;
|
|
@@ -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 from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAyC;AACzC,wBAAsB;AAEtB,MAAM,iBAAiB,wBAAO;AAAA,mBACX,WAAS,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzE,oBAAoB,EAAE,YAAY;AAChC,SAAO,mDAAC,sBAAgB,QAAS;AACnC;AAEA,WAAW,YAAY;AAAA,EACrB,UAAU,0BAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/Actions.js
CHANGED
|
@@ -27,18 +27,16 @@ module.exports = __toCommonJS(Actions_exports);
|
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
28
|
var import_react = __toESM(require("react"));
|
|
29
29
|
var import_prop_types = __toESM(require("prop-types"));
|
|
30
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
31
|
-
var import_styled_components2 = require("@xstyled/styled-components");
|
|
32
30
|
var import_ds_system = require("@elliemae/ds-system");
|
|
33
31
|
var import_ActionItem = __toESM(require("./ActionItem"));
|
|
34
|
-
const ActionsNode =
|
|
32
|
+
const ActionsNode = import_ds_system.styled.div`
|
|
35
33
|
display: flex;
|
|
36
34
|
flex-direction: row;
|
|
37
35
|
padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.m)};
|
|
38
36
|
overflow: hidden;
|
|
39
|
-
${
|
|
37
|
+
${import_ds_system.space}
|
|
40
38
|
`;
|
|
41
|
-
|
|
39
|
+
const Actions = ({ actions = [], centerActions, rightActions }) => {
|
|
42
40
|
if (actions.length < 1)
|
|
43
41
|
return null;
|
|
44
42
|
return /* @__PURE__ */ import_react.default.createElement(ActionsNode, {
|
|
@@ -47,7 +45,7 @@ function Actions({ actions = [], centerActions, rightActions }) {
|
|
|
47
45
|
}, actions.map((action, key) => /* @__PURE__ */ import_react.default.createElement(import_ActionItem.default, {
|
|
48
46
|
key
|
|
49
47
|
}, action)));
|
|
50
|
-
}
|
|
48
|
+
};
|
|
51
49
|
Actions.propTypes = {
|
|
52
50
|
actions: import_prop_types.default.array,
|
|
53
51
|
centerActions: import_prop_types.default.bool,
|
package/dist/cjs/Actions.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Actions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB
|
|
4
|
+
"sourcesContent": ["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, space, __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\nconst Actions = ({ actions = [], centerActions, rightActions }) => {\n if (actions.length < 1) return null;\n return (\n <ActionsNode marginLeft={!!rightActions && 'auto'} marginRight={!!centerActions && 'auto'}>\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAAwD;AACxD,wBAAuB;AAEvB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,IAErE;AAAA;AAGJ,MAAM,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,eAAe,mBAAmB;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,mDAAC;AAAA,IAAY,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAAQ,aAAa,CAAC,CAAC,iBAAiB;AAAA,KAChF,QAAQ,IAAI,CAAC,QAAQ,QACpB,mDAAC;AAAA,IAAW;AAAA,KAAW,MAAO,CAC/B,CACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,0BAAU;AAAA,EACnB,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAC1B;AAGA,IAAO,kBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/DSGroupBox.js
CHANGED
|
@@ -44,7 +44,7 @@ __export(DSGroupBox_exports, {
|
|
|
44
44
|
module.exports = __toCommonJS(DSGroupBox_exports);
|
|
45
45
|
var React = __toESM(require("react"));
|
|
46
46
|
var import_react = __toESM(require("react"));
|
|
47
|
-
var
|
|
47
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
48
48
|
var import_blocks = require("./components/blocks");
|
|
49
49
|
var import_GroupHeader = require("./components/GroupHeader");
|
|
50
50
|
var import_constants = require("./constants");
|
|
@@ -89,27 +89,27 @@ const DSGroupBox = ({
|
|
|
89
89
|
})), null) : components));
|
|
90
90
|
};
|
|
91
91
|
const props = {
|
|
92
|
-
containerProps:
|
|
93
|
-
labelProps:
|
|
94
|
-
labelText:
|
|
95
|
-
borderBottom:
|
|
96
|
-
id:
|
|
92
|
+
containerProps: import_ds_utilities.PropTypes.object.description("props to inject to wrapper"),
|
|
93
|
+
labelProps: import_ds_utilities.PropTypes.shape({
|
|
94
|
+
labelText: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]),
|
|
95
|
+
borderBottom: import_ds_utilities.PropTypes.bool,
|
|
96
|
+
id: import_ds_utilities.PropTypes.string
|
|
97
97
|
}).description("Label attributes to be rendered"),
|
|
98
|
-
type:
|
|
99
|
-
children:
|
|
100
|
-
|
|
101
|
-
|
|
98
|
+
type: import_ds_utilities.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(import_constants.BOX_TYPES_ARRAY.toString()),
|
|
99
|
+
children: import_ds_utilities.PropTypes.oneOfType([
|
|
100
|
+
import_ds_utilities.PropTypes.element,
|
|
101
|
+
import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element)
|
|
102
102
|
]).isRequired.description("Components to be rendered inside the box"),
|
|
103
|
-
rightActions:
|
|
104
|
-
centerActions:
|
|
105
|
-
asRow:
|
|
106
|
-
onlyHeader:
|
|
107
|
-
noBorder:
|
|
108
|
-
noPadding:
|
|
103
|
+
rightActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description("Actions on the right side of the label"),
|
|
104
|
+
centerActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description("Actions on the next to the label"),
|
|
105
|
+
asRow: import_ds_utilities.PropTypes.bool.description("Display the content of the group box with flex direction row"),
|
|
106
|
+
onlyHeader: import_ds_utilities.PropTypes.bool.description("Show border only on the header"),
|
|
107
|
+
noBorder: import_ds_utilities.PropTypes.bool.description("Remove the wrapper border"),
|
|
108
|
+
noPadding: import_ds_utilities.PropTypes.bool.description("Remove the top and bottom padding from the content")
|
|
109
109
|
};
|
|
110
110
|
DSGroupBox.propTypes = props;
|
|
111
111
|
DSGroupBox.displayName = "DSGroupBox";
|
|
112
|
-
const DSGroupBoxWithSchema = (0,
|
|
112
|
+
const DSGroupBoxWithSchema = (0, import_ds_utilities.describe)(DSGroupBox);
|
|
113
113
|
DSGroupBoxWithSchema.propTypes = props;
|
|
114
114
|
var DSGroupBox_default = DSGroupBox;
|
|
115
115
|
//# sourceMappingURL=DSGroupBox.js.map
|
|
@@ -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 '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,
|
|
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\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;\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;ADAvB,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;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,mDAAC,gEACK,iBADL;AAAA,IAEC,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,MAEhD,aACC,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GAGF,mDAAC;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA,IACjB;AAAA,KAEC,cAAc,WAAW,QACtB,qBAAM,SAAS,IACb,YACA,CAAC,cACC,qBAAM,aAAa,WAAW,iCACzB,UAAU,QADe;AAAA,IAE5B,QAAQ;AAAA,EACV,EAAC,GACH,IACF,IACA,UACN,CACF;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,YACrC,iCAAgB,SAAS,CAC3B;AAAA,EAIA,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU,QAAQ,8BAAU,OAAO;AAAA,EACrC,CAAC,EAAE,WAAW,YAAY,0CAA0C;AAAA,EAIpE,cAAc,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YACjD,wCACF;AAAA,EAIA,eAAe,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAClD,kCACF;AAAA,EAIA,OAAO,8BAAU,KAAK,YACpB,8DACF;AAAA,EAIA,YAAY,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,8BAAU,KAAK,YACxB,oDACF;AACF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,kCAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,8 +26,8 @@ module.exports = __toCommonJS(GroupBoxLabel_exports);
|
|
|
26
26
|
var React = __toESM(require("react"));
|
|
27
27
|
var import_react = __toESM(require("react"));
|
|
28
28
|
var import_prop_types = __toESM(require("prop-types"));
|
|
29
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
30
29
|
var import_ds_system = require("@elliemae/ds-system");
|
|
30
|
+
var import_ds_system2 = require("@elliemae/ds-system");
|
|
31
31
|
var import_constants = require("./constants");
|
|
32
32
|
const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
|
|
33
33
|
const categoryBoxStyles = `
|
|
@@ -42,14 +42,14 @@ const categoryBoxStyles = `
|
|
|
42
42
|
`;
|
|
43
43
|
const groupBoxStyles = `
|
|
44
44
|
border: unset;
|
|
45
|
-
font-size: ${(props) => (0,
|
|
45
|
+
font-size: ${(props) => (0, import_ds_system2.toMobile)(props.theme.fontSizes.title[500])};
|
|
46
46
|
padding: 12px 0;
|
|
47
47
|
`;
|
|
48
|
-
const GroupBoxLabelNode =
|
|
48
|
+
const GroupBoxLabelNode = import_ds_system.styled.div`
|
|
49
49
|
${(props) => props.nodeType === "category-box" ? categoryBoxStyles : groupBoxStyles}
|
|
50
50
|
${(props) => props.noBorder ? "border: none;" : ""}
|
|
51
51
|
${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
|
|
52
|
-
${(props) => props.isMain ? `padding-right: ${(0,
|
|
52
|
+
${(props) => props.isMain ? `padding-right: ${(0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};` : ""}
|
|
53
53
|
`;
|
|
54
54
|
function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {
|
|
55
55
|
return /* @__PURE__ */ import_react.default.createElement(GroupBoxLabelNode, {
|
|
@@ -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 from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAAuB;AACvB,wBAAmD;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,gCAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,UACD,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACxD,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UACD,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAChE,CAAC,UACD,MAAM,SACF,kBAAkB,gDAAyB,MAAM,MAAM,MAAM,EAAE,OAC/D;AAAA;AAER,uBAAuB,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,MAAM;AAC7E,SACE,mDAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,KAEC,QACH;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,0BAAU,UAAU;AAAA,IAC5B,0BAAU,QAAQ,0BAAU,IAAI;AAAA,IAChC,0BAAU;AAAA,EACZ,CAAC,EAAE;AAAA,EACH,MAAM,0BAAU,MAAM,gCAAe;AAAA,EACrC,cAAc,0BAAU;AAAA,EACxB,QAAQ,0BAAU,KAAK;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,IAAI,0BAAU;AAChB;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/LabelElement.js
CHANGED
|
@@ -26,13 +26,13 @@ module.exports = __toCommonJS(LabelElement_exports);
|
|
|
26
26
|
var React = __toESM(require("react"));
|
|
27
27
|
var import_react = __toESM(require("react"));
|
|
28
28
|
var import_prop_types = __toESM(require("prop-types"));
|
|
29
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
30
29
|
var import_ds_system = require("@elliemae/ds-system");
|
|
31
|
-
|
|
30
|
+
var import_ds_system2 = require("@elliemae/ds-system");
|
|
31
|
+
const LabelElementNode = import_ds_system.styled.div`
|
|
32
32
|
overflow: hidden;
|
|
33
33
|
display: flex;
|
|
34
34
|
align-items: center;
|
|
35
|
-
font-size: ${(props) => (0,
|
|
35
|
+
font-size: ${(props) => (0, import_ds_system2.toMobile)(props.theme.fontSizes.title[700])};
|
|
36
36
|
font-weight: 400;
|
|
37
37
|
`;
|
|
38
38
|
function LabelElement({ children }) {
|
|
@@ -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 from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAAuB;AACvB,wBAAyB;AAEzB,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,gCAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,sBAAsB,EAAE,YAAY;AAClC,SAAO,mDAAC,wBAAkB,QAAS;AACrC;AAEA,aAAa,YAAY;AAAA,EACvB,UAAU,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ActionItem.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2 from "react";
|
|
3
|
-
import styled from "
|
|
3
|
+
import { styled } from "@elliemae/ds-system";
|
|
4
4
|
import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
|
|
5
5
|
import PropTypes from "prop-types";
|
|
6
6
|
const ActionItemNode = styled.div`
|
|
@@ -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 from '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\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
5
|
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,OAAO;AAAA,mBACX,WAAS,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzE,oBAAoB,EAAE,YAAY;AAChC,SAAO,qCAAC,sBAAgB,QAAS;AACnC;AAEA,WAAW,YAAY;AAAA,EACrB,UAAU,UAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/Actions.js
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2 from "react";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
|
-
import styled from "
|
|
5
|
-
import { space } from "@xstyled/styled-components";
|
|
6
|
-
import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
|
|
4
|
+
import { styled, space, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
|
|
7
5
|
import ActionItem from "./ActionItem";
|
|
8
6
|
const ActionsNode = styled.div`
|
|
9
7
|
display: flex;
|
|
@@ -12,7 +10,7 @@ const ActionsNode = styled.div`
|
|
|
12
10
|
overflow: hidden;
|
|
13
11
|
${space}
|
|
14
12
|
`;
|
|
15
|
-
|
|
13
|
+
const Actions = ({ actions = [], centerActions, rightActions }) => {
|
|
16
14
|
if (actions.length < 1)
|
|
17
15
|
return null;
|
|
18
16
|
return /* @__PURE__ */ React2.createElement(ActionsNode, {
|
|
@@ -21,7 +19,7 @@ function Actions({ actions = [], centerActions, rightActions }) {
|
|
|
21
19
|
}, actions.map((action, key) => /* @__PURE__ */ React2.createElement(ActionItem, {
|
|
22
20
|
key
|
|
23
21
|
}, action)));
|
|
24
|
-
}
|
|
22
|
+
};
|
|
25
23
|
Actions.propTypes = {
|
|
26
24
|
actions: PropTypes.array,
|
|
27
25
|
centerActions: PropTypes.bool,
|
package/dist/esm/Actions.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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
|
|
5
|
-
"mappings": "AAAA;ACCA;AACA;AACA;AACA;
|
|
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, space, __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\nconst Actions = ({ actions = [], centerActions, rightActions }) => {\n if (actions.length < 1) return null;\n return (\n <ActionsNode marginLeft={!!rightActions && 'auto'} marginRight={!!centerActions && 'auto'}>\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;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,IAErE;AAAA;AAGJ,MAAM,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,eAAe,mBAAmB;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,qCAAC;AAAA,IAAY,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAAQ,aAAa,CAAC,CAAC,iBAAiB;AAAA,KAChF,QAAQ,IAAI,CAAC,QAAQ,QACpB,qCAAC;AAAA,IAAW;AAAA,KAAW,MAAO,CAC/B,CACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAC1B;AAGA,IAAO,kBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSGroupBox.js
CHANGED
|
@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
import * as React from "react";
|
|
21
21
|
import React2 from "react";
|
|
22
|
-
import { PropTypes, describe } from "
|
|
22
|
+
import { PropTypes, describe } from "@elliemae/ds-utilities";
|
|
23
23
|
import { GroupBoxWrapper, GroupBoxContent } from "./components/blocks";
|
|
24
24
|
import { DSGroupBoxHeader } from "./components/GroupHeader";
|
|
25
25
|
import { BOX_TYPES, BOX_TYPES_ARRAY } from "./constants";
|
|
@@ -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 '
|
|
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\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;\nDSGroupBox.displayName = 'DSGroupBox';\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,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;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,qCAAC,kDACK,iBADL;AAAA,IAEC,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,MAEhD,aACC,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GAGF,qCAAC;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA,IACjB;AAAA,KAEC,cAAc,WAAW,QACtB,OAAM,SAAS,IACb,YACA,CAAC,cACC,OAAM,aAAa,WAAW,iCACzB,UAAU,QADe;AAAA,IAE5B,QAAQ;AAAA,EACV,EAAC,GACH,IACF,IACA,UACN,CACF;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,YACrC,gBAAgB,SAAS,CAC3B;AAAA,EAIA,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,OAAO;AAAA,EACrC,CAAC,EAAE,WAAW,YAAY,0CAA0C;AAAA,EAIpE,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YACjD,wCACF;AAAA,EAIA,eAAe,UAAU,QAAQ,UAAU,OAAO,EAAE,YAClD,kCACF;AAAA,EAIA,OAAO,UAAU,KAAK,YACpB,8DACF;AAAA,EAIA,YAAY,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,UAAU,KAAK,YACxB,oDACF;AACF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2 from "react";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
|
-
import styled from "
|
|
4
|
+
import { styled } from "@elliemae/ds-system";
|
|
5
5
|
import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
|
|
6
6
|
import { BOX_TYPES_ARRAY } from "./constants";
|
|
7
7
|
const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
|
|
@@ -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 from '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\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"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,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,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,UACD,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACxD,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UACD,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAChE,CAAC,UACD,MAAM,SACF,kBAAkB,yBAAyB,MAAM,MAAM,MAAM,EAAE,OAC/D;AAAA;AAER,uBAAuB,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,MAAM;AAC7E,SACE,qCAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,KAEC,QACH;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU,QAAQ,UAAU,IAAI;AAAA,IAChC,UAAU;AAAA,EACZ,CAAC,EAAE;AAAA,EACH,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,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2 from "react";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
|
-
import styled from "
|
|
4
|
+
import { styled } from "@elliemae/ds-system";
|
|
5
5
|
import { toMobile } from "@elliemae/ds-system";
|
|
6
6
|
const LabelElementNode = styled.div`
|
|
7
7
|
overflow: hidden;
|
|
@@ -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 from '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\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"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,sBAAsB,EAAE,YAAY;AAClC,SAAO,qCAAC,wBAAkB,QAAS;AACrC;AAEA,aAAa,YAAY;AAAA,EACvB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
|
|
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.1.0-next.
|
|
3
|
+
"version": "3.1.0-next.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Group Box",
|
|
6
6
|
"files": [
|
|
@@ -66,26 +66,17 @@
|
|
|
66
66
|
"reportFile": "tests.xml",
|
|
67
67
|
"indent": 4
|
|
68
68
|
},
|
|
69
|
-
"scripts": {
|
|
70
|
-
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
71
|
-
"test": "node ../../scripts/testing/test.mjs",
|
|
72
|
-
"lint": "node ../../scripts/lint.mjs",
|
|
73
|
-
"dts": "node ../../scripts/dts.mjs",
|
|
74
|
-
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
75
|
-
},
|
|
76
69
|
"dependencies": {
|
|
77
|
-
"@elliemae/ds-classnames": "3.1.0-next.
|
|
78
|
-
"@elliemae/ds-system": "3.1.0-next.
|
|
79
|
-
"@elliemae/ds-truncated-tooltip-text": "3.1.0-next.
|
|
80
|
-
"@
|
|
81
|
-
"prop-types": "~15.8.1"
|
|
82
|
-
"react-desc": "~4.1.3"
|
|
70
|
+
"@elliemae/ds-classnames": "3.1.0-next.5",
|
|
71
|
+
"@elliemae/ds-system": "3.1.0-next.5",
|
|
72
|
+
"@elliemae/ds-truncated-tooltip-text": "3.1.0-next.5",
|
|
73
|
+
"@elliemae/ds-utilities": "3.1.0-next.5",
|
|
74
|
+
"prop-types": "~15.8.1"
|
|
83
75
|
},
|
|
84
76
|
"devDependencies": {
|
|
85
77
|
"@testing-library/jest-dom": "~5.16.2",
|
|
86
78
|
"@testing-library/react": "~12.1.2",
|
|
87
|
-
"styled-components": "~5.3.3"
|
|
88
|
-
"styled-system": "~5.1.5"
|
|
79
|
+
"styled-components": "~5.3.3"
|
|
89
80
|
},
|
|
90
81
|
"peerDependencies": {
|
|
91
82
|
"react": "^17.0.2",
|
|
@@ -96,5 +87,13 @@
|
|
|
96
87
|
"publishConfig": {
|
|
97
88
|
"access": "public",
|
|
98
89
|
"typeSafety": false
|
|
90
|
+
},
|
|
91
|
+
"scripts": {
|
|
92
|
+
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
93
|
+
"test": "node ../../scripts/testing/test.mjs",
|
|
94
|
+
"lint": "node ../../scripts/lint.mjs",
|
|
95
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
96
|
+
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
97
|
+
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
99
98
|
}
|
|
100
|
-
}
|
|
99
|
+
}
|