@hitachivantara/uikit-react-core 3.69.0 → 3.72.0

package/dist/BaseDropdown/styles.js

@@ -95,6 +95,7 @@ var styles = function styles(theme) {
       cursor: "not-allowed",
       pointerEvents: "none",
       border: "none",
+      userSelect: "text",
       "&:focus-visible": {
         outline: "none",
         border: "none"

package/dist/BaseDropdown/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","outlineStyles","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","headerReadOnly","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../src/BaseDropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  headerReadOnly: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"none\",\n    border: \"none\",\n    \"&:focus-visible\": {\n      outline: \"none\",\n      border: \"none\",\n    },\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","outlineStyles","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","headerReadOnly","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../src/BaseDropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  headerReadOnly: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"none\",\n    border: \"none\",\n    userSelect: \"text\",\n    \"&:focus-visible\": {\n      outline: \"none\",\n      border: \"none\",\n    },\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJC,QAAQ,EAAE;IAFN,CADmB;IAKzBC,MAAM,EAAE;MACNC,OAAO,EAAE,cADH;MAENH,KAAK,EAAE;IAFD,CALiB;IASzBI,YAAY,EAAE;MACZC,MAAM,EAAE,aADI;MAEZ,WAAW;QACTC,OAAO,EAAE;MADA;IAFC,CATW;IAezBC,SAAS,EAAE;MACTC,MAAM,EAAEV,KAAK,CAACU,MAAN,CAAaC;IADZ,CAfc;IAkBzBC,eAAe,EAAE;MACfV,KAAK,EAAE;IADQ,CAlBQ;IAqBzBW,MAAM,EAAE;MACNN,MAAM,EAAE,SADF;MAENO,UAAU,EAAE,MAFN;MAGNX,QAAQ,EAAE,UAHJ;MAINY,UAAU,EAAEf,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAJlC;MAKNC,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAA3C,CALA;MAMN,WAAW;QACTD,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAvC;MADG,CANL;MASNC,YAAY,EAAE,KATR;MAUN,WAAW;QACThB,OAAO,EAAE;MADA,CAVL;MAaN,mDACKiB,qBADL;QAEEL,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAvC;MAFR;IAbM,CArBiB;IAuCzBG,UAAU,EAAE;MACVN,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CADI;MAEVQ,SAAS,EAAE3B,KAAK,CAACgB,EAAN,CAASY,OAAT,CAAiB,CAAjB,CAFD;MAGV,WAAW;QACTR,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CADG;QAETQ,SAAS,EAAE3B,KAAK,CAACgB,EAAN,CAASY,OAAT,CAAiB,CAAjB;MAFF;IAHD,CAvCa;IA+CzBC,YAAY,EAAE;MACZL,YAAY,EAAE;IADF,CA/CW;IAkDzBM,cAAc,EAAE;MACdN,YAAY,EAAE;IADA,CAlDS;IAqDzBO,cAAc,EAAE;MACdC,aAAa,EAAE,MADD;MAEdZ,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAA3C,CAFQ;MAGdN,UAAU,EAAEf,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Be,KAH1B;MAId,WAAW;QACTb,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAA3C;MADG,CAJG;MAOdd,MAAM,EAAE;IAPM,CArDS;IA8DzB2B,cAAc,EAAE;MACd3B,MAAM,EAAE,aADM;MAEdyB,aAAa,EAAE,MAFD;MAGdZ,MAAM,EAAE,MAHM;MAIdN,UAAU,EAAE,MAJE;MAKd,mBAAmB;QACjBN,OAAO,EAAE,MADQ;QAEjBY,MAAM,EAAE;MAFS;IALL,CA9DS;IAwEzBe,KAAK,EAAE;MACLhC,QAAQ,EAAE,UADL;MAEL6B,aAAa,EAAE,MAFV;MAGLI,GAAG,EAAE,CAAC,CAHD;MAILC,KAAK,EAAE,CAAC;IAJH,CAxEkB;IA8EzBC,SAAS,EAAE;MACTjC,OAAO,EAAE,MADA;MAETkC,UAAU,EAAE,QAFH;MAGTC,MAAM,EAAExC,KAAK,CAACgB,EAAN,CAASyB,OAAT,CAAiBC,EAHhB;MAITC,OAAO,EAAE3C,KAAK,CAAC4C,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,CAAzB,EAA4B,IAA5B;IAJA,CA9Ec;IAoFzBC,WAAW,EAAE;MACXxC,OAAO,EAAE;IADE,CApFY;IAuFzByC,iBAAiB,oBACZ9C,KAAK,CAACgB,EAAN,CAAS+B,UAAT,CAAoBC,eADR,CAvFQ;IA0FzBC,KAAK,EAAE;MACL9C,QAAQ,EAAE,UADL;MAELwB,SAAS,EAAE3B,KAAK,CAACgB,EAAN,CAASY,OAAT,CAAiB,CAAjB;IAFN,CA1FkB;IA8FzBsB,kBAAkB,EAAE;MAClBV,MAAM,EAAExC,KAAK,CAACgB,EAAN,CAASyB,OAAT,CAAiBU,EADP;MAElBC,eAAe,EAAEpD,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAF3B,CA9FK;IAkGzBkC,0BAA0B,EAAE;MAC1BC,UAAU,EAAE;IADc,CAlGH;IAqGzBC,wBAAwB,EAAE;MACxB5B,SAAS,wBAAiB3B,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7C;IADe,CArGD;IAwGzBqC,wBAAwB,EAAE;MACxBC,KAAK,EAAE;IADiB,CAxGD;IA2GzBC,uBAAuB,EAAE;MACvBD,KAAK,EAAE;IADgB;EA3GA,CAAZ;AAAA,CAAf;;eAgHe1D,M"}

package/dist/DatePicker/DatePicker.d.ts

@@ -101,6 +101,10 @@ export interface HvDatePickerProps
    * An object containing props to be passed onto the baseDropdown.
    */
   dropdownProps?: React.HTMLAttributes<HTMLDivElement>;
+  /**
+   * If `true` the DatePicker will be in read only mode, unable to be interacted.
+   */
+  readOnly?: boolean;
 }
 
 export default function HvDatePicker(props: HvDatePickerProps): JSX.Element | null;

