@hitachivantara/uikit-react-core 3.71.0 → 3.73.0

package/dist/AssetInventory/ListView/ListViewCell/ListViewCell.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
+import { HvAtmosphereColorKeys, HvSemanticColorKeys } from "../../..";
 
 export type HvListViewCellClassKey = "root" | "semanticBar";
 
@@ -17,33 +18,7 @@ export interface HvListViewCellProps
   /**
    *  The border color of the cell. Must be one of palette semantic colors.
    */
-  semantic?:
-    | "sema0"
-    | "sema1"
-    | "sema2"
-    | "sema3"
-    | "sema4"
-    | "sema5"
-    | "sema6"
-    | "sema7"
-    | "sema8"
-    | "sema9"
-    | "sema10"
-    | "sema11"
-    | "sema12"
-    | "sema13"
-    | "sema14"
-    | "sema15"
-    | "sema16"
-    | "sema17"
-    | "sema18"
-    | "sema19"
-    | "atmo1"
-    | "atmo2"
-    | "atmo3"
-    | "atmo4"
-    | "atmo5"
-    | "atmo6";
+  semantic?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
 }
 
 export default function HvListViewCell(props: HvListViewCellProps): JSX.Element | null;

package/dist/AssetInventory/ListView/ListViewRow/ListViewRow.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 import { ListViewConfiguration } from "..";
-import { HvCheckBoxProps } from "../../..";
+import { HvAtmosphereColorKeys, HvCheckBoxProps, HvSemanticColorKeys } from "../../..";
 
 export type HvListViewRowClassKey = "root";
 
@@ -29,32 +29,7 @@ export interface HvListViewRowProps
   /**
    *  The border to the right of the checkbox
    */
-  semantic?:
-    | "sema1"
-    | "sema2"
-    | "sema3"
-    | "sema4"
-    | "sema5"
-    | "sema6"
-    | "sema7"
-    | "sema8"
-    | "sema9"
-    | "sema10"
-    | "sema11"
-    | "sema12"
-    | "sema13"
-    | "sema14"
-    | "sema15"
-    | "sema16"
-    | "sema17"
-    | "sema18"
-    | "sema19"
-    | "atmo1"
-    | "atmo2"
-    | "atmo3"
-    | "atmo4"
-    | "atmo5"
-    | "atmo6";
+  semantic?: HvSemanticColorKeys | HvAtmosphereColorKeys;
 }
 
 export default function HvListViewRow(props: HvListViewRowProps): JSX.Element | null;

package/dist/Banner/Banner.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
-import { StandardProps, SnackbarProps, SnackbarContentProps } from "@material-ui/core";
+import { StandardProps, SnackbarProps } from "@material-ui/core";
 import { HvActionsGenericCommonProps } from "../ActionsGeneric";
+import { HvBannerContentProps } from "./BannerContent";
 
 export type TransitionDirectionProp = "up" | "down" | "left" | "right";
 
@@ -55,7 +56,7 @@ export interface HvBannerProps
   /**
    * Props to pass down to the Banner Wrapper.
    */
-  bannerContentProps?: SnackbarContentProps;
+  bannerContentProps?: Partial<HvBannerContentProps>;
 }
 
 export default function HvBanner(props: HvBannerProps): JSX.Element | null;

package/dist/Banner/Banner.js

@@ -35,7 +35,7 @@ var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
 
 var _utils = require("../utils");
 
-var _BannerWrapper = _interopRequireDefault(require("./BannerWrapper"));
+var _BannerContent = _interopRequireDefault(require("./BannerContent"));
 
 var _styles = _interopRequireDefault(require("./styles"));
 
