@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Banner/BannerWrapper/ActionContainer/styles.js

@@ -0,0 +1,37 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import fade from "../../../utils/hexToRgbA";
+import { outlineStyles } from "../../../Focus/styles";
+
+const styles = theme => ({
+  actionContainer: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    justifyContent: "space-between"
+  },
+  actionsInnerContainer: {
+    flexDirection: "row",
+    marginTop: "8px" // avoid overlap with close button outline focus ring
+
+  },
+  closeAction: {
+    alignSelf: "flex-end",
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: fade(theme.hv.palette.base.base1, 0.3)
+    },
+    "&:focus": _objectSpread({}, outlineStyles)
+  },
+  iconContainer: {
+    width: "32px",
+    height: "32px"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Banner/BannerWrapper/ActionContainer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Banner/BannerWrapper/ActionContainer/styles.js"],"names":["fade","outlineStyles","styles","theme","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","backgroundColor","hv","palette","base","base1","iconContainer","width"],"mappings":";;;;;;AAAA,OAAOA,IAAP,MAAiB,0BAAjB;AACA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,OAAO,EAAE,MADM;AAEfC,IAAAA,aAAa,EAAE,QAFA;AAGfC,IAAAA,MAAM,EAAE,MAHO;AAIfC,IAAAA,cAAc,EAAE;AAJD,GADQ;AAOzBC,EAAAA,qBAAqB,EAAE;AACrBH,IAAAA,aAAa,EAAE,KADM;AAErBI,IAAAA,SAAS,EAAE,KAFU,CAEH;;AAFG,GAPE;AAWzBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,SAAS,EAAE,UADA;AAEXC,IAAAA,MAAM,EAAE,SAFG;AAGX,eAAW;AACTC,MAAAA,eAAe,EAAEd,IAAI,CAACG,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KAAvB,EAA8B,GAA9B;AADZ,KAHA;AAMX,iCACKjB,aADL;AANW,GAXY;AAqBzBkB,EAAAA,aAAa,EAAE;AACbC,IAAAA,KAAK,EAAE,MADM;AAEbb,IAAAA,MAAM,EAAE;AAFK;AArBU,CAAZ,CAAf;;AA2BA,eAAeL,MAAf","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/modern/Banner/BannerWrapper/BannerContentWrapper.js

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

package/dist/modern/Banner/BannerWrapper/BannerContentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Banner/BannerWrapper/BannerContentWrapper.js"],"names":["React","PropTypes","oneOfType","clsx","SnackbarContent","withStyles","iconVariant","MessageContainer","ActionContainer","styles","HvBannerContentWrapper","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","string","instanceOf","Object","node","oneOf","bool","func","arrayOf","shape","isRequired","label","disabled","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/modern/Banner/BannerWrapper/MessageContainer/MessageContainer.js

@@ -0,0 +1,70 @@
+import React from "react";
+import PropTypes, { oneOfType } from "prop-types";
+import { withStyles } from "@material-ui/core";
+import HvTypography from "../../../Typography";
+import ActionsGeneric from "../../../ActionsGeneric";
+import { setId } from "../../../utils";
+import styles from "./styles";
+
+const MessageContainer = ({
+  id,
+  classes,
+  icon,
+  actionsOnMessage,
+  actionsOnMessageCallback,
+  message
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("div", {
+  className: classes.iconContainer
+}, icon), /*#__PURE__*/React.createElement(HvTypography, {
+  id: setId(id, "message-text"),
+  className: classes.message
+}, message), actionsOnMessage && /*#__PURE__*/React.createElement("div", {
+  id: setId(id, "message-actions"),
+  className: classes.actionMessageContainer
+}, /*#__PURE__*/React.createElement(ActionsGeneric, {
+  id: id,
+  category: "semantic",
+  actions: actionsOnMessage,
+  actionsCallback: actionsOnMessageCallback
+})));
+
+MessageContainer.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the button.
+   */
+  classes: PropTypes.instanceOf(Object),
+
+  /**
+   * Icon to be presented.
+   */
+  icon: PropTypes.node,
+
+  /**
+   * The message to display.
+   */
+  message: PropTypes.node,
+
+  /**
+   * Actions to display on message.
+   */
+  actionsOnMessage: oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    icon: PropTypes.func,
+    disabled: PropTypes.bool
+  }))]),
+
+  /**
+   * The callback function ran when an action is triggered, receiving `actionsOnMessage` as param
+   */
+  actionsOnMessageCallback: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvMessageContainer"
+})(MessageContainer);
+//# sourceMappingURL=MessageContainer.js.map

