@hitachivantara/uikit-react-core 3.71.0 → 3.73.0

package/dist/modern/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/modern/Banner/{BannerWrapper/BannerContentWrapper.js → BannerContent/BannerContent.js}

@@ -9,7 +9,7 @@ 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 HvBannerContent = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     id,
     classes,
@@ -60,7 +60,7 @@ const HvBannerContentWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
     }, actionProps))
   }, others)));
 });
-process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
+process.env.NODE_ENV !== "production" ? HvBannerContent.propTypes = {
   /**
    * Identifier.
    */
@@ -122,6 +122,6 @@ process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
   actionProps: PropTypes.instanceOf(Object)
 } : void 0;
 export default withStyles(styles, {
-  name: "HvBannerContentWrapper"
-})(HvBannerContentWrapper);
-//# sourceMappingURL=BannerContentWrapper.js.map
+  name: "HvBannerContent"
+})(HvBannerContent);
+//# sourceMappingURL=BannerContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerContent.js","names":["React","PropTypes","oneOfType","clsx","SnackbarContent","withStyles","iconVariant","MessageContainer","ActionContainer","styles","HvBannerContent","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"],"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/modern/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"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"],"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,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;EACxBC,EADwB;EAExBC,OAFwB;EAGxBC,IAHwB;EAIxBC,gBAJwB;EAKxBC,wBALwB;EAMxBC;AANwB,CAAD,kBAQvB,0CACGH,IAAI,iBAAI;EAAK,SAAS,EAAED,OAAO,CAACK;AAAxB,GAAwCJ,IAAxC,CADX,eAEE,oBAAC,YAAD;EAAc,EAAE,EAAEL,KAAK,CAACG,EAAD,EAAK,cAAL,CAAvB;EAA6C,SAAS,EAAEC,OAAO,CAACI;AAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;EAAK,EAAE,EAAEN,KAAK,CAACG,EAAD,EAAK,iBAAL,CAAd;EAAuC,SAAS,EAAEC,OAAO,CAACM;AAA1D,gBACE,oBAAC,cAAD;EACE,EAAE,EAAEP,EADN;EAEE,QAAQ,EAAC,UAFX;EAGE,OAAO,EAAEG,gBAHX;EAIE,eAAe,EAAEC;AAJnB,EADF,CANJ,CARF;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACER,EAAE,EAAER,SAAS,CAACiB,MAJa;;EAK3B;AACF;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACET,IAAI,EAAEV,SAAS,CAACoB,IAZW;;EAa3B;AACF;AACA;EACEP,OAAO,EAAEb,SAAS,CAACoB,IAhBQ;;EAiB3B;AACF;AACA;EACET,gBAAgB,EAAEV,SAAS,CAAC,CAC1BD,SAAS,CAACoB,IADgB,EAE1BpB,SAAS,CAACqB,OAAV,CACErB,SAAS,CAACsB,KAAV,CAAgB;IACdd,EAAE,EAAER,SAAS,CAACiB,MAAV,CAAiBM,UADP;IAEdC,KAAK,EAAExB,SAAS,CAACiB,MAAV,CAAiBM,UAFV;IAGdb,IAAI,EAAEV,SAAS,CAACyB,IAHF;IAIdC,QAAQ,EAAE1B,SAAS,CAAC2B;EAJN,CAAhB,CADF,CAF0B,CAAD,CApBA;;EA+B3B;AACF;AACA;EACEf,wBAAwB,EAAEZ,SAAS,CAACyB;AAlCT,CAA7B;AAqCA,eAAevB,UAAU,CAACI,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDrB,gBAAnD,CAAf"}
+{"version":3,"file":"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"],"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,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;EACxBC,EADwB;EAExBC,OAFwB;EAGxBC,IAHwB;EAIxBC,gBAJwB;EAKxBC,wBALwB;EAMxBC;AANwB,CAAD,kBAQvB,0CACGH,IAAI,iBAAI;EAAK,SAAS,EAAED,OAAO,CAACK;AAAxB,GAAwCJ,IAAxC,CADX,eAEE,oBAAC,YAAD;EAAc,EAAE,EAAEL,KAAK,CAACG,EAAD,EAAK,cAAL,CAAvB;EAA6C,SAAS,EAAEC,OAAO,CAACI;AAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;EAAK,EAAE,EAAEN,KAAK,CAACG,EAAD,EAAK,iBAAL,CAAd;EAAuC,SAAS,EAAEC,OAAO,CAACM;AAA1D,gBACE,oBAAC,cAAD;EACE,EAAE,EAAEP,EADN;EAEE,QAAQ,EAAC,UAFX;EAGE,OAAO,EAAEG,gBAHX;EAIE,eAAe,EAAEC;AAJnB,EADF,CANJ,CARF;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACER,EAAE,EAAER,SAAS,CAACiB,MAJa;;EAK3B;AACF;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACET,IAAI,EAAEV,SAAS,CAACoB,IAZW;;EAa3B;AACF;AACA;EACEP,OAAO,EAAEb,SAAS,CAACoB,IAhBQ;;EAiB3B;AACF;AACA;EACET,gBAAgB,EAAEV,SAAS,CAAC,CAC1BD,SAAS,CAACoB,IADgB,EAE1BpB,SAAS,CAACqB,OAAV,CACErB,SAAS,CAACsB,KAAV,CAAgB;IACdd,EAAE,EAAER,SAAS,CAACiB,MAAV,CAAiBM,UADP;IAEdC,KAAK,EAAExB,SAAS,CAACiB,MAAV,CAAiBM,UAFV;IAGdb,IAAI,EAAEV,SAAS,CAACyB,IAHF;IAIdC,QAAQ,EAAE1B,SAAS,CAAC2B;EAJN,CAAhB,CADF,CAF0B,CAAD,CApBA;;EA+B3B;AACF;AACA;EACEf,wBAAwB,EAAEZ,SAAS,CAACyB;AAlCT,CAA7B;AAqCA,eAAevB,UAAU,CAACI,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDrB,gBAAnD,CAAf"}

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

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

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,OAAO,EAAE;IACPC,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KADtB;IAEPC,SAAS,EAAE,YAFJ;IAGPC,QAAQ,EAAE,OAHH;IAIPC,QAAQ,EAAE,QAJH;IAKPC,WAAW,EAAE;EALN,CADgB;EAQzBC,aAAa,EAAE;IACbD,WAAW,EAAEV,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC,EADjB;IAEbC,UAAU,EAAE,CAACd,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC;EAFjB,CARU;EAYzBE,sBAAsB,EAAE;IACtBC,IAAI,EAAE;EADgB;AAZC,CAAZ,CAAf;;AAiBA,eAAejB,MAAf"}
+{"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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,OAAO,EAAE;IACPC,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KADtB;IAEPC,SAAS,EAAE,YAFJ;IAGPC,QAAQ,EAAE,OAHH;IAIPC,QAAQ,EAAE,QAJH;IAKPC,WAAW,EAAE;EALN,CADgB;EAQzBC,aAAa,EAAE;IACbD,WAAW,EAAEV,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC,EADjB;IAEbC,UAAU,EAAE,CAACd,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC;EAFjB,CARU;EAYzBE,sBAAsB,EAAE;IACtBC,IAAI,EAAE;EADgB;AAZC,CAAZ,CAAf;;AAiBA,eAAejB,MAAf"}

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

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

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

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

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

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

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,QAAQ,EAAE,MADN;IAEJC,QAAQ,EAAE,UAFN;IAGJC,OAAO,EAAE,MAHL;IAIJC,QAAQ,EAAE;EAJN,CADmB;EAOzBC,OAAO,EAAE;IACPF,OAAO,EAAE,MADF;IAEPG,UAAU,EAAE,QAFL;IAGPC,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,CAHF;IAIPC,WAAW,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC;EAJvB,CAPgB;EAazBC,MAAM,EAAE;IACNN,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,CADH;IAENM,WAAW,EAAE,CAFP;IAGNC,IAAI,EAAE,UAHA;IAINC,SAAS,EAAE;EAJL,CAbiB;EAmBzBC,WAAW,EAAE;IACXV,OAAO,EAAE;EADE,CAnBY;EAsBzBW,OAAO,EAAE;IACPC,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BC;EADpC,CAtBgB;EAyBzBC,OAAO,EAAE;IACPJ,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BG;EADpC,CAzBgB;EA4BzBC,KAAK,EAAE;IACLN,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BK;EADtC,CA5BkB;EA+BzBC,OAAO,EAAE;IACPR,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BO;EADpC,CA/BgB;EAkCzBC,YAAY,EAAE;IACZC,KAAK,EAAE,MADK;IAEZ5B,QAAQ,EAAE;EAFE;AAlCW,CAAZ,CAAf;;AAwCA,eAAeJ,MAAf"}
+{"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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,QAAQ,EAAE,MADN;IAEJC,QAAQ,EAAE,UAFN;IAGJC,OAAO,EAAE,MAHL;IAIJC,QAAQ,EAAE;EAJN,CADmB;EAOzBC,OAAO,EAAE;IACPF,OAAO,EAAE,MADF;IAEPG,UAAU,EAAE,QAFL;IAGPC,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,CAHF;IAIPC,WAAW,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC;EAJvB,CAPgB;EAazBC,MAAM,EAAE;IACNN,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,CADH;IAENM,WAAW,EAAE,CAFP;IAGNC,IAAI,EAAE,UAHA;IAINC,SAAS,EAAE;EAJL,CAbiB;EAmBzBC,WAAW,EAAE;IACXV,OAAO,EAAE;EADE,CAnBY;EAsBzBW,OAAO,EAAE;IACPC,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BC;EADpC,CAtBgB;EAyBzBC,OAAO,EAAE;IACPJ,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BG;EADpC,CAzBgB;EA4BzBC,KAAK,EAAE;IACLN,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BK;EADtC,CA5BkB;EA+BzBC,OAAO,EAAE;IACPR,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BO;EADpC,CA/BgB;EAkCzBC,YAAY,EAAE;IACZC,KAAK,EAAE,MADK;IAEZ5B,QAAQ,EAAE;EAFE;AAlCW,CAAZ,CAAf;;AAwCA,eAAeJ,MAAf"}

