@hitachivantara/uikit-react-core 3.68.11 → 3.71.0

package/dist/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","names":["setFocusToContent","containerRef","getElementsByTagName","focus","timeIsEqual","timeA","timeB","hours","minutes","seconds","period","timeIsValid","time","timeFormat","hourInputState","TimeFormat","H24","H12","minutesInputState","secondsInputState","HvTimePicker","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","hoursPlaceholder","minutesPlaceholder","secondsPlaceholder","valueProp","value","defaultValueProp","defaultValue","chosenTimeFormat","localeProp","locale","disableDefaultValue","onToggleCallback","onToggle","Date","getHours","getMinutes","chosenTimePeriod","disablePortal","escapeWithReference","dropdownProps","others","elementId","useUniqueId","localeFromProvider","useLocale","useMemo","toString","getTimeFormatForLocale","useSavedState","v","getHoursForTimeFormat","PeriodPickerOptions","AM","PM","setValue","rollbackValue","lastValidValue","useControlled","validationMessage","validationState","setValidationState","useState","isOpen","setOpen","firstRender","useRef","currentValue","useEffect","current","currentTimeFormat","to12","h","p","undefined","dayPeriod","handleTimeChange","updatedTimeObject","valid","getTimeWithFormat24","handleHoursChange","updatedHours","newSelectedTime","handleMinutesChange","updatedMinutes","handleSecondsChange","updatedSeconds","handleChangePeriod","updatedPeriod","evt","open","hasLabels","hasDescription","canShowError","isStateInvalid","errorMessageId","setId","root","formElementRoot","clsx","labelContainer","getFormattedTime","dropdownPlaceholderDisabled","dropdownPlaceholder","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","iconBaseRoot","join","trim","modifiers","enabled","timePopperContainer","TimePickerUnits","HOUR_24","type","HOUR_12","separator","MINUTE","SECOND","error","propTypes","PropTypes","shape","string","input","periodContainer","isRequired","number","bool","node","oneOf","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/TimePicker/TimePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Time as TimeIcon } from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvFormElement,\n  HvBaseDropdown,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n  setId,\n  useUniqueId,\n  useControlled,\n  useLocale,\n  HvTypography,\n  useSavedState,\n} from \"..\";\n\nimport { TimePickerUnits, TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getFormattedTime, getTimeFormatForLocale } from \"./timePickerFormatter\";\nimport { getHoursForTimeFormat, getTimeWithFormat24 } from \"./timePickerConverter\";\nimport UnitTimePicker from \"./UnitTimePicker\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nimport styles from \"./styles\";\n\nconst setFocusToContent = (containerRef) => {\n  containerRef?.getElementsByTagName(\"input\")[0]?.focus();\n};\n\nconst timeIsEqual = (timeA, timeB) => {\n  return (\n    timeA === timeB ||\n    (timeA == null && timeB == null) ||\n    (timeA != null &&\n      timeB != null &&\n      timeA.hours === timeB.hours &&\n      timeA.minutes === timeB.minutes &&\n      timeA.seconds === timeB.seconds &&\n      timeA.period === timeB.period)\n  );\n};\n\nconst timeIsValid = (time, timeFormat) => {\n  const hourInputState =\n    time?.hours != null &&\n    time.hours !== \"\" &&\n    time.hours >= 0 &&\n    ((timeFormat === TimeFormat.H24 && time.hours <= 24) ||\n      (timeFormat === TimeFormat.H12 && time.hours <= 12));\n  const minutesInputState =\n    time?.minutes != null && time.minutes !== \"\" && time.minutes >= 0 && time.minutes <= 59;\n  const secondsInputState =\n    time?.seconds != null && time.seconds !== \"\" && time.seconds >= 0 && time.seconds <= 59;\n\n  return hourInputState && minutesInputState && secondsInputState;\n};\n\n/**\n * A TimePicker component used to choose the time.\n */\n\nconst HvTimePicker = ({\n  classes,\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n\n  placeholder,\n  hoursPlaceholder = \"hh\",\n  minutesPlaceholder = \"mm\",\n  secondsPlaceholder = \"ss\",\n\n  value: valueProp,\n  defaultValue: defaultValueProp,\n\n  timeFormat: chosenTimeFormat,\n  locale: localeProp,\n\n  disableDefaultValue,\n\n  onToggle: onToggleCallback,\n\n  // deprecated properties:\n  hours = new Date().getHours(),\n  minutes = new Date().getMinutes(),\n  seconds = 0,\n  period: chosenTimePeriod,\n\n  // misc properties:\n  disablePortal = true,\n  escapeWithReference = true,\n  dropdownProps,\n  ...others\n}) => {\n  // #region STATE\n  const elementId = useUniqueId(id, \"hvtimepicker\");\n\n  const localeFromProvider = useLocale();\n  const locale = localeProp || localeFromProvider;\n  const timeFormat = useMemo(\n    () => (chosenTimeFormat != null ? chosenTimeFormat.toString() : getTimeFormatForLocale(locale)),\n    [chosenTimeFormat, locale]\n  );\n\n  const [value, setValue, rollbackValue, lastValidValue] = useSavedState(() => {\n    // fallback to the deprecated properties\n    // we shouldn't do that when promoting to core\n    // as it makes impossible to start with an empty value\n    const defaultValue =\n      defaultValueProp ??\n      (disableDefaultValue\n        ? null\n        : {\n            hours,\n            minutes,\n            seconds,\n          });\n\n    const v = valueProp ?? defaultValue;\n\n    return v != null\n      ? {\n          hours: v?.hours != null ? getHoursForTimeFormat(v.hours, timeFormat) : null,\n          minutes: v?.minutes,\n          seconds: v?.seconds,\n          period:\n            timeFormat === TimeFormat.H12\n              ? chosenTimePeriod ??\n                (v?.hours == null || v.hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM)\n              : null,\n        }\n      : null;\n  });\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [isOpen, setOpen] = useState(false);\n  // #endregion\n\n  // #region SIDE EFFECTS\n  const firstRender = useRef(true);\n  const currentValue = useRef(value);\n  useEffect(() => {\n    currentValue.current = value;\n  });\n  const currentTimeFormat = useRef(timeFormat);\n  useEffect(() => {\n    currentTimeFormat.current = timeFormat;\n  });\n\n  useEffect(() => {\n    // allow external changes to the time format (via timeFormat or locale properties)\n    if (!firstRender.current && currentValue.current != null) {\n      const to12 = timeFormat === TimeFormat.H12;\n\n      let { hours: h, period: p } = currentValue.current;\n      if (to12) {\n        if (h == null || h < 12) {\n          p = PeriodPickerOptions.AM;\n        } else {\n          p = PeriodPickerOptions.PM;\n          if (h > 12) {\n            h -= 12;\n          }\n        }\n      } else {\n        if (p === PeriodPickerOptions.AM) {\n          if (h === 12) {\n            h = 0;\n          }\n        } else if (h < 12) {\n          h += 12;\n        }\n        p = undefined;\n      }\n\n      setValue(\n        {\n          hours: h,\n          minutes: currentValue.current.minutes,\n          seconds: currentValue.current.seconds,\n          period: p,\n        },\n        true\n      );\n    }\n  }, [setValue, timeFormat]);\n\n  useEffect(() => {\n    // allow control of value property\n    if (!firstRender.current) {\n      const dayPeriod =\n        valueProp?.hours == null || valueProp.hours < 12\n          ? PeriodPickerOptions.AM\n          : PeriodPickerOptions.PM;\n\n      setValue(\n        valueProp != null\n          ? {\n              hours:\n                valueProp?.hours != null\n                  ? getHoursForTimeFormat(valueProp.hours, currentTimeFormat.current)\n                  : null,\n              minutes: valueProp?.minutes,\n              seconds: valueProp?.seconds,\n              period: currentTimeFormat.current === TimeFormat.H12 ? dayPeriod : null,\n            }\n          : null,\n        true\n      );\n    }\n  }, [setValue, valueProp]);\n\n  useEffect(() => {\n    // on close, make sure to restore the last valid value\n    // (in the case the user closed with some time part invalid)\n    if (!firstRender.current && !isOpen) {\n      rollbackValue();\n    }\n  }, [isOpen, rollbackValue]);\n\n  useEffect(() => {\n    // run validations on each render\n    // (except on the first, remaining in the standBy/untouched state)\n    if (!firstRender.current) {\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && lastValidValue == null) {\n          return \"invalid\";\n        }\n        return \"valid\";\n      });\n    }\n  });\n\n  useEffect(() => {\n    firstRender.current = false;\n  }, []);\n  // #endregion\n\n  // #region EVENT HANDLERS\n  const handleTimeChange = (updatedTimeObject) => {\n    if (!timeIsEqual(value, updatedTimeObject)) {\n      const valid = timeIsValid(updatedTimeObject, timeFormat);\n\n      // the value only is commited if valid\n      setValue(updatedTimeObject, valid);\n\n      if (valid) {\n        // always output in 24h format\n        onChange?.(getTimeWithFormat24(updatedTimeObject, timeFormat));\n      }\n    }\n  };\n\n  /**\n   * Handles the change of the hours value\n   * @param {Number} hours - selected hours\n   * @memberof HvTimePicker\n   */\n  const handleHoursChange = (updatedHours) => {\n    const newSelectedTime = {\n      ...value,\n      hours: updatedHours,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the minutes value\n   * @param {Number} minutes - selected minutes\n   * @memberof HvTimePicker\n   */\n  const handleMinutesChange = (updatedMinutes) => {\n    const newSelectedTime = {\n      ...value,\n      minutes: updatedMinutes,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the seconds value\n   * @param {Number} seconds - selected seconds\n   * @memberof HvTimePicker\n   */\n  const handleSecondsChange = (updatedSeconds) => {\n    const newSelectedTime = {\n      ...value,\n      seconds: updatedSeconds,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the period (am/pm)\n   * @param {String} period - selected period\n   * @memberof HvTimePicker\n   */\n  const handleChangePeriod = (updatedPeriod) => {\n    const newSelectedTime = {\n      ...value,\n      period: updatedPeriod,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  const onToggle = (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 change of the expanded property.\n    */\n    if (evt === null) return;\n\n    onToggleCallback?.(evt, open);\n\n    setOpen(open);\n  };\n  // #endregion\n\n  const hasLabels = 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 = validationState === \"invalid\";\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      locale={locale}\n      required={required}\n      disabled={disabled}\n      status={validationState}\n      classes={{\n        root: classes.formElementRoot,\n      }}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabels || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabels && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(elementId, \"timepicker-dropdown\")}\n        role=\"combobox\"\n        placeholder={\n          lastValidValue != null ? (\n            getFormattedTime(lastValidValue, timeFormat)\n          ) : (\n            <HvTypography variant=\"placeholderText\">{placeholder}</HvTypography>\n          )\n        }\n        classes={{\n          placeholder: disabled ? classes.dropdownPlaceholderDisabled : classes.dropdownPlaceholder,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        variableWidth\n        placement=\"right\"\n        adornment={\n          <TimeIcon color={disabled ? \"atmo5\" : \"acce1\"} className={classes.iconBaseRoot} />\n        }\n        expanded={isOpen}\n        onToggle={onToggle}\n        onContainerCreation={setFocusToContent}\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        disablePortal={disablePortal}\n        disabled={disabled}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        {...dropdownProps}\n      >\n        <div className={classes.timePopperContainer}>\n          <UnitTimePicker\n            id={setId(elementId, \"hours\")}\n            placeholder={hoursPlaceholder}\n            unit={\n              timeFormat === TimeFormat.H24\n                ? TimePickerUnits.HOUR_24.type\n                : TimePickerUnits.HOUR_12.type\n            }\n            unitValue={value?.hours}\n            onChangeUnitTimeValue={handleHoursChange}\n          />\n          <span className={classes.separator}>:</span>\n          <UnitTimePicker\n            id={setId(elementId, \"minutes\")}\n            placeholder={minutesPlaceholder}\n            unit={TimePickerUnits.MINUTE.type}\n            unitValue={value?.minutes}\n            onChangeUnitTimeValue={handleMinutesChange}\n          />\n          <span className={classes.separator}>:</span>\n          <UnitTimePicker\n            id={setId(elementId, \"seconds\")}\n            placeholder={secondsPlaceholder}\n            unit={TimePickerUnits.SECOND.type}\n            unitValue={value?.seconds}\n            onChangeUnitTimeValue={handleSecondsChange}\n          />\n          {timeFormat === TimeFormat.H12 && (\n            <PeriodPicker onChangePeriod={handleChangePeriod} period={value?.period} />\n          )}\n        </div>\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTimePicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the input.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the timePopperContainer.\n     */\n    timePopperContainer: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the period container.\n     */\n    periodContainer: PropTypes.string,\n    /**\n     * Styles applied to the form element.\n     */\n    formElementRoot: PropTypes.string,\n    /**\n     * Styles applied to the dropdown placeholder.\n     */\n    dropdownPlaceholder: PropTypes.string,\n    /**\n     * Styles applied to the icon base.\n     */\n    iconBaseRoot: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the dropdown when invalid information text.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown text when invalid.\n     */\n\n    dropdownPlaceholderDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown border when invalid.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 value of the form element.\n   */\n  value: PropTypes.shape({\n    hours: PropTypes.number,\n    minutes: PropTypes.number,\n    seconds: PropTypes.number,\n    period: PropTypes.string,\n  }),\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.shape({\n    hours: PropTypes.number,\n    minutes: PropTypes.number,\n    seconds: PropTypes.number,\n    period: PropTypes.string,\n  }),\n\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\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.string,\n\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when no time is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * The placeholder of the hours input.\n   */\n  hoursPlaceholder: PropTypes.string,\n  /**\n   * The placeholder of the minutes input.\n   */\n  minutesPlaceholder: PropTypes.string,\n  /**\n   * The placeholder of the seconds input.\n   */\n  secondsPlaceholder: PropTypes.string,\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 time picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * If the time should be presented in 12 or 24 hour format.\n   * If undefined, the component will use a format according to the passed locale.\n   * If defined, it will \"override\" the default value given by the locale\n   */\n  timeFormat: PropTypes.oneOf([TimeFormat.H12, TimeFormat.H24, 12, 24, undefined]),\n\n  /**\n   * Locale that will provide the time format(12 or 24 hour format)\n   * It is \"overwritten\" by the timeFormat prop\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Callback function to be triggered when the input value is changed.\n   * It is invoked with a object param with the following props:\n   *  - hours (in a 24h format)\n   *  - minutes\n   *  - seconds\n   *  - period\n   *\n   * It is always invoked with the hours in a 24h format\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * Allow starting with an empty value by not defaulting to the current time.\n   * This should become the default behavior when the component is promoted to core.\n   */\n  disableDefaultValue: PropTypes.bool,\n\n  /**\n   * Default value for the hours picker\n   * @deprecated use defaultValue instead\n   */\n  hours: PropTypes.number,\n  /**\n   * Default value for the minutes picker\n   * @deprecated use defaultValue instead\n   */\n  minutes: PropTypes.number,\n  /**\n   * Default value for the seconds picker\n   * @deprecated use defaultValue instead\n   */\n  seconds: PropTypes.number,\n  /**\n   * Default value for the period picker\n   * @deprecated use defaultValue instead\n   */\n  period: PropTypes.string,\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n\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   * Extra properties to be passed to the timepicker dropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTimePicker\" })(HvTimePicker);\n"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","names":["setFocusToContent","containerRef","getElementsByTagName","focus","timeIsEqual","timeA","timeB","hours","minutes","seconds","period","timeIsValid","time","timeFormat","hourInputState","TimeFormat","H24","H12","minutesInputState","secondsInputState","HvTimePicker","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","hoursPlaceholder","minutesPlaceholder","secondsPlaceholder","valueProp","value","defaultValueProp","defaultValue","chosenTimeFormat","localeProp","locale","disableDefaultValue","onToggleCallback","onToggle","Date","getHours","getMinutes","chosenTimePeriod","disablePortal","escapeWithReference","dropdownProps","others","elementId","useUniqueId","localeFromProvider","useLocale","useMemo","toString","getTimeFormatForLocale","useSavedState","v","getHoursForTimeFormat","PeriodPickerOptions","AM","PM","setValue","rollbackValue","lastValidValue","useControlled","validationMessage","validationState","setValidationState","useState","isOpen","setOpen","firstRender","useRef","currentValue","useEffect","current","currentTimeFormat","to12","h","p","undefined","dayPeriod","handleTimeChange","updatedTimeObject","valid","getTimeWithFormat24","handleHoursChange","updatedHours","newSelectedTime","handleMinutesChange","updatedMinutes","handleSecondsChange","updatedSeconds","handleChangePeriod","updatedPeriod","evt","open","hasLabels","hasDescription","canShowError","isStateInvalid","errorMessageId","setId","root","formElementRoot","clsx","labelContainer","getFormattedTime","dropdownPlaceholderDisabled","dropdownPlaceholder","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","iconBaseRoot","join","trim","modifiers","enabled","timePopperContainer","TimePickerUnits","HOUR_24","type","HOUR_12","separator","MINUTE","SECOND","error","propTypes","PropTypes","shape","string","input","periodContainer","isRequired","number","bool","node","oneOf","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/TimePicker/TimePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Time as TimeIcon } from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvFormElement,\n  HvBaseDropdown,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n  setId,\n  useUniqueId,\n  useControlled,\n  useLocale,\n  HvTypography,\n  useSavedState,\n} from \"..\";\n\nimport { TimePickerUnits, TimeFormat, PeriodPickerOptions } from \"./enums\";\nimport { getFormattedTime, getTimeFormatForLocale } from \"./timePickerFormatter\";\nimport { getHoursForTimeFormat, getTimeWithFormat24 } from \"./timePickerConverter\";\nimport UnitTimePicker from \"./UnitTimePicker\";\nimport PeriodPicker from \"./PeriodPicker\";\n\nimport styles from \"./styles\";\n\nconst setFocusToContent = (containerRef) => {\n  containerRef?.getElementsByTagName(\"input\")[0]?.focus();\n};\n\nconst timeIsEqual = (timeA, timeB) => {\n  return (\n    timeA === timeB ||\n    (timeA == null && timeB == null) ||\n    (timeA != null &&\n      timeB != null &&\n      timeA.hours === timeB.hours &&\n      timeA.minutes === timeB.minutes &&\n      timeA.seconds === timeB.seconds &&\n      timeA.period === timeB.period)\n  );\n};\n\nconst timeIsValid = (time, timeFormat) => {\n  const hourInputState =\n    time?.hours != null &&\n    time.hours !== \"\" &&\n    time.hours >= 0 &&\n    ((timeFormat === TimeFormat.H24 && time.hours <= 24) ||\n      (timeFormat === TimeFormat.H12 && time.hours <= 12));\n  const minutesInputState =\n    time?.minutes != null && time.minutes !== \"\" && time.minutes >= 0 && time.minutes <= 59;\n  const secondsInputState =\n    time?.seconds != null && time.seconds !== \"\" && time.seconds >= 0 && time.seconds <= 59;\n\n  return hourInputState && minutesInputState && secondsInputState;\n};\n\n/**\n * A TimePicker component used to choose the time.\n */\n\nconst HvTimePicker = ({\n  classes,\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n  readOnly = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n\n  placeholder,\n  hoursPlaceholder = \"hh\",\n  minutesPlaceholder = \"mm\",\n  secondsPlaceholder = \"ss\",\n\n  value: valueProp,\n  defaultValue: defaultValueProp,\n\n  timeFormat: chosenTimeFormat,\n  locale: localeProp,\n\n  disableDefaultValue,\n\n  onToggle: onToggleCallback,\n\n  // deprecated properties:\n  hours = new Date().getHours(),\n  minutes = new Date().getMinutes(),\n  seconds = 0,\n  period: chosenTimePeriod,\n\n  // misc properties:\n  disablePortal = true,\n  escapeWithReference = true,\n  dropdownProps,\n  ...others\n}) => {\n  // #region STATE\n  const elementId = useUniqueId(id, \"hvtimepicker\");\n\n  const localeFromProvider = useLocale();\n  const locale = localeProp || localeFromProvider;\n  const timeFormat = useMemo(\n    () => (chosenTimeFormat != null ? chosenTimeFormat.toString() : getTimeFormatForLocale(locale)),\n    [chosenTimeFormat, locale]\n  );\n\n  const [value, setValue, rollbackValue, lastValidValue] = useSavedState(() => {\n    // fallback to the deprecated properties\n    // we shouldn't do that when promoting to core\n    // as it makes impossible to start with an empty value\n    const defaultValue =\n      defaultValueProp ??\n      (disableDefaultValue\n        ? null\n        : {\n            hours,\n            minutes,\n            seconds,\n          });\n\n    const v = valueProp ?? defaultValue;\n\n    return v != null\n      ? {\n          hours: v?.hours != null ? getHoursForTimeFormat(v.hours, timeFormat) : null,\n          minutes: v?.minutes,\n          seconds: v?.seconds,\n          period:\n            timeFormat === TimeFormat.H12\n              ? chosenTimePeriod ??\n                (v?.hours == null || v.hours < 12 ? PeriodPickerOptions.AM : PeriodPickerOptions.PM)\n              : null,\n        }\n      : null;\n  });\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [isOpen, setOpen] = useState(false);\n  // #endregion\n\n  // #region SIDE EFFECTS\n  const firstRender = useRef(true);\n  const currentValue = useRef(value);\n  useEffect(() => {\n    currentValue.current = value;\n  });\n  const currentTimeFormat = useRef(timeFormat);\n  useEffect(() => {\n    currentTimeFormat.current = timeFormat;\n  });\n\n  useEffect(() => {\n    // allow external changes to the time format (via timeFormat or locale properties)\n    if (!firstRender.current && currentValue.current != null) {\n      const to12 = timeFormat === TimeFormat.H12;\n\n      let { hours: h, period: p } = currentValue.current;\n      if (to12) {\n        if (h == null || h < 12) {\n          p = PeriodPickerOptions.AM;\n        } else {\n          p = PeriodPickerOptions.PM;\n          if (h > 12) {\n            h -= 12;\n          }\n        }\n      } else {\n        if (p === PeriodPickerOptions.AM) {\n          if (h === 12) {\n            h = 0;\n          }\n        } else if (h < 12) {\n          h += 12;\n        }\n        p = undefined;\n      }\n\n      setValue(\n        {\n          hours: h,\n          minutes: currentValue.current.minutes,\n          seconds: currentValue.current.seconds,\n          period: p,\n        },\n        true\n      );\n    }\n  }, [setValue, timeFormat]);\n\n  useEffect(() => {\n    // allow control of value property\n    if (!firstRender.current) {\n      const dayPeriod =\n        valueProp?.hours == null || valueProp.hours < 12\n          ? PeriodPickerOptions.AM\n          : PeriodPickerOptions.PM;\n\n      setValue(\n        valueProp != null\n          ? {\n              hours:\n                valueProp?.hours != null\n                  ? getHoursForTimeFormat(valueProp.hours, currentTimeFormat.current)\n                  : null,\n              minutes: valueProp?.minutes,\n              seconds: valueProp?.seconds,\n              period: currentTimeFormat.current === TimeFormat.H12 ? dayPeriod : null,\n            }\n          : null,\n        true\n      );\n    }\n  }, [setValue, valueProp]);\n\n  useEffect(() => {\n    // on close, make sure to restore the last valid value\n    // (in the case the user closed with some time part invalid)\n    if (!firstRender.current && !isOpen) {\n      rollbackValue();\n    }\n  }, [isOpen, rollbackValue]);\n\n  useEffect(() => {\n    // run validations on each render\n    // (except on the first, remaining in the standBy/untouched state)\n    if (!firstRender.current) {\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && lastValidValue == null) {\n          return \"invalid\";\n        }\n        return \"valid\";\n      });\n    }\n  });\n\n  useEffect(() => {\n    firstRender.current = false;\n  }, []);\n  // #endregion\n\n  // #region EVENT HANDLERS\n  const handleTimeChange = (updatedTimeObject) => {\n    if (!timeIsEqual(value, updatedTimeObject)) {\n      const valid = timeIsValid(updatedTimeObject, timeFormat);\n\n      // the value only is commited if valid\n      setValue(updatedTimeObject, valid);\n\n      if (valid) {\n        // always output in 24h format\n        onChange?.(getTimeWithFormat24(updatedTimeObject, timeFormat));\n      }\n    }\n  };\n\n  /**\n   * Handles the change of the hours value\n   * @param {Number} hours - selected hours\n   * @memberof HvTimePicker\n   */\n  const handleHoursChange = (updatedHours) => {\n    const newSelectedTime = {\n      ...value,\n      hours: updatedHours,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the minutes value\n   * @param {Number} minutes - selected minutes\n   * @memberof HvTimePicker\n   */\n  const handleMinutesChange = (updatedMinutes) => {\n    const newSelectedTime = {\n      ...value,\n      minutes: updatedMinutes,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the seconds value\n   * @param {Number} seconds - selected seconds\n   * @memberof HvTimePicker\n   */\n  const handleSecondsChange = (updatedSeconds) => {\n    const newSelectedTime = {\n      ...value,\n      seconds: updatedSeconds,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  /**\n   * Handles the change of the period (am/pm)\n   * @param {String} period - selected period\n   * @memberof HvTimePicker\n   */\n  const handleChangePeriod = (updatedPeriod) => {\n    const newSelectedTime = {\n      ...value,\n      period: updatedPeriod,\n    };\n\n    handleTimeChange(newSelectedTime);\n  };\n\n  const onToggle = (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 change of the expanded property.\n    */\n    if (evt === null) return;\n\n    onToggleCallback?.(evt, open);\n\n    setOpen(open);\n  };\n  // #endregion\n\n  const hasLabels = 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 = validationState === \"invalid\";\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      locale={locale}\n      required={required}\n      disabled={disabled}\n      status={validationState}\n      classes={{\n        root: classes.formElementRoot,\n      }}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabels || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabels && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(elementId, \"timepicker-dropdown\")}\n        role=\"combobox\"\n        placeholder={\n          lastValidValue != null ? (\n            getFormattedTime(lastValidValue, timeFormat)\n          ) : (\n            <HvTypography variant=\"placeholderText\">{placeholder}</HvTypography>\n          )\n        }\n        classes={{\n          placeholder: disabled ? classes.dropdownPlaceholderDisabled : classes.dropdownPlaceholder,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        variableWidth\n        placement=\"right\"\n        adornment={\n          <TimeIcon color={disabled ? \"atmo5\" : \"acce1\"} className={classes.iconBaseRoot} />\n        }\n        expanded={isOpen}\n        onToggle={onToggle}\n        onContainerCreation={setFocusToContent}\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        disablePortal={disablePortal}\n        disabled={disabled}\n        readOnly={readOnly}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        {...dropdownProps}\n      >\n        <div className={classes.timePopperContainer}>\n          <UnitTimePicker\n            id={setId(elementId, \"hours\")}\n            placeholder={hoursPlaceholder}\n            unit={\n              timeFormat === TimeFormat.H24\n                ? TimePickerUnits.HOUR_24.type\n                : TimePickerUnits.HOUR_12.type\n            }\n            unitValue={value?.hours}\n            onChangeUnitTimeValue={handleHoursChange}\n          />\n          <span className={classes.separator}>:</span>\n          <UnitTimePicker\n            id={setId(elementId, \"minutes\")}\n            placeholder={minutesPlaceholder}\n            unit={TimePickerUnits.MINUTE.type}\n            unitValue={value?.minutes}\n            onChangeUnitTimeValue={handleMinutesChange}\n          />\n          <span className={classes.separator}>:</span>\n          <UnitTimePicker\n            id={setId(elementId, \"seconds\")}\n            placeholder={secondsPlaceholder}\n            unit={TimePickerUnits.SECOND.type}\n            unitValue={value?.seconds}\n            onChangeUnitTimeValue={handleSecondsChange}\n          />\n          {timeFormat === TimeFormat.H12 && (\n            <PeriodPicker onChangePeriod={handleChangePeriod} period={value?.period} />\n          )}\n        </div>\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvTimePicker.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the input.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the timePopperContainer.\n     */\n    timePopperContainer: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the period container.\n     */\n    periodContainer: PropTypes.string,\n    /**\n     * Styles applied to the form element.\n     */\n    formElementRoot: PropTypes.string,\n    /**\n     * Styles applied to the dropdown placeholder.\n     */\n    dropdownPlaceholder: PropTypes.string,\n    /**\n     * Styles applied to the icon base.\n     */\n    iconBaseRoot: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n    /**\n     * Styles applied to the dropdown when invalid information text.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown text when invalid.\n     */\n\n    dropdownPlaceholderDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown border when invalid.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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 value of the form element.\n   */\n  value: PropTypes.shape({\n    hours: PropTypes.number,\n    minutes: PropTypes.number,\n    seconds: PropTypes.number,\n    period: PropTypes.string,\n  }),\n  /**\n   * When uncontrolled, defines the initial input value.\n   */\n  defaultValue: PropTypes.shape({\n    hours: PropTypes.number,\n    minutes: PropTypes.number,\n    seconds: PropTypes.number,\n    period: PropTypes.string,\n  }),\n\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly: PropTypes.bool,\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.string,\n\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when no time is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * The placeholder of the hours input.\n   */\n  hoursPlaceholder: PropTypes.string,\n  /**\n   * The placeholder of the minutes input.\n   */\n  minutesPlaceholder: PropTypes.string,\n  /**\n   * The placeholder of the seconds input.\n   */\n  secondsPlaceholder: PropTypes.string,\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 time picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * If the time should be presented in 12 or 24 hour format.\n   * If undefined, the component will use a format according to the passed locale.\n   * If defined, it will \"override\" the default value given by the locale\n   */\n  timeFormat: PropTypes.oneOf([TimeFormat.H12, TimeFormat.H24, 12, 24, undefined]),\n\n  /**\n   * Locale that will provide the time format(12 or 24 hour format)\n   * It is \"overwritten\" by the timeFormat prop\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Callback function to be triggered when the input value is changed.\n   * It is invoked with a object param with the following props:\n   *  - hours (in a 24h format)\n   *  - minutes\n   *  - seconds\n   *  - period\n   *\n   * It is always invoked with the hours in a 24h format\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * Allow starting with an empty value by not defaulting to the current time.\n   * This should become the default behavior when the component is promoted to core.\n   */\n  disableDefaultValue: PropTypes.bool,\n\n  /**\n   * Default value for the hours picker\n   * @deprecated use defaultValue instead\n   */\n  hours: PropTypes.number,\n  /**\n   * Default value for the minutes picker\n   * @deprecated use defaultValue instead\n   */\n  minutes: PropTypes.number,\n  /**\n   * Default value for the seconds picker\n   * @deprecated use defaultValue instead\n   */\n  seconds: PropTypes.number,\n  /**\n   * Default value for the period picker\n   * @deprecated use defaultValue instead\n   */\n  period: PropTypes.string,\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n\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   * Extra properties to be passed to the timepicker dropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTimePicker\" })(HvTimePicker);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAcA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,YAAD,EAAkB;EAAA;;EAC1CA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,qCAAAA,YAAY,CAAEC,oBAAd,CAAmC,OAAnC,EAA4C,CAA5C,iFAAgDC,KAAhD;AACD,CAFD;;AAIA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,KAAR,EAAkB;EACpC,OACED,KAAK,KAAKC,KAAV,IACCD,KAAK,IAAI,IAAT,IAAiBC,KAAK,IAAI,IAD3B,IAECD,KAAK,IAAI,IAAT,IACCC,KAAK,IAAI,IADV,IAECD,KAAK,CAACE,KAAN,KAAgBD,KAAK,CAACC,KAFvB,IAGCF,KAAK,CAACG,OAAN,KAAkBF,KAAK,CAACE,OAHzB,IAICH,KAAK,CAACI,OAAN,KAAkBH,KAAK,CAACG,OAJzB,IAKCJ,KAAK,CAACK,MAAN,KAAiBJ,KAAK,CAACI,MAR3B;AAUD,CAXD;;AAaA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAOC,UAAP,EAAsB;EACxC,IAAMC,cAAc,GAClB,CAAAF,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEL,KAAN,KAAe,IAAf,IACAK,IAAI,CAACL,KAAL,KAAe,EADf,IAEAK,IAAI,CAACL,KAAL,IAAc,CAFd,KAGEM,UAAU,KAAKE,iBAAA,CAAWC,GAA1B,IAAiCJ,IAAI,CAACL,KAAL,IAAc,EAAhD,IACEM,UAAU,KAAKE,iBAAA,CAAWE,GAA1B,IAAiCL,IAAI,CAACL,KAAL,IAAc,EAJlD,CADF;EAMA,IAAMW,iBAAiB,GACrB,CAAAN,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEJ,OAAN,KAAiB,IAAjB,IAAyBI,IAAI,CAACJ,OAAL,KAAiB,EAA1C,IAAgDI,IAAI,CAACJ,OAAL,IAAgB,CAAhE,IAAqEI,IAAI,CAACJ,OAAL,IAAgB,EADvF;EAEA,IAAMW,iBAAiB,GACrB,CAAAP,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEH,OAAN,KAAiB,IAAjB,IAAyBG,IAAI,CAACH,OAAL,KAAiB,EAA1C,IAAgDG,IAAI,CAACH,OAAL,IAAgB,CAAhE,IAAqEG,IAAI,CAACH,OAAL,IAAgB,EADvF;EAGA,OAAOK,cAAc,IAAII,iBAAlB,IAAuCC,iBAA9C;AACD,CAbD;AAeA;AACA;AACA;;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAiDf;EAAA,IAhDJC,OAgDI,QAhDJA,OAgDI;EAAA,IA/CJC,SA+CI,QA/CJA,SA+CI;EAAA,IA7CJC,EA6CI,QA7CJA,EA6CI;EAAA,IA5CJC,IA4CI,QA5CJA,IA4CI;EAAA,yBA1CJC,QA0CI;EAAA,IA1CJA,QA0CI,8BA1CO,KA0CP;EAAA,yBAzCJC,QAyCI;EAAA,IAzCJA,QAyCI,8BAzCO,KAyCP;EAAA,yBAxCJC,QAwCI;EAAA,IAxCJA,QAwCI,8BAxCO,KAwCP;EAAA,IAtCJC,KAsCI,QAtCJA,KAsCI;EAAA,IArCUC,SAqCV,QArCJ,YAqCI;EAAA,IApCeC,cAoCf,QApCJ,iBAoCI;EAAA,IAnCJC,WAmCI,QAnCJA,WAmCI;EAAA,IAlCgBC,eAkChB,QAlCJ,kBAkCI;EAAA,IAhCJC,QAgCI,QAhCJA,QAgCI;EAAA,IA9BJC,MA8BI,QA9BJA,MA8BI;EAAA,IA7BJC,aA6BI,QA7BJA,aA6BI;EAAA,IA5BiBC,gBA4BjB,QA5BJ,mBA4BI;EAAA,IA1BJC,WA0BI,QA1BJA,WA0BI;EAAA,iCAzBJC,gBAyBI;EAAA,IAzBJA,gBAyBI,sCAzBe,IAyBf;EAAA,iCAxBJC,kBAwBI;EAAA,IAxBJA,kBAwBI,sCAxBiB,IAwBjB;EAAA,iCAvBJC,kBAuBI;EAAA,IAvBJA,kBAuBI,sCAvBiB,IAuBjB;EAAA,IArBGC,SAqBH,QArBJC,KAqBI;EAAA,IApBUC,gBAoBV,QApBJC,YAoBI;EAAA,IAlBQC,gBAkBR,QAlBJhC,UAkBI;EAAA,IAjBIiC,UAiBJ,QAjBJC,MAiBI;EAAA,IAfJC,mBAeI,QAfJA,mBAeI;EAAA,IAbMC,gBAaN,QAbJC,QAaI;EAAA,sBAVJ3C,KAUI;EAAA,IAVJA,KAUI,2BAVI,IAAI4C,IAAJ,GAAWC,QAAX,EAUJ;EAAA,wBATJ5C,OASI;EAAA,IATJA,OASI,6BATM,IAAI2C,IAAJ,GAAWE,UAAX,EASN;EAAA,wBARJ5C,OAQI;EAAA,IARJA,OAQI,6BARM,CAQN;EAAA,IAPI6C,gBAOJ,QAPJ5C,MAOI;EAAA,8BAJJ6C,aAII;EAAA,IAJJA,aAII,mCAJY,IAIZ;EAAA,iCAHJC,mBAGI;EAAA,IAHJA,mBAGI,sCAHkB,IAGlB;EAAA,IAFJC,aAEI,QAFJA,aAEI;EAAA,IADDC,MACC;EACJ;EACA,IAAMC,SAAS,GAAG,IAAAC,aAAA,EAAYrC,EAAZ,EAAgB,cAAhB,CAAlB;EAEA,IAAMsC,kBAAkB,GAAG,IAAAC,WAAA,GAA3B;EACA,IAAMf,MAAM,GAAGD,UAAU,IAAIe,kBAA7B;EACA,IAAMhD,UAAU,GAAG,IAAAkD,cAAA,EACjB;IAAA,OAAOlB,gBAAgB,IAAI,IAApB,GAA2BA,gBAAgB,CAACmB,QAAjB,EAA3B,GAAyD,IAAAC,2CAAA,EAAuBlB,MAAvB,CAAhE;EAAA,CADiB,EAEjB,CAACF,gBAAD,EAAmBE,MAAnB,CAFiB,CAAnB;;EAKA,qBAAyD,IAAAmB,eAAA,EAAc,YAAM;IAC3E;IACA;IACA;IACA,IAAMtB,YAAY,GAChBD,gBADgB,aAChBA,gBADgB,cAChBA,gBADgB,GAEfK,mBAAmB,GAChB,IADgB,GAEhB;MACEzC,KAAK,EAALA,KADF;MAEEC,OAAO,EAAPA,OAFF;MAGEC,OAAO,EAAPA;IAHF,CAJN;IAUA,IAAM0D,CAAC,GAAG1B,SAAH,aAAGA,SAAH,cAAGA,SAAH,GAAgBG,YAAvB;IAEA,OAAOuB,CAAC,IAAI,IAAL,GACH;MACE5D,KAAK,EAAE,CAAA4D,CAAC,SAAD,IAAAA,CAAC,WAAD,YAAAA,CAAC,CAAE5D,KAAH,KAAY,IAAZ,GAAmB,IAAA6D,0CAAA,EAAsBD,CAAC,CAAC5D,KAAxB,EAA+BM,UAA/B,CAAnB,GAAgE,IADzE;MAEEL,OAAO,EAAE2D,CAAF,aAAEA,CAAF,uBAAEA,CAAC,CAAE3D,OAFd;MAGEC,OAAO,EAAE0D,CAAF,aAAEA,CAAF,uBAAEA,CAAC,CAAE1D,OAHd;MAIEC,MAAM,EACJG,UAAU,KAAKE,iBAAA,CAAWE,GAA1B,GACIqC,gBADJ,aACIA,gBADJ,cACIA,gBADJ,GAEK,CAAAa,CAAC,SAAD,IAAAA,CAAC,WAAD,YAAAA,CAAC,CAAE5D,KAAH,KAAY,IAAZ,IAAoB4D,CAAC,CAAC5D,KAAF,GAAU,EAA9B,GAAmC8D,0BAAA,CAAoBC,EAAvD,GAA4DD,0BAAA,CAAoBE,EAFrF,GAGI;IARR,CADG,GAWH,IAXJ;EAYD,CA5BwD,CAAzD;EAAA;EAAA,IAAO7B,KAAP;EAAA,IAAc8B,QAAd;EAAA,IAAwBC,aAAxB;EAAA,IAAuCC,cAAvC;;EA8BA,qBAA4B,IAAAC,eAAA,EAAcxC,aAAd,EAA6B,UAA7B,CAA5B;EAAA;EAAA,IAAOyC,iBAAP;;EACA,sBAA8C,IAAAD,eAAA,EAAczC,MAAd,EAAsB,SAAtB,CAA9C;EAAA;EAAA,IAAO2C,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,gBAA0B,IAAAC,eAAA,EAAS,KAAT,CAA1B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,OAAf,iBA5CI,CA6CJ;EAEA;;;EACA,IAAMC,WAAW,GAAG,IAAAC,aAAA,EAAO,IAAP,CAApB;EACA,IAAMC,YAAY,GAAG,IAAAD,aAAA,EAAOzC,KAAP,CAArB;EACA,IAAA2C,gBAAA,EAAU,YAAM;IACdD,YAAY,CAACE,OAAb,GAAuB5C,KAAvB;EACD,CAFD;EAGA,IAAM6C,iBAAiB,GAAG,IAAAJ,aAAA,EAAOtE,UAAP,CAA1B;EACA,IAAAwE,gBAAA,EAAU,YAAM;IACdE,iBAAiB,CAACD,OAAlB,GAA4BzE,UAA5B;EACD,CAFD;EAIA,IAAAwE,gBAAA,EAAU,YAAM;IACd;IACA,IAAI,CAACH,WAAW,CAACI,OAAb,IAAwBF,YAAY,CAACE,OAAb,IAAwB,IAApD,EAA0D;MACxD,IAAME,IAAI,GAAG3E,UAAU,KAAKE,iBAAA,CAAWE,GAAvC;MAEA,4BAA8BmE,YAAY,CAACE,OAA3C;MAAA,IAAaG,CAAb,yBAAMlF,KAAN;MAAA,IAAwBmF,CAAxB,yBAAgBhF,MAAhB;;MACA,IAAI8E,IAAJ,EAAU;QACR,IAAIC,CAAC,IAAI,IAAL,IAAaA,CAAC,GAAG,EAArB,EAAyB;UACvBC,CAAC,GAAGrB,0BAAA,CAAoBC,EAAxB;QACD,CAFD,MAEO;UACLoB,CAAC,GAAGrB,0BAAA,CAAoBE,EAAxB;;UACA,IAAIkB,CAAC,GAAG,EAAR,EAAY;YACVA,CAAC,IAAI,EAAL;UACD;QACF;MACF,CATD,MASO;QACL,IAAIC,CAAC,KAAKrB,0BAAA,CAAoBC,EAA9B,EAAkC;UAChC,IAAImB,CAAC,KAAK,EAAV,EAAc;YACZA,CAAC,GAAG,CAAJ;UACD;QACF,CAJD,MAIO,IAAIA,CAAC,GAAG,EAAR,EAAY;UACjBA,CAAC,IAAI,EAAL;QACD;;QACDC,CAAC,GAAGC,SAAJ;MACD;;MAEDnB,QAAQ,CACN;QACEjE,KAAK,EAAEkF,CADT;QAEEjF,OAAO,EAAE4E,YAAY,CAACE,OAAb,CAAqB9E,OAFhC;QAGEC,OAAO,EAAE2E,YAAY,CAACE,OAAb,CAAqB7E,OAHhC;QAIEC,MAAM,EAAEgF;MAJV,CADM,EAON,IAPM,CAAR;IASD;EACF,CApCD,EAoCG,CAAClB,QAAD,EAAW3D,UAAX,CApCH;EAsCA,IAAAwE,gBAAA,EAAU,YAAM;IACd;IACA,IAAI,CAACH,WAAW,CAACI,OAAjB,EAA0B;MACxB,IAAMM,SAAS,GACb,CAAAnD,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAElC,KAAX,KAAoB,IAApB,IAA4BkC,SAAS,CAAClC,KAAV,GAAkB,EAA9C,GACI8D,0BAAA,CAAoBC,EADxB,GAEID,0BAAA,CAAoBE,EAH1B;MAKAC,QAAQ,CACN/B,SAAS,IAAI,IAAb,GACI;QACElC,KAAK,EACH,CAAAkC,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAElC,KAAX,KAAoB,IAApB,GACI,IAAA6D,0CAAA,EAAsB3B,SAAS,CAAClC,KAAhC,EAAuCgF,iBAAiB,CAACD,OAAzD,CADJ,GAEI,IAJR;QAKE9E,OAAO,EAAEiC,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEjC,OALtB;QAMEC,OAAO,EAAEgC,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEhC,OANtB;QAOEC,MAAM,EAAE6E,iBAAiB,CAACD,OAAlB,KAA8BvE,iBAAA,CAAWE,GAAzC,GAA+C2E,SAA/C,GAA2D;MAPrE,CADJ,GAUI,IAXE,EAYN,IAZM,CAAR;IAcD;EACF,CAvBD,EAuBG,CAACpB,QAAD,EAAW/B,SAAX,CAvBH;EAyBA,IAAA4C,gBAAA,EAAU,YAAM;IACd;IACA;IACA,IAAI,CAACH,WAAW,CAACI,OAAb,IAAwB,CAACN,MAA7B,EAAqC;MACnCP,aAAa;IACd;EACF,CAND,EAMG,CAACO,MAAD,EAASP,aAAT,CANH;EAQA,IAAAY,gBAAA,EAAU,YAAM;IACd;IACA;IACA,IAAI,CAACH,WAAW,CAACI,OAAjB,EAA0B;MACxBR,kBAAkB,CAAC,YAAM;QACvB;QACA,IAAIrD,QAAQ,IAAIiD,cAAc,IAAI,IAAlC,EAAwC;UACtC,OAAO,SAAP;QACD;;QACD,OAAO,OAAP;MACD,CANiB,CAAlB;IAOD;EACF,CAZD;EAcA,IAAAW,gBAAA,EAAU,YAAM;IACdH,WAAW,CAACI,OAAZ,GAAsB,KAAtB;EACD,CAFD,EAEG,EAFH,EA/II,CAkJJ;EAEA;;EACA,IAAMO,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,iBAAD,EAAuB;IAC9C,IAAI,CAAC1F,WAAW,CAACsC,KAAD,EAAQoD,iBAAR,CAAhB,EAA4C;MAC1C,IAAMC,KAAK,GAAGpF,WAAW,CAACmF,iBAAD,EAAoBjF,UAApB,CAAzB,CAD0C,CAG1C;;MACA2D,QAAQ,CAACsB,iBAAD,EAAoBC,KAApB,CAAR;;MAEA,IAAIA,KAAJ,EAAW;QACT;QACA9D,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG,IAAA+D,wCAAA,EAAoBF,iBAApB,EAAuCjF,UAAvC,CAAH,CAAR;MACD;IACF;EACF,CAZD;EAcA;AACF;AACA;AACA;AACA;;;EACE,IAAMoF,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,YAAD,EAAkB;IAC1C,IAAMC,eAAe,mCAChBzD,KADgB;MAEnBnC,KAAK,EAAE2F;IAFY,EAArB;;IAKAL,gBAAgB,CAACM,eAAD,CAAhB;EACD,CAPD;EASA;AACF;AACA;AACA;AACA;;;EACE,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,cAAD,EAAoB;IAC9C,IAAMF,eAAe,mCAChBzD,KADgB;MAEnBlC,OAAO,EAAE6F;IAFU,EAArB;;IAKAR,gBAAgB,CAACM,eAAD,CAAhB;EACD,CAPD;EASA;AACF;AACA;AACA;AACA;;;EACE,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,cAAD,EAAoB;IAC9C,IAAMJ,eAAe,mCAChBzD,KADgB;MAEnBjC,OAAO,EAAE8F;IAFU,EAArB;;IAKAV,gBAAgB,CAACM,eAAD,CAAhB;EACD,CAPD;EASA;AACF;AACA;AACA;AACA;;;EACE,IAAMK,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,aAAD,EAAmB;IAC5C,IAAMN,eAAe,mCAChBzD,KADgB;MAEnBhC,MAAM,EAAE+F;IAFW,EAArB;;IAKAZ,gBAAgB,CAACM,eAAD,CAAhB;EACD,CAPD;;EASA,IAAMjD,QAAQ,GAAG,SAAXA,QAAW,CAACwD,GAAD,EAAMC,IAAN,EAAe;IAC9B;AACJ;AACA;AACA;AACA;IACI,IAAID,GAAG,KAAK,IAAZ,EAAkB;IAElBzD,gBAAgB,SAAhB,IAAAA,gBAAgB,WAAhB,YAAAA,gBAAgB,CAAGyD,GAAH,EAAQC,IAAR,CAAhB;IAEA1B,OAAO,CAAC0B,IAAD,CAAP;EACD,CAXD,CA3NI,CAuOJ;;;EAEA,IAAMC,SAAS,GAAGhF,KAAK,IAAI,IAA3B;EACA,IAAMiF,cAAc,GAAG9E,WAAW,IAAI,IAAtC,CA1OI,CA4OJ;EACA;EACA;EACA;;EACA,IAAM+E,YAAY,GAChB1E,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKyD,SAAX,IAAwBxD,aAAa,KAAKwD,SAA3C,IAA0DzD,MAAM,KAAKyD,SAAX,IAAwBlE,QADnF,CADF;EAIA,IAAMsF,cAAc,GAAGlC,eAAe,KAAK,SAA3C;EAEA,IAAImC,cAAJ;;EACA,IAAID,cAAJ,EAAoB;IAClBC,cAAc,GAAGF,YAAY,GAAG,IAAAG,OAAA,EAAMtD,SAAN,EAAiB,OAAjB,CAAH,GAA+BvB,gBAA5D;EACD;;EAED,oBACE,6BAAC,eAAD;IACE,EAAE,EAAEb,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEuB,MAHV;IAIE,QAAQ,EAAEtB,QAJZ;IAKE,QAAQ,EAAEC,QALZ;IAME,MAAM,EAAEmD,eANV;IAOE,OAAO,EAAE;MACPqC,IAAI,EAAE7F,OAAO,CAAC8F;IADP,CAPX;IAUE,SAAS,EAAE,IAAAC,aAAA,EAAK9F,SAAL,EAAgBD,OAAO,CAAC6F,IAAxB;EAVb,GAWMxD,MAXN,GAaG,CAACkD,SAAS,IAAIC,cAAd,kBACC;IAAK,SAAS,EAAExF,OAAO,CAACgG;EAAxB,GACGT,SAAS,iBACR,6BAAC,SAAD;IAAS,EAAE,EAAE,IAAAK,OAAA,EAAMtD,SAAN,EAAiB,OAAjB,CAAb;IAAwC,KAAK,EAAE/B,KAA/C;IAAsD,SAAS,EAAEP,OAAO,CAACO;EAAzE,EAFJ,EAIGiF,cAAc,iBACb,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAAI,OAAA,EAAMtD,SAAN,EAAiB,aAAjB,CAAnB;IAAoD,SAAS,EAAEtC,OAAO,CAACU;EAAvE,GACGA,WADH,CALJ,CAdJ,eAyBE,6BAAC,gBAAD;IACE,EAAE,EAAE,IAAAkF,OAAA,EAAMtD,SAAN,EAAiB,qBAAjB,CADN;IAEE,IAAI,EAAC,UAFP;IAGE,WAAW,EACTe,cAAc,IAAI,IAAlB,GACE,IAAA4C,qCAAA,EAAiB5C,cAAjB,EAAiC7D,UAAjC,CADF,gBAGE,6BAAC,cAAD;MAAc,OAAO,EAAC;IAAtB,GAAyCwB,WAAzC,CAPN;IAUE,OAAO,EAAE;MACPA,WAAW,EAAEX,QAAQ,GAAGL,OAAO,CAACkG,2BAAX,GAAyClG,OAAO,CAACmG,mBAD/D;MAEPC,MAAM,EAAEV,cAAc,GAAG1F,OAAO,CAACqG,qBAAX,GAAmC/B,SAFlD;MAGPgC,UAAU,EAAEtG,OAAO,CAACuG;IAHb,CAVX;IAeE,aAAa,MAff;IAgBE,SAAS,EAAC,OAhBZ;IAiBE,SAAS,eACP,6BAAC,qBAAD;MAAU,KAAK,EAAElG,QAAQ,GAAG,OAAH,GAAa,OAAtC;MAA+C,SAAS,EAAEL,OAAO,CAACwG;IAAlE,EAlBJ;IAoBE,QAAQ,EAAE7C,MApBZ;IAqBE,QAAQ,EAAE9B,QArBZ;IAsBE,mBAAmB,EAAElD,iBAtBvB;IAuBE,iBAAc,QAvBhB;IAwBE,cAAY6B,SAxBd;IAyBE,mBACE,CAACD,KAAK,IAAI,IAAAqF,OAAA,EAAMtD,SAAN,EAAiB,OAAjB,CAAV,EAAqC7B,cAArC,EAAqDgG,IAArD,CAA0D,GAA1D,EAA+DC,IAA/D,MAAyEpC,SA1B7E;IA4BE,gBAAcoB,cAAc,GAAG,IAAH,GAAUpB,SA5BxC;IA6BE,qBAAmBqB,cA7BrB;IA8BE,oBACE,CAACjF,WAAW,IAAI,IAAAkF,OAAA,EAAMtD,SAAN,EAAiB,aAAjB,CAAhB,EAAiD3B,eAAjD,EAAkE8F,IAAlE,CAAuE,GAAvE,EAA4EC,IAA5E,MACApC,SAhCJ;IAkCE,aAAa,EAAEpC,aAlCjB;IAmCE,QAAQ,EAAE7B,QAnCZ;IAoCE,QAAQ,EAAEC,QApCZ;IAqCE,WAAW,EAAE;MAAEqG,SAAS,EAAE,CAAC;QAAExG,IAAI,EAAE,iBAAR;QAA2ByG,OAAO,EAAEzE;MAApC,CAAD;IAAb;EArCf,GAsCMC,aAtCN,gBAwCE;IAAK,SAAS,EAAEpC,OAAO,CAAC6G;EAAxB,gBACE,6BAAC,uBAAD;IACE,EAAE,EAAE,IAAAjB,OAAA,EAAMtD,SAAN,EAAiB,OAAjB,CADN;IAEE,WAAW,EAAErB,gBAFf;IAGE,IAAI,EACFzB,UAAU,KAAKE,iBAAA,CAAWC,GAA1B,GACImH,sBAAA,CAAgBC,OAAhB,CAAwBC,IAD5B,GAEIF,sBAAA,CAAgBG,OAAhB,CAAwBD,IANhC;IAQE,SAAS,EAAE3F,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEnC,KARpB;IASE,qBAAqB,EAAE0F;EATzB,EADF,eAYE;IAAM,SAAS,EAAE5E,OAAO,CAACkH;EAAzB,OAZF,eAaE,6BAAC,uBAAD;IACE,EAAE,EAAE,IAAAtB,OAAA,EAAMtD,SAAN,EAAiB,SAAjB,CADN;IAEE,WAAW,EAAEpB,kBAFf;IAGE,IAAI,EAAE4F,sBAAA,CAAgBK,MAAhB,CAAuBH,IAH/B;IAIE,SAAS,EAAE3F,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAElC,OAJpB;IAKE,qBAAqB,EAAE4F;EALzB,EAbF,eAoBE;IAAM,SAAS,EAAE/E,OAAO,CAACkH;EAAzB,OApBF,eAqBE,6BAAC,uBAAD;IACE,EAAE,EAAE,IAAAtB,OAAA,EAAMtD,SAAN,EAAiB,SAAjB,CADN;IAEE,WAAW,EAAEnB,kBAFf;IAGE,IAAI,EAAE2F,sBAAA,CAAgBM,MAAhB,CAAuBJ,IAH/B;IAIE,SAAS,EAAE3F,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEjC,OAJpB;IAKE,qBAAqB,EAAE6F;EALzB,EArBF,EA4BGzF,UAAU,KAAKE,iBAAA,CAAWE,GAA1B,iBACC,6BAAC,qBAAD;IAAc,cAAc,EAAEuF,kBAA9B;IAAkD,MAAM,EAAE9D,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEhC;EAAjE,EA7BJ,CAxCF,CAzBF,EAkGGoG,YAAY,iBACX,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAAG,OAAA,EAAMtD,SAAN,EAAiB,OAAjB,CAAnB;IAA8C,aAAa,MAA3D;IAA4D,SAAS,EAAEtC,OAAO,CAACqH;EAA/E,GACG9D,iBADH,CAnGJ,CADF;AA0GD,CAtZD;;AAwZA,wCAAAxD,YAAY,CAACuH,SAAb,GAAyB;EACvB;AACF;AACA;EACEtH,OAAO,EAAEuH,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACI3B,IAAI,EAAE0B,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIC,KAAK,EAAEH,kBAAA,CAAUE,MARM;;IASvB;AACJ;AACA;IACIlH,KAAK,EAAEgH,kBAAA,CAAUE,MAZM;;IAavB;AACJ;AACA;IACIZ,mBAAmB,EAAEU,kBAAA,CAAUE,MAhBR;;IAiBvB;AACJ;AACA;IACIP,SAAS,EAAEK,kBAAA,CAAUE,MApBE;;IAqBvB;AACJ;AACA;IACIE,eAAe,EAAEJ,kBAAA,CAAUE,MAxBJ;;IAyBvB;AACJ;AACA;IACI3B,eAAe,EAAEyB,kBAAA,CAAUE,MA5BJ;;IA6BvB;AACJ;AACA;IACItB,mBAAmB,EAAEoB,kBAAA,CAAUE,MAhCR;;IAiCvB;AACJ;AACA;IACIjB,YAAY,EAAEe,kBAAA,CAAUE,MApCD;;IAqCvB;AACJ;AACA;IACIJ,KAAK,EAAEE,kBAAA,CAAUE,MAxCM;;IAyCvB;AACJ;AACA;IACIzB,cAAc,EAAEuB,kBAAA,CAAUE,MA5CH;;IA6CvB;AACJ;AACA;IACI/G,WAAW,EAAE6G,kBAAA,CAAUE,MAhDA;;IAiDvB;AACJ;AACA;IACIpB,qBAAqB,EAAEkB,kBAAA,CAAUE,MApDV;;IAqDvB;AACJ;AACA;IAEIvB,2BAA2B,EAAEqB,kBAAA,CAAUE,MAzDhB;;IA0DvB;AACJ;AACA;IACIlB,kBAAkB,EAAEgB,kBAAA,CAAUE;EA7DP,CAAhB,EA8DNG,UAlEoB;;EAmEvB;AACF;AACA;EACE3H,SAAS,EAAEsH,kBAAA,CAAUE,MAtEE;;EAwEvB;AACF;AACA;EACEvH,EAAE,EAAEqH,kBAAA,CAAUE,MA3ES;;EA6EvB;AACF;AACA;EACEtH,IAAI,EAAEoH,kBAAA,CAAUE,MAhFO;;EAkFvB;AACF;AACA;EACEpG,KAAK,EAAEkG,kBAAA,CAAUC,KAAV,CAAgB;IACrBtI,KAAK,EAAEqI,kBAAA,CAAUM,MADI;IAErB1I,OAAO,EAAEoI,kBAAA,CAAUM,MAFE;IAGrBzI,OAAO,EAAEmI,kBAAA,CAAUM,MAHE;IAIrBxI,MAAM,EAAEkI,kBAAA,CAAUE;EAJG,CAAhB,CArFgB;;EA2FvB;AACF;AACA;EACElG,YAAY,EAAEgG,kBAAA,CAAUC,KAAV,CAAgB;IAC5BtI,KAAK,EAAEqI,kBAAA,CAAUM,MADW;IAE5B1I,OAAO,EAAEoI,kBAAA,CAAUM,MAFS;IAG5BzI,OAAO,EAAEmI,kBAAA,CAAUM,MAHS;IAI5BxI,MAAM,EAAEkI,kBAAA,CAAUE;EAJU,CAAhB,CA9FS;;EAqGvB;AACF;AACA;EACErH,QAAQ,EAAEmH,kBAAA,CAAUO,IAxGG;;EAyGvB;AACF;AACA;EACEzH,QAAQ,EAAEkH,kBAAA,CAAUO,IA5GG;;EA6GvB;AACF;AACA;EACExH,QAAQ,EAAEiH,kBAAA,CAAUO,IAhHG;;EAkHvB;AACF;AACA;AACA;AACA;AACA;EACEvH,KAAK,EAAEgH,kBAAA,CAAUE,MAxHM;;EA0HvB;AACF;AACA;EACE,cAAcF,kBAAA,CAAUE,MA7HD;;EA+HvB;AACF;AACA;EACE,mBAAmBF,kBAAA,CAAUE,MAlIN;;EAoIvB;AACF;AACA;EACE/G,WAAW,EAAE6G,kBAAA,CAAUQ,IAvIA;;EAyIvB;AACF;AACA;EACE,oBAAoBR,kBAAA,CAAUE,MA5IP;;EA8IvB;AACF;AACA;EACEzG,WAAW,EAAEuG,kBAAA,CAAUE,MAjJA;;EAmJvB;AACF;AACA;EACExG,gBAAgB,EAAEsG,kBAAA,CAAUE,MAtJL;;EAuJvB;AACF;AACA;EACEvG,kBAAkB,EAAEqG,kBAAA,CAAUE,MA1JP;;EA2JvB;AACF;AACA;EACEtG,kBAAkB,EAAEoG,kBAAA,CAAUE,MA9JP;;EAgKvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE5G,MAAM,EAAE0G,kBAAA,CAAUS,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CAxKe;;EAyKvB;AACF;AACA;AACA;AACA;EACElH,aAAa,EAAEyG,kBAAA,CAAUQ,IA9KF;;EA+KvB;AACF;AACA;AACA;AACA;EACE,qBAAqBR,kBAAA,CAAUE,MApLR;;EAsLvB;AACF;AACA;AACA;AACA;EACEjI,UAAU,EAAE+H,kBAAA,CAAUS,KAAV,CAAgB,CAACtI,iBAAA,CAAWE,GAAZ,EAAiBF,iBAAA,CAAWC,GAA5B,EAAiC,EAAjC,EAAqC,EAArC,EAAyC2E,SAAzC,CAAhB,CA3LW;;EA6LvB;AACF;AACA;AACA;EACE5C,MAAM,EAAE6F,kBAAA,CAAUE,MAjMK;;EAmMvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE7G,QAAQ,EAAE2G,kBAAA,CAAUU,IA7MG;;EA+MvB;AACF;AACA;AACA;AACA;AACA;EACEpG,QAAQ,EAAE0F,kBAAA,CAAUU,IArNG;;EAuNvB;AACF;AACA;AACA;EACEtG,mBAAmB,EAAE4F,kBAAA,CAAUO,IA3NR;;EA6NvB;AACF;AACA;AACA;EACE5I,KAAK,EAAEqI,kBAAA,CAAUM,MAjOM;;EAkOvB;AACF;AACA;AACA;EACE1I,OAAO,EAAEoI,kBAAA,CAAUM,MAtOI;;EAuOvB;AACF;AACA;AACA;EACEzI,OAAO,EAAEmI,kBAAA,CAAUM,MA3OI;;EA4OvB;AACF;AACA;AACA;EACExI,MAAM,EAAEkI,kBAAA,CAAUE,MAhPK;;EAkPvB;AACF;AACA;EACEvF,aAAa,EAAEqF,kBAAA,CAAUO,IArPF;;EAuPvB;AACF;AACA;EACE3F,mBAAmB,EAAEoF,kBAAA,CAAUO,IA1PR;;EA2PvB;AACF;AACA;EACE1F,aAAa,EAAEmF,kBAAA,CAAUW,UAAV,CAAqBC,MAArB;AA9PQ,CAAzB;;eAiQe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAElI,IAAI,EAAE;AAAR,CAAnB,EAA6CJ,YAA7C,C"}

