@elliemae/ds-group-box 1.61.10 → 1.61.13
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.map +1 -1
- package/cjs/Actions.js.map +1 -1
- package/cjs/DSGroupBox.js.map +1 -1
- package/cjs/GroupBoxLabel.js.map +1 -1
- package/cjs/LabelElement.js.map +1 -1
- package/cjs/components/GroupHeader.js.map +1 -1
- package/cjs/components/blocks.js.map +1 -1
- package/cjs/constants.js.map +1 -1
- package/esm/ActionItem.js.map +1 -1
- package/esm/Actions.js.map +1 -1
- package/esm/DSGroupBox.js.map +1 -1
- package/esm/GroupBoxLabel.js.map +1 -1
- package/esm/LabelElement.js.map +1 -1
- package/esm/components/GroupHeader.js.map +1 -1
- package/esm/components/blocks.js.map +1 -1
- package/esm/constants.js.map +1 -1
- package/package.json +4 -4
package/cjs/ActionItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionItem.js","sources":["../../src/ActionItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n padding-right: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n font-weight: 300;\n overflow: hidden;\n align-items: center;\n display: flex;\n &:last-child {\n padding-right: 0;\n }\n`;\n\nfunction ActionItem({ children }) {\n return <ActionItemNode>{children}</ActionItemNode>;\n}\n\nActionItem.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n"],"names":["ActionItemNode","styled","div","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","xs","ActionItem","children","React","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,cAAc,gBAAGC,0BAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"ActionItem.js","sources":["../../src/ActionItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n padding-right: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n font-weight: 300;\n overflow: hidden;\n align-items: center;\n display: flex;\n &:last-child {\n padding-right: 0;\n }\n`;\n\nfunction ActionItem({ children }) {\n return <ActionItemNode>{children}</ActionItemNode>;\n}\n\nActionItem.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n"],"names":["ActionItemNode","styled","div","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","xs","ActionItem","children","React","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,cAAc,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,0HACD,UAAAC,KAAK;EAAA,OAAIC,iCAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,EAAnB,CAA5B;AAAA,CADJ,CAApB;;AAWA,SAASC,UAAT,OAAkC;EAAA,IAAZC,QAAY,QAAZA,QAAY;EAChC,oBAAOC,wCAAC,cAAD,QAAiBD,QAAjB,CAAP;AACD;;AAEDD,UAAU,CAACG,SAAX,GAAuB;EACrBF,QAAQ,EAAEG,6BAAS,CAACC,IAAV,CAAeC;AADJ,CAAvB;;;;"}
|
package/cjs/Actions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.js","sources":["../../src/Actions.tsx"],"sourcesContent":["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { margin } from 'styled-system';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\n\nconst ActionsNode = styled.div`\n display: flex;\n flex-direction: row;\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n overflow: hidden;\n ${margin}\n`;\n\nfunction Actions({ actions = [], centerActions, rightActions }) {\n if (actions.length < 1) return null;\n return (\n <ActionsNode\n marginLeft={!!rightActions && 'auto'}\n marginRight={!!centerActions && 'auto'}\n >\n {actions.map((action, key) => (\n <ActionItem key={key}>{action}</ActionItem>\n ))}\n </ActionsNode>\n );\n}\n\nActions.propTypes = {\n actions: PropTypes.array,\n centerActions: PropTypes.bool,\n rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n"],"names":["ActionsNode","styled","div","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","m","margin","Actions","actions","centerActions","rightActions","length","React","map","action","key","propTypes","PropTypes","array","bool"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"Actions.js","sources":["../../src/Actions.tsx"],"sourcesContent":["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { margin } from 'styled-system';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\n\nconst ActionsNode = styled.div`\n display: flex;\n flex-direction: row;\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n overflow: hidden;\n ${margin}\n`;\n\nfunction Actions({ actions = [], centerActions, rightActions }) {\n if (actions.length < 1) return null;\n return (\n <ActionsNode\n marginLeft={!!rightActions && 'auto'}\n marginRight={!!centerActions && 'auto'}\n >\n {actions.map((action, key) => (\n <ActionItem key={key}>{action}</ActionItem>\n ))}\n </ActionsNode>\n );\n}\n\nActions.propTypes = {\n actions: PropTypes.array,\n centerActions: PropTypes.bool,\n rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n"],"names":["ActionsNode","styled","div","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","m","margin","Actions","actions","centerActions","rightActions","length","React","map","action","key","propTypes","PropTypes","array","bool"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,WAAW,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,+EAGC,UAACC,KAAD;EAAA,OAAWC,iCAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,CAAnB,CAAnC;AAAA,CAHD,EAKbC,mBALa,CAAjB;;AAQA,SAASC,OAAT,OAAgE;EAAA,wBAA7CC,OAA6C;MAA7CA,OAA6C,6BAAnC,EAAmC;MAA/BC,aAA+B,QAA/BA,aAA+B;MAAhBC,YAAgB,QAAhBA,YAAgB;EAC9D,IAAIF,OAAO,CAACG,MAAR,GAAiB,CAArB,EAAwB,OAAO,IAAP;EACxB,oBACEC,wCAAC,WAAD;IACE,UAAU,EAAE,CAAC,CAACF,YAAF,IAAkB,MADhC;IAEE,WAAW,EAAE,CAAC,CAACD,aAAF,IAAmB;KAE/BD,OAAO,CAACK,GAAR,CAAY,UAACC,MAAD,EAASC,GAAT;IAAA,oBACXH,wCAAC,UAAD;MAAY,GAAG,EAAEG;OAAMD,MAAvB,CADW;GAAZ,CAJH,CADF;AAUD;;AAEDP,OAAO,CAACS,SAAR,GAAoB;EAClBR,OAAO,EAAES,6BAAS,CAACC,KADD;EAElBT,aAAa,EAAEQ,6BAAS,CAACE,IAFP;EAGlBT,YAAY,EAAEO,6BAAS,CAACE;AAHN,CAApB;;;;;"}
|
package/cjs/DSGroupBox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSGroupBox.js","sources":["../../src/DSGroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks';\nimport { DSGroupBoxHeader } from './components/GroupHeader';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants';\n\nconst DSGroupBox = ({\n containerProps = {},\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n asRow = false,\n onlyHeader = false,\n noBorder = true,\n noPadding = false,\n children: components = [],\n // eslint-disable-next-line react/prop-types\n isMain = true,\n}) => {\n const { labelText } = labelProps;\n return (\n <GroupBoxWrapper\n {...containerProps}\n classProps={{ onlyHeader, noBorder, type, isMain }}\n >\n {labelText && (\n <DSGroupBoxHeader\n centerActions={centerActions}\n isMain={isMain}\n labelProps={labelProps}\n noBorder={noBorder}\n rightActions={rightActions}\n type={type}\n />\n )}\n\n <GroupBoxContent\n classProps={{\n type,\n asRow,\n onlyHeader,\n noPadding,\n noBorder,\n noBorderTop: !!labelText,\n }}\n >\n {components && components.props\n ? React.Children.map(\n components,\n (component) =>\n React.cloneElement(component, {\n ...component.props,\n isMain: false,\n }),\n null,\n )\n : components}\n </GroupBoxContent>\n </GroupBoxWrapper>\n );\n};\n\nconst props = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /**\n * Label attributes to be rendered\n */\n labelProps: PropTypes.shape({\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n borderBottom: PropTypes.bool,\n id: PropTypes.string,\n }).description('Label attributes to be rendered'),\n /**\n * ['category-box', 'group-box']\n */\n type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(\n BOX_TYPES_ARRAY.toString(),\n ),\n /**\n * Components to be rendered inside the box\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n ]).isRequired.description('Components to be rendered inside the box'),\n /**\n * Actions on the right side of the label\n */\n rightActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the right side of the label',\n ),\n /**\n * Actions on the next to the label\n */\n centerActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the next to the label',\n ),\n /**\n * Display the content of the group box with flex direction row\n */\n asRow: PropTypes.bool.description(\n 'Display the content of the group box with flex direction row',\n ),\n /**\n * Show border only on the header\n */\n onlyHeader: PropTypes.bool.description('Show border only on the header'),\n /**\n * Remove the wrapper border\n */\n noBorder: PropTypes.bool.description('Remove the wrapper border'),\n /**\n * Remove the top and bottom padding from the content\n */\n noPadding: PropTypes.bool.description(\n 'Remove the top and bottom padding from the content',\n ),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n"],"names":["DSGroupBox","containerProps","labelProps","labelText","borderBottom","id","rightActions","centerActions","type","BOX_TYPES","CATEGORY","asRow","onlyHeader","noBorder","noPadding","children","components","isMain","React","GroupBoxWrapper","DSGroupBoxHeader","GroupBoxContent","noBorderTop","props","Children","map","component","cloneElement","PropTypes","object","description","shape","oneOfType","string","element","bool","oneOf","BOX_TYPES_ARRAY","toString","arrayOf","isRequired","propTypes","DSGroupBoxWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,UAAU,GAAG,SAAbA,UAAa,OAiBb;
|
|
1
|
+
{"version":3,"file":"DSGroupBox.js","sources":["../../src/DSGroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks';\nimport { DSGroupBoxHeader } from './components/GroupHeader';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants';\n\nconst DSGroupBox = ({\n containerProps = {},\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n asRow = false,\n onlyHeader = false,\n noBorder = true,\n noPadding = false,\n children: components = [],\n // eslint-disable-next-line react/prop-types\n isMain = true,\n}) => {\n const { labelText } = labelProps;\n return (\n <GroupBoxWrapper\n {...containerProps}\n classProps={{ onlyHeader, noBorder, type, isMain }}\n >\n {labelText && (\n <DSGroupBoxHeader\n centerActions={centerActions}\n isMain={isMain}\n labelProps={labelProps}\n noBorder={noBorder}\n rightActions={rightActions}\n type={type}\n />\n )}\n\n <GroupBoxContent\n classProps={{\n type,\n asRow,\n onlyHeader,\n noPadding,\n noBorder,\n noBorderTop: !!labelText,\n }}\n >\n {components && components.props\n ? React.Children.map(\n components,\n (component) =>\n React.cloneElement(component, {\n ...component.props,\n isMain: false,\n }),\n null,\n )\n : components}\n </GroupBoxContent>\n </GroupBoxWrapper>\n );\n};\n\nconst props = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /**\n * Label attributes to be rendered\n */\n labelProps: PropTypes.shape({\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n borderBottom: PropTypes.bool,\n id: PropTypes.string,\n }).description('Label attributes to be rendered'),\n /**\n * ['category-box', 'group-box']\n */\n type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(\n BOX_TYPES_ARRAY.toString(),\n ),\n /**\n * Components to be rendered inside the box\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n ]).isRequired.description('Components to be rendered inside the box'),\n /**\n * Actions on the right side of the label\n */\n rightActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the right side of the label',\n ),\n /**\n * Actions on the next to the label\n */\n centerActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the next to the label',\n ),\n /**\n * Display the content of the group box with flex direction row\n */\n asRow: PropTypes.bool.description(\n 'Display the content of the group box with flex direction row',\n ),\n /**\n * Show border only on the header\n */\n onlyHeader: PropTypes.bool.description('Show border only on the header'),\n /**\n * Remove the wrapper border\n */\n noBorder: PropTypes.bool.description('Remove the wrapper border'),\n /**\n * Remove the top and bottom padding from the content\n */\n noPadding: PropTypes.bool.description(\n 'Remove the top and bottom padding from the content',\n ),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n"],"names":["DSGroupBox","containerProps","labelProps","labelText","borderBottom","id","rightActions","centerActions","type","BOX_TYPES","CATEGORY","asRow","onlyHeader","noBorder","noPadding","children","components","isMain","React","GroupBoxWrapper","DSGroupBoxHeader","GroupBoxContent","noBorderTop","props","Children","map","component","cloneElement","PropTypes","object","description","shape","oneOfType","string","element","bool","oneOf","BOX_TYPES_ARRAY","toString","arrayOf","isRequired","propTypes","DSGroupBoxWithSchema","describe"],"mappings":"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"}
|
package/cjs/GroupBoxLabel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupBoxLabel.js","sources":["../../src/GroupBoxLabel.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) =>\n `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n width: 100%;\n height: 36px;\n padding:0 0;\n color: ${(props) => props.theme.colors.neutral[800]};\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n border: unset;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n ${(props) =>\n props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles}\n ${(props) => (props.noBorder ? 'border: none;' : '')}\n ${(props) =>\n props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ''}\n ${(props) =>\n props.isMain\n ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};`\n : ''}\n`;\nfunction GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {\n return (\n <GroupBoxLabelNode\n borderBottom={borderBottom}\n data-testid=\"ds-group-box__header\"\n isMain={isMain}\n noBorder={noBorder}\n nodeType={type}\n id={id}\n >\n {children}\n </GroupBoxLabelNode>\n );\n}\n\nGroupBoxLabel.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n borderBottom: PropTypes.bool,\n isMain: PropTypes.bool.isRequired,\n noBorder: PropTypes.bool,\n id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n"],"names":["borderBase200","props","theme","colors","neutral","categoryBoxStyles","groupBoxStyles","toMobile","fontSizes","title","GroupBoxLabelNode","styled","div","nodeType","noBorder","borderBottom","isMain","__UNSAFE_SPACE_TO_DIMSUM","space","xs","GroupBoxLabel","children","type","id","React","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","oneOf","BOX_TYPES_ARRAY","bool","string"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"GroupBoxLabel.js","sources":["../../src/GroupBoxLabel.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) =>\n `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n width: 100%;\n height: 36px;\n padding:0 0;\n color: ${(props) => props.theme.colors.neutral[800]};\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n border: unset;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n ${(props) =>\n props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles}\n ${(props) => (props.noBorder ? 'border: none;' : '')}\n ${(props) =>\n props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ''}\n ${(props) =>\n props.isMain\n ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};`\n : ''}\n`;\nfunction GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {\n return (\n <GroupBoxLabelNode\n borderBottom={borderBottom}\n data-testid=\"ds-group-box__header\"\n isMain={isMain}\n noBorder={noBorder}\n nodeType={type}\n id={id}\n >\n {children}\n </GroupBoxLabelNode>\n );\n}\n\nGroupBoxLabel.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n borderBottom: PropTypes.bool,\n isMain: PropTypes.bool.isRequired,\n noBorder: PropTypes.bool,\n id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n"],"names":["borderBase200","props","theme","colors","neutral","categoryBoxStyles","groupBoxStyles","toMobile","fontSizes","title","GroupBoxLabelNode","styled","div","nodeType","noBorder","borderBottom","isMain","__UNSAFE_SPACE_TO_DIMSUM","space","xs","GroupBoxLabel","children","type","id","React","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","oneOf","BOX_TYPES_ARRAY","bool","string"],"mappings":";;;;;;;;;;;;;;AAMA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;EAAA,2BACPA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CADO;AAAA,CAAtB;;AAGA,IAAMC,iBAAiB,yEAIZ,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJY,mGAQJJ,aARI,OAAvB;AAWA,IAAMM,cAAc,8CAEL,UAACL,KAAD;EAAA,OAAWM,iBAAQ,CAACN,KAAK,CAACC,KAAN,CAAYM,SAAZ,CAAsBC,KAAtB,CAA4B,GAA5B,CAAD,CAAnB;AAAA,CAFK,4BAApB;AAMA,IAAMC,iBAAiB,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,4BACnB,UAACX,KAAD;EAAA,OACAA,KAAK,CAACY,QAAN,KAAmB,cAAnB,GAAoCR,iBAApC,GAAwDC,cADxD;AAAA,CADmB,EAGnB,UAACL,KAAD;EAAA,OAAYA,KAAK,CAACa,QAAN,GAAiB,eAAjB,GAAmC,EAA/C;AAAA,CAHmB,EAInB,UAACb,KAAD;EAAA,OACAA,KAAK,CAACc,YAAN,4BAAuCf,aAAa,CAACC,KAAD,CAApD,IAAgE,EADhE;AAAA,CAJmB,EAMnB,UAACA,KAAD;EAAA,OACAA,KAAK,CAACe,MAAN,4BACsBC,iCAAwB,CAAChB,KAAK,CAACC,KAAN,CAAYgB,KAAZ,CAAkBC,EAAnB,CAD9C,SAEI,EAHJ;AAAA,CANmB,CAAvB;;AAWA,SAASC,aAAT,OAA+E;EAAA,IAAtDL,YAAsD,QAAtDA,YAAsD;MAAxCM,QAAwC,QAAxCA,QAAwC;MAA9BP,QAA8B,QAA9BA,QAA8B;MAApBE,MAAoB,QAApBA,MAAoB;MAAZM,IAAY,QAAZA,IAAY;MAANC,EAAM,QAANA,EAAM;EAC7E,oBACEC,wCAAC,iBAAD;IACE,YAAY,EAAET,YADhB;IAEE,eAAY,sBAFd;IAGE,MAAM,EAAEC,MAHV;IAIE,QAAQ,EAAEF,QAJZ;IAKE,QAAQ,EAAEQ,IALZ;IAME,EAAE,EAAEC;KAEHF,QARH,CADF;AAYD;;AAEDD,aAAa,CAACK,SAAd,GAA0B;EACxBJ,QAAQ,EAAEK,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,OAAV,CAAkBF,6BAAS,CAACG,IAA5B,CAD4B,EAE5BH,6BAAS,CAACG,IAFkB,CAApB,EAGPC,UAJqB;EAKxBR,IAAI,EAAEI,6BAAS,CAACK,KAAV,CAAgBC,yBAAhB,CALkB;EAMxBjB,YAAY,EAAEW,6BAAS,CAACO,IANA;EAOxBjB,MAAM,EAAEU,6BAAS,CAACO,IAAV,CAAeH,UAPC;EAQxBhB,QAAQ,EAAEY,6BAAS,CAACO,IARI;EASxBV,EAAE,EAAEG,6BAAS,CAACQ;AATU,CAA1B;;;;"}
|
package/cjs/LabelElement.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelElement.js","sources":["../../src/LabelElement.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n overflow: hidden;\n display: flex;\n align-items: center;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n font-weight: 400;\n`;\n\nfunction LabelElement({ children }) {\n return <LabelElementNode>{children}</LabelElementNode>;\n}\n\nLabelElement.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n"],"names":["LabelElementNode","styled","div","props","toMobile","theme","fontSizes","title","LabelElement","children","React","propTypes","PropTypes","oneOfType","string","node","isRequired"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"LabelElement.js","sources":["../../src/LabelElement.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n overflow: hidden;\n display: flex;\n align-items: center;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n font-weight: 400;\n`;\n\nfunction LabelElement({ children }) {\n return <LabelElementNode>{children}</LabelElementNode>;\n}\n\nLabelElement.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n"],"names":["LabelElementNode","styled","div","props","toMobile","theme","fontSizes","title","LabelElement","children","React","propTypes","PropTypes","oneOfType","string","node","isRequired"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,wFAIP,UAACC,KAAD;EAAA,OAAWC,iBAAQ,CAACD,KAAK,CAACE,KAAN,CAAYC,SAAZ,CAAsBC,KAAtB,CAA4B,GAA5B,CAAD,CAAnB;AAAA,CAJO,CAAtB;;AAQA,SAASC,YAAT,OAAoC;EAAA,IAAZC,QAAY,QAAZA,QAAY;EAClC,oBAAOC,wCAAC,gBAAD,QAAmBD,QAAnB,CAAP;AACD;;AAEDD,YAAY,CAACG,SAAb,GAAyB;EACvBF,QAAQ,EAAEG,6BAAS,CAACC,SAAV,CAAoB,CAACD,6BAAS,CAACE,MAAX,EAAmBF,6BAAS,CAACG,IAA7B,CAApB,EAAwDC;AAD3C,CAAzB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupHeader.js","sources":["../../../src/components/GroupHeader.tsx"],"sourcesContent":["import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n noBorder,\n isMain,\n}) => {\n const { labelText, borderBottom, id } = labelProps;\n return (\n <Label\n borderBottom={borderBottom}\n isMain={isMain}\n noBorder={noBorder}\n type={type}\n id={id}\n >\n <LabelElement>\n <DSTruncatedTooltipText value={labelText} />\n </LabelElement>\n <Actions\n actions={centerActions}\n centerActions={centerActions.length > 0}\n />\n <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n </Label>\n );\n};\n"],"names":["DSGroupBoxHeader","labelProps","labelText","borderBottom","id","rightActions","centerActions","type","BOX_TYPES","CATEGORY","noBorder","isMain","React","Label","DSTruncatedTooltipText","Actions","length"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAOaA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAW1B;
|
|
1
|
+
{"version":3,"file":"GroupHeader.js","sources":["../../../src/components/GroupHeader.tsx"],"sourcesContent":["import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n noBorder,\n isMain,\n}) => {\n const { labelText, borderBottom, id } = labelProps;\n return (\n <Label\n borderBottom={borderBottom}\n isMain={isMain}\n noBorder={noBorder}\n type={type}\n id={id}\n >\n <LabelElement>\n <DSTruncatedTooltipText value={labelText} />\n </LabelElement>\n <Actions\n actions={centerActions}\n centerActions={centerActions.length > 0}\n />\n <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n </Label>\n );\n};\n"],"names":["DSGroupBoxHeader","labelProps","labelText","borderBottom","id","rightActions","centerActions","type","BOX_TYPES","CATEGORY","noBorder","isMain","React","Label","DSTruncatedTooltipText","Actions","length"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAOaA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAW1B;EAAA,2BAVJC,UAUI;MAVJA,UAUI,gCAVS;IACXC,SAAS,EAAE,EADA;IAEXC,YAAY,EAAE,KAFH;IAGXC,EAAE,EAAE;GAOF;+BALJC,YAKI;MALJA,YAKI,kCALW,EAKX;gCAJJC,aAII;MAJJA,aAII,mCAJY,EAIZ;uBAHJC,IAGI;MAHJA,IAGI,0BAHGC,mBAAS,CAACC,QAGb;MAFJC,QAEI,QAFJA,QAEI;MADJC,MACI,QADJA,MACI;EACJ,IAAQT,SAAR,GAAwCD,UAAxC,CAAQC,SAAR;MAAmBC,YAAnB,GAAwCF,UAAxC,CAAmBE,YAAnB;MAAiCC,EAAjC,GAAwCH,UAAxC,CAAiCG,EAAjC;EACA,oBACEQ,wCAACC,aAAD;IACE,YAAY,EAAEV,YADhB;IAEE,MAAM,EAAEQ,MAFV;IAGE,QAAQ,EAAED,QAHZ;IAIE,IAAI,EAAEH,IAJR;IAKE,EAAE,EAAEH;kBAEJQ,wCAAC,YAAD,qBACEA,wCAACE,0CAAD;IAAwB,KAAK,EAAEZ;IADjC,CAPF,eAUEU,wCAACG,eAAD;IACE,OAAO,EAAET,aADX;IAEE,aAAa,EAAEA,aAAa,CAACU,MAAd,GAAuB;IAZ1C,eAcEJ,wCAACG,eAAD;IAAS,OAAO,EAAEV,YAAlB;IAAgC,YAAY,EAAEA,YAAY,CAACW,MAAb,GAAsB;IAdtE,CADF;AAkBD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blocks.js","sources":["../../../src/components/blocks.tsx"],"sourcesContent":["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ onlyHeader, noBorder, type, isMain }) => ({\n 'only-header': onlyHeader,\n 'no-border': noBorder,\n [type]: type,\n 'main-box': isMain,\n 'nested-box': !isMain,\n }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n blockName,\n 'content',\n ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n [type]: type,\n 'as-row': asRow,\n 'only-header': onlyHeader,\n 'no-padding': noPadding,\n 'no-border': noBorder,\n 'no-border-top': noBorderTop,\n }),\n);\n\nexport const Label = aggregatedClasses('div')(\n blockName,\n 'label',\n ({ borderBottom, type, noBorder }) => ({\n 'border-bottom': borderBottom,\n [type]: type,\n 'no-border': noBorder,\n }),\n);\n"],"names":["blockName","GroupBoxWrapper","aggregatedClasses","onlyHeader","noBorder","type","isMain","GroupBoxContent","asRow","noPadding","noBorderTop","Label","borderBottom"],"mappings":";;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,WAAlB;IAEaC,eAAe,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAC7BF,SAD6B,EAE7B,SAF6B,EAG7B;
|
|
1
|
+
{"version":3,"file":"blocks.js","sources":["../../../src/components/blocks.tsx"],"sourcesContent":["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ onlyHeader, noBorder, type, isMain }) => ({\n 'only-header': onlyHeader,\n 'no-border': noBorder,\n [type]: type,\n 'main-box': isMain,\n 'nested-box': !isMain,\n }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n blockName,\n 'content',\n ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n [type]: type,\n 'as-row': asRow,\n 'only-header': onlyHeader,\n 'no-padding': noPadding,\n 'no-border': noBorder,\n 'no-border-top': noBorderTop,\n }),\n);\n\nexport const Label = aggregatedClasses('div')(\n blockName,\n 'label',\n ({ borderBottom, type, noBorder }) => ({\n 'border-bottom': borderBottom,\n [type]: type,\n 'no-border': noBorder,\n }),\n);\n"],"names":["blockName","GroupBoxWrapper","aggregatedClasses","onlyHeader","noBorder","type","isMain","GroupBoxContent","asRow","noPadding","noBorderTop","Label","borderBottom"],"mappings":";;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,WAAlB;IAEaC,eAAe,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAC7BF,SAD6B,EAE7B,SAF6B,EAG7B;EAAA;;EAAA,IAAGG,UAAH,QAAGA,UAAH;MAAeC,QAAf,QAAeA,QAAf;MAAyBC,IAAzB,QAAyBA,IAAzB;MAA+BC,MAA/B,QAA+BA,MAA/B;EAAA;IACE,eAAeH,UADjB;IAEE,aAAaC;gDACZC,IAHH,EAGUA,IAHV,8CAIE,UAJF,EAIcC,MAJd,8CAKE,YALF,EAKgB,CAACA,MALjB;AAAA,CAH6B;IAYlBC,eAAe,GAAGL,8BAAiB,CAAC,KAAD,CAAjB,CAC7BF,SAD6B,EAE7B,SAF6B,EAG7B;EAAA;;EAAA,IAAGK,IAAH,SAAGA,IAAH;MAASG,KAAT,SAASA,KAAT;MAAgBL,UAAhB,SAAgBA,UAAhB;MAA4BM,SAA5B,SAA4BA,SAA5B;MAAuCL,QAAvC,SAAuCA,QAAvC;MAAiDM,WAAjD,SAAiDA,WAAjD;EAAA,8DACGL,IADH,EACUA,IADV,8CAEE,QAFF,EAEYG,KAFZ,8CAGE,aAHF,EAGiBL,UAHjB,8CAIE,YAJF,EAIgBM,SAJhB,8CAKE,WALF,EAKeL,QALf,8CAME,eANF,EAMmBM,WANnB;AAAA,CAH6B;IAalBC,KAAK,GAAGT,8BAAiB,CAAC,KAAD,CAAjB,CACnBF,SADmB,EAEnB,OAFmB,EAGnB;EAAA;;EAAA,IAAGY,YAAH,SAAGA,YAAH;MAAiBP,IAAjB,SAAiBA,IAAjB;MAAuBD,QAAvB,SAAuBA,QAAvB;EAAA;IACE,iBAAiBQ;gDAChBP,IAFH,EAEUA,IAFV,8CAGE,WAHF,EAGeD,QAHf;AAAA,CAHmB;;;;;;"}
|
package/cjs/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../src/constants.tsx"],"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"],"names":["BOX_TYPES","CATEGORY","GROUP","BOX_TYPES_ARRAY"],"mappings":";;;;IAAaA,SAAS,GAAG;
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../src/constants.tsx"],"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"],"names":["BOX_TYPES","CATEGORY","GROUP","BOX_TYPES_ARRAY"],"mappings":";;;;IAAaA,SAAS,GAAG;EACvBC,QAAQ,EAAE,cADa;EAEvBC,KAAK,EAAE;AAFgB;IAIZC,eAAe,GAAG,CAACH,SAAS,CAACC,QAAX,EAAqBD,SAAS,CAACE,KAA/B;;;;;"}
|
package/esm/ActionItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionItem.js","sources":["../../src/ActionItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n padding-right: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n font-weight: 300;\n overflow: hidden;\n align-items: center;\n display: flex;\n &:last-child {\n padding-right: 0;\n }\n`;\n\nfunction ActionItem({ children }) {\n return <ActionItemNode>{children}</ActionItemNode>;\n}\n\nActionItem.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n"],"names":["ActionItemNode","styled","div","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","xs","ActionItem","children","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;AAKA,IAAMA,cAAc,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"ActionItem.js","sources":["../../src/ActionItem.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n padding-right: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n font-weight: 300;\n overflow: hidden;\n align-items: center;\n display: flex;\n &:last-child {\n padding-right: 0;\n }\n`;\n\nfunction ActionItem({ children }) {\n return <ActionItemNode>{children}</ActionItemNode>;\n}\n\nActionItem.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n"],"names":["ActionItemNode","styled","div","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","xs","ActionItem","children","propTypes","PropTypes","node","isRequired"],"mappings":";;;;;AAKA,IAAMA,cAAc,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,0HACD,UAAAC,KAAK;EAAA,OAAIC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,EAAnB,CAA5B;AAAA,CADJ,CAApB;;AAWA,SAASC,UAAT,OAAkC;EAAA,IAAZC,QAAY,QAAZA,QAAY;EAChC,oBAAO,oBAAC,cAAD,QAAiBA,QAAjB,CAAP;AACD;;AAEDD,UAAU,CAACE,SAAX,GAAuB;EACrBD,QAAQ,EAAEE,SAAS,CAACC,IAAV,CAAeC;AADJ,CAAvB;;;;"}
|
package/esm/Actions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.js","sources":["../../src/Actions.tsx"],"sourcesContent":["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { margin } from 'styled-system';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\n\nconst ActionsNode = styled.div`\n display: flex;\n flex-direction: row;\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n overflow: hidden;\n ${margin}\n`;\n\nfunction Actions({ actions = [], centerActions, rightActions }) {\n if (actions.length < 1) return null;\n return (\n <ActionsNode\n marginLeft={!!rightActions && 'auto'}\n marginRight={!!centerActions && 'auto'}\n >\n {actions.map((action, key) => (\n <ActionItem key={key}>{action}</ActionItem>\n ))}\n </ActionsNode>\n );\n}\n\nActions.propTypes = {\n actions: PropTypes.array,\n centerActions: PropTypes.bool,\n rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n"],"names":["ActionsNode","styled","div","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","m","margin","Actions","actions","centerActions","rightActions","length","map","action","key","propTypes","PropTypes","array","bool"],"mappings":";;;;;;;AAAA;AAQA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"Actions.js","sources":["../../src/Actions.tsx"],"sourcesContent":["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { margin } from 'styled-system';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\n\nconst ActionsNode = styled.div`\n display: flex;\n flex-direction: row;\n padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n overflow: hidden;\n ${margin}\n`;\n\nfunction Actions({ actions = [], centerActions, rightActions }) {\n if (actions.length < 1) return null;\n return (\n <ActionsNode\n marginLeft={!!rightActions && 'auto'}\n marginRight={!!centerActions && 'auto'}\n >\n {actions.map((action, key) => (\n <ActionItem key={key}>{action}</ActionItem>\n ))}\n </ActionsNode>\n );\n}\n\nActions.propTypes = {\n actions: PropTypes.array,\n centerActions: PropTypes.bool,\n rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n"],"names":["ActionsNode","styled","div","props","__UNSAFE_SPACE_TO_DIMSUM","theme","space","m","margin","Actions","actions","centerActions","rightActions","length","map","action","key","propTypes","PropTypes","array","bool"],"mappings":";;;;;;;AAAA;AAQA,IAAMA,WAAW,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,+EAGC,UAACC,KAAD;EAAA,OAAWC,wBAAwB,CAACD,KAAK,CAACE,KAAN,CAAYC,KAAZ,CAAkBC,CAAnB,CAAnC;AAAA,CAHD,EAKbC,MALa,CAAjB;;AAQA,SAASC,OAAT,OAAgE;EAAA,wBAA7CC,OAA6C;MAA7CA,OAA6C,6BAAnC,EAAmC;MAA/BC,aAA+B,QAA/BA,aAA+B;MAAhBC,YAAgB,QAAhBA,YAAgB;EAC9D,IAAIF,OAAO,CAACG,MAAR,GAAiB,CAArB,EAAwB,OAAO,IAAP;EACxB,oBACE,oBAAC,WAAD;IACE,UAAU,EAAE,CAAC,CAACD,YAAF,IAAkB,MADhC;IAEE,WAAW,EAAE,CAAC,CAACD,aAAF,IAAmB;KAE/BD,OAAO,CAACI,GAAR,CAAY,UAACC,MAAD,EAASC,GAAT;IAAA,oBACX,oBAAC,UAAD;MAAY,GAAG,EAAEA;OAAMD,MAAvB,CADW;GAAZ,CAJH,CADF;AAUD;;AAEDN,OAAO,CAACQ,SAAR,GAAoB;EAClBP,OAAO,EAAEQ,SAAS,CAACC,KADD;EAElBR,aAAa,EAAEO,SAAS,CAACE,IAFP;EAGlBR,YAAY,EAAEM,SAAS,CAACE;AAHN,CAApB;;;;"}
|
package/esm/DSGroupBox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSGroupBox.js","sources":["../../src/DSGroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks';\nimport { DSGroupBoxHeader } from './components/GroupHeader';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants';\n\nconst DSGroupBox = ({\n containerProps = {},\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n asRow = false,\n onlyHeader = false,\n noBorder = true,\n noPadding = false,\n children: components = [],\n // eslint-disable-next-line react/prop-types\n isMain = true,\n}) => {\n const { labelText } = labelProps;\n return (\n <GroupBoxWrapper\n {...containerProps}\n classProps={{ onlyHeader, noBorder, type, isMain }}\n >\n {labelText && (\n <DSGroupBoxHeader\n centerActions={centerActions}\n isMain={isMain}\n labelProps={labelProps}\n noBorder={noBorder}\n rightActions={rightActions}\n type={type}\n />\n )}\n\n <GroupBoxContent\n classProps={{\n type,\n asRow,\n onlyHeader,\n noPadding,\n noBorder,\n noBorderTop: !!labelText,\n }}\n >\n {components && components.props\n ? React.Children.map(\n components,\n (component) =>\n React.cloneElement(component, {\n ...component.props,\n isMain: false,\n }),\n null,\n )\n : components}\n </GroupBoxContent>\n </GroupBoxWrapper>\n );\n};\n\nconst props = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /**\n * Label attributes to be rendered\n */\n labelProps: PropTypes.shape({\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n borderBottom: PropTypes.bool,\n id: PropTypes.string,\n }).description('Label attributes to be rendered'),\n /**\n * ['category-box', 'group-box']\n */\n type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(\n BOX_TYPES_ARRAY.toString(),\n ),\n /**\n * Components to be rendered inside the box\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n ]).isRequired.description('Components to be rendered inside the box'),\n /**\n * Actions on the right side of the label\n */\n rightActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the right side of the label',\n ),\n /**\n * Actions on the next to the label\n */\n centerActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the next to the label',\n ),\n /**\n * Display the content of the group box with flex direction row\n */\n asRow: PropTypes.bool.description(\n 'Display the content of the group box with flex direction row',\n ),\n /**\n * Show border only on the header\n */\n onlyHeader: PropTypes.bool.description('Show border only on the header'),\n /**\n * Remove the wrapper border\n */\n noBorder: PropTypes.bool.description('Remove the wrapper border'),\n /**\n * Remove the top and bottom padding from the content\n */\n noPadding: PropTypes.bool.description(\n 'Remove the top and bottom padding from the content',\n ),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n"],"names":["DSGroupBox","containerProps","labelProps","labelText","borderBottom","id","rightActions","centerActions","type","BOX_TYPES","CATEGORY","asRow","onlyHeader","noBorder","noPadding","children","components","isMain","noBorderTop","props","React","Children","map","component","cloneElement","PropTypes","object","description","shape","oneOfType","string","element","bool","oneOf","BOX_TYPES_ARRAY","toString","arrayOf","isRequired","propTypes","DSGroupBoxWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAMMA,UAAU,GAAG,SAAbA,UAAa,OAiBb;
|
|
1
|
+
{"version":3,"file":"DSGroupBox.js","sources":["../../src/DSGroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks';\nimport { DSGroupBoxHeader } from './components/GroupHeader';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants';\n\nconst DSGroupBox = ({\n containerProps = {},\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n asRow = false,\n onlyHeader = false,\n noBorder = true,\n noPadding = false,\n children: components = [],\n // eslint-disable-next-line react/prop-types\n isMain = true,\n}) => {\n const { labelText } = labelProps;\n return (\n <GroupBoxWrapper\n {...containerProps}\n classProps={{ onlyHeader, noBorder, type, isMain }}\n >\n {labelText && (\n <DSGroupBoxHeader\n centerActions={centerActions}\n isMain={isMain}\n labelProps={labelProps}\n noBorder={noBorder}\n rightActions={rightActions}\n type={type}\n />\n )}\n\n <GroupBoxContent\n classProps={{\n type,\n asRow,\n onlyHeader,\n noPadding,\n noBorder,\n noBorderTop: !!labelText,\n }}\n >\n {components && components.props\n ? React.Children.map(\n components,\n (component) =>\n React.cloneElement(component, {\n ...component.props,\n isMain: false,\n }),\n null,\n )\n : components}\n </GroupBoxContent>\n </GroupBoxWrapper>\n );\n};\n\nconst props = {\n /** props to inject to wrapper */\n containerProps: PropTypes.object.description('props to inject to wrapper'),\n /**\n * Label attributes to be rendered\n */\n labelProps: PropTypes.shape({\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n borderBottom: PropTypes.bool,\n id: PropTypes.string,\n }).description('Label attributes to be rendered'),\n /**\n * ['category-box', 'group-box']\n */\n type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(\n BOX_TYPES_ARRAY.toString(),\n ),\n /**\n * Components to be rendered inside the box\n */\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.arrayOf(PropTypes.element),\n ]).isRequired.description('Components to be rendered inside the box'),\n /**\n * Actions on the right side of the label\n */\n rightActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the right side of the label',\n ),\n /**\n * Actions on the next to the label\n */\n centerActions: PropTypes.arrayOf(PropTypes.element).description(\n 'Actions on the next to the label',\n ),\n /**\n * Display the content of the group box with flex direction row\n */\n asRow: PropTypes.bool.description(\n 'Display the content of the group box with flex direction row',\n ),\n /**\n * Show border only on the header\n */\n onlyHeader: PropTypes.bool.description('Show border only on the header'),\n /**\n * Remove the wrapper border\n */\n noBorder: PropTypes.bool.description('Remove the wrapper border'),\n /**\n * Remove the top and bottom padding from the content\n */\n noPadding: PropTypes.bool.description(\n 'Remove the top and bottom padding from the content',\n ),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n"],"names":["DSGroupBox","containerProps","labelProps","labelText","borderBottom","id","rightActions","centerActions","type","BOX_TYPES","CATEGORY","asRow","onlyHeader","noBorder","noPadding","children","components","isMain","noBorderTop","props","React","Children","map","component","cloneElement","PropTypes","object","description","shape","oneOfType","string","element","bool","oneOf","BOX_TYPES_ARRAY","toString","arrayOf","isRequired","propTypes","DSGroupBoxWithSchema","describe"],"mappings":"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"}
|
package/esm/GroupBoxLabel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupBoxLabel.js","sources":["../../src/GroupBoxLabel.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) =>\n `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n width: 100%;\n height: 36px;\n padding:0 0;\n color: ${(props) => props.theme.colors.neutral[800]};\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n border: unset;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n ${(props) =>\n props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles}\n ${(props) => (props.noBorder ? 'border: none;' : '')}\n ${(props) =>\n props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ''}\n ${(props) =>\n props.isMain\n ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};`\n : ''}\n`;\nfunction GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {\n return (\n <GroupBoxLabelNode\n borderBottom={borderBottom}\n data-testid=\"ds-group-box__header\"\n isMain={isMain}\n noBorder={noBorder}\n nodeType={type}\n id={id}\n >\n {children}\n </GroupBoxLabelNode>\n );\n}\n\nGroupBoxLabel.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n borderBottom: PropTypes.bool,\n isMain: PropTypes.bool.isRequired,\n noBorder: PropTypes.bool,\n id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n"],"names":["borderBase200","props","theme","colors","neutral","categoryBoxStyles","groupBoxStyles","toMobile","fontSizes","title","GroupBoxLabelNode","styled","div","nodeType","noBorder","borderBottom","isMain","__UNSAFE_SPACE_TO_DIMSUM","space","xs","GroupBoxLabel","children","type","id","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","oneOf","BOX_TYPES_ARRAY","bool","string"],"mappings":";;;;;;AAMA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"GroupBoxLabel.js","sources":["../../src/GroupBoxLabel.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) =>\n `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n width: 100%;\n height: 36px;\n padding:0 0;\n color: ${(props) => props.theme.colors.neutral[800]};\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n border: unset;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n ${(props) =>\n props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles}\n ${(props) => (props.noBorder ? 'border: none;' : '')}\n ${(props) =>\n props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ''}\n ${(props) =>\n props.isMain\n ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};`\n : ''}\n`;\nfunction GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {\n return (\n <GroupBoxLabelNode\n borderBottom={borderBottom}\n data-testid=\"ds-group-box__header\"\n isMain={isMain}\n noBorder={noBorder}\n nodeType={type}\n id={id}\n >\n {children}\n </GroupBoxLabelNode>\n );\n}\n\nGroupBoxLabel.propTypes = {\n children: PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.node),\n PropTypes.node,\n ]).isRequired,\n type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n borderBottom: PropTypes.bool,\n isMain: PropTypes.bool.isRequired,\n noBorder: PropTypes.bool,\n id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n"],"names":["borderBase200","props","theme","colors","neutral","categoryBoxStyles","groupBoxStyles","toMobile","fontSizes","title","GroupBoxLabelNode","styled","div","nodeType","noBorder","borderBottom","isMain","__UNSAFE_SPACE_TO_DIMSUM","space","xs","GroupBoxLabel","children","type","id","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","oneOf","BOX_TYPES_ARRAY","bool","string"],"mappings":";;;;;;AAMA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;EAAA,2BACPA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CADO;AAAA,CAAtB;;AAGA,IAAMC,iBAAiB,yEAIZ,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJY,mGAQJJ,aARI,OAAvB;AAWA,IAAMM,cAAc,8CAEL,UAACL,KAAD;EAAA,OAAWM,QAAQ,CAACN,KAAK,CAACC,KAAN,CAAYM,SAAZ,CAAsBC,KAAtB,CAA4B,GAA5B,CAAD,CAAnB;AAAA,CAFK,4BAApB;AAMA,IAAMC,iBAAiB,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,4BACnB,UAACX,KAAD;EAAA,OACAA,KAAK,CAACY,QAAN,KAAmB,cAAnB,GAAoCR,iBAApC,GAAwDC,cADxD;AAAA,CADmB,EAGnB,UAACL,KAAD;EAAA,OAAYA,KAAK,CAACa,QAAN,GAAiB,eAAjB,GAAmC,EAA/C;AAAA,CAHmB,EAInB,UAACb,KAAD;EAAA,OACAA,KAAK,CAACc,YAAN,4BAAuCf,aAAa,CAACC,KAAD,CAApD,IAAgE,EADhE;AAAA,CAJmB,EAMnB,UAACA,KAAD;EAAA,OACAA,KAAK,CAACe,MAAN,4BACsBC,wBAAwB,CAAChB,KAAK,CAACC,KAAN,CAAYgB,KAAZ,CAAkBC,EAAnB,CAD9C,SAEI,EAHJ;AAAA,CANmB,CAAvB;;AAWA,SAASC,aAAT,OAA+E;EAAA,IAAtDL,YAAsD,QAAtDA,YAAsD;MAAxCM,QAAwC,QAAxCA,QAAwC;MAA9BP,QAA8B,QAA9BA,QAA8B;MAApBE,MAAoB,QAApBA,MAAoB;MAAZM,IAAY,QAAZA,IAAY;MAANC,EAAM,QAANA,EAAM;EAC7E,oBACE,oBAAC,iBAAD;IACE,YAAY,EAAER,YADhB;IAEE,eAAY,sBAFd;IAGE,MAAM,EAAEC,MAHV;IAIE,QAAQ,EAAEF,QAJZ;IAKE,QAAQ,EAAEQ,IALZ;IAME,EAAE,EAAEC;KAEHF,QARH,CADF;AAYD;;AAEDD,aAAa,CAACI,SAAd,GAA0B;EACxBH,QAAQ,EAAEI,SAAS,CAACC,SAAV,CAAoB,CAC5BD,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACG,IAA5B,CAD4B,EAE5BH,SAAS,CAACG,IAFkB,CAApB,EAGPC,UAJqB;EAKxBP,IAAI,EAAEG,SAAS,CAACK,KAAV,CAAgBC,eAAhB,CALkB;EAMxBhB,YAAY,EAAEU,SAAS,CAACO,IANA;EAOxBhB,MAAM,EAAES,SAAS,CAACO,IAAV,CAAeH,UAPC;EAQxBf,QAAQ,EAAEW,SAAS,CAACO,IARI;EASxBT,EAAE,EAAEE,SAAS,CAACQ;AATU,CAA1B;;;;"}
|
package/esm/LabelElement.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelElement.js","sources":["../../src/LabelElement.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n overflow: hidden;\n display: flex;\n align-items: center;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n font-weight: 400;\n`;\n\nfunction LabelElement({ children }) {\n return <LabelElementNode>{children}</LabelElementNode>;\n}\n\nLabelElement.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n"],"names":["LabelElementNode","styled","div","props","toMobile","theme","fontSizes","title","LabelElement","children","propTypes","PropTypes","oneOfType","string","node","isRequired"],"mappings":";;;;;AAKA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"LabelElement.js","sources":["../../src/LabelElement.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n overflow: hidden;\n display: flex;\n align-items: center;\n font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n font-weight: 400;\n`;\n\nfunction LabelElement({ children }) {\n return <LabelElementNode>{children}</LabelElementNode>;\n}\n\nLabelElement.propTypes = {\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n"],"names":["LabelElementNode","styled","div","props","toMobile","theme","fontSizes","title","LabelElement","children","propTypes","PropTypes","oneOfType","string","node","isRequired"],"mappings":";;;;;AAKA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,wFAIP,UAACC,KAAD;EAAA,OAAWC,QAAQ,CAACD,KAAK,CAACE,KAAN,CAAYC,SAAZ,CAAsBC,KAAtB,CAA4B,GAA5B,CAAD,CAAnB;AAAA,CAJO,CAAtB;;AAQA,SAASC,YAAT,OAAoC;EAAA,IAAZC,QAAY,QAAZA,QAAY;EAClC,oBAAO,oBAAC,gBAAD,QAAmBA,QAAnB,CAAP;AACD;;AAEDD,YAAY,CAACE,SAAb,GAAyB;EACvBD,QAAQ,EAAEE,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,MAAX,EAAmBF,SAAS,CAACG,IAA7B,CAApB,EAAwDC;AAD3C,CAAzB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupHeader.js","sources":["../../../src/components/GroupHeader.tsx"],"sourcesContent":["import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n noBorder,\n isMain,\n}) => {\n const { labelText, borderBottom, id } = labelProps;\n return (\n <Label\n borderBottom={borderBottom}\n isMain={isMain}\n noBorder={noBorder}\n type={type}\n id={id}\n >\n <LabelElement>\n <DSTruncatedTooltipText value={labelText} />\n </LabelElement>\n <Actions\n actions={centerActions}\n centerActions={centerActions.length > 0}\n />\n <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n </Label>\n );\n};\n"],"names":["DSGroupBoxHeader","labelProps","labelText","borderBottom","id","rightActions","centerActions","type","BOX_TYPES","CATEGORY","noBorder","isMain","Label","length"],"mappings":";;;;;;;;;;;;IAOaA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAW1B;
|
|
1
|
+
{"version":3,"file":"GroupHeader.js","sources":["../../../src/components/GroupHeader.tsx"],"sourcesContent":["import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n labelProps = {\n labelText: '',\n borderBottom: false,\n id: 'ds-group-box__header',\n },\n rightActions = [],\n centerActions = [],\n type = BOX_TYPES.CATEGORY,\n noBorder,\n isMain,\n}) => {\n const { labelText, borderBottom, id } = labelProps;\n return (\n <Label\n borderBottom={borderBottom}\n isMain={isMain}\n noBorder={noBorder}\n type={type}\n id={id}\n >\n <LabelElement>\n <DSTruncatedTooltipText value={labelText} />\n </LabelElement>\n <Actions\n actions={centerActions}\n centerActions={centerActions.length > 0}\n />\n <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n </Label>\n );\n};\n"],"names":["DSGroupBoxHeader","labelProps","labelText","borderBottom","id","rightActions","centerActions","type","BOX_TYPES","CATEGORY","noBorder","isMain","Label","length"],"mappings":";;;;;;;;;;;;IAOaA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAW1B;EAAA,2BAVJC,UAUI;MAVJA,UAUI,gCAVS;IACXC,SAAS,EAAE,EADA;IAEXC,YAAY,EAAE,KAFH;IAGXC,EAAE,EAAE;GAOF;+BALJC,YAKI;MALJA,YAKI,kCALW,EAKX;gCAJJC,aAII;MAJJA,aAII,mCAJY,EAIZ;uBAHJC,IAGI;MAHJA,IAGI,0BAHGC,SAAS,CAACC,QAGb;MAFJC,QAEI,QAFJA,QAEI;MADJC,MACI,QADJA,MACI;EACJ,IAAQT,SAAR,GAAwCD,UAAxC,CAAQC,SAAR;MAAmBC,YAAnB,GAAwCF,UAAxC,CAAmBE,YAAnB;MAAiCC,EAAjC,GAAwCH,UAAxC,CAAiCG,EAAjC;EACA,oBACE,oBAACQ,aAAD;IACE,YAAY,EAAET,YADhB;IAEE,MAAM,EAAEQ,MAFV;IAGE,QAAQ,EAAED,QAHZ;IAIE,IAAI,EAAEH,IAJR;IAKE,EAAE,EAAEH;kBAEJ,oBAAC,YAAD,qBACE,oBAAC,sBAAD;IAAwB,KAAK,EAAEF;IADjC,CAPF,eAUE,oBAAC,OAAD;IACE,OAAO,EAAEI,aADX;IAEE,aAAa,EAAEA,aAAa,CAACO,MAAd,GAAuB;IAZ1C,eAcE,oBAAC,OAAD;IAAS,OAAO,EAAER,YAAlB;IAAgC,YAAY,EAAEA,YAAY,CAACQ,MAAb,GAAsB;IAdtE,CADF;AAkBD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blocks.js","sources":["../../../src/components/blocks.tsx"],"sourcesContent":["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ onlyHeader, noBorder, type, isMain }) => ({\n 'only-header': onlyHeader,\n 'no-border': noBorder,\n [type]: type,\n 'main-box': isMain,\n 'nested-box': !isMain,\n }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n blockName,\n 'content',\n ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n [type]: type,\n 'as-row': asRow,\n 'only-header': onlyHeader,\n 'no-padding': noPadding,\n 'no-border': noBorder,\n 'no-border-top': noBorderTop,\n }),\n);\n\nexport const Label = aggregatedClasses('div')(\n blockName,\n 'label',\n ({ borderBottom, type, noBorder }) => ({\n 'border-bottom': borderBottom,\n [type]: type,\n 'no-border': noBorder,\n }),\n);\n"],"names":["blockName","GroupBoxWrapper","aggregatedClasses","onlyHeader","noBorder","type","isMain","GroupBoxContent","asRow","noPadding","noBorderTop","Label","borderBottom"],"mappings":";;;AAEA,IAAMA,SAAS,GAAG,WAAlB;IAEaC,eAAe,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAC7BF,SAD6B,EAE7B,SAF6B,EAG7B;
|
|
1
|
+
{"version":3,"file":"blocks.js","sources":["../../../src/components/blocks.tsx"],"sourcesContent":["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ onlyHeader, noBorder, type, isMain }) => ({\n 'only-header': onlyHeader,\n 'no-border': noBorder,\n [type]: type,\n 'main-box': isMain,\n 'nested-box': !isMain,\n }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n blockName,\n 'content',\n ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n [type]: type,\n 'as-row': asRow,\n 'only-header': onlyHeader,\n 'no-padding': noPadding,\n 'no-border': noBorder,\n 'no-border-top': noBorderTop,\n }),\n);\n\nexport const Label = aggregatedClasses('div')(\n blockName,\n 'label',\n ({ borderBottom, type, noBorder }) => ({\n 'border-bottom': borderBottom,\n [type]: type,\n 'no-border': noBorder,\n }),\n);\n"],"names":["blockName","GroupBoxWrapper","aggregatedClasses","onlyHeader","noBorder","type","isMain","GroupBoxContent","asRow","noPadding","noBorderTop","Label","borderBottom"],"mappings":";;;AAEA,IAAMA,SAAS,GAAG,WAAlB;IAEaC,eAAe,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAC7BF,SAD6B,EAE7B,SAF6B,EAG7B;EAAA;;EAAA,IAAGG,UAAH,QAAGA,UAAH;MAAeC,QAAf,QAAeA,QAAf;MAAyBC,IAAzB,QAAyBA,IAAzB;MAA+BC,MAA/B,QAA+BA,MAA/B;EAAA;IACE,eAAeH,UADjB;IAEE,aAAaC;4BACZC,IAHH,EAGUA,IAHV,0BAIE,UAJF,EAIcC,MAJd,0BAKE,YALF,EAKgB,CAACA,MALjB;AAAA,CAH6B;IAYlBC,eAAe,GAAGL,iBAAiB,CAAC,KAAD,CAAjB,CAC7BF,SAD6B,EAE7B,SAF6B,EAG7B;EAAA;;EAAA,IAAGK,IAAH,SAAGA,IAAH;MAASG,KAAT,SAASA,KAAT;MAAgBL,UAAhB,SAAgBA,UAAhB;MAA4BM,SAA5B,SAA4BA,SAA5B;MAAuCL,QAAvC,SAAuCA,QAAvC;MAAiDM,WAAjD,SAAiDA,WAAjD;EAAA,0CACGL,IADH,EACUA,IADV,0BAEE,QAFF,EAEYG,KAFZ,0BAGE,aAHF,EAGiBL,UAHjB,0BAIE,YAJF,EAIgBM,SAJhB,0BAKE,WALF,EAKeL,QALf,0BAME,eANF,EAMmBM,WANnB;AAAA,CAH6B;IAalBC,KAAK,GAAGT,iBAAiB,CAAC,KAAD,CAAjB,CACnBF,SADmB,EAEnB,OAFmB,EAGnB;EAAA;;EAAA,IAAGY,YAAH,SAAGA,YAAH;MAAiBP,IAAjB,SAAiBA,IAAjB;MAAuBD,QAAvB,SAAuBA,QAAvB;EAAA;IACE,iBAAiBQ;4BAChBP,IAFH,EAEUA,IAFV,0BAGE,WAHF,EAGeD,QAHf;AAAA,CAHmB;;;;"}
|
package/esm/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../src/constants.tsx"],"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"],"names":["BOX_TYPES","CATEGORY","GROUP","BOX_TYPES_ARRAY"],"mappings":"IAAaA,SAAS,GAAG;
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../src/constants.tsx"],"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"],"names":["BOX_TYPES","CATEGORY","GROUP","BOX_TYPES_ARRAY"],"mappings":"IAAaA,SAAS,GAAG;EACvBC,QAAQ,EAAE,cADa;EAEvBC,KAAK,EAAE;AAFgB;IAIZC,eAAe,GAAG,CAACH,SAAS,CAACC,QAAX,EAAqBD,SAAS,CAACE,KAA/B;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-group-box",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Group Box",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-classnames": "1.61.
|
|
20
|
-
"@elliemae/ds-system": "1.61.
|
|
21
|
-
"@elliemae/ds-truncated-tooltip-text": "1.61.
|
|
19
|
+
"@elliemae/ds-classnames": "1.61.13",
|
|
20
|
+
"@elliemae/ds-system": "1.61.13",
|
|
21
|
+
"@elliemae/ds-truncated-tooltip-text": "1.61.13",
|
|
22
22
|
"prop-types": "~15.7.2",
|
|
23
23
|
"react-desc": "^4.1.2",
|
|
24
24
|
"styled-system": "~5.1.5"
|