package/dist/modern/Banner/BannerWrapper/MessageContainer/MessageContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Banner/BannerWrapper/MessageContainer/MessageContainer.js"],"names":["React","PropTypes","oneOfType","withStyles","HvTypography","ActionsGeneric","setId","styles","MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","name"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AACxBC,EAAAA,EADwB;AAExBC,EAAAA,OAFwB;AAGxBC,EAAAA,IAHwB;AAIxBC,EAAAA,gBAJwB;AAKxBC,EAAAA,wBALwB;AAMxBC,EAAAA;AANwB,CAAD,kBAQvB,0CACGH,IAAI,iBAAI;AAAK,EAAA,SAAS,EAAED,OAAO,CAACK;AAAxB,GAAwCJ,IAAxC,CADX,eAEE,oBAAC,YAAD;AAAc,EAAA,EAAE,EAAEL,KAAK,CAACG,EAAD,EAAK,cAAL,CAAvB;AAA6C,EAAA,SAAS,EAAEC,OAAO,CAACI;AAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;AAAK,EAAA,EAAE,EAAEN,KAAK,CAACG,EAAD,EAAK,iBAAL,CAAd;AAAuC,EAAA,SAAS,EAAEC,OAAO,CAACM;AAA1D,gBACE,oBAAC,cAAD;AACE,EAAA,EAAE,EAAEP,EADN;AAEE,EAAA,QAAQ,EAAC,UAFX;AAGE,EAAA,OAAO,EAAEG,gBAHX;AAIE,EAAA,eAAe,EAAEC;AAJnB,EADF,CANJ,CARF;;AA0BAL,gBAAgB,CAACS,SAAjB,GAA6B;AAC3B;AACF;AACA;AACER,EAAAA,EAAE,EAAER,SAAS,CAACiB,MAJa;;AAK3B;AACF;AACA;AACER,EAAAA,OAAO,EAAET,SAAS,CAACkB,UAAV,CAAqBC,MAArB,CARkB;;AAS3B;AACF;AACA;AACET,EAAAA,IAAI,EAAEV,SAAS,CAACoB,IAZW;;AAa3B;AACF;AACA;AACEP,EAAAA,OAAO,EAAEb,SAAS,CAACoB,IAhBQ;;AAiB3B;AACF;AACA;AACET,EAAAA,gBAAgB,EAAEV,SAAS,CAAC,CAC1BD,SAAS,CAACoB,IADgB,EAE1BpB,SAAS,CAACqB,OAAV,CACErB,SAAS,CAACsB,KAAV,CAAgB;AACdd,IAAAA,EAAE,EAAER,SAAS,CAACiB,MAAV,CAAiBM,UADP;AAEdC,IAAAA,KAAK,EAAExB,SAAS,CAACiB,MAAV,CAAiBM,UAFV;AAGdb,IAAAA,IAAI,EAAEV,SAAS,CAACyB,IAHF;AAIdC,IAAAA,QAAQ,EAAE1B,SAAS,CAAC2B;AAJN,GAAhB,CADF,CAF0B,CAAD,CApBA;;AA+B3B;AACF;AACA;AACEf,EAAAA,wBAAwB,EAAEZ,SAAS,CAACyB;AAlCT,CAA7B;AAqCA,eAAevB,UAAU,CAACI,MAAD,EAAS;AAAEsB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDrB,gBAAnD,CAAf","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/modern/Banner/BannerWrapper/MessageContainer/index.js

@@ -0,0 +1,2 @@
+export { default } from "./MessageContainer";
+//# sourceMappingURL=index.js.map

package/dist/modern/Banner/BannerWrapper/MessageContainer/index.js.map

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

package/dist/modern/Banner/BannerWrapper/MessageContainer/styles.js