package/dist/legacy/BaseDropdown/BaseDropdown.d.ts

@@ -11,6 +11,7 @@ export type HvBaseDropdownClassKey =
   | "headerOpenUp"
   | "headerOpenDown"
   | "headerDisabled"
+  | "headerReadOnly"
   | "arrow"
   | "selection"
   | "truncate"
@@ -43,6 +44,10 @@ export interface HvBaseDropdownProps
    * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
    */
   disabled?: boolean;
+  /**
+   * If `true` the dropdown will be in read only mode, unable to be interacted.
+   */
+  readOnly?: boolean;
   /**
    * Disable the portal behavior.
    * The children stay within it's parent DOM hierarchy.

package/dist/legacy/BaseDropdown/BaseDropdown.js

@@ -9,7 +9,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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 _excluded = ["id", "role", "classes", "className", "placeholder", "disabled", "expanded", "defaultExpanded", "placement", "popperProps", "onToggle", "onClickOutside", "onContainerCreation", "disablePortal", "component", "adornment", "children", "variableWidth", "dropdownHeaderProps", "dropdownHeaderRef"],
+var _excluded = ["id", "role", "classes", "className", "placeholder", "disabled", "readOnly", "expanded", "defaultExpanded", "placement", "popperProps", "onToggle", "onClickOutside", "onContainerCreation", "disablePortal", "component", "adornment", "children", "variableWidth", "dropdownHeaderProps", "dropdownHeaderRef"],
     _excluded2 = ["modifiers"];
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.to-string.js";
@@ -48,6 +48,8 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
       placeholder = _ref.placeholder,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$readOnly = _ref.readOnly,
+      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       expanded = _ref.expanded,
       _ref$defaultExpanded = _ref.defaultExpanded,
       defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
@@ -207,9 +209,9 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
 
     return /*#__PURE__*/React.createElement("div", _extends({
       id: setId(id, "header"),
-      className: clsx(classes.header, isOpen && [classes.headerOpen, popperPlacement.includes("top") && classes.headerOpenUp, popperPlacement.includes("bottom") && classes.headerOpenDown], disabled && classes.headerDisabled),
+      className: clsx(classes.header, isOpen && [classes.headerOpen, popperPlacement.includes("top") && classes.headerOpenUp, popperPlacement.includes("bottom") && classes.headerOpenDown], disabled && classes.headerDisabled, readOnly && classes.headerReadOnly),
       role: ariaRole === "combobox" ? "textbox" : undefined,
-      style: disabled ? {
+      style: disabled || readOnly ? {
         pointerEvents: "none"
       } : undefined,
       "aria-controls": isOpen ? setId(elementId, "children-container") : undefined,
@@ -300,9 +302,11 @@ var HvBaseDropdown = function HvBaseDropdown(_ref) {
     role: ariaRole,
     "aria-expanded": !!isOpen,
     "aria-owns": isOpen ? setId(elementId, "children-container") : undefined,
-    className: clsx(className, classes.anchor, disabled && classes.rootDisabled),
+    className: clsx(className, classes.anchor, disabled && classes.rootDisabled)
+  }, !readOnly && {
     onKeyDown: handleToggle,
-    onClick: handleToggle,
+    onClick: handleToggle
+  }, {
     tabIndex: -1
   }, others), headerComponent), isOpen ? containerComponent : null);
 };
