@okta/odyssey-react-mui 1.28.1 → 1.29.0

package/dist/labs/DatePickers/DateTimePicker.js

@@ -0,0 +1,233 @@
+/*!
+ * Copyright (c) 2023-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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo, useCallback, useEffect, useMemo, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { DateTimePicker as MuiDateTimePicker } from "@mui/x-date-pickers";
+import styled from "@emotion/styled";
+import { Button } from "../../Buttons/index.js";
+import { DateFieldActionBar } from "./DateFieldActionBar.js";
+import { DateFieldLocalizationProvider } from "./DateFieldLocalizationProvider.js";
+import { DateTimeField } from "./DateTimeField.js";
+import { dateTimePickerTheme } from "./dateTimePickerTheme.js";
+import { CalendarIcon, ClockIcon } from "../../icons.generated/index.js";
+import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
+import { OdysseyThemeProvider } from "../../OdysseyThemeProvider.js";
+import { TimeZonePicker } from "../TimeZonePicker.js";
+import { useOdysseyDateFields } from "./useOdysseyDateFields.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const DatePickerContainer = styled.div({
+  ".MuiFormControl-root": {
+    marginBlockEnd: 0
+  }
+});
+const DatePickerWidthContainer = styled.div(({
+  odysseyDesignTokens
+}) => ({
+  ".MuiInput-root": {
+    width: "100%",
+    maxWidth: odysseyDesignTokens.TypographyLineLengthMax
+  }
+}));
+const TimeZonePickerContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  marginBlockStart: odysseyDesignTokens.Spacing3
+}));
+const DateTimePicker = ({
+  defaultValue: defaultValueProp,
+  errorMessage,
+  hint,
+  HintLinkComponent,
+  isDateEnabled = () => true,
+  isDisabled,
+  isOptional,
+  isReadOnly,
+  isMonthEnabled = () => true,
+  isYearEnabled = () => true,
+  label,
+  minDate: minDateProp,
+  maxDate: maxDateProp,
+  onBlur,
+  onCalendarDateChange,
+  onInputChange: onInputChangeProp,
+  timeZone,
+  timeZonePickerLabel,
+  timeZoneOptions,
+  value: valueProp
+}) => {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const inputRef = useRef(null);
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const {
+    closeCalendar,
+    commonIcons,
+    defaultedLanguageCode,
+    formatDateTimeToUtcIsoDateString,
+    formatDayOfWeek,
+    inputValues,
+    internalTimeZone,
+    isOpen,
+    localeText,
+    minDate,
+    maxDate,
+    onInputChange,
+    onTimeZoneChange,
+    popperElement,
+    setPopperElement,
+    shouldDisableDate,
+    shouldDisableMonth,
+    shouldDisableYear,
+    toggleCalendarVisibility
+  } = useOdysseyDateFields({
+    defaultValue: defaultValueProp,
+    errorMessage,
+    isDateEnabled,
+    isMonthEnabled,
+    isYearEnabled,
+    minDate: minDateProp,
+    maxDate: maxDateProp,
+    onInputChange: onInputChangeProp,
+    timeZone,
+    value: valueProp
+  });
+  const {
+    language
+  } = i18n;
+  const containerRef = useRef(null);
+  useEffect(() => {
+    setPopperElement(containerRef.current);
+  }, [setPopperElement]);
+  const formatDateTimeToJsDateStringOnCalendarSelection = useCallback(value => {
+    if (value) {
+      const dateStringFromDateTime = formatDateTimeToUtcIsoDateString(value);
+      if (dateStringFromDateTime) {
+        onCalendarDateChange?.({
+          value: dateStringFromDateTime,
+          timeZone: internalTimeZone
+        });
+      }
+    }
+  }, [formatDateTimeToUtcIsoDateString, internalTimeZone, onCalendarDateChange]);
+  const renderDateTimeField = useCallback(({
+    defaultValue,
+    inputRef,
+    value
+  }) => {
+    return _jsx(DateTimeField, {
+      defaultValue: defaultValue,
+      endAdornment: _jsx(Button, {
+        ariaLabel: t("picker.labels.date.choose"),
+        label: "",
+        onClick: toggleCalendarVisibility,
+        size: "small",
+        startIcon: _jsx(commonIcons.CalendarIcon, {}),
+        variant: "floating"
+      }),
+      errorMessage: errorMessage,
+      hint: hint,
+      HintLinkComponent: HintLinkComponent,
+      inputRef: inputRef,
+      isDisabled: isDisabled,
+      isOptional: isOptional,
+      isReadOnly: isReadOnly,
+      label: label,
+      onBlur: onBlur,
+      minDate: minDate,
+      maxDate: maxDate,
+      onChange: onInputChange,
+      timezone: internalTimeZone,
+      value: value
+    });
+  }, [commonIcons, errorMessage, hint, HintLinkComponent, internalTimeZone, isDisabled, isOptional, isReadOnly, label, onBlur, onInputChange, minDate, maxDate, t, toggleCalendarVisibility]);
+  const slots = useMemo(() => ({
+    actionBar: DateFieldActionBar,
+    field: muiProps => renderDateTimeField(muiProps),
+    leftArrowIcon: () => _jsx(commonIcons.ArrowLeftIcon, {}),
+    rightArrowIcon: () => _jsx(commonIcons.ArrowRightIcon, {}),
+    switchViewIcon: () => _jsx(commonIcons.ChevronDownIcon, {})
+  }), [commonIcons, renderDateTimeField]);
+  const slotProps = useMemo(() => ({
+    actionBar: ({
+      wrapperVariant,
+      onAccept,
+      onCancel
+    }) => ({
+      actions: wrapperVariant === "desktop" ? [] : ["accept", "cancel"],
+      onAccept,
+      onCancel
+    }),
+    popper: {
+      anchorEl: popperElement
+    },
+    tabs: {
+      dateIcon: _jsx(CalendarIcon, {}),
+      timeIcon: _jsx(ClockIcon, {})
+    },
+    toolbar: {
+      toolbarPlaceholder: ""
+    }
+  }), [popperElement]);
+  return _jsx(OdysseyThemeProvider, {
+    themeOverride: dateTimePickerTheme,
+    children: _jsxs(DateFieldLocalizationProvider, {
+      defaultedLanguageCode: defaultedLanguageCode,
+      localeText: localeText,
+      children: [_jsx(DatePickerContainer, {
+        children: _jsx(DatePickerWidthContainer, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          ref: containerRef,
+          children: _jsx(MuiDateTimePicker, {
+            dayOfWeekFormatter: formatDayOfWeek,
+            defaultValue: inputValues?.defaultValue,
+            disabled: isDisabled,
+            fixedWeekNumber: 6,
+            inputRef: inputRef,
+            label: label,
+            minDate: minDate,
+            maxDate: maxDate,
+            onChange: formatDateTimeToJsDateStringOnCalendarSelection,
+            onClose: closeCalendar,
+            open: isOpen,
+            readOnly: isReadOnly,
+            shouldDisableDate: shouldDisableDate,
+            shouldDisableMonth: shouldDisableMonth,
+            shouldDisableYear: shouldDisableYear,
+            slots: slots,
+            slotProps: slotProps,
+            timezone: internalTimeZone,
+            value: inputValues?.value
+          }, language)
+        })
+      }), timeZoneOptions && timeZonePickerLabel && _jsx(TimeZonePickerContainer, {
+        odysseyDesignTokens: odysseyDesignTokens,
+        children: _jsx(TimeZonePicker, {
+          label: timeZonePickerLabel,
+          onTimeZoneChange: onTimeZoneChange,
+          isReadOnly: isReadOnly,
+          timeZoneOptions: timeZoneOptions,
+          value: internalTimeZone
+        })
+      })]
+    })
+  });
+};
+const MemoizedDateTimePicker = memo(DateTimePicker);
+MemoizedDateTimePicker.displayName = "DateTimePicker";
+export { MemoizedDateTimePicker as DateTimePicker };
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/labs/DatePickers/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","names":["memo","useCallback","useEffect","useMemo","useRef","useTranslation","DateTimePicker","MuiDateTimePicker","styled","Button","DateFieldActionBar","DateFieldLocalizationProvider","DateTimeField","dateTimePickerTheme","CalendarIcon","ClockIcon","useOdysseyDesignTokens","OdysseyThemeProvider","TimeZonePicker","useOdysseyDateFields","jsx","_jsx","jsxs","_jsxs","DatePickerContainer","div","marginBlockEnd","DatePickerWidthContainer","odysseyDesignTokens","width","maxWidth","TypographyLineLengthMax","TimeZonePickerContainer","shouldForwardProp","prop","marginBlockStart","Spacing3","defaultValue","defaultValueProp","errorMessage","hint","HintLinkComponent","isDateEnabled","isDisabled","isOptional","isReadOnly","isMonthEnabled","isYearEnabled","label","minDate","minDateProp","maxDate","maxDateProp","onBlur","onCalendarDateChange","onInputChange","onInputChangeProp","timeZone","timeZonePickerLabel","timeZoneOptions","value","valueProp","i18n","t","inputRef","closeCalendar","commonIcons","defaultedLanguageCode","formatDateTimeToUtcIsoDateString","formatDayOfWeek","inputValues","internalTimeZone","isOpen","localeText","onTimeZoneChange","popperElement","setPopperElement","shouldDisableDate","shouldDisableMonth","shouldDisableYear","toggleCalendarVisibility","language","containerRef","current","formatDateTimeToJsDateStringOnCalendarSelection","dateStringFromDateTime","renderDateTimeField","endAdornment","ariaLabel","onClick","size","startIcon","variant","onChange","timezone","slots","actionBar","field","muiProps","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","switchViewIcon","ChevronDownIcon","slotProps","wrapperVariant","onAccept","onCancel","actions","popper","anchorEl","tabs","dateIcon","timeIcon","toolbar","toolbarPlaceholder","themeOverride","children","ref","dayOfWeekFormatter","disabled","fixedWeekNumber","onClose","open","readOnly","MemoizedDateTimePicker","displayName"],"sources":["../../../src/labs/DatePickers/DateTimePicker.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 { memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  type DateTimePickerSlots,\n  DateTimePicker as MuiDateTimePicker,\n  DateTimePickerProps as MuiDateTimePickerProps,\n  DateTimePickerSlotProps,\n} from \"@mui/x-date-pickers\";\nimport { DateTime } from \"luxon\";\nimport styled from \"@emotion/styled\";\n\nimport { Button } from \"../../Buttons\";\nimport { DateFieldActionBar } from \"./DateFieldActionBar\";\nimport { DateFieldLocalizationProvider } from \"./DateFieldLocalizationProvider\";\nimport { DateTimeField, DateTimeFieldProps } from \"./DateTimeField\";\nimport { dateTimePickerTheme } from \"./dateTimePickerTheme\";\nimport { FieldComponentProps } from \"../../FieldComponentProps\";\nimport { CalendarIcon, ClockIcon } from \"../../icons.generated\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"../../OdysseyDesignTokensContext\";\nimport { OdysseyThemeProvider } from \"../../OdysseyThemeProvider\";\nimport { TimeZonePicker } from \"../TimeZonePicker\";\n\nimport {\n  useOdysseyDateFields,\n  OdysseyDateFieldProps,\n} from \"./useOdysseyDateFields\";\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 }: { odysseyDesignTokens: DesignTokens }) => ({\n  marginBlockStart: odysseyDesignTokens.Spacing3,\n}));\n\ntype RenderDateTimeFieldProps = {\n  defaultValue: DateTimeFieldProps[\"defaultValue\"];\n  value: DateTimeFieldProps[\"value\"];\n} & MuiDateTimePickerProps<DateTime>;\n\nexport type DateTimePickerProps = OdysseyDateFieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"isDisabled\"\n    | \"isReadOnly\"\n    | \"isOptional\"\n  >;\n\nconst DateTimePicker = ({\n  defaultValue: defaultValueProp,\n  errorMessage,\n  hint,\n  HintLinkComponent,\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}: DateTimePickerProps) => {\n  const { i18n, t } = useTranslation();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\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<MuiDateTimePickerProps<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 renderDateTimeField = useCallback(\n    ({ defaultValue, inputRef, value }: RenderDateTimeFieldProps) => {\n      return (\n        <DateTimeField\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          inputRef={inputRef}\n          isDisabled={isDisabled}\n          isOptional={isOptional}\n          isReadOnly={isReadOnly}\n          label={label}\n          onBlur={onBlur}\n          minDate={minDate}\n          maxDate={maxDate}\n          onChange={onInputChange}\n          timezone={internalTimeZone}\n          value={value}\n        />\n      );\n    },\n    [\n      commonIcons,\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<DateTimePickerSlots<DateTime>>(\n    () => ({\n      actionBar: DateFieldActionBar,\n      field: (muiProps) => renderDateTimeField(muiProps),\n      leftArrowIcon: () => <commonIcons.ArrowLeftIcon />,\n      rightArrowIcon: () => <commonIcons.ArrowRightIcon />,\n      switchViewIcon: () => <commonIcons.ChevronDownIcon />,\n    }),\n    [commonIcons, renderDateTimeField],\n  );\n\n  const slotProps = useMemo<DateTimePickerSlotProps<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      tabs: {\n        dateIcon: <CalendarIcon />,\n        timeIcon: <ClockIcon />,\n      },\n      toolbar: {\n        toolbarPlaceholder: \"\",\n      },\n    }),\n    [popperElement],\n  );\n\n  return (\n    <OdysseyThemeProvider themeOverride={dateTimePickerTheme}>\n      <DateFieldLocalizationProvider\n        defaultedLanguageCode={defaultedLanguageCode}\n        localeText={localeText}\n      >\n        <DatePickerContainer>\n          <DatePickerWidthContainer\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={containerRef}\n          >\n            <MuiDateTimePicker\n              dayOfWeekFormatter={formatDayOfWeek}\n              defaultValue={inputValues?.defaultValue}\n              disabled={isDisabled}\n              fixedWeekNumber={6}\n              inputRef={inputRef}\n              key={language}\n              label={label}\n              minDate={minDate}\n              maxDate={maxDate}\n              onChange={formatDateTimeToJsDateStringOnCalendarSelection}\n              onClose={closeCalendar}\n              open={isOpen}\n              readOnly={isReadOnly}\n              shouldDisableDate={shouldDisableDate}\n              shouldDisableMonth={shouldDisableMonth}\n              shouldDisableYear={shouldDisableYear}\n              slots={slots}\n              slotProps={slotProps}\n              timezone={internalTimeZone}\n              value={inputValues?.value}\n            />\n          </DatePickerWidthContainer>\n        </DatePickerContainer>\n        {timeZoneOptions && timeZonePickerLabel && (\n          <TimeZonePickerContainer odysseyDesignTokens={odysseyDesignTokens}>\n            <TimeZonePicker\n              label={timeZonePickerLabel}\n              onTimeZoneChange={onTimeZoneChange}\n              isReadOnly={isReadOnly}\n              timeZoneOptions={timeZoneOptions}\n              value={internalTimeZone}\n            />\n          </TimeZonePickerContainer>\n        )}\n      </DateFieldLocalizationProvider>\n    </OdysseyThemeProvider>\n  );\n};\n\nconst MemoizedDateTimePicker = memo(DateTimePicker);\nMemoizedDateTimePicker.displayName = \"DateTimePicker\";\n\nexport { MemoizedDateTimePicker as DateTimePicker };\n"],"mappings":"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"}

package/dist/labs/{datePickerTheme.js → DatePickers/datePickerTheme.js}

@@ -9,13 +9,13 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { createOdysseyMuiTheme } from "../theme/index.js";
+import { createOdysseyMuiTheme } from "../../theme/index.js";
 import * as odysseyTokens from "@okta/odyssey-design-tokens";
 const popupSpacingValue = 5;
 const odysseyTheme = createOdysseyMuiTheme({
   odysseyTokens
 });
-const dateStyles = {
+export const dateStyles = {
   default: ({
     theme
   }) => ({

package/dist/labs/DatePickers/datePickerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerTheme.js","names":["createOdysseyMuiTheme","odysseyTokens","popupSpacingValue","odysseyTheme","dateStyles","default","theme","color","palette","text","primary","disabled","backgroundColor","hover","grey","focus","boxShadow","common","white","main","outline","outlineOffset","hoverSelected","dark","contrastText","outsideOfMonth","selected","border","today","todayDotStyles","borderRadius","bottom","spacing","content","height","typography","fontSize","position","transform","width","yearStyles","paddingBlock","paddingInline","lighter","secondary","yearCheckStyles","h6","maskImage","maskPosition","maskRepeat","right","datePickerTheme","components","MuiDateCalendar","styleOverrides","root","MuiPickersLayout","display","maxWidth","mixins","contentWrapper","borderColor","divider","borderStyle","borderWidth","MuiDatePickerToolbar","title","marginBlockStart","marginBlockEnd","MuiDayCalendar","header","justifyContent","monthContainer","weekContainer","marginBottom","marginLeft","marginRight","padding","gap","weekDayLabel","flexShrink","overline","fontWeight","lineHeight","letterSpacing","textTransform","MuiDatePicker","defaultProps","slotProps","popper","popperOptions","placement","showDaysOutsideCurrentMonth","views","MuiPickersCalendarHeader","label","h5","margin","maxHeight","minHeight","paddingBlockStart","paddingBlockEnd","borderBottom","labelContainer","overflow","switchViewButton","marginInlineStart","MuiPickersDay","dayWithMargin","flexBasis","body1","fontWeightBold","MuiPickersPopper","paper","marginTop","MuiYearCalendar","marginInlineEnd","MuiPickersYear","yearButton","alignItems","shape","MuiPickersArrowSwitcher","flexDirection","spacer","button"],"sources":["../../../src/labs/DatePickers/datePickerTheme.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 { CSSInterpolation } from \"@mui/material/styles\";\nimport { createOdysseyMuiTheme } from \"../../theme\";\nimport { ThemeOptions } from \"@mui/material\";\nimport * as odysseyTokens from \"@okta/odyssey-design-tokens\";\n\nconst popupSpacingValue = 5;\n\nconst odysseyTheme = createOdysseyMuiTheme({ odysseyTokens });\n\ntype ThemeStyles = ({\n  theme,\n}: {\n  theme: typeof odysseyTheme;\n}) => CSSInterpolation;\n\ntype StateStyles = Record<string, ThemeStyles>;\n\nexport const dateStyles: StateStyles = {\n  default: ({ theme }) => ({\n    color: theme.palette.text.primary,\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  focus: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    boxShadow: `0 0 0 2px ${theme.palette.common.white}, 0 0 0 4px ${theme.palette.primary.main}`,\n    outline: \"2px solid transparent\",\n    outlineOffset: \"1px\",\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.dark,\n    color: theme.palette.primary.contrastText,\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.grey[400],\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.primary.contrastText,\n    border: \"none\",\n  }),\n  today: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n    border: \"none\",\n  }),\n};\n\nconst todayDotStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: \"50%\",\n    bottom: theme.spacing(1),\n    content: '\" \"',\n    height: `${2 / theme.typography.fontSize}em`,\n    position: \"absolute\",\n    transform: \"translateY(-50%)\",\n    width: `${2 / theme.typography.fontSize}em`,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.contrastText,\n  }),\n};\n\nconst yearStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.primary,\n    paddingBlock: theme.spacing(3),\n    paddingInline: theme.spacing(4),\n    width: \"auto\",\n    height: \"auto\",\n  }),\n  disabled: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.disabled,\n  }),\n  hover: ({ theme }) => ({\n    backgroundColor: theme.palette.grey[100],\n  }),\n  hoverSelected: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.lighter,\n    color: theme.palette.primary.main,\n  }),\n  outsideOfMonth: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.text.secondary,\n  }),\n  selected: ({ theme }) => ({\n    backgroundColor: \"transparent\",\n    color: theme.palette.primary.main,\n  }),\n};\n\nconst yearCheckStyles: StateStyles = {\n  default: ({ theme }) => ({\n    backgroundColor: theme.palette.primary.main,\n    content: '\"\"',\n    height: theme.typography.h6.fontSize,\n    maskImage:\n      \"url(\\\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A\\\")\",\n    maskPosition: \"50% 50%\",\n    maskRepeat: \"no-repeat\",\n    position: \"absolute\",\n    right: theme.spacing(4),\n    width: theme.spacing(4),\n  }),\n};\n\nexport const datePickerTheme: ThemeOptions = {\n  components: {\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: () => ({\n          width: \"100%\",\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          display: \"block\",\n          // Matches Popper width\n          width: \"calc(100vw - 64px)\",\n          maxWidth: theme.mixins.maxWidth,\n        }),\n        contentWrapper: ({ theme }) => ({\n          width: \"100%\",\n          paddingInline: theme.spacing(3),\n\n          \"@media (pointer: fine)\": {\n            borderColor: theme.palette.divider,\n            borderStyle: theme.mixins.borderStyle,\n            borderWidth: theme.mixins.borderWidth,\n            borderRadius: theme.mixins.borderRadius,\n            paddingBlock: theme.spacing(6),\n            paddingInline: theme.spacing(6),\n          },\n        }),\n      },\n    },\n    MuiDatePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          paddingInline: theme.spacing(4),\n          paddingBlock: theme.spacing(4),\n        }),\n        title: ({ theme }) => ({\n          marginBlockStart: theme.spacing(1),\n          marginBlockEnd: 0,\n        }),\n      },\n    },\n    MuiDayCalendar: {\n      styleOverrides: {\n        header: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBlockStart: theme.spacing(5),\n          paddingInline: theme.spacing(1),\n        }),\n        monthContainer: ({ theme }) => ({\n          // padding needed to be able to show focus state for calendar days\n          paddingBlock: theme.spacing(1),\n          paddingInline: theme.spacing(1),\n        }),\n        weekContainer: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBottom: theme.spacing(1),\n          marginLeft: 0,\n          marginRight: 0,\n          padding: 0,\n          gap: theme.spacing(1),\n\n          \"&:last-child\": {\n            marginBottom: 0,\n          },\n        }),\n        weekDayLabel: ({ theme }) => ({\n          color: theme.palette.grey[900],\n          flexShrink: 0,\n          marginBottom: theme.spacing(2),\n          marginLeft: 0,\n          marginRight: 0,\n          width: theme.spacing(6),\n          height: \"auto\",\n          fontSize: theme.typography.overline.fontSize,\n          fontWeight: theme.typography.overline.fontWeight,\n          lineHeight: theme.typography.overline.lineHeight,\n          letterSpacing: theme.typography.overline.letterSpacing,\n          textTransform: theme.typography.overline.textTransform,\n        }),\n      },\n    },\n    MuiDatePicker: {\n      defaultProps: {\n        slotProps: {\n          popper: {\n            popperOptions: {\n              placement: \"bottom-start\",\n            },\n          },\n        },\n        showDaysOutsideCurrentMonth: true,\n        views: [\"year\", \"day\"],\n      },\n    },\n    MuiPickersCalendarHeader: {\n      styleOverrides: {\n        label: ({ theme }) => ({\n          ...theme.typography.h5,\n          margin: 0,\n        }),\n        root: ({ theme }) => ({\n          justifyContent: \"space-between\",\n          marginBlockEnd: 0,\n          marginBlockStart: 0,\n          maxHeight: theme.spacing(8),\n          minHeight: theme.spacing(8),\n          paddingInline: theme.spacing(1),\n          paddingBlockStart: theme.spacing(1),\n          paddingBlockEnd: theme.spacing(4),\n          width: \"auto\",\n          borderBottom: `1px solid ${theme.palette.grey[100]}`,\n        }),\n        labelContainer: {\n          marginRight: 0,\n          overflow: \"visible\",\n        },\n        switchViewButton: ({ theme }) => ({\n          marginInlineStart: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersDay: {\n      styleOverrides: {\n        dayWithMargin: () => ({\n          marginLeft: 0,\n          marginRight: 0,\n        }),\n        root: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            border: \"none\",\n            borderRadius: theme.mixins.borderRadius,\n            flexBasis: theme.spacing(6),\n            flexShrink: 0,\n            fontSize: theme.typography.body1.fontSize,\n            height: theme.spacing(6),\n            width: theme.spacing(6),\n\n            \"&.MuiPickersDay-today\": [\n              dateStyles.today({ theme }),\n              {\n                fontWeight: theme.typography.fontWeightBold,\n              },\n            ],\n\n            \"&.MuiPickersDay-today::after\": todayDotStyles.default({ theme }),\n            \"&.MuiPickersDay-today.Mui-selected::after\":\n              todayDotStyles.selected({ theme }),\n            \"&.MuiPickersDay-dayOutsideMonth\": dateStyles.outsideOfMonth({\n              theme,\n            }),\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiPickersPopper: {\n      styleOverrides: {\n        paper: ({ theme }) => ({\n          boxShadow: `0 ${(1 / 16) * (16 / 14)}rem ${\n            (4 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(4 / 16) * (16 / 14)}rem ${\n            (10 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.08), 0 ${(8 / 16) * (16 / 14)}rem ${\n            (30 / 16) * (16 / 14)\n          }rem rgba(29, 29, 33, 0.1)`,\n          marginTop: theme.spacing(1),\n        }),\n      },\n    },\n    MuiYearCalendar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          display: \"block\",\n          width: \"auto\",\n          maxHeight: `${284 / 14}rem`,\n          marginBottom: `-${theme.spacing(popupSpacingValue)}`,\n          marginInlineEnd: 0,\n          paddingInline: 0,\n        }),\n      },\n    },\n    MuiPickersYear: {\n      styleOverrides: {\n        root: () => ({\n          width: \"100%\",\n          justifyContent: \"flex-start\",\n        }),\n        yearButton: ({ theme }) => [\n          yearStyles.default({ theme }),\n          {\n            position: \"relative\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"flex-start\",\n            width: \"100%\",\n            marginBottom: 0,\n            marginTop: 0,\n            paddingBlock: theme.spacing(3),\n            paddingInline: theme.spacing(4),\n            borderRadius: theme.shape.borderRadius,\n            fontSize: theme.typography.body1.fontSize,\n\n            \"&:hover\": yearStyles.hover({ theme }),\n\n            \"&:not(.Mui-selected)\": {\n              border: \"none\",\n            },\n\n            \"&.Mui-disabled\": yearStyles.disabled({ theme }),\n          },\n        ],\n        selected: ({ theme }) => ({\n          \"&, &:focus\": yearStyles.selected({ theme }),\n          \"&:hover\": yearStyles.hoverSelected({ theme }),\n          \"&::after\": yearCheckStyles.default({ theme }),\n        }),\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        root: {\n          \":dir(rtl)\": {\n            flexDirection: \"row-reverse\",\n          },\n        },\n        spacer: ({ theme }) => ({\n          width: theme.spacing(3),\n        }),\n        button: {\n          margin: 0,\n        },\n      },\n    },\n  },\n};\n"],"mappings":"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"}

package/dist/labs/DatePickers/dateTimePickerTheme.js

@@ -0,0 +1,230 @@
+/*!
+ * Copyright (c) 2022-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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */import { deepmerge } from "@mui/utils";
+import { datePickerTheme, dateStyles } from "./datePickerTheme.js";
+const theme = {
+  components: {
+    MuiClock: {
+      styleOverrides: {
+        clock: ({
+          theme
+        }) => ({
+          width: `calc(${theme.spacing(9)} * 4)`,
+          height: `calc(${theme.spacing(9)} * 4)`,
+          backgroundColor: theme.palette.grey[50]
+        }),
+        pin: ({
+          theme
+        }) => ({
+          backgroundColor: theme.palette.primary.light
+        })
+      }
+    },
+    MuiClockPointer: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          backgroundColor: theme.palette.primary.light
+        }),
+        thumb: ({
+          theme
+        }) => ({
+          borderColor: theme.palette.primary.light,
+          backgroundColor: theme.palette.primary.main
+        })
+      }
+    },
+    MuiDateCalendar: {
+      styleOverrides: {
+        root: {
+          display: "block",
+          width: "100%"
+        }
+      }
+    },
+    MuiPickersArrowSwitcher: {
+      styleOverrides: {
+        button: ({
+          theme
+        }) => ({
+          display: "flex",
+          margin: 0,
+          padding: theme.spacing(2),
+          color: theme.typography.body1.color,
+          "& + &": {
+            marginInlineStart: theme.spacing(2)
+          },
+          svg: {
+            display: "flex"
+          }
+        }),
+        spacer: ({
+          theme
+        }) => ({
+          width: theme.spacing(1)
+        })
+      }
+    },
+    MuiPickersLayout: {
+      styleOverrides: {
+        contentWrapper: ({
+          theme
+        }) => ({
+          padding: theme.spacing(3),
+          gridTemplateColumns: "1fr 16px auto"
+        })
+      }
+    },
+    MuiMultiSectionDigitalClockSection: {
+      styleOverrides: {
+        root: {
+          width: "auto"
+        },
+        item: ({
+          theme
+        }) => [dateStyles.default({
+          theme
+        }), {
+          margin: 0,
+          marginInline: theme.spacing(1),
+          "& + &": {
+            marginBlockStart: theme.spacing(1)
+          },
+          "&:hover": dateStyles.hover({
+            theme
+          }),
+          "&:focus": dateStyles.focus({
+            theme
+          }),
+          "&.Mui-selected, &.Mui-selected:focus": dateStyles.selected({
+            theme
+          }),
+          "&.Mui-selected:hover": dateStyles.hoverSelected({
+            theme
+          }),
+          "&.Mui-disabled": dateStyles.disabled({
+            theme
+          })
+        }]
+      }
+    },
+    MuiDateTimePickerToolbar: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          padding: theme.spacing(3)
+        }),
+        dateContainer: ({
+          theme
+        }) => ({
+          flexDirection: "row-reverse",
+          button: {
+            "+ button": {
+              marginInlineEnd: theme.spacing(2)
+            }
+          }
+        }),
+        timeDigitsContainer: {
+          alignItems: "center"
+        },
+        ampmSelection: ({
+          theme
+        }) => ({
+          margin: 0,
+          marginInlineStart: theme.spacing(3),
+          button: {
+            padding: theme.spacing(2),
+            "&:has(.Mui-selected)": {
+              backgroundColor: theme.palette.primary.main,
+              ".Mui-selected": {
+                color: theme.palette.common.white,
+                "&::after": {
+                  display: "none"
+                }
+              }
+            }
+          }
+        }),
+        separator: ({
+          theme
+        }) => ({
+          ...theme.typography.h5,
+          marginBlock: 0,
+          marginInline: theme.spacing(1)
+        })
+      }
+    },
+    MuiPickersToolbarButton: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          height: "auto",
+          padding: 0,
+          margin: 0,
+          border: 0,
+          borderRadius: theme.mixins.borderRadius,
+          backgroundColor: "transparent",
+          color: theme.typography.subtitle1.color,
+          "&:hover": {
+            backgroundColor: "transparent"
+          },
+          "& + &": {
+            marginInlineStart: 0
+          }
+        })
+      }
+    },
+    MuiPickersToolbarText: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          ...theme.typography.h5,
+          position: "relative",
+          margin: 0,
+          lineHeight: 1,
+          color: "inherit",
+          "&::after": {
+            position: "absolute",
+            left: 0,
+            bottom: 0,
+            width: "100%",
+            height: 2,
+            backgroundColor: "currentColor",
+            opacity: 0,
+            content: "''",
+            transition: "opacity 100ms, transform 200ms"
+          },
+          "&.Mui-selected": {
+            color: theme.typography.body1.color,
+            "&::after": {
+              transform: "translateY(2px)",
+              opacity: 1
+            }
+          }
+        })
+      }
+    },
+    MuiTimeClock: {
+      styleOverrides: {
+        arrowSwitcher: {
+          top: 0,
+          right: 0
+        }
+      }
+    }
+  }
+};
+export const dateTimePickerTheme = deepmerge(datePickerTheme, theme);
+//# sourceMappingURL=dateTimePickerTheme.js.map