package/dist/DatePicker/DatePicker.js

@@ -65,7 +65,7 @@ var _useLocale = _interopRequireDefault(require("../Provider/useLocale"));
 
 var _enums = require("../Calendar/enums");
 
-var _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps"];
+var _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps", "readOnly"];
 
 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); }
 
@@ -121,6 +121,7 @@ var HvDatePicker = function HvDatePicker(props) {
       _props$escapeWithRefe = props.escapeWithReference,
       escapeWithReference = _props$escapeWithRefe === void 0 ? true : _props$escapeWithRefe,
       dropdownProps = props.dropdownProps,
+      readOnly = props.readOnly,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var labels = (0, _utils.useLabels)(DEFAULT_LABELS, labelsProp);
   var elementId = (0, _.useUniqueId)(id, "hvdatepicker");
@@ -363,7 +364,8 @@ var HvDatePicker = function HvDatePicker(props) {
     disabled: disabled,
     required: required,
     className: (0, _clsx.default)(className, classes.root),
-    locale: locale
+    locale: locale,
+    readOnly: readOnly
   }, others), (hasLabel || hasDescription) && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.labelContainer
   }, hasLabel && /*#__PURE__*/_react.default.createElement(_.HvLabel, {
@@ -381,6 +383,7 @@ var HvDatePicker = function HvDatePicker(props) {
       header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,
       headerOpen: classes.dropdownHeaderOpen
     },
+    readOnly: readOnly,
     disabled: disabled,
     disablePortal: disablePortal,
     variableWidth: true,
@@ -670,7 +673,12 @@ process.env.NODE_ENV !== "production" ? HvDatePicker.propTypes = {
   /**
    * An object containing props to be passed onto the baseDropdown.
    */
-  dropdownProps: _propTypes.default.instanceOf(Object)
+  dropdownProps: _propTypes.default.instanceOf(Object),
+
+  /**
+   * If `true` the DatePicker will be in read only mode, unable to be interacted.
+   */
+  readOnly: _propTypes.default.bool
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labelsProp","labels","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","localeProp","locale","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","localeFromProvider","useLocale","useState","calendarOpen","setCalendarOpen","useSavedState","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","useVisibleDate","visibleDate","dispatchAction","focusTarget","useRef","useEffect","endDateIsSet","current","type","NAV_OPTIONS","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","clsx","actionContainer","leftContainer","setId","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","error","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","withStyles","styles","index"],"sources":["../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n  HvActionBar,\n  HvBaseDropdown,\n  HvButton,\n  HvCalendar,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear\",\n};\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nconst HvDatePicker = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onCancel,\n    onClear,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    labels: labelsProp,\n\n    value,\n    startValue,\n    endValue,\n\n    rangeMode = false,\n    startAdornment,\n    horizontalPlacement = \"right\",\n    locale: localeProp,\n    showActions = false,\n    showClear = false,\n    disablePortal = true,\n    escapeWithReference = true,\n    dropdownProps,\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdatepicker\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n\n  const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n    rangeMode ? startValue : value\n  );\n  const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n  const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n  const focusTarget = useRef();\n\n  useEffect(() => {\n    setStartDate(rangeMode ? startValue : value, true);\n    setEndDate(endValue, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, startValue, endValue, rangeMode]);\n\n  const endDateIsSet = useRef(false);\n  endDateIsSet.current = endDate != null;\n\n  useEffect(() => {\n    if (startDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: endDateIsSet.current ? \"left\" : \"best\",\n        year: startDate.getFullYear(),\n        month: startDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, startDate]);\n\n  useEffect(() => {\n    if (endDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: \"right\",\n        year: endDate.getFullYear(),\n        month: endDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, endDate]);\n\n  /**\n   * Handles the `Apply` action. Both single and ranged modes are handled here.\n   */\n  const handleApply = () => {\n    setStartDate(startDate, true);\n    setEndDate(endDate ?? startDate, true);\n\n    onChange?.(startDate, endDate);\n\n    setValidationState(() => {\n      // this will only run if status is uncontrolled\n      if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n        return \"invalid\";\n      }\n\n      return \"valid\";\n    });\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = () => {\n    rollbackStartDate();\n    rollbackEndDate();\n\n    onCancel?.();\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleClear = () => {\n    setStartDate(undefined, false);\n    setEndDate(undefined, false);\n    onClear?.();\n  };\n\n  const handleCalendarClose = () => {\n    const shouldSave = !(rangeMode || showActions);\n    if (shouldSave) {\n      handleApply();\n    } else {\n      handleCancel();\n    }\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    setCalendarOpen(open);\n    if (!open) handleCalendarClose();\n  };\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const handleDateChange = (event, newDate) => {\n    if (!isDate(newDate)) return;\n\n    const autoSave = !showActions && !rangeMode;\n\n    if (rangeMode) {\n      if (!startDate || (startDate && endDate) || newDate < startDate) {\n        setStartDate(newDate);\n        setEndDate(null);\n      } else {\n        setEndDate(newDate);\n      }\n    } else {\n      setStartDate(newDate, autoSave);\n    }\n\n    if (autoSave) {\n      onChange?.(newDate);\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && !isDate(newDate)) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n\n      setCalendarOpen(false);\n    }\n  };\n\n  const handleInputDateChange = (event, newDate, position) => {\n    if (!isDate(newDate)) return;\n\n    if (!rangeMode) {\n      handleDateChange(event, newDate);\n      return;\n    }\n\n    if (position === \"left\") {\n      setStartDate(newDate > endDate ? endDate : newDate);\n    } else if (position === \"right\") {\n      if (!startDate) {\n        setStartDate(newDate > endDate ? endDate : newDate);\n        return;\n      }\n      setEndDate(newDate < startDate ? startDate : newDate);\n    }\n  };\n\n  /**\n   * Renders the container for the action elements.\n   */\n  const renderActions = () => (\n    <HvActionBar\n      className={clsx({\n        [classes.actionContainer]: showClear,\n      })}\n    >\n      {showClear && (\n        <div className={classes.leftContainer}>\n          <HvButton\n            id={setId(id, \"action\", \"clear\")}\n            className={classes.action}\n            category=\"ghost\"\n            onClick={handleClear}\n          >\n            {labels.clearLabel}\n          </HvButton>\n        </div>\n      )}\n      <div className={classes.rightContainer}>\n        <HvButton\n          id={setId(id, \"action\", \"apply\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleApply}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"action\", \"cancel\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleCancel}\n        >\n          {labels.cancelLabel}\n        </HvButton>\n      </div>\n    </HvActionBar>\n  );\n\n  const renderInput = (dateString) => (\n    <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n      {(dateString || placeholder) === undefined ? \"\" : dateString || placeholder}\n    </HvTypography>\n  );\n\n  const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={dateValue}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      locale={locale}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        role=\"combobox\"\n        classes={{\n          root: classes.dropdown,\n          panel: classes.panel,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        variableWidth\n        placement={horizontalPlacement}\n        expanded={calendarOpen}\n        onToggle={handleToggle}\n        onClickOutside={handleCalendarClose}\n        onContainerCreation={focusOnContainer}\n        placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n        adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        aria-haspopup=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        {...dropdownProps}\n      >\n        <div ref={focusTarget} tabIndex={-1} />\n        <HvCalendar\n          id={setId(id, \"calendar\")}\n          startAdornment={startAdornment}\n          onChange={handleDateChange}\n          onInputChange={handleInputDateChange}\n          onVisibleDateChange={(_event, type, month, target) => {\n            dispatchAction({ type, target, month });\n          }}\n          locale={locale}\n          {...visibleDate}\n        />\n        {(rangeMode || showActions) && renderActions()}\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDatePicker.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    panel: PropTypes.string,\n    action: PropTypes.string,\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the date picker when invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the date picker when opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the actions buttons.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the clear button.\n     */\n    leftContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the apply and cancel button.\n     */\n    rightContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the date picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on cancel.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on clear.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the datepicker.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear button label.\n     */\n    clearLabel: PropTypes.string,\n  }),\n\n  /**\n   * The initial value of the input when in single calendar mode.\n   */\n  value: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the start date when in range mode.\n   */\n  startValue: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the end date when in range mode.\n   */\n  endValue: PropTypes.instanceOf(Date),\n  /**\n   * Flag informing if the the component should be in range mode or in single mode.\n   */\n  rangeMode: PropTypes.bool,\n  /**\n   * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n   * Note this prop only affects the calendar when in `rangeMode`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * The calendar locale. If undefined, it uses calendar default\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Controls if actions buttons are visible at the calendar.\n   */\n  showActions: PropTypes.bool,\n  /**\n   * Controls if clear button is visible at the calendar,\n   * only works if showing actions or in range mode.\n   */\n  showClear: PropTypes.bool,\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * An object containing props to be passed onto the baseDropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labelsProp","labels","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","localeProp","locale","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","readOnly","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","localeFromProvider","useLocale","useState","calendarOpen","setCalendarOpen","useSavedState","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","useVisibleDate","visibleDate","dispatchAction","focusTarget","useRef","useEffect","endDateIsSet","current","type","NAV_OPTIONS","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","clsx","actionContainer","leftContainer","setId","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","error","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","withStyles","styles","index"],"sources":["../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n  HvActionBar,\n  HvBaseDropdown,\n  HvButton,\n  HvCalendar,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear\",\n};\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nconst HvDatePicker = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onCancel,\n    onClear,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    labels: labelsProp,\n\n    value,\n    startValue,\n    endValue,\n\n    rangeMode = false,\n    startAdornment,\n    horizontalPlacement = \"right\",\n    locale: localeProp,\n    showActions = false,\n    showClear = false,\n    disablePortal = true,\n    escapeWithReference = true,\n    dropdownProps,\n    readOnly,\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdatepicker\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n\n  const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n    rangeMode ? startValue : value\n  );\n  const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n  const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n  const focusTarget = useRef();\n\n  useEffect(() => {\n    setStartDate(rangeMode ? startValue : value, true);\n    setEndDate(endValue, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, startValue, endValue, rangeMode]);\n\n  const endDateIsSet = useRef(false);\n  endDateIsSet.current = endDate != null;\n\n  useEffect(() => {\n    if (startDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: endDateIsSet.current ? \"left\" : \"best\",\n        year: startDate.getFullYear(),\n        month: startDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, startDate]);\n\n  useEffect(() => {\n    if (endDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: \"right\",\n        year: endDate.getFullYear(),\n        month: endDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, endDate]);\n\n  /**\n   * Handles the `Apply` action. Both single and ranged modes are handled here.\n   */\n  const handleApply = () => {\n    setStartDate(startDate, true);\n    setEndDate(endDate ?? startDate, true);\n\n    onChange?.(startDate, endDate);\n\n    setValidationState(() => {\n      // this will only run if status is uncontrolled\n      if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n        return \"invalid\";\n      }\n\n      return \"valid\";\n    });\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = () => {\n    rollbackStartDate();\n    rollbackEndDate();\n\n    onCancel?.();\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleClear = () => {\n    setStartDate(undefined, false);\n    setEndDate(undefined, false);\n    onClear?.();\n  };\n\n  const handleCalendarClose = () => {\n    const shouldSave = !(rangeMode || showActions);\n    if (shouldSave) {\n      handleApply();\n    } else {\n      handleCancel();\n    }\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    setCalendarOpen(open);\n    if (!open) handleCalendarClose();\n  };\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const handleDateChange = (event, newDate) => {\n    if (!isDate(newDate)) return;\n\n    const autoSave = !showActions && !rangeMode;\n\n    if (rangeMode) {\n      if (!startDate || (startDate && endDate) || newDate < startDate) {\n        setStartDate(newDate);\n        setEndDate(null);\n      } else {\n        setEndDate(newDate);\n      }\n    } else {\n      setStartDate(newDate, autoSave);\n    }\n\n    if (autoSave) {\n      onChange?.(newDate);\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && !isDate(newDate)) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n\n      setCalendarOpen(false);\n    }\n  };\n\n  const handleInputDateChange = (event, newDate, position) => {\n    if (!isDate(newDate)) return;\n\n    if (!rangeMode) {\n      handleDateChange(event, newDate);\n      return;\n    }\n\n    if (position === \"left\") {\n      setStartDate(newDate > endDate ? endDate : newDate);\n    } else if (position === \"right\") {\n      if (!startDate) {\n        setStartDate(newDate > endDate ? endDate : newDate);\n        return;\n      }\n      setEndDate(newDate < startDate ? startDate : newDate);\n    }\n  };\n\n  /**\n   * Renders the container for the action elements.\n   */\n  const renderActions = () => (\n    <HvActionBar\n      className={clsx({\n        [classes.actionContainer]: showClear,\n      })}\n    >\n      {showClear && (\n        <div className={classes.leftContainer}>\n          <HvButton\n            id={setId(id, \"action\", \"clear\")}\n            className={classes.action}\n            category=\"ghost\"\n            onClick={handleClear}\n          >\n            {labels.clearLabel}\n          </HvButton>\n        </div>\n      )}\n      <div className={classes.rightContainer}>\n        <HvButton\n          id={setId(id, \"action\", \"apply\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleApply}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"action\", \"cancel\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleCancel}\n        >\n          {labels.cancelLabel}\n        </HvButton>\n      </div>\n    </HvActionBar>\n  );\n\n  const renderInput = (dateString) => (\n    <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n      {(dateString || placeholder) === undefined ? \"\" : dateString || placeholder}\n    </HvTypography>\n  );\n\n  const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={dateValue}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      locale={locale}\n      readOnly={readOnly}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        role=\"combobox\"\n        classes={{\n          root: classes.dropdown,\n          panel: classes.panel,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        readOnly={readOnly}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        variableWidth\n        placement={horizontalPlacement}\n        expanded={calendarOpen}\n        onToggle={handleToggle}\n        onClickOutside={handleCalendarClose}\n        onContainerCreation={focusOnContainer}\n        placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n        adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        aria-haspopup=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        {...dropdownProps}\n      >\n        <div ref={focusTarget} tabIndex={-1} />\n        <HvCalendar\n          id={setId(id, \"calendar\")}\n          startAdornment={startAdornment}\n          onChange={handleDateChange}\n          onInputChange={handleInputDateChange}\n          onVisibleDateChange={(_event, type, month, target) => {\n            dispatchAction({ type, target, month });\n          }}\n          locale={locale}\n          {...visibleDate}\n        />\n        {(rangeMode || showActions) && renderActions()}\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDatePicker.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    panel: PropTypes.string,\n    action: PropTypes.string,\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the date picker when invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the date picker when opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the actions buttons.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the clear button.\n     */\n    leftContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the apply and cancel button.\n     */\n    rightContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the date picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on cancel.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on clear.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the datepicker.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear button label.\n     */\n    clearLabel: PropTypes.string,\n  }),\n\n  /**\n   * The initial value of the input when in single calendar mode.\n   */\n  value: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the start date when in range mode.\n   */\n  startValue: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the end date when in range mode.\n   */\n  endValue: PropTypes.instanceOf(Date),\n  /**\n   * Flag informing if the the component should be in range mode or in single mode.\n   */\n  rangeMode: PropTypes.bool,\n  /**\n   * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n   * Note this prop only affects the calendar when in `rangeMode`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * The calendar locale. If undefined, it uses calendar default\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Controls if actions buttons are visible at the calendar.\n   */\n  showActions: PropTypes.bool,\n  /**\n   * Controls if clear button is visible at the calendar,\n   * only works if showing actions or in range mode.\n   */\n  showClear: PropTypes.bool,\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * An object containing props to be passed onto the baseDropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the DatePicker will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAyBhB;EAAA,IAxBJC,EAwBI,QAxBJA,EAwBI;EAAA,IAvBJC,MAuBI,QAvBJA,MAuBI;EAAA,yBAtBJC,QAsBI;EAAA,IAtBJA,QAsBI,8BAtBO,KAsBP;EAAA,IApBUC,SAoBV,QApBJ,YAoBI;EAAA,IAnBeC,cAmBf,QAnBJ,iBAmBI;EAAA,IAlBJC,WAkBI,QAlBJA,WAkBI;EAAA,IAjBgBC,eAiBhB,QAjBJ,kBAiBI;EAAA,IAfJC,QAeI,QAfJA,QAeI;EAAA,IAdJC,QAcI,QAdJA,QAcI;EAAA,IAbJC,OAaI,QAbJA,OAaI;EAAA,IAXJC,MAWI,QAXJA,MAWI;EAAA,iCATJC,mBASI;EAAA,IATJA,mBASI,sCATkB,OASlB;EAAA,8BARJC,aAQI;EAAA,IARJA,aAQI,mCARY,IAQZ;EAAA,iCAPJC,mBAOI;EAAA,IAPJA,mBAOI,sCAPkB,IAOlB;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,gBAII,QAJJA,gBAII;EAAA,IAHJC,iBAGI,QAHJA,iBAGI;EAAA,IADDC,MACC;EACJ,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,gBAA8C,IAAAC,eAAA,EAAS,KAAT,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,kBACE,IAAAC,iBAAA,EAAWC,sCAAX,CADF;EAAA,IAAQC,YAAR,eAAQA,YAAR;EAAA,IAAsBC,YAAtB,eAAsBA,YAAtB;EAAA,IAAoCC,eAApC,eAAoCA,eAApC;EAAA,IAAqDC,YAArD,eAAqDA,YAArD;EAAA,IAAmEC,YAAnE,eAAmEA,YAAnE;EAAA,IAAiFC,aAAjF,eAAiFA,aAAjF;;EAGA,IAAMC,WAAW,GAAG,IAAAC,aAAA,GAApB;;EAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;IAAA;;IAC7B,wBAAAF,WAAW,CAACG,OAAZ,8EAAqBC,KAArB;EACD,CAFD;;EAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,GAAD,EAAS;IAC9BR,YAAY;IACZtB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG8B,GAAH,EAAQX,YAAR,CAAR;IACAJ,kBAAkB,CAAC,KAAD,CAAlB;EACD,CAJD;;EAMA,IAAMgB,eAAe,GAAG,SAAlBA,eAAkB,CAACD,GAAD,EAAS;IAC/BV,eAAe;IACfnB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG6B,GAAH,CAAR;IACAf,kBAAkB,CAAC,KAAD,CAAlB;EACD,CAJD;;EAMA,IAAMiB,cAAc,GAAG,SAAjBA,cAAiB,CAACF,GAAD,EAAS;IAC9BT,YAAY;IACZnB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAG4B,GAAH,CAAP;EACD,CAHD;;EAKA,IAAMG,YAAY,GAAG,SAAfA,YAAe,CAACH,GAAD,EAAMI,IAAN,EAAe;IAClC;AACJ;AACA;AACA;AACA;IACI,IAAIJ,GAAG,KAAK,IAAZ,EAAkB;IAClBf,kBAAkB,CAACmB,IAAD,CAAlB;IACA,IAAI,CAACA,IAAL,EAAWH,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGD,GAAH,CAAf;EACZ,CATD;;EAWA,IAAMK,MAAM,GAAG,IAAAC,cAAA,EACb;IAAA,oBACE,iGACE,6BAAC,wBAAD,OADF,gBAEE,6BAAC,cAAD;MAAc,OAAO,EAAC;IAAtB,GAAuCjC,MAAM,CAACkC,WAA9C,CAFF,CADF;EAAA,CADa,EAOb,CAAClC,MAAM,CAACkC,WAAR,CAPa,CAAf;EAUA,oBACE,6BAAC,gBAAD;IACE,EAAE,EAAE,IAAAC,OAAA,EAAM7C,EAAN,EAAU,UAAV,CADN;IAEE,IAAI,EAAC,UAFP;IAGE,OAAO,EAAE;MACP8C,IAAI,EAAE5B,OAAO,CAAC6B,QADP;MAEPC,KAAK,EAAE9B,OAAO,CAAC8B,KAFR;MAGPC,SAAS,EAAE/B,OAAO,CAACgC,qBAHZ;MAIPC,MAAM,EAAEjC,OAAO,CAACiC;IAJT,CAHX;IASE,QAAQ,EAAEjD,QATZ;IAUE,aAAa,EAAEU,aAVjB;IAWE,aAAa,MAXf;IAYE,SAAS,EAAED,mBAZb;IAaE,QAAQ,EAAEU,eAbZ;IAcE,QAAQ,EAAEmB,YAdZ;IAeE,cAAc,EAAEF,eAflB;IAgBE,mBAAmB,EAAEL,gBAhBvB;IAiBE,WAAW,EAAES,MAjBf;IAkBE,SAAS,uCAAE,6BAAC,iBAAD,OAAF,CAlBX;IAmBE,WAAW,EAAE;MAAEU,SAAS,EAAE,CAAC;QAAEC,IAAI,EAAE,iBAAR;QAA2BC,OAAO,EAAEzC;MAApC,CAAD;IAAb,CAnBf;IAoBE,iBAAc,QApBhB;IAqBE,cAAYV,SArBd;IAsBE,mBAAiBC,cAtBnB;IAuBE,gBAAcH,MAAM,KAAK,SAAX,GAAuB,IAAvB,GAA8BsD,SAvB9C;IAwBE,qBAAmBtD,MAAM,KAAK,SAAX,GAAuB,IAAA4C,OAAA,EAAM7C,EAAN,EAAU,OAAV,CAAvB,GAA4CuD,SAxBjE;IAyBE,oBACE,CAAClD,WAAW,IAAI,IAAAwC,OAAA,EAAM7C,EAAN,EAAU,aAAV,CAAhB,EAA0CM,eAA1C,EAA2DkD,IAA3D,CAAgE,GAAhE,EAAqEC,IAArE,MAA+EF;EA1BnF,GA4BMtC,MA5BN,gBA8BE;IAAK,GAAG,EAAEc,WAAV;IAAuB,QAAQ,EAAE,CAAC;EAAlC,EA9BF,eA+BE;IAAK,SAAS,EAAEb,OAAO,CAAC4B,IAAxB;IAA8B,KAAK,EAAE;MAAEhC,MAAM,EAANA;IAAF;EAArC,gBACE,6BAAC,kBAAD;IAAW,EAAE,EAAEd,EAAf;IAAmB,SAAS,EAAEkB,OAAO,CAACwC,aAAtC;IAAqD,YAAY,EAAE3C;EAAnE,EADF,eAEE,6BAAC,mBAAD;IACE,EAAE,EAAEf,EADN;IAEE,SAAS,EAAEkB,OAAO,CAACyC,cAFrB;IAGE,YAAY,EAAE3C,iBAHhB;IAIE,MAAM,EAAEN;EAJV,EAFF,CA/BF,eAwCE,6BAAC,aAAD;IAAa,SAAS,EAAEQ,OAAO,CAAC0C;EAAhC,gBACE,6BAAC,UAAD;IACE,EAAE,EAAE,IAAAf,OAAA,EAAM7C,EAAN,EAAU,qBAAV,CADN;IAEE,QAAQ,EACNyB,YAAY,GACR,CAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEoC,IAAd,GAAqBC,MAArB,OAAgCpC,YAAhC,aAAgCA,YAAhC,uBAAgCA,YAAY,CAAEmC,IAAd,GAAqBC,MAArD,CADQ,GAER,CAAApC,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAEmC,IAAd,GAAqBC,MAArB,MAAgC,CALxC;IAOE,QAAQ,EAAC,OAPX;IAQE,OAAO,EAAEvB;EARX,GAUG7B,MAAM,CAACqD,UAVV,CADF,eAaE;IAAK,eAAY,MAAjB;IAAwB,SAAS,EAAE7C,OAAO,CAAC8C;EAA3C,UAbF,eAgBE,6BAAC,UAAD;IACE,EAAE,EAAE,IAAAnB,OAAA,EAAM7C,EAAN,EAAU,cAAV,CADN;IAEE,QAAQ,EAAE8B,aAFZ;IAGE,QAAQ,EAAC,OAHX;IAIE,OAAO,EAAEM;EAJX,GAMG1B,MAAM,CAACuD,UANV,CAhBF,eAwBE,6BAAC,UAAD;IAAU,EAAE,EAAE,IAAApB,OAAA,EAAM7C,EAAN,EAAU,eAAV,CAAd;IAA0C,QAAQ,EAAC,OAAnD;IAA2D,OAAO,EAAEsC;EAApE,GACG5B,MAAM,CAACwD,WADV,CAxBF,CAxCF,CADF;AAuED,CAnJD;;AAqJA,wCAAAnE,aAAa,CAACoE,SAAd,GAA0B;EACxBnE,EAAE,EAAEoE,kBAAA,CAAUC,MADU;EAGxB,cAAcD,kBAAA,CAAUC,MAHA;EAIxB,mBAAmBD,kBAAA,CAAUC,MAJL;EAKxBhE,WAAW,EAAE+D,kBAAA,CAAUE,IALC;EAMxB,oBAAoBF,kBAAA,CAAUC,MANN;EAOxBnE,QAAQ,EAAEkE,kBAAA,CAAUG,IAPI;EAQxBtE,MAAM,EAAEmE,kBAAA,CAAUI,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CARgB;EAUxBjE,QAAQ,EAAE6D,kBAAA,CAAUK,IAVI;EAWxBjE,QAAQ,EAAE4D,kBAAA,CAAUK,IAXI;EAYxBhE,OAAO,EAAE2D,kBAAA,CAAUK,IAZK;EAcxB/D,MAAM,EAAE0D,kBAAA,CAAUM,KAAV,CAAgB;IACtBT,UAAU,EAAEG,kBAAA,CAAUC,MADA;IAEtBH,WAAW,EAAEE,kBAAA,CAAUC,MAFD;IAGtBN,UAAU,EAAEK,kBAAA,CAAUC,MAHA;IAItBzB,WAAW,EAAEwB,kBAAA,CAAUC,MAJD;IAKtBM,oBAAoB,EAAEP,kBAAA,CAAUC,MALV;IAMtBO,SAAS,EAAER,kBAAA,CAAUC,MANC;IAOtBQ,yBAAyB,EAAET,kBAAA,CAAUC;EAPf,CAAhB,CAdgB;EAwBxB1D,mBAAmB,EAAEyD,kBAAA,CAAUI,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAxBG;EAyBxB5D,aAAa,EAAEwD,kBAAA,CAAUG,IAzBD;EA0BxB1D,mBAAmB,EAAEuD,kBAAA,CAAUG,IA1BP;EA2BxBzD,MAAM,EAAEsD,kBAAA,CAAUU,GA3BM;EA4BxB/D,gBAAgB,EAAEqD,kBAAA,CAAUE,IA5BJ;EA6BxBtD,iBAAiB,EAAEoD,kBAAA,CAAUE;AA7BL,CAA1B;eAgCevE,a"}

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

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

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

@@ -47,7 +47,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var LeftPanel = function LeftPanel(_ref) {
   var id = _ref.id,
-      className = _ref.className;
+      className = _ref.className,
+      emptyElement = _ref.emptyElement;
   var classes = (0, _styles.default)();
 
   var _useContext = (0, _react.useContext)(_FilterGroupContext.FilterGroupContext),
@@ -58,7 +59,7 @@ var LeftPanel = function LeftPanel(_ref) {
   return /*#__PURE__*/_react.default.createElement(_.HvPanel, {
     id: (0, _.setId)(id, "leftPanel"),
     className: (0, _clsx.default)(className, classes.root)
-  }, /*#__PURE__*/_react.default.createElement(_.HvListContainer, {
+  }, filterOptions.length > 0 ? /*#__PURE__*/_react.default.createElement(_.HvListContainer, {
     id: (0, _.setId)(id, "leftPanel-list"),
     condensed: true,
     interactive: true
@@ -76,12 +77,13 @@ var LeftPanel = function LeftPanel(_ref) {
         id: group.id
       })
     }, /*#__PURE__*/_react.default.createElement(ItemText, null));
-  })));
+  })) : emptyElement);
 };
 
 process.env.NODE_ENV !== "production" ? LeftPanel.propTypes = {
   id: _propTypes.default.string,
-  className: _propTypes.default.string
+  className: _propTypes.default.string,
+  emptyElement: _propTypes.default.node
 } : void 0;
 var _default = LeftPanel;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"LeftPanel.js","names":["LeftPanel","id","className","classes","useStyles","useContext","FilterGroupContext","filterOptions","activeGroup","setActiveGroup","setId","clsx","root","map","group","index","ItemText","wrapperTooltip","name","filterItem","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAAuB;EAAA,IAApBC,EAAoB,QAApBA,EAAoB;EAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;EACvC,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,kBAAuD,IAAAC,iBAAA,EAAWC,sCAAX,CAAvD;EAAA,IAAQC,aAAR,eAAQA,aAAR;EAAA,IAAuBC,WAAvB,eAAuBA,WAAvB;EAAA,IAAoCC,cAApC,eAAoCA,cAApC;;EAEA,oBACE,6BAAC,SAAD;IAAS,EAAE,EAAE,IAAAC,OAAA,EAAMT,EAAN,EAAU,WAAV,CAAb;IAAqC,SAAS,EAAE,IAAAU,aAAA,EAAKT,SAAL,EAAgBC,OAAO,CAACS,IAAxB;EAAhD,gBACE,6BAAC,iBAAD;IAAiB,EAAE,EAAE,IAAAF,OAAA,EAAMT,EAAN,EAAU,gBAAV,CAArB;IAAkD,SAAS,MAA3D;IAA4D,WAAW;EAAvE,GACGM,aAAa,CAACM,GAAd,CAAkB,UAACC,KAAD,EAAQC,KAAR,EAAkB;IACnC,IAAMC,QAAQ,GAAG,IAAAC,qBAAA,EAAe,IAAf,EAAqBH,KAAK,CAACI,IAA3B,EAAiCJ,KAAK,CAACI,IAAvC,CAAjB;IACA,oBACE,6BAAC,YAAD;MACE,EAAE,EAAEJ,KAAK,CAACb,EADZ;MAEE,SAAS,EAAEE,OAAO,CAACgB,UAFrB;MAGE,GAAG,EAAEL,KAAK,CAACI,IAHb;MAIE,OAAO,EAAE;QAAA,OAAMT,cAAc,CAACM,KAAD,CAApB;MAAA,CAJX;MAKE,QAAQ,EAAER,aAAa,CAACC,WAAD,CAAb,CAA2BP,EAA3B,KAAkCa,KAAK,CAACb,EALpD;MAME,YAAY,eAAE,6BAAC,gBAAD;QAAS,EAAE,EAAEa,KAAK,CAACb;MAAnB;IANhB,gBAQE,6BAAC,QAAD,OARF,CADF;EAYD,CAdA,CADH,CADF,CADF;AAqBD,CAzBD;;AA2BA,wCAAAD,SAAS,CAACoB,SAAV,GAAsB;EACpBnB,EAAE,EAAEoB,kBAAA,CAAUC,MADM;EAEpBpB,SAAS,EAAEmB,kBAAA,CAAUC;AAFD,CAAtB;eAKetB,S"}