@@ -371,10 +375,15 @@ process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
     headerOpenDown: PropTypes.string,
 
     /**
-     * Styles applied to the header when is disable.
+     * Styles applied to the header when it's disabled.
      */
     headerDisabled: PropTypes.string,
 
+    /**
+     * Styles applied to the header when it's in read only mode.
+     */
+    headerReadOnly: PropTypes.string,
+
     /**
      * Styles applied to the arrow
      */
@@ -436,6 +445,11 @@ process.env.NODE_ENV !== "production" ? HvBaseDropdown.propTypes = {
    */
   disabled: PropTypes.bool,
 
+  /**
+   * If `true` the dropdown will be in read only mode, unable to be interacted.
+   */
+  readOnly: PropTypes.bool,
+
   /**
    * Disable the portal behavior.
    * The children stay within it's parent DOM hierarchy.

package/dist/legacy/BaseDropdown/BaseDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.js","names":["ReactDOM","React","useState","useCallback","useMemo","PropTypes","ClickAwayListener","withStyles","usePopper","maxSize","clsx","DropUpXS","DropDownXS","HvTypography","useUniqueId","getFirstAndLastFocus","isKeypress","KeyboardCodes","setId","refType","useControlled","useForkRef","styles","BaseDropdownContext","Tab","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRefProp","dropdownHeaderRef","others","Boolean","isOpen","setIsOpen","bottom","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","widthCalculator","state","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","modifiersData","height","maxWidth","maxHeight","name","enabled","phase","requires","fn","effect","popperStyles","attributes","elementId","ariaRole","undefined","popperPlacement","handleToggle","event","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","cloneElement","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","body","root","anchor","rootDisabled","propTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object"],"sources":["../../../src/BaseDropdown/BaseDropdown.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport ReactDOM from \"react-dom\";\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener, withStyles } from \"@material-ui/core\";\nimport { usePopper } from \"react-popper\";\nimport maxSize from \"popper-max-size-modifier\";\nimport clsx from \"clsx\";\nimport { DropUpXS, DropDownXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography, useUniqueId } from \"..\";\nimport {\n  getFirstAndLastFocus,\n  isKeypress,\n  KeyboardCodes,\n  setId,\n  refType,\n  useControlled,\n  useForkRef,\n} from \"../utils\";\nimport styles from \"./styles\";\n\nimport BaseDropdownContext from \"./BaseDropdownContext\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = KeyboardCodes;\n\nconst HvBaseDropdown = ({\n  id,\n  role,\n  classes,\n  className,\n  placeholder,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  placement = \"right\",\n  popperProps = {},\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  disablePortal = false,\n  component,\n  adornment,\n  children,\n  variableWidth = false,\n  dropdownHeaderProps,\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const bottom = placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperMaxSize, setPopperMaxSize] = useState({});\n\n  const handleDropdownHeaderRefProp = useForkRef(dropdownHeaderRefProp, dropdownHeaderProps?.ref);\n  const handleDropdownHeaderRef = useForkRef(setReferenceElement, handleDropdownHeaderRefProp);\n\n  const [popperElement, setPopperElement] = useState(null);\n\n  const extensionWidth = referenceElement ? referenceElement.offsetWidth : \"inherit\";\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } = popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  }, []);\n\n  const widthCalculatorEffect = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n  }, []);\n\n  const maxSizeCalculator = useCallback(\n    ({ state }) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize.width || height !== popperMaxSize.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      // eslint-disable-next-line no-param-reassign\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const modifiers = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      maxSize,\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: maxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [maxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(referenceElement, popperElement, {\n    placement: bottom,\n    modifiers,\n    onFirstUpdate,\n    ...otherPopperProps,\n  });\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n      // we are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <div\n        id={setId(id, \"header\")}\n        className={clsx(classes.header, {\n          [classes.headerDisabled]: disabled,\n          [classes.headerOpen]: isOpen,\n          [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n          [classes.headerOpenDown]: isOpen && popperPlacement.includes(\"bottom\"),\n        })}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={isOpen ? setId(elementId, \"children-container\") : undefined}\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <div className={classes.selection}>\n          {placeholder && typeof placeholder === \"string\" ? (\n            <HvTypography\n              noWrap\n              className={clsx(classes.placeholder, {\n                [classes.selectionDisabled]: disabled,\n              })}\n              variant=\"placeholderText\"\n            >\n              {placeholder}\n            </HvTypography>\n          ) : (\n            placeholder\n          )}\n        </div>\n        {adornment ||\n          (isOpen ? (\n            <DropUpXS iconSize=\"XS\" className={classes.arrow} />\n          ) : (\n            <DropDownXS\n              iconSize=\"XS\"\n              className={classes.arrow}\n              color={disabled ? \"atmo5\" : undefined}\n            />\n          ))}\n      </div>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <div\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={classes.container}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, {\n                  [classes.inputExtensionLeftPosition]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <div id={setId(elementId, \"children-container\")} className={classes.panel}>\n                {children}\n              </div>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n                  [classes.inputExtensionFloatRight]: popperPlacement.includes(\"start\"),\n                  [classes.inputExtensionFloatLeft]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </div>\n    );\n\n    if (disablePortal) return container;\n\n    return ReactDOM.createPortal(container, document.body);\n  })();\n\n  return (\n    <div className={classes.root}>\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(className, classes.anchor, {\n          [classes.rootDisabled]: disabled,\n        })}\n        onKeyDown={handleToggle}\n        onClick={handleToggle}\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </div>\n      {isOpen ? containerComponent : null}\n    </div>\n  );\n};\n\nHvBaseDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role: 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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root when disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Styles applied to the element that serves as reference for the popper when disabled.\n     */\n    anchor: PropTypes.string,\n    /**\n     * Styles applied to the popper element when it is inside the root element hierarchy.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the header\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component when is open.\n     */\n    headerOpen: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened up.\n     */\n    headerOpenUp: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened down.\n     */\n    headerOpenDown: PropTypes.string,\n    /**\n     * Styles applied to the header when is disable.\n     */\n    headerDisabled: PropTypes.string,\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied to the selection\n     */\n    selection: PropTypes.string,\n    /**\n     * Styles applied for truncating the container elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown panel.\n     */\n    panel: PropTypes.string,\n    /**\n     * Styles applied to the extension when open.\n     */\n    inputExtensionOpen: PropTypes.string,\n    /**\n     * Styles applied when position is left.\n     */\n    inputExtensionLeftPosition: PropTypes.string,\n    /**\n     * Styles applied to set the shadow when open.\n     */\n    inputExtensionOpenShadow: PropTypes.string,\n    /**\n     * Styles applied when position is right and the position is up.\n     */\n    inputExtensionFloatRight: PropTypes.string,\n    /**\n     * Styles applied when position is left and the position is up.\n     */\n    inputExtensionFloatLeft: PropTypes.string,\n  }).isRequired,\n  /**\n   * Header placeholder. String or node.\n   */\n  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Replacement for the header component.\n   */\n  component: PropTypes.node,\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment: PropTypes.node,\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside: PropTypes.func,\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation: PropTypes.func,\n  /**\n   * When expanded dropdown flips position.\n   */\n  onFlip: PropTypes.func,\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps: PropTypes.instanceOf(Object),\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseDropdown\" })(HvBaseDropdown);\n"],"mappings":"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"}
+{"version":3,"file":"BaseDropdown.js","names":["ReactDOM","React","useState","useCallback","useMemo","PropTypes","ClickAwayListener","withStyles","usePopper","maxSize","clsx","DropUpXS","DropDownXS","HvTypography","useUniqueId","getFirstAndLastFocus","isKeypress","KeyboardCodes","setId","refType","useControlled","useForkRef","styles","BaseDropdownContext","Tab","Enter","Esc","Space","ArrowDown","HvBaseDropdown","id","role","classes","className","placeholder","disabled","readOnly","expanded","defaultExpanded","placement","popperProps","onToggle","onClickOutside","onContainerCreation","disablePortal","component","adornment","children","variableWidth","dropdownHeaderProps","dropdownHeaderRefProp","dropdownHeaderRef","others","Boolean","isOpen","setIsOpen","bottom","referenceElement","setReferenceElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","ref","handleDropdownHeaderRef","popperElement","setPopperElement","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","widthCalculator","state","popper","width","rects","reference","widthCalculatorEffect","elements","style","maxSizeCalculator","modifiersData","height","maxWidth","maxHeight","name","enabled","phase","requires","fn","effect","popperStyles","attributes","elementId","ariaRole","undefined","popperPlacement","handleToggle","event","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","cloneElement","header","headerOpen","includes","headerOpenUp","headerOpenDown","headerDisabled","headerReadOnly","pointerEvents","selection","selectionDisabled","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","inputExtensionOpen","inputExtensionLeftPosition","panel","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","body","root","anchor","rootDisabled","onKeyDown","onClick","propTypes","string","shape","isRequired","oneOfType","node","bool","oneOf","func","onFlip","instanceOf","Object"],"sources":["../../../src/BaseDropdown/BaseDropdown.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport ReactDOM from \"react-dom\";\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ClickAwayListener, withStyles } from \"@material-ui/core\";\nimport { usePopper } from \"react-popper\";\nimport maxSize from \"popper-max-size-modifier\";\nimport clsx from \"clsx\";\nimport { DropUpXS, DropDownXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography, useUniqueId } from \"..\";\nimport {\n  getFirstAndLastFocus,\n  isKeypress,\n  KeyboardCodes,\n  setId,\n  refType,\n  useControlled,\n  useForkRef,\n} from \"../utils\";\nimport styles from \"./styles\";\n\nimport BaseDropdownContext from \"./BaseDropdownContext\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = KeyboardCodes;\n\nconst HvBaseDropdown = ({\n  id,\n  role,\n  classes,\n  className,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  expanded,\n  defaultExpanded = false,\n  placement = \"right\",\n  popperProps = {},\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  disablePortal = false,\n  component,\n  adornment,\n  children,\n  variableWidth = false,\n  dropdownHeaderProps,\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const bottom = placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [popperMaxSize, setPopperMaxSize] = useState({});\n\n  const handleDropdownHeaderRefProp = useForkRef(dropdownHeaderRefProp, dropdownHeaderProps?.ref);\n  const handleDropdownHeaderRef = useForkRef(setReferenceElement, handleDropdownHeaderRefProp);\n\n  const [popperElement, setPopperElement] = useState(null);\n\n  const extensionWidth = referenceElement ? referenceElement.offsetWidth : \"inherit\";\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } = popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  }, []);\n\n  const widthCalculatorEffect = useCallback(({ state }) => {\n    // eslint-disable-next-line no-param-reassign\n    state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n  }, []);\n\n  const maxSizeCalculator = useCallback(\n    ({ state }) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize.width || height !== popperMaxSize.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      // eslint-disable-next-line no-param-reassign\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const modifiers = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      maxSize,\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: maxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [maxSizeCalculator, popperPropsModifiers, variableWidth, widthCalculator, widthCalculatorEffect]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(referenceElement, popperElement, {\n    placement: bottom,\n    modifiers,\n    onFirstUpdate,\n    ...otherPopperProps,\n  });\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n      // we are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <div\n        id={setId(id, \"header\")}\n        className={clsx(classes.header, {\n          [classes.headerDisabled]: disabled,\n          [classes.headerReadOnly]: readOnly,\n          [classes.headerOpen]: isOpen,\n          [classes.headerOpenUp]: isOpen && popperPlacement.includes(\"top\"),\n          [classes.headerOpenDown]: isOpen && popperPlacement.includes(\"bottom\"),\n        })}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={isOpen ? setId(elementId, \"children-container\") : undefined}\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <div className={classes.selection}>\n          {placeholder && typeof placeholder === \"string\" ? (\n            <HvTypography\n              noWrap\n              className={clsx(classes.placeholder, {\n                [classes.selectionDisabled]: disabled,\n              })}\n              variant=\"placeholderText\"\n            >\n              {placeholder}\n            </HvTypography>\n          ) : (\n            placeholder\n          )}\n        </div>\n        {adornment ||\n          (isOpen ? (\n            <DropUpXS iconSize=\"XS\" className={classes.arrow} />\n          ) : (\n            <DropDownXS\n              iconSize=\"XS\"\n              className={classes.arrow}\n              color={disabled ? \"atmo5\" : undefined}\n            />\n          ))}\n      </div>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <div\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={classes.container}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, {\n                  [classes.inputExtensionLeftPosition]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <div id={setId(elementId, \"children-container\")} className={classes.panel}>\n                {children}\n              </div>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <div\n                style={{ width: extensionWidth }}\n                className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n                  [classes.inputExtensionFloatRight]: popperPlacement.includes(\"start\"),\n                  [classes.inputExtensionFloatLeft]: popperPlacement.includes(\"end\"),\n                })}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </div>\n    );\n\n    if (disablePortal) return container;\n\n    return ReactDOM.createPortal(container, document.body);\n  })();\n\n  return (\n    <div className={classes.root}>\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(className, classes.anchor, {\n          [classes.rootDisabled]: disabled,\n        })}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </div>\n      {isOpen ? containerComponent : null}\n    </div>\n  );\n};\n\nHvBaseDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role: 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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root when disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Styles applied to the element that serves as reference for the popper when disabled.\n     */\n    anchor: PropTypes.string,\n    /**\n     * Styles applied to the popper element when it is inside the root element hierarchy.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the header\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component when is open.\n     */\n    headerOpen: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened up.\n     */\n    headerOpenUp: PropTypes.string,\n    /**\n     * Styles applied to the header when the container is opened down.\n     */\n    headerOpenDown: PropTypes.string,\n    /**\n     * Styles applied to the header when it's disabled.\n     */\n    headerDisabled: PropTypes.string,\n    /**\n     * Styles applied to the header when it's in read only mode.\n     */\n    headerReadOnly: PropTypes.string,\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied to the selection\n     */\n    selection: PropTypes.string,\n    /**\n     * Styles applied for truncating the container elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the dropdown panel.\n     */\n    panel: PropTypes.string,\n    /**\n     * Styles applied to the extension when open.\n     */\n    inputExtensionOpen: PropTypes.string,\n    /**\n     * Styles applied when position is left.\n     */\n    inputExtensionLeftPosition: PropTypes.string,\n    /**\n     * Styles applied to set the shadow when open.\n     */\n    inputExtensionOpenShadow: PropTypes.string,\n    /**\n     * Styles applied when position is right and the position is up.\n     */\n    inputExtensionFloatRight: PropTypes.string,\n    /**\n     * Styles applied when position is left and the position is up.\n     */\n    inputExtensionFloatLeft: PropTypes.string,\n  }).isRequired,\n  /**\n   * Header placeholder. String or node.\n   */\n  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Replacement for the header component.\n   */\n  component: PropTypes.node,\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment: PropTypes.node,\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside: PropTypes.func,\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation: PropTypes.func,\n  /**\n   * When expanded dropdown flips position.\n   */\n  onFlip: PropTypes.func,\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps: PropTypes.instanceOf(Object),\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseDropdown\" })(HvBaseDropdown);\n"],"mappings":"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"}

