@okta/odyssey-react-mui 1.28.1 → 1.32.0

package/dist/esm/DatePickers/datePickerTheme.js

@@ -0,0 +1,433 @@
+/*!
+ * 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 { createOdysseyMuiTheme } from "../theme/index.js";
+import * as odysseyTokens from "@okta/odyssey-design-tokens";
+const popupSpacingValue = 5;
+const odysseyTheme = createOdysseyMuiTheme({
+  odysseyTokens
+});
+export const dateStyles = {
+  default: ({
+    theme
+  }) => ({
+    color: theme.palette.text.primary
+  }),
+  disabled: ({
+    theme
+  }) => ({
+    backgroundColor: "transparent",
+    color: theme.palette.text.disabled
+  }),
+  hover: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.grey[100]
+  }),
+  focus: ({
+    theme
+  }) => ({
+    backgroundColor: "transparent",
+    boxShadow: `0 0 0 2px ${theme.palette.common.white}, 0 0 0 4px ${theme.palette.primary.main}`,
+    outline: "2px solid transparent",
+    outlineOffset: "1px"
+  }),
+  hoverSelected: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.primary.dark,
+    color: theme.palette.primary.contrastText
+  }),
+  outsideOfMonth: ({
+    theme
+  }) => ({
+    backgroundColor: "transparent",
+    color: theme.palette.grey[400]
+  }),
+  selected: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.primary.main,
+    color: theme.palette.primary.contrastText,
+    border: "none"
+  }),
+  today: ({
+    theme
+  }) => ({
+    backgroundColor: "transparent",
+    color: theme.palette.primary.main,
+    border: "none"
+  })
+};
+const todayDotStyles = {
+  default: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.primary.main,
+    borderRadius: "50%",
+    bottom: theme.spacing(1),
+    content: '" "',
+    height: `${2 / theme.typography.fontSize}em`,
+    position: "absolute",
+    transform: "translateY(-50%)",
+    width: `${2 / theme.typography.fontSize}em`
+  }),
+  hover: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.primary.main
+  }),
+  selected: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.primary.contrastText
+  })
+};
+const yearStyles = {
+  default: ({
+    theme
+  }) => ({
+    backgroundColor: "transparent",
+    color: theme.palette.text.primary,
+    paddingBlock: theme.spacing(3),
+    paddingInline: theme.spacing(4),
+    width: "auto",
+    height: "auto"
+  }),
+  disabled: ({
+    theme
+  }) => ({
+    backgroundColor: "transparent",
+    color: theme.palette.text.disabled
+  }),
+  hover: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.grey[100]
+  }),
+  hoverSelected: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.primary.lighter,
+    color: theme.palette.primary.main
+  }),
+  outsideOfMonth: ({
+    theme
+  }) => ({
+    backgroundColor: "transparent",
+    color: theme.palette.text.secondary
+  }),
+  selected: ({
+    theme
+  }) => ({
+    backgroundColor: "transparent",
+    color: theme.palette.primary.main
+  })
+};
+const yearCheckStyles = {
+  default: ({
+    theme
+  }) => ({
+    backgroundColor: theme.palette.primary.main,
+    content: '""',
+    height: theme.typography.h6.fontSize,
+    maskImage: "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\")",
+    maskPosition: "50% 50%",
+    maskRepeat: "no-repeat",
+    position: "absolute",
+    right: theme.spacing(4),
+    width: theme.spacing(4)
+  })
+};
+export const datePickerTheme = {
+  components: {
+    MuiDateCalendar: {
+      styleOverrides: {
+        root: () => ({
+          width: "100%"
+        })
+      }
+    },
+    MuiPickersLayout: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          display: "block",
+          width: "calc(100vw - 64px)",
+          maxWidth: theme.mixins.maxWidth
+        }),
+        contentWrapper: ({
+          theme
+        }) => ({
+          width: "100%",
+          paddingInline: theme.spacing(3),
+          "@media (pointer: fine)": {
+            borderColor: theme.palette.divider,
+            borderStyle: theme.mixins.borderStyle,
+            borderWidth: theme.mixins.borderWidth,
+            borderRadius: theme.mixins.borderRadius,
+            paddingBlock: theme.spacing(6),
+            paddingInline: theme.spacing(6)
+          }
+        })
+      }
+    },
+    MuiDatePickerToolbar: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          paddingInline: theme.spacing(4),
+          paddingBlock: theme.spacing(4)
+        }),
+        title: ({
+          theme
+        }) => ({
+          marginBlockStart: theme.spacing(1),
+          marginBlockEnd: 0
+        })
+      }
+    },
+    MuiDayCalendar: {
+      styleOverrides: {
+        header: ({
+          theme
+        }) => ({
+          justifyContent: "space-between",
+          marginBlockStart: theme.spacing(5),
+          paddingInline: theme.spacing(1)
+        }),
+        monthContainer: ({
+          theme
+        }) => ({
+          paddingBlock: theme.spacing(1),
+          paddingInline: theme.spacing(1)
+        }),
+        weekContainer: ({
+          theme
+        }) => ({
+          justifyContent: "space-between",
+          marginBottom: theme.spacing(1),
+          marginLeft: 0,
+          marginRight: 0,
+          padding: 0,
+          gap: theme.spacing(1),
+          "&:last-child": {
+            marginBottom: 0
+          }
+        }),
+        weekDayLabel: ({
+          theme
+        }) => ({
+          color: theme.palette.grey[900],
+          flexShrink: 0,
+          marginBottom: theme.spacing(2),
+          marginLeft: 0,
+          marginRight: 0,
+          width: theme.spacing(6),
+          height: "auto",
+          fontSize: theme.typography.overline.fontSize,
+          fontWeight: theme.typography.overline.fontWeight,
+          lineHeight: theme.typography.overline.lineHeight,
+          letterSpacing: theme.typography.overline.letterSpacing,
+          textTransform: theme.typography.overline.textTransform
+        })
+      }
+    },
+    MuiDatePicker: {
+      defaultProps: {
+        slotProps: {
+          popper: {
+            popperOptions: {
+              placement: "bottom-start"
+            }
+          }
+        },
+        showDaysOutsideCurrentMonth: true,
+        views: ["year", "day"]
+      }
+    },
+    MuiPickersCalendarHeader: {
+      styleOverrides: {
+        label: ({
+          theme
+        }) => ({
+          ...theme.typography.h5,
+          margin: 0
+        }),
+        root: ({
+          theme
+        }) => ({
+          justifyContent: "space-between",
+          marginBlockEnd: 0,
+          marginBlockStart: 0,
+          maxHeight: theme.spacing(8),
+          minHeight: theme.spacing(8),
+          paddingInline: theme.spacing(1),
+          paddingBlockStart: theme.spacing(1),
+          paddingBlockEnd: theme.spacing(4),
+          width: "auto",
+          borderBottom: `1px solid ${theme.palette.grey[100]}`
+        }),
+        labelContainer: {
+          marginRight: 0,
+          overflow: "visible"
+        },
+        switchViewButton: ({
+          theme
+        }) => ({
+          marginInlineStart: theme.spacing(1)
+        })
+      }
+    },
+    MuiPickersDay: {
+      styleOverrides: {
+        dayWithMargin: () => ({
+          marginLeft: 0,
+          marginRight: 0
+        }),
+        root: ({
+          theme
+        }) => [dateStyles.default({
+          theme
+        }), {
+          border: "none",
+          borderRadius: theme.mixins.borderRadius,
+          flexBasis: theme.spacing(6),
+          flexShrink: 0,
+          fontSize: theme.typography.body1.fontSize,
+          height: theme.spacing(6),
+          width: theme.spacing(6),
+          "&.MuiPickersDay-today": [dateStyles.today({
+            theme
+          }), {
+            fontWeight: theme.typography.fontWeightBold
+          }],
+          "&.MuiPickersDay-today::after": todayDotStyles.default({
+            theme
+          }),
+          "&.MuiPickersDay-today.Mui-selected::after": todayDotStyles.selected({
+            theme
+          }),
+          "&.MuiPickersDay-dayOutsideMonth": dateStyles.outsideOfMonth({
+            theme
+          }),
+          "&: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
+          })
+        }]
+      }
+    },
+    MuiPickersPopper: {
+      styleOverrides: {
+        paper: ({
+          theme
+        }) => ({
+          boxShadow: `0 ${1 / 16 * (16 / 14)}rem ${4 / 16 * (16 / 14)}rem rgba(29, 29, 33, 0.08), 0 ${4 / 16 * (16 / 14)}rem ${10 / 16 * (16 / 14)}rem rgba(29, 29, 33, 0.08), 0 ${8 / 16 * (16 / 14)}rem ${30 / 16 * (16 / 14)}rem rgba(29, 29, 33, 0.1)`,
+          marginTop: theme.spacing(1)
+        })
+      }
+    },
+    MuiYearCalendar: {
+      styleOverrides: {
+        root: ({
+          theme
+        }) => ({
+          display: "block",
+          width: "auto",
+          maxHeight: `${284 / 14}rem`,
+          marginBottom: `-${theme.spacing(popupSpacingValue)}`,
+          marginInlineEnd: 0,
+          paddingInline: 0
+        })
+      }
+    },
+    MuiPickersYear: {
+      styleOverrides: {
+        root: () => ({
+          width: "100%",
+          justifyContent: "flex-start"
+        }),
+        yearButton: ({
+          theme
+        }) => [yearStyles.default({
+          theme
+        }), {
+          position: "relative",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "flex-start",
+          width: "100%",
+          marginBottom: 0,
+          marginTop: 0,
+          paddingBlock: theme.spacing(3),
+          paddingInline: theme.spacing(4),
+          borderRadius: theme.shape.borderRadius,
+          fontSize: theme.typography.body1.fontSize,
+          "&:hover": yearStyles.hover({
+            theme
+          }),
+          "&:not(.Mui-selected)": {
+            border: "none"
+          },
+          "&.Mui-disabled": yearStyles.disabled({
+            theme
+          })
+        }],
+        selected: ({
+          theme
+        }) => ({
+          "&, &:focus": yearStyles.selected({
+            theme
+          }),
+          "&:hover": yearStyles.hoverSelected({
+            theme
+          }),
+          "&::after": yearCheckStyles.default({
+            theme
+          })
+        })
+      }
+    },
+    MuiPickersArrowSwitcher: {
+      styleOverrides: {
+        root: {
+          ":dir(rtl)": {
+            flexDirection: "row-reverse"
+          }
+        },
+        spacer: ({
+          theme
+        }) => ({
+          width: theme.spacing(3)
+        }),
+        button: {
+          margin: 0
+        }
+      }
+    }
+  }
+};
+//# sourceMappingURL=datePickerTheme.js.map

package/dist/esm/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/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/index.js\";\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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","ignoreList":[]}

package/dist/esm/DatePickers/index.js

@@ -0,0 +1,16 @@
+/*!
+ * 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 "./datePickerTheme.js";
+export * from "./TimeZonePicker.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/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.js\";\nexport * from \"./datePickerTheme.js\";\nexport * from \"./TimeZonePicker.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,cAAc,iBAAiB;AAC/B,cAAc,sBAAsB;AACpC,cAAc,qBAAqB","ignoreList":[]}

package/dist/esm/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/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":[]}

package/dist/esm/DatePickers/useOdysseyDateFields.js

@@ -0,0 +1,134 @@
+/*!
+ * 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.")
+ *
+ * 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 { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { DateTime } from "luxon";
+import { useTranslation } from "react-i18next";
+import { ArrowLeftIcon, ArrowRightIcon, CalendarIcon, ChevronDownIcon } from "../icons.generated/index.js";
+import { ComponentControlledState, getControlState } from "../inputUtils.js";
+import { useDateFieldsTranslations } from "./useDateFieldsTranslations.js";
+const {
+  CONTROLLED
+} = ComponentControlledState;
+const isValidDateTime = dateTime => dateTime.isValid;
+const utcDateTimeFromIsoString = dateString => DateTime.fromISO(dateString).toUTC();
+export const useOdysseyDateFields = ({
+  defaultValue,
+  isDateEnabled = () => true,
+  isMonthEnabled = () => true,
+  isYearEnabled = () => true,
+  minDate: minDateProp,
+  maxDate: maxDateProp,
+  onInputChange: onInputChangeProp,
+  timeZone = "system",
+  value
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [popperElement, setPopperElement] = useState();
+  const [internalTimeZone, setInternalTimeZone] = useState(timeZone);
+  const internalValueRef = useRef(null);
+  const [validationDateRanges, setValidationDateRanges] = useState({
+    minDate: undefined,
+    maxDate: undefined
+  });
+  useEffect(() => {
+    const minDate = minDateProp ? DateTime.fromISO(minDateProp) : undefined;
+    const maxDate = maxDateProp ? DateTime.fromISO(maxDateProp) : undefined;
+    setValidationDateRanges({
+      minDate: minDate && isValidDateTime(minDate) ? minDate.startOf("day") : undefined,
+      maxDate: maxDate && isValidDateTime(maxDate) ? maxDate.startOf("day") : undefined
+    });
+  }, [minDateProp, maxDateProp]);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    language
+  } = i18n;
+  const invalidLocales = ["ok_PL", "ok_SK"];
+  const isInvalidLocale = invalidLocales.includes(language) || language.includes("@");
+  const localeText = useDateFieldsTranslations();
+  const controlledStateRef = useRef(getControlState({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const defaultedLanguageCode = isInvalidLocale ? "en-US" : language.replaceAll("_", "-");
+  const isValidTimeZone = timeZone => DateTime.local().setZone(timeZone).isValid;
+  const formatDateTimeToUtcIsoDateString = useCallback(value => value.toUTC().toISO() || undefined, []);
+  const shouldDisableDate = useCallback(date => !isDateEnabled(new Date(date?.toJSDate())) || false, [isDateEnabled]);
+  const shouldDisableMonth = useCallback(date => !isMonthEnabled(new Date(date?.toJSDate())) || false, [isMonthEnabled]);
+  const shouldDisableYear = useCallback(date => !isYearEnabled(new Date(date?.toJSDate())) || false, [isYearEnabled]);
+  const inputValues = useMemo(() => {
+    if (value && controlledStateRef.current === CONTROLLED) {
+      const valueAsUTCDateTime = utcDateTimeFromIsoString(value);
+      if (isValidDateTime(valueAsUTCDateTime)) {
+        return {
+          value: valueAsUTCDateTime
+        };
+      }
+    }
+    if (defaultValue) {
+      const defaultValueAsUTCDateTime = utcDateTimeFromIsoString(defaultValue);
+      if (isValidDateTime(defaultValueAsUTCDateTime)) {
+        return {
+          defaultValue: defaultValueAsUTCDateTime
+        };
+      }
+    }
+    return null;
+  }, [defaultValue, validationDateRanges, value]);
+  const onTimeZoneChange = useCallback(timeZone => {
+    if (timeZone && isValidTimeZone(timeZone)) {
+      setInternalTimeZone(timeZone);
+    }
+  }, [isValidTimeZone, setInternalTimeZone]);
+  const toggleCalendarVisibility = useCallback(() => setIsOpen(!isOpen), [isOpen, setIsOpen]);
+  const closeCalendar = useCallback(() => {
+    setIsOpen(false);
+  }, [setIsOpen]);
+  const formatDayOfWeek = date => date.toFormat("EEE");
+  const onInputChange = useCallback(value => {
+    onInputChangeProp?.(value);
+  }, [onInputChangeProp]);
+  const commonIcons = {
+    ArrowLeftIcon: ArrowLeftIcon,
+    ArrowRightIcon: ArrowRightIcon,
+    CalendarIcon: CalendarIcon,
+    ChevronDownIcon: ChevronDownIcon
+  };
+  return {
+    closeCalendar,
+    commonIcons,
+    defaultedLanguageCode,
+    formatDateTimeToUtcIsoDateString,
+    formatDayOfWeek,
+    inputValues,
+    internalTimeZone,
+    internalValueRef,
+    isOpen,
+    isValidTimeZone,
+    localeText,
+    maxDate: validationDateRanges.maxDate,
+    minDate: validationDateRanges.minDate,
+    popperElement,
+    onInputChange,
+    onTimeZoneChange,
+    setInternalTimeZone,
+    setIsOpen,
+    setPopperElement,
+    shouldDisableDate,
+    shouldDisableMonth,
+    shouldDisableYear,
+    toggleCalendarVisibility
+  };
+};
+//# sourceMappingURL=useOdysseyDateFields.js.map