@@ -105,7 +105,7 @@ var HvBanner = function HvBanner(props) {
     TransitionComponent: SlideTransition,
     open: open,
     transitionDuration: transitionDuration
-  }, others), /*#__PURE__*/_react.default.createElement(_BannerWrapper.default, (0, _extends2.default)({
+  }, others), /*#__PURE__*/_react.default.createElement(_BannerContent.default, (0, _extends2.default)({
     id: (0, _utils.setId)(id, "content"),
     content: label,
     variant: variant,

package/dist/Banner/Banner.js.map

@@ -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","useCallback","properties","capitalize","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","setId","propTypes","PropTypes","string","shape","isRequired","bool","func","node","oneOf","oneOfType","arrayOf","icon","disabled","number","instanceOf","Object","withStyles","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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"}
+{"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","useCallback","properties","capitalize","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","setId","propTypes","PropTypes","string","shape","isRequired","bool","func","node","oneOf","oneOfType","arrayOf","icon","disabled","number","instanceOf","Object","withStyles","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 HvBannerContent from \"./BannerContent\";\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      <HvBannerContent\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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"}

package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/ActionContainer.js.map

@@ -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","oneOfType","node","arrayOf","shape","isRequired","label","icon","disabled","bool","withStyles","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,kBAAA,CAAUC,MAJY;;EAK1B;AACF;AACA;EACEX,OAAO,EAAEU,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEZ,OAAO,EAAES,kBAAA,CAAUI,IAZO;;EAa1B;AACF;AACA;EACEZ,MAAM,EAAE,IAAAa,oBAAA,EAAU,CAChBL,kBAAA,CAAUM,IADM,EAEhBN,kBAAA,CAAUO,OAAV,CACEP,kBAAA,CAAUQ,KAAV,CAAgB;IACdnB,EAAE,EAAEW,kBAAA,CAAUC,MAAV,CAAiBQ,UADP;IAEdC,KAAK,EAAEV,kBAAA,CAAUC,MAAV,CAAiBQ,UAFV;IAGdE,IAAI,EAAEX,kBAAA,CAAUI,IAHF;IAIdQ,QAAQ,EAAEZ,kBAAA,CAAUa;EAJN,CAAhB,CADF,CAFgB,CAAV,CAhBkB;;EA2B1B;AACF;AACA;EACEpB,cAAc,EAAEO,kBAAA,CAAUI;AA9BA,CAA5B;;eAiCe,IAAAU,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkD5B,eAAlD,C"}
+{"version":3,"file":"ActionContainer.js","names":["ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","PropTypes","string","instanceOf","Object","func","oneOfType","node","arrayOf","shape","isRequired","label","icon","disabled","bool","withStyles","styles","name"],"sources":["../../../../src/Banner/BannerContent/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,kBAAA,CAAUC,MAJY;;EAK1B;AACF;AACA;EACEX,OAAO,EAAEU,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEZ,OAAO,EAAES,kBAAA,CAAUI,IAZO;;EAa1B;AACF;AACA;EACEZ,MAAM,EAAE,IAAAa,oBAAA,EAAU,CAChBL,kBAAA,CAAUM,IADM,EAEhBN,kBAAA,CAAUO,OAAV,CACEP,kBAAA,CAAUQ,KAAV,CAAgB;IACdnB,EAAE,EAAEW,kBAAA,CAAUC,MAAV,CAAiBQ,UADP;IAEdC,KAAK,EAAEV,kBAAA,CAAUC,MAAV,CAAiBQ,UAFV;IAGdE,IAAI,EAAEX,kBAAA,CAAUI,IAHF;IAIdQ,QAAQ,EAAEZ,kBAAA,CAAUa;EAJN,CAAhB,CADF,CAFgB,CAAV,CAhBkB;;EA2B1B;AACF;AACA;EACEpB,cAAc,EAAEO,kBAAA,CAAUI;AA9BA,CAA5B;;eAiCe,IAAAU,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkD5B,eAAlD,C"}

package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/index.js.map

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

package/dist/Banner/{BannerWrapper → BannerContent}/ActionContainer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","backgroundColor","fade","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,IAAAC,kBAAA,EAAKZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KAA3B,EAAkC,GAAlC;MADR,CAHA;MAMX,6BACKC,qBADL;IANW,CAXY;IAqBzBC,aAAa,EAAE;MACbC,KAAK,EAAE,MADM;MAEbf,MAAM,EAAE;IAFK;EArBU,CAAZ;AAAA,CAAf;;eA2BeL,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","backgroundColor","fade","hv","palette","base","base1","outlineStyles","iconContainer","width"],"sources":["../../../../src/Banner/BannerContent/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,IAAAC,kBAAA,EAAKZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KAA3B,EAAkC,GAAlC;MADR,CAHA;MAMX,6BACKC,qBADL;IANW,CAXY;IAqBzBC,aAAa,EAAE;MACbC,KAAK,EAAE,MADM;MAEbf,MAAM,EAAE;IAFK;EArBU,CAAZ;AAAA,CAAf;;eA2BeL,M"}

package/dist/Banner/BannerContent/BannerContent.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { StandardProps, SnackbarContentProps } from "@material-ui/core";
+import {
+  ActionsPositionProp,
+  HvActionsGenericCommonProps,
+  HvButtonProps,
+  NotificationsCommonProps,
+  SemanticVariantTypes,
+} from "../..";
+
+export type HvBannerContentClassKey =
+  | "root"
+  | "message"
+  | "action"
+  | "baseVariant"
+  | "outContainer"
+  | SemanticVariantTypes;
+
+export interface HvBannerContentProps
+  extends StandardProps<SnackbarContentProps, HvBannerContentClassKey>,
+    HvActionsGenericCommonProps,
+    Pick<NotificationsCommonProps, "showIcon" | "customIcon"> {
+  /**
+   * The position property of the header.
+   */
+  actionsPosition?: ActionsPositionProp;
+  /**
+   * The message to display.
+   */
+  content?: React.ReactNode;
+  /**
+   * onClose function.
+   */
+  onClose?: HvButtonProps["onClick"];
+  /**
+   * The props to pass down to the Action Container.
+   */
+  actionProps?: Record<string, unknown>;
+}
+
+export default function HvBannerContent(props: HvBannerContentProps): JSX.Element | null;

package/dist/Banner/{BannerWrapper/BannerContentWrapper.js → BannerContent/BannerContent.js}

@@ -47,7 +47,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var HvBannerContentWrapper = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+var HvBannerContent = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var id = props.id,
       classes = props.classes,
       _props$showIcon = props.showIcon,
@@ -99,7 +99,7 @@ var HvBannerContentWrapper = /*#__PURE__*/_react.default.forwardRef(function (pr
   }, others)));
 });
 
-process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
+process.env.NODE_ENV !== "production" ? HvBannerContent.propTypes = {
   /**
    * Identifier.
    */
@@ -162,8 +162,8 @@ process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
-  name: "HvBannerContentWrapper"
-})(HvBannerContentWrapper);
+  name: "HvBannerContent"
+})(HvBannerContent);
 
 exports.default = _default;
