npm - @hitachivantara/uikit-react-core - Versions diffs - 3.65.0 → 3.66.0 - Mend

@hitachivantara/uikit-react-core 3.65.0 → 3.66.0

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 (1654) hide show

package/dist/Avatar/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","styles","root","fontSize","img","width","height","textAlign","objectFit","color","textIndent","fallback","outlineStyles","borderRadius","status","display","alignItems","justifyContent","position","badge","top","right","zIndex","XS","SM","MD","LG","XL","circular"],"~~sources~~":["~~../../src~~/~~Avatar/styles.js~~"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nconst styles = {\n /* Styles applied to the root element. /\n root: {\n fontSize: \"1rem\",\n },\n / Styles applied to the img element if either `src` or `srcSet` is defined. /\n img: {\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n // Handle non-square image. The property isn't supported by IE 11.\n objectFit: \"cover\",\n // Hide alt text.\n color: \"transparent\",\n // Hide the image broken icon, only works on Chrome.\n textIndent: 10000,\n },\n / Styles applied to the fallback icon */\n fallback: {},\n\n container: {\n \"&:focus-visible\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n },\n status: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n \"&$XS\": {\n width: EXTRA_SMALL.container,\n height: EXTRA_SMALL.container,\n },\n \"&$SM\": {\n width: SMALL.container,\n height: SMALL.container,\n },\n \"&$MD\": {\n width: MEDIUM.container,\n height: MEDIUM.container,\n },\n \"&$LG\": {\n width: LARGE.container,\n height: LARGE.container,\n },\n \"&$XL\": {\n width: EXTRA_LARGE.container,\n height: EXTRA_LARGE.container,\n },\n },\n avatar: {\n \"&$XS\": {\n width: EXTRA_SMALL.avatar,\n height: EXTRA_SMALL.avatar,\n fontSize: \"0.5rem\",\n },\n \"&$SM\": {\n width: SMALL.avatar,\n height: SMALL.avatar,\n fontSize: \"0.625rem\",\n },\n \"&$MD\": {\n width: MEDIUM.avatar,\n height: MEDIUM.avatar,\n fontSize: \"1rem\",\n },\n \"&$LG\": {\n width: LARGE.avatar,\n height: LARGE.avatar,\n fontSize: \"1.5rem\",\n },\n \"&$XL\": {\n width: EXTRA_LARGE.avatar,\n height: EXTRA_LARGE.avatar,\n fontSize: \"2rem\",\n },\n },\n badge: {\n width: 8,\n height: 8,\n position: \"absolute\",\n top: 0,\n right: 0,\n borderRadius: \"50%\",\n zIndex: 1,\n },\n\n XS: {},\n SM: {},\n MD: {},\n LG: {},\n XL: {},\n circular: {\n borderRadius: \"50%\",\n },\n};\n\nexport default styles;\n"],"~~mappings~~":"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"}
1	+ {"version":3,"sources":["../../src/Avatar/styles.js"],"names":["EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","styles","root","fontSize","img","width","height","textAlign","objectFit","color","textIndent","fallback","outlineStyles","borderRadius","status","display","alignItems","justifyContent","position","badge","top","right","zIndex","XS","SM","MD","LG","XL","circular"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nconst styles = {\n /* Styles applied to the root element. /\n root: {\n fontSize: \"1rem\",\n },\n / Styles applied to the img element if either `src` or `srcSet` is defined. /\n img: {\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n // Handle non-square image. The property isn't supported by IE 11.\n objectFit: \"cover\",\n // Hide alt text.\n color: \"transparent\",\n // Hide the image broken icon, only works on Chrome.\n textIndent: 10000,\n },\n / Styles applied to the fallback icon */\n fallback: {},\n\n container: {\n \"&:focus-visible\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n },\n status: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n \"&$XS\": {\n width: EXTRA_SMALL.container,\n height: EXTRA_SMALL.container,\n },\n \"&$SM\": {\n width: SMALL.container,\n height: SMALL.container,\n },\n \"&$MD\": {\n width: MEDIUM.container,\n height: MEDIUM.container,\n },\n \"&$LG\": {\n width: LARGE.container,\n height: LARGE.container,\n },\n \"&$XL\": {\n width: EXTRA_LARGE.container,\n height: EXTRA_LARGE.container,\n },\n },\n avatar: {\n \"&$XS\": {\n width: EXTRA_SMALL.avatar,\n height: EXTRA_SMALL.avatar,\n fontSize: \"0.5rem\",\n },\n \"&$SM\": {\n width: SMALL.avatar,\n height: SMALL.avatar,\n fontSize: \"0.625rem\",\n },\n \"&$MD\": {\n width: MEDIUM.avatar,\n height: MEDIUM.avatar,\n fontSize: \"1rem\",\n },\n \"&$LG\": {\n width: LARGE.avatar,\n height: LARGE.avatar,\n fontSize: \"1.5rem\",\n },\n \"&$XL\": {\n width: EXTRA_LARGE.avatar,\n height: EXTRA_LARGE.avatar,\n fontSize: \"2rem\",\n },\n },\n badge: {\n width: 8,\n height: 8,\n position: \"absolute\",\n top: 0,\n right: 0,\n borderRadius: \"50%\",\n zIndex: 1,\n },\n\n XS: {},\n SM: {},\n MD: {},\n LG: {},\n XL: {},\n circular: {\n borderRadius: \"50%\",\n },\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Badge/Badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"Badge.js","names":["Badge","props","classes","showCount","count","maxCount","label","icon","text","textVariant","others","renderedCount","renderedCountOrLabel","Component","badgeClasses","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","root","badgeContainer","propTypes","PropTypes","shape","string","isRequired","number","bool","node","styles","name"],"~~sources~~":["~~../../src~~/~~Badge~~/~~Badge.js~~"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport Typography from \"../Typography\";\nimport styles from \"./styles\";\n\n/*\n The badge is a component used to notify the user that something has occurred, in the app context.\n /\nexport const Badge = (props) => {\n const {\n classes,\n showCount = false,\n count = 0,\n maxCount = 99,\n label = null,\n icon = null,\n text = null,\n textVariant = null,\n ...others\n } = props;\n const renderedCount = count > maxCount ? `${maxCount}+` : count;\n // If label is specified and non-empty, render it.\n // If showCount is specified and count > 0, render the count.\n // Otherwise, render nothing on the badge.\n // (Note count=0 should not be rendered to avoid ghosty 0.)\n const renderedCountOrLabel = label \|\| (showCount && count > 0 && renderedCount) \|\| null;\n const Component = icon \|\| (text && <Typography variant={textVariant}>{text}</Typography>);\n\n const badgeClasses = clsx(classes.badgePosition, {\n [classes.badge]: count > 0 \|\| renderedCountOrLabel,\n [classes.showCount]: !label && renderedCountOrLabel,\n [classes.showLabel]: label,\n [classes.badgeIcon]: icon,\n [classes.badgeOneDigit]: String(renderedCountOrLabel).length === 1,\n });\n\n return (\n <div aria-label={renderedCountOrLabel} className={classes.root} {...others}>\n {Component}\n <div className={Component ? classes.badgeContainer : null}>\n <div className={badgeClasses}>{renderedCountOrLabel}</div>\n </div>\n </div>\n );\n};\n\nBadge.propTypes = {\n /\n A Jss Object used to override or extend the styles applied to the badge.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component root class.\n /\n root: PropTypes.string,\n /\n Styles applied to the component badge position.\n /\n badgePosition: PropTypes.string,\n /\n Styles applied to the component badge.\n /\n badge: PropTypes.string,\n /\n Styles applied to the component badge icon.\n /\n badgeIcon: PropTypes.string,\n /\n Styles applied to the component when shows count.\n /\n showCount: PropTypes.string,\n /\n Styles applied to the component when shows label.\n /\n showLabel: PropTypes.string,\n /\n Styles applied to the component when count has one digit.\n /\n badgeOneDigit: PropTypes.string,\n /\n Styles applied to the component badge container.\n /\n badgeContainer: PropTypes.string,\n }).isRequired,\n /\n Count is the number of unread notifications.\n * Note count and label are mutually exclusive.\n * count is ignored when label is specified at the same time.\n /\n count: PropTypes.number,\n /\n True if count should be displayed.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n showCount: PropTypes.bool,\n /\n The maximum number of unread notifications to be displayed\n /\n maxCount: PropTypes.number,\n /\n Custom text to show in place of count.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n label: PropTypes.string,\n /\n Icon which the notification will be attached.\n /\n icon: PropTypes.node,\n /\n Text which the notification will be attached.\n /\n text: PropTypes.string,\n /\n Text variant.\n */\n textVariant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvBadge\" })(Badge);\n"],"~~mappings~~":"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"}
1	+ {"version":3,"sources":["../../src/Badge/Badge.js"],"names":["Badge","props","classes","showCount","count","maxCount","label","icon","text","textVariant","others","renderedCount","renderedCountOrLabel","Component","badgeClasses","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","root","badgeContainer","propTypes","PropTypes","shape","string","isRequired","number","bool","node","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport Typography from \"../Typography\";\nimport styles from \"./styles\";\n\n/*\n The badge is a component used to notify the user that something has occurred, in the app context.\n /\nexport const Badge = (props) => {\n const {\n classes,\n showCount = false,\n count = 0,\n maxCount = 99,\n label = null,\n icon = null,\n text = null,\n textVariant = null,\n ...others\n } = props;\n const renderedCount = count > maxCount ? `${maxCount}+` : count;\n // If label is specified and non-empty, render it.\n // If showCount is specified and count > 0, render the count.\n // Otherwise, render nothing on the badge.\n // (Note count=0 should not be rendered to avoid ghosty 0.)\n const renderedCountOrLabel = label \|\| (showCount && count > 0 && renderedCount) \|\| null;\n const Component = icon \|\| (text && <Typography variant={textVariant}>{text}</Typography>);\n\n const badgeClasses = clsx(classes.badgePosition, {\n [classes.badge]: count > 0 \|\| renderedCountOrLabel,\n [classes.showCount]: !label && renderedCountOrLabel,\n [classes.showLabel]: label,\n [classes.badgeIcon]: icon,\n [classes.badgeOneDigit]: String(renderedCountOrLabel).length === 1,\n });\n\n return (\n <div aria-label={renderedCountOrLabel} className={classes.root} {...others}>\n {Component}\n <div className={Component ? classes.badgeContainer : null}>\n <div className={badgeClasses}>{renderedCountOrLabel}</div>\n </div>\n </div>\n );\n};\n\nBadge.propTypes = {\n /\n A Jss Object used to override or extend the styles applied to the badge.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component root class.\n /\n root: PropTypes.string,\n /\n Styles applied to the component badge position.\n /\n badgePosition: PropTypes.string,\n /\n Styles applied to the component badge.\n /\n badge: PropTypes.string,\n /\n Styles applied to the component badge icon.\n /\n badgeIcon: PropTypes.string,\n /\n Styles applied to the component when shows count.\n /\n showCount: PropTypes.string,\n /\n Styles applied to the component when shows label.\n /\n showLabel: PropTypes.string,\n /\n Styles applied to the component when count has one digit.\n /\n badgeOneDigit: PropTypes.string,\n /\n Styles applied to the component badge container.\n /\n badgeContainer: PropTypes.string,\n }).isRequired,\n /\n Count is the number of unread notifications.\n * Note count and label are mutually exclusive.\n * count is ignored when label is specified at the same time.\n /\n count: PropTypes.number,\n /\n True if count should be displayed.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n showCount: PropTypes.bool,\n /\n The maximum number of unread notifications to be displayed\n /\n maxCount: PropTypes.number,\n /\n Custom text to show in place of count.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n label: PropTypes.string,\n /\n Icon which the notification will be attached.\n /\n icon: PropTypes.node,\n /\n Text which the notification will be attached.\n /\n text: PropTypes.string,\n /\n Text variant.\n */\n textVariant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvBadge\" })(Badge);\n"],"file":"Badge.js"}

package/dist/Badge/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":[],"~~sources~~":["~~../../src/Badge/index.js~~"],"sourcesContent":["export { default } from \"./Badge\";\n"],"~~mappings~~":"~~;;;;;;;;;;;;;;AAAA~~"}
1	+ {"version":3,"sources":["../../src/Badge/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./Badge\";\n"],"file":"index.js"}

