@hitachivantara/uikit-react-core 4.4.3 → 4.4.5

package/dist/legacy/Calendar/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","names":["React","useState","useEffect","useContext","PropTypes","Info","dayjs","localeData","localizedFormat","customParseFormat","clsx","isNil","withStyles","setId","isKeypress","KeyboardCodes","HvTypography","styles","HvFormElementContext","HvFormElementValueContext","HvFormElementDescriptorsContext","isRange","isSameDay","formatDMY","extend","Enter","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","others","elementId","elementValue","label","localValue","endDate","startDate","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","inputValue","localeFormat","longDateFormat","length","isValid","isValidValue","setIsValidValue","validateInput","incomingValid","undefined","valid","weekday","Intl","DateTimeFormat","format","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","onBlurHandler","keyDownHandler","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","name"],"sources":["../../../../src/Calendar/CalendarHeader/CalendarHeader.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatDMY } from \"../utils\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = KeyboardCodes;\n\nconst HvCalendarHeader = ({\n  id,\n  value,\n  locale,\n  classes,\n  onChange,\n  showEndDate,\n  onFocus,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue = value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState(localValue);\n  const [editedValue, setEditedValue] = useState(null);\n  const [displayValue, setDisplayValue] = useState(\"\");\n  const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n  const localId = id ?? setId(elementId, \"calendarHeader\");\n\n  const inputValue = editedValue ?? displayValue;\n  const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n  const [isValidValue, setIsValidValue] = useState(\n    inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n  );\n\n  const validateInput = (incomingValid) =>\n    incomingValid === undefined || dayjs(incomingValid).isValid();\n  useEffect(() => {\n    const valid = validateInput(localValue);\n    setIsValidValue(valid);\n    if (valid) {\n      if (!localValue) {\n        setDisplayValue(\"\");\n        setEditedValue(null);\n        setWeekdayDisplay(\"\");\n        return;\n      }\n      const weekday = new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(localValue);\n      setDisplayValue(formatDMY(localValue, locale));\n      setEditedValue(null);\n      setWeekdayDisplay(weekday);\n    }\n  }, [localValue, locale]);\n\n  const handleNewDate = (event, date) => {\n    // attempt to format in locale data, or fallback to default\n    const localeParsedDate = dayjs(date, localeFormat);\n\n    const isValidInput = localeParsedDate.isValid();\n    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();\n    // prevent extra updates\n    if (!isSameDay(dateParsed, dateValue)) {\n      setDateValue(dateParsed);\n      onChange?.(event, dateParsed);\n    }\n\n    setIsValidValue(isValidInput);\n    if (isValidInput) {\n      setEditedValue(null);\n    }\n  };\n\n  const onBlurHandler = (event) => {\n    if (isNil(editedValue)) return;\n    if (editedValue === \"\") {\n      setIsValidValue(true);\n      setEditedValue(null);\n      return;\n    }\n    handleNewDate(event, editedValue);\n  };\n\n  const keyDownHandler = (event) => {\n    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\") return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format(\"L\") : editedValue;\n    setEditedValue(formattedDate);\n    onFocus?.(event, formattedDate);\n  };\n\n  const onChangeHandler = (event) => {\n    setEditedValue(event.target.value);\n  };\n  return (\n    <>\n      <div\n        id={localId}\n        className={clsx(classes.root, {\n          [classes.invalid]: !isValidValue && inputValue !== \"\",\n        })}\n      >\n        <HvTypography variant=\"normalText\" className={classes.headerDayOfWeek}>\n          {weekdayDisplay || \"\\u00A0\"}\n        </HvTypography>\n        <div className={classes.headerDate}>\n          <input\n            type=\"text\"\n            id={setId(localId, \"header-input\")}\n            placeholder={localeFormat}\n            value={inputValue}\n            className={classes.input}\n            onBlur={onBlurHandler}\n            onFocus={onFocusHandler}\n            onChange={onChangeHandler}\n            onKeyDown={keyDownHandler}\n            aria-labelledby={label?.[0]?.id}\n            {...others}\n          />\n        </div>\n      </div>\n      {!isValidValue && inputValue !== \"\" && (\n        <div role=\"presentation\" className={classes.inputBorderContainer} />\n      )}\n      <div style={{ height: 32 }}>\n        {!isValidValue && inputValue !== \"\" && (\n          <HvTypography\n            component=\"span\"\n            variant=\"normalText\"\n            className={classes.invalidMessageStyling}\n          >\n            <Info color=\"acce3\" iconSize=\"S\" />\n            Invalid date\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nHvCalendarHeader.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.string,\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string.isRequired,\n  /**\n   * Callback to define the input date.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarHeader\" })(HvCalendarHeader);\n"],"mappings":"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"}
+{"version":3,"file":"CalendarHeader.js","names":["React","useState","useEffect","useContext","PropTypes","Info","dayjs","localeData","localizedFormat","customParseFormat","clsx","isNil","withStyles","setId","isKeypress","KeyboardCodes","HvTypography","styles","HvFormElementContext","HvFormElementValueContext","HvFormElementDescriptorsContext","isRange","isSameDay","formatDMY","extend","Enter","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","invalidDateLabel","others","elementId","elementValue","label","localValue","endDate","startDate","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","inputValue","localeFormat","longDateFormat","length","isValid","isValidValue","setIsValidValue","validateInput","incomingValid","undefined","valid","weekday","Intl","DateTimeFormat","format","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","onBlurHandler","keyDownHandler","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","name"],"sources":["../../../../src/Calendar/CalendarHeader/CalendarHeader.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementValueContext,\n  HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatDMY } from \"../utils\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = KeyboardCodes;\n\nconst HvCalendarHeader = ({\n  id,\n  value,\n  locale,\n  classes,\n  onChange,\n  showEndDate,\n  onFocus,\n  invalidDateLabel = \"Invalid Date\",\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const { label } = useContext(HvFormElementDescriptorsContext);\n\n  let localValue = value ?? elementValue ?? \"\";\n  if (isRange(localValue)) {\n    localValue = showEndDate ? localValue.endDate : localValue.startDate;\n  }\n  const [dateValue, setDateValue] = useState(localValue);\n  const [editedValue, setEditedValue] = useState(null);\n  const [displayValue, setDisplayValue] = useState(\"\");\n  const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n  const localId = id ?? setId(elementId, \"calendarHeader\");\n\n  const inputValue = editedValue ?? displayValue;\n  const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n  const [isValidValue, setIsValidValue] = useState(\n    inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n  );\n\n  const validateInput = (incomingValid) =>\n    incomingValid === undefined || dayjs(incomingValid).isValid();\n  useEffect(() => {\n    const valid = validateInput(localValue);\n    setIsValidValue(valid);\n    if (valid) {\n      if (!localValue) {\n        setDisplayValue(\"\");\n        setEditedValue(null);\n        setWeekdayDisplay(\"\");\n        return;\n      }\n      const weekday = new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(localValue);\n      setDisplayValue(formatDMY(localValue, locale));\n      setEditedValue(null);\n      setWeekdayDisplay(weekday);\n    }\n  }, [localValue, locale]);\n\n  const handleNewDate = (event, date) => {\n    // attempt to format in locale data, or fallback to default\n    const localeParsedDate = dayjs(date, localeFormat);\n\n    const isValidInput = localeParsedDate.isValid();\n    const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();\n    // prevent extra updates\n    if (!isSameDay(dateParsed, dateValue)) {\n      setDateValue(dateParsed);\n      onChange?.(event, dateParsed);\n    }\n\n    setIsValidValue(isValidInput);\n    if (isValidInput) {\n      setEditedValue(null);\n    }\n  };\n\n  const onBlurHandler = (event) => {\n    if (isNil(editedValue)) return;\n    if (editedValue === \"\") {\n      setIsValidValue(true);\n      setEditedValue(null);\n      return;\n    }\n    handleNewDate(event, editedValue);\n  };\n\n  const keyDownHandler = (event) => {\n    if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\") return;\n    event.preventDefault();\n\n    handleNewDate(event, editedValue);\n  };\n\n  const onFocusHandler = (event) => {\n    if (!localValue) return;\n    const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format(\"L\") : editedValue;\n    setEditedValue(formattedDate);\n    onFocus?.(event, formattedDate);\n  };\n\n  const onChangeHandler = (event) => {\n    setEditedValue(event.target.value);\n  };\n  return (\n    <>\n      <div\n        id={localId}\n        className={clsx(classes.root, {\n          [classes.invalid]: !isValidValue && inputValue !== \"\",\n        })}\n      >\n        <HvTypography variant=\"normalText\" className={classes.headerDayOfWeek}>\n          {weekdayDisplay || \"\\u00A0\"}\n        </HvTypography>\n        <div className={classes.headerDate}>\n          <input\n            type=\"text\"\n            id={setId(localId, \"header-input\")}\n            placeholder={localeFormat}\n            value={inputValue}\n            className={classes.input}\n            onBlur={onBlurHandler}\n            onFocus={onFocusHandler}\n            onChange={onChangeHandler}\n            onKeyDown={keyDownHandler}\n            aria-labelledby={label?.[0]?.id}\n            {...others}\n          />\n        </div>\n      </div>\n      {!isValidValue && inputValue !== \"\" && (\n        <div role=\"presentation\" className={classes.inputBorderContainer} />\n      )}\n      <div style={{ height: 32 }}>\n        {!isValidValue && inputValue !== \"\" && (\n          <HvTypography\n            component=\"span\"\n            variant=\"normalText\"\n            className={classes.invalidMessageStyling}\n          >\n            <Info color=\"acce3\" iconSize=\"S\" />\n            {invalidDateLabel}\n          </HvTypography>\n        )}\n      </div>\n    </>\n  );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nHvCalendarHeader.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be shown on the main part of the header.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.string,\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale: PropTypes.string.isRequired,\n  /**\n   * Callback to define the input date.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback to handle input onFocus.\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarHeader\" })(HvCalendarHeader);\n"],"mappings":"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"}

