@elliemae/ds-group-box 3.27.0-next.1 → 3.27.0-next.11
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/index.js +3 -4
- package/dist/cjs/index.js.map +2 -2
- package/dist/esm/index.js +2 -3
- package/dist/esm/index.js.map +2 -2
- package/dist/types/index.d.ts +2 -3
- package/package.json +8 -44
- package/dist/cjs/ActionItem.js +0 -53
- package/dist/cjs/ActionItem.js.map +0 -7
- package/dist/cjs/Actions.js +0 -58
- package/dist/cjs/Actions.js.map +0 -7
- package/dist/cjs/DSGroupBox.js +0 -148
- package/dist/cjs/DSGroupBox.js.map +0 -7
- package/dist/cjs/GroupBoxLabel.js +0 -82
- package/dist/cjs/GroupBoxLabel.js.map +0 -7
- package/dist/cjs/LabelElement.js +0 -50
- package/dist/cjs/LabelElement.js.map +0 -7
- package/dist/cjs/components/GroupHeader.js +0 -60
- package/dist/cjs/components/GroupHeader.js.map +0 -7
- package/dist/cjs/components/blocks.js +0 -67
- package/dist/cjs/components/blocks.js.map +0 -7
- package/dist/cjs/constants.js +0 -41
- package/dist/cjs/constants.js.map +0 -7
- package/dist/esm/ActionItem.js +0 -23
- package/dist/esm/ActionItem.js.map +0 -7
- package/dist/esm/Actions.js +0 -28
- package/dist/esm/Actions.js.map +0 -7
- package/dist/esm/DSGroupBox.js +0 -118
- package/dist/esm/DSGroupBox.js.map +0 -7
- package/dist/esm/GroupBoxLabel.js +0 -52
- package/dist/esm/GroupBoxLabel.js.map +0 -7
- package/dist/esm/LabelElement.js +0 -20
- package/dist/esm/LabelElement.js.map +0 -7
- package/dist/esm/components/GroupHeader.js +0 -30
- package/dist/esm/components/GroupHeader.js.map +0 -7
- package/dist/esm/components/blocks.js +0 -37
- package/dist/esm/components/blocks.js.map +0 -7
- package/dist/esm/constants.js +0 -11
- package/dist/esm/constants.js.map +0 -7
- package/dist/types/ActionItem.d.ts +0 -10
- package/dist/types/Actions.d.ts +0 -15
- package/dist/types/DSGroupBox.d.ts +0 -79
- package/dist/types/GroupBoxLabel.d.ts +0 -20
- package/dist/types/LabelElement.d.ts +0 -10
- package/dist/types/components/GroupHeader.d.ts +0 -12
- package/dist/types/components/blocks.d.ts +0 -4
- package/dist/types/constants.d.ts +0 -5
- package/dist/types/tests/DSGroupBox.test.d.ts +0 -1
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var GroupHeader_exports = {};
|
|
30
|
-
__export(GroupHeader_exports, {
|
|
31
|
-
DSGroupBoxHeader: () => DSGroupBoxHeader
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(GroupHeader_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
|
|
37
|
-
var import_constants = require("../constants.js");
|
|
38
|
-
var import_Actions = __toESM(require("../Actions.js"));
|
|
39
|
-
var import_LabelElement = __toESM(require("../LabelElement.js"));
|
|
40
|
-
var import_GroupBoxLabel = __toESM(require("../GroupBoxLabel.js"));
|
|
41
|
-
const DSGroupBoxHeader = ({
|
|
42
|
-
labelProps = {
|
|
43
|
-
labelText: "",
|
|
44
|
-
borderBottom: false,
|
|
45
|
-
id: "ds-group-box__header"
|
|
46
|
-
},
|
|
47
|
-
rightActions = [],
|
|
48
|
-
centerActions = [],
|
|
49
|
-
type = import_constants.BOX_TYPES.CATEGORY,
|
|
50
|
-
noBorder,
|
|
51
|
-
isMain
|
|
52
|
-
}) => {
|
|
53
|
-
const { labelText, borderBottom, id } = labelProps;
|
|
54
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_GroupBoxLabel.default, { borderBottom, isMain, noBorder, type, id, children: [
|
|
55
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LabelElement.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.default, { value: labelText }) }),
|
|
56
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, { actions: centerActions, centerActions: centerActions.length > 0 }),
|
|
57
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, { actions: rightActions, rightActions: rightActions.length > 0 })
|
|
58
|
-
] });
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=GroupHeader.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/GroupHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants.js';\nimport Actions from '../Actions.js';\nimport LabelElement from '../LabelElement.js';\nimport Label from '../GroupBoxLabel.js';\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,EAAM,cAA4B,QAAgB,UAAoB,MAAY,IACjF;AAAA,gDAAC,oBAAAC,SAAA,EACC,sDAAC,iCAAAC,SAAA,EAAuB,OAAO,WAAW,GAC5C;AAAA,IACA,4CAAC,eAAAC,SAAA,EAAQ,SAAS,eAAe,eAAe,cAAc,SAAS,GAAG;AAAA,IAC1E,4CAAC,eAAAA,SAAA,EAAQ,SAAS,cAAc,cAAc,aAAa,SAAS,GAAG;AAAA,KACzE;AAEJ;",
|
|
6
|
-
"names": ["Label", "LabelElement", "DSTruncatedTooltipText", "Actions"]
|
|
7
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var blocks_exports = {};
|
|
30
|
-
__export(blocks_exports, {
|
|
31
|
-
GroupBoxContent: () => GroupBoxContent,
|
|
32
|
-
GroupBoxWrapper: () => GroupBoxWrapper,
|
|
33
|
-
Label: () => Label
|
|
34
|
-
});
|
|
35
|
-
module.exports = __toCommonJS(blocks_exports);
|
|
36
|
-
var React = __toESM(require("react"));
|
|
37
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
38
|
-
const blockName = "group-box";
|
|
39
|
-
const GroupBoxWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
40
|
-
blockName,
|
|
41
|
-
"wrapper",
|
|
42
|
-
({ onlyHeader, noBorder, type, isMain }) => ({
|
|
43
|
-
"only-header": onlyHeader,
|
|
44
|
-
"no-border": noBorder,
|
|
45
|
-
[type]: type,
|
|
46
|
-
"main-box": isMain,
|
|
47
|
-
"nested-box": !isMain
|
|
48
|
-
})
|
|
49
|
-
);
|
|
50
|
-
const GroupBoxContent = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
51
|
-
blockName,
|
|
52
|
-
"content",
|
|
53
|
-
({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({
|
|
54
|
-
[type]: type,
|
|
55
|
-
"as-row": asRow,
|
|
56
|
-
"only-header": onlyHeader,
|
|
57
|
-
"no-padding": noPadding,
|
|
58
|
-
"no-border": noBorder,
|
|
59
|
-
"no-border-top": noBorderTop
|
|
60
|
-
})
|
|
61
|
-
);
|
|
62
|
-
const Label = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
|
|
63
|
-
"border-bottom": borderBottom,
|
|
64
|
-
[type]: type,
|
|
65
|
-
"no-border": noBorder
|
|
66
|
-
}));
|
|
67
|
-
//# sourceMappingURL=blocks.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/blocks.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ onlyHeader, noBorder, type, isMain }) => ({\n 'only-header': onlyHeader,\n 'no-border': noBorder,\n [type]: type,\n 'main-box': isMain,\n 'nested-box': !isMain,\n }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n blockName,\n 'content',\n ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n [type]: type,\n 'as-row': asRow,\n 'only-header': onlyHeader,\n 'no-padding': noPadding,\n 'no-border': noBorder,\n 'no-border-top': noBorderTop,\n }),\n);\n\nexport const Label = aggregatedClasses('div')(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,IAAI,GAAG;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,IAAI,GAAG;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,IAAI,GAAG;AAAA,EACR,aAAa;AACf,EAAE;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/constants.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var constants_exports = {};
|
|
30
|
-
__export(constants_exports, {
|
|
31
|
-
BOX_TYPES: () => BOX_TYPES,
|
|
32
|
-
BOX_TYPES_ARRAY: () => BOX_TYPES_ARRAY
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(constants_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
const BOX_TYPES = {
|
|
37
|
-
CATEGORY: "category-box",
|
|
38
|
-
GROUP: "group-box"
|
|
39
|
-
};
|
|
40
|
-
const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
|
|
41
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/constants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const BOX_TYPES = {\n CATEGORY: 'category-box',\n GROUP: 'group-box',\n};\nexport const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AACT;AACO,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU,KAAK;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/ActionItem.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { styled, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
|
|
4
|
-
import PropTypes from "prop-types";
|
|
5
|
-
const ActionItemNode = styled.div`
|
|
6
|
-
padding-right: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
|
|
7
|
-
font-weight: 300;
|
|
8
|
-
overflow: hidden;
|
|
9
|
-
align-items: center;
|
|
10
|
-
display: flex;
|
|
11
|
-
&:last-child {
|
|
12
|
-
padding-right: 0;
|
|
13
|
-
}
|
|
14
|
-
`;
|
|
15
|
-
const ActionItem = ({ children }) => /* @__PURE__ */ jsx(ActionItemNode, { children });
|
|
16
|
-
ActionItem.propTypes = {
|
|
17
|
-
children: PropTypes.node.isRequired
|
|
18
|
-
};
|
|
19
|
-
var ActionItem_default = ActionItem;
|
|
20
|
-
export {
|
|
21
|
-
ActionItem_default as default
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=ActionItem.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/ActionItem.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, __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,kBAAgB,UAAS;AAE/D,WAAW,YAAY;AAAA,EACrB,UAAU,UAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/Actions.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import PropTypes from "prop-types";
|
|
4
|
-
import { styled, space, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
|
|
5
|
-
import ActionItem from "./ActionItem.js";
|
|
6
|
-
const ActionsNode = styled.div`
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};
|
|
10
|
-
overflow: hidden;
|
|
11
|
-
${space}
|
|
12
|
-
`;
|
|
13
|
-
const Actions = ({ actions = [], centerActions, rightActions }) => {
|
|
14
|
-
if (actions.length < 1)
|
|
15
|
-
return null;
|
|
16
|
-
return /* @__PURE__ */ jsx(ActionsNode, { marginLeft: !!rightActions && "auto", marginRight: !!centerActions && "auto", children: actions.map((action, key) => /* @__PURE__ */ jsx(ActionItem, { children: action }, key)) });
|
|
17
|
-
};
|
|
18
|
-
Actions.propTypes = {
|
|
19
|
-
actions: PropTypes.array,
|
|
20
|
-
centerActions: PropTypes.bool,
|
|
21
|
-
rightActions: PropTypes.bool
|
|
22
|
-
};
|
|
23
|
-
var Actions_default = Actions;
|
|
24
|
-
export {
|
|
25
|
-
Actions,
|
|
26
|
-
Actions_default as default
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=Actions.js.map
|
package/dist/esm/Actions.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/Actions.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, space, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem.js';\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,YAAY,WAAW;ACmBf;AAjBR,OAAO,eAAe;AACtB,SAAS,QAAQ,OAAO,gCAAgC;AACxD,OAAO,gBAAgB;AAEvB,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,aAAa,MAAM;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,oBAAC,eAAY,YAAY,CAAC,CAAC,gBAAgB,QAAQ,aAAa,CAAC,CAAC,iBAAiB,QAChF,kBAAQ,IAAI,CAAC,QAAQ,QACpB,oBAAC,cAAsB,oBAAN,GAAa,CAC/B,GACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAC1B;AAGA,IAAO,kBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/DSGroupBox.js
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React2 from "react";
|
|
4
|
-
import { PropTypes, describe } from "@elliemae/ds-props-helpers";
|
|
5
|
-
import { GroupBoxWrapper, GroupBoxContent } from "./components/blocks.js";
|
|
6
|
-
import { DSGroupBoxHeader } from "./components/GroupHeader.js";
|
|
7
|
-
import { BOX_TYPES, BOX_TYPES_ARRAY } from "./constants.js";
|
|
8
|
-
const DSGroupBox = ({
|
|
9
|
-
containerProps = {},
|
|
10
|
-
labelProps = {
|
|
11
|
-
labelText: "",
|
|
12
|
-
borderBottom: false,
|
|
13
|
-
id: "ds-group-box__header"
|
|
14
|
-
},
|
|
15
|
-
rightActions = [],
|
|
16
|
-
centerActions = [],
|
|
17
|
-
type = BOX_TYPES.CATEGORY,
|
|
18
|
-
asRow = false,
|
|
19
|
-
onlyHeader = false,
|
|
20
|
-
noBorder = true,
|
|
21
|
-
noPadding = false,
|
|
22
|
-
children: components = [],
|
|
23
|
-
// eslint-disable-next-line react/prop-types
|
|
24
|
-
isMain = true
|
|
25
|
-
}) => {
|
|
26
|
-
const { labelText } = labelProps;
|
|
27
|
-
return /* @__PURE__ */ jsxs(GroupBoxWrapper, { ...containerProps, classProps: { onlyHeader, noBorder, type, isMain }, children: [
|
|
28
|
-
labelText && /* @__PURE__ */ jsx(
|
|
29
|
-
DSGroupBoxHeader,
|
|
30
|
-
{
|
|
31
|
-
centerActions,
|
|
32
|
-
isMain,
|
|
33
|
-
labelProps,
|
|
34
|
-
noBorder,
|
|
35
|
-
rightActions,
|
|
36
|
-
type
|
|
37
|
-
}
|
|
38
|
-
),
|
|
39
|
-
/* @__PURE__ */ jsx(
|
|
40
|
-
GroupBoxContent,
|
|
41
|
-
{
|
|
42
|
-
classProps: {
|
|
43
|
-
type,
|
|
44
|
-
asRow,
|
|
45
|
-
onlyHeader,
|
|
46
|
-
noPadding,
|
|
47
|
-
noBorder,
|
|
48
|
-
noBorderTop: !!labelText
|
|
49
|
-
},
|
|
50
|
-
children: components && components.props ? React2.Children.map(
|
|
51
|
-
components,
|
|
52
|
-
(component) => React2.cloneElement(component, {
|
|
53
|
-
...component.props,
|
|
54
|
-
isMain: false
|
|
55
|
-
}),
|
|
56
|
-
null
|
|
57
|
-
) : components
|
|
58
|
-
}
|
|
59
|
-
)
|
|
60
|
-
] });
|
|
61
|
-
};
|
|
62
|
-
const props = {
|
|
63
|
-
/** props to inject to wrapper */
|
|
64
|
-
containerProps: PropTypes.object.description("props to inject to wrapper"),
|
|
65
|
-
/**
|
|
66
|
-
* Label attributes to be rendered
|
|
67
|
-
*/
|
|
68
|
-
labelProps: PropTypes.shape({
|
|
69
|
-
labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
70
|
-
borderBottom: PropTypes.bool,
|
|
71
|
-
id: PropTypes.string
|
|
72
|
-
}).description("Label attributes to be rendered"),
|
|
73
|
-
/**
|
|
74
|
-
* ['category-box', 'group-box']
|
|
75
|
-
*/
|
|
76
|
-
type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(BOX_TYPES_ARRAY.toString()),
|
|
77
|
-
/**
|
|
78
|
-
* Components to be rendered inside the box
|
|
79
|
-
*/
|
|
80
|
-
children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(
|
|
81
|
-
"Components to be rendered inside the box"
|
|
82
|
-
),
|
|
83
|
-
/**
|
|
84
|
-
* Actions on the right side of the label
|
|
85
|
-
*/
|
|
86
|
-
rightActions: PropTypes.arrayOf(PropTypes.element).description("Actions on the right side of the label"),
|
|
87
|
-
/**
|
|
88
|
-
* Actions on the next to the label
|
|
89
|
-
*/
|
|
90
|
-
centerActions: PropTypes.arrayOf(PropTypes.element).description("Actions on the next to the label"),
|
|
91
|
-
/**
|
|
92
|
-
* Display the content of the group box with flex direction row
|
|
93
|
-
*/
|
|
94
|
-
asRow: PropTypes.bool.description("Display the content of the group box with flex direction row"),
|
|
95
|
-
/**
|
|
96
|
-
* Show border only on the header
|
|
97
|
-
*/
|
|
98
|
-
onlyHeader: PropTypes.bool.description("Show border only on the header"),
|
|
99
|
-
/**
|
|
100
|
-
* Remove the wrapper border
|
|
101
|
-
*/
|
|
102
|
-
noBorder: PropTypes.bool.description("Remove the wrapper border"),
|
|
103
|
-
/**
|
|
104
|
-
* Remove the top and bottom padding from the content
|
|
105
|
-
*/
|
|
106
|
-
noPadding: PropTypes.bool.description("Remove the top and bottom padding from the content")
|
|
107
|
-
};
|
|
108
|
-
DSGroupBox.propTypes = props;
|
|
109
|
-
DSGroupBox.displayName = "DSGroupBox";
|
|
110
|
-
const DSGroupBoxWithSchema = describe(DSGroupBox);
|
|
111
|
-
DSGroupBoxWithSchema.propTypes = props;
|
|
112
|
-
var DSGroupBox_default = DSGroupBox;
|
|
113
|
-
export {
|
|
114
|
-
DSGroupBox,
|
|
115
|
-
DSGroupBoxWithSchema,
|
|
116
|
-
DSGroupBox_default as default
|
|
117
|
-
};
|
|
118
|
-
//# sourceMappingURL=DSGroupBox.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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-props-helpers';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks.js';\nimport { DSGroupBoxHeader } from './components/GroupHeader.js';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants.js';\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;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,qBAAC,mBAAiB,GAAG,gBAAgB,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO,GACnF;AAAA,iBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGF;AAAA,MAAC;AAAA;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;AAAA,IACN;AAAA,KACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA;AAAA;AAAA;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;AAAA;AAAA;AAAA,EAIhD,MAAM,UAAU,MAAM,eAAe,EAAE,YAAY,gBAAgB,SAAS,CAAC;AAAA;AAAA;AAAA;AAAA,EAI7E,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,wCAAwC;AAAA;AAAA;AAAA;AAAA,EAIvG,eAAe,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,kCAAkC;AAAA;AAAA;AAAA;AAAA,EAIlG,OAAO,UAAU,KAAK,YAAY,8DAA8D;AAAA;AAAA;AAAA;AAAA,EAIhG,YAAY,UAAU,KAAK,YAAY,gCAAgC;AAAA;AAAA;AAAA;AAAA,EAIvE,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA;AAAA;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
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import PropTypes from "prop-types";
|
|
4
|
-
import { styled, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
|
|
5
|
-
import { BOX_TYPES_ARRAY } from "./constants.js";
|
|
6
|
-
const borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;
|
|
7
|
-
const categoryBoxStyles = `
|
|
8
|
-
width: 100%;
|
|
9
|
-
height: 36px;
|
|
10
|
-
padding:0 0;
|
|
11
|
-
color: ${(props) => props.theme.colors.neutral[800]};
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: row;
|
|
14
|
-
align-items: center;
|
|
15
|
-
border-bottom: ${borderBase200}
|
|
16
|
-
`;
|
|
17
|
-
const groupBoxStyles = `
|
|
18
|
-
border: unset;
|
|
19
|
-
font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};
|
|
20
|
-
padding: 12px 0;
|
|
21
|
-
`;
|
|
22
|
-
const GroupBoxLabelNode = styled.div`
|
|
23
|
-
${(props) => props.nodeType === "category-box" ? categoryBoxStyles : groupBoxStyles}
|
|
24
|
-
${(props) => props.noBorder ? "border: none;" : ""}
|
|
25
|
-
${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
|
|
26
|
-
${(props) => props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : ""}
|
|
27
|
-
`;
|
|
28
|
-
const GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => /* @__PURE__ */ jsx(
|
|
29
|
-
GroupBoxLabelNode,
|
|
30
|
-
{
|
|
31
|
-
borderBottom,
|
|
32
|
-
"data-testid": "ds-group-box__header",
|
|
33
|
-
isMain,
|
|
34
|
-
noBorder,
|
|
35
|
-
nodeType: type,
|
|
36
|
-
id,
|
|
37
|
-
children
|
|
38
|
-
}
|
|
39
|
-
);
|
|
40
|
-
GroupBoxLabel.propTypes = {
|
|
41
|
-
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
|
|
42
|
-
type: PropTypes.oneOf(BOX_TYPES_ARRAY),
|
|
43
|
-
borderBottom: PropTypes.bool,
|
|
44
|
-
isMain: PropTypes.bool.isRequired,
|
|
45
|
-
noBorder: PropTypes.bool,
|
|
46
|
-
id: PropTypes.string
|
|
47
|
-
};
|
|
48
|
-
var GroupBoxLabel_default = GroupBoxLabel;
|
|
49
|
-
export {
|
|
50
|
-
GroupBoxLabel_default as default
|
|
51
|
-
};
|
|
52
|
-
//# sourceMappingURL=GroupBoxLabel.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants.js';\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,GAAG;AAE5E,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA,mBAIjC;AAAA;AAGnB,MAAM,iBAAiB;AAAA;AAAA,eAER,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,GAAG,CAAC;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;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IAEC;AAAA;AACH;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
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/LabelElement.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import PropTypes from "prop-types";
|
|
4
|
-
import { styled, toMobile } from "@elliemae/ds-system";
|
|
5
|
-
const LabelElementNode = styled.div`
|
|
6
|
-
overflow: hidden;
|
|
7
|
-
display: flex;
|
|
8
|
-
align-items: center;
|
|
9
|
-
font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};
|
|
10
|
-
font-weight: 400;
|
|
11
|
-
`;
|
|
12
|
-
const LabelElement = ({ children }) => /* @__PURE__ */ jsx(LabelElementNode, { children });
|
|
13
|
-
LabelElement.propTypes = {
|
|
14
|
-
children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
|
|
15
|
-
};
|
|
16
|
-
var LabelElement_default = LabelElement;
|
|
17
|
-
export {
|
|
18
|
-
LabelElement_default as default
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=LabelElement.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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, 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,GAAG,CAAC;AAAA;AAAA;AAInE,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM,oBAAC,oBAAkB,UAAS;AAEnE,aAAa,YAAY;AAAA,EACvB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
|
|
4
|
-
import { BOX_TYPES } from "../constants.js";
|
|
5
|
-
import Actions from "../Actions.js";
|
|
6
|
-
import LabelElement from "../LabelElement.js";
|
|
7
|
-
import Label from "../GroupBoxLabel.js";
|
|
8
|
-
const DSGroupBoxHeader = ({
|
|
9
|
-
labelProps = {
|
|
10
|
-
labelText: "",
|
|
11
|
-
borderBottom: false,
|
|
12
|
-
id: "ds-group-box__header"
|
|
13
|
-
},
|
|
14
|
-
rightActions = [],
|
|
15
|
-
centerActions = [],
|
|
16
|
-
type = BOX_TYPES.CATEGORY,
|
|
17
|
-
noBorder,
|
|
18
|
-
isMain
|
|
19
|
-
}) => {
|
|
20
|
-
const { labelText, borderBottom, id } = labelProps;
|
|
21
|
-
return /* @__PURE__ */ jsxs(Label, { borderBottom, isMain, noBorder, type, id, children: [
|
|
22
|
-
/* @__PURE__ */ jsx(LabelElement, { children: /* @__PURE__ */ jsx(DSTruncatedTooltipText, { value: labelText }) }),
|
|
23
|
-
/* @__PURE__ */ jsx(Actions, { actions: centerActions, centerActions: centerActions.length > 0 }),
|
|
24
|
-
/* @__PURE__ */ jsx(Actions, { actions: rightActions, rightActions: rightActions.length > 0 })
|
|
25
|
-
] });
|
|
26
|
-
};
|
|
27
|
-
export {
|
|
28
|
-
DSGroupBoxHeader
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=GroupHeader.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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.js';\nimport Actions from '../Actions.js';\nimport LabelElement from '../LabelElement.js';\nimport Label from '../GroupBoxLabel.js';\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,SAAM,cAA4B,QAAgB,UAAoB,MAAY,IACjF;AAAA,wBAAC,gBACC,8BAAC,0BAAuB,OAAO,WAAW,GAC5C;AAAA,IACA,oBAAC,WAAQ,SAAS,eAAe,eAAe,cAAc,SAAS,GAAG;AAAA,IAC1E,oBAAC,WAAQ,SAAS,cAAc,cAAc,aAAa,SAAS,GAAG;AAAA,KACzE;AAEJ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
3
|
-
const blockName = "group-box";
|
|
4
|
-
const GroupBoxWrapper = aggregatedClasses("div")(
|
|
5
|
-
blockName,
|
|
6
|
-
"wrapper",
|
|
7
|
-
({ onlyHeader, noBorder, type, isMain }) => ({
|
|
8
|
-
"only-header": onlyHeader,
|
|
9
|
-
"no-border": noBorder,
|
|
10
|
-
[type]: type,
|
|
11
|
-
"main-box": isMain,
|
|
12
|
-
"nested-box": !isMain
|
|
13
|
-
})
|
|
14
|
-
);
|
|
15
|
-
const GroupBoxContent = aggregatedClasses("div")(
|
|
16
|
-
blockName,
|
|
17
|
-
"content",
|
|
18
|
-
({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({
|
|
19
|
-
[type]: type,
|
|
20
|
-
"as-row": asRow,
|
|
21
|
-
"only-header": onlyHeader,
|
|
22
|
-
"no-padding": noPadding,
|
|
23
|
-
"no-border": noBorder,
|
|
24
|
-
"no-border-top": noBorderTop
|
|
25
|
-
})
|
|
26
|
-
);
|
|
27
|
-
const Label = aggregatedClasses("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
|
|
28
|
-
"border-bottom": borderBottom,
|
|
29
|
-
[type]: type,
|
|
30
|
-
"no-border": noBorder
|
|
31
|
-
}));
|
|
32
|
-
export {
|
|
33
|
-
GroupBoxContent,
|
|
34
|
-
GroupBoxWrapper,
|
|
35
|
-
Label
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=blocks.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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')(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,IAAI,GAAG;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,IAAI,GAAG;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,IAAI,GAAG;AAAA,EACR,aAAa;AACf,EAAE;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/constants.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const BOX_TYPES = {
|
|
3
|
-
CATEGORY: "category-box",
|
|
4
|
-
GROUP: "group-box"
|
|
5
|
-
};
|
|
6
|
-
const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
|
|
7
|
-
export {
|
|
8
|
-
BOX_TYPES,
|
|
9
|
-
BOX_TYPES_ARRAY
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const BOX_TYPES = {\n CATEGORY: 'category-box',\n GROUP: 'group-box',\n};\nexport const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AACT;AACO,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU,KAAK;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import PropTypes from 'prop-types';
|
|
2
|
-
declare const ActionItem: {
|
|
3
|
-
({ children }: {
|
|
4
|
-
children: any;
|
|
5
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
propTypes: {
|
|
7
|
-
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
export default ActionItem;
|