package/dist/Badge/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["labelBaseStyle","theme","hv","typography","highlightText","fontFamily","padding","wordBreak","color","palette","atmosphere","atmo1","styles","root","position","float","badgeContainer","width","badge","borderRadius","spacing","xs","backgroundColor","accent","acce1","minHeight","minWidth","badgeIcon","top","left","showCount","maxWidth","showLabel","badgeOneDigit","textAlign"],"~~sources~~":["~~../../src/Badge/styles.js~~"],"sourcesContent":["const labelBaseStyle = (theme) => ({\n ...theme.hv.typography.highlightText,\n fontFamily: theme.hv.typography.fontFamily,\n padding: \"0 5px\",\n wordBreak: \"keep-all\",\n color: theme.hv.palette.atmosphere.atmo1,\n});\n\nconst styles = (theme) => ({\n root: {\n position: \"relative\",\n \"&>*\": { float: \"left\" },\n },\n badgeContainer: {\n width: 0,\n },\n badge: {\n borderRadius: theme.hv.spacing.xs,\n backgroundColor: theme.hv.palette.accent.acce1,\n float: \"left\",\n minHeight: \"8px\",\n minWidth: \"8px\",\n },\n badgeIcon: {\n position: \"relative\",\n top: \"1px\",\n left: \"-7px\",\n },\n showCount: {\n ...labelBaseStyle(theme),\n maxWidth: 30,\n },\n showLabel: {\n ...labelBaseStyle(theme),\n },\n badgeOneDigit: {\n padding: 0,\n width: \"16px\",\n textAlign: \"center\",\n },\n});\n\nexport default styles;\n"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD;EAAA,uCAClBA,KAAK,CAACC,EAAN,CAASC,UAAT,CAAoBC,aADF;IAErBC,UAAU,EAAEJ,KAAK,CAACC,EAAN,CAASC,UAAT,CAAoBE,UAFX;IAGrBC,OAAO,EAAE,OAHY;IAIrBC,SAAS,EAAE,UAJU;IAKrBC,KAAK,EAAEP,KAAK,CAACC,EAAN,CAASO,OAAT,CAAiBC,UAAjB,CAA4BC;EALd;AAAA,CAAvB;;AAQA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACX,KAAD;EAAA,OAAY;IACzBY,IAAI,EAAE;MACJC,QAAQ,EAAE,UADN;MAEJ,OAAO;QAAEC,KAAK,EAAE;MAAT;IAFH,CADmB;IAKzBC,cAAc,EAAE;MACdC,KAAK,EAAE;IADO,CALS;IAQzBC,KAAK,EAAE;MACLC,YAAY,EAAElB,KAAK,CAACC,EAAN,CAASkB,OAAT,CAAiBC,EAD1B;MAELC,eAAe,EAAErB,KAAK,CAACC,EAAN,CAASO,OAAT,CAAiBc,MAAjB,CAAwBC,KAFpC;MAGLT,KAAK,EAAE,MAHF;MAILU,SAAS,EAAE,KAJN;MAKLC,QAAQ,EAAE;IALL,CARkB;IAezBC,SAAS,EAAE;MACTb,QAAQ,EAAE,UADD;MAETc,GAAG,EAAE,KAFI;MAGTC,IAAI,EAAE;IAHG,CAfc;IAoBzBC,SAAS,kCACJ9B,cAAc,CAACC,KAAD,CADV;MAEP8B,QAAQ,EAAE;IAFH,EApBgB;IAwBzBC,SAAS,oBACJhC,cAAc,CAACC,KAAD,CADV,CAxBgB;IA2BzBgC,aAAa,EAAE;MACb3B,OAAO,EAAE,CADI;MAEbW,KAAK,EAAE,MAFM;MAGbiB,SAAS,EAAE;IAHE;EA3BU,CAAZ;AAAA,CAAf;;eAkCetB,M"}
1	+ {"version":3,"sources":["../../src/Badge/styles.js"],"names":["labelBaseStyle","theme","hv","typography","highlightText","fontFamily","padding","wordBreak","color","palette","atmosphere","atmo1","styles","root","position","float","badgeContainer","width","badge","borderRadius","spacing","xs","backgroundColor","accent","acce1","minHeight","minWidth","badgeIcon","top","left","showCount","maxWidth","showLabel","badgeOneDigit","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD;AAAA,yCAClBA,KAAK,CAACC,EAAN,CAASC,UAAT,CAAoBC,aADF;AAErBC,IAAAA,UAAU,EAAEJ,KAAK,CAACC,EAAN,CAASC,UAAT,CAAoBE,UAFX;AAGrBC,IAAAA,OAAO,EAAE,OAHY;AAIrBC,IAAAA,SAAS,EAAE,UAJU;AAKrBC,IAAAA,KAAK,EAAEP,KAAK,CAACC,EAAN,CAASO,OAAT,CAAiBC,UAAjB,CAA4BC;AALd;AAAA,CAAvB;;AAQA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACX,KAAD;AAAA,SAAY;AACzBY,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,UADN;AAEJ,aAAO;AAAEC,QAAAA,KAAK,EAAE;AAAT;AAFH,KADmB;AAKzBC,IAAAA,cAAc,EAAE;AACdC,MAAAA,KAAK,EAAE;AADO,KALS;AAQzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,YAAY,EAAElB,KAAK,CAACC,EAAN,CAASkB,OAAT,CAAiBC,EAD1B;AAELC,MAAAA,eAAe,EAAErB,KAAK,CAACC,EAAN,CAASO,OAAT,CAAiBc,MAAjB,CAAwBC,KAFpC;AAGLT,MAAAA,KAAK,EAAE,MAHF;AAILU,MAAAA,SAAS,EAAE,KAJN;AAKLC,MAAAA,QAAQ,EAAE;AALL,KARkB;AAezBC,IAAAA,SAAS,EAAE;AACTb,MAAAA,QAAQ,EAAE,UADD;AAETc,MAAAA,GAAG,EAAE,KAFI;AAGTC,MAAAA,IAAI,EAAE;AAHG,KAfc;AAoBzBC,IAAAA,SAAS,kCACJ9B,cAAc,CAACC,KAAD,CADV;AAEP8B,MAAAA,QAAQ,EAAE;AAFH,MApBgB;AAwBzBC,IAAAA,SAAS,oBACJhC,cAAc,CAACC,KAAD,CADV,CAxBgB;AA2BzBgC,IAAAA,aAAa,EAAE;AACb3B,MAAAA,OAAO,EAAE,CADI;AAEbW,MAAAA,KAAK,EAAE,MAFM;AAGbiB,MAAAA,SAAS,EAAE;AAHE;AA3BU,GAAZ;AAAA,CAAf;;eAkCetB,M","sourcesContent":["const labelBaseStyle = (theme) => ({\n ...theme.hv.typography.highlightText,\n fontFamily: theme.hv.typography.fontFamily,\n padding: \"0 5px\",\n wordBreak: \"keep-all\",\n color: theme.hv.palette.atmosphere.atmo1,\n});\n\nconst styles = (theme) => ({\n root: {\n position: \"relative\",\n \"&>*\": { float: \"left\" },\n },\n badgeContainer: {\n width: 0,\n },\n badge: {\n borderRadius: theme.hv.spacing.xs,\n backgroundColor: theme.hv.palette.accent.acce1,\n float: \"left\",\n minHeight: \"8px\",\n minWidth: \"8px\",\n },\n badgeIcon: {\n position: \"relative\",\n top: \"1px\",\n left: \"-7px\",\n },\n showCount: {\n ...labelBaseStyle(theme),\n maxWidth: 30,\n },\n showLabel: {\n ...labelBaseStyle(theme),\n },\n badgeOneDigit: {\n padding: 0,\n width: \"16px\",\n textAlign: \"center\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Banner/Banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.js","names":["HvBanner","props","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","properties","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","propTypes","PropTypes","string","shape","isRequired","bool","func","node","oneOf","arrayOf","icon","disabled","number","instanceOf","Object","styles","name"],"sources":["../../src/Banner/Banner.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport capitalize from \"lodash/capitalize\";\nimport { setId } from \"../utils\";\nimport HvBannerContentWrapper from \"./BannerWrapper\";\nimport styles from \"./styles\";\n\n/*\n A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n /\nconst HvBanner = (props) => {\n const {\n id,\n classes,\n className,\n open,\n onClose,\n anchorOrigin = \"top\",\n variant = \"default\",\n transitionDuration = 300,\n transitionDirection = \"down\",\n showIcon = false,\n customIcon,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n label,\n offset = 60,\n bannerContentProps,\n ...others\n } = props;\n\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset \|\| 0}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset \|\| 0}px`,\n },\n };\n\n const anchorOriginBanner = { horizontal: \"center\", vertical: anchorOrigin };\n\n const SlideTransition = useCallback(\n (properties) => <Slide {...properties} direction={transitionDirection} />,\n [transitionDirection]\n );\n\n return (\n <Snackbar\n style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n className={className}\n id={id}\n classes={{\n root: open ? classes.root : classes.rootClosed,\n anchorOriginTopCenter: classes.anchorOriginTopCenter,\n anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n }}\n anchorOrigin={anchorOriginBanner}\n TransitionComponent={SlideTransition}\n open={open}\n transitionDuration={transitionDuration}\n {...others}\n >\n <HvBannerContentWrapper\n id={setId(id, \"content\")}\n content={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n actions={actions}\n actionsCallback={actionsCallback}\n actionsPosition={actionsPosition}\n onClose={onClose}\n {...bannerContentProps}\n />\n </Snackbar>\n );\n};\n\nHvBanner.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component root class.\n /\n root: PropTypes.string,\n /\n Styles applied to the component root class when the component is closed.\n /\n rootClosed: PropTypes.string,\n /\n Styles applied to the component when define as top.\n /\n anchorOriginTopCenter: PropTypes.string,\n /\n Styles applied to the component when define as bottom.\n /\n anchorOriginBottomCenter: PropTypes.string,\n }).isRequired,\n /\n If true, Snackbar is open.\n /\n open: PropTypes.bool.isRequired,\n /\n Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway.\n /\n onClose: PropTypes.func,\n /\n The message to display.\n /\n label: PropTypes.node,\n /\n The anchor of the Snackbar.\n /\n anchorOrigin: PropTypes.oneOf([\"top\", \"bottom\"]),\n /\n Variant of the snackbar.\n /\n variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n /\n Custom icon to replace the variant default.\n /\n customIcon: PropTypes.node,\n /\n Controls if the associated icon to the variant should be shown.\n /\n showIcon: PropTypes.bool,\n /\n Actions to display on the right side.\n /\n actions: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /\n The callback function ran when an action is triggered, receiving `action` as param\n /\n actionsCallback: PropTypes.func,\n /\n The position property of the header.\n /\n actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n /\n How much the transition animation last in milliseconds, if 0 no animation is played.\n /\n transitionDuration: PropTypes.number,\n /\n Direction of slide transition.\n /\n transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n /\n Offset from top/bottom of the page, in px. Defaults to 60px.\n /\n offset: PropTypes.number,\n /\n Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions.\n */\n bannerContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBanner\" })(HvBanner);\n"],"mappings":"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"}
1	+ {"version":3,"sources":["../../src/Banner/Banner.js"],"names":["HvBanner","props","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","properties","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","propTypes","PropTypes","string","shape","isRequired","bool","func","node","oneOf","arrayOf","icon","disabled","number","instanceOf","Object","styles","name"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport capitalize from \"lodash/capitalize\";\nimport { setId } from \"../utils\";\nimport HvBannerContentWrapper from \"./BannerWrapper\";\nimport styles from \"./styles\";\n\n/*\n A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n /\nconst HvBanner = (props) => {\n const {\n id,\n classes,\n className,\n open,\n onClose,\n anchorOrigin = \"top\",\n variant = \"default\",\n transitionDuration = 300,\n transitionDirection = \"down\",\n showIcon = false,\n customIcon,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n label,\n offset = 60,\n bannerContentProps,\n ...others\n } = props;\n\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset \|\| 0}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset \|\| 0}px`,\n },\n };\n\n const anchorOriginBanner = { horizontal: \"center\", vertical: anchorOrigin };\n\n const SlideTransition = useCallback(\n (properties) => <Slide {...properties} direction={transitionDirection} />,\n [transitionDirection]\n );\n\n return (\n <Snackbar\n style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n className={className}\n id={id}\n classes={{\n root: open ? classes.root : classes.rootClosed,\n anchorOriginTopCenter: classes.anchorOriginTopCenter,\n anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n }}\n anchorOrigin={anchorOriginBanner}\n TransitionComponent={SlideTransition}\n open={open}\n transitionDuration={transitionDuration}\n {...others}\n >\n <HvBannerContentWrapper\n id={setId(id, \"content\")}\n content={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n actions={actions}\n actionsCallback={actionsCallback}\n actionsPosition={actionsPosition}\n onClose={onClose}\n {...bannerContentProps}\n />\n </Snackbar>\n );\n};\n\nHvBanner.propTypes = {\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component root class.\n /\n root: PropTypes.string,\n /\n Styles applied to the component root class when the component is closed.\n /\n rootClosed: PropTypes.string,\n /\n Styles applied to the component when define as top.\n /\n anchorOriginTopCenter: PropTypes.string,\n /\n Styles applied to the component when define as bottom.\n /\n anchorOriginBottomCenter: PropTypes.string,\n }).isRequired,\n /\n If true, Snackbar is open.\n /\n open: PropTypes.bool.isRequired,\n /\n Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway.\n /\n onClose: PropTypes.func,\n /\n The message to display.\n /\n label: PropTypes.node,\n /\n The anchor of the Snackbar.\n /\n anchorOrigin: PropTypes.oneOf([\"top\", \"bottom\"]),\n /\n Variant of the snackbar.\n /\n variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n /\n Custom icon to replace the variant default.\n /\n customIcon: PropTypes.node,\n /\n Controls if the associated icon to the variant should be shown.\n /\n showIcon: PropTypes.bool,\n /\n Actions to display on the right side.\n /\n actions: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /\n The callback function ran when an action is triggered, receiving `action` as param\n /\n actionsCallback: PropTypes.func,\n /\n The position property of the header.\n /\n actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n /\n How much the transition animation last in milliseconds, if 0 no animation is played.\n /\n transitionDuration: PropTypes.number,\n /\n Direction of slide transition.\n /\n transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n /\n Offset from top/bottom of the page, in px. Defaults to 60px.\n /\n offset: PropTypes.number,\n /\n Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions.\n */\n bannerContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBanner\" })(HvBanner);\n"],"file":"Banner.js"}

package/dist/Banner/BannerWrapper/ActionContainer/ActionContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"ActionContainer.js","names":["ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","PropTypes","string","instanceOf","Object","func","node","arrayOf","shape","isRequired","label","icon","disabled","bool","styles","name"],"~~sources~~":["~~../../../../src/Banner/BannerWrapper/ActionContainer/ActionContainer.js~~"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport HvButton from \"../../../Button\";\nimport styles from \"./styles\";\n\nconst ActionContainer = ({ id, classes, onClose, action, actionCallback, ...others }) => {\n return (\n <div className={classes.actionContainer}>\n <HvButton\n icon\n className={classes.closeAction}\n category=\"semantic\"\n aria-label=\"Close\"\n onClick={onClose}\n tabIndex={0}\n {...others}\n >\n <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n </HvButton>\n {action && (\n <div className={classes.actionsInnerContainer}>\n <ActionsGeneric\n id={id}\n category=\"semantic\"\n actions={action}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n );\n};\n\nActionContainer.propTypes = {\n /*\n Identifier.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the button.\n /\n classes: PropTypes.instanceOf(Object),\n /\n onClose function.\n /\n onClose: PropTypes.func,\n /\n Actions to display.\n /\n action: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /\n The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvActionContainer\" })(ActionContainer);\n"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,OAA0D,QAA1DA,OAA0D;EAAA,IAAjDC,OAAiD,QAAjDA,OAAiD;EAAA,IAAxCC,MAAwC,QAAxCA,MAAwC;EAAA,IAAhCC,cAAgC,QAAhCA,cAAgC;EAAA,IAAbC,MAAa;EACvF,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACK;EAAxB,gBACE,6BAAC,eAAD;IACE,IAAI,MADN;IAEE,SAAS,EAAEL,OAAO,CAACM,WAFrB;IAGE,QAAQ,EAAC,UAHX;IAIE,cAAW,OAJb;IAKE,OAAO,EAAEL,OALX;IAME,QAAQ,EAAE;EANZ,GAOMG,MAPN,gBASE,6BAAC,sBAAD;IAAO,QAAQ,EAAC,IAAhB;IAAqB,SAAS,EAAEJ,OAAO,CAACO,aAAxC;IAAuD,KAAK,EAAC;EAA7D,EATF,CADF,EAYGL,MAAM,iBACL;IAAK,SAAS,EAAEF,OAAO,CAACQ;EAAxB,gBACE,6BAAC,uBAAD;IACE,EAAE,EAAET,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,MAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CAbJ,CADF;AAyBD,CA1BD;;AA4BA,wCAAAL,eAAe,CAACW,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEV,EAAE,EAAEW,mBAAUC,MAJY;;EAK1B;AACF;AACA;EACEX,OAAO,EAAEU,mBAAUE,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEZ,OAAO,EAAES,mBAAUI,IAZO;;EAa1B;AACF;AACA;EACEZ,MAAM,EAAE,0BAAU,CAChBQ,mBAAUK,IADM,EAEhBL,mBAAUM,OAAV,CACEN,mBAAUO,KAAV,CAAgB;IACdlB,EAAE,EAAEW,mBAAUC,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAET,mBAAUC,MAAV,CAAiBO,UAFV;IAGdE,IAAI,EAAEV,mBAAUI,IAHF;IAIdO,QAAQ,EAAEX,mBAAUY;EAJN,CAAhB,CADF,CAFgB,CAAV,CAhBkB;;EA2B1B;AACF;AACA;EACEnB,cAAc,EAAEO,mBAAUI;AA9BA,CAA5B;;eAiCe,sBAAWS,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkD1B,eAAlD,C"}
1	+ {"version":3,"sources":["../../../../src/Banner/BannerWrapper/ActionContainer/ActionContainer.js"],"names":["ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","PropTypes","string","instanceOf","Object","func","node","arrayOf","shape","isRequired","label","icon","disabled","bool","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAiE;AAAA,MAA9DC,EAA8D,QAA9DA,EAA8D;AAAA,MAA1DC,OAA0D,QAA1DA,OAA0D;AAAA,MAAjDC,OAAiD,QAAjDA,OAAiD;AAAA,MAAxCC,MAAwC,QAAxCA,MAAwC;AAAA,MAAhCC,cAAgC,QAAhCA,cAAgC;AAAA,MAAbC,MAAa;AACvF,sBACE;AAAK,IAAA,SAAS,EAAEJ,OAAO,CAACK;AAAxB,kBACE,6BAAC,eAAD;AACE,IAAA,IAAI,MADN;AAEE,IAAA,SAAS,EAAEL,OAAO,CAACM,WAFrB;AAGE,IAAA,QAAQ,EAAC,UAHX;AAIE,kBAAW,OAJb;AAKE,IAAA,OAAO,EAAEL,OALX;AAME,IAAA,QAAQ,EAAE;AANZ,KAOMG,MAPN,gBASE,6BAAC,sBAAD;AAAO,IAAA,QAAQ,EAAC,IAAhB;AAAqB,IAAA,SAAS,EAAEJ,OAAO,CAACO,aAAxC;AAAuD,IAAA,KAAK,EAAC;AAA7D,IATF,CADF,EAYGL,MAAM,iBACL;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACQ;AAAxB,kBACE,6BAAC,uBAAD;AACE,IAAA,EAAE,EAAET,EADN;AAEE,IAAA,QAAQ,EAAC,UAFX;AAGE,IAAA,OAAO,EAAEG,MAHX;AAIE,IAAA,eAAe,EAAEC;AAJnB,IADF,CAbJ,CADF;AAyBD,CA1BD;;AA4BA,wCAAAL,eAAe,CAACW,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEV,EAAAA,EAAE,EAAEW,mBAAUC,MAJY;;AAK1B;AACF;AACA;AACEX,EAAAA,OAAO,EAAEU,mBAAUE,UAAV,CAAqBC,MAArB,CARiB;;AAS1B;AACF;AACA;AACEZ,EAAAA,OAAO,EAAES,mBAAUI,IAZO;;AAa1B;AACF;AACA;AACEZ,EAAAA,MAAM,EAAE,0BAAU,CAChBQ,mBAAUK,IADM,EAEhBL,mBAAUM,OAAV,CACEN,mBAAUO,KAAV,CAAgB;AACdlB,IAAAA,EAAE,EAAEW,mBAAUC,MAAV,CAAiBO,UADP;AAEdC,IAAAA,KAAK,EAAET,mBAAUC,MAAV,CAAiBO,UAFV;AAGdE,IAAAA,IAAI,EAAEV,mBAAUI,IAHF;AAIdO,IAAAA,QAAQ,EAAEX,mBAAUY;AAJN,GAAhB,CADF,CAFgB,CAAV,CAhBkB;;AA2B1B;AACF;AACA;AACEnB,EAAAA,cAAc,EAAEO,mBAAUI;AA9BA,CAA5B;;eAiCe,sBAAWS,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAkD1B,eAAlD,C","sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport HvButton from \"../../../Button\";\nimport styles from \"./styles\";\n\nconst ActionContainer = ({ id, classes, onClose, action, actionCallback, ...others }) => {\n return (\n <div className={classes.actionContainer}>\n <HvButton\n icon\n className={classes.closeAction}\n category=\"semantic\"\n aria-label=\"Close\"\n onClick={onClose}\n tabIndex={0}\n {...others}\n >\n <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n </HvButton>\n {action && (\n <div className={classes.actionsInnerContainer}>\n <ActionsGeneric\n id={id}\n category=\"semantic\"\n actions={action}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n );\n};\n\nActionContainer.propTypes = {\n /*\n Identifier.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the button.\n /\n classes: PropTypes.instanceOf(Object),\n /\n onClose function.\n /\n onClose: PropTypes.func,\n /\n Actions to display.\n /\n action: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /\n The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvActionContainer\" })(ActionContainer);\n"],"file":"ActionContainer.js"}

package/dist/Banner/BannerWrapper/ActionContainer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":[],"~~sources~~":["~~../../../../src/Banner/BannerWrapper/ActionContainer/index.js~~"],"sourcesContent":["export { default } from \"./ActionContainer\";\n"],"~~mappings~~":"~~;;;;;;;;;;;;;;AAAA~~"}
1	+ {"version":3,"sources":["../../../../src/Banner/BannerWrapper/ActionContainer/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./ActionContainer\";\n"],"file":"index.js"}

package/dist/Banner/BannerWrapper/ActionContainer/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["styles","theme","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","backgroundColor","hv","palette","base","base1","outlineStyles","iconContainer","width"],"~~sources~~":["~~../../../../src/Banner/BannerWrapper/ActionContainer/styles.js~~"],"sourcesContent":["import fade from \"../../../utils/hexToRgbA\";\nimport { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n actionContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n justifyContent: \"space-between\",\n },\n actionsInnerContainer: {\n flexDirection: \"row\",\n marginTop: \"8px\", // avoid overlap with close button outline focus ring\n },\n closeAction: {\n alignSelf: \"flex-end\",\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: fade(theme.hv.palette.base.base1, 0.3),\n },\n \"&:focus\": {\n ...outlineStyles,\n },\n },\n iconContainer: {\n width: \"32px\",\n height: \"32px\",\n },\n});\n\nexport default styles;\n"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MADM;MAEfC,aAAa,EAAE,QAFA;MAGfC,MAAM,EAAE,MAHO;MAIfC,cAAc,EAAE;IAJD,CADQ;IAOzBC,qBAAqB,EAAE;MACrBH,aAAa,EAAE,KADM;MAErBI,SAAS,EAAE,KAFU,CAEH;;IAFG,CAPE;IAWzBC,WAAW,EAAE;MACXC,SAAS,EAAE,UADA;MAEXC,MAAM,EAAE,SAFG;MAGX,WAAW;QACTC,eAAe,EAAE,wBAAKX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KAA3B,EAAkC,GAAlC;MADR,CAHA;MAMX,6BACKC,qBADL;IANW,CAXY;IAqBzBC,aAAa,EAAE;MACbC,KAAK,EAAE,MADM;MAEbd,MAAM,EAAE;IAFK;EArBU,CAAZ;AAAA,CAAf;;eA2BeL,M"}
1	+ {"version":3,"sources":["../../../../src/Banner/BannerWrapper/ActionContainer/styles.js"],"names":["styles","theme","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","backgroundColor","hv","palette","base","base1","outlineStyles","iconContainer","width"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,OAAO,EAAE,MADM;AAEfC,MAAAA,aAAa,EAAE,QAFA;AAGfC,MAAAA,MAAM,EAAE,MAHO;AAIfC,MAAAA,cAAc,EAAE;AAJD,KADQ;AAOzBC,IAAAA,qBAAqB,EAAE;AACrBH,MAAAA,aAAa,EAAE,KADM;AAErBI,MAAAA,SAAS,EAAE,KAFU,CAEH;;AAFG,KAPE;AAWzBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,SAAS,EAAE,UADA;AAEXC,MAAAA,MAAM,EAAE,SAFG;AAGX,iBAAW;AACTC,QAAAA,eAAe,EAAE,wBAAKX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KAA3B,EAAkC,GAAlC;AADR,OAHA;AAMX,mCACKC,qBADL;AANW,KAXY;AAqBzBC,IAAAA,aAAa,EAAE;AACbC,MAAAA,KAAK,EAAE,MADM;AAEbd,MAAAA,MAAM,EAAE;AAFK;AArBU,GAAZ;AAAA,CAAf;;eA2BeL,M","sourcesContent":["import fade from \"../../../utils/hexToRgbA\";\nimport { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\n actionContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n justifyContent: \"space-between\",\n },\n actionsInnerContainer: {\n flexDirection: \"row\",\n marginTop: \"8px\", // avoid overlap with close button outline focus ring\n },\n closeAction: {\n alignSelf: \"flex-end\",\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: fade(theme.hv.palette.base.base1, 0.3),\n },\n \"&:focus\": {\n ...outlineStyles,\n },\n },\n iconContainer: {\n width: \"32px\",\n height: \"32px\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Banner/BannerWrapper/BannerContentWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"BannerContentWrapper.js","names":["HvBannerContentWrapper","React","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","effectiveActionsPosition","outContainer","root","message","action","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","PropTypes","string","instanceOf","Object","node","oneOf","bool","func","arrayOf","shape","isRequired","label","disabled","styles","name"],"~~sources~~":["~~../../../src~~/~~Banner~~/~~BannerWrapper~~/~~BannerContentWrapper.js~~"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport MessageContainer from \"./MessageContainer\";\nimport ActionContainer from \"./ActionContainer\";\nimport styles from \"./styles\";\n\nconst HvBannerContentWrapper = React.forwardRef((props, ref) => {\n const {\n id,\n classes,\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n } = props;\n\n const icon = customIcon \|\| (showIcon && iconVariant(variant, \"base2\"));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition = actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <div className={classes.outContainer}>\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: classes.root,\n message: classes.message,\n action: classes.action,\n }}\n className={clsx(classes[variant], classes.baseVariant)}\n message={\n <MessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <ActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n {...others}\n />\n </div>\n );\n});\n\nHvBannerContentWrapper.propTypes = {\n /*\n Identifier.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes: PropTypes.instanceOf(Object),\n /\n The message to display.\n /\n content: PropTypes.node,\n /\n Variant of the snackbar.\n /\n variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n /\n Controls if the associated icon to the variant should be shown.\n /\n showIcon: PropTypes.bool,\n /\n Custom icon to replace the variant default.\n /\n customIcon: PropTypes.node,\n /\n onClose function.\n /\n onClose: PropTypes.func,\n /\n Actions to display on the right side.\n /\n actions: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /\n The callback function ran when an action is triggered, receiving `action` as param\n /\n actionsCallback: PropTypes.func,\n /\n The position property of the header.\n /\n actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n /\n The props to pass down to the Action Container.\n */\n actionProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBannerContentWrapper\" })(HvBannerContentWrapper);\n"],"~~mappings~~":"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"}
1	+ {"version":3,"sources":["../../../src/Banner/BannerWrapper/BannerContentWrapper.js"],"names":["HvBannerContentWrapper","React","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","effectiveActionsPosition","outContainer","root","message","action","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","PropTypes","string","instanceOf","Object","node","oneOf","bool","func","arrayOf","shape","isRequired","label","disabled","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport MessageContainer from \"./MessageContainer\";\nimport ActionContainer from \"./ActionContainer\";\nimport styles from \"./styles\";\n\nconst HvBannerContentWrapper = React.forwardRef((props, ref) => {\n const {\n id,\n classes,\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n } = props;\n\n const icon = customIcon \|\| (showIcon && iconVariant(variant, \"base2\"));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition = actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <div className={classes.outContainer}>\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: classes.root,\n message: classes.message,\n action: classes.action,\n }}\n className={clsx(classes[variant], classes.baseVariant)}\n message={\n <MessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <ActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n {...others}\n />\n </div>\n );\n});\n\nHvBannerContentWrapper.propTypes = {\n /*\n Identifier.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes: PropTypes.instanceOf(Object),\n /\n The message to display.\n /\n content: PropTypes.node,\n /\n Variant of the snackbar.\n /\n variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n /\n Controls if the associated icon to the variant should be shown.\n /\n showIcon: PropTypes.bool,\n /\n Custom icon to replace the variant default.\n /\n customIcon: PropTypes.node,\n /\n onClose function.\n /\n onClose: PropTypes.func,\n /\n Actions to display on the right side.\n /\n actions: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /\n The callback function ran when an action is triggered, receiving `action` as param\n /\n actionsCallback: PropTypes.func,\n /\n The position property of the header.\n /\n actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n /\n The props to pass down to the Action Container.\n */\n actionProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBannerContentWrapper\" })(HvBannerContentWrapper);\n"],"file":"BannerContentWrapper.js"}

package/dist/Banner/BannerWrapper/MessageContainer/MessageContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"MessageContainer.js","names":["MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","PropTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","styles","name"],"~~sources~~":["~~../../../../src/Banner/BannerWrapper/MessageContainer/MessageContainer.js~~"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n id,\n classes,\n icon,\n actionsOnMessage,\n actionsOnMessageCallback,\n message,\n}) => (\n <>\n {icon && <div className={classes.iconContainer}>{icon}</div>}\n <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n {message}\n </HvTypography>\n {actionsOnMessage && (\n <div id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n <ActionsGeneric\n id={id}\n category=\"semantic\"\n actions={actionsOnMessage}\n actionsCallback={actionsOnMessageCallback}\n />\n </div>\n )}\n </>\n);\n\nMessageContainer.propTypes = {\n /*\n Identifier.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the button.\n /\n classes: PropTypes.instanceOf(Object),\n /\n Icon to be presented.\n /\n icon: PropTypes.node,\n /\n The message to display.\n /\n message: PropTypes.node,\n /\n Actions to display on message.\n /\n actionsOnMessage: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /\n The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n */\n actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IACvBC,EADuB,QACvBA,EADuB;EAAA,IAEvBC,OAFuB,QAEvBA,OAFuB;EAAA,IAGvBC,IAHuB,QAGvBA,IAHuB;EAAA,IAIvBC,gBAJuB,QAIvBA,gBAJuB;EAAA,IAKvBC,wBALuB,QAKvBA,wBALuB;EAAA,IAMvBC,OANuB,QAMvBA,OANuB;EAAA,oBAQvB,4DACGH,IAAI,iBAAI;IAAK,SAAS,EAAED,OAAO,CAACK;EAAxB,GAAwCJ,IAAxC,CADX,eAEE,6BAAC,mBAAD;IAAc,EAAE,EAAE,kBAAMF,EAAN,EAAU,cAAV,CAAlB;IAA6C,SAAS,EAAEC,OAAO,CAACI;EAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;IAAK,EAAE,EAAE,kBAAMH,EAAN,EAAU,iBAAV,CAAT;IAAuC,SAAS,EAAEC,OAAO,CAACM;EAA1D,gBACE,6BAAC,uBAAD;IACE,EAAE,EAAEP,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,gBAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CANJ,CARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACER,EAAE,EAAES,mBAAUC,MAJa;;EAK3B;AACF;AACA;EACET,OAAO,EAAEQ,mBAAUE,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACEV,IAAI,EAAEO,mBAAUI,IAZW;;EAa3B;AACF;AACA;EACER,OAAO,EAAEI,mBAAUI,IAhBQ;;EAiB3B;AACF;AACA;EACEV,gBAAgB,EAAE,0BAAU,CAC1BM,mBAAUI,IADgB,EAE1BJ,mBAAUK,OAAV,CACEL,mBAAUM,KAAV,CAAgB;IACdf,EAAE,EAAES,mBAAUC,MAAV,CAAiBM,UADP;IAEdC,KAAK,EAAER,mBAAUC,MAAV,CAAiBM,UAFV;IAGdd,IAAI,EAAEO,mBAAUS,IAHF;IAIdC,QAAQ,EAAEV,mBAAUW;EAJN,CAAhB,CADF,CAF0B,CAAV,CApBS;;EA+B3B;AACF;AACA;EACEhB,wBAAwB,EAAEK,mBAAUS;AAlCT,CAA7B;;eAqCe,sBAAWG,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmDvB,gBAAnD,C"}
1	+ {"version":3,"sources":["../../../../src/Banner/BannerWrapper/MessageContainer/MessageContainer.js"],"names":["MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","PropTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,MACvBC,EADuB,QACvBA,EADuB;AAAA,MAEvBC,OAFuB,QAEvBA,OAFuB;AAAA,MAGvBC,IAHuB,QAGvBA,IAHuB;AAAA,MAIvBC,gBAJuB,QAIvBA,gBAJuB;AAAA,MAKvBC,wBALuB,QAKvBA,wBALuB;AAAA,MAMvBC,OANuB,QAMvBA,OANuB;AAAA,sBAQvB,4DACGH,IAAI,iBAAI;AAAK,IAAA,SAAS,EAAED,OAAO,CAACK;AAAxB,KAAwCJ,IAAxC,CADX,eAEE,6BAAC,mBAAD;AAAc,IAAA,EAAE,EAAE,kBAAMF,EAAN,EAAU,cAAV,CAAlB;AAA6C,IAAA,SAAS,EAAEC,OAAO,CAACI;AAAhE,KACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;AAAK,IAAA,EAAE,EAAE,kBAAMH,EAAN,EAAU,iBAAV,CAAT;AAAuC,IAAA,SAAS,EAAEC,OAAO,CAACM;AAA1D,kBACE,6BAAC,uBAAD;AACE,IAAA,EAAE,EAAEP,EADN;AAEE,IAAA,QAAQ,EAAC,UAFX;AAGE,IAAA,OAAO,EAAEG,gBAHX;AAIE,IAAA,eAAe,EAAEC;AAJnB,IADF,CANJ,CARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;AAC3B;AACF;AACA;AACER,EAAAA,EAAE,EAAES,mBAAUC,MAJa;;AAK3B;AACF;AACA;AACET,EAAAA,OAAO,EAAEQ,mBAAUE,UAAV,CAAqBC,MAArB,CARkB;;AAS3B;AACF;AACA;AACEV,EAAAA,IAAI,EAAEO,mBAAUI,IAZW;;AAa3B;AACF;AACA;AACER,EAAAA,OAAO,EAAEI,mBAAUI,IAhBQ;;AAiB3B;AACF;AACA;AACEV,EAAAA,gBAAgB,EAAE,0BAAU,CAC1BM,mBAAUI,IADgB,EAE1BJ,mBAAUK,OAAV,CACEL,mBAAUM,KAAV,CAAgB;AACdf,IAAAA,EAAE,EAAES,mBAAUC,MAAV,CAAiBM,UADP;AAEdC,IAAAA,KAAK,EAAER,mBAAUC,MAAV,CAAiBM,UAFV;AAGdd,IAAAA,IAAI,EAAEO,mBAAUS,IAHF;AAIdC,IAAAA,QAAQ,EAAEV,mBAAUW;AAJN,GAAhB,CADF,CAF0B,CAAV,CApBS;;AA+B3B;AACF;AACA;AACEhB,EAAAA,wBAAwB,EAAEK,mBAAUS;AAlCT,CAA7B;;eAqCe,sBAAWG,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAmDvB,gBAAnD,C","sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n id,\n classes,\n icon,\n actionsOnMessage,\n actionsOnMessageCallback,\n message,\n}) => (\n <>\n {icon && <div className={classes.iconContainer}>{icon}</div>}\n <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n {message}\n </HvTypography>\n {actionsOnMessage && (\n <div id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n <ActionsGeneric\n id={id}\n category=\"semantic\"\n actions={actionsOnMessage}\n actionsCallback={actionsOnMessageCallback}\n />\n </div>\n )}\n </>\n);\n\nMessageContainer.propTypes = {\n /*\n Identifier.\n /\n id: PropTypes.string,\n /\n A Jss Object used to override or extend the styles applied to the button.\n /\n classes: PropTypes.instanceOf(Object),\n /\n Icon to be presented.\n /\n icon: PropTypes.node,\n /\n The message to display.\n /\n message: PropTypes.node,\n /\n Actions to display on message.\n /\n actionsOnMessage: oneOfType([\n PropTypes.node,\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n })\n ),\n ]),\n /\n The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n */\n actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"file":"MessageContainer.js"}

package/dist/Banner/BannerWrapper/MessageContainer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":[],"~~sources~~":["~~../../../../src/Banner/BannerWrapper/MessageContainer/index.js~~"],"sourcesContent":["export { default } from \"./MessageContainer\";\n"],"~~mappings~~":"~~;;;;;;;;;;;;;;AAAA~~"}
1	+ {"version":3,"sources":["../../../../src/Banner/BannerWrapper/MessageContainer/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./MessageContainer\";\n"],"file":"index.js"}

package/dist/Banner/BannerWrapper/MessageContainer/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["styles","theme","message","color","hv","palette","base","base2","wordBreak","maxWidth","overflow","marginRight","iconContainer","spacing","xs","marginLeft","actionMessageContainer","flex"],"~~sources~~":["~~../../../../src/Banner/BannerWrapper/MessageContainer/styles.js~~"],"sourcesContent":["const styles = (theme) => ({\n message: {\n color: theme.hv.palette.base.base2,\n wordBreak: \"break-word\",\n maxWidth: \"700px\",\n overflow: \"hidden\",\n marginRight: 10,\n },\n iconContainer: {\n marginRight: theme.hv.spacing.xs,\n marginLeft: -theme.hv.spacing.xs,\n },\n actionMessageContainer: {\n flex: \"0 0 auto\",\n },\n});\n\nexport default styles;\n"],"~~mappings~~":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,OAAO,EAAE;MACPC,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KADtB;MAEPC,SAAS,EAAE,YAFJ;MAGPC,QAAQ,EAAE,OAHH;MAIPC,QAAQ,EAAE,QAJH;MAKPC,WAAW,EAAE;IALN,CADgB;IAQzBC,aAAa,EAAE;MACbD,WAAW,EAAEV,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC,EADjB;MAEbC,UAAU,EAAE,CAACd,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC;IAFjB,CARU;IAYzBE,sBAAsB,EAAE;MACtBC,IAAI,EAAE;IADgB;EAZC,CAAZ;AAAA,CAAf;;eAiBejB,M"}
1	+ {"version":3,"sources":["../../../../src/Banner/BannerWrapper/MessageContainer/styles.js"],"names":["styles","theme","message","color","hv","palette","base","base2","wordBreak","maxWidth","overflow","marginRight","iconContainer","spacing","xs","marginLeft","actionMessageContainer","flex"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KADtB;AAEPC,MAAAA,SAAS,EAAE,YAFJ;AAGPC,MAAAA,QAAQ,EAAE,OAHH;AAIPC,MAAAA,QAAQ,EAAE,QAJH;AAKPC,MAAAA,WAAW,EAAE;AALN,KADgB;AAQzBC,IAAAA,aAAa,EAAE;AACbD,MAAAA,WAAW,EAAEV,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC,EADjB;AAEbC,MAAAA,UAAU,EAAE,CAACd,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC;AAFjB,KARU;AAYzBE,IAAAA,sBAAsB,EAAE;AACtBC,MAAAA,IAAI,EAAE;AADgB;AAZC,GAAZ;AAAA,CAAf;;eAiBejB,M","sourcesContent":["const styles = (theme) => ({\n message: {\n color: theme.hv.palette.base.base2,\n wordBreak: \"break-word\",\n maxWidth: \"700px\",\n overflow: \"hidden\",\n marginRight: 10,\n },\n iconContainer: {\n marginRight: theme.hv.spacing.xs,\n marginLeft: -theme.hv.spacing.xs,\n },\n actionMessageContainer: {\n flex: \"0 0 auto\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Banner/BannerWrapper/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":[],"~~sources~~":["~~../../../src/Banner/BannerWrapper/index.js~~"],"sourcesContent":["export { default } from \"./BannerContentWrapper\";\n"],"~~mappings~~":"~~;;;;;;;;;;;;;;AAAA~~"}
1	+ {"version":3,"sources":["../../../src/Banner/BannerWrapper/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./BannerContentWrapper\";\n"],"file":"index.js"}

package/dist/Banner/BannerWrapper/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["styles","theme","root","minWidth","position","display","flexWrap","message","alignItems","padding","hvSpacing","paddingLeft","hv","spacing","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","palette","semantic","sema8","warning","sema20","error","sema9","default","sema7","outContainer","width"],"~~sources~~":["~~../../../src~~/~~Banner/BannerWrapper/styles.js~~"],"sourcesContent":["const styles = (theme) => ({\n root: {\n minWidth: \"100%\",\n position: \"relative\",\n display: \"flex\",\n flexWrap: \"nowrap\",\n },\n message: {\n display: \"flex\",\n alignItems: \"center\",\n padding: theme.hvSpacing(\"xs\", 0),\n paddingLeft: theme.hv.spacing.sm,\n },\n action: {\n padding: theme.hvSpacing(\"xs\"),\n marginRight: 0,\n flex: \"0 0 auto\",\n placeSelf: \"stretch\",\n },\n baseVariant: {\n padding: 0,\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n warning: {\n backgroundColor: theme.hv.palette.semantic.sema20,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n outContainer: {\n width: \"100%\",\n position: \"relative\",\n },\n});\n\nexport default styles;\n"],"~~mappings~~":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,QAAQ,EAAE,UAFN;MAGJC,OAAO,EAAE,MAHL;MAIJC,QAAQ,EAAE;IAJN,CADmB;IAOzBC,OAAO,EAAE;MACPF,OAAO,EAAE,MADF;MAEPG,UAAU,EAAE,QAFL;MAGPC,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,CAHF;MAIPC,WAAW,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC;IAJvB,CAPgB;IAazBC,MAAM,EAAE;MACNN,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,CADH;MAENM,WAAW,EAAE,CAFP;MAGNC,IAAI,EAAE,UAHA;MAINC,SAAS,EAAE;IAJL,CAbiB;IAmBzBC,WAAW,EAAE;MACXV,OAAO,EAAE;IADE,CAnBY;IAsBzBW,OAAO,EAAE;MACPC,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BC;IADpC,CAtBgB;IAyBzBC,OAAO,EAAE;MACPJ,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BG;IADpC,CAzBgB;IA4BzBC,KAAK,EAAE;MACLN,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BK;IADtC,CA5BkB;IA+BzBC,OAAO,EAAE;MACPR,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BO;IADpC,CA/BgB;IAkCzBC,YAAY,EAAE;MACZC,KAAK,EAAE,MADK;MAEZ5B,QAAQ,EAAE;IAFE;EAlCW,CAAZ;AAAA,CAAf;;eAwCeJ,M"}
1	+ {"version":3,"sources":["../../../src/Banner/BannerWrapper/styles.js"],"names":["styles","theme","root","minWidth","position","display","flexWrap","message","alignItems","padding","hvSpacing","paddingLeft","hv","spacing","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","palette","semantic","sema8","warning","sema20","error","sema9","default","sema7","outContainer","width"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,MADN;AAEJC,MAAAA,QAAQ,EAAE,UAFN;AAGJC,MAAAA,OAAO,EAAE,MAHL;AAIJC,MAAAA,QAAQ,EAAE;AAJN,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPF,MAAAA,OAAO,EAAE,MADF;AAEPG,MAAAA,UAAU,EAAE,QAFL;AAGPC,MAAAA,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,CAHF;AAIPC,MAAAA,WAAW,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC;AAJvB,KAPgB;AAazBC,IAAAA,MAAM,EAAE;AACNN,MAAAA,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,CADH;AAENM,MAAAA,WAAW,EAAE,CAFP;AAGNC,MAAAA,IAAI,EAAE,UAHA;AAINC,MAAAA,SAAS,EAAE;AAJL,KAbiB;AAmBzBC,IAAAA,WAAW,EAAE;AACXV,MAAAA,OAAO,EAAE;AADE,KAnBY;AAsBzBW,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAtBgB;AAyBzBC,IAAAA,OAAO,EAAE;AACPJ,MAAAA,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BG;AADpC,KAzBgB;AA4BzBC,IAAAA,KAAK,EAAE;AACLN,MAAAA,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BK;AADtC,KA5BkB;AA+BzBC,IAAAA,OAAO,EAAE;AACPR,MAAAA,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BO;AADpC,KA/BgB;AAkCzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZ5B,MAAAA,QAAQ,EAAE;AAFE;AAlCW,GAAZ;AAAA,CAAf;;eAwCeJ,M","sourcesContent":["const styles = (theme) => ({\n root: {\n minWidth: \"100%\",\n position: \"relative\",\n display: \"flex\",\n flexWrap: \"nowrap\",\n },\n message: {\n display: \"flex\",\n alignItems: \"center\",\n padding: theme.hvSpacing(\"xs\", 0),\n paddingLeft: theme.hv.spacing.sm,\n },\n action: {\n padding: theme.hvSpacing(\"xs\"),\n marginRight: 0,\n flex: \"0 0 auto\",\n placeSelf: \"stretch\",\n },\n baseVariant: {\n padding: 0,\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n warning: {\n backgroundColor: theme.hv.palette.semantic.sema20,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n outContainer: {\n width: \"100%\",\n position: \"relative\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Banner/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"index.js","names":[],"~~sources~~":["~~../../src/Banner/index.js~~"],"sourcesContent":["export { default } from \"./Banner\";\nexport { default as HvBannerContent } from \"./BannerWrapper\";\n"],"~~mappings~~":"~~;;;;;;;;;;;;;;;;;;;;AAAA;;AACA~~"}
1	+ {"version":3,"sources":["../../src/Banner/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default } from \"./Banner\";\nexport { default as HvBannerContent } from \"./BannerWrapper\";\n"],"file":"index.js"}

package/dist/Banner/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file~~":"styles.js","names":["styles","theme","rootClosed","display","root","minWidth","hv","spacing","sm","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"~~sources~~":["~~../../src/Banner/styles.js~~"],"sourcesContent":["const styles = (theme) => ({\n rootClosed: {\n display: \"none\",\n },\n root: {\n minWidth: `calc(100% - ${theme.hv.spacing.sm}px)`,\n },\n anchorOriginTopCenter: {\n top: theme.hv.spacing.xs,\n },\n anchorOriginBottomCenter: {\n bottom: theme.hv.spacing.xs,\n },\n});\n\nexport default styles;\n"],"~~mappings~~":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVC,OAAO,EAAE;IADC,CADa;IAIzBC,IAAI,EAAE;MACJC,QAAQ,wBAAiBJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAlC;IADJ,CAJmB;IAOzBC,qBAAqB,EAAE;MACrBC,GAAG,EAAET,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBI;IADD,CAPE;IAUzBC,wBAAwB,EAAE;MACxBC,MAAM,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBI;IADD;EAVD,CAAZ;AAAA,CAAf;;eAeeX,M"}
1	+ {"version":3,"sources":["../../src/Banner/styles.js"],"names":["styles","theme","rootClosed","display","root","minWidth","hv","spacing","sm","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE;AADC,KADa;AAIzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,wBAAiBJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAlC;AADJ,KAJmB;AAOzBC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,GAAG,EAAET,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBI;AADD,KAPE;AAUzBC,IAAAA,wBAAwB,EAAE;AACxBC,MAAAA,MAAM,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBI;AADD;AAVD,GAAZ;AAAA,CAAf;;eAeeX,M","sourcesContent":["const styles = (theme) => ({\n rootClosed: {\n display: \"none\",\n },\n root: {\n minWidth: `calc(100% - ${theme.hv.spacing.sm}px)`,\n },\n anchorOriginTopCenter: {\n top: theme.hv.spacing.xs,\n },\n anchorOriginBottomCenter: {\n bottom: theme.hv.spacing.xs,\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Barchart/Barchart.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { HvChartProps } from "../Chart";
+export interface HvBarchartProps extends HvChartProps {
+  /**
+   * Sets if the chart is stack.
+   */
+  stack?: boolean;
+  /**
+   * Sets if the chart is horizontal.
+   */
+  horizontal?: boolean;
+}
+export default function HvBarchart(props: HvBarchartProps): JSX.Element | null;

package/dist/Barchart/Barchart.js ADDED Viewed

@@ -0,0 +1,239 @@
+"use strict";
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _core = require("@material-ui/core");
+var _Chart = _interopRequireDefault(require("../Chart"));
+var _barchartPlotlyOverrides = require("./barchartPlotlyOverrides");
+var _styles = _interopRequireDefault(require("./styles"));
+var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var MARGIN = 50;
+var MAX_BAR_WIDTH = 90;
+var MIN_BAR_WIDTH = 3;
+/**
+ * A Bar chart is a chart or graph that presents categorical data with rectangular bars.
+ *
+ * Our implementation leverages the Plotly charting library. If you have a specific case
+ * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
+ */
+var Barchart = function Barchart(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      data = _ref.data,
+      layout = _ref.layout,
+      config = _ref.config,
+      _ref$tooltipType = _ref.tooltipType,
+      tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
+      _ref$stack = _ref.stack,
+      stack = _ref$stack === void 0 ? false : _ref$stack,
+      _ref$horizontal = _ref.horizontal,
+      horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  /* Values derived from props */
+  var dataWithDefaults = (0, _react.useMemo)(function () {
+    return (0, _barchartPlotlyOverrides.applyDataDefaults)(data, horizontal);
+  }, [data, horizontal]);
+  var chartLayout = (0, _react.useMemo)(function () {
+    return (0, _barchartPlotlyOverrides.applyLayoutDefaults)(layout, stack, horizontal);
+  }, [layout, stack, horizontal]);
+  /* State */
+  var _useState = (0, _react.useState)(dataWithDefaults),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      chartData = _useState2[0],
+      setChartData = _useState2[1];
+  /* Effects */
+  var firstRender = (0, _react.useRef)(true);
+  (0, _react.useEffect)(function () {
+    // only setChartData when prop value changes
+    // not needed on first render because the
+    // initial state is already properly set
+    if (!firstRender.current) {
+      setChartData(dataWithDefaults);
+    }
+    firstRender.current = false;
+  }, [dataWithDefaults]);
+  /**
+   * Used to force the max width of each bar with 90px.
+   *
+   * (this is effectively more an effect than a callback)
+   */
+  var recalculateBarWidth = (0, _react.useCallback)(function (ref) {
+    // use the data and layout info directly from the plotly ref
+    // as it's always the most uptodate version.
+    var plotData = ref.current.props.data;
+    var plotLayout = ref.current.props.layout;
+    if (plotData.length > 0) {
+      var barmode = plotLayout.barmode,
+          bargap = plotLayout.bargap,
+          bargroupgap = plotLayout.bargroupgap;
+      var isStack = barmode === "stack";
+      var numberOfBarsByGroup = isStack ? 1 : plotData.length;
+      var numberOfGroup = plotData[0].x.length;
+      var _ref$current$el$getBo = ref.current.el.getBoundingClientRect(),
+          width = _ref$current$el$getBo.width;
+      var plotWidth = width - MARGIN;
+      var groupWidth = plotWidth / numberOfGroup;
+      var colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;
+      var calculatedBarWidth = colWidth / numberOfBarsByGroup;
+      var greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;
+      var lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;
+      var isAlreadyGreaterThan90 = plotData[0].width !== undefined;
+      if (greaterThan90 && !isAlreadyGreaterThan90) {
+        var newWidth = MAX_BAR_WIDTH / plotWidth * numberOfGroup;
+        var newData = plotData.map(function (subData) {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: newWidth
+          });
+        });
+        setChartData(newData);
+      }
+      if (lessThan3 && !isAlreadyGreaterThan90) {
+        var _newWidth = MIN_BAR_WIDTH / plotWidth * numberOfGroup;
+        var _newData = plotData.map(function (subData) {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: _newWidth
+          });
+        });
+        setChartData(_newData);
+      }
+      if (!greaterThan90 && isAlreadyGreaterThan90) {
+        var _newData2 = plotData.map(function (subData) {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: undefined
+          });
+        });
+        setChartData(_newData2);
+      }
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_Chart.default, (0, _extends2.default)({
+    id: id,
+    classes: classes,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType,
+    afterPlot: recalculateBarWidth
+  }, others));
+};
+process.env.NODE_ENV !== "production" ? Barchart.propTypes = {
+  /**
+   * An Id passed on to the component
+   */
+  id: _propTypes.default.string,
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.instanceOf(Object),
+  /**
+   * Plotly data object (see https://plot.ly/javascript/reference/).
+   */
+  data: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Object)).isRequired,
+  /**
+   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
+   */
+  layout: _propTypes.default.instanceOf(Object),
+  /**
+   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
+   */
+  config: _propTypes.default.instanceOf(Object),
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType: _propTypes.default.oneOf(["single", "multiple"]),
+  /**
+   * Sets is the chart is stack.
+   */
+  stack: _propTypes.default.bool,
+  /**
+   * Sets is the chart is horizontal.
+   */
+  horizontal: _propTypes.default.bool
+} : void 0;
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvBarchart"
+})(Barchart);
+exports.default = _default;
+//# sourceMappingURL=Barchart.js.map

package/dist/Barchart/Barchart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/Barchart/Barchart.js"],"names":["MARGIN","MAX_BAR_WIDTH","MIN_BAR_WIDTH","Barchart","id","classes","data","layout","config","tooltipType","stack","horizontal","others","dataWithDefaults","chartLayout","chartData","setChartData","firstRender","current","recalculateBarWidth","ref","plotData","props","plotLayout","length","barmode","bargap","bargroupgap","isStack","numberOfBarsByGroup","numberOfGroup","x","el","getBoundingClientRect","width","plotWidth","groupWidth","colWidth","calculatedBarWidth","greaterThan90","lessThan3","isAlreadyGreaterThan90","undefined","newWidth","newData","map","subData","propTypes","PropTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","styles","name"],"mappings":"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","sourcesContent":["import React, { useMemo, useEffect, useState, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyLayoutDefaults, applyDataDefaults } from \"./barchartPlotlyOverrides\";\nimport styles from \"./styles\";\n\nconst MARGIN = 50;\nconst MAX_BAR_WIDTH = 90;\nconst MIN_BAR_WIDTH = 3;\n\n/**\n * A Bar chart is a chart or graph that presents categorical data with rectangular bars.\n *\n * Our implementation leverages the Plotly charting library. If you have a specific case\n * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Barchart = ({\n id,\n classes,\n data,\n layout,\n config,\n tooltipType = \"multiple\",\n stack = false,\n horizontal = false,\n ...others\n}) => {\n /* Values derived from props */\n\n const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);\n const chartLayout = useMemo(\n () => applyLayoutDefaults(layout, stack, horizontal),\n [layout, stack, horizontal]\n );\n\n /* State */\n\n const [chartData, setChartData] = useState(dataWithDefaults);\n\n /* Effects */\n\n const firstRender = useRef(true);\n useEffect(() => {\n // only setChartData when prop value changes\n // not needed on first render because the\n // initial state is already properly set\n if (!firstRender.current) {\n setChartData(dataWithDefaults);\n }\n\n firstRender.current = false;\n }, [dataWithDefaults]);\n\n /**\n * Used to force the max width of each bar with 90px.\n *\n * (this is effectively more an effect than a callback)\n */\n const recalculateBarWidth = useCallback((ref) => {\n // use the data and layout info directly from the plotly ref\n // as it's always the most uptodate version.\n const plotData = ref.current.props.data;\n const plotLayout = ref.current.props.layout;\n\n if (plotData.length > 0) {\n const { barmode, bargap, bargroupgap } = plotLayout;\n\n const isStack = barmode === \"stack\";\n const numberOfBarsByGroup = isStack ? 1 : plotData.length;\n const numberOfGroup = plotData[0].x.length;\n\n const { width } = ref.current.el.getBoundingClientRect();\n const plotWidth = width - MARGIN;\n const groupWidth = plotWidth / numberOfGroup;\n const colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;\n\n const calculatedBarWidth = colWidth / numberOfBarsByGroup;\n const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;\n const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;\n const isAlreadyGreaterThan90 = plotData[0].width !== undefined;\n\n if (greaterThan90 && !isAlreadyGreaterThan90) {\n const newWidth = (MAX_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n const newData = plotData.map((subData) => {\n return { ...subData, width: newWidth };\n });\n\n setChartData(newData);\n }\n\n if (lessThan3 && !isAlreadyGreaterThan90) {\n const newWidth = (MIN_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n const newData = plotData.map((subData) => {\n return { ...subData, width: newWidth };\n });\n\n setChartData(newData);\n }\n\n if (!greaterThan90 && isAlreadyGreaterThan90) {\n const newData = plotData.map((subData) => {\n return { ...subData, width: undefined };\n });\n\n setChartData(newData);\n }\n }\n }, []);\n\n return (\n <Chart\n id={id}\n classes={classes}\n data={chartData}\n layout={chartLayout}\n config={config}\n tooltipType={tooltipType}\n afterPlot={recalculateBarWidth}\n {...others}\n />\n );\n};\nBarchart.propTypes = {\n /**\n * An Id passed on to the component\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.instanceOf(Object),\n /**\n * Plotly data object (see https://plot.ly/javascript/reference/).\n */\n data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n */\n layout: PropTypes.instanceOf(Object),\n /**\n * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n */\n config: PropTypes.instanceOf(Object),\n /**\n * Defines if should use a single or multiline tooltip.\n */\n tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n /**\n * Sets is the chart is stack.\n */\n stack: PropTypes.bool,\n /**\n * Sets is the chart is horizontal.\n */\n horizontal: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvBarchart\" })(Barchart);\n"],"file":"Barchart.js"}