package/dist/modern/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/modern/Banner/index.js

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

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

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

package/dist/modern/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/modern/FilterGroup/FilterContent/FilterContent.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 
 var _Filters, _Counter;
 
-const _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height"];
+const _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "leftEmptyElement", "rightEmptyElement"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.unscopables.flat.js";
 import React, { useMemo, useState, useRef, useContext } from "react";
@@ -32,7 +32,9 @@ const FilterContent = _ref => {
     horizontalPlacement = "right",
     disablePortal = true,
     escapeWithReference = true,
-    height
+    height,
+    leftEmptyElement,
+    rightEmptyElement
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
@@ -126,10 +128,12 @@ const FilterContent = _ref => {
     }
   }, /*#__PURE__*/React.createElement(LeftPanel, {
     id: id,
-    className: classes.leftSidePanel
+    className: classes.leftSidePanel,
+    emptyElement: leftEmptyElement
   }), /*#__PURE__*/React.createElement(RightPanel, {
     id: id,
     className: classes.rightSidePanel,
+    emptyElement: rightEmptyElement,
     labels: labels
   })), /*#__PURE__*/React.createElement(HvActionBar, {
     className: classes.actionBar
@@ -176,7 +180,9 @@ process.env.NODE_ENV !== "production" ? FilterContent.propTypes = {
   horizontalPlacement: PropTypes.oneOf(["left", "right"]),
   disablePortal: PropTypes.bool,
   escapeWithReference: PropTypes.bool,
-  height: PropTypes.any
+  height: PropTypes.any,
+  leftEmptyElement: PropTypes.node,
+  rightEmptyElement: PropTypes.node
 } : void 0;
 export default FilterContent;
 //# sourceMappingURL=FilterContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.js","names":["React","useMemo","useState","useRef","useContext","PropTypes","Filters","FilterGroupContext","LeftPanel","RightPanel","Counter","useStyles","setId","HvBaseDropdown","HvTypography","HvButton","HvActionBar","FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","filterGroupOpen","setFilterGroupOpen","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","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":["React","useMemo","useState","useRef","useContext","PropTypes","Filters","FilterGroupContext","LeftPanel","RightPanel","Counter","useStyles","setId","HvBaseDropdown","HvTypography","HvButton","HvActionBar","FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","others","classes","filterGroupOpen","setFilterGroupOpen","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","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/modern/FilterGroup/FilterContent/index.d.ts

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

package/dist/modern/FilterGroup/FilterContent/styles.js

@@ -36,13 +36,14 @@ const styles = makeStyles(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: {}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","theme","root","width","backgroundColor","hv","palette","atmosphere","atmo1","maxHeight","minHeight","display","spacing","height","verticalAlign","padding","margin","overflow","boxShadow","shadow","shad1","panel","actionBar","space","flex","baseDropdownSelection","header","justifyContent","leftSidePanel","rightSidePanel"],"sources":["../../../../src/FilterGroup/FilterContent/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    width: 640,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    \"& div$leftSidePanel\": {\n      display: \"inline-block\",\n      width: `calc(50% - ${theme.spacing(\"sm\")}px - ${theme.spacing(\"sm\")}px + 8px)`,\n      height: `calc(100% - ${theme.spacing(\"sm\")}px - ${theme.spacing(\"sm\")}px + 8px)`,\n      verticalAlign: \"top\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      padding: 4,\n      margin: theme.spacing(\"sm\") - 4,\n    },\n    \"& div$rightSidePanel\": {\n      display: \"inline-block\",\n      width: \"50%\",\n      height: \"100%\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      verticalAlign: \"top\",\n      overflow: \"visible\",\n      boxShadow: `inset 8px 0 8px -6px ${theme.hv.palette.shadow.shad1}`,\n    },\n  },\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  actionBar: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  space: {\n    flex: 1,\n  },\n  baseDropdownSelection: {\n    padding: \"0 30px 0 0\",\n  },\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n  },\n  leftSidePanel: {},\n  rightSidePanel: {},\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,IAAI,EAAE;IACJC,KAAK,EAAE,GADH;IAEJC,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAFzC;IAGJC,SAAS,EAAE,oBAHP;IAIJC,SAAS,EAAE,oBAJP;IAKJ,uBAAuB;MACrBC,OAAO,EAAE,cADY;MAErBR,KAAK,EAAG,cAAaF,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,QAAOX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,WAF/C;MAGrBC,MAAM,EAAG,eAAcZ,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,QAAOX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,WAHjD;MAIrBE,aAAa,EAAE,KAJM;MAKrBL,SAAS,EAAE,oBALU;MAMrBC,SAAS,EAAE,oBANU;MAOrBK,OAAO,EAAE,CAPY;MAQrBC,MAAM,EAAEf,KAAK,CAACW,OAAN,CAAc,IAAd,IAAsB;IART,CALnB;IAeJ,wBAAwB;MACtBD,OAAO,EAAE,cADa;MAEtBR,KAAK,EAAE,KAFe;MAGtBU,MAAM,EAAE,MAHc;MAItBJ,SAAS,EAAE,oBAJW;MAKtBC,SAAS,EAAE,oBALW;MAMtBI,aAAa,EAAE,KANO;MAOtBG,QAAQ,EAAE,SAPY;MAQtBC,SAAS,EAAG,wBAAuBjB,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBa,MAAjB,CAAwBC,KAAM;IAR3C;EAfpB,CAD8B;EA2BpCC,KAAK,EAAE;IACLZ,SAAS,EAAE,GADN;IAELC,SAAS,EAAE;EAFN,CA3B6B;EA+BpCY,SAAS,EAAE;IACTlB,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADpC,CA/ByB;EAkCpCe,KAAK,EAAE;IACLC,IAAI,EAAE;EADD,CAlC6B;EAqCpCC,qBAAqB,EAAE;IACrBV,OAAO,EAAE;EADY,CArCa;EAwCpCW,MAAM,EAAE;IACNf,OAAO,EAAE,MADH;IAENgB,cAAc,EAAE,eAFV;IAGNd,MAAM,EAAE;EAHF,CAxC4B;EA6CpCe,aAAa,EAAE,EA7CqB;EA8CpCC,cAAc,EAAE;AA9CoB,CAAZ,CAAD,CAAzB;AAiDA,eAAe7B,MAAf"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","theme","root","width","backgroundColor","hv","palette","atmosphere","atmo1","maxHeight","minHeight","display","spacing","height","verticalAlign","padding","margin","overflow","boxShadow","shadow","shad1","panel","actionBar","space","flex","baseDropdownSelection","header","justifyContent","leftSidePanel","rightSidePanel"],"sources":["../../../../src/FilterGroup/FilterContent/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    width: 640,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    \"& div$leftSidePanel\": {\n      display: \"inline-block\",\n      width: `calc(50% - ${theme.spacing(\"sm\")}px - ${theme.spacing(\"sm\")}px + 8px)`,\n      height: `calc(100% - ${theme.spacing(\"sm\")}px - ${theme.spacing(\"sm\")}px + 8px)`,\n      verticalAlign: \"top\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      padding: 4,\n      margin: theme.spacing(\"sm\") - 4,\n    },\n    \"& div$rightSidePanel\": {\n      display: \"inline-block\",\n      width: \"50%\",\n      height: \"100%\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      verticalAlign: \"top\",\n      overflow: \"visible\",\n      boxShadow: `inset 8px 0 8px -6px ${theme.hv.palette.shadow.shad1}`,\n    },\n  },\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  actionBar: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  space: {\n    flex: 1,\n  },\n  baseDropdownSelection: {},\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n    \"& $baseDropdownSelection\": {\n      padding: \"0 30px 0 0\",\n    },\n  },\n  leftSidePanel: {},\n  rightSidePanel: {},\n}));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACpCC,IAAI,EAAE;IACJC,KAAK,EAAE,GADH;IAEJC,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAFzC;IAGJC,SAAS,EAAE,oBAHP;IAIJC,SAAS,EAAE,oBAJP;IAKJ,uBAAuB;MACrBC,OAAO,EAAE,cADY;MAErBR,KAAK,EAAG,cAAaF,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,QAAOX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,WAF/C;MAGrBC,MAAM,EAAG,eAAcZ,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,QAAOX,KAAK,CAACW,OAAN,CAAc,IAAd,CAAoB,WAHjD;MAIrBE,aAAa,EAAE,KAJM;MAKrBL,SAAS,EAAE,oBALU;MAMrBC,SAAS,EAAE,oBANU;MAOrBK,OAAO,EAAE,CAPY;MAQrBC,MAAM,EAAEf,KAAK,CAACW,OAAN,CAAc,IAAd,IAAsB;IART,CALnB;IAeJ,wBAAwB;MACtBD,OAAO,EAAE,cADa;MAEtBR,KAAK,EAAE,KAFe;MAGtBU,MAAM,EAAE,MAHc;MAItBJ,SAAS,EAAE,oBAJW;MAKtBC,SAAS,EAAE,oBALW;MAMtBI,aAAa,EAAE,KANO;MAOtBG,QAAQ,EAAE,SAPY;MAQtBC,SAAS,EAAG,wBAAuBjB,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBa,MAAjB,CAAwBC,KAAM;IAR3C;EAfpB,CAD8B;EA2BpCC,KAAK,EAAE;IACLZ,SAAS,EAAE,GADN;IAELC,SAAS,EAAE;EAFN,CA3B6B;EA+BpCY,SAAS,EAAE;IACTlB,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADpC,CA/ByB;EAkCpCe,KAAK,EAAE;IACLC,IAAI,EAAE;EADD,CAlC6B;EAqCpCC,qBAAqB,EAAE,EArCa;EAsCpCC,MAAM,EAAE;IACNf,OAAO,EAAE,MADH;IAENgB,cAAc,EAAE,eAFV;IAGNd,MAAM,EAAE,EAHF;IAIN,4BAA4B;MAC1BE,OAAO,EAAE;IADiB;EAJtB,CAtC4B;EA8CpCa,aAAa,EAAE,EA9CqB;EA+CpCC,cAAc,EAAE;AA/CoB,CAAZ,CAAD,CAAzB;AAkDA,eAAe7B,MAAf"}

package/dist/modern/FilterGroup/FilterGroup.d.ts

@@ -1,5 +1,6 @@
 import { StandardProps } from "@material-ui/core";
-import { HvBaseDropdownProps, HvFormElementProps } from "..";
+import { HvFormElementProps } from "..";
+import { HvFilterContentProps } from "./FilterContent";
 
 export type HvFilterGroupClassKey = "root" | "labelContainer" | "label" | "description" | "error";
 
@@ -105,7 +106,7 @@ export interface HvFilterGroupProps
   /**
    * Other props, passed to `FilterContent` and `HvBaseDropdown` components
    */
-  filterContentProps?: Record<string, unknown> & Partial<HvBaseDropdownProps>;
+  filterContentProps?: Partial<HvFilterContentProps>;
 }
 
 export default function HvFilterGroup(props: HvFilterGroupProps): JSX.Element | null;

package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js

@@ -9,7 +9,8 @@ import { wrapperTooltip } from "../../List/utils";
 
 const LeftPanel = ({
   id,
-  className
+  className,
+  emptyElement
 }) => {
   const classes = useStyles();
   const {
@@ -20,7 +21,7 @@ const LeftPanel = ({
   return /*#__PURE__*/React.createElement(HvPanel, {
     id: setId(id, "leftPanel"),
     className: clsx(className, classes.root)
-  }, /*#__PURE__*/React.createElement(HvListContainer, {
+  }, filterOptions.length > 0 ? /*#__PURE__*/React.createElement(HvListContainer, {
     id: setId(id, "leftPanel-list"),
     condensed: true,
     interactive: true
@@ -36,12 +37,13 @@ const LeftPanel = ({
         id: group.id
       })
     }, /*#__PURE__*/React.createElement(ItemText, null));
-  })));
+  })) : emptyElement);
 };
 
 process.env.NODE_ENV !== "production" ? LeftPanel.propTypes = {
   id: PropTypes.string,
-  className: PropTypes.string
+  className: PropTypes.string,
+  emptyElement: PropTypes.node
 } : void 0;
 export default LeftPanel;
 //# sourceMappingURL=LeftPanel.js.map

