@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/modern/DatePicker/DatePicker.js

@@ -1,10 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps", "readOnly"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useEffect, useRef } from "react";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { Calendar } from "@hitachivantara/uikit-react-icons";
 import clsx from "clsx";
 import { setId, useSavedState, useLabels } from "../utils";
@@ -16,6 +21,8 @@ import { getDateLabel } from "./utils";
 import useVisibleDate from "./useVisibleDate";
 import useLocale from "../Provider/useLocale";
 import { NAV_OPTIONS } from "../Calendar/enums";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_LABELS = {
   applyLabel: "Apply",
   cancelLabel: "Cancel",
@@ -220,32 +227,39 @@ const HvDatePicker = props => {
    */
 
 
-  const renderActions = () => /*#__PURE__*/React.createElement(HvActionBar, {
-    className: clsx(showClear && classes.actionContainer)
-  }, showClear && /*#__PURE__*/React.createElement("div", {
-    className: classes.leftContainer
-  }, /*#__PURE__*/React.createElement(HvButton, {
-    id: setId(id, "action", "clear"),
-    className: classes.action,
-    category: "ghost",
-    onClick: handleClear
-  }, labels.clearLabel)), /*#__PURE__*/React.createElement("div", {
-    className: classes.rightContainer
-  }, /*#__PURE__*/React.createElement(HvButton, {
-    id: setId(id, "action", "apply"),
-    className: classes.action,
-    category: "ghost",
-    onClick: handleApply
-  }, labels.applyLabel), /*#__PURE__*/React.createElement(HvButton, {
-    id: setId(id, "action", "cancel"),
-    className: classes.action,
-    category: "ghost",
-    onClick: handleCancel
-  }, labels.cancelLabel)));
-
-  const renderInput = dateString => /*#__PURE__*/React.createElement(HvTypography, {
-    variant: dateString ? "normalText" : "placeholderText"
-  }, (dateString || placeholder) === undefined ? "" : dateString || placeholder);
+  const renderActions = () => /*#__PURE__*/_jsxs(HvActionBar, {
+    className: clsx(showClear && classes.actionContainer),
+    children: [showClear && /*#__PURE__*/_jsx("div", {
+      className: classes.leftContainer,
+      children: /*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "action", "clear"),
+        className: classes.action,
+        category: "ghost",
+        onClick: handleClear,
+        children: labels.clearLabel
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: classes.rightContainer,
+      children: [/*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "action", "apply"),
+        className: classes.action,
+        category: "ghost",
+        onClick: handleApply,
+        children: labels.applyLabel
+      }), /*#__PURE__*/_jsx(HvButton, {
+        id: setId(id, "action", "cancel"),
+        className: classes.action,
+        category: "ghost",
+        onClick: handleCancel,
+        children: labels.cancelLabel
+      })]
+    })]
+  });
+
+  const renderInput = dateString => /*#__PURE__*/_jsx(HvTypography, {
+    variant: dateString ? "normalText" : "placeholderText",
+    children: (dateString || placeholder) === undefined ? "" : dateString || placeholder
+  });
 
   const dateValue = rangeMode ? {
     startDate,
@@ -265,7 +279,7 @@ const HvDatePicker = props => {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
 
-  return /*#__PURE__*/React.createElement(HvFormElement, _extends({
+  return /*#__PURE__*/_jsxs(HvFormElement, _objectSpread(_objectSpread({
     id: id,
     name: name,
     value: dateValue,
@@ -275,70 +289,77 @@ const HvDatePicker = props => {
     className: clsx(className, classes.root),
     locale: locale,
     readOnly: readOnly
-  }, others), (hasLabel || hasDescription) && /*#__PURE__*/React.createElement("div", {
-    className: classes.labelContainer
-  }, hasLabel && /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(elementId, "label"),
-    label: label,
-    className: classes.label
-  }), hasDescription && /*#__PURE__*/React.createElement(HvInfoMessage, {
-    id: setId(elementId, "description"),
-    className: classes.description
-  }, description)), /*#__PURE__*/React.createElement(HvBaseDropdown, _extends({
-    role: "combobox",
-    classes: {
-      root: classes.dropdown,
-      panel: classes.panel,
-      header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,
-      headerOpen: classes.dropdownHeaderOpen
-    },
-    readOnly: readOnly,
-    disabled: disabled,
-    disablePortal: disablePortal,
-    variableWidth: true,
-    placement: horizontalPlacement,
-    expanded: calendarOpen,
-    onToggle: handleToggle,
-    onClickOutside: handleCalendarClose,
-    onContainerCreation: focusOnContainer,
-    placeholder: renderInput(getDateLabel(dateValue, rangeMode, locale)),
-    adornment: /*#__PURE__*/React.createElement(Calendar, {
-      className: classes.icon,
-      color: disabled ? "atmo5" : undefined
-    }),
-    popperProps: {
-      modifiers: [{
-        name: "preventOverflow",
-        enabled: escapeWithReference
-      }]
-    },
-    "aria-haspopup": "dialog",
-    "aria-label": ariaLabel,
-    "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
-    "aria-invalid": isStateInvalid ? true : undefined,
-    "aria-errormessage": errorMessageId,
-    "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined
-  }, dropdownProps), /*#__PURE__*/React.createElement("div", {
-    ref: focusTarget,
-    tabIndex: -1
-  }), /*#__PURE__*/React.createElement(HvCalendar, _extends({
-    id: setId(id, "calendar"),
-    startAdornment: startAdornment,
-    onChange: handleDateChange,
-    onInputChange: handleInputDateChange,
-    onVisibleDateChange: (_event, type, month, target) => {
-      dispatchAction({
-        type,
-        target,
-        month
-      });
-    },
-    locale: locale
-  }, visibleDate)), (rangeMode || showActions) && renderActions()), canShowError && /*#__PURE__*/React.createElement(HvWarningText, {
-    id: setId(elementId, "error"),
-    disableBorder: true,
-    className: classes.error
-  }, validationMessage));
+  }, others), {}, {
+    children: [(hasLabel || hasDescription) && /*#__PURE__*/_jsxs("div", {
+      className: classes.labelContainer,
+      children: [hasLabel && /*#__PURE__*/_jsx(HvLabel, {
+        id: setId(elementId, "label"),
+        label: label,
+        className: classes.label
+      }), hasDescription && /*#__PURE__*/_jsx(HvInfoMessage, {
+        id: setId(elementId, "description"),
+        className: classes.description,
+        children: description
+      })]
+    }), /*#__PURE__*/_jsxs(HvBaseDropdown, _objectSpread(_objectSpread({
+      role: "combobox",
+      classes: {
+        root: classes.dropdown,
+        panel: classes.panel,
+        header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,
+        headerOpen: classes.dropdownHeaderOpen
+      },
+      readOnly: readOnly,
+      disabled: disabled,
+      disablePortal: disablePortal,
+      variableWidth: true,
+      placement: horizontalPlacement,
+      expanded: calendarOpen,
+      onToggle: handleToggle,
+      onClickOutside: handleCalendarClose,
+      onContainerCreation: focusOnContainer,
+      placeholder: renderInput(getDateLabel(dateValue, rangeMode, locale)),
+      adornment: /*#__PURE__*/_jsx(Calendar, {
+        className: classes.icon,
+        color: disabled ? "atmo5" : undefined
+      }),
+      popperProps: {
+        modifiers: [{
+          name: "preventOverflow",
+          enabled: escapeWithReference
+        }]
+      },
+      "aria-haspopup": "dialog",
+      "aria-label": ariaLabel,
+      "aria-labelledby": [label && setId(elementId, "label"), ariaLabelledBy].join(" ").trim() || undefined,
+      "aria-invalid": isStateInvalid ? true : undefined,
+      "aria-errormessage": errorMessageId,
+      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || undefined
+    }, dropdownProps), {}, {
+      children: [/*#__PURE__*/_jsx("div", {
+        ref: focusTarget,
+        tabIndex: -1
+      }), /*#__PURE__*/_jsx(HvCalendar, _objectSpread({
+        id: setId(id, "calendar"),
+        startAdornment: startAdornment,
+        onChange: handleDateChange,
+        onInputChange: handleInputDateChange,
+        onVisibleDateChange: (_event, type, month, target) => {
+          dispatchAction({
+            type,
+            target,
+            month
+          });
+        },
+        locale: locale
+      }, visibleDate)), (rangeMode || showActions) && renderActions()]
+    })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableBorder: true,
+      className: classes.error,
+      children: validationMessage
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDatePicker.propTypes = {

package/dist/modern/DatePicker/DatePicker.js.map

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

package/dist/modern/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { DialogProps, StandardProps } from "@material-ui/core";
+import { DialogProps, StandardProps } from "@mui/material";
 
 export type HvDialogClassKey = "root" | "background" | "paper" | "closeButton";
 

package/dist/modern/Dialog/Dialog.js

@@ -1,14 +1,20 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _Close;
 
-const _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen"];
+const _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen", "disableBackdropClick"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useState } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { Dialog, withStyles } from "@material-ui/core";
+import { Dialog } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import { Close } from "@hitachivantara/uikit-react-icons";
 import isNil from "lodash/isNil";
 import Button from "../Button";
@@ -21,6 +27,9 @@ import { getFocusableList } from "../utils/focusableElementFinder";
  * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 const HvDialog = _ref => {
   let {
     classes,
@@ -31,11 +40,23 @@ const HvDialog = _ref => {
     onClose,
     firstFocusable,
     buttonTitle = "Close",
-    fullscreen = false
+    fullscreen = false,
+    disableBackdropClick = false
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  const [focusableQueue, setFocusableQueue] = useState(null);
+  const [focusableQueue, setFocusableQueue] = useState(null); // Because the `disableBackdropClick` property was deprecated in MUI5
+  // and we want to maintain that funcionality to the user we're wrapping
+  // the onClose call here to make that check.
+
+  const wrappedClose = (event, reason, bypassValidation = false) => {
+    if (bypassValidation) {
+      onClose === null || onClose === void 0 ? void 0 : onClose(event, reason);
+    } else if (!disableBackdropClick) {
+      onClose === null || onClose === void 0 ? void 0 : onClose(event, reason);
+    }
+  };
+
   const measuredRef = useCallback(node => {
     if (node) {
       const focusableList = getFocusableList(node);
@@ -74,17 +95,17 @@ const HvDialog = _ref => {
       if (!others.disableEscapeKeyDown) {
         // Swallow the event, in case someone is listening for the escape key on the body.
         event.stopPropagation();
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, "escapeKeyDown");
+        wrappedClose(event, "escapeKeyDown", true);
       }
     }
   };
 
-  const closeButtonDisplay = () => _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
+  const closeButtonDisplay = () => _Close || (_Close = /*#__PURE__*/_jsx(Close, {
     role: "presentation"
   }));
 
   const CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
-  return /*#__PURE__*/React.createElement(Dialog, _extends({
+  return /*#__PURE__*/_jsxs(Dialog, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
     id: id,
     ref: measuredRef,
@@ -100,19 +121,21 @@ const HvDialog = _ref => {
         root: classes.background
       }
     },
-    onClose: (event, reason) => onClose === null || onClose === void 0 ? void 0 : onClose(event, reason),
+    onClose: (event, reason) => wrappedClose(event, reason),
     onKeyDown: keyDownHandler
-  }, others, {
-    "aria-modal": true
-  }), /*#__PURE__*/React.createElement(Button, {
-    id: setId(id, "close"),
-    className: classes.closeButton,
-    category: "ghost",
-    onClick: event => onClose === null || onClose === void 0 ? void 0 : onClose(event),
-    "aria-label": buttonTitle
-  }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children && typeof children === "object" ? React.Children.map(children, c => /*#__PURE__*/React.cloneElement(c, {
-    fullscreen
-  })) : children);
+  }, others), {}, {
+    "aria-modal": true,
+    children: [/*#__PURE__*/_jsx(Button, {
+      id: setId(id, "close"),
+      className: classes.closeButton,
+      category: "ghost",
+      onClick: event => wrappedClose(event, undefined, true),
+      "aria-label": buttonTitle,
+      children: /*#__PURE__*/_jsx(CloseButtonTooltipWrapper, {})
+    }), children && typeof children === "object" ? React.Children.map(children, c => /*#__PURE__*/React.cloneElement(c, {
+      fullscreen
+    })) : children]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -179,7 +202,12 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
   /**
    * Set the dialog to fullscreen mode.
    */
-  fullscreen: PropTypes.bool
+  fullscreen: PropTypes.bool,
+
+  /**
+   * Prevent closing the dialog when clicking on the backdrop.
+   */
+  disableBackdropClick: PropTypes.bool
 } : void 0;
 export default withStyles(styles, {
   name: "HvDialog"

package/dist/modern/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","Children","map","c","cloneElement","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        onClose?.(event, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose?.(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => onClose?.(event)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.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   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","focusableQueue","setFocusableQueue","wrappedClose","event","reason","bypassValidation","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","closeButton","undefined","Children","map","c","cloneElement","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason, bypassValidation = false) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, \"escapeKeyDown\", true);\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => wrappedClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.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   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,QAA7B,QAA6C,OAA7C;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AACA,OAAOC,KAAP,MAAkB,cAAlB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,UAAT,EAAqBC,aAArB,EAAoCC,KAApC,QAAiD,UAAjD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,gBAAxB;AACA,SAASC,gBAAT,QAAiC,iCAAjC;AAEA;AACA;AACA;AACA;;;;;AACA,MAAMC,QAAQ,GAAG,QAYX;EAAA,IAZY;IAChBC,OADgB;IAEhBC,SAFgB;IAGhBC,EAHgB;IAIhBC,QAJgB;IAKhBC,IALgB;IAMhBC,OANgB;IAOhBC,cAPgB;IAQhBC,WAAW,GAAG,OARE;IAShBC,UAAU,GAAG,KATG;IAUhBC,oBAAoB,GAAG;EAVP,CAYZ;EAAA,IADDC,MACC;;EACJ,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC3B,QAAQ,CAAC,IAAD,CAApD,CADI,CAGJ;EACA;EACA;;EACA,MAAM4B,YAAY,GAAG,CAACC,KAAD,EAAQC,MAAR,EAAgBC,gBAAgB,GAAG,KAAnC,KAA6C;IAChE,IAAIA,gBAAJ,EAAsB;MACpBX,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGS,KAAH,EAAUC,MAAV,CAAP;IACD,CAFD,MAEO,IAAI,CAACN,oBAAL,EAA2B;MAChCJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGS,KAAH,EAAUC,MAAV,CAAP;IACD;EACF,CAND;;EAQA,MAAME,WAAW,GAAGjC,WAAW,CAC5BkC,IAAD,IAAU;IACR,IAAIA,IAAJ,EAAU;MACR,MAAMC,aAAa,GAAGrB,gBAAgB,CAACoB,IAAD,CAAtC;MACAN,iBAAiB,CAAC;QAChBQ,KAAK,EAAED,aAAa,CAAC,CAAD,CADJ;QAEhBE,IAAI,EAAEF,aAAa,CAACA,aAAa,CAACG,MAAd,GAAuB,CAAxB;MAFH,CAAD,CAAjB;MAIA,IAAI/B,KAAK,CAACe,cAAD,CAAT,EAA2Ba,aAAa,CAAC,CAAD,CAAb,CAAiBI,KAAjB,GAA3B,KACK;QACH,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAT,CAAwBpB,cAAxB,CAAhB;QACA,IAAIkB,OAAJ,EAAaA,OAAO,CAACD,KAAR,GAAb,KACK;UACH;UACAI,OAAO,CAACC,IAAR,CAAc,0BAAyBtB,cAAe,aAAtD;UACAa,aAAa,CAAC,CAAD,CAAb,CAAiBI,KAAjB;QACD;MACF;IACF;EACF,CAnB4B,EAoB7B,CAACjB,cAAD,CApB6B,CAA/B;;EAuBA,MAAMuB,cAAc,GAAIf,KAAD,IAAW;IAChC,IAAIrB,UAAU,CAACqB,KAAD,EAAQpB,aAAa,CAACoC,GAAtB,CAAV,IAAwC,CAACvC,KAAK,CAACuB,KAAK,CAACiB,MAAP,CAA9C,IAAgE,CAACxC,KAAK,CAACoB,cAAD,CAA1E,EAA4F;MAC1F,IAAIG,KAAK,CAACkB,QAAN,IAAkBlB,KAAK,CAACiB,MAAN,KAAiBpB,cAAc,CAACS,KAAtD,EAA6D;QAC3DT,cAAc,CAACU,IAAf,CAAoBE,KAApB;QACAT,KAAK,CAACmB,cAAN;MACD;;MACD,IAAI,CAACnB,KAAK,CAACkB,QAAP,IAAmBlB,KAAK,CAACiB,MAAN,KAAiBpB,cAAc,CAACU,IAAvD,EAA6D;QAC3DV,cAAc,CAACS,KAAf,CAAqBG,KAArB;QACAT,KAAK,CAACmB,cAAN;MACD;IACF,CATD,CAUA;IAVA,KAWK,IAAIxC,UAAU,CAACqB,KAAD,EAAQpB,aAAa,CAACwC,GAAtB,CAAd,EAA0C;MAC7C,IAAIxB,MAAM,CAACyB,eAAX,EAA4B;QAC1BzB,MAAM,CAACyB,eAAP,CAAuBrB,KAAvB;MACD;;MAED,IAAI,CAACJ,MAAM,CAAC0B,oBAAZ,EAAkC;QAChC;QACAtB,KAAK,CAACuB,eAAN;QAEAxB,YAAY,CAACC,KAAD,EAAQ,eAAR,EAAyB,IAAzB,CAAZ;MACD;IACF;EACF,CAxBD;;EA0BA,MAAMwB,kBAAkB,GAAG,uCAAM,KAAC,KAAD;IAAO,IAAI,EAAC;EAAZ,EAAN,CAA3B;;EAEA,MAAMC,yBAAyB,GAAGhC,WAAW,GACzCV,WAAW,CAACyC,kBAAD,EAAqB/B,WAArB,EAAkC,KAAlC,CAD8B,GAEzC+B,kBAFJ;EAIA,oBACE,MAAC,MAAD;IACE,SAAS,EAAEpD,IAAI,CAACc,OAAO,CAACwC,IAAT,EAAevC,SAAf,CADjB;IAEE,EAAE,EAAEC,EAFN;IAGE,GAAG,EAAEe,WAHP;IAIE,IAAI,EAAEb,IAJR;IAKE,UAAU,EAAE;MACVJ,OAAO,EAAE;QACPwC,IAAI,EAAEtD,IAAI,CAACc,OAAO,CAACyC,KAAT,EAAgBjC,UAAhB,IAA6B,YAA7B;MADH;IADC,CALd;IAUE,UAAU,EAAEA,UAVd;IAWE,aAAa,EAAE;MACbR,OAAO,EAAE;QACPwC,IAAI,EAAExC,OAAO,CAAC0C;MADP;IADI,CAXjB;IAgBE,OAAO,EAAE,CAAC5B,KAAD,EAAQC,MAAR,KAAmBF,YAAY,CAACC,KAAD,EAAQC,MAAR,CAhB1C;IAiBE,SAAS,EAAEc;EAjBb,GAkBMnB,MAlBN;IAmBE,kBAnBF;IAAA,wBAqBE,KAAC,MAAD;MACE,EAAE,EAAEf,KAAK,CAACO,EAAD,EAAK,OAAL,CADX;MAEE,SAAS,EAAEF,OAAO,CAAC2C,WAFrB;MAGE,QAAQ,EAAC,OAHX;MAIE,OAAO,EAAG7B,KAAD,IAAWD,YAAY,CAACC,KAAD,EAAQ8B,SAAR,EAAmB,IAAnB,CAJlC;MAKE,cAAYrC,WALd;MAAA,uBAOE,KAAC,yBAAD;IAPF,EArBF,EA8BGJ,QAAQ,IAAI,OAAOA,QAAP,KAAoB,QAAhC,GACGpB,KAAK,CAAC8D,QAAN,CAAeC,GAAf,CAAmB3C,QAAnB,EAA8B4C,CAAD,iBAAOhE,KAAK,CAACiE,YAAN,CAAmBD,CAAnB,EAAsB;MAAEvC;IAAF,CAAtB,CAApC,CADH,GAEGL,QAhCN;EAAA,GADF;AAoCD,CArHD;;AAuHA,wCAAAJ,QAAQ,CAACkD,SAAT,GAAqB;EACnB;AACF;AACA;EACEhD,SAAS,EAAEd,SAAS,CAAC+D,MAJF;;EAKnB;AACF;AACA;EACEhD,EAAE,EAAEf,SAAS,CAAC+D,MARK;;EASnB;AACF;AACA;EACElD,OAAO,EAAEb,SAAS,CAACgE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,IAAI,EAAErD,SAAS,CAAC+D,MAJO;;IAKvB;AACJ;AACA;IACIR,UAAU,EAAEvD,SAAS,CAAC+D,MARC;;IASvB;AACJ;AACA;IACIT,KAAK,EAAEtD,SAAS,CAAC+D,MAZM;;IAavB;AACJ;AACA;IACIP,WAAW,EAAExD,SAAS,CAAC+D;EAhBA,CAAhB,EAiBNE,UA7BgB;;EA8BnB;AACF;AACA;EACEjD,QAAQ,EAAEhB,SAAS,CAAC+B,IAAV,CAAekC,UAjCN;;EAkCnB;AACF;AACA;EACEhD,IAAI,EAAEjB,SAAS,CAACkE,IAAV,CAAeD,UArCF;;EAsCnB;AACF;AACA;EACE/C,OAAO,EAAElB,SAAS,CAACmE,IAzCA;;EA0CnB;AACF;AACA;EACEhD,cAAc,EAAEnB,SAAS,CAAC+D,MA7CP;;EA8CnB;AACF;AACA;EACE3C,WAAW,EAAEpB,SAAS,CAAC+D,MAjDJ;;EAkDnB;AACF;AACA;EACE1C,UAAU,EAAErB,SAAS,CAACkE,IArDH;;EAsDnB;AACF;AACA;EACE5C,oBAAoB,EAAEtB,SAAS,CAACkE;AAzDb,CAArB;AA4DA,eAAehE,UAAU,CAACO,MAAD,EAAS;EAAE2D,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCxD,QAAzC,CAAf"}

package/dist/modern/Dialog/DialogActions/DialogActions.d.ts

@@ -1,4 +1,4 @@
-import { DialogActionsProps, StandardProps } from "@material-ui/core";
+import { DialogActionsProps, StandardProps } from "@mui/material";
 
 export type HvDialogActionsClassKey = "root" | "spacing";