+{"version":3,"file":"LeftPanel.js","names":["LeftPanel","id","className","emptyElement","classes","useStyles","useContext","FilterGroupContext","filterOptions","activeGroup","setActiveGroup","setId","clsx","root","length","map","group","index","ItemText","wrapperTooltip","name","filterItem","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAAqC;EAAA,IAAlCC,EAAkC,QAAlCA,EAAkC;EAAA,IAA9BC,SAA8B,QAA9BA,SAA8B;EAAA,IAAnBC,YAAmB,QAAnBA,YAAmB;EACrD,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,kBAAuD,IAAAC,iBAAA,EAAWC,sCAAX,CAAvD;EAAA,IAAQC,aAAR,eAAQA,aAAR;EAAA,IAAuBC,WAAvB,eAAuBA,WAAvB;EAAA,IAAoCC,cAApC,eAAoCA,cAApC;;EAEA,oBACE,6BAAC,SAAD;IAAS,EAAE,EAAE,IAAAC,OAAA,EAAMV,EAAN,EAAU,WAAV,CAAb;IAAqC,SAAS,EAAE,IAAAW,aAAA,EAAKV,SAAL,EAAgBE,OAAO,CAACS,IAAxB;EAAhD,GACGL,aAAa,CAACM,MAAd,GAAuB,CAAvB,gBACC,6BAAC,iBAAD;IAAiB,EAAE,EAAE,IAAAH,OAAA,EAAMV,EAAN,EAAU,gBAAV,CAArB;IAAkD,SAAS,MAA3D;IAA4D,WAAW;EAAvE,GACGO,aAAa,CAACO,GAAd,CAAkB,UAACC,KAAD,EAAQC,KAAR,EAAkB;IACnC,IAAMC,QAAQ,GAAG,IAAAC,qBAAA,EAAe,IAAf,EAAqBH,KAAK,CAACI,IAA3B,EAAiCJ,KAAK,CAACI,IAAvC,CAAjB;IACA,oBACE,6BAAC,YAAD;MACE,EAAE,EAAEJ,KAAK,CAACf,EADZ;MAEE,SAAS,EAAEG,OAAO,CAACiB,UAFrB;MAGE,GAAG,EAAEL,KAAK,CAACI,IAHb;MAIE,OAAO,EAAE;QAAA,OAAMV,cAAc,CAACO,KAAD,CAApB;MAAA,CAJX;MAKE,QAAQ,EAAET,aAAa,CAACC,WAAD,CAAb,CAA2BR,EAA3B,KAAkCe,KAAK,CAACf,EALpD;MAME,YAAY,eAAE,6BAAC,gBAAD;QAAS,EAAE,EAAEe,KAAK,CAACf;MAAnB;IANhB,gBAQE,6BAAC,QAAD,OARF,CADF;EAYD,CAdA,CADH,CADD,GAmBCE,YApBJ,CADF;AAyBD,CA7BD;;AA+BA,wCAAAH,SAAS,CAACsB,SAAV,GAAsB;EACpBrB,EAAE,EAAEsB,kBAAA,CAAUC,MADM;EAEpBtB,SAAS,EAAEqB,kBAAA,CAAUC,MAFD;EAGpBrB,YAAY,EAAEoB,kBAAA,CAAUE;AAHJ,CAAtB;eAMezB,S"}

package/dist/FilterGroup/RightPanel/RightPanel.js

@@ -76,7 +76,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var RightPanel = function RightPanel(_ref) {
   var id = _ref.id,
       className = _ref.className,
-      labels = _ref.labels;
+      labels = _ref.labels,
+      emptyElement = _ref.emptyElement;
   var classes = (0, _styles.default)();
 
   var _useState = (0, _react.useState)(""),
@@ -192,7 +193,7 @@ var RightPanel = function RightPanel(_ref) {
   return /*#__PURE__*/_react.default.createElement(_.HvPanel, {
     id: (0, _.setId)(id, "rightPanel"),
     className: (0, _clsx.default)(className, classes.root)
-  }, /*#__PURE__*/_react.default.createElement(_.HvInput, {
+  }, listValues.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.HvInput, {
     id: (0, _.setId)(id, "search"),
     classes: {
       root: classes.search
@@ -215,7 +216,7 @@ var RightPanel = function RightPanel(_ref) {
     selectable: true,
     condensed: true,
     hasTooltips: true
-  }));
+  })) : emptyElement);
 };
 
 process.env.NODE_ENV !== "production" ? RightPanel.propTypes = {
@@ -225,7 +226,8 @@ process.env.NODE_ENV !== "production" ? RightPanel.propTypes = {
     searchBoxPlaceholder: _propTypes.default.string,
     selectAll: _propTypes.default.string,
     multiSelectionConjunction: _propTypes.default.string
-  })
+  }),
+  emptyElement: _propTypes.default.node
 } : void 0;
 var _default = RightPanel;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","names":["RightPanel","id","className","labels","classes","useStyles","useState","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","useContext","FilterGroupContext","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","cloneDeep","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","setId","container","selection","clsx","root","search","searchBoxPlaceholder","event","str","list","propTypes","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":["RightPanel","id","className","labels","emptyElement","classes","useStyles","useState","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","useContext","FilterGroupContext","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","useMemo","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","useCallback","nbrSelected","length","hasSelection","allSelect","useEffect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","cloneDeep","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","setId","container","selection","clsx","root","search","searchBoxPlaceholder","event","str","list","propTypes","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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"}