package/dist/legacy/Calendar/SingleCalendar/SingleCalendar.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "children"];
+var _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "invalidDateLabel", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import "core-js/modules/es.array.map.js";
@@ -52,6 +52,7 @@ var HvSingleCalendar = function HvSingleCalendar(_ref) {
     onInputChange = _ref.onInputChange,
     onVisibleDateChange = _ref.onVisibleDateChange,
     showEndDate = _ref.showEndDate,
+    invalidDateLabel = _ref.invalidDateLabel,
     children = _ref.children,
     others = _objectWithoutProperties(_ref, _excluded);
   // TODO: refactor this out
@@ -140,7 +141,8 @@ var HvSingleCalendar = function HvSingleCalendar(_ref) {
         id: setId(id, "header"),
         locale: locale,
         onChange: handleInputChange,
-        showEndDate: showEndDate && !isDateSelectionMode
+        showEndDate: showEndDate && !isDateSelectionMode,
+        invalidDateLabel: invalidDateLabel
       }), calViewMode === VIEW_MODE.CALENDAR && /*#__PURE__*/_jsxs("div", {
         children: [/*#__PURE__*/_jsx(HvComposedNavigation, {
           id: id,
@@ -302,7 +304,11 @@ process.env.NODE_ENV !== "production" ? HvSingleCalendar.propTypes = {
   /**
    * Content on the upper part of the calendar.
    */
-  children: PropTypes.node
+  children: PropTypes.node,
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: PropTypes.string
 } : void 0;
 export default withStyles(styles, {
   name: "HvSingleCalendar"

package/dist/legacy/Calendar/SingleCalendar/SingleCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleCalendar.js","names":["React","useState","useContext","useMemo","PropTypes","withStyles","clsx","isNil","isKeypress","KeyboardCodes","setId","styles","HvFormElementDescriptorsContext","VIEW_MODE","REPRESENTATION_VALUES","isRange","isDate","getWeekdayNamesList","generateCalendarModel","CalendarCell","CalendarHeader","CalendarWeekLabels","HvComposedNavigation","HvMonthSelector","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","children","others","HvCalendarHeader","today","Date","localValue","CALENDAR","calViewMode","setCalViewMode","rangeMode","isDateSelectionMode","endDate","calModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","calendarContainer","calendarWrapper","viewMode","getFullYear","getMonth","calendarGrid","dates","map","MONTHLY","propTypes","shape","string","navigationContainer","focusSelection","navigationMonth","calendarDate","calendarDateNotInMonth","calendarDateSelected","calendarDateInvalid","calendarDateInSelectionRange","calendarDateDisabled","startBookend","endBookend","cellsInRange","cellsOutsideRange","isRequired","oneOfType","instanceOf","visibleDate","number","func","bool","node","name"],"sources":["../../../../src/Calendar/SingleCalendar/SingleCalendar.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React, { useState, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementDescriptorsContext } from \"../../Forms/FormElement\";\nimport { VIEW_MODE, REPRESENTATION_VALUES } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport CalendarCell from \"./CalendarCell\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport CalendarWeekLabels from \"../CalendarWeekLabels\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = KeyboardCodes;\n\nconst HvSingleCalendar = ({\n  classes,\n  className,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  children,\n  ...others\n}) => {\n  // TODO: refactor this out\n  const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW),\n    [locale]\n  );\n\n  const handleChange = (event, date) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event, siblings, i) => {\n    if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n    if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n    if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n    if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null ? [...parent.getElementsByClassName(classes.cellContainer)] : [];\n    const elIndex = siblings.indexOf(el);\n\n    if (isKeypress(event, Enter)) {\n      el?.focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <CalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <div className={clsx(className, classes.calendarContainer)} {...others}>\n      <div id={id} className={classes.calendarWrapper}>\n        <CalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n        />\n        {calViewMode === VIEW_MODE.CALENDAR && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <div className={classes.calendarGrid} aria-controls={HvCalendarHeader?.[0]?.id}>\n              <CalendarWeekLabels labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </div>\n          </div>\n        )}\n        {calViewMode === VIEW_MODE.MONTHLY && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nHvSingleCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the external div containing the whole calendar.\n     */\n    calendarContainer: PropTypes.string,\n    /**\n     * Styles applied to the external div below the calendar wrapper.\n     */\n    calendarWrapper: PropTypes.string,\n    /**\n     * Styles applied to the element containing the cells that represents each date.\n     */\n    calendarGrid: PropTypes.string,\n    /**\n     * Styles applied to the element containing the buttons to change the visible month and year.\n     */\n    navigationContainer: PropTypes.string,\n    /**\n     * Styles applied to the cell when is focused.\n     */\n    focusSelection: PropTypes.string,\n    /**\n     * Styles applied to the buttons used to change the months.\n     */\n    navigationMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells containing each date.\n     */\n    calendarDate: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateNotInMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateSelected: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is not valid.\n     */\n    calendarDateInvalid: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection.\n     */\n    calendarDateInSelectionRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not selectable.\n     */\n    calendarDateDisabled: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the beginning of the selection.\n     */\n    startBookend: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the end of the selection.\n     */\n    endBookend: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection in progress.\n     */\n    cellsInRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not part of the selection in progress.\n     */\n    cellsOutsideRange: PropTypes.string,\n    cellContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className: PropTypes.string,\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate: PropTypes.instanceOf(Date),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  onVisibleDateChange: PropTypes.func,\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n  /**\n   * Content on the upper part of the calendar.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSingleCalendar\" })(HvSingleCalendar);\n"],"mappings":"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"}
+{"version":3,"file":"SingleCalendar.js","names":["React","useState","useContext","useMemo","PropTypes","withStyles","clsx","isNil","isKeypress","KeyboardCodes","setId","styles","HvFormElementDescriptorsContext","VIEW_MODE","REPRESENTATION_VALUES","isRange","isDate","getWeekdayNamesList","generateCalendarModel","CalendarCell","CalendarHeader","CalendarWeekLabels","HvComposedNavigation","HvMonthSelector","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","invalidDateLabel","children","others","HvCalendarHeader","today","Date","localValue","CALENDAR","calViewMode","setCalViewMode","rangeMode","isDateSelectionMode","endDate","calModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","calendarContainer","calendarWrapper","viewMode","getFullYear","getMonth","calendarGrid","dates","map","MONTHLY","propTypes","shape","string","navigationContainer","focusSelection","navigationMonth","calendarDate","calendarDateNotInMonth","calendarDateSelected","calendarDateInvalid","calendarDateInSelectionRange","calendarDateDisabled","startBookend","endBookend","cellsInRange","cellsOutsideRange","isRequired","oneOfType","instanceOf","visibleDate","number","func","bool","node","name"],"sources":["../../../../src/Calendar/SingleCalendar/SingleCalendar.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React, { useState, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementDescriptorsContext } from \"../../Forms/FormElement\";\nimport { VIEW_MODE, REPRESENTATION_VALUES } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport CalendarCell from \"./CalendarCell\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport CalendarWeekLabels from \"../CalendarWeekLabels\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = KeyboardCodes;\n\nconst HvSingleCalendar = ({\n  classes,\n  className,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  invalidDateLabel,\n  children,\n  ...others\n}) => {\n  // TODO: refactor this out\n  const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW),\n    [locale]\n  );\n\n  const handleChange = (event, date) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event, siblings, i) => {\n    if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n    if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n    if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n    if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null ? [...parent.getElementsByClassName(classes.cellContainer)] : [];\n    const elIndex = siblings.indexOf(el);\n\n    if (isKeypress(event, Enter)) {\n      el?.focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <CalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <div className={clsx(className, classes.calendarContainer)} {...others}>\n      <div id={id} className={classes.calendarWrapper}>\n        <CalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n          invalidDateLabel={invalidDateLabel}\n        />\n        {calViewMode === VIEW_MODE.CALENDAR && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <div className={classes.calendarGrid} aria-controls={HvCalendarHeader?.[0]?.id}>\n              <CalendarWeekLabels labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </div>\n          </div>\n        )}\n        {calViewMode === VIEW_MODE.MONTHLY && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nHvSingleCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the external div containing the whole calendar.\n     */\n    calendarContainer: PropTypes.string,\n    /**\n     * Styles applied to the external div below the calendar wrapper.\n     */\n    calendarWrapper: PropTypes.string,\n    /**\n     * Styles applied to the element containing the cells that represents each date.\n     */\n    calendarGrid: PropTypes.string,\n    /**\n     * Styles applied to the element containing the buttons to change the visible month and year.\n     */\n    navigationContainer: PropTypes.string,\n    /**\n     * Styles applied to the cell when is focused.\n     */\n    focusSelection: PropTypes.string,\n    /**\n     * Styles applied to the buttons used to change the months.\n     */\n    navigationMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells containing each date.\n     */\n    calendarDate: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateNotInMonth: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is outside the visible month.\n     */\n    calendarDateSelected: PropTypes.string,\n    /**\n     * Styles applied to the cells when the cell is not valid.\n     */\n    calendarDateInvalid: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection.\n     */\n    calendarDateInSelectionRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not selectable.\n     */\n    calendarDateDisabled: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the beginning of the selection.\n     */\n    startBookend: PropTypes.string,\n    /**\n     * Styles applied to the cell when it is at the end of the selection.\n     */\n    endBookend: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is part of the selection in progress.\n     */\n    cellsInRange: PropTypes.string,\n    /**\n     * Styles applied to the cells when it is not part of the selection in progress.\n     */\n    cellsOutsideRange: PropTypes.string,\n    cellContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className: PropTypes.string,\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate: PropTypes.instanceOf(Date),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  onVisibleDateChange: PropTypes.func,\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate: PropTypes.instanceOf(Date),\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate: PropTypes.instanceOf(Date),\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate: PropTypes.bool,\n  /**\n   * Content on the upper part of the calendar.\n   */\n  children: PropTypes.node,\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvSingleCalendar\" })(HvSingleCalendar);\n"],"mappings":"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"}

package/dist/legacy/DatePicker/DatePicker.d.ts

@@ -33,6 +33,10 @@ export interface HvDatePickerProps
      * Clear button label.
      */
     clearLabel?: string;
+    /**
+     * Invalid Date label.
+     */
+    invalidDateLabel?: string;
   };
 
   /**

package/dist/legacy/DatePicker/DatePicker.js

@@ -34,7 +34,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   applyLabel: "Apply",
   cancelLabel: "Cancel",
-  clearLabel: "Clear"
+  clearLabel: "Clear",
+  invalidDateLabel: "Invalid Date"
 };
 
 /**
@@ -357,7 +358,7 @@ var HvDatePicker = function HvDatePicker(props) {
       children: [/*#__PURE__*/_jsx("div", {
         ref: focusTarget,
         tabIndex: -1
-      }), /*#__PURE__*/_jsx(HvCalendar, _objectSpread(_objectSpread({
+      }), /*#__PURE__*/_jsx(HvCalendar, _objectSpread(_objectSpread(_objectSpread({
         id: setId(id, "calendar"),
         startAdornment: startAdornment,
         onChange: handleDateChange,
@@ -370,7 +371,9 @@ var HvDatePicker = function HvDatePicker(props) {
           });
         },
         locale: locale
-      }, visibleDate), calendarProps)), (rangeMode || showActions) && renderActions()]
+      }, visibleDate), calendarProps), {}, {
+        invalidDateLabel: labels.invalidDateLabel
+      })), (rangeMode || showActions) && renderActions()]
     })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
       id: setId(elementId, "error"),
       disableBorder: true,