package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.js","names":["React","useContext","clsx","PropTypes","HvPanel","HvListContainer","HvListItem","setId","FilterGroupContext","Counter","useStyles","wrapperTooltip","LeftPanel","id","className","classes","filterOptions","activeGroup","setActiveGroup","root","map","group","index","ItemText","name","filterItem","propTypes","string"],"sources":["../../../../src/FilterGroup/LeftPanel/LeftPanel.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { HvPanel, HvListContainer, HvListItem, setId } from \"../..\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport Counter from \"../Counter\";\nimport useStyles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst LeftPanel = ({ id, className }) => {\n  const classes = useStyles();\n  const { filterOptions, activeGroup, setActiveGroup } = useContext(FilterGroupContext);\n\n  return (\n    <HvPanel id={setId(id, \"leftPanel\")} className={clsx(className, classes.root)}>\n      <HvListContainer id={setId(id, \"leftPanel-list\")} condensed interactive>\n        {filterOptions.map((group, index) => {\n          const ItemText = wrapperTooltip(true, group.name, group.name);\n          return (\n            <HvListItem\n              id={group.id}\n              className={classes.filterItem}\n              key={group.name}\n              onClick={() => setActiveGroup(index)}\n              selected={filterOptions[activeGroup].id === group.id}\n              endAdornment={<Counter id={group.id} />}\n            >\n              <ItemText />\n            </HvListItem>\n          );\n        })}\n      </HvListContainer>\n    </HvPanel>\n  );\n};\n\nLeftPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n};\n\nexport default LeftPanel;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,EAAkBC,eAAlB,EAAmCC,UAAnC,EAA+CC,KAA/C,QAA4D,OAA5D;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAAEC,EAAF;EAAMC;AAAN,CAAD,KAAuB;EACvC,MAAMC,OAAO,GAAGL,SAAS,EAAzB;EACA,MAAM;IAAEM,aAAF;IAAiBC,WAAjB;IAA8BC;EAA9B,IAAiDjB,UAAU,CAACO,kBAAD,CAAjE;EAEA,oBACE,oBAAC,OAAD;IAAS,EAAE,EAAED,KAAK,CAACM,EAAD,EAAK,WAAL,CAAlB;IAAqC,SAAS,EAAEX,IAAI,CAACY,SAAD,EAAYC,OAAO,CAACI,IAApB;EAApD,gBACE,oBAAC,eAAD;IAAiB,EAAE,EAAEZ,KAAK,CAACM,EAAD,EAAK,gBAAL,CAA1B;IAAkD,SAAS,MAA3D;IAA4D,WAAW;EAAvE,GACGG,aAAa,CAACI,GAAd,CAAkB,CAACC,KAAD,EAAQC,KAAR,KAAkB;IACnC,MAAMC,QAAQ,GAAGZ,cAAc,CAAC,IAAD,EAAOU,KAAK,CAACG,IAAb,EAAmBH,KAAK,CAACG,IAAzB,CAA/B;IACA,oBACE,oBAAC,UAAD;MACE,EAAE,EAAEH,KAAK,CAACR,EADZ;MAEE,SAAS,EAAEE,OAAO,CAACU,UAFrB;MAGE,GAAG,EAAEJ,KAAK,CAACG,IAHb;MAIE,OAAO,EAAE,MAAMN,cAAc,CAACI,KAAD,CAJ/B;MAKE,QAAQ,EAAEN,aAAa,CAACC,WAAD,CAAb,CAA2BJ,EAA3B,KAAkCQ,KAAK,CAACR,EALpD;MAME,YAAY,eAAE,oBAAC,OAAD;QAAS,EAAE,EAAEQ,KAAK,CAACR;MAAnB;IANhB,gBAQE,oBAAC,QAAD,OARF,CADF;EAYD,CAdA,CADH,CADF,CADF;AAqBD,CAzBD;;AA2BA,wCAAAD,SAAS,CAACc,SAAV,GAAsB;EACpBb,EAAE,EAAEV,SAAS,CAACwB,MADM;EAEpBb,SAAS,EAAEX,SAAS,CAACwB;AAFD,CAAtB;AAKA,eAAef,SAAf"}
+{"version":3,"file":"LeftPanel.js","names":["React","useContext","clsx","PropTypes","HvPanel","HvListContainer","HvListItem","setId","FilterGroupContext","Counter","useStyles","wrapperTooltip","LeftPanel","id","className","emptyElement","classes","filterOptions","activeGroup","setActiveGroup","root","length","map","group","index","ItemText","name","filterItem","propTypes","string","node"],"sources":["../../../../src/FilterGroup/LeftPanel/LeftPanel.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { HvPanel, HvListContainer, HvListItem, setId } from \"../..\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport Counter from \"../Counter\";\nimport useStyles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst LeftPanel = ({ id, className, emptyElement }) => {\n  const classes = useStyles();\n  const { filterOptions, activeGroup, setActiveGroup } = useContext(FilterGroupContext);\n\n  return (\n    <HvPanel id={setId(id, \"leftPanel\")} className={clsx(className, classes.root)}>\n      {filterOptions.length > 0 ? (\n        <HvListContainer id={setId(id, \"leftPanel-list\")} condensed interactive>\n          {filterOptions.map((group, index) => {\n            const ItemText = wrapperTooltip(true, group.name, group.name);\n            return (\n              <HvListItem\n                id={group.id}\n                className={classes.filterItem}\n                key={group.name}\n                onClick={() => setActiveGroup(index)}\n                selected={filterOptions[activeGroup].id === group.id}\n                endAdornment={<Counter id={group.id} />}\n              >\n                <ItemText />\n              </HvListItem>\n            );\n          })}\n        </HvListContainer>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nLeftPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  emptyElement: PropTypes.node,\n};\n\nexport default LeftPanel;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,EAAkBC,eAAlB,EAAmCC,UAAnC,EAA+CC,KAA/C,QAA4D,OAA5D;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAAEC,EAAF;EAAMC,SAAN;EAAiBC;AAAjB,CAAD,KAAqC;EACrD,MAAMC,OAAO,GAAGN,SAAS,EAAzB;EACA,MAAM;IAAEO,aAAF;IAAiBC,WAAjB;IAA8BC;EAA9B,IAAiDlB,UAAU,CAACO,kBAAD,CAAjE;EAEA,oBACE,oBAAC,OAAD;IAAS,EAAE,EAAED,KAAK,CAACM,EAAD,EAAK,WAAL,CAAlB;IAAqC,SAAS,EAAEX,IAAI,CAACY,SAAD,EAAYE,OAAO,CAACI,IAApB;EAApD,GACGH,aAAa,CAACI,MAAd,GAAuB,CAAvB,gBACC,oBAAC,eAAD;IAAiB,EAAE,EAAEd,KAAK,CAACM,EAAD,EAAK,gBAAL,CAA1B;IAAkD,SAAS,MAA3D;IAA4D,WAAW;EAAvE,GACGI,aAAa,CAACK,GAAd,CAAkB,CAACC,KAAD,EAAQC,KAAR,KAAkB;IACnC,MAAMC,QAAQ,GAAGd,cAAc,CAAC,IAAD,EAAOY,KAAK,CAACG,IAAb,EAAmBH,KAAK,CAACG,IAAzB,CAA/B;IACA,oBACE,oBAAC,UAAD;MACE,EAAE,EAAEH,KAAK,CAACV,EADZ;MAEE,SAAS,EAAEG,OAAO,CAACW,UAFrB;MAGE,GAAG,EAAEJ,KAAK,CAACG,IAHb;MAIE,OAAO,EAAE,MAAMP,cAAc,CAACK,KAAD,CAJ/B;MAKE,QAAQ,EAAEP,aAAa,CAACC,WAAD,CAAb,CAA2BL,EAA3B,KAAkCU,KAAK,CAACV,EALpD;MAME,YAAY,eAAE,oBAAC,OAAD;QAAS,EAAE,EAAEU,KAAK,CAACV;MAAnB;IANhB,gBAQE,oBAAC,QAAD,OARF,CADF;EAYD,CAdA,CADH,CADD,GAmBCE,YApBJ,CADF;AAyBD,CA7BD;;AA+BA,wCAAAH,SAAS,CAACgB,SAAV,GAAsB;EACpBf,EAAE,EAAEV,SAAS,CAAC0B,MADM;EAEpBf,SAAS,EAAEX,SAAS,CAAC0B,MAFD;EAGpBd,YAAY,EAAEZ,SAAS,CAAC2B;AAHJ,CAAtB;AAMA,eAAelB,SAAf"}

package/dist/modern/FilterGroup/RightPanel/RightPanel.js

@@ -17,7 +17,8 @@ import { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from "../..
 const RightPanel = ({
   id,
   className,
-  labels
+  labels,
+  emptyElement
 }) => {
   const classes = useStyles();
   const [searchStr, setSearchStr] = useState("");
@@ -106,7 +107,7 @@ const RightPanel = ({
   return /*#__PURE__*/React.createElement(HvPanel, {
     id: setId(id, "rightPanel"),
     className: clsx(className, classes.root)
-  }, /*#__PURE__*/React.createElement(HvInput, {
+  }, listValues.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvInput, {
     id: setId(id, "search"),
     classes: {
       root: classes.search
@@ -127,7 +128,7 @@ const RightPanel = ({
     selectable: true,
     condensed: true,
     hasTooltips: true
-  }));
+  })) : emptyElement);
 };
 
 process.env.NODE_ENV !== "production" ? RightPanel.propTypes = {
@@ -137,7 +138,8 @@ process.env.NODE_ENV !== "production" ? RightPanel.propTypes = {
     searchBoxPlaceholder: PropTypes.string,
     selectAll: PropTypes.string,
     multiSelectionConjunction: PropTypes.string
-  })
+  }),
+  emptyElement: PropTypes.node
 } : void 0;
 export default RightPanel;
 //# sourceMappingURL=RightPanel.js.map

