@elliemae/ds-group-box 2.3.0-alpha.9 → 2.3.0-next.3
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/cjs/ActionItem.js +24 -0
- package/cjs/Actions.js +37 -0
- package/cjs/DSGroupBox.js +140 -0
- package/cjs/GroupBoxLabel.js +40 -0
- package/cjs/LabelElement.js +24 -0
- package/cjs/components/GroupHeader.js +53 -0
- package/cjs/components/blocks.js +56 -0
- package/cjs/constants.js +12 -0
- package/cjs/index.js +14 -0
- package/esm/ActionItem.js +17 -0
- package/esm/Actions.js +27 -0
- package/esm/DSGroupBox.js +128 -0
- package/esm/GroupBoxLabel.js +33 -0
- package/esm/LabelElement.js +17 -0
- package/esm/components/GroupHeader.js +44 -0
- package/esm/components/blocks.js +50 -0
- package/esm/constants.js +7 -0
- package/esm/index.js +2 -0
- package/package.json +37 -39
- package/{dist/types → types}/ActionItem.d.ts +0 -0
- package/{dist/types → types}/Actions.d.ts +0 -0
- package/{dist/types → types}/DSGroupBox.d.ts +0 -0
- package/{dist/types → types}/GroupBoxLabel.d.ts +0 -0
- package/{dist/types → types}/LabelElement.d.ts +0 -0
- package/{dist/types → types}/components/GroupHeader.d.ts +0 -0
- package/{dist/types → types}/components/blocks.d.ts +0 -0
- package/{dist/types → types}/constants.d.ts +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/tests/DSGroupBox.test.d.ts +0 -0
- package/dist/cjs/ActionItem.js +0 -55
- package/dist/cjs/ActionItem.js.map +0 -7
- package/dist/cjs/Actions.js +0 -64
- package/dist/cjs/Actions.js.map +0 -7
- package/dist/cjs/DSGroupBox.js +0 -106
- package/dist/cjs/DSGroupBox.js.map +0 -7
- package/dist/cjs/GroupBoxLabel.js +0 -83
- package/dist/cjs/GroupBoxLabel.js.map +0 -7
- package/dist/cjs/LabelElement.js +0 -52
- package/dist/cjs/LabelElement.js.map +0 -7
- package/dist/cjs/components/GroupHeader.js +0 -69
- package/dist/cjs/components/GroupHeader.js.map +0 -7
- package/dist/cjs/components/blocks.js +0 -58
- package/dist/cjs/components/blocks.js.map +0 -7
- package/dist/cjs/constants.js +0 -40
- package/dist/cjs/constants.js.map +0 -7
- package/dist/cjs/index.js +0 -37
- package/dist/cjs/index.js.map +0 -7
- package/dist/esm/ActionItem.js +0 -26
- package/dist/esm/ActionItem.js.map +0 -7
- package/dist/esm/Actions.js +0 -35
- package/dist/esm/Actions.js.map +0 -7
- package/dist/esm/DSGroupBox.js +0 -77
- package/dist/esm/DSGroupBox.js.map +0 -7
- package/dist/esm/GroupBoxLabel.js +0 -54
- package/dist/esm/GroupBoxLabel.js.map +0 -7
- package/dist/esm/LabelElement.js +0 -23
- package/dist/esm/LabelElement.js.map +0 -7
- package/dist/esm/components/GroupHeader.js +0 -40
- package/dist/esm/components/GroupHeader.js.map +0 -7
- package/dist/esm/components/blocks.js +0 -29
- 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/esm/index.js +0 -8
- package/dist/esm/index.js.map +0 -7
|
@@ -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';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n noBorder,\n isMain,\n}) => {\n const { labelText, borderBottom, id } = labelProps;\n return (\n <Label\n borderBottom={borderBottom}\n isMain={isMain}\n noBorder={noBorder}\n type={type}\n id={id}\n >\n <LabelElement>\n <DSTruncatedTooltipText value={labelText} />\n </LabelElement>\n <Actions\n actions={centerActions}\n centerActions={centerActions.length > 0}\n />\n <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n </Label>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,WAAW,cAAc,OAAO;AACxC,SACE,qCAAC,OAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,cAAD,MACE,qCAAC,wBAAD;AAAA,IAAwB,OAAO;AAAA,OAEjC,qCAAC,SAAD;AAAA,IACE,SAAS;AAAA,IACT,eAAe,cAAc,SAAS;AAAA,MAExC,qCAAC,SAAD;AAAA,IAAS,SAAS;AAAA,IAAc,cAAc,aAAa,SAAS;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,29 +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")(blockName, "wrapper", ({ onlyHeader, noBorder, type, isMain }) => ({
|
|
5
|
-
"only-header": onlyHeader,
|
|
6
|
-
"no-border": noBorder,
|
|
7
|
-
[type]: type,
|
|
8
|
-
"main-box": isMain,
|
|
9
|
-
"nested-box": !isMain
|
|
10
|
-
}));
|
|
11
|
-
const GroupBoxContent = aggregatedClasses("div")(blockName, "content", ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({
|
|
12
|
-
[type]: type,
|
|
13
|
-
"as-row": asRow,
|
|
14
|
-
"only-header": onlyHeader,
|
|
15
|
-
"no-padding": noPadding,
|
|
16
|
-
"no-border": noBorder,
|
|
17
|
-
"no-border-top": noBorderTop
|
|
18
|
-
}));
|
|
19
|
-
const Label = aggregatedClasses("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
|
|
20
|
-
"border-bottom": borderBottom,
|
|
21
|
-
[type]: type,
|
|
22
|
-
"no-border": noBorder
|
|
23
|
-
}));
|
|
24
|
-
export {
|
|
25
|
-
GroupBoxContent,
|
|
26
|
-
GroupBoxWrapper,
|
|
27
|
-
Label
|
|
28
|
-
};
|
|
29
|
-
//# 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')(\n blockName,\n 'label',\n ({ borderBottom, type, noBorder }) => ({\n 'border-bottom': borderBottom,\n [type]: type,\n 'no-border': noBorder,\n }),\n);\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,kBAAkB,kBAAkB,OAC/C,WACA,WACA,CAAC,EAAE,YAAY,UAAU,MAAM,aAAc;AAAA,EAC3C,eAAe;AAAA,EACf,aAAa;AAAA,GACZ,OAAO;AAAA,EACR,YAAY;AAAA,EACZ,cAAc,CAAC;AAAA;AAIZ,MAAM,kBAAkB,kBAAkB,OAC/C,WACA,WACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,kBAAmB;AAAA,GACjE,OAAO;AAAA,EACR,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA;AAId,MAAM,QAAQ,kBAAkB,OACrC,WACA,SACA,CAAC,EAAE,cAAc,MAAM,eAAgB;AAAA,EACrC,iBAAiB;AAAA,GAChB,OAAO;AAAA,EACR,aAAa;AAAA;",
|
|
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;ACAO,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AAAA;AAEF,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/index.js
DELETED
package/dist/esm/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSGroupBox';\nexport * from './constants';\nexport { default } from './DSGroupBox';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|