@@ -527,7 +530,11 @@ process.env.NODE_ENV !== "production" ? HvDatePicker.propTypes = {
     /**
      * Clear button label.
      */
-    clearLabel: PropTypes.string
+    clearLabel: PropTypes.string,
+    /**
+     * Invalid Date label.
+     */
+    invalidDateLabel: PropTypes.string
   }),
   /**
    * The initial value of the input when in single calendar mode.

package/dist/legacy/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["React","useState","useEffect","useRef","PropTypes","withStyles","Calendar","clsx","setId","useSavedState","useLabels","HvActionBar","HvBaseDropdown","HvButton","HvCalendar","HvLabel","HvInfoMessage","HvFormElement","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","styles","isDate","getDateLabel","useVisibleDate","useLocale","NAV_OPTIONS","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","readOnly","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","calendarProps","others","elementId","validationState","setValidationState","validationMessage","localeFromProvider","calendarOpen","setCalendarOpen","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","focusTarget","endDateIsSet","current","type","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","icon","modifiers","enabled","join","trim","_event","error","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","index"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\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    readOnly,\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    calendarProps,\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          {...calendarProps}\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   * Additional props passed to the HvCalendar component.\n   */\n  calendarProps: 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":["React","useState","useEffect","useRef","PropTypes","withStyles","Calendar","clsx","setId","useSavedState","useLabels","HvActionBar","HvBaseDropdown","HvButton","HvCalendar","HvLabel","HvInfoMessage","HvFormElement","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","styles","isDate","getDateLabel","useVisibleDate","useLocale","NAV_OPTIONS","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","invalidDateLabel","HvDatePicker","props","classes","className","id","name","required","disabled","readOnly","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","calendarProps","others","elementId","validationState","setValidationState","validationMessage","localeFromProvider","calendarOpen","setCalendarOpen","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","focusTarget","endDateIsSet","current","type","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","icon","modifiers","enabled","join","trim","_event","error","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","index"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\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  invalidDateLabel: \"Invalid Date\",\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    readOnly,\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    calendarProps,\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          {...calendarProps}\n          invalidDateLabel={labels.invalidDateLabel}\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     * Invalid Date label.\n     */\n    invalidDateLabel: 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   * Additional props passed to the HvCalendar component.\n   */\n  calendarProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}