@@ -0,0 +1,19 @@
+const styles = theme => ({
+  message: {
+    color: theme.hv.palette.base.base2,
+    wordBreak: "break-word",
+    maxWidth: "700px",
+    overflow: "hidden",
+    marginRight: 10
+  },
+  iconContainer: {
+    marginRight: theme.hv.spacing.xs,
+    marginLeft: -theme.hv.spacing.xs
+  },
+  actionMessageContainer: {
+    flex: "0 0 auto"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Banner/BannerWrapper/MessageContainer/styles.js.map

@@ -0,0 +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,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KADtB;AAEPC,IAAAA,SAAS,EAAE,YAFJ;AAGPC,IAAAA,QAAQ,EAAE,OAHH;AAIPC,IAAAA,QAAQ,EAAE,QAJH;AAKPC,IAAAA,WAAW,EAAE;AALN,GADgB;AAQzBC,EAAAA,aAAa,EAAE;AACbD,IAAAA,WAAW,EAAEV,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC,EADjB;AAEbC,IAAAA,UAAU,EAAE,CAACd,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC;AAFjB,GARU;AAYzBE,EAAAA,sBAAsB,EAAE;AACtBC,IAAAA,IAAI,EAAE;AADgB;AAZC,CAAZ,CAAf;;AAiBA,eAAejB,MAAf","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/modern/Banner/BannerWrapper/index.js

@@ -0,0 +1,2 @@
+export { default } from "./BannerContentWrapper";
+//# sourceMappingURL=index.js.map

package/dist/modern/Banner/BannerWrapper/index.js.map

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

package/dist/modern/Banner/BannerWrapper/styles.js

@@ -0,0 +1,42 @@
+const styles = theme => ({
+  root: {
+    minWidth: "100%",
+    position: "relative",
+    display: "flex",
+    flexWrap: "nowrap"
+  },
+  message: {
+    display: "flex",
+    alignItems: "center",
+    padding: theme.hvSpacing("xs", 0),
+    paddingLeft: theme.hv.spacing.sm
+  },
+  action: {
+    padding: theme.hvSpacing("xs"),
+    marginRight: 0,
+    flex: "0 0 auto",
+    placeSelf: "stretch"
+  },
+  baseVariant: {
+    padding: 0
+  },
+  success: {
+    backgroundColor: theme.hv.palette.semantic.sema8
+  },
+  warning: {
+    backgroundColor: theme.hv.palette.semantic.sema20
+  },
+  error: {
+    backgroundColor: theme.hv.palette.semantic.sema9
+  },
+  default: {
+    backgroundColor: theme.hv.palette.semantic.sema7
+  },
+  outContainer: {
+    width: "100%",
+    position: "relative"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Banner/BannerWrapper/styles.js.map

@@ -0,0 +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,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,MADN;AAEJC,IAAAA,QAAQ,EAAE,UAFN;AAGJC,IAAAA,OAAO,EAAE,MAHL;AAIJC,IAAAA,QAAQ,EAAE;AAJN,GADmB;AAOzBC,EAAAA,OAAO,EAAE;AACPF,IAAAA,OAAO,EAAE,MADF;AAEPG,IAAAA,UAAU,EAAE,QAFL;AAGPC,IAAAA,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,CAHF;AAIPC,IAAAA,WAAW,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC;AAJvB,GAPgB;AAazBC,EAAAA,MAAM,EAAE;AACNN,IAAAA,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,CADH;AAENM,IAAAA,WAAW,EAAE,CAFP;AAGNC,IAAAA,IAAI,EAAE,UAHA;AAINC,IAAAA,SAAS,EAAE;AAJL,GAbiB;AAmBzBC,EAAAA,WAAW,EAAE;AACXV,IAAAA,OAAO,EAAE;AADE,GAnBY;AAsBzBW,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,GAtBgB;AAyBzBC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BG;AADpC,GAzBgB;AA4BzBC,EAAAA,KAAK,EAAE;AACLN,IAAAA,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BK;AADtC,GA5BkB;AA+BzBC,EAAAA,OAAO,EAAE;AACPR,IAAAA,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BO;AADpC,GA/BgB;AAkCzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,KAAK,EAAE,MADK;AAEZ5B,IAAAA,QAAQ,EAAE;AAFE;AAlCW,CAAZ,CAAf;;AAwCA,eAAeJ,MAAf","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/modern/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Banner";
+export * from "./Banner";

package/dist/modern/Banner/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Banner";
+export { default as HvBannerContent } from "./BannerWrapper";
+//# sourceMappingURL=index.js.map

package/dist/modern/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Banner/index.js"],"names":["default","HvBannerContent"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AACA,SAASA,OAAO,IAAIC,eAApB,QAA2C,iBAA3C","sourcesContent":["export { default } from \"./Banner\";\nexport { default as HvBannerContent } from \"./BannerWrapper\";\n"],"file":"index.js"}

package/dist/modern/Banner/styles.js

@@ -0,0 +1,17 @@
+const styles = theme => ({
+  rootClosed: {
+    display: "none"
+  },
+  root: {
+    minWidth: `calc(100% - ${theme.hv.spacing.sm}px)`
+  },
+  anchorOriginTopCenter: {
+    top: theme.hv.spacing.xs
+  },
+  anchorOriginBottomCenter: {
+    bottom: theme.hv.spacing.xs
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Banner/styles.js.map

@@ -0,0 +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,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,OAAO,EAAE;AADC,GADa;AAIzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAG,eAAcJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAG;AADzC,GAJmB;AAOzBC,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,GAAG,EAAET,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBI;AADD,GAPE;AAUzBC,EAAAA,wBAAwB,EAAE;AACxBC,IAAAA,MAAM,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBI;AADD;AAVD,CAAZ,CAAf;;AAeA,eAAeX,MAAf","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/modern/Barchart/Barchart.d.ts

@@ -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/modern/Barchart/Barchart.js

@@ -0,0 +1,176 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useMemo, useEffect, useState, useCallback, useRef } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import Chart from "../Chart";
+import { applyLayoutDefaults, applyDataDefaults } from "./barchartPlotlyOverrides";
+import styles from "./styles";
+const MARGIN = 50;
+const MAX_BAR_WIDTH = 90;
+const 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.
+ */
+
+const Barchart = _ref => {
+  let {
+    id,
+    classes,
+    data,
+    layout,
+    config,
+    tooltipType = "multiple",
+    stack = false,
+    horizontal = false
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  /* Values derived from props */
+  const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);
+  const chartLayout = useMemo(() => applyLayoutDefaults(layout, stack, horizontal), [layout, stack, horizontal]);
+  /* State */
+
+  const [chartData, setChartData] = useState(dataWithDefaults);
+  /* Effects */
+
+  const firstRender = useRef(true);
+  useEffect(() => {
+    // 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)
+   */
+
+  const recalculateBarWidth = useCallback(ref => {
+    // use the data and layout info directly from the plotly ref
+    // as it's always the most uptodate version.
+    const plotData = ref.current.props.data;
+    const plotLayout = ref.current.props.layout;
+
+    if (plotData.length > 0) {
+      const {
+        barmode,
+        bargap,
+        bargroupgap
+      } = plotLayout;
+      const isStack = barmode === "stack";
+      const numberOfBarsByGroup = isStack ? 1 : plotData.length;
+      const numberOfGroup = plotData[0].x.length;
+      const {
+        width
+      } = ref.current.el.getBoundingClientRect();
+      const plotWidth = width - MARGIN;
+      const groupWidth = plotWidth / numberOfGroup;
+      const colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;
+      const calculatedBarWidth = colWidth / numberOfBarsByGroup;
+      const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;
+      const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;
+      const isAlreadyGreaterThan90 = plotData[0].width !== undefined;
+
+      if (greaterThan90 && !isAlreadyGreaterThan90) {
+        const newWidth = MAX_BAR_WIDTH / plotWidth * numberOfGroup;
+        const newData = plotData.map(subData => {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: newWidth
+          });
+        });
+        setChartData(newData);
+      }
+
+      if (lessThan3 && !isAlreadyGreaterThan90) {
+        const newWidth = MIN_BAR_WIDTH / plotWidth * numberOfGroup;
+        const newData = plotData.map(subData => {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: newWidth
+          });
+        });
+        setChartData(newData);
+      }
+
+      if (!greaterThan90 && isAlreadyGreaterThan90) {
+        const newData = plotData.map(subData => {
+          return _objectSpread(_objectSpread({}, subData), {}, {
+            width: undefined
+          });
+        });
+        setChartData(newData);
+      }
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(Chart, _extends({
+    id: id,
+    classes: classes,
+    data: chartData,
+    layout: chartLayout,
+    config: config,
+    tooltipType: tooltipType,
+    afterPlot: recalculateBarWidth
+  }, others));
+};
+
+Barchart.propTypes = {
+  /**
+   * An Id passed on to the component
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly data object (see https://plot.ly/javascript/reference/).
+   */
+  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
+
+  /**
+   * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
+   */
+  layout: PropTypes.instanceOf(Object),
+
+  /**
+   * Plotly config object (see https://plot.ly/javascript/configuration-options/).
+   */
+  config: PropTypes.instanceOf(Object),
+
+  /**
+   * Defines if should use a single or multiline tooltip.
+   */
+  tooltipType: PropTypes.oneOf(["single", "multiple"]),
+
+  /**
+   * Sets is the chart is stack.
+   */
+  stack: PropTypes.bool,
+
+  /**
+   * Sets is the chart is horizontal.
+   */
+  horizontal: PropTypes.bool
+};
+export default withStyles(styles, {
+  name: "HvBarchart"
+})(Barchart);
+//# sourceMappingURL=Barchart.js.map

package/dist/modern/Barchart/Barchart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Barchart/Barchart.js"],"names":["React","useMemo","useEffect","useState","useCallback","useRef","PropTypes","withStyles","Chart","applyLayoutDefaults","applyDataDefaults","styles","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","width","el","getBoundingClientRect","plotWidth","groupWidth","colWidth","calculatedBarWidth","greaterThan90","lessThan3","isAlreadyGreaterThan90","undefined","newWidth","newData","map","subData","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","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"}