package/dist/labs/DatePickers/dateTimePickerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePickerTheme.js","names":["deepmerge","datePickerTheme","dateStyles","theme","components","MuiClock","styleOverrides","clock","width","spacing","height","backgroundColor","palette","grey","pin","primary","light","MuiClockPointer","root","thumb","borderColor","main","MuiDateCalendar","display","MuiPickersArrowSwitcher","button","margin","padding","color","typography","body1","marginInlineStart","svg","spacer","MuiPickersLayout","contentWrapper","gridTemplateColumns","MuiMultiSectionDigitalClockSection","item","default","marginInline","marginBlockStart","hover","focus","selected","hoverSelected","disabled","MuiDateTimePickerToolbar","dateContainer","flexDirection","marginInlineEnd","timeDigitsContainer","alignItems","ampmSelection","common","white","separator","h5","marginBlock","MuiPickersToolbarButton","border","borderRadius","mixins","subtitle1","MuiPickersToolbarText","position","lineHeight","left","bottom","opacity","content","transition","transform","MuiTimeClock","arrowSwitcher","top","right","dateTimePickerTheme"],"sources":["../../../src/labs/DatePickers/dateTimePickerTheme.ts"],"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\n// import { CSSInterpolation } from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport { ThemeOptions } from \"@mui/material\";\n\nimport { datePickerTheme, dateStyles } from \"./datePickerTheme\";\n\nconst theme: ThemeOptions = {\n  components: {\n    MuiClock: {\n      styleOverrides: {\n        clock: ({ theme }) => ({\n          width: `calc(${theme.spacing(9)} * 4)`,\n          height: `calc(${theme.spacing(9)} * 4)`,\n          backgroundColor: theme.palette.grey[50],\n        }),\n        pin: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n      },\n    },\n    MuiClockPointer: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          backgroundColor: theme.palette.primary.light,\n        }),\n        thumb: ({ theme }) => ({\n          borderColor: theme.palette.primary.light,\n          backgroundColor: theme.palette.primary.main,\n        }),\n      },\n    },\n    MuiDateCalendar: {\n      styleOverrides: {\n        root: {\n          display: \"block\",\n          width: \"100%\",\n        },\n      },\n    },\n    MuiPickersArrowSwitcher: {\n      styleOverrides: {\n        button: ({ theme }) => ({\n          display: \"flex\",\n          margin: 0,\n          padding: theme.spacing(2),\n          color: theme.typography.body1.color,\n\n          \"& + &\": {\n            marginInlineStart: theme.spacing(2),\n          },\n\n          svg: {\n            display: \"flex\",\n          },\n        }),\n        spacer: ({ theme }) => ({\n          width: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersLayout: {\n      styleOverrides: {\n        contentWrapper: ({ theme }) => ({\n          padding: theme.spacing(3),\n          gridTemplateColumns: \"1fr 16px auto\",\n        }),\n      },\n    },\n    MuiMultiSectionDigitalClockSection: {\n      styleOverrides: {\n        root: {\n          width: \"auto\",\n        },\n        item: ({ theme }) => [\n          dateStyles.default({ theme }),\n          {\n            margin: 0,\n            marginInline: theme.spacing(1),\n            \"& + &\": {\n              marginBlockStart: theme.spacing(1),\n            },\n            \"&:hover\": dateStyles.hover({ theme }),\n            \"&:focus\": dateStyles.focus({ theme }),\n\n            \"&.Mui-selected, &.Mui-selected:focus\": dateStyles.selected({\n              theme,\n            }),\n            \"&.Mui-selected:hover\": dateStyles.hoverSelected({ theme }),\n\n            \"&.Mui-disabled\": dateStyles.disabled({ theme }),\n          },\n        ],\n      },\n    },\n    MuiDateTimePickerToolbar: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          padding: theme.spacing(3),\n        }),\n        dateContainer: ({ theme }) => ({\n          flexDirection: \"row-reverse\",\n\n          button: {\n            \"+ button\": {\n              marginInlineEnd: theme.spacing(2),\n            },\n          },\n        }),\n        timeDigitsContainer: {\n          alignItems: \"center\",\n        },\n        ampmSelection: ({ theme }) => ({\n          margin: 0,\n          marginInlineStart: theme.spacing(3),\n\n          button: {\n            padding: theme.spacing(2),\n\n            \"&:has(.Mui-selected)\": {\n              backgroundColor: theme.palette.primary.main,\n\n              \".Mui-selected\": {\n                color: theme.palette.common.white,\n                \"&::after\": {\n                  display: \"none\",\n                },\n              },\n            },\n          },\n        }),\n        separator: ({ theme }) => ({\n          ...theme.typography.h5,\n          marginBlock: 0,\n          marginInline: theme.spacing(1),\n        }),\n      },\n    },\n    MuiPickersToolbarButton: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          height: \"auto\",\n          padding: 0,\n          margin: 0,\n          border: 0,\n          borderRadius: theme.mixins.borderRadius,\n          backgroundColor: \"transparent\",\n          color: theme.typography.subtitle1.color,\n\n          \"&:hover\": {\n            backgroundColor: \"transparent\",\n          },\n\n          \"& + &\": {\n            marginInlineStart: 0,\n          },\n        }),\n      },\n    },\n    MuiPickersToolbarText: {\n      styleOverrides: {\n        root: ({ theme }) => ({\n          ...theme.typography.h5,\n          position: \"relative\",\n          margin: 0,\n          lineHeight: 1,\n          color: \"inherit\",\n\n          \"&::after\": {\n            position: \"absolute\",\n            left: 0,\n            bottom: 0,\n            width: \"100%\",\n            height: 2,\n            backgroundColor: \"currentColor\",\n            opacity: 0,\n            content: \"''\",\n            transition: \"opacity 100ms, transform 200ms\",\n          },\n\n          \"&.Mui-selected\": {\n            color: theme.typography.body1.color,\n\n            \"&::after\": {\n              transform: \"translateY(2px)\",\n              opacity: 1,\n            },\n          },\n        }),\n      },\n    },\n    MuiTimeClock: {\n      styleOverrides: {\n        arrowSwitcher: {\n          top: 0,\n          right: 0,\n        },\n      },\n    },\n  },\n};\nexport const dateTimePickerTheme = deepmerge(datePickerTheme, theme);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAGA,SAASA,SAAS,QAAQ,YAAY;AAAC,SAG9BC,eAAe,EAAEC,UAAU;AAEpC,MAAMC,KAAmB,GAAG;EAC1BC,UAAU,EAAE;IACVC,QAAQ,EAAE;MACRC,cAAc,EAAE;QACdC,KAAK,EAAEA,CAAC;UAAEJ;QAAM,CAAC,MAAM;UACrBK,KAAK,EAAG,QAAOL,KAAK,CAACM,OAAO,CAAC,CAAC,CAAE,OAAM;UACtCC,MAAM,EAAG,QAAOP,KAAK,CAACM,OAAO,CAAC,CAAC,CAAE,OAAM;UACvCE,eAAe,EAAER,KAAK,CAACS,OAAO,CAACC,IAAI,CAAC,EAAE;QACxC,CAAC,CAAC;QACFC,GAAG,EAAEA,CAAC;UAAEX;QAAM,CAAC,MAAM;UACnBQ,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC;QACzC,CAAC;MACH;IACF,CAAC;IACDC,eAAe,EAAE;MACfX,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpBQ,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC;QACzC,CAAC,CAAC;QACFG,KAAK,EAAEA,CAAC;UAAEhB;QAAM,CAAC,MAAM;UACrBiB,WAAW,EAAEjB,KAAK,CAACS,OAAO,CAACG,OAAO,CAACC,KAAK;UACxCL,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACM;QACzC,CAAC;MACH;IACF,CAAC;IACDC,eAAe,EAAE;MACfhB,cAAc,EAAE;QACdY,IAAI,EAAE;UACJK,OAAO,EAAE,OAAO;UAChBf,KAAK,EAAE;QACT;MACF;IACF,CAAC;IACDgB,uBAAuB,EAAE;MACvBlB,cAAc,EAAE;QACdmB,MAAM,EAAEA,CAAC;UAAEtB;QAAM,CAAC,MAAM;UACtBoB,OAAO,EAAE,MAAM;UACfG,MAAM,EAAE,CAAC;UACTC,OAAO,EAAExB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UACzBmB,KAAK,EAAEzB,KAAK,CAAC0B,UAAU,CAACC,KAAK,CAACF,KAAK;UAEnC,OAAO,EAAE;YACPG,iBAAiB,EAAE5B,KAAK,CAACM,OAAO,CAAC,CAAC;UACpC,CAAC;UAEDuB,GAAG,EAAE;YACHT,OAAO,EAAE;UACX;QACF,CAAC,CAAC;QACFU,MAAM,EAAEA,CAAC;UAAE9B;QAAM,CAAC,MAAM;UACtBK,KAAK,EAAEL,KAAK,CAACM,OAAO,CAAC,CAAC;QACxB,CAAC;MACH;IACF,CAAC;IACDyB,gBAAgB,EAAE;MAChB5B,cAAc,EAAE;QACd6B,cAAc,EAAEA,CAAC;UAAEhC;QAAM,CAAC,MAAM;UAC9BwB,OAAO,EAAExB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UACzB2B,mBAAmB,EAAE;QACvB,CAAC;MACH;IACF,CAAC;IACDC,kCAAkC,EAAE;MAClC/B,cAAc,EAAE;QACdY,IAAI,EAAE;UACJV,KAAK,EAAE;QACT,CAAC;QACD8B,IAAI,EAAEA,CAAC;UAAEnC;QAAM,CAAC,KAAK,CACnBD,UAAU,CAACqC,OAAO,CAAC;UAAEpC;QAAM,CAAC,CAAC,EAC7B;UACEuB,MAAM,EAAE,CAAC;UACTc,YAAY,EAAErC,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UAC9B,OAAO,EAAE;YACPgC,gBAAgB,EAAEtC,KAAK,CAACM,OAAO,CAAC,CAAC;UACnC,CAAC;UACD,SAAS,EAAEP,UAAU,CAACwC,KAAK,CAAC;YAAEvC;UAAM,CAAC,CAAC;UACtC,SAAS,EAAED,UAAU,CAACyC,KAAK,CAAC;YAAExC;UAAM,CAAC,CAAC;UAEtC,sCAAsC,EAAED,UAAU,CAAC0C,QAAQ,CAAC;YAC1DzC;UACF,CAAC,CAAC;UACF,sBAAsB,EAAED,UAAU,CAAC2C,aAAa,CAAC;YAAE1C;UAAM,CAAC,CAAC;UAE3D,gBAAgB,EAAED,UAAU,CAAC4C,QAAQ,CAAC;YAAE3C;UAAM,CAAC;QACjD,CAAC;MAEL;IACF,CAAC;IACD4C,wBAAwB,EAAE;MACxBzC,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpBwB,OAAO,EAAExB,KAAK,CAACM,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;QACFuC,aAAa,EAAEA,CAAC;UAAE7C;QAAM,CAAC,MAAM;UAC7B8C,aAAa,EAAE,aAAa;UAE5BxB,MAAM,EAAE;YACN,UAAU,EAAE;cACVyB,eAAe,EAAE/C,KAAK,CAACM,OAAO,CAAC,CAAC;YAClC;UACF;QACF,CAAC,CAAC;QACF0C,mBAAmB,EAAE;UACnBC,UAAU,EAAE;QACd,CAAC;QACDC,aAAa,EAAEA,CAAC;UAAElD;QAAM,CAAC,MAAM;UAC7BuB,MAAM,EAAE,CAAC;UACTK,iBAAiB,EAAE5B,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;UAEnCgB,MAAM,EAAE;YACNE,OAAO,EAAExB,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC;YAEzB,sBAAsB,EAAE;cACtBE,eAAe,EAAER,KAAK,CAACS,OAAO,CAACG,OAAO,CAACM,IAAI;cAE3C,eAAe,EAAE;gBACfO,KAAK,EAAEzB,KAAK,CAACS,OAAO,CAAC0C,MAAM,CAACC,KAAK;gBACjC,UAAU,EAAE;kBACVhC,OAAO,EAAE;gBACX;cACF;YACF;UACF;QACF,CAAC,CAAC;QACFiC,SAAS,EAAEA,CAAC;UAAErD;QAAM,CAAC,MAAM;UACzB,GAAGA,KAAK,CAAC0B,UAAU,CAAC4B,EAAE;UACtBC,WAAW,EAAE,CAAC;UACdlB,YAAY,EAAErC,KAAK,CAACM,OAAO,CAAC,CAAC;QAC/B,CAAC;MACH;IACF,CAAC;IACDkD,uBAAuB,EAAE;MACvBrD,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpBO,MAAM,EAAE,MAAM;UACdiB,OAAO,EAAE,CAAC;UACVD,MAAM,EAAE,CAAC;UACTkC,MAAM,EAAE,CAAC;UACTC,YAAY,EAAE1D,KAAK,CAAC2D,MAAM,CAACD,YAAY;UACvClD,eAAe,EAAE,aAAa;UAC9BiB,KAAK,EAAEzB,KAAK,CAAC0B,UAAU,CAACkC,SAAS,CAACnC,KAAK;UAEvC,SAAS,EAAE;YACTjB,eAAe,EAAE;UACnB,CAAC;UAED,OAAO,EAAE;YACPoB,iBAAiB,EAAE;UACrB;QACF,CAAC;MACH;IACF,CAAC;IACDiC,qBAAqB,EAAE;MACrB1D,cAAc,EAAE;QACdY,IAAI,EAAEA,CAAC;UAAEf;QAAM,CAAC,MAAM;UACpB,GAAGA,KAAK,CAAC0B,UAAU,CAAC4B,EAAE;UACtBQ,QAAQ,EAAE,UAAU;UACpBvC,MAAM,EAAE,CAAC;UACTwC,UAAU,EAAE,CAAC;UACbtC,KAAK,EAAE,SAAS;UAEhB,UAAU,EAAE;YACVqC,QAAQ,EAAE,UAAU;YACpBE,IAAI,EAAE,CAAC;YACPC,MAAM,EAAE,CAAC;YACT5D,KAAK,EAAE,MAAM;YACbE,MAAM,EAAE,CAAC;YACTC,eAAe,EAAE,cAAc;YAC/B0D,OAAO,EAAE,CAAC;YACVC,OAAO,EAAE,IAAI;YACbC,UAAU,EAAE;UACd,CAAC;UAED,gBAAgB,EAAE;YAChB3C,KAAK,EAAEzB,KAAK,CAAC0B,UAAU,CAACC,KAAK,CAACF,KAAK;YAEnC,UAAU,EAAE;cACV4C,SAAS,EAAE,iBAAiB;cAC5BH,OAAO,EAAE;YACX;UACF;QACF,CAAC;MACH;IACF,CAAC;IACDI,YAAY,EAAE;MACZnE,cAAc,EAAE;QACdoE,aAAa,EAAE;UACbC,GAAG,EAAE,CAAC;UACNC,KAAK,EAAE;QACT;MACF;IACF;EACF;AACF,CAAC;AACD,OAAO,MAAMC,mBAAmB,GAAG7E,SAAS,CAACC,eAAe,EAAEE,KAAK,CAAC"}

package/dist/labs/DatePickers/index.js

@@ -0,0 +1,15 @@
+/*!
+ * Copyright (c) 2022-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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+export * from "./DatePicker.js";
+export * from "./DateTimePicker.js";
+export * from "./datePickerTheme.js";
+//# sourceMappingURL=index.js.map

package/dist/labs/DatePickers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/labs/DatePickers/index.ts"],"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\nexport * from \"./DatePicker\";\nexport * from \"./DateTimePicker\";\nexport * from \"./datePickerTheme\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA;AAAA;AAAA"}

package/dist/labs/DatePickers/useDateFieldsTranslations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDateFieldsTranslations.js","names":["useTranslation","useDateFieldsTranslations","t","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"],"sources":["../../../src/labs/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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"}