package/dist/legacy/FilterGroup/Counter/Counter.js

@@ -2,8 +2,6 @@ import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.array.find.js";
 import "core-js/modules/es.array.find-index.js";
-import "core-js/modules/es.array.flat.js";
-import "core-js/modules/es.array.unscopables.flat.js";
 import "core-js/modules/es.array.filter.js";
 import React, { useContext } from "react";
 import clsx from "clsx";
@@ -26,7 +24,6 @@ var getExistingFiltersById = function getExistingFiltersById(idx, filterValues,
   return total;
 };
 var Counter = function Counter(_ref) {
-  var _appliedFilters$flat;
   var className = _ref.className,
     id = _ref.id;
   var classes = useStyles();
@@ -43,7 +40,7 @@ var Counter = function Counter(_ref) {
     return option.id === id;
   });
   var groupsCounter = 0;
-  appliedFilters === null || appliedFilters === void 0 ? void 0 : (_appliedFilters$flat = appliedFilters.flat()) === null || _appliedFilters$flat === void 0 ? void 0 : _appliedFilters$flat.filter(function (elem) {
+  appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.filter(function (elem) {
     return elem !== undefined;
   }).forEach(function (fg, i) {
     groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);

package/dist/legacy/FilterGroup/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst getExistingFiltersById = (idx, filterValues, filterOptions) => {\n  let total = 0;\n  filterValues[idx]?.forEach((fv) => {\n    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n      total += 1;\n    }\n  });\n  return total;\n};\n\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    ?.flat()\n    ?.filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAAA;AAEjC,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,GAAG,EAAEC,YAAY,EAAEC,aAAa,EAAK;EAAA;EACnE,IAAIC,KAAK,GAAG,CAAC;EACb,qBAAAF,YAAY,CAACD,GAAG,CAAC,sDAAjB,kBAAmBI,OAAO,CAAC,UAACC,EAAE,EAAK;IAAA;IACjC,0BAAIH,aAAa,CAACF,GAAG,CAAC,+CAAlB,mBAAoBM,IAAI,CAACC,IAAI,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,EAAE,KAAKJ,EAAE;IAAA,EAAC,EAAE;MACrDF,KAAK,IAAI,CAAC;IACZ;EACF,CAAC,CAAC;EACF,OAAOA,KAAK;AACd,CAAC;AAED,IAAMO,OAAO,GAAG,SAAVA,OAAO,OAA0B;EAAA;EAAA,IAApBC,SAAS,QAATA,SAAS;IAAEF,EAAE,QAAFA,EAAE;EAC9B,IAAMG,OAAO,GAAGd,SAAS,EAAE;EAC3B,kBAAkEJ,UAAU,CAACG,kBAAkB,CAAC;IAAxFK,aAAa,eAAbA,aAAa;IAAA,oCAAED,YAAY;IAAZA,YAAY,sCAAG,EAAE;IAAA,oCAAEY,cAAc;IAAdA,cAAc,sCAAG,EAAE;EAE7D,IAAMC,OAAO,GAAGL,EAAE,GAAG,CAACP,aAAa,CAACK,IAAI,CAAC,UAACQ,MAAM;IAAA,OAAKA,MAAM,CAACN,EAAE,KAAKA,EAAE;EAAA,EAAC,CAAC,GAAGP,aAAa;EACvF,IAAMc,SAAS,GAAGd,aAAa,CAACe,SAAS,CAAC,UAACF,MAAM;IAAA,OAAKA,MAAM,CAACN,EAAE,KAAKA,EAAE;EAAA,EAAC;EAEvE,IAAIS,aAAa,GAAG,CAAC;EACrBL,cAAc,aAAdA,cAAc,+CAAdA,cAAc,CACVM,IAAI,EAAE,yDADV,qBAEIC,MAAM,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,KAAKC,SAAS;EAAA,EAAC,CACrClB,OAAO,CAAC,UAACmB,EAAE,EAAEC,CAAC,EAAK;IAClBN,aAAa,IAAInB,sBAAsB,CAACyB,CAAC,EAAEvB,YAAY,EAAEC,aAAa,CAAC;EACzE,CAAC,CAAC;EAEJ,IAAMuB,cAAc,GAAGhB,EAAE,GACrBV,sBAAsB,CAACiB,SAAS,EAAEf,YAAY,EAAEC,aAAa,CAAC,IAAI,CAAC,GACnEgB,aAAa;EACjB,IAAMQ,YAAY,GAAGZ,OAAO,CAACa,MAAM,CAAC,UAACC,GAAG,EAAEb,MAAM;IAAA,OAAKa,GAAG,GAAGb,MAAM,CAACT,IAAI,CAACuB,MAAM;EAAA,GAAE,CAAC,CAAC;EAEjF,oBACE;IAAK,SAAS,EAAElC,IAAI,CAACiB,OAAO,CAACkB,IAAI,EAAEnB,SAAS,CAAE;IAAA,WAC3Cc,cAAc,GAAG,CAAC,gBAAG;MAAA,UAAIA;IAAc,EAAK,GAAGA,cAAc,eACvDC,YAAY;EAAA,EACf;AAEV,CAAC;AAED,wCAAAhB,OAAO,CAACqB,SAAS,GAAG;EAClBpB,SAAS,EAAEf,SAAS,CAACoC,MAAM;EAC3BvB,EAAE,EAAEb,SAAS,CAACoC;AAChB,CAAC;AAED,eAAetB,OAAO"}
+{"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst getExistingFiltersById = (idx, filterValues, filterOptions) => {\n  let total = 0;\n  filterValues[idx]?.forEach((fv) => {\n    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n      total += 1;\n    }\n  });\n  return total;\n};\n\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    ?.filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,OAAOC,SAAS,MAAM,UAAU;AAAC;AAAA;AAEjC,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,GAAG,EAAEC,YAAY,EAAEC,aAAa,EAAK;EAAA;EACnE,IAAIC,KAAK,GAAG,CAAC;EACb,qBAAAF,YAAY,CAACD,GAAG,CAAC,sDAAjB,kBAAmBI,OAAO,CAAC,UAACC,EAAE,EAAK;IAAA;IACjC,0BAAIH,aAAa,CAACF,GAAG,CAAC,+CAAlB,mBAAoBM,IAAI,CAACC,IAAI,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC,CAACC,EAAE,KAAKJ,EAAE;IAAA,EAAC,EAAE;MACrDF,KAAK,IAAI,CAAC;IACZ;EACF,CAAC,CAAC;EACF,OAAOA,KAAK;AACd,CAAC;AAED,IAAMO,OAAO,GAAG,SAAVA,OAAO,OAA0B;EAAA,IAApBC,SAAS,QAATA,SAAS;IAAEF,EAAE,QAAFA,EAAE;EAC9B,IAAMG,OAAO,GAAGd,SAAS,EAAE;EAC3B,kBAAkEJ,UAAU,CAACG,kBAAkB,CAAC;IAAxFK,aAAa,eAAbA,aAAa;IAAA,oCAAED,YAAY;IAAZA,YAAY,sCAAG,EAAE;IAAA,oCAAEY,cAAc;IAAdA,cAAc,sCAAG,EAAE;EAE7D,IAAMC,OAAO,GAAGL,EAAE,GAAG,CAACP,aAAa,CAACK,IAAI,CAAC,UAACQ,MAAM;IAAA,OAAKA,MAAM,CAACN,EAAE,KAAKA,EAAE;EAAA,EAAC,CAAC,GAAGP,aAAa;EACvF,IAAMc,SAAS,GAAGd,aAAa,CAACe,SAAS,CAAC,UAACF,MAAM;IAAA,OAAKA,MAAM,CAACN,EAAE,KAAKA,EAAE;EAAA,EAAC;EAEvE,IAAIS,aAAa,GAAG,CAAC;EACrBL,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CACVM,MAAM,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,KAAKC,SAAS;EAAA,EAAC,CACrCjB,OAAO,CAAC,UAACkB,EAAE,EAAEC,CAAC,EAAK;IAClBL,aAAa,IAAInB,sBAAsB,CAACwB,CAAC,EAAEtB,YAAY,EAAEC,aAAa,CAAC;EACzE,CAAC,CAAC;EAEJ,IAAMsB,cAAc,GAAGf,EAAE,GACrBV,sBAAsB,CAACiB,SAAS,EAAEf,YAAY,EAAEC,aAAa,CAAC,IAAI,CAAC,GACnEgB,aAAa;EACjB,IAAMO,YAAY,GAAGX,OAAO,CAACY,MAAM,CAAC,UAACC,GAAG,EAAEZ,MAAM;IAAA,OAAKY,GAAG,GAAGZ,MAAM,CAACT,IAAI,CAACsB,MAAM;EAAA,GAAE,CAAC,CAAC;EAEjF,oBACE;IAAK,SAAS,EAAEjC,IAAI,CAACiB,OAAO,CAACiB,IAAI,EAAElB,SAAS,CAAE;IAAA,WAC3Ca,cAAc,GAAG,CAAC,gBAAG;MAAA,UAAIA;IAAc,EAAK,GAAGA,cAAc,eACvDC,YAAY;EAAA,EACf;AAEV,CAAC;AAED,wCAAAf,OAAO,CAACoB,SAAS,GAAG;EAClBnB,SAAS,EAAEf,SAAS,CAACmC,MAAM;EAC3BtB,EAAE,EAAEb,SAAS,CAACmC;AAChB,CAAC;AAED,eAAerB,OAAO"}

package/dist/legacy/FilterGroup/RightPanel/RightPanel.js

@@ -52,10 +52,13 @@ var RightPanel = function RightPanel(_ref) {
     setFilterValues = _useContext.setFilterValues,
     activeGroup = _useContext.activeGroup;
   var activeGroupOptions = useMemo(function () {
-    return filterOptions[activeGroup].data.map(function (option) {
+    var _filterOptions$active;
+    return ((_filterOptions$active = filterOptions[activeGroup]) === null || _filterOptions$active === void 0 ? void 0 : _filterOptions$active.data.filter(function (option) {
+      return option.name.toLowerCase().includes(searchStr.toLowerCase());
+    }).map(function (option) {
       return option.id;
-    });
-  }, [filterOptions, activeGroup]);
+    })) || [];
+  }, [filterOptions, activeGroup, searchStr]);
   var activeFilterValues = useMemo(function () {
     var _filterValues$activeG;
     return (_filterValues$activeG = filterValues[activeGroup]) === null || _filterValues$activeG === void 0 ? void 0 : _filterValues$activeG.filter(function (value) {
@@ -97,9 +100,20 @@ var RightPanel = function RightPanel(_ref) {
   };
   var handleSelectAll = useCallback(function () {
     var newFilterValues = cloneDeep(filterValues);
-    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;
+    if (anySelected) {
+      if (searchStr !== "") {
+        var _filterValues$activeG3;
+        newFilterValues[activeGroup] = (_filterValues$activeG3 = filterValues[activeGroup]) === null || _filterValues$activeG3 === void 0 ? void 0 : _filterValues$activeG3.filter(function (value) {
+          return !activeGroupOptions.includes(value);
+        });
+      } else {
+        newFilterValues[activeGroup] = [];
+      }
+    } else {
+      newFilterValues[activeGroup] = [].concat(_toConsumableArray(filterValues[activeGroup]), _toConsumableArray(activeGroupOptions));
+    }
     setFilterValues(newFilterValues);
-  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);
+  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues, searchStr]);
 
   /**
    * Create selecteAll component.

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

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