-//# sourceMappingURL=BannerContentWrapper.js.map
+//# sourceMappingURL=BannerContent.js.map

package/dist/Banner/BannerContent/BannerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerContent.js","names":["HvBannerContent","React","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","iconVariant","effectiveActionsPosition","outContainer","root","message","action","clsx","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","PropTypes","string","instanceOf","Object","node","oneOf","bool","func","oneOfType","arrayOf","shape","isRequired","label","disabled","withStyles","styles","name"],"sources":["../../../src/Banner/BannerContent/BannerContent.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 HvBannerContent = 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\nHvBannerContent.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: \"HvBannerContent\" })(HvBannerContent);\n"],"mappings":"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"}

package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.js","names":["MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","setId","actionMessageContainer","propTypes","PropTypes","string","instanceOf","Object","node","oneOfType","arrayOf","shape","isRequired","label","func","disabled","bool","withStyles","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,IAAAK,YAAA,EAAMP,EAAN,EAAU,cAAV,CAAlB;IAA6C,SAAS,EAAEC,OAAO,CAACI;EAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;IAAK,EAAE,EAAE,IAAAI,YAAA,EAAMP,EAAN,EAAU,iBAAV,CAAT;IAAuC,SAAS,EAAEC,OAAO,CAACO;EAA1D,gBACE,6BAAC,uBAAD;IACE,EAAE,EAAER,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,gBAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CANJ,CARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACU,SAAjB,GAA6B;EAC3B;AACF;AACA;EACET,EAAE,EAAEU,kBAAA,CAAUC,MAJa;;EAK3B;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACEX,IAAI,EAAEQ,kBAAA,CAAUI,IAZW;;EAa3B;AACF;AACA;EACET,OAAO,EAAEK,kBAAA,CAAUI,IAhBQ;;EAiB3B;AACF;AACA;EACEX,gBAAgB,EAAE,IAAAY,oBAAA,EAAU,CAC1BL,kBAAA,CAAUI,IADgB,EAE1BJ,kBAAA,CAAUM,OAAV,CACEN,kBAAA,CAAUO,KAAV,CAAgB;IACdjB,EAAE,EAAEU,kBAAA,CAAUC,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAET,kBAAA,CAAUC,MAAV,CAAiBO,UAFV;IAGdhB,IAAI,EAAEQ,kBAAA,CAAUU,IAHF;IAIdC,QAAQ,EAAEX,kBAAA,CAAUY;EAJN,CAAhB,CADF,CAF0B,CAAV,CApBS;;EA+B3B;AACF;AACA;EACElB,wBAAwB,EAAEM,kBAAA,CAAUU;AAlCT,CAA7B;;eAqCe,IAAAG,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD1B,gBAAnD,C"}
+{"version":3,"file":"MessageContainer.js","names":["MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","setId","actionMessageContainer","propTypes","PropTypes","string","instanceOf","Object","node","oneOfType","arrayOf","shape","isRequired","label","func","disabled","bool","withStyles","styles","name"],"sources":["../../../../src/Banner/BannerContent/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,IAAAK,YAAA,EAAMP,EAAN,EAAU,cAAV,CAAlB;IAA6C,SAAS,EAAEC,OAAO,CAACI;EAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;IAAK,EAAE,EAAE,IAAAI,YAAA,EAAMP,EAAN,EAAU,iBAAV,CAAT;IAAuC,SAAS,EAAEC,OAAO,CAACO;EAA1D,gBACE,6BAAC,uBAAD;IACE,EAAE,EAAER,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,gBAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CANJ,CARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACU,SAAjB,GAA6B;EAC3B;AACF;AACA;EACET,EAAE,EAAEU,kBAAA,CAAUC,MAJa;;EAK3B;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACEX,IAAI,EAAEQ,kBAAA,CAAUI,IAZW;;EAa3B;AACF;AACA;EACET,OAAO,EAAEK,kBAAA,CAAUI,IAhBQ;;EAiB3B;AACF;AACA;EACEX,gBAAgB,EAAE,IAAAY,oBAAA,EAAU,CAC1BL,kBAAA,CAAUI,IADgB,EAE1BJ,kBAAA,CAAUM,OAAV,CACEN,kBAAA,CAAUO,KAAV,CAAgB;IACdjB,EAAE,EAAEU,kBAAA,CAAUC,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAET,kBAAA,CAAUC,MAAV,CAAiBO,UAFV;IAGdhB,IAAI,EAAEQ,kBAAA,CAAUU,IAHF;IAIdC,QAAQ,EAAEX,kBAAA,CAAUY;EAJN,CAAhB,CADF,CAF0B,CAAV,CApBS;;EA+B3B;AACF;AACA;EACElB,wBAAwB,EAAEM,kBAAA,CAAUU;AAlCT,CAA7B;;eAqCe,IAAAG,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD1B,gBAAnD,C"}

package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/index.js.map

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

package/dist/Banner/{BannerWrapper → BannerContent}/MessageContainer/styles.js.map

@@ -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"}
+{"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/BannerContent/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"}

package/dist/Banner/BannerContent/index.d.ts

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

package/dist/Banner/{BannerWrapper → BannerContent}/index.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _BannerContentWrapper.default;
+    return _BannerContent.default;
   }
 });
 
