@hitachivantara/uikit-react-core 4.4.3 → 4.4.5

package/dist/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","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","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","localeFromProvider","useLocale","useState","calendarOpen","setCalendarOpen","useSavedState","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","useVisibleDate","visibleDate","dispatchAction","focusTarget","useRef","useEffect","endDateIsSet","current","type","NAV_OPTIONS","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","clsx","actionContainer","leftContainer","setId","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","error","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","withStyles","styles","index"],"sources":["../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAAA;AAEhD,IAAMA,cAAc,GAAG;EACrBC,UAAU,EAAE,OAAO;EACnBC,WAAW,EAAE,QAAQ;EACrBC,UAAU,EAAE;AACd,CAAC;;AAED;AACA;AACA;AACA;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;EAC9B,IACEC,OAAO,GA0CLD,KAAK,CA1CPC,OAAO;IACPC,SAAS,GAyCPF,KAAK,CAzCPE,SAAS;IAETC,EAAE,GAuCAH,KAAK,CAvCPG,EAAE;IACFC,IAAI,GAsCFJ,KAAK,CAtCPI,IAAI;IAAA,kBAsCFJ,KAAK,CApCPK,QAAQ;IAARA,QAAQ,gCAAG,KAAK;IAAA,kBAoCdL,KAAK,CAnCPM,QAAQ;IAARA,QAAQ,gCAAG,KAAK;IAChBC,QAAQ,GAkCNP,KAAK,CAlCPO,QAAQ;IAERC,KAAK,GAgCHR,KAAK,CAhCPQ,KAAK;IACSC,SAAS,GA+BrBT,KAAK,CA/BP,YAAY;IACOU,cAAc,GA8B/BV,KAAK,CA9BP,iBAAiB;IACjBW,WAAW,GA6BTX,KAAK,CA7BPW,WAAW;IACSC,eAAe,GA4BjCZ,KAAK,CA5BP,kBAAkB;IAElBa,QAAQ,GA0BNb,KAAK,CA1BPa,QAAQ;IACRC,QAAQ,GAyBNd,KAAK,CAzBPc,QAAQ;IACRC,OAAO,GAwBLf,KAAK,CAxBPe,OAAO;IACPC,MAAM,GAuBJhB,KAAK,CAvBPgB,MAAM;IACNC,aAAa,GAsBXjB,KAAK,CAtBPiB,aAAa;IACQC,gBAAgB,GAqBnClB,KAAK,CArBP,mBAAmB;IAEnBmB,WAAW,GAmBTnB,KAAK,CAnBPmB,WAAW;IAEHC,UAAU,GAiBhBpB,KAAK,CAjBPqB,MAAM;IAENC,KAAK,GAeHtB,KAAK,CAfPsB,KAAK;IACLC,UAAU,GAcRvB,KAAK,CAdPuB,UAAU;IACVC,QAAQ,GAaNxB,KAAK,CAbPwB,QAAQ;IAAA,mBAaNxB,KAAK,CAXPyB,SAAS;IAATA,SAAS,iCAAG,KAAK;IACjBC,cAAc,GAUZ1B,KAAK,CAVP0B,cAAc;IAAA,wBAUZ1B,KAAK,CATP2B,mBAAmB;IAAnBA,mBAAmB,sCAAG,OAAO;IACrBC,UAAU,GAQhB5B,KAAK,CARP6B,MAAM;IAAA,qBAQJ7B,KAAK,CAPP8B,WAAW;IAAXA,WAAW,mCAAG,KAAK;IAAA,mBAOjB9B,KAAK,CANP+B,SAAS;IAATA,SAAS,iCAAG,KAAK;IAAA,uBAMf/B,KAAK,CALPgC,aAAa;IAAbA,aAAa,qCAAG,IAAI;IAAA,wBAKlBhC,KAAK,CAJPiC,mBAAmB;IAAnBA,mBAAmB,sCAAG,IAAI;IAC1BC,aAAa,GAGXlC,KAAK,CAHPkC,aAAa;IACbC,aAAa,GAEXnC,KAAK,CAFPmC,aAAa;IACVC,MAAM,0CACPpC,KAAK;EAET,IAAMqB,MAAM,GAAG,IAAAgB,gBAAS,EAAC1C,cAAc,EAAEyB,UAAU,CAAC;EAEpD,IAAMkB,SAAS,GAAG,IAAAC,aAAW,EAACpC,EAAE,EAAE,cAAc,CAAC;EAEjD,qBAA8C,IAAAqC,eAAa,EAACxB,MAAM,EAAE,SAAS,CAAC;IAAA;IAAvEyB,eAAe;IAAEC,kBAAkB;EAE1C,sBAA4B,IAAAF,eAAa,EAACvB,aAAa,EAAE,UAAU,CAAC;IAAA;IAA7D0B,iBAAiB;EAExB,IAAMC,kBAAkB,GAAG,IAAAC,kBAAS,GAAE;EAEtC,IAAMhB,MAAM,GAAGD,UAAU,IAAIgB,kBAAkB;EAE/C,gBAAwC,IAAAE,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAhDC,YAAY;IAAEC,eAAe;EAEpC,qBAAqD,IAAAC,oBAAa,EAChExB,SAAS,GAAGF,UAAU,GAAGD,KAAK,CAC/B;IAAA;IAFM4B,SAAS;IAAEC,YAAY;IAAEC,iBAAiB;EAGjD,sBAA+C,IAAAH,oBAAa,EAACzB,QAAQ,CAAC;IAAA;IAA/D6B,OAAO;IAAEC,UAAU;IAAEC,eAAe;EAE3C,sBAAsC,IAAAC,wBAAc,EAACN,SAAS,EAAEG,OAAO,CAAC;IAAA;IAAjEI,WAAW;IAAEC,cAAc;EAElC,IAAMC,WAAW,GAAG,IAAAC,aAAM,GAAE;EAE5B,IAAAC,gBAAS,EAAC,YAAM;IACdV,YAAY,CAAC1B,SAAS,GAAGF,UAAU,GAAGD,KAAK,EAAE,IAAI,CAAC;IAClDgC,UAAU,CAAC9B,QAAQ,EAAE,IAAI,CAAC;IAC1B;EACF,CAAC,EAAE,CAACF,KAAK,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,SAAS,CAAC,CAAC;EAE5C,IAAMqC,YAAY,GAAG,IAAAF,aAAM,EAAC,KAAK,CAAC;EAClCE,YAAY,CAACC,OAAO,GAAGV,OAAO,IAAI,IAAI;EAEtC,IAAAQ,gBAAS,EAAC,YAAM;IACd,IAAIX,SAAS,IAAI,IAAI,EAAE;MACrBQ,cAAc,CAAC;QACbM,IAAI,EAAEC,kBAAW,CAACC,UAAU;QAC5BC,MAAM,EAAEL,YAAY,CAACC,OAAO,GAAG,MAAM,GAAG,MAAM;QAC9CK,IAAI,EAAElB,SAAS,CAACmB,WAAW,EAAE;QAC7BC,KAAK,EAAEpB,SAAS,CAACqB,QAAQ,EAAE,GAAG;MAChC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACb,cAAc,EAAER,SAAS,CAAC,CAAC;EAE/B,IAAAW,gBAAS,EAAC,YAAM;IACd,IAAIR,OAAO,IAAI,IAAI,EAAE;MACnBK,cAAc,CAAC;QACbM,IAAI,EAAEC,kBAAW,CAACC,UAAU;QAC5BC,MAAM,EAAE,OAAO;QACfC,IAAI,EAAEf,OAAO,CAACgB,WAAW,EAAE;QAC3BC,KAAK,EAAEjB,OAAO,CAACkB,QAAQ,EAAE,GAAG;MAC9B,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACb,cAAc,EAAEL,OAAO,CAAC,CAAC;;EAE7B;AACF;AACA;EACE,IAAMmB,WAAW,GAAG,SAAdA,WAAW,GAAS;IACxBrB,YAAY,CAACD,SAAS,EAAE,IAAI,CAAC;IAC7BI,UAAU,CAACD,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAIH,SAAS,EAAE,IAAI,CAAC;IAEtCrC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGqC,SAAS,EAAEG,OAAO,CAAC;IAE9BX,kBAAkB,CAAC,YAAM;MACvB;MACA,IAAIrC,QAAQ,KAAK,CAAC,IAAAoE,cAAM,EAACvB,SAAS,CAAC,IAAKzB,SAAS,IAAI,CAAC,IAAAgD,cAAM,EAACpB,OAAO,CAAE,CAAC,EAAE;QACvE,OAAO,SAAS;MAClB;MAEA,OAAO,OAAO;IAChB,CAAC,CAAC;IAEFL,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC;;EAED;AACF;AACA;EACE,IAAM0B,YAAY,GAAG,SAAfA,YAAY,GAAS;IACzBtB,iBAAiB,EAAE;IACnBG,eAAe,EAAE;IAEjBzC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,EAAI;IAEZkC,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC;;EAED;AACF;AACA;EACE,IAAM2B,WAAW,GAAG,SAAdA,WAAW,GAAS;IACxBxB,YAAY,CAACyB,SAAS,EAAE,KAAK,CAAC;IAC9BtB,UAAU,CAACsB,SAAS,EAAE,KAAK,CAAC;IAC5B7D,OAAO,aAAPA,OAAO,uBAAPA,OAAO,EAAI;EACb,CAAC;EAED,IAAM8D,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAS;IAChC,IAAMC,UAAU,GAAG,EAAErD,SAAS,IAAIK,WAAW,CAAC;IAC9C,IAAIgD,UAAU,EAAE;MACdN,WAAW,EAAE;IACf,CAAC,MAAM;MACLE,YAAY,EAAE;IAChB;EACF,CAAC;EAED,IAAMK,YAAY,GAAG,SAAfA,YAAY,CAAIC,GAAG,EAAEC,IAAI,EAAK;IAClC;AACJ;AACA;AACA;AACA;IACI,IAAID,GAAG,KAAK,IAAI,EAAE;IAClBhC,eAAe,CAACiC,IAAI,CAAC;IACrB,IAAI,CAACA,IAAI,EAAEJ,mBAAmB,EAAE;EAClC,CAAC;EAED,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgB,GAAS;IAAA;IAC7B,wBAAAvB,WAAW,CAACI,OAAO,yDAAnB,qBAAqBoB,KAAK,EAAE;EAC9B,CAAC;EAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAAK,EAAEC,OAAO,EAAK;IAC3C,IAAI,CAAC,IAAAb,cAAM,EAACa,OAAO,CAAC,EAAE;IAEtB,IAAMC,QAAQ,GAAG,CAACzD,WAAW,IAAI,CAACL,SAAS;IAE3C,IAAIA,SAAS,EAAE;MACb,IAAI,CAACyB,SAAS,IAAKA,SAAS,IAAIG,OAAQ,IAAIiC,OAAO,GAAGpC,SAAS,EAAE;QAC/DC,YAAY,CAACmC,OAAO,CAAC;QACrBhC,UAAU,CAAC,IAAI,CAAC;MAClB,CAAC,MAAM;QACLA,UAAU,CAACgC,OAAO,CAAC;MACrB;IACF,CAAC,MAAM;MACLnC,YAAY,CAACmC,OAAO,EAAEC,QAAQ,CAAC;IACjC;IAEA,IAAIA,QAAQ,EAAE;MACZ1E,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGyE,OAAO,CAAC;MAEnB5C,kBAAkB,CAAC,YAAM;QACvB;QACA,IAAIrC,QAAQ,IAAI,CAAC,IAAAoE,cAAM,EAACa,OAAO,CAAC,EAAE;UAChC,OAAO,SAAS;QAClB;QAEA,OAAO,OAAO;MAChB,CAAC,CAAC;MAEFtC,eAAe,CAAC,KAAK,CAAC;IACxB;EACF,CAAC;EAED,IAAMwC,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIH,KAAK,EAAEC,OAAO,EAAEG,QAAQ,EAAK;IAC1D,IAAI,CAAC,IAAAhB,cAAM,EAACa,OAAO,CAAC,EAAE;IAEtB,IAAI,CAAC7D,SAAS,EAAE;MACd2D,gBAAgB,CAACC,KAAK,EAAEC,OAAO,CAAC;MAChC;IACF;IAEA,IAAIG,QAAQ,KAAK,MAAM,EAAE;MACvBtC,YAAY,CAACmC,OAAO,GAAGjC,OAAO,GAAGA,OAAO,GAAGiC,OAAO,CAAC;IACrD,CAAC,MAAM,IAAIG,QAAQ,KAAK,OAAO,EAAE;MAC/B,IAAI,CAACvC,SAAS,EAAE;QACdC,YAAY,CAACmC,OAAO,GAAGjC,OAAO,GAAGA,OAAO,GAAGiC,OAAO,CAAC;QACnD;MACF;MACAhC,UAAU,CAACgC,OAAO,GAAGpC,SAAS,GAAGA,SAAS,GAAGoC,OAAO,CAAC;IACvD;EACF,CAAC;;EAED;AACF;AACA;EACE,IAAMI,aAAa,GAAG,SAAhBA,aAAa;IAAA,oBACjB,sBAAC,aAAW;MACV,SAAS,EAAE,IAAAC,aAAI,EACc5D,SAAS,IAAnC9B,OAAO,CAAC2F,eAAe,CACvB;MAAA,WAEF7D,SAAS,iBACR;QAAK,SAAS,EAAE9B,OAAO,CAAC4F,aAAc;QAAA,uBACpC,qBAAC,UAAQ;UACP,EAAE,EAAE,IAAAC,YAAK,EAAC3F,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAE;UACjC,SAAS,EAAEF,OAAO,CAAC8F,MAAO;UAC1B,QAAQ,EAAC,OAAO;UAChB,OAAO,EAAEpB,WAAY;UAAA,UAEpBtD,MAAM,CAACvB;QAAU;MACT,EAEd,eACD;QAAK,SAAS,EAAEG,OAAO,CAAC+F,cAAe;QAAA,wBACrC,qBAAC,UAAQ;UACP,EAAE,EAAE,IAAAF,YAAK,EAAC3F,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAE;UACjC,SAAS,EAAEF,OAAO,CAAC8F,MAAO;UAC1B,QAAQ,EAAC,OAAO;UAChB,OAAO,EAAEvB,WAAY;UAAA,UAEpBnD,MAAM,CAACzB;QAAU,EACT,eACX,qBAAC,UAAQ;UACP,EAAE,EAAE,IAAAkG,YAAK,EAAC3F,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAE;UAClC,SAAS,EAAEF,OAAO,CAAC8F,MAAO;UAC1B,QAAQ,EAAC,OAAO;UAChB,OAAO,EAAErB,YAAa;UAAA,UAErBrD,MAAM,CAACxB;QAAW,EACV;MAAA,EACP;IAAA,EACM;EAAA,CACf;EAED,IAAMoG,WAAW,GAAG,SAAdA,WAAW,CAAIC,UAAU;IAAA,oBAC7B,qBAAC,cAAY;MAAC,OAAO,EAAEA,UAAU,GAAG,YAAY,GAAG,iBAAkB;MAAA,UAClE,CAACA,UAAU,IAAI/E,WAAW,MAAMyD,SAAS,GAAG,EAAE,GAAGsB,UAAU,IAAI/E;IAAW,EAC9D;EAAA,CAChB;EAED,IAAMgF,SAAS,GAAG1E,SAAS,GAAG;IAAEyB,SAAS,EAATA,SAAS;IAAEG,OAAO,EAAPA;EAAQ,CAAC,GAAGH,SAAS;EAEhE,IAAMkD,QAAQ,GAAG5F,KAAK,IAAI,IAAI;EAC9B,IAAM6F,cAAc,GAAG1F,WAAW,IAAI,IAAI;;EAE1C;EACA;EACA;EACA;EACA,IAAM2F,YAAY,GAChBpF,gBAAgB,IAAI,IAAI,KACtBF,MAAM,KAAK4D,SAAS,IAAI3D,aAAa,KAAK2D,SAAS,IAAM5D,MAAM,KAAK4D,SAAS,IAAIvE,QAAS,CAAC;EAE/F,IAAMkG,cAAc,GAAG,IAAAC,2BAAS,EAAC/D,eAAe,CAAC;EAEjD,IAAIgE,cAAc;EAClB,IAAIF,cAAc,EAAE;IAClBE,cAAc,GAAGH,YAAY,GAAG,IAAAR,YAAK,EAACxD,SAAS,EAAE,OAAO,CAAC,GAAGpB,gBAAgB;EAC9E;EAEA,oBACE,sBAAC,eAAa;IACZ,EAAE,EAAEf,EAAG;IACP,IAAI,EAAEC,IAAK;IACX,KAAK,EAAE+F,SAAU;IACjB,MAAM,EAAE1D,eAAgB;IACxB,QAAQ,EAAEnC,QAAS;IACnB,QAAQ,EAAED,QAAS;IACnB,SAAS,EAAE,IAAAsF,aAAI,EAACzF,SAAS,EAAED,OAAO,CAACyG,IAAI,CAAE;IACzC,MAAM,EAAE7E,MAAO;IACf,QAAQ,EAAEtB;EAAS,GACf6B,MAAM;IAAA,WAET,CAACgE,QAAQ,IAAIC,cAAc,kBAC1B;MAAK,SAAS,EAAEpG,OAAO,CAAC0G,cAAe;MAAA,WACpCP,QAAQ,iBACP,qBAAC,SAAO;QAAC,EAAE,EAAE,IAAAN,YAAK,EAACxD,SAAS,EAAE,OAAO,CAAE;QAAC,KAAK,EAAE9B,KAAM;QAAC,SAAS,EAAEP,OAAO,CAACO;MAAM,EAChF,EAEA6F,cAAc,iBACb,qBAAC,eAAa;QAAC,EAAE,EAAE,IAAAP,YAAK,EAACxD,SAAS,EAAE,aAAa,CAAE;QAAC,SAAS,EAAErC,OAAO,CAACU,WAAY;QAAA,UAChFA;MAAW,EAEf;IAAA,EAEJ,eACD,sBAAC,gBAAc;MACb,IAAI,EAAC,UAAU;MACf,OAAO,EAAE;QACP+F,IAAI,EAAEzG,OAAO,CAAC2G,QAAQ;QACtBC,KAAK,EAAE5G,OAAO,CAAC4G,KAAK;QACpBC,MAAM,EAAEP,cAAc,GAAGtG,OAAO,CAAC8G,qBAAqB,GAAGnC,SAAS;QAClEoC,UAAU,EAAE/G,OAAO,CAACgH;MACtB,CAAE;MACF,QAAQ,EAAE1G,QAAS;MACnB,QAAQ,EAAED,QAAS;MACnB,aAAa,EAAE0B,aAAc;MAC7B,aAAa;MACb,SAAS,EAAEL,mBAAoB;MAC/B,QAAQ,EAAEoB,YAAa;MACvB,QAAQ,EAAEgC,YAAa;MACvB,cAAc,EAAEF,mBAAoB;MACpC,mBAAmB,EAAEK,gBAAiB;MACtC,WAAW,EAAEe,WAAW,CAAC,IAAAiB,oBAAY,EAACf,SAAS,EAAE1E,SAAS,EAAEI,MAAM,CAAC,CAAE;MACrE,SAAS,eAAE,qBAAC,yBAAQ;QAAC,SAAS,EAAE5B,OAAO,CAACkH,IAAK;QAAC,KAAK,EAAE7G,QAAQ,GAAG,OAAO,GAAGsE;MAAU,EAAI;MACxF,WAAW,EAAE;QAAEwC,SAAS,EAAE,CAAC;UAAEhH,IAAI,EAAE,iBAAiB;UAAEiH,OAAO,EAAEpF;QAAoB,CAAC;MAAE,CAAE;MACxF,iBAAc,QAAQ;MACtB,cAAYxB,SAAU;MACtB,mBACE,CAACD,KAAK,IAAI,IAAAsF,YAAK,EAACxD,SAAS,EAAE,OAAO,CAAC,EAAE5B,cAAc,CAAC,CAAC4G,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,EAAE,IAAI3C,SAC1E;MACD,gBAAc2B,cAAc,GAAG,IAAI,GAAG3B,SAAU;MAChD,qBAAmB6B,cAAe;MAClC,oBACE,CAAC9F,WAAW,IAAI,IAAAmF,YAAK,EAACxD,SAAS,EAAE,aAAa,CAAC,EAAE1B,eAAe,CAAC,CAAC0G,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,EAAE,IAClF3C;IACD,GACG1C,aAAa;MAAA,wBAEjB;QAAK,GAAG,EAAEyB,WAAY;QAAC,QAAQ,EAAE,CAAC;MAAE,EAAG,eACvC,qBAAC,YAAU;QACT,EAAE,EAAE,IAAAmC,YAAK,EAAC3F,EAAE,EAAE,UAAU,CAAE;QAC1B,cAAc,EAAEuB,cAAe;QAC/B,QAAQ,EAAE0D,gBAAiB;QAC3B,aAAa,EAAEI,qBAAsB;QACrC,mBAAmB,EAAE,6BAACgC,MAAM,EAAExD,IAAI,EAAEM,KAAK,EAAEH,MAAM,EAAK;UACpDT,cAAc,CAAC;YAAEM,IAAI,EAAJA,IAAI;YAAEG,MAAM,EAANA,MAAM;YAAEG,KAAK,EAALA;UAAM,CAAC,CAAC;QACzC,CAAE;QACF,MAAM,EAAEzC;MAAO,GACX4B,WAAW,GACXtB,aAAa,EACjB,EACD,CAACV,SAAS,IAAIK,WAAW,KAAK4D,aAAa,EAAE;IAAA,GAC/B,EAChBY,YAAY,iBACX,qBAAC,eAAa;MAAC,EAAE,EAAE,IAAAR,YAAK,EAACxD,SAAS,EAAE,OAAO,CAAE;MAAC,aAAa;MAAC,SAAS,EAAErC,OAAO,CAACwH,KAAM;MAAA,UAClF9E;IAAiB,EAErB;EAAA,GACa;AAEpB,CAAC;AAED,wCAAA5C,YAAY,CAAC2H,SAAS,GAAG;EACvB;AACF;AACA;EACExH,SAAS,EAAEyH,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACE3H,OAAO,EAAE0H,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACInB,IAAI,EAAEiB,kBAAS,CAACC,MAAM;IAEtB;AACJ;AACA;IACIjB,cAAc,EAAEgB,kBAAS,CAACC,MAAM;IAChC;AACJ;AACA;IACIpH,KAAK,EAAEmH,kBAAS,CAACC,MAAM;IACvB;AACJ;AACA;IACIjH,WAAW,EAAEgH,kBAAS,CAACC,MAAM;IAE7B;AACJ;AACA;IACIH,KAAK,EAAEE,kBAAS,CAACC,MAAM;IAEvB;AACJ;AACA;IACIhB,QAAQ,EAAEe,kBAAS,CAACC,MAAM;IAE1Bf,KAAK,EAAEc,kBAAS,CAACC,MAAM;IACvB7B,MAAM,EAAE4B,kBAAS,CAACC,MAAM;IACxBT,IAAI,EAAEQ,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIb,qBAAqB,EAAEY,kBAAS,CAACC,MAAM;IACvC;AACJ;AACA;IACIX,kBAAkB,EAAEU,kBAAS,CAACC,MAAM;IACpC;AACJ;AACA;IACIhC,eAAe,EAAE+B,kBAAS,CAACC,MAAM;IACjC;AACJ;AACA;IACI/B,aAAa,EAAE8B,kBAAS,CAACC,MAAM;IAC/B;AACJ;AACA;IACI5B,cAAc,EAAE2B,kBAAS,CAACC;EAC5B,CAAC,CAAC,CAACE,UAAU;EAEb;AACF;AACA;EACE3H,EAAE,EAAEwH,kBAAS,CAACC,MAAM;EAEpB;AACF;AACA;EACExH,IAAI,EAAEuH,kBAAS,CAACC,MAAM;EAEtB;AACF;AACA;AACA;AACA;AACA;EACEpH,KAAK,EAAEmH,kBAAS,CAACI,IAAI;EACrB;AACF;AACA;EACE,YAAY,EAAEJ,kBAAS,CAACC,MAAM;EAC9B;AACF;AACA;EACE,iBAAiB,EAAED,kBAAS,CAACC,MAAM;EACnC;AACF;AACA;EACEjH,WAAW,EAAEgH,kBAAS,CAACI,IAAI;EAC3B;AACF;AACA;EACE,kBAAkB,EAAEJ,kBAAS,CAACC,MAAM;EAEpC;AACF;AACA;EACEzG,WAAW,EAAEwG,kBAAS,CAACC,MAAM;EAE7B;AACF;AACA;EACEtH,QAAQ,EAAEqH,kBAAS,CAACK,IAAI;EACxB;AACF;AACA;EACE3H,QAAQ,EAAEsH,kBAAS,CAACK,IAAI;EAExB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEhH,MAAM,EAAE2G,kBAAS,CAACM,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;EACxD;AACF;AACA;AACA;AACA;EACEhH,aAAa,EAAE0G,kBAAS,CAACI,IAAI;EAC7B;AACF;AACA;AACA;AACA;EACE,mBAAmB,EAAEJ,kBAAS,CAACC,MAAM;EAErC;AACF;AACA;EACE/G,QAAQ,EAAE8G,kBAAS,CAACO,IAAI;EAExB;AACF;AACA;EACEpH,QAAQ,EAAE6G,kBAAS,CAACO,IAAI;EAExB;AACF;AACA;EACEnH,OAAO,EAAE4G,kBAAS,CAACO,IAAI;EAEvB;AACF;AACA;EACE7G,MAAM,EAAEsG,kBAAS,CAACE,KAAK,CAAC;IACtB;AACJ;AACA;IACIjI,UAAU,EAAE+H,kBAAS,CAACC,MAAM;IAC5B;AACJ;AACA;IACI/H,WAAW,EAAE8H,kBAAS,CAACC,MAAM;IAC7B;AACJ;AACA;IACI9H,UAAU,EAAE6H,kBAAS,CAACC;EACxB,CAAC,CAAC;EAEF;AACF;AACA;EACEtG,KAAK,EAAEqG,kBAAS,CAACQ,UAAU,CAACC,IAAI,CAAC;EACjC;AACF;AACA;EACE7G,UAAU,EAAEoG,kBAAS,CAACQ,UAAU,CAACC,IAAI,CAAC;EACtC;AACF;AACA;EACE5G,QAAQ,EAAEmG,kBAAS,CAACQ,UAAU,CAACC,IAAI,CAAC;EACpC;AACF;AACA;EACE3G,SAAS,EAAEkG,kBAAS,CAACK,IAAI;EACzB;AACF;AACA;AACA;EACErG,mBAAmB,EAAEgG,kBAAS,CAACM,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EACvD;AACF;AACA;EACEpG,MAAM,EAAE8F,kBAAS,CAACC,MAAM;EAExB;AACF;AACA;EACE9F,WAAW,EAAE6F,kBAAS,CAACK,IAAI;EAC3B;AACF;AACA;AACA;EACEjG,SAAS,EAAE4F,kBAAS,CAACK,IAAI;EACzB;AACF;AACA;EACEhG,aAAa,EAAE2F,kBAAS,CAACK,IAAI;EAC7B;AACF;AACA;EACE/F,mBAAmB,EAAE0F,kBAAS,CAACK,IAAI;EACnC;AACF;AACA;EACEtG,cAAc,EAAEiG,kBAAS,CAACI,IAAI;EAC9B;AACF;AACA;EACE7F,aAAa,EAAEyF,kBAAS,CAACQ,UAAU,CAACE,MAAM,CAAC;EAC3C;AACF;AACA;EACE9H,QAAQ,EAAEoH,kBAAS,CAACK,IAAI;EACxB;AACF;AACA;EACE7F,aAAa,EAAEwF,kBAAS,CAACQ,UAAU,CAACE,MAAM;AAC5C,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEnI,IAAI,EAAE,cAAc;EAAEoI,KAAK,EAAE;AAAE,CAAC,CAAC,CAACzI,YAAY,CAAC;AAAA"}
+{"version":3,"file":"DatePicker.js","names":["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","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","localeFromProvider","useLocale","useState","calendarOpen","setCalendarOpen","useSavedState","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","useVisibleDate","visibleDate","dispatchAction","focusTarget","useRef","useEffect","endDateIsSet","current","type","NAV_OPTIONS","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","clsx","actionContainer","leftContainer","setId","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","error","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","withStyles","styles","index"],"sources":["../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@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/FilterGroup/Counter/Counter.js

@@ -15,8 +15,6 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.find-index.js");
-require("core-js/modules/es.array.flat.js");
-require("core-js/modules/es.array.unscopables.flat.js");
 require("core-js/modules/es.array.filter.js");
 var _react = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -40,7 +38,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 = (0, _styles.default)();
@@ -57,7 +54,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/FilterGroup/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","useStyles","useContext","FilterGroupContext","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","clsx","root","propTypes","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;AACA;AACA;AACA;AACA;AAAiC;AAAA;AAAA;AAEjC,IAAMA,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,GAAG,IAAAC,eAAS,GAAE;EAC3B,kBAAkE,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;IAAxFb,aAAa,eAAbA,aAAa;IAAA,oCAAED,YAAY;IAAZA,YAAY,sCAAG,EAAE;IAAA,oCAAEe,cAAc;IAAdA,cAAc,sCAAG,EAAE;EAE7D,IAAMC,OAAO,GAAGR,EAAE,GAAG,CAACP,aAAa,CAACK,IAAI,CAAC,UAACW,MAAM;IAAA,OAAKA,MAAM,CAACT,EAAE,KAAKA,EAAE;EAAA,EAAC,CAAC,GAAGP,aAAa;EACvF,IAAMiB,SAAS,GAAGjB,aAAa,CAACkB,SAAS,CAAC,UAACF,MAAM;IAAA,OAAKA,MAAM,CAACT,EAAE,KAAKA,EAAE;EAAA,EAAC;EAEvE,IAAIY,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,CACrCrB,OAAO,CAAC,UAACsB,EAAE,EAAEC,CAAC,EAAK;IAClBN,aAAa,IAAItB,sBAAsB,CAAC4B,CAAC,EAAE1B,YAAY,EAAEC,aAAa,CAAC;EACzE,CAAC,CAAC;EAEJ,IAAM0B,cAAc,GAAGnB,EAAE,GACrBV,sBAAsB,CAACoB,SAAS,EAAElB,YAAY,EAAEC,aAAa,CAAC,IAAI,CAAC,GACnEmB,aAAa;EACjB,IAAMQ,YAAY,GAAGZ,OAAO,CAACa,MAAM,CAAC,UAACC,GAAG,EAAEb,MAAM;IAAA,OAAKa,GAAG,GAAGb,MAAM,CAACZ,IAAI,CAAC0B,MAAM;EAAA,GAAE,CAAC,CAAC;EAEjF,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAI,EAACrB,OAAO,CAACsB,IAAI,EAAEvB,SAAS,CAAE;IAAA,WAC3CiB,cAAc,GAAG,CAAC,gBAAG;MAAA,UAAIA;IAAc,EAAK,GAAGA,cAAc,eACvDC,YAAY;EAAA,EACf;AAEV,CAAC;AAED,wCAAAnB,OAAO,CAACyB,SAAS,GAAG;EAClBxB,SAAS,EAAEyB,kBAAS,CAACC,MAAM;EAC3B5B,EAAE,EAAE2B,kBAAS,CAACC;AAChB,CAAC;AAAC,eAEa3B,OAAO;AAAA"}
+{"version":3,"file":"Counter.js","names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","useStyles","useContext","FilterGroupContext","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","clsx","root","propTypes","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;AACA;AACA;AACA;AACA;AAAiC;AAAA;AAAA;AAEjC,IAAMA,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,GAAG,IAAAC,eAAS,GAAE;EAC3B,kBAAkE,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;IAAxFb,aAAa,eAAbA,aAAa;IAAA,oCAAED,YAAY;IAAZA,YAAY,sCAAG,EAAE;IAAA,oCAAEe,cAAc;IAAdA,cAAc,sCAAG,EAAE;EAE7D,IAAMC,OAAO,GAAGR,EAAE,GAAG,CAACP,aAAa,CAACK,IAAI,CAAC,UAACW,MAAM;IAAA,OAAKA,MAAM,CAACT,EAAE,KAAKA,EAAE;EAAA,EAAC,CAAC,GAAGP,aAAa;EACvF,IAAMiB,SAAS,GAAGjB,aAAa,CAACkB,SAAS,CAAC,UAACF,MAAM;IAAA,OAAKA,MAAM,CAACT,EAAE,KAAKA,EAAE;EAAA,EAAC;EAEvE,IAAIY,aAAa,GAAG,CAAC;EACrBL,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CACVM,MAAM,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,KAAKC,SAAS;EAAA,EAAC,CACrCpB,OAAO,CAAC,UAACqB,EAAE,EAAEC,CAAC,EAAK;IAClBL,aAAa,IAAItB,sBAAsB,CAAC2B,CAAC,EAAEzB,YAAY,EAAEC,aAAa,CAAC;EACzE,CAAC,CAAC;EAEJ,IAAMyB,cAAc,GAAGlB,EAAE,GACrBV,sBAAsB,CAACoB,SAAS,EAAElB,YAAY,EAAEC,aAAa,CAAC,IAAI,CAAC,GACnEmB,aAAa;EACjB,IAAMO,YAAY,GAAGX,OAAO,CAACY,MAAM,CAAC,UAACC,GAAG,EAAEZ,MAAM;IAAA,OAAKY,GAAG,GAAGZ,MAAM,CAACZ,IAAI,CAACyB,MAAM;EAAA,GAAE,CAAC,CAAC;EAEjF,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAI,EAACpB,OAAO,CAACqB,IAAI,EAAEtB,SAAS,CAAE;IAAA,WAC3CgB,cAAc,GAAG,CAAC,gBAAG;MAAA,UAAIA;IAAc,EAAK,GAAGA,cAAc,eACvDC,YAAY;EAAA,EACf;AAEV,CAAC;AAED,wCAAAlB,OAAO,CAACwB,SAAS,GAAG;EAClBvB,SAAS,EAAEwB,kBAAS,CAACC,MAAM;EAC3B3B,EAAE,EAAE0B,kBAAS,CAACC;AAChB,CAAC;AAAC,eAEa1B,OAAO;AAAA"}

package/dist/FilterGroup/RightPanel/RightPanel.js

@@ -64,10 +64,13 @@ var RightPanel = function RightPanel(_ref) {
     setFilterValues = _useContext.setFilterValues,
     activeGroup = _useContext.activeGroup;
   var activeGroupOptions = (0, _react.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 = (0, _react.useMemo)(function () {
     var _filterValues$activeG;
     return (_filterValues$activeG = filterValues[activeGroup]) === null || _filterValues$activeG === void 0 ? void 0 : _filterValues$activeG.filter(function (value) {
@@ -109,9 +112,20 @@ var RightPanel = function RightPanel(_ref) {
   };
   var handleSelectAll = (0, _react.useCallback)(function () {
     var newFilterValues = (0, _cloneDeep.default)(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((0, _toConsumableArray2.default)(filterValues[activeGroup]), (0, _toConsumableArray2.default)(activeGroupOptions));
+    }
     setFilterValues(newFilterValues);
-  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);
+  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues, searchStr]);
 
   /**
    * Create selecteAll component.

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

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

package/dist/OverflowTooltip/OverflowTooltip.js

@@ -53,7 +53,6 @@ var isParagraph = function isParagraph(children) {
  * This component generates a tooltip whenever the text is overflowed.
  */
 var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
-  var _ref$current;
   var id = _ref.id,
     className = _ref.className,
     classes = _ref.classes,
@@ -70,15 +69,26 @@ var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
       },
       handleHeight: false
     }),
+    _useResizeDetector$he = _useResizeDetector.height,
+    height = _useResizeDetector$he === void 0 ? 0 : _useResizeDetector$he,
     _useResizeDetector$wi = _useResizeDetector.width,
     width = _useResizeDetector$wi === void 0 ? 0 : _useResizeDetector$wi,
     ref = _useResizeDetector.ref;
-  var scrollWidth = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) || 0;
-  // The difference should be higher than a pixel to be considered as overflowing
-  var isOverflowing = scrollWidth - width >= 1;
   var isParag = (0, _react.useMemo)(function () {
     return paragraphOverflow && isParagraph(data.toString());
   }, [data, paragraphOverflow]);
+
+  // The difference should be higher than a pixel to be considered as overflowing
+  var isOverflowing = (0, _react.useMemo)(function () {
+    var _ref$current2;
+    if (isParag) {
+      var _ref$current;
+      var scrollHeight = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 0;
+      return scrollHeight - height >= 1;
+    }
+    var scrollWidth = ((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.scrollWidth) || 0;
+    return scrollWidth - width >= 1;
+  }, [height, isParag, ref, width]);
   var content = (0, _react.useMemo)(function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref,

package/dist/OverflowTooltip/OverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.js","names":["styles","createStyles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","width","ref","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","clsx","propTypes","PropTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","withStyles","name","React","memo"],"sources":["../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({\n  id,\n  className,\n  classes,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    ),\n    [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"mappings":"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"}
+{"version":3,"file":"OverflowTooltip.js","names":["styles","createStyles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","height","width","ref","isParag","useMemo","toString","isOverflowing","scrollHeight","current","scrollWidth","content","clsx","propTypes","PropTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","withStyles","name","React","memo"],"sources":["../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({\n  id,\n  className,\n  classes,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}) => {\n  const {\n    height = 0,\n    width = 0,\n    ref,\n  } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data.toString()),\n    [data, paragraphOverflow]\n  );\n\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = useMemo(() => {\n    if (isParag) {\n      const scrollHeight = ref.current?.scrollHeight || 0;\n\n      return scrollHeight - height >= 1;\n    }\n\n    const scrollWidth = ref.current?.scrollWidth || 0;\n\n    return scrollWidth - width >= 1;\n  }, [height, isParag, ref, width]);\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    ),\n    [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"mappings":"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"}

package/dist/legacy/Calendar/Calendar.d.ts

@@ -75,6 +75,10 @@ export interface HvCalendarProps
    * An element placed before the Calendar
    */
   startAdornment: React.ReactNode;
+  /**
+   * An element placed before the Calendar
+   */
+  invalidDateLabel?: string;
 }
 
 export default function HvCalendar(props: HvCalendarProps): JSX.Element | null;

package/dist/legacy/Calendar/Calendar.js

@@ -7,7 +7,7 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange"];
+var _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange", "invalidDateLabel"];
 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 React, { useContext } from "react";
@@ -35,6 +35,7 @@ var HvCalendar = function HvCalendar(_ref) {
     onChange = _ref.onChange,
     _onInputChange = _ref.onInputChange,
     _onVisibleDateChange = _ref.onVisibleDateChange,
+    invalidDateLabel = _ref.invalidDateLabel,
     others = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(HvFormElementContext),
     elementId = _useContext.elementId;
@@ -56,7 +57,8 @@ var HvCalendar = function HvCalendar(_ref) {
     onInputChange: function onInputChange(evt, date) {
       return _onInputChange(evt, date, "left");
     },
-    onVisibleDateChange: _onVisibleDateChange
+    onVisibleDateChange: _onVisibleDateChange,
+    invalidDateLabel: invalidDateLabel
   }, others));
   var rangeCalendar = /*#__PURE__*/_jsxs("div", {
     className: classes.rangeCalendarContainer,
@@ -75,7 +77,8 @@ var HvCalendar = function HvCalendar(_ref) {
       },
       onVisibleDateChange: function onVisibleDateChange(event, action, index) {
         return _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "left");
-      }
+      },
+      invalidDateLabel: invalidDateLabel
     }, others)), /*#__PURE__*/_jsx(SingleCalendar, _objectSpread({
       className: classes.singleCalendar,
       id: rightCalendarId,
@@ -92,7 +95,8 @@ var HvCalendar = function HvCalendar(_ref) {
       onVisibleDateChange: function onVisibleDateChange(event, action, index) {
         _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "right");
       },
-      showEndDate: true
+      showEndDate: true,
+      invalidDateLabel: invalidDateLabel
     }, others))]
   });
   return /*#__PURE__*/_jsxs("div", {
@@ -163,7 +167,11 @@ process.env.NODE_ENV !== "production" ? HvCalendar.propTypes = {
   /**
    * An element placed before the Calendar
    */
-  startAdornment: PropTypes.node
+  startAdornment: PropTypes.node,
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: PropTypes.string
 } : void 0;
 export default withStyles(styles, {
   name: "HvCalendar"

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["React","useContext","PropTypes","withStyles","setId","styles","HvFormElementContext","HvFormElementValueContext","isRange","SingleCalendar","HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","elementId","elementValue","localValue","localId","rangeMode","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","name"],"sources":["../../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n  classes,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <SingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n      onVisibleDateChange={onVisibleDateChange}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        {...others}\n      />\n\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n\nHvCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear: 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 the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange: PropTypes.func,\n\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   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["React","useContext","PropTypes","withStyles","setId","styles","HvFormElementContext","HvFormElementValueContext","isRange","SingleCalendar","HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","invalidDateLabel","others","elementId","elementValue","localValue","localId","rangeMode","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","name"],"sources":["../../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n  classes,\n  id,\n  locale,\n  value,\n  visibleMonth,\n  visibleYear,\n  rightVisibleMonth,\n  rightVisibleYear,\n  minimumDate,\n  maximumDate,\n  startAdornment,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  invalidDateLabel,\n  ...others\n}) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const elementValue = useContext(HvFormElementValueContext);\n  const localValue = value ?? elementValue;\n  const localId = id ?? setId(elementId, \"single-calendar\");\n  const rangeMode = isRange(localValue);\n  const rightCalendarId = setId(localId, \"single-calendar-right\");\n  const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n  const singleCalendar = (\n    <SingleCalendar\n      id={localId}\n      locale={locale}\n      value={localValue}\n      visibleMonth={clampedMonth}\n      visibleYear={visibleYear}\n      minimumDate={minimumDate}\n      maximumDate={maximumDate}\n      onChange={onChange}\n      onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n      onVisibleDateChange={onVisibleDateChange}\n      invalidDateLabel={invalidDateLabel}\n      {...others}\n    />\n  );\n\n  const rangeCalendar = (\n    <div className={classes.rangeCalendarContainer}>\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={localId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={clampedMonth}\n        visibleYear={visibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n        onVisibleDateChange={(event, action, index) =>\n          onVisibleDateChange?.(event, action, index, \"left\")\n        }\n        invalidDateLabel={invalidDateLabel}\n        {...others}\n      />\n\n      <SingleCalendar\n        className={classes.singleCalendar}\n        id={rightCalendarId}\n        locale={locale}\n        value={localValue}\n        visibleMonth={rightVisibleMonth}\n        visibleYear={rightVisibleYear}\n        minimumDate={minimumDate}\n        maximumDate={maximumDate}\n        onChange={onChange}\n        onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n        onVisibleDateChange={(event, action, index) => {\n          onVisibleDateChange?.(event, action, index, \"right\");\n        }}\n        showEndDate\n        invalidDateLabel={invalidDateLabel}\n        {...others}\n      />\n    </div>\n  );\n\n  return (\n    <div className={classes.root}>\n      {startAdornment}\n      {rangeMode ? rangeCalendar : singleCalendar}\n    </div>\n  );\n};\n\nHvCalendar.propTypes = {\n  /**\n   * Styles applied from the theme.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * The calendar locale. If undefined, it defaults to en-US\n   *\n   */\n  locale: PropTypes.string,\n  /**\n   * Date that the calendar would show.\n   * if using the object format the calendar enter in range mode showing two calendars\n   */\n  value: PropTypes.oneOfType([\n    PropTypes.instanceOf(Date),\n    PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n  ]),\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar\n   */\n  visibleYear: PropTypes.number,\n  /**\n   * Controls the visible month of the Calendar on the right side of the datepicker\n   */\n  rightVisibleMonth: PropTypes.number,\n  /**\n   * Controls the visible year of the Calendar on the right side of the datepicker\n   */\n  rightVisibleYear: 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 the user clicks on the month or year selector.\n   * it receives the action that was pressed:\n   * previous_month, next_month, previous_year, next_year,month\n   */\n  onVisibleDateChange: PropTypes.func,\n\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   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Label shown when date is invalid.\n   */\n  invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":"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"}

package/dist/legacy/Calendar/CalendarHeader/CalendarHeader.d.ts

@@ -15,7 +15,11 @@ export type HvHeaderClassKey =
   | "input";
 
 export interface HvHeaderCalendarProps
-  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvHeaderClassKey, "onChange" | "onBlur" | "onFocus"> {
+  extends StandardProps<
+    React.HTMLAttributes<HTMLElement>,
+    HvHeaderClassKey,
+    "onChange" | "onBlur" | "onFocus"
+  > {
   /**
    * Locale to be used by the calendar header.
    */
@@ -27,14 +31,18 @@ export interface HvHeaderCalendarProps
   /**
    * Callback function to be triggered when the selected date has changed.
    */
-  onChange?: ( 
+  onChange?: (
     event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined,
     value: string | Date | DateRangeProp
-    ) => void;
+  ) => void;
   /**
    * Indicates if header should display end date in a date range.
    */
   showEndDate?: boolean;
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: string;
 }
 
 export default function HvHeaderCalendar(props: HvHeaderCalendarProps): JSX.Element | null;

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

@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _Info;
-var _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus"];
+var _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus", "invalidDateLabel"];
 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 React, { useState, useEffect, useContext } from "react";
@@ -43,6 +43,8 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
     onChange = _ref.onChange,
     showEndDate = _ref.showEndDate,
     onFocus = _ref.onFocus,
+    _ref$invalidDateLabel = _ref.invalidDateLabel,
+    invalidDateLabel = _ref$invalidDateLabel === void 0 ? "Invalid Date" : _ref$invalidDateLabel,
     others = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(HvFormElementContext),
     elementId = _useContext.elementId;
@@ -172,7 +174,7 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
         children: [_Info || (_Info = /*#__PURE__*/_jsx(Info, {
           color: "acce3",
           iconSize: "S"
-        })), "Invalid date"]
+        })), invalidDateLabel]
       })
     })]
   });
@@ -211,7 +213,11 @@ process.env.NODE_ENV !== "production" ? HvCalendarHeader.propTypes = {
   /**
    * Indicates if header should display end date in a date range.
    */
-  showEndDate: PropTypes.bool
+  showEndDate: PropTypes.bool,
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: PropTypes.string
 } : void 0;
 export default withStyles(styles, {
   name: "HvCalendarHeader"