npm - @ntbjs/react-components - Versions diffs - 2.0.7 → 2.0.8-rc.1 - Mend

@ntbjs/react-components 2.0.7 → 2.0.8-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\nexport const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `};\n`;\n\nexport const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`\n display: block;\n position: relative;\n height: 100%;\n margin: 0;\n box-sizing: border-box;\n border-width: ${props => {\n const { selected, $softSelected, hasError, completed } = props;\n return selected \|\| $softSelected \|\| hasError \|\| completed ? 3 : 1;\n }}px;\n border-style: solid;\n text-decoration: none;\n cursor: pointer;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n ${props =>\n props.disabled &&\n css`\n pointer-events: none;\n opacity: 0.4;\n `};\n\n ${props =>\n props.extendedSelectMode &&\n css`\n cursor: pointer;\n `}\n\n ${props => {\n if (props.$softSelected) {\n return props.theme.themeProp(\n 'border-color',\n rgba(props.theme.getColor('gray-100'), 0.5),\n rgba(props.theme.getColor('gray-700'), 0.5)\n );\n }\n\n if (props.selected) {\n if (props.$customSelectedBorder) {\n return props.theme.themeProp(\n 'border-color',\n props.$customSelectedBorder[0],\n props.$customSelectedBorder[1]\n );\n } else {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-700')\n );\n }\n }\n\n if (props.completed) {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('emerald-500'),\n rgba(props.theme.getColor('emerald-500'), 0.7)\n );\n }\n\n if (props.hasError) {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-600'),\n rgba(props.theme.getColor('red-500'), 0.7)\n );\n }\n\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-300')\n );\n }};\n`;\n\nexport const ContentWrapper = styled.div.attrs(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n padding: ${props => (props.selected \|\| props.$softSelected ? 4 : 0)}px;\n padding-top: 35px;\n height: 100%;\n`;\n\nexport const Asset = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n padding: 0 36px;\n min-height: 200px;\n box-sizing: border-box;\n\n video {\n display: block;\n }\n\n .audio {\n display: flex;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const Figure = styled.figure`\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0;\n\n img,\n video,\n .audio {\n display: block;\n max-height: 200px;\n width: 100%;\n box-sizing: border-box;\n\n ${props =>\n props.hasHeightAndWidth\n ? css`\n object-fit: cover;\n `\n : css`\n object-fit: contain;\n `}\n }\n\n .audio {\n display: flex;\n height: 200px;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n inset: 0;\n opacity: ${props => (props.selected ? 0.6 : 0)};\n background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 220ms;\n ${props =>\n !props.selected\n ? css`\n background: radial-gradient(\n ellipse at center,\n rgba(0, 0, 0, 0.3) 27%,\n rgba(0, 0, 0, 0.5) 60%,\n rgba(0, 0, 0, 0.7) 90%\n );\n `\n : null}\n\n ${props =>\n (props.selected \|\| props.$softSelected) &&\n css`\n opacity: 1;\n `}\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfo = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 12px 10px;\n color: ${props => props.theme.getColor('gray-100')};\n`;\n\nexport const OverlaySelected = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`\n opacity: 1;\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`\n margin-left: auto;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: ${props => (props.type === 'error' ? 0 : '4px')};\n background-color: ${props =>\n props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n opacity: 1;\n\n svg {\n width: 100%;\n color: ${props =>\n props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n right: 0;\n padding: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: opacity 220ms;\n z-index: 99999;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n opacity: ${props => (props.$isCardHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`\n opacity: ${props => (props.selected ? 1 : 0)};\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n\n > svg {\n width: 23px;\n height: 100%;\n transition: opacity 120ms;\n opacity: ${props => (props.selected ? 1 : 0.5)};\n }\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`\n margin-left: auto;\n opacity: 1;\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n margin: 4px;\n`;\n"],"names":["AssetGalleryWrapper","styled","div","attrs","applyDefaultTheme","props","disabled","css","AssetGalleryGridCard","selected","$softSelected","hasError","completed","theme","themeProp","getColor","extendedSelectMode","rgba","$customSelectedBorder","ContentWrapper","Asset","Figure","figure","hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","OverlayInfo","OverlaySelected","OverlayInfoTop","OverlayInfoTopVersions","OverlayInfoTopWarning","type","OverlayInfoTopActions","$isCardHovered","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\nexport const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `};\n`;\n\nexport const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`\n display: block;\n position: relative;\n height: 100%;\n margin: 0;\n box-sizing: border-box;\n border-width: ${props => {\n const { selected, $softSelected, hasError, completed } = props;\n return selected \|\| $softSelected \|\| hasError \|\| completed ? 3 : 1;\n }}px;\n border-style: solid;\n text-decoration: none;\n cursor: pointer;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n ${props =>\n props.disabled &&\n css`\n pointer-events: none;\n opacity: 0.4;\n `};\n\n ${props =>\n props.extendedSelectMode &&\n css`\n cursor: pointer;\n `}\n\n ${props => {\n if (props.$softSelected) {\n return props.theme.themeProp(\n 'border-color',\n rgba(props.theme.getColor('gray-100'), 0.5),\n rgba(props.theme.getColor('gray-700'), 0.5)\n );\n }\n\n if (props.selected) {\n if (props.$customSelectedBorder) {\n return props.theme.themeProp(\n 'border-color',\n props.$customSelectedBorder[0],\n props.$customSelectedBorder[1]\n );\n } else {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-100'),\n props.theme.getColor('gray-700')\n );\n }\n }\n\n if (props.completed) {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('emerald-500'),\n rgba(props.theme.getColor('emerald-500'), 0.7)\n );\n }\n\n if (props.hasError) {\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-600'),\n rgba(props.theme.getColor('red-500'), 0.7)\n );\n }\n\n return props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-300')\n );\n }};\n`;\n\nexport const ContentWrapper = styled.div.attrs(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n padding: ${props => (props.selected \|\| props.$softSelected ? 4 : 0)}px;\n padding-top: 35px;\n height: 100%;\n`;\n\nexport const Asset = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n padding: 0 36px;\n min-height: 200px;\n box-sizing: border-box;\n\n video {\n display: block;\n }\n\n .audio {\n display: flex;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const Figure = styled.figure`\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0;\n\n img,\n video,\n .audio {\n display: block;\n max-height: 200px;\n width: 100%;\n box-sizing: border-box;\n\n ${props =>\n props.hasHeightAndWidth\n ? css`\n object-fit: cover;\n `\n : css`\n object-fit: contain;\n `}\n }\n\n .audio {\n display: flex;\n height: 200px;\n justify-content: center;\n svg {\n width: 25%;\n }\n }\n`;\n\nexport const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n inset: 0;\n opacity: ${props => (props.selected ? 0.6 : 0)};\n background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n opacity: 0;\n transition: opacity 220ms;\n ${props =>\n !props.selected\n ? css`\n background: radial-gradient(\n ellipse at center,\n rgba(0, 0, 0, 0.3) 27%,\n rgba(0, 0, 0, 0.5) 60%,\n rgba(0, 0, 0, 0.7) 90%\n );\n `\n : null}\n\n ${props =>\n (props.selected \|\| props.$softSelected) &&\n css`\n opacity: 1;\n `}\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfo = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 15px 12px 10px;\n color: ${props => props.theme.getColor('gray-100')};\n`;\n\nexport const OverlaySelected = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`\n opacity: 1;\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`\n margin-left: auto;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: ${props => (props.type === 'error' ? 0 : '4px')};\n background-color: ${props =>\n props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n opacity: 1;\n\n svg {\n width: 100%;\n color: ${props =>\n props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n right: 0;\n padding: 4px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: opacity 220ms;\n z-index: 99999;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-700')\n )}\n\n opacity: 1;\n`;\n\nexport const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 8px;\n display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`\n opacity: ${props => (props.selected ? 1 : 0)};\n flex-shrink: 0;\n cursor: pointer;\n transition: opacity 220ms;\n\n > svg {\n width: 23px;\n height: 100%;\n transition: opacity 120ms;\n opacity: ${props => (props.selected ? 1 : 0.5)};\n }\n\n ${Overlay}:hover & {\n opacity: 1;\n }\n\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`\n margin-left: auto;\n opacity: 1;\n ${AssetGalleryGridCard}:hover & {\n opacity: 0;\n }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n`;\n\nexport const StatusIcon = styled.div.attrs(applyDefaultTheme)`\n display: inline-flex;\n justify-content: center;\n align-items: center;\n margin: 2px 0px 4px 0px;\n pointer-events: none;\n border-radius: 50%;\n ${props =>\n props.theme.themeProp(\n 'box-shadow',\n `0px 3px 6px ${rgba(props.theme.getColor('black'), 0.7)}`,\n `0px 3px 6px rgba(0, 0, 0, 0.16)`\n )}\n`;\n\nexport const Action = styled.div`\n margin: 4px;\n opacity: 0;\n transition: opacity 220ms;\n ${AssetGalleryGridCard}:hover & {\n opacity: 1;\n }\n`;\n"],"names":["AssetGalleryWrapper","styled","div","attrs","applyDefaultTheme","props","disabled","css","AssetGalleryGridCard","selected","$softSelected","hasError","completed","theme","themeProp","getColor","extendedSelectMode","rgba","$customSelectedBorder","ContentWrapper","Asset","Figure","figure","hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","OverlayInfo","OverlaySelected","OverlayInfoTop","OverlayInfoTopVersions","OverlayInfoTopWarning","type","OverlayInfoTopActions","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","StatusIcon","Action"],"mappings":"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"}

package/build/widgets/AssetGallery/asset.propType.js CHANGED Viewed

@@ -20,6 +20,7 @@ const assetShape = {
     className: PropTypes.shape,
     component: PropTypes.func
   })),
+  statusIcon: PropTypes.element,
   overlay: PropTypes.element,
   completed: PropTypes.bool,
   hasError: PropTypes.bool,

package/build/widgets/AssetGallery/asset.propType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"asset.propType.js","sources":["../../../src/components/widgets/AssetGallery/asset.propType.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const assetShape = {\n key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n previewUrl: PropTypes.string,\n title: PropTypes.string,\n note: PropTypes.shape({\n icon: PropTypes.element,\n message: PropTypes.string\n }),\n width: PropTypes.number,\n height: PropTypes.number,\n fileType: PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,\n fileTypeIconPosition: PropTypes.oneOf(['top-left', 'top-right']),\n group: PropTypes.string,\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n icon: PropTypes.element.isRequired,\n onClick: PropTypes.func.isRequired,\n className: PropTypes.shape,\n component: PropTypes.func\n })\n ),\n overlay: PropTypes.element,\n completed: PropTypes.bool,\n hasError: PropTypes.bool,\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n onContextMenu: PropTypes.func,\n onMouseEnter: PropTypes.func,\n summary: PropTypes.shape({\n title: PropTypes.string,\n description: PropTypes.string,\n instructions: PropTypes.string,\n instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),\n headerLeft: PropTypes.node,\n headerRight: PropTypes.node,\n footerLeft: PropTypes.node,\n footerRight: PropTypes.node\n })\n};\n\nexport const assetShapeWithLayout = {\n ...assetShape,\n layout: PropTypes.shape({\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired,\n translateX: PropTypes.number.isRequired,\n translateY: PropTypes.number.isRequired,\n type: PropTypes.oneOf(['groupLabel', 'asset']).isRequired,\n hasHeightAndWidth: PropTypes.bool\n }).isRequired\n};\n"],"names":["assetShape","key","PropTypes","oneOfType","string","number","isRequired","previewUrl","title","note","shape","icon","element","message","width","height","fileType","oneOf","fileTypeIconPosition","group","actions","arrayOf","onClick","func","className","component","overlay","completed","bool","hasError","disabled","onContextMenu","onMouseEnter","summary","description","instructions","instructionsType","headerLeft","node","headerRight","footerLeft","footerRight","assetShapeWithLayout","layout","translateX","translateY","type","hasHeightAndWidth"],"mappings":";;AAEO,MAAMA,UAAU,GAAG;AACxBC,EAAAA,GAAG,EAAEC,SAAS,CAACC,SAAS,CAAC,CAACD,SAAS,CAACE,MAAM,EAAEF,SAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EACzEC,UAAU,EAAEL,SAAS,CAACE,MAAM;EAC5BI,KAAK,EAAEN,SAAS,CAACE,MAAM;AACvBK,EAAAA,IAAI,EAAEP,SAAS,CAACQ,KAAK,CAAC;IACpBC,IAAI,EAAET,SAAS,CAACU,OAAO;IACvBC,OAAO,EAAEX,SAAS,CAACE,MAAAA;AACrB,GAAC,CAAC;EACFU,KAAK,EAAEZ,SAAS,CAACG,MAAM;EACvBU,MAAM,EAAEb,SAAS,CAACG,MAAM;AACxBW,EAAAA,QAAQ,EAAEd,SAAS,CAACe,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAACX,UAAU;EAChFY,oBAAoB,EAAEhB,SAAS,CAACe,KAAK,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;EAChEE,KAAK,EAAEjB,SAAS,CAACE,MAAM;EACvBgB,OAAO,EAAElB,SAAS,CAACmB,OAAO,CACxBnB,SAAS,CAACQ,KAAK,CAAC;AACdF,IAAAA,KAAK,EAAEN,SAAS,CAACE,MAAM,CAACE,UAAU;AAClCK,IAAAA,IAAI,EAAET,SAAS,CAACU,OAAO,CAACN,UAAU;AAClCgB,IAAAA,OAAO,EAAEpB,SAAS,CAACqB,IAAI,CAACjB,UAAU;IAClCkB,SAAS,EAAEtB,SAAS,CAACQ,KAAK;IAC1Be,SAAS,EAAEvB,SAAS,CAACqB,IAAAA;AACvB,GAAC,CACH,CAAC;EACDG,~~OAAO~~,EAAExB,SAAS,CAACU,OAAO;~~EAC1Be~~,~~SAAS~~,EAAEzB,SAAS,~~CAAC0B~~,IAAI;EACzBC,QAAQ,~~EAAE3B~~,SAAS,~~CAAC0B~~,IAAI;EACxBE,QAAQ,~~EAAE5B~~,SAAS,~~CAAC0B~~,IAAI;~~EACxBN~~,OAAO,EAAEpB,SAAS,CAACqB,IAAI;~~EACvBQ~~,aAAa,~~EAAE7B~~,SAAS,CAACqB,IAAI;~~EAC7BS~~,YAAY,~~EAAE9B~~,SAAS,CAACqB,IAAI;~~AAC5BU~~,EAAAA,OAAO,~~EAAE/B~~,SAAS,CAACQ,KAAK,CAAC;IACvBF,KAAK,EAAEN,SAAS,CAACE,MAAM;~~IACvB8B~~,WAAW,~~EAAEhC~~,SAAS,CAACE,MAAM;~~IAC7B+B~~,YAAY,~~EAAEjC~~,SAAS,CAACE,MAAM;~~AAC9BgC~~,IAAAA,gBAAgB,~~EAAElC~~,SAAS,CAACe,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC/~~DoB~~,UAAU,~~EAAEnC~~,SAAS,~~CAACoC~~,IAAI;IAC1BC,WAAW,~~EAAErC~~,SAAS,~~CAACoC~~,IAAI;IAC3BE,UAAU,~~EAAEtC~~,SAAS,~~CAACoC~~,IAAI;IAC1BG,WAAW,~~EAAEvC~~,SAAS,~~CAACoC~~,IAAAA;GACxB,CAAA;AACH,EAAC;AAEM,MAAMI,oBAAoB,GAAG;AAClC,EAAA,~~GAAG1C~~,UAAU;~~AACb2C~~,EAAAA,MAAM,~~EAAEzC~~,SAAS,CAACQ,KAAK,CAAC;AACtBI,IAAAA,KAAK,EAAEZ,SAAS,CAACG,MAAM,CAACC,UAAU;AAClCS,IAAAA,MAAM,EAAEb,SAAS,CAACG,MAAM,CAACC,UAAU;~~AACnCsC~~,IAAAA,UAAU,~~EAAE1C~~,SAAS,CAACG,MAAM,CAACC,UAAU;~~AACvCuC~~,IAAAA,UAAU,~~EAAE3C~~,SAAS,CAACG,MAAM,CAACC,UAAU;~~AACvCwC~~,IAAAA,IAAI,~~EAAE5C~~,SAAS,CAACe,KAAK,CAAC,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAACX,UAAU;~~IACzDyC~~,iBAAiB,~~EAAE7C~~,SAAS,~~CAAC0B~~,IAAAA;AAC/B,GAAC,CAAC,~~CAACtB~~,UAAAA;AACL;;;;"}
1	+ {"version":3,"file":"asset.propType.js","sources":["../../../src/components/widgets/AssetGallery/asset.propType.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const assetShape = {\n key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n previewUrl: PropTypes.string,\n title: PropTypes.string,\n note: PropTypes.shape({\n icon: PropTypes.element,\n message: PropTypes.string\n }),\n width: PropTypes.number,\n height: PropTypes.number,\n fileType: PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,\n fileTypeIconPosition: PropTypes.oneOf(['top-left', 'top-right']),\n group: PropTypes.string,\n actions: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n icon: PropTypes.element.isRequired,\n onClick: PropTypes.func.isRequired,\n className: PropTypes.shape,\n component: PropTypes.func\n })\n ),\n statusIcon: PropTypes.element,\n overlay: PropTypes.element,\n completed: PropTypes.bool,\n hasError: PropTypes.bool,\n disabled: PropTypes.bool,\n onClick: PropTypes.func,\n onContextMenu: PropTypes.func,\n onMouseEnter: PropTypes.func,\n summary: PropTypes.shape({\n title: PropTypes.string,\n description: PropTypes.string,\n instructions: PropTypes.string,\n instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),\n headerLeft: PropTypes.node,\n headerRight: PropTypes.node,\n footerLeft: PropTypes.node,\n footerRight: PropTypes.node\n })\n};\n\nexport const assetShapeWithLayout = {\n ...assetShape,\n layout: PropTypes.shape({\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired,\n translateX: PropTypes.number.isRequired,\n translateY: PropTypes.number.isRequired,\n type: PropTypes.oneOf(['groupLabel', 'asset']).isRequired,\n hasHeightAndWidth: PropTypes.bool\n }).isRequired\n};\n"],"names":["assetShape","key","PropTypes","oneOfType","string","number","isRequired","previewUrl","title","note","shape","icon","element","message","width","height","fileType","oneOf","fileTypeIconPosition","group","actions","arrayOf","onClick","func","className","component","statusIcon","overlay","completed","bool","hasError","disabled","onContextMenu","onMouseEnter","summary","description","instructions","instructionsType","headerLeft","node","headerRight","footerLeft","footerRight","assetShapeWithLayout","layout","translateX","translateY","type","hasHeightAndWidth"],"mappings":"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"}

package/build/widgets/SummaryCard/SummaryCard.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
-import { ReactComponent as SvgWarningCircle } from '../../icons/warning-circle.svg.js';
-import Alert from '../../data/Alert/Alert.js';
+import '../../data/Alert/Alert.js';
 import '../../data/Badge/Badge.js';
+import InstructionsSeverityDisplay from '../../data/InstructionsSeverityDisplay/InstructionsSeverityDisplay.js';
 import '../../data/Popover/Popover.js';
 import '../../data/Tab/Tab.js';
 import '../../data/Tabs/Tabs.js';
 import '../../data/Tooltip/Tooltip.js';
 import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
-import { SummaryCard as SummaryCard$1, Gutter, Header, HeaderLeft, HeaderRight, Title, Description, Instruction, Footer, FooterLeft, FooterRight } from './SummaryCard.styled.js';
+import { SummaryCard as SummaryCard$1, Gutter, Header, HeaderLeft, HeaderRight, Title, Description, Footer, FooterLeft, FooterRight } from './SummaryCard.styled.js';
 const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
   activeSummaryCard,
@@ -47,16 +47,11 @@ const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
     $gutter: 4
   }), description && React__default.createElement(Description, null, description), React__default.createElement(Gutter, {
     $gutter: 16
-  }), shouldRenderInstructions && React__default.createElement(Instruction, null, React__default.createElement(Alert, {
-    icon: React__default.createElement(SvgWarningCircle, null),
-    alertMessage: instructions,
-    type: instructionsType,
-    fontSize: 12,
-    verticalPadding: 12,
-    horizontalPadding: 16,
-    width: width,
-    lineClamp: 1
-  })), shouldAddGutterAfterInstructions && React__default.createElement(Gutter, {
+  }), shouldRenderInstructions && React__default.createElement(InstructionsSeverityDisplay, {
+    instructionText: instructions,
+    severity: 5,
+    showCard: false
+  }), shouldAddGutterAfterInstructions && React__default.createElement(Gutter, {
     $gutter: 16
   }), shouldRenderFooter && React__default.createElement(Footer, null, React__default.createElement(FooterLeft, null, footerLeft), React__default.createElement(FooterRight, null, footerRight)), shouldRenderFooter && React__default.createElement(Gutter, {
     $gutter: 16

package/build/widgets/SummaryCard/SummaryCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SummaryCard.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { WarningCircleIcon } from '../../../icons';\nimport { Alert } from '../../data';\nimport * as S from './SummaryCard.styled';\n\n/*\n ### Import\n \n ``` js\n * import { SummaryCard } from '@ntbjs/react-components/widgets'\n * // or\n * import SummaryCard from '@ntbjs/react-components/widgets/SummaryCard'\n * ```\n \n ### Props\n * ```\n * Pass `title=\"Title\"` to set the title of the card.\n * Pass `description=\"Description\"` to set the description of the card.\n * Pass `instructions=\"Instructions\"` to set the instructions of the card.\n * Pass one of \"warning\", \"error\" or \"info\" to `instructionsType` to reflect the type of the instructions.\n * Pass `headerLeft={<div>Left</div>}` to set the left header of the card.\n * Pass `headerRight={<div>Right</div>}` to set the right header of the card.\n * Pass `footerLeft={<div>Left</div>}` to set the left footer of the card.\n * Pass `footerRight={<div>Right</div>}` to set the right footer of the card.\n * Pass `width={300}` to set the width of the card.\n * Pass `useBorder={true}` to set the border of the card.\n * ```\n /\n\nconst SummaryCard = React.forwardRef(function AssetSummaryCard(\n {\n activeSummaryCard,\n title,\n description,\n instructions,\n instructionsType,\n headerLeft,\n headerRight,\n footerLeft,\n footerRight,\n width,\n useBorder,\n view,\n ...props\n },\n forwardedRef\n) {\n const shouldRenderInstructions = !!instructions;\n const shouldRenderHeader = !!headerLeft \|\| !!headerRight;\n const shouldRenderFooter = !!footerLeft \|\| !!footerRight;\n const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;\n const shouldAddGutterAfterTitle =\n !!title && (!!description \|\| !!instructions \|\| shouldRenderFooter);\n\n if (!activeSummaryCard) return null;\n\n const filteredProps = Object.fromEntries(\n Object.entries(props).filter(([key]) => key !== 'compact')\n );\n\n return (\n <S.SummaryCard\n ref={forwardedRef}\n width={width}\n $useBorder={useBorder}\n {...filteredProps}\n view={view}\n >\n {shouldRenderHeader && (\n <>\n <S.Gutter $gutter={8} />\n <S.Header>\n <S.HeaderLeft>{headerLeft}</S.HeaderLeft>\n <S.HeaderRight>{headerRight}</S.HeaderRight>\n </S.Header>\n </>\n )}\n <S.Gutter $gutter={shouldRenderHeader ? 8 : 16} />\n {title && <S.Title>{title}</S.Title>}\n {shouldAddGutterAfterTitle && <S.Gutter $gutter={4} />}\n {description && <S.Description>{description}</S.Description>}\n <S.Gutter $gutter={16} />\n {shouldRenderInstructions && (\n <~~S.Instruction>\n <Alert\n icon={<WarningCircleIcon~~ ~~/>}\n alertMessage~~={instructions}~~\n type~~={~~instructionsType~~}~~\n fontSize~~={12}~~\n verticalPadding={12}\n horizontalPadding={16}\n width={width}\n lineClamp={1}\n~~ />\n ~~</S.Instruction>\n~~ )}\n {shouldAddGutterAfterInstructions && <S.Gutter $gutter={16} />}\n {shouldRenderFooter && (\n <S.Footer>\n <S.FooterLeft>{footerLeft}</S.FooterLeft>\n <S.FooterRight>{footerRight}</S.FooterRight>\n </S.Footer>\n )}\n {shouldRenderFooter && <S.Gutter $gutter={16} />}\n </S.SummaryCard>\n );\n});\n\nSummaryCard.propTypes = {\n /\n Wether the SummaryCard is active or not.\n /\n activeSummaryCard: PropTypes.bool,\n /\n Title of the content\n /\n title: PropTypes.string,\n /\n Description of the content\n /\n description: PropTypes.string,\n /\n Special instructions for the content\n /\n instructions: PropTypes.string,\n /\n Type of instructions\n /\n instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),\n /\n One or more children to render in the left half of the header\n /\n headerLeft: PropTypes.node,\n /\n One or more children to render in the right half of the header\n /\n headerRight: PropTypes.node,\n /\n One or more children to render in the left half of the footer\n /\n footerLeft: PropTypes.node,\n /\n One or more children to render in the right half of the footer\n /\n footerRight: PropTypes.node,\n /\n Width of the card\n /\n width: PropTypes.number,\n /\n Whether or not to use a border around the card\n /\n useBorder: PropTypes.bool,\n /\n Whether or not the Summary Card is within the CompactCard view or Grid view\n */\n view: PropTypes.string\n};\n\nSummaryCard.defaultProps = {\n title: '',\n description: '',\n instructions: '',\n instructionsType: 'info',\n headerLeft: null,\n headerRight: null,\n footerLeft: null,\n footerRight: null,\n useBorder: false,\n activeSummaryCard: false\n};\n\nexport default SummaryCard;\n"],"names":["SummaryCard","React","forwardRef","AssetSummaryCard","activeSummaryCard","title","description","instructions","instructionsType","headerLeft","headerRight","footerLeft","footerRight","width","useBorder","view","props","forwardedRef","shouldRenderInstructions","shouldRenderHeader","shouldRenderFooter","shouldAddGutterAfterInstructions","shouldAddGutterAfterTitle","filteredProps","Object","fromEntries","entries","filter","key","createElement","S","_extends","ref","$useBorder","Fragment","$gutter","~~Alert~~","~~icon~~","~~WarningCircleIcon~~","~~alertMessage~~","~~type","fontSize","verticalPadding","horizontalPadding","lineClamp","~~propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","node","number","defaultProps"],"mappings":";;;;;;;;;;;;;AA8BMA,MAAAA,WAAW,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASC,gBAAgBA,CAC5D;EACEC,iBAAiB;EACjBC,KAAK;EACLC,WAAW;EACXC,YAAY;EACZC,gBAAgB;EAChBC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,SAAS;EACTC,IAAI;EACJ,GAAGC,KAAAA;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,MAAMC,wBAAwB,GAAG,CAAC,CAACX,YAAY,CAAA;EAC/C,MAAMY,kBAAkB,GAAG,CAAC,CAACV,UAAU,IAAI,CAAC,CAACC,WAAW,CAAA;EACxD,MAAMU,kBAAkB,GAAG,CAAC,CAACT,UAAU,IAAI,CAAC,CAACC,WAAW,CAAA;AACxD,EAAA,MAAMS,gCAAgC,GAAGH,wBAAwB,IAAIE,kBAAkB,CAAA;AACvF,EAAA,MAAME,yBAAyB,GAC7B,CAAC,CAACjB,KAAK,KAAK,CAAC,CAACC,WAAW,IAAI,CAAC,CAACC,YAAY,IAAIa,kBAAkB,CAAC,CAAA;AAEpE,EAAA,IAAI,CAAChB,iBAAiB,EAAE,OAAO,IAAI,CAAA;EAEnC,MAAMmB,aAAa,GAAGC,MAAM,CAACC,WAAW,CACtCD,MAAM,CAACE,OAAO,CAACV,KAAK,CAAC,CAACW,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAG,KAAK,SAAS,CAC3D,CAAC,CAAA;EAED,OACE3B,cAAA,CAAA4B,aAAA,CAACC,aAAa,EAAAC,QAAA,CAAA;AACZC,IAAAA,GAAG,EAAEf,YAAa;AAClBJ,IAAAA,KAAK,EAAEA,KAAM;AACboB,IAAAA,UAAU,EAAEnB,SAAAA;AAAU,GAAA,EAClBS,aAAa,EAAA;AACjBR,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,CAAA,EAEVI,kBAAkB,IACjBlB,cAAA,CAAA4B,aAAA,CAAA5B,cAAA,CAAAiC,QAAA,EAAA,IAAA,EACEjC,cAAA,CAAA4B,aAAA,CAACC,MAAQ,EAAA;AAACK,IAAAA,OAAO,EAAE,CAAA;AAAE,GAAE,CAAC,EACxBlC,cAAA,CAAA4B,aAAA,CAACC,MAAQ,EACP7B,IAAAA,EAAAA,cAAA,CAAA4B,aAAA,CAACC,UAAY,QAAErB,UAAyB,CAAC,EACzCR,cAAA,CAAA4B,aAAA,CAACC,WAAa,QAAEpB,WAA2B,CACnC,CACV,CACH,EACDT,cAAA,CAAA4B,aAAA,CAACC,MAAQ,EAAA;AAACK,IAAAA,OAAO,EAAEhB,kBAAkB,GAAG,CAAC,GAAG,EAAA;GAAK,CAAC,EACjDd,KAAK,IAAIJ,cAAA,CAAA4B,aAAA,CAACC,KAAO,QAAEzB,KAAe,CAAC,EACnCiB,yBAAyB,IAAIrB,cAAA,CAAA4B,aAAA,CAACC,MAAQ,EAAA;AAACK,IAAAA,OAAO,EAAE,CAAA;GAAI,CAAC,EACrD7B,WAAW,IAAIL,cAAA,CAAA4B,aAAA,CAACC,WAAa,EAAExB,IAAAA,EAAAA,WAA2B,CAAC,EAC5DL,cAAA,CAAA4B,aAAA,CAACC,MAAQ,EAAA;AAACK,IAAAA,OAAO,EAAE,EAAA;~~AAAG~~,~~GAAE,~~CAAC,~~EACxBjB~~,wBAAwB,IACvBjB,cAAA,CAAA4B,aAAA,~~CAACC,WAAa,EACZ7B,IAAAA,EAAAA,cAAA,CAAA4B,aAAA,~~CAACO,~~KAAK~~,EAAA;~~AACJC~~,IAAAA,~~IAAI~~,~~EAAEpC~~,~~cAAA,CAAA4B,aAAA,CAACS,gBAAiB,MAAE,CAAE;AAC5BC,IAAAA,YAAY,EAAEhC,~~YAAa;~~AAC3BiC~~,IAAAA,~~IAAI,EAAEhC,gBAAiB;AACvBiC,IAAAA,~~QAAQ,EAAE,~~EAAG~~;~~AACbC~~,IAAAA,~~eAAe~~,EAAE,~~EAAG~~;~~AACpBC~~,~~IAAAA~~,~~iBAAiB~~,~~EAAE,EAAG;AACtB9B,IAAAA,KAAK,EAAEA,KAAM;AACb+B,IAAAA,SAAS,EAAE,CAAA;GACZ,CACY,CAChB,EACAvB,~~gCAAgC,IAAIpB,cAAA,CAAA4B,aAAA,CAACC,MAAQ,EAAA;AAACK,IAAAA,OAAO,EAAE,EAAA;AAAG,GAAE,CAAC,EAC7Df,kBAAkB,IACjBnB,cAAA,CAAA4B,aAAA,CAACC,MAAQ,EAAA,IAAA,EACP7B,cAAA,CAAA4B,aAAA,CAACC,UAAY,EAAEnB,IAAAA,EAAAA,UAAyB,CAAC,EACzCV,cAAA,CAAA4B,aAAA,CAACC,WAAa,QAAElB,WAA2B,CACnC,CACX,EACAQ,kBAAkB,IAAInB,cAAA,CAAA4B,aAAA,CAACC,MAAQ,EAAA;AAACK,IAAAA,OAAO,EAAE,EAAA;AAAG,GAAE,CAClC,CAAC,CAAA;AAEpB,CAAC,EAAC;AAEFnC,WAAW,~~CAAC6C~~,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;~~EAItB5C~~,iBAAiB,~~EAAE6C~~,SAAS,CAACC,IAAI;~~EAIjC7C~~,KAAK,~~EAAE4C~~,SAAS,CAACE,MAAM;~~EAIvB7C~~,WAAW,~~EAAE2C~~,SAAS,CAACE,MAAM;~~EAI7B5C~~,YAAY,~~EAAE0C~~,SAAS,CAACE,MAAM;~~AAI9B3C~~,EAAAA,gBAAgB,~~EAAEyC~~,SAAS,CAACG,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;EAI/~~D3C~~,UAAU,~~EAAEwC~~,SAAS,CAACI,IAAI;~~EAI1B3C~~,WAAW,~~EAAEuC~~,SAAS,CAACI,IAAI;~~EAI3B1C~~,UAAU,~~EAAEsC~~,SAAS,CAACI,IAAI;~~EAI1BzC~~,WAAW,~~EAAEqC~~,SAAS,CAACI,IAAI;~~EAI3BxC~~,KAAK,~~EAAEoC~~,SAAS,CAACK,MAAM;~~EAIvBxC~~,SAAS,~~EAAEmC~~,SAAS,CAACC,IAAI;~~EAIzBnC~~,IAAI,~~EAAEkC~~,SAAS,CAACE,MAAAA;AAClB,CAAC,GAAA,EAAA,CAAA;~~AAEDnD~~,WAAW,~~CAACuD~~,YAAY,GAAG;~~AACzBlD~~,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,WAAW,EAAE,EAAE;AACfC,EAAAA,YAAY,EAAE,EAAE;AAChBC,EAAAA,gBAAgB,EAAE,MAAM;AACxBC,EAAAA,UAAU,EAAE,IAAI;AAChBC,EAAAA,WAAW,EAAE,IAAI;AACjBC,EAAAA,UAAU,EAAE,IAAI;AAChBC,EAAAA,WAAW,EAAE,IAAI;AACjBE,EAAAA,SAAS,EAAE,KAAK;AAChBV,EAAAA,iBAAiB,EAAE,KAAA;AACrB,CAAC;;;;"}
1	+ {"version":3,"file":"SummaryCard.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { WarningCircleIcon } from '../../../icons';\nimport { Alert, InstructionsSeverityDisplay } from '../../data';\nimport * as S from './SummaryCard.styled';\n\n/*\n ### Import\n \n ``` js\n * import { SummaryCard } from '@ntbjs/react-components/widgets'\n * // or\n * import SummaryCard from '@ntbjs/react-components/widgets/SummaryCard'\n * ```\n \n ### Props\n * ```\n * Pass `title=\"Title\"` to set the title of the card.\n * Pass `description=\"Description\"` to set the description of the card.\n * Pass `instructions=\"Instructions\"` to set the instructions of the card.\n * Pass one of \"warning\", \"error\" or \"info\" to `instructionsType` to reflect the type of the instructions.\n * Pass `headerLeft={<div>Left</div>}` to set the left header of the card.\n * Pass `headerRight={<div>Right</div>}` to set the right header of the card.\n * Pass `footerLeft={<div>Left</div>}` to set the left footer of the card.\n * Pass `footerRight={<div>Right</div>}` to set the right footer of the card.\n * Pass `width={300}` to set the width of the card.\n * Pass `useBorder={true}` to set the border of the card.\n * ```\n /\n\nconst SummaryCard = React.forwardRef(function AssetSummaryCard(\n {\n activeSummaryCard,\n title,\n description,\n instructions,\n instructionsType,\n headerLeft,\n headerRight,\n footerLeft,\n footerRight,\n width,\n useBorder,\n view,\n ...props\n },\n forwardedRef\n) {\n const shouldRenderInstructions = !!instructions;\n const shouldRenderHeader = !!headerLeft \|\| !!headerRight;\n const shouldRenderFooter = !!footerLeft \|\| !!footerRight;\n const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;\n const shouldAddGutterAfterTitle =\n !!title && (!!description \|\| !!instructions \|\| shouldRenderFooter);\n\n if (!activeSummaryCard) return null;\n\n const filteredProps = Object.fromEntries(\n Object.entries(props).filter(([key]) => key !== 'compact')\n );\n\n return (\n <S.SummaryCard\n ref={forwardedRef}\n width={width}\n $useBorder={useBorder}\n {...filteredProps}\n view={view}\n >\n {shouldRenderHeader && (\n <>\n <S.Gutter $gutter={8} />\n <S.Header>\n <S.HeaderLeft>{headerLeft}</S.HeaderLeft>\n <S.HeaderRight>{headerRight}</S.HeaderRight>\n </S.Header>\n </>\n )}\n <S.Gutter $gutter={shouldRenderHeader ? 8 : 16} />\n {title && <S.Title>{title}</S.Title>}\n {shouldAddGutterAfterTitle && <S.Gutter $gutter={4} />}\n {description && <S.Description>{description}</S.Description>}\n <S.Gutter $gutter={16} />\n\n {shouldRenderInstructions && (\n <InstructionsSeverityDisplay instructionText={instructions} severity={5} showCard={false} />\n )}\n {shouldAddGutterAfterInstructions && <S.Gutter $gutter={16} />}\n {shouldRenderFooter && (\n <S.Footer>\n <S.FooterLeft>{footerLeft}</S.FooterLeft>\n <S.FooterRight>{footerRight}</S.FooterRight>\n </S.Footer>\n )}\n {shouldRenderFooter && <S.Gutter $gutter={16} />}\n </S.SummaryCard>\n );\n});\n\nSummaryCard.propTypes = {\n /\n Wether the SummaryCard is active or not.\n /\n activeSummaryCard: PropTypes.bool,\n /\n Title of the content\n /\n title: PropTypes.string,\n /\n Description of the content\n /\n description: PropTypes.string,\n /\n Special instructions for the content\n /\n instructions: PropTypes.string,\n /\n Type of instructions\n /\n instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),\n /\n One or more children to render in the left half of the header\n /\n headerLeft: PropTypes.node,\n /\n One or more children to render in the right half of the header\n /\n headerRight: PropTypes.node,\n /\n One or more children to render in the left half of the footer\n /\n footerLeft: PropTypes.node,\n /\n One or more children to render in the right half of the footer\n /\n footerRight: PropTypes.node,\n /\n Width of the card\n /\n width: PropTypes.number,\n /\n Whether or not to use a border around the card\n /\n useBorder: PropTypes.bool,\n /\n Whether or not the Summary Card is within the CompactCard view or Grid view\n */\n view: PropTypes.string\n};\n\nSummaryCard.defaultProps = {\n title: '',\n description: '',\n instructions: '',\n instructionsType: 'info',\n headerLeft: null,\n headerRight: null,\n footerLeft: null,\n footerRight: null,\n useBorder: false,\n activeSummaryCard: false\n};\n\nexport default SummaryCard;\n"],"names":["SummaryCard","React","forwardRef","AssetSummaryCard","activeSummaryCard","title","description","instructions","instructionsType","headerLeft","headerRight","footerLeft","footerRight","width","useBorder","view","props","forwardedRef","shouldRenderInstructions","shouldRenderHeader","shouldRenderFooter","shouldAddGutterAfterInstructions","shouldAddGutterAfterTitle","filteredProps","Object","fromEntries","entries","filter","key","createElement","S","_extends","ref","$useBorder","Fragment","$gutter","InstructionsSeverityDisplay","instructionText","severity","showCard","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","node","number","defaultProps"],"mappings":"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"}

package/build/widgets/SummaryCard/SummaryCard.styled.js CHANGED Viewed

@@ -94,7 +94,7 @@ const Description = styled.span.withConfig({
   ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
 `;
-const Instruction = styled.div.withConfig({
+styled.div.withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)``;
 const Footer = styled.div.withConfig({
@@ -133,5 +133,5 @@ styled(FloatingArrow).withConfig({
   ${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
 `;
-export { Description, Footer, FooterLeft, FooterRight, Gutter, Header, HeaderLeft, HeaderRight, Instruction, SummaryCard, Title };
+export { Description, Footer, FooterLeft, FooterRight, Gutter, Header, HeaderLeft, HeaderRight, SummaryCard, Title };
 //# sourceMappingURL=SummaryCard.styled.js.map

package/build/widgets/SummaryCard/SummaryCard.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SummaryCard.styled.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const SummaryCard = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n border-radius: 4px;\n width: ${props => (props.width ? `${props.width}px` : '100%')};\n ${props =>\n props.view === 'compact'\n ? props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('white')\n )\n : 'background: transparent'};\n\n ${props =>\n props.$useBorder\n ? props.theme.themeProp(\n 'border',\n `1px solid ${props.theme.getColor('gray-500')}`,\n `1px solid ${props.theme.getColor('gray-300')}`\n )\n : null}\n`;\n\nexport const Gutter = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props => {\n if (props.renderAsMargin) {\n return css`\n margin-bottom: ${props.$gutter \|\| 8}px;\n `;\n } else {\n return css`\n padding-bottom: ${props.$gutter \|\| 8}px;\n `;\n }\n }}\n padding-bottom: ${props => props.$gutter \|\| 8}px;\n`;\n\nexport const Header = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 16px;\n`;\n\nexport const HeaderLeft = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n > * {\n margin-right: 4px;\n }\n`;\n\nexport const HeaderRight = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n > * {\n margin-left: 4px;\n }\n`;\n\nexport const Title = styled.span\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: inline-block;\n padding: 0 16px;\n font: normal normal 500 14px/19px Roboto;\n letter-spacing: 0.28px;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n`;\n\nexport const Description = styled.span\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n padding: 0 16px;\n text-align: left;\n font: normal normal normal 12px/16px Roboto;\n letter-spacing: 0.24px;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n`;\n\nexport const Instruction = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)``;\n\nexport const Footer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 16px;\n`;\n\nexport const FooterLeft = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n > * {\n margin-right: 4px;\n }\n`;\n\nexport const FooterRight = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n > * {\n margin-left: 4px;\n }\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","SummaryCard","styled","div","withConfig","attrs","applyDefaultTheme","props","width","view","theme","themeProp","getColor","$useBorder","Gutter","renderAsMargin","css","$gutter","Header","HeaderLeft","HeaderRight","Title","span","Description","~~Instruction","~~Footer","FooterLeft","FooterRight","FloatingArrow"],"mappings":"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~~AAEM~~,~~MAAMY,WAAW,GAAGtB,~~MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAE,EAAA;AAEtB,~~MAAMmB~~,MAAM,~~GAAGvB~~,MAAM,CAACC,GAAG,CAC7BC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA,EAAC;AAEM,~~MAAMoB~~,UAAU,~~GAAGxB~~,MAAM,CAACC,GAAG,CACjCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,~~MAAMqB~~,WAAW,~~GAAGzB~~,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEkCJ,MAAM,~~CAAC0B~~,aAAa,CAAC,~~CACrDxB~~,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACG,KAAK,CAACC,SAAS,CAAC,MAAM,EAAEJ,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAAEL,KAAK,CAACG,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAA;AAClG;;;;"}
1	+ {"version":3,"file":"SummaryCard.styled.js","sources":["../../../src/components/widgets/SummaryCard/SummaryCard.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const SummaryCard = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n flex-direction: column;\n border-radius: 4px;\n width: ${props => (props.width ? `${props.width}px` : '100%')};\n ${props =>\n props.view === 'compact'\n ? props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('white')\n )\n : 'background: transparent'};\n\n ${props =>\n props.$useBorder\n ? props.theme.themeProp(\n 'border',\n `1px solid ${props.theme.getColor('gray-500')}`,\n `1px solid ${props.theme.getColor('gray-300')}`\n )\n : null}\n`;\n\nexport const Gutter = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props => {\n if (props.renderAsMargin) {\n return css`\n margin-bottom: ${props.$gutter \|\| 8}px;\n `;\n } else {\n return css`\n padding-bottom: ${props.$gutter \|\| 8}px;\n `;\n }\n }}\n padding-bottom: ${props => props.$gutter \|\| 8}px;\n`;\n\nexport const Header = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 16px;\n`;\n\nexport const HeaderLeft = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n > * {\n margin-right: 4px;\n }\n`;\n\nexport const HeaderRight = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n > * {\n margin-left: 4px;\n }\n`;\n\nexport const Title = styled.span\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: inline-block;\n padding: 0 16px;\n font: normal normal 500 14px/19px Roboto;\n letter-spacing: 0.28px;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n`;\n\nexport const Description = styled.span\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n padding: 0 16px;\n text-align: left;\n font: normal normal normal 12px/16px Roboto;\n letter-spacing: 0.24px;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n box-sizing: border-box;\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n`;\n\nexport const Instruction = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)``;\n\nexport const Footer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 16px;\n`;\n\nexport const FooterLeft = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n > * {\n margin-right: 4px;\n }\n`;\n\nexport const FooterRight = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n > * {\n margin-left: 4px;\n }\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow)\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","SummaryCard","styled","div","withConfig","attrs","applyDefaultTheme","props","width","view","theme","themeProp","getColor","$useBorder","Gutter","renderAsMargin","css","$gutter","Header","HeaderLeft","HeaderRight","Title","span","Description","Footer","FooterLeft","FooterRight","FloatingArrow"],"mappings":"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"}