package/dist/legacy/BaseDropdown/styles.js

@@ -75,6 +75,16 @@ var styles = function styles(theme) {
       },
       cursor: "not-allowed"
     },
+    headerReadOnly: {
+      cursor: "not-allowed",
+      pointerEvents: "none",
+      border: "none",
+      userSelect: "text",
+      "&:focus-visible": {
+        outline: "none",
+        border: "none"
+      }
+    },
     arrow: {
       position: "absolute",
       pointerEvents: "none",

package/dist/legacy/BaseDropdown/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../../src/BaseDropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJC,QAAQ,EAAE;IAFN,CADmB;IAKzBC,MAAM,EAAE;MACNC,OAAO,EAAE,cADH;MAENH,KAAK,EAAE;IAFD,CALiB;IASzBI,YAAY,EAAE;MACZC,MAAM,EAAE,aADI;MAEZ,WAAW;QACTC,OAAO,EAAE;MADA;IAFC,CATW;IAezBC,SAAS,EAAE;MACTC,MAAM,EAAEV,KAAK,CAACU,MAAN,CAAaC;IADZ,CAfc;IAkBzBC,eAAe,EAAE;MACfV,KAAK,EAAE;IADQ,CAlBQ;IAqBzBW,MAAM,EAAE;MACNN,MAAM,EAAE,SADF;MAENO,UAAU,EAAE,MAFN;MAGNX,QAAQ,EAAE,UAHJ;MAINY,UAAU,EAAEf,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAJlC;MAKNC,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAA3C,CALA;MAMN,WAAW;QACTD,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAvC;MADG,CANL;MASNC,YAAY,EAAE,KATR;MAUN,WAAW;QACThB,OAAO,EAAE;MADA,CAVL;MAaN,mDACKV,aADL;QAEEsB,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAvC;MAFR;IAbM,CArBiB;IAuCzBE,UAAU,EAAE;MACVL,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CADI;MAEVO,SAAS,EAAE1B,KAAK,CAACgB,EAAN,CAASW,OAAT,CAAiB,CAAjB,CAFD;MAGV,WAAW;QACTP,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CADG;QAETO,SAAS,EAAE1B,KAAK,CAACgB,EAAN,CAASW,OAAT,CAAiB,CAAjB;MAFF;IAHD,CAvCa;IA+CzBC,YAAY,EAAE;MACZJ,YAAY,EAAE;IADF,CA/CW;IAkDzBK,cAAc,EAAE;MACdL,YAAY,EAAE;IADA,CAlDS;IAqDzBM,cAAc,EAAE;MACdC,aAAa,EAAE,MADD;MAEdX,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAA3C,CAFQ;MAGdN,UAAU,EAAEf,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Bc,KAH1B;MAId,WAAW;QACTZ,MAAM,sBAAepB,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAA3C;MADG,CAJG;MAOdd,MAAM,EAAE;IAPM,CArDS;IA8DzB0B,KAAK,EAAE;MACL9B,QAAQ,EAAE,UADL;MAEL4B,aAAa,EAAE,MAFV;MAGLG,GAAG,EAAE,CAAC,CAHD;MAILC,KAAK,EAAE,CAAC;IAJH,CA9DkB;IAoEzBC,SAAS,EAAE;MACT/B,OAAO,EAAE,MADA;MAETgC,UAAU,EAAE,QAFH;MAGTC,MAAM,EAAEtC,KAAK,CAACgB,EAAN,CAASuB,OAAT,CAAiBC,EAHhB;MAITC,OAAO,EAAEzC,KAAK,CAAC0C,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,CAAzB,EAA4B,IAA5B;IAJA,CApEc;IA0EzBC,WAAW,EAAE;MACXtC,OAAO,EAAE;IADE,CA1EY;IA6EzBuC,iBAAiB,oBACZ5C,KAAK,CAACgB,EAAN,CAAS6B,UAAT,CAAoBC,eADR,CA7EQ;IAgFzBC,KAAK,EAAE;MACL5C,QAAQ,EAAE,UADL;MAELuB,SAAS,EAAE1B,KAAK,CAACgB,EAAN,CAASW,OAAT,CAAiB,CAAjB;IAFN,CAhFkB;IAoFzBqB,kBAAkB,EAAE;MAClBV,MAAM,EAAEtC,KAAK,CAACgB,EAAN,CAASuB,OAAT,CAAiBU,EADP;MAElBC,eAAe,EAAElD,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAF3B,CApFK;IAwFzBgC,0BAA0B,EAAE;MAC1BC,UAAU,EAAE;IADc,CAxFH;IA2FzBC,wBAAwB,EAAE;MACxB3B,SAAS,wBAAiB1B,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7C;IADe,CA3FD;IA8FzBmC,wBAAwB,EAAE;MACxBC,KAAK,EAAE;IADiB,CA9FD;IAiGzBC,uBAAuB,EAAE;MACvBD,KAAK,EAAE;IADgB;EAjGA,CAAZ;AAAA,CAAf;;AAsGA,eAAexD,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","width","position","anchor","display","rootDisabled","cursor","outline","container","zIndex","tooltip","containedPopper","header","userSelect","background","hv","palette","atmosphere","atmo1","border","atmo4","accent","acce1","borderRadius","headerOpen","boxShadow","shadows","headerOpenUp","headerOpenDown","headerDisabled","pointerEvents","atmo3","headerReadOnly","arrow","top","right","selection","alignItems","height","spacing","md","padding","hvSpacing","placeholder","selectionDisabled","typography","placeholderText","panel","inputExtensionOpen","xs","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../../src/BaseDropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  anchor: {\n    display: \"inline-block\",\n    width: \"100%\",\n  },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  },\n  container: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  containedPopper: {\n    width: \"100%\",\n  },\n  header: {\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    position: \"relative\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n    borderRadius: \"2px\",\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  headerOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  headerOpenUp: {\n    borderRadius: \"0px 0px 2px 2px\",\n  },\n  headerOpenDown: {\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  headerReadOnly: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"none\",\n    border: \"none\",\n    userSelect: \"text\",\n    \"&:focus-visible\": {\n      outline: \"none\",\n      border: \"none\",\n    },\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: -1,\n    right: -1,\n  },\n  selection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    height: theme.hv.spacing.md,\n    padding: theme.hvSpacing(0, \"md\", 0, \"xs\"),\n  },\n  placeholder: {\n    display: \"block\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n  },\n  panel: {\n    position: \"relative\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  inputExtensionOpen: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

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

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

package/dist/legacy/DatePicker/DatePicker.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps"];
+var _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps", "readOnly"];
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
@@ -71,6 +71,7 @@ var HvDatePicker = function HvDatePicker(props) {
       _props$escapeWithRefe = props.escapeWithReference,
       escapeWithReference = _props$escapeWithRefe === void 0 ? true : _props$escapeWithRefe,
       dropdownProps = props.dropdownProps,
+      readOnly = props.readOnly,
       others = _objectWithoutProperties(props, _excluded);
 
   var labels = useLabels(DEFAULT_LABELS, labelsProp);
@@ -314,7 +315,8 @@ var HvDatePicker = function HvDatePicker(props) {
     disabled: disabled,
     required: required,
     className: clsx(className, classes.root),
-    locale: locale
+    locale: locale,
+    readOnly: readOnly
   }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
     className: classes.labelContainer
   }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
@@ -332,6 +334,7 @@ var HvDatePicker = function HvDatePicker(props) {
       header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,
       headerOpen: classes.dropdownHeaderOpen
     },
+    readOnly: readOnly,
     disabled: disabled,
     disablePortal: disablePortal,
     variableWidth: true,
@@ -621,7 +624,12 @@ process.env.NODE_ENV !== "production" ? HvDatePicker.propTypes = {
   /**
    * An object containing props to be passed onto the baseDropdown.
    */
-  dropdownProps: PropTypes.instanceOf(Object)
+  dropdownProps: PropTypes.instanceOf(Object),
+
+  /**
+   * If `true` the DatePicker will be in read only mode, unable to be interacted.
+   */
+  readOnly: PropTypes.bool
 } : void 0;
 export default withStyles(styles, {
   name: "HvDatePicker",