package/dist/modern/FilterGroup/RightPanel/RightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => (filterOptions[activeGroup]?.data || []).map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      (filterOptions[activeGroup]?.data || []).map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      <HvInput\n        id={setId(id, \"search\")}\n        classes={{\n          root: classes.search,\n        }}\n        type=\"search\"\n        placeholder={labels.searchBoxPlaceholder}\n        value={searchStr}\n        onChange={(event, str) => setSearchStr(str)}\n      />\n      <SelectAll />\n      <HvList\n        key={activeGroup}\n        id={setId(id, \"list\")}\n        className={classes.list}\n        values={listValues}\n        multiSelect\n        useSelector\n        showSelectAll={false}\n        onChange={onChangeHandler}\n        selectable\n        condensed\n        hasTooltips\n      />\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}
+{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","emptyElement","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape","node"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels, emptyElement }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => (filterOptions[activeGroup]?.data || []).map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      (filterOptions[activeGroup]?.data || []).map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      {listValues.length > 0 ? (\n        <>\n          <HvInput\n            id={setId(id, \"search\")}\n            classes={{\n              root: classes.search,\n            }}\n            type=\"search\"\n            placeholder={labels.searchBoxPlaceholder}\n            value={searchStr}\n            onChange={(event, str) => setSearchStr(str)}\n          />\n          <SelectAll />\n          <HvList\n            key={activeGroup}\n            id={setId(id, \"list\")}\n            className={classes.list}\n            values={listValues}\n            multiSelect\n            useSelector\n            showSelectAll={false}\n            onChange={onChangeHandler}\n            selectable\n            condensed\n            hasTooltips\n          />\n        </>\n      ) : (\n        emptyElement\n      )}\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  emptyElement: PropTypes.node,\n};\n\nexport default RightPanel;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.71.0",
+  "version": "3.73.0",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -80,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e08ee47e06dcaacadec2e011cfcabbf6d1ef36be"
+  "gitHead": "a3bc0e69c7f2f698169995822cd78dc931832edb"
 }

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

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

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

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