package/icons/index.js CHANGED Viewed

@@ -36,7 +36,7 @@ import { ReactComponent as TriangleRightIcon } from './triangle-right.svg';
 import { ReactComponent as VerificationIcon } from './verification.svg';
 import { ReactComponent as WarningCircleIcon } from './warning-circle.svg';
 import { ReactComponent as WarningTriangleIcon } from './warning-triangle.svg';
+import { ReactComponent as InfoYellowIcon } from './info-yellow.svg';
 export {
   AddIcon,
   AddCircleIcon,
@@ -75,5 +75,6 @@ export {
   TriangleRightIcon,
   VerificationIcon,
   WarningCircleIcon,
-  WarningTriangleIcon
+  WarningTriangleIcon,
+  InfoYellowIcon
 };

package/icons/info-yellow.svg ADDED Viewed

@@ -0,0 +1,11 @@
+<svg viewBox="5 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_yellow)">
+<path d="M5 14C5 6.26801 11.268 0 19 0C26.732 0 33 6.26801 33 14C33 21.732 26.732 28 19 28C11.268 28 5 21.732 5 14Z" fill="#EAB308"/>
+<path d="M19.001 2.91602C25.1222 2.91619 30.084 7.87878 30.084 14C30.0838 20.1211 25.1221 25.0828 19.001 25.083C12.8798 25.083 7.91717 20.1212 7.91699 14C7.91699 7.87867 12.8796 2.91602 19.001 2.91602ZM19.001 4.08301C16.3709 4.08301 13.848 5.12757 11.9883 6.9873C10.1285 8.84704 9.08398 11.3699 9.08398 14C9.08407 16.6299 10.1287 19.1521 11.9883 21.0117C13.848 22.8715 16.3709 23.916 19.001 23.916C21.6309 23.9159 24.153 22.8714 26.0127 21.0117C27.8724 19.1521 28.9169 16.6299 28.917 14C28.917 11.3699 27.8724 8.84704 26.0127 6.9873C24.1531 5.12775 21.6308 4.08309 19.001 4.08301ZM19.584 13.416V19.25H18.417V13.416H19.584ZM19.584 8.75V9.91602H18.417V8.75H19.584Z" fill="black" stroke="#451A03" stroke-width="1.16667"/>
+</g>
+<defs>
+<clipPath id="clip0_yellow">
+<path d="M5 14C5 6.26801 11.268 0 19 0C26.732 0 33 6.26801 33 14C33 21.732 26.732 28 19 28C11.268 28 5 21.732 5 14Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "2.0.7",
+  "version": "2.0.8-rc.1",
   "publishConfig": {
     "access": "public"
   },