@okta/odyssey-react-mui 1.44.0 → 1.47.0

package/dist/cjs/DatePickers/DateField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.cjs","names":["_xDatePickers","require","_react","_reactI18next","_Field","_jsxRuntime","_interopRequireDefault","e","__esModule","default","useOdysseyDateError","t","useTranslation","Map","formatDateTimeToUtcIsoDateString","value","toUTC","toISO","DateField","defaultValue","endAdornment","errorMessage","hasInitialFocus","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isOptional","isReadOnly","label","minDate","maxDate","onBlur","onChange","onFocus","timezone","errorMap","displayedErrorMessage","setDisplayedErrorMessage","useState","internalValidationError","useRef","localInputRef","useImperativeHandle","focus","current","checkMinMaxValidity","useCallback","hasMinError","hasMaxError","get","useEffect","clearErrorMessages","undefined","validateAndCallOnChange","validationContext","validationError","hasEnteredFullYear","year","toString","length","odysseyValidationError","isValid","dateStringFromDateTime","checkFieldValidityAndSetError","event","hasVisibleAdornment","renderFieldComponent","ariaDescribedBy","errorMessageElementId","labelElementId","jsx","autoFocus","disabled","inputProps","InputProps","error","Boolean","Fragment","children","_InputAdornment2","position","name","readOnly","variant","Field","fieldType","hasVisibleLabel","MemoizedDateField","exports","memo","displayName"],"sources":["../../../src/DatePickers/DateField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputAdornment } from \"@mui/material\";\nimport {\n  DateValidationError,\n  DateField as MuiDateField,\n  DateFieldProps as MuiDateFieldProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport {\n  FocusEventHandler,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Field, RenderFieldComponentProps } from \"../Field.js\";\nimport { TextFieldProps } from \"../TextField.js\";\n\nexport type DateFieldProps = {\n  onChange?: (value: string) => void;\n} & Pick<\n  MuiDateFieldProps<DateTime>,\n  \"defaultValue\" | \"inputRef\" | \"minDate\" | \"maxDate\" | \"timezone\" | \"value\"\n> &\n  Pick<\n    TextFieldProps,\n    | \"endAdornment\"\n    | \"errorMessage\"\n    | \"hasInitialFocus\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n    | \"label\"\n    | \"onBlur\"\n    | \"onFocus\"\n  >;\n\nconst useOdysseyDateError = () => {\n  const { t } = useTranslation();\n\n  return new Map<DateValidationError, string>([\n    [\"invalidDate\", t(\"picker.error.invalid\")],\n    [\"maxDate\", t(\"picker.error.maxdate\")],\n    [\"minDate\", t(\"picker.error.mindate\")],\n  ]);\n};\n\nconst formatDateTimeToUtcIsoDateString = (value: DateTime) =>\n  value.toUTC().toISO();\n\nconst DateField = ({\n  defaultValue,\n  endAdornment,\n  errorMessage,\n  hasInitialFocus,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputRef,\n  isDisabled = false,\n  isOptional = false,\n  isReadOnly,\n  label,\n  minDate,\n  maxDate,\n  onBlur,\n  onChange,\n  onFocus,\n  timezone,\n  value,\n}: DateFieldProps) => {\n  const errorMap = useOdysseyDateError();\n  const [displayedErrorMessage, setDisplayedErrorMessage] =\n    useState(errorMessage);\n\n  const internalValidationError = useRef<string | undefined>();\n  const localInputRef = useRef<HTMLInputElement>(null);\n\n  useImperativeHandle(inputRef, () => {\n    return {\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    };\n  }, []);\n\n  const checkMinMaxValidity = useCallback(\n    (value: DateTime) => {\n      const hasMinError = minDate && value.toUTC() < minDate.toUTC();\n      const hasMaxError = maxDate && value.toUTC() > maxDate.toUTC();\n\n      if (hasMinError || hasMaxError) {\n        if (hasMinError) {\n          setDisplayedErrorMessage(errorMap.get(\"minDate\"));\n        }\n\n        if (hasMaxError) {\n          setDisplayedErrorMessage(errorMap.get(\"maxDate\"));\n        }\n\n        return false;\n      }\n\n      return true;\n    },\n    [errorMap, minDate, maxDate],\n  );\n\n  useEffect(() => {\n    if (value) {\n      checkMinMaxValidity(value);\n    }\n\n    if (defaultValue) {\n      checkMinMaxValidity(defaultValue);\n    }\n  }, [checkMinMaxValidity, defaultValue, minDate, maxDate, value]);\n\n  const clearErrorMessages = useCallback(() => {\n    setDisplayedErrorMessage(undefined);\n    internalValidationError.current = undefined;\n  }, [internalValidationError, setDisplayedErrorMessage]);\n\n  const validateAndCallOnChange = useCallback<\n    NonNullable<MuiDateFieldProps<DateTime>[\"onChange\"]>\n  >(\n    (value, validationContext) => {\n      clearErrorMessages();\n      const { validationError } = validationContext;\n      const hasEnteredFullYear = value?.year.toString().length === 4;\n\n      if (validationError) {\n        const odysseyValidationError = errorMap.get(validationError);\n\n        if (odysseyValidationError) {\n          internalValidationError.current = odysseyValidationError;\n\n          if (value?.isValid && hasEnteredFullYear) {\n            setDisplayedErrorMessage(odysseyValidationError);\n          }\n        }\n      }\n\n      if (value?.isValid && !validationError) {\n        const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n        if (dateStringFromDateTime && checkMinMaxValidity(value)) {\n          onChange?.(dateStringFromDateTime);\n        }\n      }\n    },\n    [checkMinMaxValidity, clearErrorMessages, errorMap, onChange],\n  );\n\n  const checkFieldValidityAndSetError = useCallback<\n    FocusEventHandler<HTMLInputElement>\n  >(\n    (event) => {\n      if (internalValidationError?.current && !displayedErrorMessage) {\n        setDisplayedErrorMessage(internalValidationError.current);\n      }\n      onBlur?.(event);\n    },\n    [displayedErrorMessage, internalValidationError, onBlur],\n  );\n\n  const hasVisibleAdornment = !isReadOnly && !isDisabled;\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: RenderFieldComponentProps) => (\n      <MuiDateField\n        /* eslint-disable-next-line jsx-a11y/no-autofocus */\n        autoFocus={hasInitialFocus}\n        defaultValue={defaultValue}\n        disabled={isDisabled}\n        id={id}\n        inputProps={{\n          \"aria-describedby\": ariaDescribedBy,\n          \"aria-errormessage\": errorMessageElementId,\n          \"aria-labelledby\": labelElementId,\n        }}\n        InputProps={{\n          error: Boolean(displayedErrorMessage || errorMessage),\n          endAdornment: (\n            <>\n              {hasVisibleAdornment && (\n                <InputAdornment position=\"end\">{endAdornment}</InputAdornment>\n              )}\n            </>\n          ),\n        }}\n        inputRef={localInputRef}\n        maxDate={maxDate}\n        minDate={minDate}\n        name={id}\n        onBlur={checkFieldValidityAndSetError}\n        onChange={validateAndCallOnChange}\n        onFocus={onFocus}\n        readOnly={isReadOnly}\n        timezone={timezone}\n        value={value}\n        variant=\"standard\"\n      />\n    ),\n    [\n      checkFieldValidityAndSetError,\n      defaultValue,\n      displayedErrorMessage,\n      endAdornment,\n      errorMessage,\n      hasInitialFocus,\n      hasVisibleAdornment,\n      isDisabled,\n      localInputRef,\n      minDate,\n      maxDate,\n      onFocus,\n      isReadOnly,\n      timezone,\n      validateAndCallOnChange,\n      value,\n    ],\n  );\n\n  return (\n    <Field\n      errorMessage={displayedErrorMessage || errorMessage}\n      fieldType=\"single\"\n      hasVisibleLabel\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={isOptional}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedDateField = memo(DateField);\nMemoizedDateField.displayName = \"DateField\";\n\nexport { MemoizedDateField as DateField };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DateField.cjs","names":["_xDatePickers","require","_react","_Field","_i18n","_jsxRuntime","_interopRequireDefault","e","__esModule","default","useOdysseyDateError","t","useTranslation","Map","formatDateTimeToUtcIsoDateString","value","toUTC","toISO","DateField","defaultValue","endAdornment","errorMessage","hasInitialFocus","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isOptional","isReadOnly","label","minDate","maxDate","onBlur","onChange","onFocus","timezone","errorMap","displayedErrorMessage","setDisplayedErrorMessage","useState","internalValidationError","useRef","localInputRef","useImperativeHandle","focus","current","checkMinMaxValidity","useCallback","hasMinError","hasMaxError","get","useEffect","clearErrorMessages","undefined","validateAndCallOnChange","validationContext","validationError","hasEnteredFullYear","year","toString","length","odysseyValidationError","isValid","dateStringFromDateTime","checkFieldValidityAndSetError","event","hasVisibleAdornment","renderFieldComponent","ariaDescribedBy","errorMessageElementId","labelElementId","jsx","autoFocus","disabled","inputProps","InputProps","error","Boolean","Fragment","children","_InputAdornment2","position","name","readOnly","variant","Field","fieldType","hasVisibleLabel","MemoizedDateField","exports","memo","displayName"],"sources":["../../../src/DatePickers/DateField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputAdornment } from \"@mui/material\";\nimport {\n  DateValidationError,\n  DateField as MuiDateField,\n  DateFieldProps as MuiDateFieldProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport {\n  FocusEventHandler,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Field, RenderFieldComponentProps } from \"../Field.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport { TextFieldProps } from \"../TextField.js\";\n\nexport type DateFieldProps = {\n  onChange?: (value: string) => void;\n} & Pick<\n  MuiDateFieldProps<DateTime>,\n  \"defaultValue\" | \"inputRef\" | \"minDate\" | \"maxDate\" | \"timezone\" | \"value\"\n> &\n  Pick<\n    TextFieldProps,\n    | \"endAdornment\"\n    | \"errorMessage\"\n    | \"hasInitialFocus\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n    | \"label\"\n    | \"onBlur\"\n    | \"onFocus\"\n  >;\n\nconst useOdysseyDateError = () => {\n  const { t } = useTranslation();\n\n  return new Map<DateValidationError, string>([\n    [\"invalidDate\", t(\"picker.error.invalid\")],\n    [\"maxDate\", t(\"picker.error.maxdate\")],\n    [\"minDate\", t(\"picker.error.mindate\")],\n  ]);\n};\n\nconst formatDateTimeToUtcIsoDateString = (value: DateTime) =>\n  value.toUTC().toISO();\n\nconst DateField = ({\n  defaultValue,\n  endAdornment,\n  errorMessage,\n  hasInitialFocus,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  inputRef,\n  isDisabled = false,\n  isOptional = false,\n  isReadOnly,\n  label,\n  minDate,\n  maxDate,\n  onBlur,\n  onChange,\n  onFocus,\n  timezone,\n  value,\n}: DateFieldProps) => {\n  const errorMap = useOdysseyDateError();\n  const [displayedErrorMessage, setDisplayedErrorMessage] =\n    useState(errorMessage);\n\n  const internalValidationError = useRef<string | undefined>();\n  const localInputRef = useRef<HTMLInputElement>(null);\n\n  useImperativeHandle(inputRef, () => {\n    return {\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    };\n  }, []);\n\n  const checkMinMaxValidity = useCallback(\n    (value: DateTime) => {\n      const hasMinError = minDate && value.toUTC() < minDate.toUTC();\n      const hasMaxError = maxDate && value.toUTC() > maxDate.toUTC();\n\n      if (hasMinError || hasMaxError) {\n        if (hasMinError) {\n          setDisplayedErrorMessage(errorMap.get(\"minDate\"));\n        }\n\n        if (hasMaxError) {\n          setDisplayedErrorMessage(errorMap.get(\"maxDate\"));\n        }\n\n        return false;\n      }\n\n      return true;\n    },\n    [errorMap, minDate, maxDate],\n  );\n\n  useEffect(() => {\n    if (value) {\n      checkMinMaxValidity(value);\n    }\n\n    if (defaultValue) {\n      checkMinMaxValidity(defaultValue);\n    }\n  }, [checkMinMaxValidity, defaultValue, minDate, maxDate, value]);\n\n  const clearErrorMessages = useCallback(() => {\n    setDisplayedErrorMessage(undefined);\n    internalValidationError.current = undefined;\n  }, [internalValidationError, setDisplayedErrorMessage]);\n\n  const validateAndCallOnChange = useCallback<\n    NonNullable<MuiDateFieldProps<DateTime>[\"onChange\"]>\n  >(\n    (value, validationContext) => {\n      clearErrorMessages();\n      const { validationError } = validationContext;\n      const hasEnteredFullYear = value?.year.toString().length === 4;\n\n      if (validationError) {\n        const odysseyValidationError = errorMap.get(validationError);\n\n        if (odysseyValidationError) {\n          internalValidationError.current = odysseyValidationError;\n\n          if (value?.isValid && hasEnteredFullYear) {\n            setDisplayedErrorMessage(odysseyValidationError);\n          }\n        }\n      }\n\n      if (value?.isValid && !validationError) {\n        const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n        if (dateStringFromDateTime && checkMinMaxValidity(value)) {\n          onChange?.(dateStringFromDateTime);\n        }\n      }\n    },\n    [checkMinMaxValidity, clearErrorMessages, errorMap, onChange],\n  );\n\n  const checkFieldValidityAndSetError = useCallback<\n    FocusEventHandler<HTMLInputElement>\n  >(\n    (event) => {\n      if (internalValidationError?.current && !displayedErrorMessage) {\n        setDisplayedErrorMessage(internalValidationError.current);\n      }\n      onBlur?.(event);\n    },\n    [displayedErrorMessage, internalValidationError, onBlur],\n  );\n\n  const hasVisibleAdornment = !isReadOnly && !isDisabled;\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: RenderFieldComponentProps) => (\n      <MuiDateField\n        /* eslint-disable-next-line jsx-a11y/no-autofocus */\n        autoFocus={hasInitialFocus}\n        defaultValue={defaultValue}\n        disabled={isDisabled}\n        id={id}\n        inputProps={{\n          \"aria-describedby\": ariaDescribedBy,\n          \"aria-errormessage\": errorMessageElementId,\n          \"aria-labelledby\": labelElementId,\n        }}\n        InputProps={{\n          error: Boolean(displayedErrorMessage || errorMessage),\n          endAdornment: (\n            <>\n              {hasVisibleAdornment && (\n                <InputAdornment position=\"end\">{endAdornment}</InputAdornment>\n              )}\n            </>\n          ),\n        }}\n        inputRef={localInputRef}\n        maxDate={maxDate}\n        minDate={minDate}\n        name={id}\n        onBlur={checkFieldValidityAndSetError}\n        onChange={validateAndCallOnChange}\n        onFocus={onFocus}\n        readOnly={isReadOnly}\n        timezone={timezone}\n        value={value}\n        variant=\"standard\"\n      />\n    ),\n    [\n      checkFieldValidityAndSetError,\n      defaultValue,\n      displayedErrorMessage,\n      endAdornment,\n      errorMessage,\n      hasInitialFocus,\n      hasVisibleAdornment,\n      isDisabled,\n      localInputRef,\n      minDate,\n      maxDate,\n      onFocus,\n      isReadOnly,\n      timezone,\n      validateAndCallOnChange,\n      value,\n    ],\n  );\n\n  return (\n    <Field\n      errorMessage={displayedErrorMessage || errorMessage}\n      fieldType=\"single\"\n      hasVisibleLabel\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={isOptional}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedDateField = memo(DateField);\nMemoizedDateField.displayName = \"DateField\";\n\nexport { MemoizedDateField as DateField };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DatePickers/DateFieldActionBar.cjs

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.DateFieldActionBar = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _react = require("react");
-var _reactI18next = require("react-i18next");
 var _index = require("../Buttons/index.cjs");
+var _i18n = require("../i18n.generated/i18n.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -38,7 +38,7 @@ const DateFieldActionBar = ({
 }) => {
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
   if (actions && actions.length > 0) {
     return (0, _jsxRuntime.jsxs)(ActionContainer, {

package/dist/cjs/DatePickers/DateFieldActionBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldActionBar.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_index","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","ActionContainer","styled","div","odysseyDesignTokens","display","justifyContent","paddingInline","Spacing4","paddingBlockEnd","DateFieldActionBar","actions","onAccept","onCancel","t","useTranslation","useOdysseyDesignTokens","length","jsxs","children","jsx","Button","label","onClick","variant","MemoizedDateFieldActionBar","exports","memo","displayName"],"sources":["../../../src/DatePickers/DateFieldActionBar.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { PickersActionBarProps } from \"@mui/x-date-pickers\";\nimport { memo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"../Buttons/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\n\nconst ActionContainer = styled.div<{ odysseyDesignTokens: DesignTokens }>(\n  ({ odysseyDesignTokens }) => ({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    paddingInline: odysseyDesignTokens.Spacing4,\n    paddingBlockEnd: odysseyDesignTokens.Spacing4,\n  }),\n);\n\nconst DateFieldActionBar = ({\n  actions,\n  onAccept,\n  onCancel,\n}: PickersActionBarProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  // actions will be [] or [\"accept\", \"cancel\"]\n  if (actions && actions.length > 0) {\n    return (\n      <ActionContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Button\n          label={t(\"picker.labels.action.cancel\")}\n          onClick={onCancel}\n          variant=\"floating\"\n        />\n        <Button\n          label={t(\"picker.labels.action.apply\")}\n          onClick={onAccept}\n          variant=\"primary\"\n        />\n      </ActionContainer>\n    );\n  }\n\n  return null;\n};\n\nconst MemoizedDateFieldActionBar = memo(DateFieldActionBar);\nMemoizedDateFieldActionBar.displayName = \"DateFieldActionBar\";\n\nexport { MemoizedDateFieldActionBar as DateFieldActionBar };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAG0C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,eAAe,GAAGC,eAAM,CAACC,GAAG,CAChC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC5BC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,UAAU;EAC1BC,aAAa,EAAEH,mBAAmB,CAACI,QAAQ;EAC3CC,eAAe,EAAEL,mBAAmB,CAACI;AACvC,CAAC,CACH,CAAC;AAED,MAAME,kBAAkB,GAAGA,CAAC;EAC1BC,OAAO;EACPC,QAAQ;EACRC;AACqB,CAAC,KAAK;EAC3B,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAC9B,MAAMX,mBAAmB,GAAG,IAAAY,kDAAsB,EAAC,CAAC;EAGpD,IAAIL,OAAO,IAAIA,OAAO,CAACM,MAAM,GAAG,CAAC,EAAE;IACjC,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAACjB,eAAe;MAACG,mBAAmB,EAAEA,mBAAoB;MAAAe,QAAA,GACxD,IAAAtB,WAAA,CAAAuB,GAAA,EAACzB,MAAA,CAAA0B,MAAM;QACLC,KAAK,EAAER,CAAC,CAAC,6BAA6B,CAAE;QACxCS,OAAO,EAAEV,QAAS;QAClBW,OAAO,EAAC;MAAU,CACnB,CAAC,EACF,IAAA3B,WAAA,CAAAuB,GAAA,EAACzB,MAAA,CAAA0B,MAAM;QACLC,KAAK,EAAER,CAAC,CAAC,4BAA4B,CAAE;QACvCS,OAAO,EAAEX,QAAS;QAClBY,OAAO,EAAC;MAAS,CAClB,CAAC;IAAA,CACa,CAAC;EAEtB;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMC,0BAA0B,GAAAC,OAAA,CAAAhB,kBAAA,GAAG,IAAAiB,WAAI,EAACjB,kBAAkB,CAAC;AAC3De,0BAA0B,CAACG,WAAW,GAAG,oBAAoB","ignoreList":[]}
+{"version":3,"file":"DateFieldActionBar.cjs","names":["_styled","_interopRequireDefault","require","_react","_index","_i18n","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","ActionContainer","styled","div","odysseyDesignTokens","display","justifyContent","paddingInline","Spacing4","paddingBlockEnd","DateFieldActionBar","actions","onAccept","onCancel","t","useTranslation","useOdysseyDesignTokens","length","jsxs","children","jsx","Button","label","onClick","variant","MemoizedDateFieldActionBar","exports","memo","displayName"],"sources":["../../../src/DatePickers/DateFieldActionBar.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { PickersActionBarProps } from \"@mui/x-date-pickers\";\nimport { memo } from \"react\";\n\nimport { Button } from \"../Buttons/index.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\n\nconst ActionContainer = styled.div<{ odysseyDesignTokens: DesignTokens }>(\n  ({ odysseyDesignTokens }) => ({\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    paddingInline: odysseyDesignTokens.Spacing4,\n    paddingBlockEnd: odysseyDesignTokens.Spacing4,\n  }),\n);\n\nconst DateFieldActionBar = ({\n  actions,\n  onAccept,\n  onCancel,\n}: PickersActionBarProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  // actions will be [] or [\"accept\", \"cancel\"]\n  if (actions && actions.length > 0) {\n    return (\n      <ActionContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Button\n          label={t(\"picker.labels.action.cancel\")}\n          onClick={onCancel}\n          variant=\"floating\"\n        />\n        <Button\n          label={t(\"picker.labels.action.apply\")}\n          onClick={onAccept}\n          variant=\"primary\"\n        />\n      </ActionContainer>\n    );\n  }\n\n  return null;\n};\n\nconst MemoizedDateFieldActionBar = memo(DateFieldActionBar);\nMemoizedDateFieldActionBar.displayName = \"DateFieldActionBar\";\n\nexport { MemoizedDateFieldActionBar as DateFieldActionBar };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AAG0C,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,eAAe,GAAGC,eAAM,CAACC,GAAG,CAChC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC5BC,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,UAAU;EAC1BC,aAAa,EAAEH,mBAAmB,CAACI,QAAQ;EAC3CC,eAAe,EAAEL,mBAAmB,CAACI;AACvC,CAAC,CACH,CAAC;AAED,MAAME,kBAAkB,GAAGA,CAAC;EAC1BC,OAAO;EACPC,QAAQ;EACRC;AACqB,CAAC,KAAK;EAC3B,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EAC9B,MAAMX,mBAAmB,GAAG,IAAAY,kDAAsB,EAAC,CAAC;EAGpD,IAAIL,OAAO,IAAIA,OAAO,CAACM,MAAM,GAAG,CAAC,EAAE;IACjC,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAACjB,eAAe;MAACG,mBAAmB,EAAEA,mBAAoB;MAAAe,QAAA,GACxD,IAAAtB,WAAA,CAAAuB,GAAA,EAAC1B,MAAA,CAAA2B,MAAM;QACLC,KAAK,EAAER,CAAC,CAAC,6BAA6B,CAAE;QACxCS,OAAO,EAAEV,QAAS;QAClBW,OAAO,EAAC;MAAU,CACnB,CAAC,EACF,IAAA3B,WAAA,CAAAuB,GAAA,EAAC1B,MAAA,CAAA2B,MAAM;QACLC,KAAK,EAAER,CAAC,CAAC,4BAA4B,CAAE;QACvCS,OAAO,EAAEX,QAAS;QAClBY,OAAO,EAAC;MAAS,CAClB,CAAC;IAAA,CACa,CAAC;EAEtB;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMC,0BAA0B,GAAAC,OAAA,CAAAhB,kBAAA,GAAG,IAAAiB,WAAI,EAACjB,kBAAkB,CAAC;AAC3De,0BAA0B,CAACG,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/cjs/DatePickers/DatePicker.cjs

@@ -7,8 +7,8 @@ exports.DatePicker = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _xDatePickers = require("@mui/x-date-pickers");
 var _react = require("react");
-var _reactI18next = require("react-i18next");
 var _index = require("../Buttons/index.cjs");
+var _i18n = require("../i18n.generated/i18n.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _OdysseyThemeProvider = require("../OdysseyThemeProvider.cjs");
 var _useUniqueId = require("../useUniqueId.cjs");
@@ -78,7 +78,7 @@ const DatePicker = ({
   const {
     i18n,
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   const inputRef = (0, _react.useRef)(null);
   const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
   const datePickerId = (0, _useUniqueId.useUniqueId)(idOverride);

package/dist/cjs/DatePickers/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","names":["_styled","_interopRequireDefault","require","_xDatePickers","_react","_reactI18next","_index","_OdysseyDesignTokensContext","_OdysseyThemeProvider","_useUniqueId","_DateField","_DateFieldActionBar","_DateFieldLocalizationProvider","_datePickerTheme","_TimeZonePicker","_useOdysseyDateFields","_jsxRuntime","e","__esModule","default","DatePickerContainer","styled","div","marginBlockEnd","DatePickerWidthContainer","odysseyDesignTokens","width","maxWidth","TypographyLineLengthMax","TimeZonePickerContainer","shouldForwardProp","prop","marginBlockStart","Spacing3","DatePicker","defaultValue","defaultValueProp","errorMessage","hint","HintLinkComponent","id","idOverride","isDateEnabled","isDisabled","isOptional","isReadOnly","isMonthEnabled","isYearEnabled","label","minDate","minDateProp","maxDate","maxDateProp","onBlur","onCalendarDateChange","onInputChange","onInputChangeProp","timeZone","timeZonePickerLabel","timeZoneOptions","value","valueProp","i18n","t","useTranslation","inputRef","useRef","useOdysseyDesignTokens","datePickerId","useUniqueId","closeCalendar","commonIcons","defaultedLanguageCode","formatDateTimeToUtcIsoDateString","formatDayOfWeek","inputValues","internalTimeZone","isOpen","localeText","onTimeZoneChange","popperElement","setPopperElement","shouldDisableDate","shouldDisableMonth","shouldDisableYear","toggleCalendarVisibility","useOdysseyDateFields","language","containerRef","useEffect","current","formatDateTimeToJsDateStringOnCalendarSelection","useCallback","dateStringFromDateTime","renderDateField","jsx","DateField","endAdornment","Button","ariaLabel","onClick","size","startIcon","CalendarIcon","variant","onChange","timezone","slots","useMemo","actionBar","DateFieldActionBar","field","muiProps","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","switchViewIcon","ChevronDownIcon","slotProps","wrapperVariant","onAccept","onCancel","actions","popper","anchorEl","toolbar","toolbarPlaceholder","OdysseyThemeProvider","themeOverride","datePickerTheme","children","jsxs","DateFieldLocalizationProvider","ref","dayOfWeekFormatter","disabled","fixedWeekNumber","onClose","open","readOnly","TimeZonePicker","MemoizedDatePicker","exports","memo","displayName"],"sources":["../../../src/DatePickers/DatePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  DatePickerSlotProps,\n  type DatePickerSlots,\n  DatePicker as MuiDatePicker,\n  DatePickerProps as MuiDatePickerProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"../Buttons/index.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"../OdysseyThemeProvider.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport { DateField, DateFieldProps } from \"./DateField.js\";\nimport { DateFieldActionBar } from \"./DateFieldActionBar.js\";\nimport { DateFieldLocalizationProvider } from \"./DateFieldLocalizationProvider.js\";\nimport { datePickerTheme } from \"./datePickerTheme.js\";\nimport { TimeZonePicker } from \"./TimeZonePicker.js\";\nimport {\n  OdysseyDateFieldProps,\n  useOdysseyDateFields,\n} from \"./useOdysseyDateFields.js\";\n\nconst DatePickerContainer = styled.div({\n  \".MuiFormControl-root\": {\n    marginBlockEnd: 0,\n  },\n});\n\nconst DatePickerWidthContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  \".MuiInput-root\": {\n    width: \"100%\",\n    maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n  },\n}));\n\nconst TimeZonePickerContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginBlockStart: odysseyDesignTokens.Spacing3,\n}));\n\ntype RenderDateFieldProps = {\n  defaultValue: DateFieldProps[\"defaultValue\"];\n  value: DateFieldProps[\"value\"];\n} & MuiDatePickerProps<DateTime>;\n\nexport type DatePickerProps = OdysseyDateFieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isReadOnly\"\n    | \"isOptional\"\n  >;\n\nconst DatePicker = ({\n  defaultValue: defaultValueProp,\n  errorMessage,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDateEnabled = () => true,\n  isDisabled,\n  isOptional,\n  isReadOnly,\n  isMonthEnabled = () => true,\n  isYearEnabled = () => true,\n  label,\n  minDate: minDateProp,\n  maxDate: maxDateProp,\n  onBlur,\n  onCalendarDateChange,\n  onInputChange: onInputChangeProp,\n  timeZone,\n  timeZonePickerLabel,\n  timeZoneOptions,\n  value: valueProp,\n}: DatePickerProps) => {\n  const { i18n, t } = useTranslation();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const datePickerId = useUniqueId(idOverride);\n\n  const {\n    closeCalendar,\n    commonIcons,\n    defaultedLanguageCode,\n    formatDateTimeToUtcIsoDateString,\n    formatDayOfWeek,\n    inputValues,\n    internalTimeZone,\n    isOpen,\n    localeText,\n    minDate,\n    maxDate,\n    onInputChange,\n    onTimeZoneChange,\n    popperElement,\n    setPopperElement,\n    shouldDisableDate,\n    shouldDisableMonth,\n    shouldDisableYear,\n    toggleCalendarVisibility,\n  } = useOdysseyDateFields({\n    defaultValue: defaultValueProp,\n    errorMessage,\n    isDateEnabled,\n    isMonthEnabled,\n    isYearEnabled,\n    minDate: minDateProp,\n    maxDate: maxDateProp,\n    onInputChange: onInputChangeProp,\n    timeZone,\n    value: valueProp,\n  });\n\n  const { language } = i18n;\n  const containerRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    setPopperElement(containerRef.current);\n  }, [setPopperElement]);\n\n  const formatDateTimeToJsDateStringOnCalendarSelection = useCallback<\n    NonNullable<MuiDatePickerProps<DateTime>[\"onChange\"]>\n  >(\n    (value) => {\n      if (value) {\n        const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n        if (dateStringFromDateTime) {\n          onCalendarDateChange?.({\n            value: dateStringFromDateTime,\n            timeZone: internalTimeZone,\n          });\n        }\n      }\n    },\n    [formatDateTimeToUtcIsoDateString, internalTimeZone, onCalendarDateChange],\n  );\n\n  const renderDateField = useCallback(\n    ({ defaultValue, inputRef, value }: RenderDateFieldProps) => {\n      return (\n        <DateField\n          defaultValue={defaultValue}\n          endAdornment={\n            <Button\n              ariaLabel={t(\"picker.labels.date.choose\")}\n              label=\"\"\n              onClick={toggleCalendarVisibility}\n              size=\"small\"\n              startIcon={<commonIcons.CalendarIcon />}\n              variant=\"floating\"\n            />\n          }\n          errorMessage={errorMessage}\n          hint={hint}\n          HintLinkComponent={HintLinkComponent}\n          id={datePickerId}\n          inputRef={inputRef}\n          isDisabled={isDisabled}\n          isOptional={isOptional}\n          isReadOnly={isReadOnly}\n          label={label}\n          maxDate={maxDate}\n          minDate={minDate}\n          onBlur={onBlur}\n          onChange={onInputChange}\n          timezone={internalTimeZone}\n          value={value}\n        />\n      );\n    },\n    [\n      commonIcons,\n      datePickerId,\n      errorMessage,\n      hint,\n      HintLinkComponent,\n      internalTimeZone,\n      isDisabled,\n      isOptional,\n      isReadOnly,\n      label,\n      onBlur,\n      onInputChange,\n      minDate,\n      maxDate,\n      t,\n      toggleCalendarVisibility,\n    ],\n  );\n\n  const slots = useMemo<DatePickerSlots<DateTime>>(\n    () => ({\n      actionBar: DateFieldActionBar,\n      field: (muiProps: RenderDateFieldProps) => renderDateField(muiProps),\n      leftArrowIcon: () => <commonIcons.ArrowLeftIcon />,\n      rightArrowIcon: () => <commonIcons.ArrowRightIcon />,\n      switchViewIcon: () => <commonIcons.ChevronDownIcon />,\n    }),\n    [commonIcons, renderDateField],\n  );\n\n  const slotProps = useMemo<DatePickerSlotProps<DateTime, false>>(\n    () => ({\n      actionBar: ({ wrapperVariant, onAccept, onCancel }) => ({\n        actions:\n          // This is the default behavior but felt more clear to pass them in explicitly\n          wrapperVariant === \"desktop\" ? [] : [\"accept\", \"cancel\"],\n        onAccept,\n        onCancel,\n      }),\n      popper: {\n        anchorEl: popperElement,\n      },\n\n      toolbar: {\n        toolbarPlaceholder: \"\",\n      },\n    }),\n    [popperElement],\n  );\n\n  return (\n    <OdysseyThemeProvider themeOverride={datePickerTheme}>\n      <DateFieldLocalizationProvider\n        defaultedLanguageCode={defaultedLanguageCode}\n        localeText={localeText}\n      >\n        <DatePickerContainer>\n          <DatePickerWidthContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={containerRef}\n          >\n            <MuiDatePicker\n              dayOfWeekFormatter={formatDayOfWeek}\n              defaultValue={inputValues?.defaultValue}\n              disabled={isDisabled}\n              fixedWeekNumber={6}\n              inputRef={inputRef}\n              key={language}\n              label={label}\n              maxDate={maxDate}\n              minDate={minDate}\n              onChange={formatDateTimeToJsDateStringOnCalendarSelection}\n              onClose={closeCalendar}\n              open={isOpen}\n              readOnly={isReadOnly}\n              shouldDisableDate={shouldDisableDate}\n              shouldDisableMonth={shouldDisableMonth}\n              shouldDisableYear={shouldDisableYear}\n              slotProps={slotProps}\n              slots={slots}\n              timezone={internalTimeZone}\n              value={inputValues?.value}\n            />\n          </DatePickerWidthContainer>\n        </DatePickerContainer>\n        {timeZoneOptions && timeZonePickerLabel && (\n          <TimeZonePickerContainer odysseyDesignTokens={odysseyDesignTokens}>\n            <TimeZonePicker\n              isReadOnly={isReadOnly}\n              label={timeZonePickerLabel}\n              onTimeZoneChange={onTimeZoneChange}\n              timeZoneOptions={timeZoneOptions}\n              value={internalTimeZone}\n            />\n          </TimeZonePickerContainer>\n        )}\n      </DateFieldLocalizationProvider>\n    </OdysseyThemeProvider>\n  );\n};\n\nconst MemoizedDatePicker = memo(DatePicker);\nMemoizedDatePicker.displayName = \"DatePicker\";\n\nexport { MemoizedDatePicker as DatePicker };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,2BAAA,GAAAL,OAAA;AAIA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AACA,IAAAU,8BAAA,GAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAX,OAAA;AACA,IAAAY,eAAA,GAAAZ,OAAA;AACA,IAAAa,qBAAA,GAAAb,OAAA;AAGmC,IAAAc,WAAA,GAAAd,OAAA;AAAA,SAAAD,uBAAAgB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAvCnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA+BA,MAAMG,mBAAmB,GAAGC,eAAM,CAACC,GAAG,CAAC;EACrC,sBAAsB,EAAE;IACtBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMC,wBAAwB,GAAGH,eAAM,CAACC,GAAG,CAExC,CAAC;EAAEG;AAAoB,CAAC,MAAM;EAC/B,gBAAgB,EAAE;IAChBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAEF,mBAAmB,CAACG;EAChC;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,uBAAuB,GAAG,IAAAR,eAAM,EAAC,KAAK,EAAE;EAC5CS,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEN;AAAoB,CAAC,MAAM;EACtEO,gBAAgB,EAAEP,mBAAmB,CAACQ;AACxC,CAAC,CAAC,CAAC;AAmBH,MAAMC,UAAU,GAAGA,CAAC;EAClBC,YAAY,EAAEC,gBAAgB;EAC9BC,YAAY;EACZC,IAAI;EACJC,iBAAiB;EACjBC,EAAE,EAAEC,UAAU;EACdC,aAAa,GAAGA,CAAA,KAAM,IAAI;EAC1BC,UAAU;EACVC,UAAU;EACVC,UAAU;EACVC,cAAc,GAAGA,CAAA,KAAM,IAAI;EAC3BC,aAAa,GAAGA,CAAA,KAAM,IAAI;EAC1BC,KAAK;EACLC,OAAO,EAAEC,WAAW;EACpBC,OAAO,EAAEC,WAAW;EACpBC,MAAM;EACNC,oBAAoB;EACpBC,aAAa,EAAEC,iBAAiB;EAChCC,QAAQ;EACRC,mBAAmB;EACnBC,eAAe;EACfC,KAAK,EAAEC;AACQ,CAAC,KAAK;EACrB,MAAM;IAAEC,IAAI;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EACpC,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,MAAMzC,mBAAmB,GAAG,IAAA0C,kDAAsB,EAAC,CAAC;EACpD,MAAMC,YAAY,GAAG,IAAAC,wBAAW,EAAC5B,UAAU,CAAC;EAE5C,MAAM;IACJ6B,aAAa;IACbC,WAAW;IACXC,qBAAqB;IACrBC,gCAAgC;IAChCC,eAAe;IACfC,WAAW;IACXC,gBAAgB;IAChBC,MAAM;IACNC,UAAU;IACV7B,OAAO;IACPE,OAAO;IACPI,aAAa;IACbwB,gBAAgB;IAChBC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,kBAAkB;IAClBC,iBAAiB;IACjBC;EACF,CAAC,GAAG,IAAAC,0CAAoB,EAAC;IACvBnD,YAAY,EAAEC,gBAAgB;IAC9BC,YAAY;IACZK,aAAa;IACbI,cAAc;IACdC,aAAa;IACbE,OAAO,EAAEC,WAAW;IACpBC,OAAO,EAAEC,WAAW;IACpBG,aAAa,EAAEC,iBAAiB;IAChCC,QAAQ;IACRG,KAAK,EAAEC;EACT,CAAC,CAAC;EAEF,MAAM;IAAE0B;EAAS,CAAC,GAAGzB,IAAI;EACzB,MAAM0B,YAAY,GAAG,IAAAtB,aAAM,EAAmB,IAAI,CAAC;EAEnD,IAAAuB,gBAAS,EAAC,MAAM;IACdR,gBAAgB,CAACO,YAAY,CAACE,OAAO,CAAC;EACxC,CAAC,EAAE,CAACT,gBAAgB,CAAC,CAAC;EAEtB,MAAMU,+CAA+C,GAAG,IAAAC,kBAAW,EAGhEhC,KAAK,IAAK;IACT,IAAIA,KAAK,EAAE;MACT,MAAMiC,sBAAsB,GAAGpB,gCAAgC,CAACb,KAAK,CAAC;MAEtE,IAAIiC,sBAAsB,EAAE;QAC1BvC,oBAAoB,GAAG;UACrBM,KAAK,EAAEiC,sBAAsB;UAC7BpC,QAAQ,EAAEmB;QACZ,CAAC,CAAC;MACJ;IACF;EACF,CAAC,EACD,CAACH,gCAAgC,EAAEG,gBAAgB,EAAEtB,oBAAoB,CAC3E,CAAC;EAED,MAAMwC,eAAe,GAAG,IAAAF,kBAAW,EACjC,CAAC;IAAEzD,YAAY;IAAE8B,QAAQ;IAAEL;EAA4B,CAAC,KAAK;IAC3D,OACE,IAAA5C,WAAA,CAAA+E,GAAA,EAACrF,UAAA,CAAAsF,SAAS;MACR7D,YAAY,EAAEA,YAAa;MAC3B8D,YAAY,EACV,IAAAjF,WAAA,CAAA+E,GAAA,EAACzF,MAAA,CAAA4F,MAAM;QACLC,SAAS,EAAEpC,CAAC,CAAC,2BAA2B,CAAE;QAC1Cf,KAAK,EAAC,EAAE;QACRoD,OAAO,EAAEf,wBAAyB;QAClCgB,IAAI,EAAC,OAAO;QACZC,SAAS,EAAE,IAAAtF,WAAA,CAAA+E,GAAA,EAACxB,WAAW,CAACgC,YAAY,IAAE,CAAE;QACxCC,OAAO,EAAC;MAAU,CACnB,CACF;MACDnE,YAAY,EAAEA,YAAa;MAC3BC,IAAI,EAAEA,IAAK;MACXC,iBAAiB,EAAEA,iBAAkB;MACrCC,EAAE,EAAE4B,YAAa;MACjBH,QAAQ,EAAEA,QAAS;MACnBtB,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBG,KAAK,EAAEA,KAAM;MACbG,OAAO,EAAEA,OAAQ;MACjBF,OAAO,EAAEA,OAAQ;MACjBI,MAAM,EAAEA,MAAO;MACfoD,QAAQ,EAAElD,aAAc;MACxBmD,QAAQ,EAAE9B,gBAAiB;MAC3BhB,KAAK,EAAEA;IAAM,CACd,CAAC;EAEN,CAAC,EACD,CACEW,WAAW,EACXH,YAAY,EACZ/B,YAAY,EACZC,IAAI,EACJC,iBAAiB,EACjBqC,gBAAgB,EAChBjC,UAAU,EACVC,UAAU,EACVC,UAAU,EACVG,KAAK,EACLK,MAAM,EACNE,aAAa,EACbN,OAAO,EACPE,OAAO,EACPY,CAAC,EACDsB,wBAAwB,CAE5B,CAAC;EAED,MAAMsB,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACLC,SAAS,EAAEC,sCAAkB;IAC7BC,KAAK,EAAGC,QAA8B,IAAKlB,eAAe,CAACkB,QAAQ,CAAC;IACpEC,aAAa,EAAEA,CAAA,KAAM,IAAAjG,WAAA,CAAA+E,GAAA,EAACxB,WAAW,CAAC2C,aAAa,IAAE,CAAC;IAClDC,cAAc,EAAEA,CAAA,KAAM,IAAAnG,WAAA,CAAA+E,GAAA,EAACxB,WAAW,CAAC6C,cAAc,IAAE,CAAC;IACpDC,cAAc,EAAEA,CAAA,KAAM,IAAArG,WAAA,CAAA+E,GAAA,EAACxB,WAAW,CAAC+C,eAAe,IAAE;EACtD,CAAC,CAAC,EACF,CAAC/C,WAAW,EAAEuB,eAAe,CAC/B,CAAC;EAED,MAAMyB,SAAS,GAAG,IAAAX,cAAO,EACvB,OAAO;IACLC,SAAS,EAAEA,CAAC;MAAEW,cAAc;MAAEC,QAAQ;MAAEC;IAAS,CAAC,MAAM;MACtDC,OAAO,EAELH,cAAc,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;MAC1DC,QAAQ;MACRC;IACF,CAAC,CAAC;IACFE,MAAM,EAAE;MACNC,QAAQ,EAAE7C;IACZ,CAAC;IAED8C,OAAO,EAAE;MACPC,kBAAkB,EAAE;IACtB;EACF,CAAC,CAAC,EACF,CAAC/C,aAAa,CAChB,CAAC;EAED,OACE,IAAAhE,WAAA,CAAA+E,GAAA,EAACvF,qBAAA,CAAAwH,oBAAoB;IAACC,aAAa,EAAEC,gCAAgB;IAAAC,QAAA,EACnD,IAAAnH,WAAA,CAAAoH,IAAA,EAACxH,8BAAA,CAAAyH,6BAA6B;MAC5B7D,qBAAqB,EAAEA,qBAAsB;MAC7CM,UAAU,EAAEA,UAAW;MAAAqD,QAAA,GAEvB,IAAAnH,WAAA,CAAA+E,GAAA,EAAC3E,mBAAmB;QAAA+G,QAAA,EAClB,IAAAnH,WAAA,CAAA+E,GAAA,EAACvE,wBAAwB;UACvBC,mBAAmB,EAAEA,mBAAoB;UACzC6G,GAAG,EAAE9C,YAAa;UAAA2C,QAAA,EAElB,IAAAnH,WAAA,CAAA+E,GAAA,EAAC5F,aAAA,CAAA+B,UAAa;YACZqG,kBAAkB,EAAE7D,eAAgB;YACpCvC,YAAY,EAAEwC,WAAW,EAAExC,YAAa;YACxCqG,QAAQ,EAAE7F,UAAW;YACrB8F,eAAe,EAAE,CAAE;YACnBxE,QAAQ,EAAEA,QAAS;YAEnBjB,KAAK,EAAEA,KAAM;YACbG,OAAO,EAAEA,OAAQ;YACjBF,OAAO,EAAEA,OAAQ;YACjBwD,QAAQ,EAAEd,+CAAgD;YAC1D+C,OAAO,EAAEpE,aAAc;YACvBqE,IAAI,EAAE9D,MAAO;YACb+D,QAAQ,EAAE/F,UAAW;YACrBqC,iBAAiB,EAAEA,iBAAkB;YACrCC,kBAAkB,EAAEA,kBAAmB;YACvCC,iBAAiB,EAAEA,iBAAkB;YACrCmC,SAAS,EAAEA,SAAU;YACrBZ,KAAK,EAAEA,KAAM;YACbD,QAAQ,EAAE9B,gBAAiB;YAC3BhB,KAAK,EAAEe,WAAW,EAAEf;UAAM,GAdrB2B,QAeN;QAAC,CACsB;MAAC,CACR,CAAC,EACrB5B,eAAe,IAAID,mBAAmB,IACrC,IAAA1C,WAAA,CAAA+E,GAAA,EAAClE,uBAAuB;QAACJ,mBAAmB,EAAEA,mBAAoB;QAAA0G,QAAA,EAChE,IAAAnH,WAAA,CAAA+E,GAAA,EAACjF,eAAA,CAAA+H,cAAc;UACbhG,UAAU,EAAEA,UAAW;UACvBG,KAAK,EAAEU,mBAAoB;UAC3BqB,gBAAgB,EAAEA,gBAAiB;UACnCpB,eAAe,EAAEA,eAAgB;UACjCC,KAAK,EAAEgB;QAAiB,CACzB;MAAC,CACqB,CAC1B;IAAA,CAC4B;EAAC,CACZ,CAAC;AAE3B,CAAC;AAED,MAAMkE,kBAAkB,GAAAC,OAAA,CAAA7G,UAAA,GAAG,IAAA8G,WAAI,EAAC9G,UAAU,CAAC;AAC3C4G,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"DatePicker.cjs","names":["_styled","_interopRequireDefault","require","_xDatePickers","_react","_index","_i18n","_OdysseyDesignTokensContext","_OdysseyThemeProvider","_useUniqueId","_DateField","_DateFieldActionBar","_DateFieldLocalizationProvider","_datePickerTheme","_TimeZonePicker","_useOdysseyDateFields","_jsxRuntime","e","__esModule","default","DatePickerContainer","styled","div","marginBlockEnd","DatePickerWidthContainer","odysseyDesignTokens","width","maxWidth","TypographyLineLengthMax","TimeZonePickerContainer","shouldForwardProp","prop","marginBlockStart","Spacing3","DatePicker","defaultValue","defaultValueProp","errorMessage","hint","HintLinkComponent","id","idOverride","isDateEnabled","isDisabled","isOptional","isReadOnly","isMonthEnabled","isYearEnabled","label","minDate","minDateProp","maxDate","maxDateProp","onBlur","onCalendarDateChange","onInputChange","onInputChangeProp","timeZone","timeZonePickerLabel","timeZoneOptions","value","valueProp","i18n","t","useTranslation","inputRef","useRef","useOdysseyDesignTokens","datePickerId","useUniqueId","closeCalendar","commonIcons","defaultedLanguageCode","formatDateTimeToUtcIsoDateString","formatDayOfWeek","inputValues","internalTimeZone","isOpen","localeText","onTimeZoneChange","popperElement","setPopperElement","shouldDisableDate","shouldDisableMonth","shouldDisableYear","toggleCalendarVisibility","useOdysseyDateFields","language","containerRef","useEffect","current","formatDateTimeToJsDateStringOnCalendarSelection","useCallback","dateStringFromDateTime","renderDateField","jsx","DateField","endAdornment","Button","ariaLabel","onClick","size","startIcon","CalendarIcon","variant","onChange","timezone","slots","useMemo","actionBar","DateFieldActionBar","field","muiProps","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","switchViewIcon","ChevronDownIcon","slotProps","wrapperVariant","onAccept","onCancel","actions","popper","anchorEl","toolbar","toolbarPlaceholder","OdysseyThemeProvider","themeOverride","datePickerTheme","children","jsxs","DateFieldLocalizationProvider","ref","dayOfWeekFormatter","disabled","fixedWeekNumber","onClose","open","readOnly","TimeZonePicker","MemoizedDatePicker","exports","memo","displayName"],"sources":["../../../src/DatePickers/DatePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  DatePickerSlotProps,\n  type DatePickerSlots,\n  DatePicker as MuiDatePicker,\n  DatePickerProps as MuiDatePickerProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\n\nimport { Button } from \"../Buttons/index.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"../OdysseyThemeProvider.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport { DateField, DateFieldProps } from \"./DateField.js\";\nimport { DateFieldActionBar } from \"./DateFieldActionBar.js\";\nimport { DateFieldLocalizationProvider } from \"./DateFieldLocalizationProvider.js\";\nimport { datePickerTheme } from \"./datePickerTheme.js\";\nimport { TimeZonePicker } from \"./TimeZonePicker.js\";\nimport {\n  OdysseyDateFieldProps,\n  useOdysseyDateFields,\n} from \"./useOdysseyDateFields.js\";\n\nconst DatePickerContainer = styled.div({\n  \".MuiFormControl-root\": {\n    marginBlockEnd: 0,\n  },\n});\n\nconst DatePickerWidthContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  \".MuiInput-root\": {\n    width: \"100%\",\n    maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n  },\n}));\n\nconst TimeZonePickerContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  marginBlockStart: odysseyDesignTokens.Spacing3,\n}));\n\ntype RenderDateFieldProps = {\n  defaultValue: DateFieldProps[\"defaultValue\"];\n  value: DateFieldProps[\"value\"];\n} & MuiDatePickerProps<DateTime>;\n\nexport type DatePickerProps = OdysseyDateFieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isReadOnly\"\n    | \"isOptional\"\n  >;\n\nconst DatePicker = ({\n  defaultValue: defaultValueProp,\n  errorMessage,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDateEnabled = () => true,\n  isDisabled,\n  isOptional,\n  isReadOnly,\n  isMonthEnabled = () => true,\n  isYearEnabled = () => true,\n  label,\n  minDate: minDateProp,\n  maxDate: maxDateProp,\n  onBlur,\n  onCalendarDateChange,\n  onInputChange: onInputChangeProp,\n  timeZone,\n  timeZonePickerLabel,\n  timeZoneOptions,\n  value: valueProp,\n}: DatePickerProps) => {\n  const { i18n, t } = useTranslation();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const datePickerId = useUniqueId(idOverride);\n\n  const {\n    closeCalendar,\n    commonIcons,\n    defaultedLanguageCode,\n    formatDateTimeToUtcIsoDateString,\n    formatDayOfWeek,\n    inputValues,\n    internalTimeZone,\n    isOpen,\n    localeText,\n    minDate,\n    maxDate,\n    onInputChange,\n    onTimeZoneChange,\n    popperElement,\n    setPopperElement,\n    shouldDisableDate,\n    shouldDisableMonth,\n    shouldDisableYear,\n    toggleCalendarVisibility,\n  } = useOdysseyDateFields({\n    defaultValue: defaultValueProp,\n    errorMessage,\n    isDateEnabled,\n    isMonthEnabled,\n    isYearEnabled,\n    minDate: minDateProp,\n    maxDate: maxDateProp,\n    onInputChange: onInputChangeProp,\n    timeZone,\n    value: valueProp,\n  });\n\n  const { language } = i18n;\n  const containerRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    setPopperElement(containerRef.current);\n  }, [setPopperElement]);\n\n  const formatDateTimeToJsDateStringOnCalendarSelection = useCallback<\n    NonNullable<MuiDatePickerProps<DateTime>[\"onChange\"]>\n  >(\n    (value) => {\n      if (value) {\n        const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);\n\n        if (dateStringFromDateTime) {\n          onCalendarDateChange?.({\n            value: dateStringFromDateTime,\n            timeZone: internalTimeZone,\n          });\n        }\n      }\n    },\n    [formatDateTimeToUtcIsoDateString, internalTimeZone, onCalendarDateChange],\n  );\n\n  const renderDateField = useCallback(\n    ({ defaultValue, inputRef, value }: RenderDateFieldProps) => {\n      return (\n        <DateField\n          defaultValue={defaultValue}\n          endAdornment={\n            <Button\n              ariaLabel={t(\"picker.labels.date.choose\")}\n              label=\"\"\n              onClick={toggleCalendarVisibility}\n              size=\"small\"\n              startIcon={<commonIcons.CalendarIcon />}\n              variant=\"floating\"\n            />\n          }\n          errorMessage={errorMessage}\n          hint={hint}\n          HintLinkComponent={HintLinkComponent}\n          id={datePickerId}\n          inputRef={inputRef}\n          isDisabled={isDisabled}\n          isOptional={isOptional}\n          isReadOnly={isReadOnly}\n          label={label}\n          maxDate={maxDate}\n          minDate={minDate}\n          onBlur={onBlur}\n          onChange={onInputChange}\n          timezone={internalTimeZone}\n          value={value}\n        />\n      );\n    },\n    [\n      commonIcons,\n      datePickerId,\n      errorMessage,\n      hint,\n      HintLinkComponent,\n      internalTimeZone,\n      isDisabled,\n      isOptional,\n      isReadOnly,\n      label,\n      onBlur,\n      onInputChange,\n      minDate,\n      maxDate,\n      t,\n      toggleCalendarVisibility,\n    ],\n  );\n\n  const slots = useMemo<DatePickerSlots<DateTime>>(\n    () => ({\n      actionBar: DateFieldActionBar,\n      field: (muiProps: RenderDateFieldProps) => renderDateField(muiProps),\n      leftArrowIcon: () => <commonIcons.ArrowLeftIcon />,\n      rightArrowIcon: () => <commonIcons.ArrowRightIcon />,\n      switchViewIcon: () => <commonIcons.ChevronDownIcon />,\n    }),\n    [commonIcons, renderDateField],\n  );\n\n  const slotProps = useMemo<DatePickerSlotProps<DateTime, false>>(\n    () => ({\n      actionBar: ({ wrapperVariant, onAccept, onCancel }) => ({\n        actions:\n          // This is the default behavior but felt more clear to pass them in explicitly\n          wrapperVariant === \"desktop\" ? [] : [\"accept\", \"cancel\"],\n        onAccept,\n        onCancel,\n      }),\n      popper: {\n        anchorEl: popperElement,\n      },\n\n      toolbar: {\n        toolbarPlaceholder: \"\",\n      },\n    }),\n    [popperElement],\n  );\n\n  return (\n    <OdysseyThemeProvider themeOverride={datePickerTheme}>\n      <DateFieldLocalizationProvider\n        defaultedLanguageCode={defaultedLanguageCode}\n        localeText={localeText}\n      >\n        <DatePickerContainer>\n          <DatePickerWidthContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={containerRef}\n          >\n            <MuiDatePicker\n              dayOfWeekFormatter={formatDayOfWeek}\n              defaultValue={inputValues?.defaultValue}\n              disabled={isDisabled}\n              fixedWeekNumber={6}\n              inputRef={inputRef}\n              key={language}\n              label={label}\n              maxDate={maxDate}\n              minDate={minDate}\n              onChange={formatDateTimeToJsDateStringOnCalendarSelection}\n              onClose={closeCalendar}\n              open={isOpen}\n              readOnly={isReadOnly}\n              shouldDisableDate={shouldDisableDate}\n              shouldDisableMonth={shouldDisableMonth}\n              shouldDisableYear={shouldDisableYear}\n              slotProps={slotProps}\n              slots={slots}\n              timezone={internalTimeZone}\n              value={inputValues?.value}\n            />\n          </DatePickerWidthContainer>\n        </DatePickerContainer>\n        {timeZoneOptions && timeZonePickerLabel && (\n          <TimeZonePickerContainer odysseyDesignTokens={odysseyDesignTokens}>\n            <TimeZonePicker\n              isReadOnly={isReadOnly}\n              label={timeZonePickerLabel}\n              onTimeZoneChange={onTimeZoneChange}\n              timeZoneOptions={timeZoneOptions}\n              value={internalTimeZone}\n            />\n          </TimeZonePickerContainer>\n        )}\n      </DateFieldLocalizationProvider>\n    </OdysseyThemeProvider>\n  );\n};\n\nconst MemoizedDatePicker = memo(DatePicker);\nMemoizedDatePicker.displayName = \"DatePicker\";\n\nexport { MemoizedDatePicker as DatePicker };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DatePickers/useDateFieldsTranslations.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDateFieldsTranslations = void 0;
-var _reactI18next = require("react-i18next");
+var _i18n = require("../i18n.generated/i18n.cjs");
 /*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
@@ -20,7 +20,7 @@ var _reactI18next = require("react-i18next");
 const useDateFieldsTranslations = () => {
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   return {
     calendarViewSwitchingButtonAriaLabel: view => view === "year" ? `${t("picker.view.navigation.switch.calendarview")}` : `${t("picker.view.navigation.switch.yearview")}`,
     calendarWeekNumberHeaderLabel: "",

package/dist/cjs/DatePickers/useDateFieldsTranslations.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDateFieldsTranslations.cjs","names":["_reactI18next","require","useDateFieldsTranslations","t","useTranslation","calendarViewSwitchingButtonAriaLabel","view","calendarWeekNumberHeaderLabel","calendarWeekNumberHeaderText","calendarWeekNumberAriaLabelText","calendarWeekNumberText","cancelButtonLabel","clearButtonLabel","clockLabelText","time","adapter","format","datePickerToolbarTitle","dateRangePickerToolbarTitle","dateTableLabel","dateTimePickerToolbarTitle","day","empty","end","endDate","endTime","fieldClearLabel","fieldDayPlaceholder","fieldMonthPlaceholder","fieldYearPlaceholder","fieldHoursPlaceholder","fieldMinutesPlaceholder","fieldSecondsPlaceholder","fieldMeridiemPlaceholder","fieldWeekDayPlaceholder","hours","hoursClockNumberText","meridiem","minutes","minutesClockNumberText","month","nextMonth","okButtonLabel","openDatePickerDialogue","value","utils","isValid","openNextView","openPreviousView","openTimePickerDialogue","previousMonth","seconds","secondsClockNumberText","selectViewText","start","startDate","startTime","todayButtonLabel","timePickerToolbarTitle","timeTableLabel","weekDay","year","exports"],"sources":["../../../src/DatePickers/useDateFieldsTranslations.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { PickersLocaleText } from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type DateFieldsTranslations = PickersLocaleText<DateTime>;\n\nexport const useDateFieldsTranslations = (): DateFieldsTranslations => {\n  const { t } = useTranslation();\n\n  return {\n    calendarViewSwitchingButtonAriaLabel: (view) =>\n      view === \"year\"\n        ? `${t(\"picker.view.navigation.switch.calendarview\")}`\n        : `${t(\"picker.view.navigation.switch.yearview\")}`,\n    // not translated because we aren't using it\n    calendarWeekNumberHeaderLabel: \"\",\n    calendarWeekNumberHeaderText: \"\",\n    calendarWeekNumberAriaLabelText: () => \"\",\n    calendarWeekNumberText: () => \"\",\n\n    cancelButtonLabel: `${t(\"picker.labels.action.cancel\")}`,\n    clearButtonLabel: `${t(\"clear.text\")}`,\n    clockLabelText: (view, time, adapter) =>\n      `${t(\"picker.labels.select\")} ${view}. ${\n        time === null\n          ? `${t(\"picker.labels.clock.empty\")}`\n          : `${t(\"picker.labels.clock.selected\")} ${adapter.format(time, \"fullTime\")}`\n      }`,\n    datePickerToolbarTitle: `${t(\"picker.date.toolbar.title\")}`,\n    dateRangePickerToolbarTitle: `${t(\"picker.daterange.toolbar.title\")}`,\n    dateTableLabel: `${t(\"picker.labels.table.date\")}`,\n    dateTimePickerToolbarTitle: `${t(\"picker.datetime.toolbar.title\")}`,\n    day: `${t(\"picker.view.name.day\")}`,\n    empty: `${t(\"picker.labels.empty\")}`,\n    end: `${t(\"picker.labels.range.end\")}`,\n    endDate: `${t(\"picker.labels.range.enddate\")}`,\n    endTime: `${t(\"picker.labels.range.endtime\")}`,\n    fieldClearLabel: `${t(\"picker.labels.field.clear\")}`,\n    fieldDayPlaceholder: () => `${t(\"picker.field.placeholder.day\")}`,\n    fieldMonthPlaceholder: () => `${t(\"picker.field.placeholder.month\")}`,\n    fieldYearPlaceholder: () => `${t(\"picker.field.placeholder.year\")}`,\n    fieldHoursPlaceholder: () => `${t(\"picker.field.placeholder.hours\")}`,\n    fieldMinutesPlaceholder: () => `${t(\"picker.field.placeholder.minutes\")}`,\n    fieldSecondsPlaceholder: () => `${t(\"picker.field.placeholder.seconds\")}`,\n    fieldMeridiemPlaceholder: () => `${t(\"picker.field.placeholder.meridiem\")}`,\n    // not translated because we aren't using it\n    fieldWeekDayPlaceholder: () => \"\",\n    hours: `${t(\"picker.view.name.hours\")}`,\n    hoursClockNumberText: (hours) =>\n      `${hours} ${t(\"picker.labels.clock.hours\")}`,\n    meridiem: `${t(\"picker.view.name.meridiem\")}`,\n    minutes: `${t(\"picker.view.name.minutes\")}`,\n    minutesClockNumberText: (minutes) =>\n      `${minutes} ${t(\"picker.labels.clock.minutes\")}`,\n    month: `${t(\"picker.view.name.month\")}`,\n    nextMonth: `${t(\"picker.calendar.navigation.nextmonth\")}`,\n    okButtonLabel: `${t(\"picker.labels.action.apply\")}`,\n    openDatePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.date.choose\")}, ${t(\"picker.labels.date.selected\")} ${utils.format(value, \"fullDate\")}`\n        : `${t(\"picker.labels.date.choose\")}`,\n    openNextView: `${t(\"picker.view.navigation.open.nextview\")}`,\n    openPreviousView: `${t(\"picker.view.navigation.open.previousview\")}`,\n    openTimePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.time.choose\")}, ${t(\"picker.labels.time.selected\")} ${utils.format(value, \"fullTime\")}`\n        : `${t(\"picker.labels.time.choose\")}`,\n    previousMonth: `${t(\"picker.calendar.navigation.previousmonth\")}`,\n    seconds: `${t(\"picker.view.name.seconds\")}`,\n    secondsClockNumberText: (seconds) =>\n      `${seconds} ${t(\"picker.labels.clock.seconds\")}`,\n    selectViewText: (view) => `${t(\"picker.labels.select\")} ${view}`,\n    start: `${t(\"picker.labels.range.start\")}`,\n    startDate: `${t(\"picker.labels.range.startdate\")}`,\n    startTime: `${t(\"picker.labels.range.starttime\")}`,\n    todayButtonLabel: `${t(\"picker.labels.action.today\")}`,\n    timePickerToolbarTitle: `${t(\"picker.time.toolbar.title\")}`,\n    timeTableLabel: `${t(\"picker.labels.table.time\")}`,\n    weekDay: `${t(\"picker.view.name.weekday\")}`,\n    year: `${t(\"picker.view.name.year\")}`,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useDateFieldsTranslations.cjs","names":["_i18n","require","useDateFieldsTranslations","t","useTranslation","calendarViewSwitchingButtonAriaLabel","view","calendarWeekNumberHeaderLabel","calendarWeekNumberHeaderText","calendarWeekNumberAriaLabelText","calendarWeekNumberText","cancelButtonLabel","clearButtonLabel","clockLabelText","time","adapter","format","datePickerToolbarTitle","dateRangePickerToolbarTitle","dateTableLabel","dateTimePickerToolbarTitle","day","empty","end","endDate","endTime","fieldClearLabel","fieldDayPlaceholder","fieldMonthPlaceholder","fieldYearPlaceholder","fieldHoursPlaceholder","fieldMinutesPlaceholder","fieldSecondsPlaceholder","fieldMeridiemPlaceholder","fieldWeekDayPlaceholder","hours","hoursClockNumberText","meridiem","minutes","minutesClockNumberText","month","nextMonth","okButtonLabel","openDatePickerDialogue","value","utils","isValid","openNextView","openPreviousView","openTimePickerDialogue","previousMonth","seconds","secondsClockNumberText","selectViewText","start","startDate","startTime","todayButtonLabel","timePickerToolbarTitle","timeTableLabel","weekDay","year","exports"],"sources":["../../../src/DatePickers/useDateFieldsTranslations.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { PickersLocaleText } from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\n\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\n\nexport type DateFieldsTranslations = PickersLocaleText<DateTime>;\n\nexport const useDateFieldsTranslations = (): DateFieldsTranslations => {\n  const { t } = useTranslation();\n\n  return {\n    calendarViewSwitchingButtonAriaLabel: (view) =>\n      view === \"year\"\n        ? `${t(\"picker.view.navigation.switch.calendarview\")}`\n        : `${t(\"picker.view.navigation.switch.yearview\")}`,\n    // not translated because we aren't using it\n    calendarWeekNumberHeaderLabel: \"\",\n    calendarWeekNumberHeaderText: \"\",\n    calendarWeekNumberAriaLabelText: () => \"\",\n    calendarWeekNumberText: () => \"\",\n\n    cancelButtonLabel: `${t(\"picker.labels.action.cancel\")}`,\n    clearButtonLabel: `${t(\"clear.text\")}`,\n    clockLabelText: (view, time, adapter) =>\n      `${t(\"picker.labels.select\")} ${view}. ${\n        time === null\n          ? `${t(\"picker.labels.clock.empty\")}`\n          : `${t(\"picker.labels.clock.selected\")} ${adapter.format(time, \"fullTime\")}`\n      }`,\n    datePickerToolbarTitle: `${t(\"picker.date.toolbar.title\")}`,\n    dateRangePickerToolbarTitle: `${t(\"picker.daterange.toolbar.title\")}`,\n    dateTableLabel: `${t(\"picker.labels.table.date\")}`,\n    dateTimePickerToolbarTitle: `${t(\"picker.datetime.toolbar.title\")}`,\n    day: `${t(\"picker.view.name.day\")}`,\n    empty: `${t(\"picker.labels.empty\")}`,\n    end: `${t(\"picker.labels.range.end\")}`,\n    endDate: `${t(\"picker.labels.range.enddate\")}`,\n    endTime: `${t(\"picker.labels.range.endtime\")}`,\n    fieldClearLabel: `${t(\"picker.labels.field.clear\")}`,\n    fieldDayPlaceholder: () => `${t(\"picker.field.placeholder.day\")}`,\n    fieldMonthPlaceholder: () => `${t(\"picker.field.placeholder.month\")}`,\n    fieldYearPlaceholder: () => `${t(\"picker.field.placeholder.year\")}`,\n    fieldHoursPlaceholder: () => `${t(\"picker.field.placeholder.hours\")}`,\n    fieldMinutesPlaceholder: () => `${t(\"picker.field.placeholder.minutes\")}`,\n    fieldSecondsPlaceholder: () => `${t(\"picker.field.placeholder.seconds\")}`,\n    fieldMeridiemPlaceholder: () => `${t(\"picker.field.placeholder.meridiem\")}`,\n    // not translated because we aren't using it\n    fieldWeekDayPlaceholder: () => \"\",\n    hours: `${t(\"picker.view.name.hours\")}`,\n    hoursClockNumberText: (hours) =>\n      `${hours} ${t(\"picker.labels.clock.hours\")}`,\n    meridiem: `${t(\"picker.view.name.meridiem\")}`,\n    minutes: `${t(\"picker.view.name.minutes\")}`,\n    minutesClockNumberText: (minutes) =>\n      `${minutes} ${t(\"picker.labels.clock.minutes\")}`,\n    month: `${t(\"picker.view.name.month\")}`,\n    nextMonth: `${t(\"picker.calendar.navigation.nextmonth\")}`,\n    okButtonLabel: `${t(\"picker.labels.action.apply\")}`,\n    openDatePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.date.choose\")}, ${t(\"picker.labels.date.selected\")} ${utils.format(value, \"fullDate\")}`\n        : `${t(\"picker.labels.date.choose\")}`,\n    openNextView: `${t(\"picker.view.navigation.open.nextview\")}`,\n    openPreviousView: `${t(\"picker.view.navigation.open.previousview\")}`,\n    openTimePickerDialogue: (value, utils) =>\n      value !== null && utils.isValid(value)\n        ? `${t(\"picker.labels.time.choose\")}, ${t(\"picker.labels.time.selected\")} ${utils.format(value, \"fullTime\")}`\n        : `${t(\"picker.labels.time.choose\")}`,\n    previousMonth: `${t(\"picker.calendar.navigation.previousmonth\")}`,\n    seconds: `${t(\"picker.view.name.seconds\")}`,\n    secondsClockNumberText: (seconds) =>\n      `${seconds} ${t(\"picker.labels.clock.seconds\")}`,\n    selectViewText: (view) => `${t(\"picker.labels.select\")} ${view}`,\n    start: `${t(\"picker.labels.range.start\")}`,\n    startDate: `${t(\"picker.labels.range.startdate\")}`,\n    startTime: `${t(\"picker.labels.range.starttime\")}`,\n    todayButtonLabel: `${t(\"picker.labels.action.today\")}`,\n    timePickerToolbarTitle: `${t(\"picker.time.toolbar.title\")}`,\n    timeTableLabel: `${t(\"picker.labels.table.time\")}`,\n    weekDay: `${t(\"picker.view.name.weekday\")}`,\n    year: `${t(\"picker.view.name.year\")}`,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/DatePickers/useOdysseyDateFields.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useOdysseyDateFields = void 0;
 var _luxon = require("luxon");
 var _react = require("react");
-var _reactI18next = require("react-i18next");
+var _i18n = require("../i18n.generated/i18n.cjs");
 var _index = require("../icons.generated/index.cjs");
 var _inputUtils = require("../inputUtils.cjs");
 var _useDateFieldsTranslations = require("./useDateFieldsTranslations.cjs");
@@ -56,7 +56,7 @@ const useOdysseyDateFields = ({
   }, [minDateProp, maxDateProp]);
   const {
     i18n
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   const {
     language
   } = i18n;

package/dist/cjs/DatePickers/useOdysseyDateFields.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOdysseyDateFields.cjs","names":["_luxon","require","_react","_reactI18next","_index","_inputUtils","_useDateFieldsTranslations","CONTROLLED","ComponentControlledState","isValidDateTime","dateTime","isValid","utcDateTimeFromIsoString","dateString","DateTime","fromISO","toUTC","useOdysseyDateFields","defaultValue","isDateEnabled","isMonthEnabled","isYearEnabled","minDate","minDateProp","maxDate","maxDateProp","onInputChange","onInputChangeProp","timeZone","value","isOpen","setIsOpen","useState","popperElement","setPopperElement","internalTimeZone","setInternalTimeZone","internalValueRef","useRef","validationDateRanges","setValidationDateRanges","undefined","useEffect","startOf","i18n","useTranslation","language","invalidLocales","isInvalidLocale","includes","localeText","useDateFieldsTranslations","controlledStateRef","getControlState","controlledValue","uncontrolledValue","defaultedLanguageCode","replaceAll","isValidTimeZone","useCallback","local","setZone","formatDateTimeToUtcIsoDateString","toISO","shouldDisableDate","date","Date","toJSDate","shouldDisableMonth","shouldDisableYear","inputValues","useMemo","current","valueAsUTCDateTime","defaultValueAsUTCDateTime","onTimeZoneChange","toggleCalendarVisibility","closeCalendar","formatDayOfWeek","toFormat","commonIcons","ArrowLeftIcon","ArrowRightIcon","CalendarIcon","ChevronDownIcon","exports"],"sources":["../../../src/DatePickers/useOdysseyDateFields.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { DateTime } from \"luxon\";\nimport {\n  FocusEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport {\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CalendarIcon,\n  ChevronDownIcon,\n} from \"../icons.generated/index.js\";\nimport { ComponentControlledState, getControlState } from \"../inputUtils.js\";\nimport { TimeZoneOption, TimeZonePickerProps } from \"./TimeZonePicker.js\";\nimport { useDateFieldsTranslations } from \"./useDateFieldsTranslations.js\";\n\nconst { CONTROLLED } = ComponentControlledState;\n\nconst isValidDateTime = (dateTime: DateTime) => dateTime.isValid;\n\nconst utcDateTimeFromIsoString = (dateString: string) =>\n  DateTime.fromISO(dateString).toUTC();\n\nexport type OdysseyDateFieldProps = {\n  /**\n   * default value when uncontrolled.\n   *\n   * NOTE: Must be a date string in ISO format\n   */\n  defaultValue?: string;\n  /**\n   * Disable specific date(s).\n   *\n   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.\n   */\n  isDateEnabled?: (date: Date) => boolean;\n  /**\n   * Disable specific month(s).\n   */\n  isMonthEnabled?: (date: Date) => boolean;\n  /**\n   * Disable specific year(s).\n   */\n  isYearEnabled?: (date: Date) => boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Maximum date allowed.\n   *\n   * NOTE: If not a valid date string in ISO format, `maxDate` will not apply\n   */\n  maxDate?: string;\n  /**\n   * Minimum date allowed.\n   *\n   * NOTE: If not a valid date string in ISO format, `minDate` will not apply\n   */\n  minDate?: string;\n  /**\n   * Callback fired when the a date field loses focus\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback fired when the a date is selected with the calendar.\n   */\n  onCalendarDateChange?: ({\n    value,\n    timeZone,\n  }: {\n    timeZone: string;\n    value: string | undefined;\n  }) => void;\n  /**\n   * Callback fired when the date/text input changes.\n   */\n  onInputChange?: (value: string) => void;\n  /**\n   * a default timezone for the picker\n   */\n  timeZone?: string;\n  /**\n   * If provided, a `TimeZonePicker` will be rendered below the DatePicker. These options will populate as the Autocomplete options\n   */\n  timeZoneOptions?: TimeZoneOption[];\n  /**\n   * label for `TimeZonePicker`\n   */\n  timeZonePickerLabel?: TimeZonePickerProps[\"label\"];\n  /**\n   * value when controlled.\n   *\n   * NOTE: Must be a date string in ISO format or it will not be applied\n   */\n  value?: string;\n};\n\ntype FormatDateTimeToUtcIsoDateString = (value: DateTime) => string | undefined;\n\ntype ValidationDateRanges = {\n  maxDate?: DateTime;\n  minDate?: DateTime;\n};\n\nexport const useOdysseyDateFields = ({\n  defaultValue,\n  isDateEnabled = () => true,\n  isMonthEnabled = () => true,\n  isYearEnabled = () => true,\n  minDate: minDateProp,\n  maxDate: maxDateProp,\n  onInputChange: onInputChangeProp,\n  timeZone = \"system\",\n  value,\n}: Pick<\n  OdysseyDateFieldProps,\n  | \"defaultValue\"\n  | \"isDateEnabled\"\n  | \"isMonthEnabled\"\n  | \"isYearEnabled\"\n  | \"minDate\"\n  | \"maxDate\"\n  | \"onInputChange\"\n  | \"timeZone\"\n  | \"value\"\n> &\n  Pick<FieldComponentProps, \"errorMessage\">) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [popperElement, setPopperElement] = useState<HTMLInputElement | null>();\n  const [internalTimeZone, setInternalTimeZone] = useState(timeZone);\n\n  const internalValueRef = useRef<DateTime | null>(null);\n\n  const [validationDateRanges, setValidationDateRanges] =\n    useState<ValidationDateRanges>({\n      minDate: undefined,\n      maxDate: undefined,\n    });\n\n  useEffect(() => {\n    const minDate = minDateProp ? DateTime.fromISO(minDateProp) : undefined;\n    const maxDate = maxDateProp ? DateTime.fromISO(maxDateProp) : undefined;\n\n    setValidationDateRanges({\n      minDate:\n        minDate && isValidDateTime(minDate)\n          ? minDate.startOf(\"day\")\n          : undefined,\n      maxDate:\n        maxDate && isValidDateTime(maxDate)\n          ? maxDate.startOf(\"day\")\n          : undefined,\n    });\n  }, [minDateProp, maxDateProp]);\n\n  const { i18n } = useTranslation();\n  const { language } = i18n;\n\n  const invalidLocales = [\"ok_PL\", \"ok_SK\"];\n  // In the Applitools env the language code is `en-us@posix`. Need to check for that\n  const isInvalidLocale =\n    invalidLocales.includes(language) || language.includes(\"@\");\n\n  const localeText = useDateFieldsTranslations();\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n\n  const defaultedLanguageCode = isInvalidLocale\n    ? \"en-US\"\n    : language.replaceAll(\"_\", \"-\");\n\n  const isValidTimeZone = useCallback(\n    (timeZone: string) => DateTime.local().setZone(timeZone).isValid,\n    [],\n  );\n\n  const formatDateTimeToUtcIsoDateString =\n    useCallback<FormatDateTimeToUtcIsoDateString>(\n      (value) => value.toUTC().toISO() || undefined,\n      [],\n    );\n\n  const shouldDisableDate = useCallback(\n    (date: DateTime) => !isDateEnabled(new Date(date?.toJSDate())) || false,\n    [isDateEnabled],\n  );\n\n  const shouldDisableMonth = useCallback(\n    (date: DateTime) => !isMonthEnabled(new Date(date?.toJSDate())) || false,\n    [isMonthEnabled],\n  );\n\n  const shouldDisableYear = useCallback(\n    (date: DateTime) => !isYearEnabled(new Date(date?.toJSDate())) || false,\n    [isYearEnabled],\n  );\n\n  const inputValues = useMemo(() => {\n    if (value && controlledStateRef.current === CONTROLLED) {\n      const valueAsUTCDateTime = utcDateTimeFromIsoString(value);\n\n      if (isValidDateTime(valueAsUTCDateTime)) {\n        return {\n          value: valueAsUTCDateTime,\n        };\n      }\n    }\n\n    if (defaultValue) {\n      const defaultValueAsUTCDateTime = utcDateTimeFromIsoString(defaultValue);\n\n      if (isValidDateTime(defaultValueAsUTCDateTime)) {\n        return {\n          defaultValue: defaultValueAsUTCDateTime,\n        };\n      }\n    }\n\n    return null;\n  }, [defaultValue, value]);\n\n  const onTimeZoneChange = useCallback(\n    (timeZone: string | undefined) => {\n      if (timeZone && isValidTimeZone(timeZone)) {\n        setInternalTimeZone(timeZone);\n      }\n    },\n    [isValidTimeZone, setInternalTimeZone],\n  );\n\n  const toggleCalendarVisibility = useCallback(\n    () => setIsOpen(!isOpen),\n    [isOpen, setIsOpen],\n  );\n\n  const closeCalendar = useCallback(() => {\n    setIsOpen(false);\n  }, [setIsOpen]);\n\n  const formatDayOfWeek = (date: DateTime) => date.toFormat(\"EEE\");\n\n  const onInputChange = useCallback<(value: string) => void>(\n    (value) => {\n      onInputChangeProp?.(value);\n    },\n    [onInputChangeProp],\n  );\n\n  const commonIcons = {\n    ArrowLeftIcon: ArrowLeftIcon,\n    ArrowRightIcon: ArrowRightIcon,\n    CalendarIcon: CalendarIcon,\n    ChevronDownIcon: ChevronDownIcon,\n  };\n\n  return {\n    closeCalendar,\n    commonIcons,\n    defaultedLanguageCode,\n    formatDateTimeToUtcIsoDateString,\n    formatDayOfWeek,\n    inputValues,\n    internalTimeZone,\n    internalValueRef,\n    isOpen,\n    isValidTimeZone,\n    localeText,\n    maxDate: validationDateRanges.maxDate,\n    minDate: validationDateRanges.minDate,\n    popperElement,\n    onInputChange,\n    onTimeZoneChange,\n    setInternalTimeZone,\n    setIsOpen,\n    setPopperElement,\n    shouldDisableDate,\n    shouldDisableMonth,\n    shouldDisableYear,\n    toggleCalendarVisibility,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useOdysseyDateFields.cjs","names":["_luxon","require","_react","_i18n","_index","_inputUtils","_useDateFieldsTranslations","CONTROLLED","ComponentControlledState","isValidDateTime","dateTime","isValid","utcDateTimeFromIsoString","dateString","DateTime","fromISO","toUTC","useOdysseyDateFields","defaultValue","isDateEnabled","isMonthEnabled","isYearEnabled","minDate","minDateProp","maxDate","maxDateProp","onInputChange","onInputChangeProp","timeZone","value","isOpen","setIsOpen","useState","popperElement","setPopperElement","internalTimeZone","setInternalTimeZone","internalValueRef","useRef","validationDateRanges","setValidationDateRanges","undefined","useEffect","startOf","i18n","useTranslation","language","invalidLocales","isInvalidLocale","includes","localeText","useDateFieldsTranslations","controlledStateRef","getControlState","controlledValue","uncontrolledValue","defaultedLanguageCode","replaceAll","isValidTimeZone","useCallback","local","setZone","formatDateTimeToUtcIsoDateString","toISO","shouldDisableDate","date","Date","toJSDate","shouldDisableMonth","shouldDisableYear","inputValues","useMemo","current","valueAsUTCDateTime","defaultValueAsUTCDateTime","onTimeZoneChange","toggleCalendarVisibility","closeCalendar","formatDayOfWeek","toFormat","commonIcons","ArrowLeftIcon","ArrowRightIcon","CalendarIcon","ChevronDownIcon","exports"],"sources":["../../../src/DatePickers/useOdysseyDateFields.ts"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { DateTime } from \"luxon\";\nimport {\n  FocusEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  CalendarIcon,\n  ChevronDownIcon,\n} from \"../icons.generated/index.js\";\nimport { ComponentControlledState, getControlState } from \"../inputUtils.js\";\nimport { TimeZoneOption, TimeZonePickerProps } from \"./TimeZonePicker.js\";\nimport { useDateFieldsTranslations } from \"./useDateFieldsTranslations.js\";\n\nconst { CONTROLLED } = ComponentControlledState;\n\nconst isValidDateTime = (dateTime: DateTime) => dateTime.isValid;\n\nconst utcDateTimeFromIsoString = (dateString: string) =>\n  DateTime.fromISO(dateString).toUTC();\n\nexport type OdysseyDateFieldProps = {\n  /**\n   * default value when uncontrolled.\n   *\n   * NOTE: Must be a date string in ISO format\n   */\n  defaultValue?: string;\n  /**\n   * Disable specific date(s).\n   *\n   * Warning: This function can be called multiple times (for example when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.\n   */\n  isDateEnabled?: (date: Date) => boolean;\n  /**\n   * Disable specific month(s).\n   */\n  isMonthEnabled?: (date: Date) => boolean;\n  /**\n   * Disable specific year(s).\n   */\n  isYearEnabled?: (date: Date) => boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Maximum date allowed.\n   *\n   * NOTE: If not a valid date string in ISO format, `maxDate` will not apply\n   */\n  maxDate?: string;\n  /**\n   * Minimum date allowed.\n   *\n   * NOTE: If not a valid date string in ISO format, `minDate` will not apply\n   */\n  minDate?: string;\n  /**\n   * Callback fired when the a date field loses focus\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  /**\n   * Callback fired when the a date is selected with the calendar.\n   */\n  onCalendarDateChange?: ({\n    value,\n    timeZone,\n  }: {\n    timeZone: string;\n    value: string | undefined;\n  }) => void;\n  /**\n   * Callback fired when the date/text input changes.\n   */\n  onInputChange?: (value: string) => void;\n  /**\n   * a default timezone for the picker\n   */\n  timeZone?: string;\n  /**\n   * If provided, a `TimeZonePicker` will be rendered below the DatePicker. These options will populate as the Autocomplete options\n   */\n  timeZoneOptions?: TimeZoneOption[];\n  /**\n   * label for `TimeZonePicker`\n   */\n  timeZonePickerLabel?: TimeZonePickerProps[\"label\"];\n  /**\n   * value when controlled.\n   *\n   * NOTE: Must be a date string in ISO format or it will not be applied\n   */\n  value?: string;\n};\n\ntype FormatDateTimeToUtcIsoDateString = (value: DateTime) => string | undefined;\n\ntype ValidationDateRanges = {\n  maxDate?: DateTime;\n  minDate?: DateTime;\n};\n\nexport const useOdysseyDateFields = ({\n  defaultValue,\n  isDateEnabled = () => true,\n  isMonthEnabled = () => true,\n  isYearEnabled = () => true,\n  minDate: minDateProp,\n  maxDate: maxDateProp,\n  onInputChange: onInputChangeProp,\n  timeZone = \"system\",\n  value,\n}: Pick<\n  OdysseyDateFieldProps,\n  | \"defaultValue\"\n  | \"isDateEnabled\"\n  | \"isMonthEnabled\"\n  | \"isYearEnabled\"\n  | \"minDate\"\n  | \"maxDate\"\n  | \"onInputChange\"\n  | \"timeZone\"\n  | \"value\"\n> &\n  Pick<FieldComponentProps, \"errorMessage\">) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [popperElement, setPopperElement] = useState<HTMLInputElement | null>();\n  const [internalTimeZone, setInternalTimeZone] = useState(timeZone);\n\n  const internalValueRef = useRef<DateTime | null>(null);\n\n  const [validationDateRanges, setValidationDateRanges] =\n    useState<ValidationDateRanges>({\n      minDate: undefined,\n      maxDate: undefined,\n    });\n\n  useEffect(() => {\n    const minDate = minDateProp ? DateTime.fromISO(minDateProp) : undefined;\n    const maxDate = maxDateProp ? DateTime.fromISO(maxDateProp) : undefined;\n\n    setValidationDateRanges({\n      minDate:\n        minDate && isValidDateTime(minDate)\n          ? minDate.startOf(\"day\")\n          : undefined,\n      maxDate:\n        maxDate && isValidDateTime(maxDate)\n          ? maxDate.startOf(\"day\")\n          : undefined,\n    });\n  }, [minDateProp, maxDateProp]);\n\n  const { i18n } = useTranslation();\n  const { language } = i18n;\n\n  const invalidLocales = [\"ok_PL\", \"ok_SK\"];\n  // In the Applitools env the language code is `en-us@posix`. Need to check for that\n  const isInvalidLocale =\n    invalidLocales.includes(language) || language.includes(\"@\");\n\n  const localeText = useDateFieldsTranslations();\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n\n  const defaultedLanguageCode = isInvalidLocale\n    ? \"en-US\"\n    : language.replaceAll(\"_\", \"-\");\n\n  const isValidTimeZone = useCallback(\n    (timeZone: string) => DateTime.local().setZone(timeZone).isValid,\n    [],\n  );\n\n  const formatDateTimeToUtcIsoDateString =\n    useCallback<FormatDateTimeToUtcIsoDateString>(\n      (value) => value.toUTC().toISO() || undefined,\n      [],\n    );\n\n  const shouldDisableDate = useCallback(\n    (date: DateTime) => !isDateEnabled(new Date(date?.toJSDate())) || false,\n    [isDateEnabled],\n  );\n\n  const shouldDisableMonth = useCallback(\n    (date: DateTime) => !isMonthEnabled(new Date(date?.toJSDate())) || false,\n    [isMonthEnabled],\n  );\n\n  const shouldDisableYear = useCallback(\n    (date: DateTime) => !isYearEnabled(new Date(date?.toJSDate())) || false,\n    [isYearEnabled],\n  );\n\n  const inputValues = useMemo(() => {\n    if (value && controlledStateRef.current === CONTROLLED) {\n      const valueAsUTCDateTime = utcDateTimeFromIsoString(value);\n\n      if (isValidDateTime(valueAsUTCDateTime)) {\n        return {\n          value: valueAsUTCDateTime,\n        };\n      }\n    }\n\n    if (defaultValue) {\n      const defaultValueAsUTCDateTime = utcDateTimeFromIsoString(defaultValue);\n\n      if (isValidDateTime(defaultValueAsUTCDateTime)) {\n        return {\n          defaultValue: defaultValueAsUTCDateTime,\n        };\n      }\n    }\n\n    return null;\n  }, [defaultValue, value]);\n\n  const onTimeZoneChange = useCallback(\n    (timeZone: string | undefined) => {\n      if (timeZone && isValidTimeZone(timeZone)) {\n        setInternalTimeZone(timeZone);\n      }\n    },\n    [isValidTimeZone, setInternalTimeZone],\n  );\n\n  const toggleCalendarVisibility = useCallback(\n    () => setIsOpen(!isOpen),\n    [isOpen, setIsOpen],\n  );\n\n  const closeCalendar = useCallback(() => {\n    setIsOpen(false);\n  }, [setIsOpen]);\n\n  const formatDayOfWeek = (date: DateTime) => date.toFormat(\"EEE\");\n\n  const onInputChange = useCallback<(value: string) => void>(\n    (value) => {\n      onInputChangeProp?.(value);\n    },\n    [onInputChangeProp],\n  );\n\n  const commonIcons = {\n    ArrowLeftIcon: ArrowLeftIcon,\n    ArrowRightIcon: ArrowRightIcon,\n    CalendarIcon: CalendarIcon,\n    ChevronDownIcon: ChevronDownIcon,\n  };\n\n  return {\n    closeCalendar,\n    commonIcons,\n    defaultedLanguageCode,\n    formatDateTimeToUtcIsoDateString,\n    formatDayOfWeek,\n    inputValues,\n    internalTimeZone,\n    internalValueRef,\n    isOpen,\n    isValidTimeZone,\n    localeText,\n    maxDate: validationDateRanges.maxDate,\n    minDate: validationDateRanges.minDate,\n    popperElement,\n    onInputChange,\n    onTimeZoneChange,\n    setInternalTimeZone,\n    setIsOpen,\n    setPopperElement,\n    shouldDisableDate,\n    shouldDisableMonth,\n    shouldDisableYear,\n    toggleCalendarVisibility,\n  };\n};\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAUA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAMA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,0BAAA,GAAAL,OAAA;AAhCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAwBA,MAAM;EAAEM;AAAW,CAAC,GAAGC,oCAAwB;AAE/C,MAAMC,eAAe,GAAIC,QAAkB,IAAKA,QAAQ,CAACC,OAAO;AAEhE,MAAMC,wBAAwB,GAAIC,UAAkB,IAClDC,eAAQ,CAACC,OAAO,CAACF,UAAU,CAAC,CAACG,KAAK,CAAC,CAAC;AAoF/B,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC,YAAY;EACZC,aAAa,GAAGA,CAAA,KAAM,IAAI;EAC1BC,cAAc,GAAGA,CAAA,KAAM,IAAI;EAC3BC,aAAa,GAAGA,CAAA,KAAM,IAAI;EAC1BC,OAAO,EAAEC,WAAW;EACpBC,OAAO,EAAEC,WAAW;EACpBC,aAAa,EAAEC,iBAAiB;EAChCC,QAAQ,GAAG,QAAQ;EACnBC;AAawC,CAAC,KAAK;EAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC3C,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAA0B,CAAC;EAC7E,MAAM,CAACG,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAJ,eAAQ,EAACJ,QAAQ,CAAC;EAElE,MAAMS,gBAAgB,GAAG,IAAAC,aAAM,EAAkB,IAAI,CAAC;EAEtD,MAAM,CAACC,oBAAoB,EAAEC,uBAAuB,CAAC,GACnD,IAAAR,eAAQ,EAAuB;IAC7BV,OAAO,EAAEmB,SAAS;IAClBjB,OAAO,EAAEiB;EACX,CAAC,CAAC;EAEJ,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMpB,OAAO,GAAGC,WAAW,GAAGT,eAAQ,CAACC,OAAO,CAACQ,WAAW,CAAC,GAAGkB,SAAS;IACvE,MAAMjB,OAAO,GAAGC,WAAW,GAAGX,eAAQ,CAACC,OAAO,CAACU,WAAW,CAAC,GAAGgB,SAAS;IAEvED,uBAAuB,CAAC;MACtBlB,OAAO,EACLA,OAAO,IAAIb,eAAe,CAACa,OAAO,CAAC,GAC/BA,OAAO,CAACqB,OAAO,CAAC,KAAK,CAAC,GACtBF,SAAS;MACfjB,OAAO,EACLA,OAAO,IAAIf,eAAe,CAACe,OAAO,CAAC,GAC/BA,OAAO,CAACmB,OAAO,CAAC,KAAK,CAAC,GACtBF;IACR,CAAC,CAAC;EACJ,CAAC,EAAE,CAAClB,WAAW,EAAEE,WAAW,CAAC,CAAC;EAE9B,MAAM;IAAEmB;EAAK,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EACjC,MAAM;IAAEC;EAAS,CAAC,GAAGF,IAAI;EAEzB,MAAMG,cAAc,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC;EAEzC,MAAMC,eAAe,GACnBD,cAAc,CAACE,QAAQ,CAACH,QAAQ,CAAC,IAAIA,QAAQ,CAACG,QAAQ,CAAC,GAAG,CAAC;EAE7D,MAAMC,UAAU,GAAG,IAAAC,oDAAyB,EAAC,CAAC;EAE9C,MAAMC,kBAAkB,GAAG,IAAAd,aAAM,EAC/B,IAAAe,2BAAe,EAAC;IACdC,eAAe,EAAEzB,KAAK;IACtB0B,iBAAiB,EAAErC;EACrB,CAAC,CACH,CAAC;EAED,MAAMsC,qBAAqB,GAAGR,eAAe,GACzC,OAAO,GACPF,QAAQ,CAACW,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC;EAEjC,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAChC/B,QAAgB,IAAKd,eAAQ,CAAC8C,KAAK,CAAC,CAAC,CAACC,OAAO,CAACjC,QAAQ,CAAC,CAACjB,OAAO,EAChE,EACF,CAAC;EAED,MAAMmD,gCAAgC,GACpC,IAAAH,kBAAW,EACR9B,KAAK,IAAKA,KAAK,CAACb,KAAK,CAAC,CAAC,CAAC+C,KAAK,CAAC,CAAC,IAAItB,SAAS,EAC7C,EACF,CAAC;EAEH,MAAMuB,iBAAiB,GAAG,IAAAL,kBAAW,EAClCM,IAAc,IAAK,CAAC9C,aAAa,CAAC,IAAI+C,IAAI,CAACD,IAAI,EAAEE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EACvE,CAAChD,aAAa,CAChB,CAAC;EAED,MAAMiD,kBAAkB,GAAG,IAAAT,kBAAW,EACnCM,IAAc,IAAK,CAAC7C,cAAc,CAAC,IAAI8C,IAAI,CAACD,IAAI,EAAEE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EACxE,CAAC/C,cAAc,CACjB,CAAC;EAED,MAAMiD,iBAAiB,GAAG,IAAAV,kBAAW,EAClCM,IAAc,IAAK,CAAC5C,aAAa,CAAC,IAAI6C,IAAI,CAACD,IAAI,EAAEE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EACvE,CAAC9C,aAAa,CAChB,CAAC;EAED,MAAMiD,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAI1C,KAAK,IAAIuB,kBAAkB,CAACoB,OAAO,KAAKjE,UAAU,EAAE;MACtD,MAAMkE,kBAAkB,GAAG7D,wBAAwB,CAACiB,KAAK,CAAC;MAE1D,IAAIpB,eAAe,CAACgE,kBAAkB,CAAC,EAAE;QACvC,OAAO;UACL5C,KAAK,EAAE4C;QACT,CAAC;MACH;IACF;IAEA,IAAIvD,YAAY,EAAE;MAChB,MAAMwD,yBAAyB,GAAG9D,wBAAwB,CAACM,YAAY,CAAC;MAExE,IAAIT,eAAe,CAACiE,yBAAyB,CAAC,EAAE;QAC9C,OAAO;UACLxD,YAAY,EAAEwD;QAChB,CAAC;MACH;IACF;IAEA,OAAO,IAAI;EACb,CAAC,EAAE,CAACxD,YAAY,EAAEW,KAAK,CAAC,CAAC;EAEzB,MAAM8C,gBAAgB,GAAG,IAAAhB,kBAAW,EACjC/B,QAA4B,IAAK;IAChC,IAAIA,QAAQ,IAAI8B,eAAe,CAAC9B,QAAQ,CAAC,EAAE;MACzCQ,mBAAmB,CAACR,QAAQ,CAAC;IAC/B;EACF,CAAC,EACD,CAAC8B,eAAe,EAAEtB,mBAAmB,CACvC,CAAC;EAED,MAAMwC,wBAAwB,GAAG,IAAAjB,kBAAW,EAC1C,MAAM5B,SAAS,CAAC,CAACD,MAAM,CAAC,EACxB,CAACA,MAAM,EAAEC,SAAS,CACpB,CAAC;EAED,MAAM8C,aAAa,GAAG,IAAAlB,kBAAW,EAAC,MAAM;IACtC5B,SAAS,CAAC,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAM+C,eAAe,GAAIb,IAAc,IAAKA,IAAI,CAACc,QAAQ,CAAC,KAAK,CAAC;EAEhE,MAAMrD,aAAa,GAAG,IAAAiC,kBAAW,EAC9B9B,KAAK,IAAK;IACTF,iBAAiB,GAAGE,KAAK,CAAC;EAC5B,CAAC,EACD,CAACF,iBAAiB,CACpB,CAAC;EAED,MAAMqD,WAAW,GAAG;IAClBC,aAAa,EAAEA,oBAAa;IAC5BC,cAAc,EAAEA,qBAAc;IAC9BC,YAAY,EAAEA,mBAAY;IAC1BC,eAAe,EAAEA;EACnB,CAAC;EAED,OAAO;IACLP,aAAa;IACbG,WAAW;IACXxB,qBAAqB;IACrBM,gCAAgC;IAChCgB,eAAe;IACfR,WAAW;IACXnC,gBAAgB;IAChBE,gBAAgB;IAChBP,MAAM;IACN4B,eAAe;IACfR,UAAU;IACV1B,OAAO,EAAEe,oBAAoB,CAACf,OAAO;IACrCF,OAAO,EAAEiB,oBAAoB,CAACjB,OAAO;IACrCW,aAAa;IACbP,aAAa;IACbiD,gBAAgB;IAChBvC,mBAAmB;IACnBL,SAAS;IACTG,gBAAgB;IAChB8B,iBAAiB;IACjBI,kBAAkB;IAClBC,iBAAiB;IACjBO;EACF,CAAC;AACH,CAAC;AAACS,OAAA,CAAApE,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/Dialog.cjs

@@ -10,8 +10,9 @@ var _DialogContent2 = _interopRequireDefault(require("@mui/material/DialogConten
 var _DialogTitle2 = _interopRequireDefault(require("@mui/material/DialogTitle"));
 var _DialogContentText2 = _interopRequireDefault(require("@mui/material/DialogContentText"));
 var _react = require("react");
-var _reactI18next = require("react-i18next");
 var _index = require("./Buttons/index.cjs");
+var _FullScreenOverlay = require("./FullScreenOverlay.cjs");
+var _i18n = require("./i18n.generated/i18n.cjs");
 var _index2 = require("./icons.generated/index.cjs");
 var _useUniqueId = require("./useUniqueId.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -44,7 +45,7 @@ const Dialog = ({
 }) => {
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   const [isContentScrollable, setIsContentScrollable] = (0, _react.useState)(false);
   const dialogContentRef = (0, _react.useRef)(null);
   const dialogTitleId = (0, _useUniqueId.useUniqueId)();
@@ -71,36 +72,38 @@ const Dialog = ({
   }) : children;
   const actionButtons = [tertiaryCallToActionComponent || callToActionLastComponent, secondaryCallToActionComponent || callToActionSecondComponent, primaryCallToActionComponent || callToActionFirstComponent].filter(Boolean);
   const handleCloseButtonClick = (0, _react.useCallback)(event => onClose(event, "closeButtonClick"), [onClose]);
-  return (0, _jsxRuntime.jsxs)(_Dialog2.default, {
-    "aria-labelledby": dialogLabelId,
-    "data-se": testId,
-    onClose: onClose,
-    open: isOpen,
-    children: [(0, _jsxRuntime.jsxs)(_DialogTitle2.default, {
-      id: dialogTitleId,
-      translate: translate,
-      children: [(0, _jsxRuntime.jsx)("span", {
-        id: dialogLabelId,
-        children: title
-      }), (0, _jsxRuntime.jsx)(_index.Button, {
-        ariaLabel: t("close.text"),
-        onClick: handleCloseButtonClick,
-        size: "small",
-        startIcon: (0, _jsxRuntime.jsx)(_index2.CloseIcon, {}),
-        variant: "floating"
+  return (0, _jsxRuntime.jsx)(_FullScreenOverlay.FullScreenOverlay, {
+    children: (0, _jsxRuntime.jsxs)(_Dialog2.default, {
+      "aria-labelledby": dialogLabelId,
+      "data-se": testId,
+      onClose: onClose,
+      open: isOpen,
+      children: [(0, _jsxRuntime.jsxs)(_DialogTitle2.default, {
+        id: dialogTitleId,
+        translate: translate,
+        children: [(0, _jsxRuntime.jsx)("span", {
+          id: dialogLabelId,
+          children: title
+        }), (0, _jsxRuntime.jsx)(_index.Button, {
+          ariaLabel: t("close.text"),
+          onClick: handleCloseButtonClick,
+          size: "small",
+          startIcon: (0, _jsxRuntime.jsx)(_index2.CloseIcon, {}),
+          variant: "floating"
+        })]
+      }), (0, _jsxRuntime.jsx)(_DialogContent2.default, {
+        ...(isContentScrollable && {
+          tabIndex: 0
+        }),
+        dividers: isContentScrollable,
+        ref: dialogContentRef,
+        children: content
+      }), actionButtons.length > 0 && (0, _jsxRuntime.jsx)(_DialogActions2.default, {
+        children: actionButtons.map((actionButton, index) => actionButton ? (0, _react.cloneElement)(actionButton, {
+          key: index
+        }) : null)
       })]
-    }), (0, _jsxRuntime.jsx)(_DialogContent2.default, {
-      ...(isContentScrollable && {
-        tabIndex: 0
-      }),
-      dividers: isContentScrollable,
-      ref: dialogContentRef,
-      children: content
-    }), actionButtons.length > 0 && (0, _jsxRuntime.jsx)(_DialogActions2.default, {
-      children: actionButtons.map((actionButton, index) => actionButton ? (0, _react.cloneElement)(actionButton, {
-        key: index
-      }) : null)
-    })]
+    })
   });
 };
 const MemoizedDialog = exports.Dialog = (0, _react.memo)(Dialog);

package/dist/cjs/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","names":["_react","require","_reactI18next","_index","_index2","_useUniqueId","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","t","useTranslation","isContentScrollable","setIsContentScrollable","useState","dialogContentRef","useRef","dialogTitleId","useUniqueId","dialogLabelId","useEffect","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","jsx","_DialogContentText2","actionButtons","filter","Boolean","handleCloseButtonClick","useCallback","event","jsxs","_Dialog2","open","_DialogTitle2","id","Button","ariaLabel","onClick","size","startIcon","CloseIcon","variant","_DialogContent2","tabIndex","dividers","ref","length","_DialogActions2","map","actionButton","index","cloneElement","key","MemoizedDialog","exports","memo","displayName"],"sources":["../../src/Dialog.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Dialog as MuiDialog,\n  DialogProps as MuiDialogProps,\n} from \"@mui/material\";\nimport {\n  cloneElement,\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/index.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDialogProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDialogProps>[\"onClose\"]>[1];\nexport type DialogOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport type DialogProps = {\n  /**\n   * @deprecated `aria-label` for close button comes from translation file\n   */\n  ariaLabel?: string;\n\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `primaryCallToActionComponent` instead.\n   */\n  callToActionFirstComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `tertiaryCallToActionComponent` instead.\n   */\n  callToActionLastComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `secondaryCallToActionComponent` instead.\n   */\n  callToActionSecondComponent?: ReactElement<typeof Button>;\n  /**\n   * The content of the Dialog. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children: ReactNode;\n  /**\n   * When set to `true`, the Dialog will be visible.\n   */\n  isOpen: boolean;\n  /**\n   * Callback that controls what happens when the Dialog is dismissed.\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DialogOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Dialog footer as the primary call to action.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the secondary call to action, alongside the `primaryCallToActionComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the tertiary call to action, alongside the other `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * The title of the Dialog.\n   */\n  title: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Dialog = ({\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  tertiaryCallToActionComponent,\n  callToActionFirstComponent,\n  callToActionSecondComponent,\n  callToActionLastComponent,\n  children,\n  isOpen,\n  onClose,\n  testId,\n  title,\n  translate,\n}: DialogProps) => {\n  const { t } = useTranslation();\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const dialogTitleId = useUniqueId();\n  const dialogLabelId = useUniqueId();\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const dialogContentElement = dialogContentRef.current;\n      if (dialogContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          dialogContentElement.scrollHeight > dialogContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const content =\n    typeof children === \"string\" ? (\n      <DialogContentText>{children}</DialogContentText>\n    ) : (\n      children\n    );\n\n  // Prioritize new action button format (|| used as a fallback)\n  const actionButtons = [\n    tertiaryCallToActionComponent || callToActionLastComponent,\n    secondaryCallToActionComponent || callToActionSecondComponent,\n    primaryCallToActionComponent || callToActionFirstComponent,\n  ].filter(Boolean);\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  return (\n    <MuiDialog\n      aria-labelledby={dialogLabelId}\n      data-se={testId}\n      onClose={onClose}\n      open={isOpen}\n    >\n      <DialogTitle\n        id={dialogTitleId} // We need to explicitly unset `id` for MUI to automatically set it based on the `aria-labelledby` prop passed to `MuiDialog`\n        translate={translate}\n      >\n        <span id={dialogLabelId}>{title}</span>\n        <Button\n          ariaLabel={t(\"close.text\")}\n          onClick={handleCloseButtonClick}\n          size=\"small\"\n          startIcon={<CloseIcon />}\n          variant=\"floating\"\n        />\n      </DialogTitle>\n      <DialogContent\n        {...(isContentScrollable && {\n          // Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n          tabIndex: 0,\n        })}\n        dividers={isContentScrollable}\n        ref={dialogContentRef}\n      >\n        {content}\n      </DialogContent>\n\n      {actionButtons.length > 0 && (\n        <DialogActions>\n          {actionButtons.map((actionButton, index) =>\n            actionButton ? cloneElement(actionButton, { key: index }) : null,\n          )}\n        </DialogActions>\n      )}\n    </MuiDialog>\n  );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Dialog.cjs","names":["_react","require","_index","_FullScreenOverlay","_i18n","_index2","_useUniqueId","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","t","useTranslation","isContentScrollable","setIsContentScrollable","useState","dialogContentRef","useRef","dialogTitleId","useUniqueId","dialogLabelId","useEffect","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","jsx","_DialogContentText2","actionButtons","filter","Boolean","handleCloseButtonClick","useCallback","event","FullScreenOverlay","jsxs","_Dialog2","open","_DialogTitle2","id","Button","ariaLabel","onClick","size","startIcon","CloseIcon","variant","_DialogContent2","tabIndex","dividers","ref","length","_DialogActions2","map","actionButton","index","cloneElement","key","MemoizedDialog","exports","memo","displayName"],"sources":["../../src/Dialog.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  Dialog as MuiDialog,\n  DialogActions as MuiDialogActions,\n  DialogContent as MuiDialogContent,\n  DialogContentText as MuiDialogContentText,\n  DialogProps as MuiDialogProps,\n  DialogTitle as MuiDialogTitle,\n} from \"@mui/material\";\nimport {\n  cloneElement,\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/index.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDialogProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDialogProps>[\"onClose\"]>[1];\nexport type DialogOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport type DialogProps = {\n  /**\n   * @deprecated `aria-label` for close button comes from translation file\n   */\n  ariaLabel?: string;\n\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `primaryCallToActionComponent` instead.\n   */\n  callToActionFirstComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `tertiaryCallToActionComponent` instead.\n   */\n  callToActionLastComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `secondaryCallToActionComponent` instead.\n   */\n  callToActionSecondComponent?: ReactElement<typeof Button>;\n  /**\n   * The content of the Dialog. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children: ReactNode;\n  /**\n   * When set to `true`, the Dialog will be visible.\n   */\n  isOpen: boolean;\n  /**\n   * Callback that controls what happens when the Dialog is dismissed.\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DialogOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Dialog footer as the primary call to action.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the secondary call to action, alongside the `primaryCallToActionComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the tertiary call to action, alongside the other `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * The title of the Dialog.\n   */\n  title: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Dialog = ({\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  tertiaryCallToActionComponent,\n  callToActionFirstComponent,\n  callToActionSecondComponent,\n  callToActionLastComponent,\n  children,\n  isOpen,\n  onClose,\n  testId,\n  title,\n  translate,\n}: DialogProps) => {\n  const { t } = useTranslation();\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const dialogTitleId = useUniqueId();\n  const dialogLabelId = useUniqueId();\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const dialogContentElement = dialogContentRef.current;\n      if (dialogContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          dialogContentElement.scrollHeight > dialogContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const content =\n    typeof children === \"string\" ? (\n      <MuiDialogContentText>{children}</MuiDialogContentText>\n    ) : (\n      children\n    );\n\n  // Prioritize new action button format (|| used as a fallback)\n  const actionButtons = [\n    tertiaryCallToActionComponent || callToActionLastComponent,\n    secondaryCallToActionComponent || callToActionSecondComponent,\n    primaryCallToActionComponent || callToActionFirstComponent,\n  ].filter(Boolean);\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  return (\n    <FullScreenOverlay>\n      <MuiDialog\n        aria-labelledby={dialogLabelId}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n      >\n        <MuiDialogTitle\n          id={dialogTitleId} // We need to explicitly unset `id` for MUI to automatically set it based on the `aria-labelledby` prop passed to `MuiDialog`\n          translate={translate}\n        >\n          <span id={dialogLabelId}>{title}</span>\n          <Button\n            ariaLabel={t(\"close.text\")}\n            onClick={handleCloseButtonClick}\n            size=\"small\"\n            startIcon={<CloseIcon />}\n            variant=\"floating\"\n          />\n        </MuiDialogTitle>\n\n        <MuiDialogContent\n          {...(isContentScrollable && {\n            // Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n            tabIndex: 0,\n          })}\n          dividers={isContentScrollable}\n          ref={dialogContentRef}\n        >\n          {content}\n        </MuiDialogContent>\n\n        {actionButtons.length > 0 && (\n          <MuiDialogActions>\n            {actionButtons.map((actionButton, index) =>\n              actionButton ? cloneElement(actionButton, { key: index }) : null,\n            )}\n          </MuiDialogActions>\n        )}\n      </MuiDialog>\n    </FullScreenOverlay>\n  );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Drawer.cjs

@@ -7,8 +7,9 @@ exports.variantValues = exports.Drawer = void 0;
 var _Drawer2 = _interopRequireDefault(require("@mui/material/Drawer"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _react = require("react");
-var _reactI18next = require("react-i18next");
 var _index = require("./Buttons/index.cjs");
+var _FullScreenOverlay = require("./FullScreenOverlay.cjs");
+var _i18n = require("./i18n.generated/i18n.cjs");
 var _index2 = require("./icons.generated/index.cjs");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _Typography = require("./Typography.cjs");
@@ -107,7 +108,7 @@ const Drawer = ({
   const hasDividers = hasDividersProp || showDividers;
   const {
     i18n
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   const anchorDirection = i18n.dir() === "rtl" ? "left" : "right";
   (0, _react.useEffect)(() => {
     let frameId;
@@ -131,7 +132,7 @@ const Drawer = ({
   }, [hasDividers, isContentScrollable]);
   const hasFooter = (0, _react.useMemo)(() => primaryCallToActionComponent || secondaryCallToActionComponent || tertiaryCallToActionComponent, [primaryCallToActionComponent, secondaryCallToActionComponent, tertiaryCallToActionComponent]);
   const handleCloseButtonClick = (0, _react.useCallback)(event => onClose(event, "closeButtonClick"), [onClose]);
-  return (0, _jsxRuntime.jsxs)(_Drawer2.default, {
+  const muiDrawerComponent = (0, _react.useMemo)(() => (0, _jsxRuntime.jsxs)(_Drawer2.default, {
     anchor: anchorDirection,
     "data-se": testId,
     onClose: onClose,
@@ -173,7 +174,10 @@ const Drawer = ({
       odysseyDesignTokens: odysseyDesignTokens,
       children: [tertiaryCallToActionComponent, secondaryCallToActionComponent, primaryCallToActionComponent]
     })]
-  });
+  }), [anchorDirection, ariaLabel, children, dividersVisible, handleCloseButtonClick, hasFooter, isContentScrollable, isOpen, odysseyDesignTokens, onClose, primaryCallToActionComponent, secondaryCallToActionComponent, tertiaryCallToActionComponent, testId, title, translate, variant]);
+  return variant === "temporary" ? (0, _jsxRuntime.jsx)(_FullScreenOverlay.FullScreenOverlay, {
+    children: muiDrawerComponent
+  }) : muiDrawerComponent;
 };
 const MemoizedDrawer = exports.Drawer = (0, _react.memo)(Drawer);
 MemoizedDrawer.displayName = "Drawer";