-var _BannerContentWrapper = _interopRequireDefault(require("./BannerContentWrapper"));
+var _BannerContent = _interopRequireDefault(require("./BannerContent"));
 //# sourceMappingURL=index.js.map

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

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

package/dist/Banner/{BannerWrapper → BannerContent}/styles.js.map

@@ -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"}
+{"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/BannerContent/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"}

package/dist/Banner/index.d.ts

@@ -1,2 +1,5 @@
 export { default } from "./Banner";
 export * from "./Banner";
+
+export { default as HvBannerContent } from "./BannerContent";
+export * from "./BannerContent";

package/dist/Banner/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "HvBannerContent", {
   enumerable: true,
   get: function get() {
-    return _BannerWrapper.default;
+    return _BannerContent.default;
   }
 });
 Object.defineProperty(exports, "default", {
@@ -20,5 +20,5 @@ Object.defineProperty(exports, "default", {
 
 var _Banner = _interopRequireDefault(require("./Banner"));
 
-var _BannerWrapper = _interopRequireDefault(require("./BannerWrapper"));
+var _BannerContent = _interopRequireDefault(require("./BannerContent"));
 //# sourceMappingURL=index.js.map

package/dist/Banner/index.js.map

@@ -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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Banner/index.js"],"sourcesContent":["export { default } from \"./Banner\";\nexport { default as HvBannerContent } from \"./BannerContent\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/dist/FilterGroup/FilterContent/FilterContent.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { StandardProps } from "@material-ui/core";
+import { FilterValue, HvBaseDropdownProps } from "../..";
+
+export type HvFilterContentClassKey =
+  | "root"
+  | "panel"
+  | "actionBar"
+  | "space"
+  | "header"
+  | "baseDropdownSelection"
+  | "leftSidePanel"
+  | "rightSidePanel";
+
+export interface HvFilterContentProps
+  extends StandardProps<HvBaseDropdownProps, HvFilterContentClassKey, "onChange"> {
+  description?: React.ReactNode;
+  status?: "standBy" | "valid" | "invalid";
+
+  onChange?: (evt: React.MouseEventHandler<HTMLButtonElement>, filterValues: FilterValue[]) => void;
+  onCancel?: (evt: any[]) => void;
+  onClear?: (evt: React.MouseEventHandler<HTMLButtonElement>) => void;
+
+  labels?: {
+    applyLabel?: string;
+    cancelLabel?: string;
+    clearLabel?: string;
+    placeholder?: string;
+    searchBoxPlaceholder?: string;
+    selectAll?: string;
+    multiSelectionConjunction?: string;
+  };
+
+  horizontalPlacement?: "left" | "right";
+  disablePortal?: boolean;
+  escapeWithReference?: boolean;
+  height?: any;
+
+  /**
+   * Element to render when there are no filters
+   */
+  leftEmptyElement?: React.ReactNode;
+  /**
+   * Element to render when the selected filter has no values
+   */
+  rightEmptyElement?: React.ReactNode;
+}
+
+export default function HvFilterContent(props: HvFilterContentProps): JSX.Element | null;

package/dist/FilterGroup/FilterContent/FilterContent.js

@@ -59,7 +59,7 @@ var _ = require("../..");
 
 var _Filters, _Counter;
 
-var _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height"];
+var _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "leftEmptyElement", "rightEmptyElement"];
 
 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); }
 
@@ -85,6 +85,8 @@ var FilterContent = function FilterContent(_ref) {
       _ref$escapeWithRefere = _ref.escapeWithReference,
       escapeWithReference = _ref$escapeWithRefere === void 0 ? true : _ref$escapeWithRefere,
       height = _ref.height,
+      leftEmptyElement = _ref.leftEmptyElement,
+      rightEmptyElement = _ref.rightEmptyElement,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _styles.default)();
 
@@ -183,10 +185,12 @@ var FilterContent = function FilterContent(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_LeftPanel.default, {
     id: id,
-    className: classes.leftSidePanel
+    className: classes.leftSidePanel,
+    emptyElement: leftEmptyElement
   }), /*#__PURE__*/_react.default.createElement(_RightPanel.default, {
     id: id,
     className: classes.rightSidePanel,
+    emptyElement: rightEmptyElement,
     labels: labels
   })), /*#__PURE__*/_react.default.createElement(_.HvActionBar, {
     className: classes.actionBar
@@ -233,7 +237,9 @@ process.env.NODE_ENV !== "production" ? FilterContent.propTypes = {
   horizontalPlacement: _propTypes.default.oneOf(["left", "right"]),
   disablePortal: _propTypes.default.bool,
   escapeWithReference: _propTypes.default.bool,
-  height: _propTypes.default.any
+  height: _propTypes.default.any,
+  leftEmptyElement: _propTypes.default.node,
+  rightEmptyElement: _propTypes.default.node
 } : void 0;
 var _default = FilterContent;
 exports.default = _default;

package/dist/FilterGroup/FilterContent/FilterContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.js","names":["FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","useStyles","useState","filterGroupOpen","setFilterGroupOpen","useContext","FilterGroupContext","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","placeholder","setId","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","PropTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"sources":["../../../src/FilterGroup/FilterContent/FilterContent.js"],"sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n  id,\n  status,\n  disabled = false,\n\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  labels,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height,\n\n  ...others\n}) => {\n  const classes = useStyles();\n  const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n  const { defaultValue, filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n    useContext(FilterGroupContext);\n\n  const focusTarget = useRef();\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (evt) => {\n    applyFilters();\n    onChange?.(evt, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (evt) => {\n    rollbackFilters();\n    onCancel?.(evt);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (evt) => {\n    clearFilters();\n    onClear?.(evt);\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(evt);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n      </>\n    ),\n    [labels.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<Counter />}\n      popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <LeftPanel id={id} className={classes.leftSidePanel} />\n        <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          category=\"ghost\"\n          onClick={onClearHandler}\n        >\n          {labels.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          category=\"ghost\"\n          onClick={onApplyHandler}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n          {labels.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n\nFilterContent.propTypes = {\n  id: PropTypes.string,\n\n  \"aria-label\": PropTypes.string,\n  \"aria-labelledby\": PropTypes.string,\n  description: PropTypes.node,\n  \"aria-describedby\": PropTypes.string,\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n  onChange: PropTypes.func,\n  onCancel: PropTypes.func,\n  onClear: PropTypes.func,\n\n  labels: PropTypes.shape({\n    applyLabel: PropTypes.string,\n    cancelLabel: PropTypes.string,\n    clearLabel: PropTypes.string,\n    placeholder: PropTypes.string,\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  disablePortal: PropTypes.bool,\n  escapeWithReference: PropTypes.bool,\n  height: PropTypes.any,\n};\n\nexport default FilterContent;\n"],"mappings":"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"}
+{"version":3,"file":"FilterContent.js","names":["FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","others","classes","useStyles","useState","filterGroupOpen","setFilterGroupOpen","useContext","FilterGroupContext","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","placeholder","setId","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","PropTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"sources":["../../../src/FilterGroup/FilterContent/FilterContent.js"],"sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n  id,\n  status,\n  disabled = false,\n\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  labels,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height,\n  leftEmptyElement,\n  rightEmptyElement,\n\n  ...others\n}) => {\n  const classes = useStyles();\n  const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n  const { defaultValue, filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n    useContext(FilterGroupContext);\n\n  const focusTarget = useRef();\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (evt) => {\n    applyFilters();\n    onChange?.(evt, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (evt) => {\n    rollbackFilters();\n    onCancel?.(evt);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (evt) => {\n    clearFilters();\n    onClear?.(evt);\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(evt);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n      </>\n    ),\n    [labels.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<Counter />}\n      popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <LeftPanel id={id} className={classes.leftSidePanel} emptyElement={leftEmptyElement} />\n        <RightPanel\n          id={id}\n          className={classes.rightSidePanel}\n          emptyElement={rightEmptyElement}\n          labels={labels}\n        />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          category=\"ghost\"\n          onClick={onClearHandler}\n        >\n          {labels.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          category=\"ghost\"\n          onClick={onApplyHandler}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n          {labels.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n\nFilterContent.propTypes = {\n  id: PropTypes.string,\n\n  \"aria-label\": PropTypes.string,\n  \"aria-labelledby\": PropTypes.string,\n  description: PropTypes.node,\n  \"aria-describedby\": PropTypes.string,\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n  onChange: PropTypes.func,\n  onCancel: PropTypes.func,\n  onClear: PropTypes.func,\n\n  labels: PropTypes.shape({\n    applyLabel: PropTypes.string,\n    cancelLabel: PropTypes.string,\n    clearLabel: PropTypes.string,\n    placeholder: PropTypes.string,\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  disablePortal: PropTypes.bool,\n  escapeWithReference: PropTypes.bool,\n  height: PropTypes.any,\n  leftEmptyElement: PropTypes.node,\n  rightEmptyElement: PropTypes.node,\n};\n\nexport default FilterContent;\n"],"mappings":"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"}

package/dist/FilterGroup/FilterContent/index.d.ts

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

package/dist/FilterGroup/FilterContent/styles.js

@@ -47,13 +47,14 @@ var styles = (0, _core.makeStyles)(function (theme) {
     space: {
       flex: 1
     },
-    baseDropdownSelection: {
-      padding: "0 30px 0 0"
-    },
+    baseDropdownSelection: {},
     header: {
       display: "flex",
       justifyContent: "space-between",
-      height: 32
+      height: 32,
+      "& $baseDropdownSelection": {
+        padding: "0 30px 0 0"
+      }
     },
     leftSidePanel: {},
     rightSidePanel: {}