@okta/odyssey-react-mui 1.38.0 → 1.40.0

package/dist/cjs/DatePickers/datePickerTheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerTheme.cjs","names":["_index","require","odysseyTokens","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","popupSpacingValue","odysseyTheme","createOdysseyMuiTheme","dateStyles","exports","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 / 14}rem ${\n            4 / 14\n          }rem rgba(29, 29, 33, 0.08), 0 ${4 / 14}rem ${\n            10 / 14\n          }rem rgba(29, 29, 33, 0.08), 0 ${8 / 14}rem ${\n            30 / 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":[]}
+{"version":3,"file":"datePickerTheme.cjs","names":["_index","require","odysseyTokens","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","popupSpacingValue","odysseyTheme","createOdysseyMuiTheme","dateStyles","exports","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 / 14}rem ${\n            4 / 14\n          }rem rgba(29, 29, 33, 0.08), 0 ${4 / 14}rem ${\n            10 / 14\n          }rem rgba(29, 29, 33, 0.08), 0 ${8 / 14}rem ${\n            30 / 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/cjs/Drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs","names":["_react","require","_styled","_interopRequireDefault","_reactI18next","_index","_index2","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","variantValues","exports","DrawerHeader","styled","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","showDividers","HueNeutral200","DrawerContentWrapper","DrawerContent","DrawerFooter","Drawer","ariaLabel","children","isOpen","onClose","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","testId","title","translate","variant","isContentScrollable","setIsContentScrollable","useState","drawerContentRef","useRef","useOdysseyDesignTokens","i18n","useTranslation","anchorDirection","dir","useEffect","frameId","handleContentScroll","drawerContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","dividersVisible","useMemo","hasFooter","jsxs","_Drawer2","anchor","open","sx","transition","tabIndex","ref","jsx","Heading5","Button","onClick","size","startIcon","CloseIcon","MemoizedDrawer","memo","displayName"],"sources":["../../src/Drawer.tsx"],"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 {\n  memo,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Drawer as MuiDrawer } from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"./Buttons/index.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5 } from \"./Typography.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport const variantValues = [\"temporary\", \"persistent\"] as const;\n\nexport type DrawerProps = {\n  /**\n   * An optional Button object to be situated in the Drawerfooter. Should almost always be of variant `primary`.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children?: ReactNode;\n  /**\n   * When set to `true`, the Drawer will be visible.\n   */\n  isOpen?: boolean;\n  /**\n   * Callback that controls what happens when the Drawer is dismissed\n   */\n  onClose: () => void;\n  /**\n   * Shows divider lines separating header, content, and footer (if using action buttons)\n   */\n  showDividers: boolean;\n  /**\n   * The title of the Drawer\n   */\n  title?: string;\n  /**\n   * Type of Drawer\n   */\n  variant?: (typeof variantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\" | \"translate\">;\n\ninterface DrawerStyleProps {\n  odysseyDesignTokens: DesignTokens;\n  showDividers: boolean;\n}\nconst DrawerHeader = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<DrawerStyleProps>`\n  position: sticky;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4}\n    ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n  color: ${({ odysseyDesignTokens }) => odysseyDesignTokens.HueNeutral900};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n  border-bottom: ${({ showDividers, odysseyDesignTokens }) =>\n    showDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n`;\n\nconst DrawerContentWrapper = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>`\n  overflow-y: auto;\n`;\n\nconst DrawerContent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<DrawerStyleProps>`\n  padding: ${({ showDividers, odysseyDesignTokens }) =>\n    showDividers\n      ? `${odysseyDesignTokens.Spacing5}`\n      : `0 ${odysseyDesignTokens.Spacing5}`};\n`;\n\nconst DrawerFooter = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<DrawerStyleProps>`\n  position: sticky;\n  bottom: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  align-content: center;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4};\n  border-top: ${({ showDividers, odysseyDesignTokens }) =>\n    showDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n`;\n\nconst Drawer = ({\n  ariaLabel,\n  children,\n  isOpen,\n  onClose,\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  showDividers = false,\n  tertiaryCallToActionComponent,\n  testId,\n  title,\n  translate,\n  variant = \"temporary\",\n}: DrawerProps) => {\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const drawerContentRef = useRef<HTMLDivElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  //If RTL is set in the theme, align the drawer on the left side of the screen, uses right by default.\n  const { i18n } = useTranslation();\n  const anchorDirection = i18n.dir() === \"rtl\" ? \"left\" : \"right\";\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const drawerContentElement = drawerContentRef.current;\n      if (drawerContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          drawerContentElement.scrollHeight > drawerContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const dividersVisible = useMemo(() => {\n    return showDividers || isContentScrollable;\n  }, [showDividers, isContentScrollable]);\n\n  const hasFooter = useMemo(\n    () =>\n      primaryCallToActionComponent ||\n      secondaryCallToActionComponent ||\n      tertiaryCallToActionComponent,\n    [\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n    ],\n  );\n\n  return (\n    <MuiDrawer\n      data-se={testId}\n      anchor={anchorDirection}\n      open={isOpen}\n      onClose={onClose}\n      variant={variant}\n      sx={{\n        //Overrides defualt MUI inline style\n        ...(variant === \"persistent\" && {\n          \"& .MuiDrawer-paper\": {\n            transition: \"none\",\n          },\n        }),\n      }}\n    >\n      <DrawerContentWrapper\n        {...(isContentScrollable && {\n          //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n          tabIndex: 0,\n        })}\n        odysseyDesignTokens={odysseyDesignTokens}\n        ref={drawerContentRef}\n      >\n        <DrawerHeader\n          translate={translate}\n          odysseyDesignTokens={odysseyDesignTokens}\n          showDividers={dividersVisible}\n        >\n          <Heading5>{title}</Heading5>\n          <Button\n            ariaLabel={ariaLabel}\n            onClick={onClose}\n            size=\"small\"\n            startIcon={<CloseIcon />}\n            variant=\"floating\"\n          />\n        </DrawerHeader>\n        <DrawerContent\n          showDividers={dividersVisible}\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          {children}\n        </DrawerContent>\n      </DrawerContentWrapper>\n      {hasFooter && (\n        <DrawerFooter\n          odysseyDesignTokens={odysseyDesignTokens}\n          showDividers={dividersVisible}\n        >\n          {tertiaryCallToActionComponent}\n          {secondaryCallToActionComponent}\n          {primaryCallToActionComponent}\n        </DrawerFooter>\n      )}\n    </MuiDrawer>\n  );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Drawer.cjs","names":["_react","require","_styled","_interopRequireDefault","_reactI18next","_index","_index2","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","variantValues","exports","DrawerHeader","styled","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","showDividers","HueNeutral200","DrawerContentWrapper","DrawerContent","DrawerFooter","Drawer","ariaLabel","children","isOpen","onClose","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","testId","title","translate","variant","isContentScrollable","setIsContentScrollable","useState","drawerContentRef","useRef","useOdysseyDesignTokens","i18n","useTranslation","anchorDirection","dir","useEffect","frameId","handleContentScroll","drawerContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","dividersVisible","useMemo","hasFooter","jsxs","_Drawer2","anchor","open","sx","transition","tabIndex","ref","jsx","Heading5","Button","onClick","size","startIcon","CloseIcon","MemoizedDrawer","memo","displayName"],"sources":["../../src/Drawer.tsx"],"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 {\n  memo,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Drawer as MuiDrawer } from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"./Buttons/index.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5 } from \"./Typography.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport const variantValues = [\"temporary\", \"persistent\"] as const;\n\nexport type DrawerProps = {\n  /**\n   * An optional Button object to be situated in the Drawerfooter. Should almost always be of variant `primary`.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children?: ReactNode;\n  /**\n   * When set to `true`, the Drawer will be visible.\n   */\n  isOpen?: boolean;\n  /**\n   * Callback that controls what happens when the Drawer is dismissed\n   */\n  onClose: () => void;\n  /**\n   * Shows divider lines separating header, content, and footer (if using action buttons)\n   */\n  showDividers: boolean;\n  /**\n   * The title of the Drawer\n   */\n  title?: string;\n  /**\n   * Type of Drawer\n   */\n  variant?: (typeof variantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\" | \"translate\">;\n\ninterface DrawerStyleProps {\n  odysseyDesignTokens: DesignTokens;\n  showDividers: boolean;\n}\nconst DrawerHeader = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<DrawerStyleProps>`\n  position: sticky;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4}\n    ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n  color: ${({ odysseyDesignTokens }) => odysseyDesignTokens.HueNeutral900};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n  border-bottom: ${({ showDividers, odysseyDesignTokens }) =>\n    showDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n`;\n\nconst DrawerContentWrapper = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>`\n  overflow-y: auto;\n`;\n\nconst DrawerContent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<DrawerStyleProps>`\n  padding: ${({ showDividers, odysseyDesignTokens }) =>\n    showDividers\n      ? `${odysseyDesignTokens.Spacing5}`\n      : `0 ${odysseyDesignTokens.Spacing5}`};\n`;\n\nconst DrawerFooter = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<DrawerStyleProps>`\n  position: sticky;\n  bottom: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  align-content: center;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4};\n  border-top: ${({ showDividers, odysseyDesignTokens }) =>\n    showDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n`;\n\nconst Drawer = ({\n  ariaLabel,\n  children,\n  isOpen,\n  onClose,\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  showDividers = false,\n  tertiaryCallToActionComponent,\n  testId,\n  title,\n  translate,\n  variant = \"temporary\",\n}: DrawerProps) => {\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const drawerContentRef = useRef<HTMLDivElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  //If RTL is set in the theme, align the drawer on the left side of the screen, uses right by default.\n  const { i18n } = useTranslation();\n  const anchorDirection = i18n.dir() === \"rtl\" ? \"left\" : \"right\";\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const drawerContentElement = drawerContentRef.current;\n      if (drawerContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          drawerContentElement.scrollHeight > drawerContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const dividersVisible = useMemo(() => {\n    return showDividers || isContentScrollable;\n  }, [showDividers, isContentScrollable]);\n\n  const hasFooter = useMemo(\n    () =>\n      primaryCallToActionComponent ||\n      secondaryCallToActionComponent ||\n      tertiaryCallToActionComponent,\n    [\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n    ],\n  );\n\n  return (\n    <MuiDrawer\n      data-se={testId}\n      anchor={anchorDirection}\n      open={isOpen}\n      onClose={onClose}\n      variant={variant}\n      sx={{\n        //Overrides default MUI inline style\n        ...(variant === \"persistent\" && {\n          \"& .MuiDrawer-paper\": {\n            transition: \"none\",\n          },\n        }),\n      }}\n    >\n      <DrawerContentWrapper\n        {...(isContentScrollable && {\n          //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n          tabIndex: 0,\n        })}\n        odysseyDesignTokens={odysseyDesignTokens}\n        ref={drawerContentRef}\n      >\n        <DrawerHeader\n          translate={translate}\n          odysseyDesignTokens={odysseyDesignTokens}\n          showDividers={dividersVisible}\n        >\n          <Heading5>{title}</Heading5>\n          <Button\n            ariaLabel={ariaLabel}\n            onClick={onClose}\n            size=\"small\"\n            startIcon={<CloseIcon />}\n            variant=\"floating\"\n          />\n        </DrawerHeader>\n        <DrawerContent\n          showDividers={dividersVisible}\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          {children}\n        </DrawerContent>\n      </DrawerContentWrapper>\n      {hasFooter && (\n        <DrawerFooter\n          odysseyDesignTokens={odysseyDesignTokens}\n          showDividers={dividersVisible}\n        >\n          {tertiaryCallToActionComponent}\n          {secondaryCallToActionComponent}\n          {primaryCallToActionComponent}\n        </DrawerFooter>\n      )}\n    </MuiDrawer>\n  );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/NativeSelect.cjs

@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Field = require("./Field.cjs");
 var _inputUtils = require("./inputUtils.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.

package/dist/cjs/NativeSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.cjs","names":["_react","_interopRequireWildcard","require","_Field","_inputUtils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_interopRequireDefault","NativeSelect","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","label","onBlur","onChange","onChangeProp","onFocus","testId","translate","value","children","ref","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","localInputRef","useImperativeHandle","focus","current","inputValues","useInputValues","controlState","useCallback","event","child","useMemo","undefined","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_Select2","autoComplete","inputProps","name","multiple","native","Field","fieldType","hasVisibleLabel","MemoizedNativeSelect","exports","memo","displayName"],"sources":["../../src/NativeSelect.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 React, {\n  InputHTMLAttributes,\n  ReactElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n} from \"@mui/material\";\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type NativeSelectOption = {\n  text: string;\n  value?: string;\n  type?: \"heading\" | \"option\";\n};\n\nexport type NativeSelectValueType<HasMultipleChoices> =\n  HasMultipleChoices extends true ? string[] : string;\n\nexport type NativeSelectProps<\n  Value extends NativeSelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n> = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The options or optgroup elements within the NativeSelect\n   */\n  children?: ReactElement<\"option\"> | ReactElement<\"optgroup\">;\n  /**\n   * The default value of the NativeSelect. Use when component is uncontrolled\n   */\n  defaultValue?: Value;\n  /**\n   * If `true`, the Select allows multiple selections\n   */\n  hasMultipleChoices?: HasMultipleChoices;\n  /**\n   * The ref forwarded to the NativeSelect\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * @deprecated Use `hasMultipleChoices` instead\n   */\n  /** **Deprecated:** use `hasMultipleChoices` */\n  isMultiSelect?: HasMultipleChoices;\n  /**\n   * The label text for the NativeSelect\n   */\n  label: string;\n  /**\n   * Callback fired when the NativeSelect loses focus\n   */\n  onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n  /**\n   * Callback fired when the value of the NativeSelect changes\n   */\n  onChange?: MuiSelectProps<Value>[\"onChange\"];\n  /**\n   * Callback fired when the NativeSelect gains focus\n   */\n  onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n  options: Value;\n  /**\n   * The value or values selected in the NativeSelect. Use when component is controlled\n   */\n  value?: Value;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype NativeSelectRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"labelElementId\">;\n\nconst NativeSelect = forwardRef(\n  <\n    Value extends NativeSelectValueType<HasMultipleChoices>,\n    HasMultipleChoices extends boolean,\n  >(\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices: hasMultipleChoicesProp,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiSelect,\n      isOptional = false,\n      label,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      testId,\n      translate,\n      value,\n      children,\n    }: NativeSelectProps<Value, HasMultipleChoices>,\n    ref?: React.Ref<ReactElement>,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const localInputRef = useRef<HTMLSelectElement>(null);\n\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const onChange = useCallback<\n      NonNullable<MuiSelectProps<Value>[\"onChange\"]>\n    >(\n      (event, child) => {\n        onChangeProp?.(event, child);\n      },\n      [onChangeProp],\n    );\n\n    const hasMultipleChoices = useMemo(\n      () =>\n        hasMultipleChoicesProp === undefined\n          ? isMultiSelect\n          : hasMultipleChoicesProp,\n      [hasMultipleChoicesProp, isMultiSelect],\n    );\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        labelElementId,\n      }: NativeSelectRenderProps) => (\n        <MuiSelect\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          children={children}\n          id={idOverride}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n          }}\n          inputRef={localInputRef}\n          name={idOverride}\n          multiple={hasMultipleChoices}\n          native={true}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          ref={ref}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        children,\n        idOverride,\n        inputValues,\n        hasMultipleChoices,\n        onBlur,\n        onChange,\n        onFocus,\n        ref,\n        testId,\n        translate,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedNativeSelect = memo(NativeSelect);\nMemoizedNativeSelect.displayName = \"NativeSelect\";\n\nexport { MemoizedNativeSelect as NativeSelect };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NativeSelect.cjs","names":["_react","_interopRequireWildcard","require","_Field","_inputUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","NativeSelect","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasMultipleChoices","hasMultipleChoicesProp","hint","HintLinkComponent","id","idOverride","inputRef","isDisabled","isFullWidth","isMultiSelect","isOptional","label","onBlur","onChange","onChangeProp","onFocus","testId","translate","value","children","ref","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","localInputRef","useImperativeHandle","focus","current","inputValues","useInputValues","controlState","useCallback","event","child","useMemo","undefined","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_Select2","autoComplete","inputProps","name","multiple","native","Field","fieldType","hasVisibleLabel","MemoizedNativeSelect","exports","memo","displayName"],"sources":["../../src/NativeSelect.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 React, {\n  InputHTMLAttributes,\n  ReactElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n} from \"@mui/material\";\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type NativeSelectOption = {\n  text: string;\n  value?: string;\n  type?: \"heading\" | \"option\";\n};\n\nexport type NativeSelectValueType<HasMultipleChoices> =\n  HasMultipleChoices extends true ? string[] : string;\n\nexport type NativeSelectProps<\n  Value extends NativeSelectValueType<HasMultipleChoices>,\n  HasMultipleChoices extends boolean,\n> = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * The options or optgroup elements within the NativeSelect\n   */\n  children?: ReactElement<\"option\"> | ReactElement<\"optgroup\">;\n  /**\n   * The default value of the NativeSelect. Use when component is uncontrolled\n   */\n  defaultValue?: Value;\n  /**\n   * If `true`, the Select allows multiple selections\n   */\n  hasMultipleChoices?: HasMultipleChoices;\n  /**\n   * The ref forwarded to the NativeSelect\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * @deprecated Use `hasMultipleChoices` instead\n   */\n  /** **Deprecated:** use `hasMultipleChoices` */\n  isMultiSelect?: HasMultipleChoices;\n  /**\n   * The label text for the NativeSelect\n   */\n  label: string;\n  /**\n   * Callback fired when the NativeSelect loses focus\n   */\n  onBlur?: MuiSelectProps<Value>[\"onBlur\"];\n  /**\n   * Callback fired when the value of the NativeSelect changes\n   */\n  onChange?: MuiSelectProps<Value>[\"onChange\"];\n  /**\n   * Callback fired when the NativeSelect gains focus\n   */\n  onFocus?: MuiSelectProps<Value>[\"onFocus\"];\n  options: Value;\n  /**\n   * The value or values selected in the NativeSelect. Use when component is controlled\n   */\n  value?: Value;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype NativeSelectRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"labelElementId\">;\n\nconst NativeSelect = forwardRef(\n  <\n    Value extends NativeSelectValueType<HasMultipleChoices>,\n    HasMultipleChoices extends boolean,\n  >(\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasMultipleChoices: hasMultipleChoicesProp,\n      hint,\n      HintLinkComponent,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isMultiSelect,\n      isOptional = false,\n      label,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      testId,\n      translate,\n      value,\n      children,\n    }: NativeSelectProps<Value, HasMultipleChoices>,\n    ref?: React.Ref<ReactElement>,\n  ) => {\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const localInputRef = useRef<HTMLSelectElement>(null);\n\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const onChange = useCallback<\n      NonNullable<MuiSelectProps<Value>[\"onChange\"]>\n    >(\n      (event, child) => {\n        onChangeProp?.(event, child);\n      },\n      [onChangeProp],\n    );\n\n    const hasMultipleChoices = useMemo(\n      () =>\n        hasMultipleChoicesProp === undefined\n          ? isMultiSelect\n          : hasMultipleChoicesProp,\n      [hasMultipleChoicesProp, isMultiSelect],\n    );\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        labelElementId,\n      }: NativeSelectRenderProps) => (\n        <MuiSelect\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          children={children}\n          id={idOverride}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n          }}\n          inputRef={localInputRef}\n          name={idOverride}\n          multiple={hasMultipleChoices}\n          native={true}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          ref={ref}\n          translate={translate}\n        />\n      ),\n      [\n        autoCompleteType,\n        children,\n        idOverride,\n        inputValues,\n        hasMultipleChoices,\n        onBlur,\n        onChange,\n        onFocus,\n        ref,\n        testId,\n        translate,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedNativeSelect = memo(NativeSelect);\nMemoizedNativeSelect.displayName = \"NativeSelect\";\n\nexport { MemoizedNativeSelect as NativeSelect };\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAcA,IAAAC,MAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AAA+E,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,uBAAAnB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAhC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuGA,MAAMoB,YAAY,GAAG,IAAAC,iBAAU,EAC7B,CAIE;EACEC,eAAe;EACfC,gBAAgB;EAChBC,YAAY;EACZC,YAAY;EACZC,gBAAgB;EAChBC,kBAAkB,EAAEC,sBAAsB;EAC1CC,IAAI;EACJC,iBAAiB;EACjBC,EAAE,EAAEC,UAAU;EACdC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,WAAW,GAAG,KAAK;EACnBC,aAAa;EACbC,UAAU,GAAG,KAAK;EAClBC,KAAK;EACLC,MAAM;EACNC,QAAQ,EAAEC,YAAY;EACtBC,OAAO;EACPC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC;AAC4C,CAAC,EAC/CC,GAA6B,KAC1B;EACH,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAC/B,IAAAC,2BAAe,EAAC;IACdC,eAAe,EAAEN,KAAK;IACtBO,iBAAiB,EAAE5B;EACrB,CAAC,CACH,CAAC;EACD,MAAM6B,aAAa,GAAG,IAAAJ,aAAM,EAAoB,IAAI,CAAC;EAErD,IAAAK,0BAAmB,EAACrB,QAAQ,EAAE,MAAM;IAClC,OAAO;MACLsB,KAAK,EAAEA,CAAA,KAAM;QACXF,aAAa,CAACG,OAAO,EAAED,KAAK,CAAC,CAAC;MAChC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,WAAW,GAAG,IAAAC,0BAAc,EAAC;IACjClC,YAAY;IACZqB,KAAK;IACLc,YAAY,EAAEX,kBAAkB,CAACQ;EACnC,CAAC,CAAC;EAEF,MAAMhB,QAAQ,GAAG,IAAAoB,kBAAW,EAG1B,CAACC,KAAK,EAAEC,KAAK,KAAK;IAChBrB,YAAY,GAAGoB,KAAK,EAAEC,KAAK,CAAC;EAC9B,CAAC,EACD,CAACrB,YAAY,CACf,CAAC;EAED,MAAMd,kBAAkB,GAAG,IAAAoC,cAAO,EAChC,MACEnC,sBAAsB,KAAKoC,SAAS,GAChC5B,aAAa,GACbR,sBAAsB,EAC5B,CAACA,sBAAsB,EAAEQ,aAAa,CACxC,CAAC;EACD,MAAM6B,oBAAoB,GAAG,IAAAL,kBAAW,EACtC,CAAC;IACCtC,eAAe;IACf4C,qBAAqB;IACrBC;EACuB,CAAC,KACxB,IAAApE,WAAA,CAAAqE,GAAA,EAAAC,QAAA,CAAA3D,OAAA;IAAA,GACM+C,WAAW;IACf,oBAAkBnC,eAAgB;IAClCgD,YAAY,EAAE/C,gBAAiB;IAC/BuB,QAAQ,EAAEA,QAAS;IACnBf,EAAE,EAAEC,UAAW;IACfuC,UAAU,EAAE;MACV,mBAAmB,EAAEL,qBAAqB;MAC1C,iBAAiB,EAAEC,cAAc;MACjC,SAAS,EAAExB;IACb,CAAE;IACFV,QAAQ,EAAEoB,aAAc;IACxBmB,IAAI,EAAExC,UAAW;IACjByC,QAAQ,EAAE9C,kBAAmB;IAC7B+C,MAAM,EAAE,IAAK;IACbnC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBE,OAAO,EAAEA,OAAQ;IACjBK,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEA;EAAU,CACtB,CACF,EACD,CACErB,gBAAgB,EAChBuB,QAAQ,EACRd,UAAU,EACVyB,WAAW,EACX9B,kBAAkB,EAClBY,MAAM,EACNC,QAAQ,EACRE,OAAO,EACPK,GAAG,EACHJ,MAAM,EACNC,SAAS,CAEb,CAAC;EAED,OACE,IAAA7C,WAAA,CAAAqE,GAAA,EAACvE,MAAA,CAAA8E,KAAK;IACJrD,eAAe,EAAEA,eAAgB;IACjCG,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnCkD,SAAS,EAAC,QAAQ;IAClBC,eAAe;IACfhD,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IACrCC,EAAE,EAAEC,UAAW;IACfE,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBE,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACb2B,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CACF,CAAC;AAED,MAAMa,oBAAoB,GAAAC,OAAA,CAAA3D,YAAA,GAAG,IAAA4D,WAAI,EAAC5D,YAAY,CAAC;AAC/C0D,oBAAoB,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/cjs/OdysseyDesignTokensContext.cjs

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useOdysseyDesignTokens = exports.defaultOdysseyDesignTokensContextValue = exports.OdysseyDesignTokensContext = void 0;
 var odysseyDesignTokens = _interopRequireWildcard(require("@okta/odyssey-design-tokens"));
 var _react = require("react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /*!
  * 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.")

package/dist/cjs/OdysseyDesignTokensContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyDesignTokensContext.cjs","names":["odysseyDesignTokens","_interopRequireWildcard","require","_react","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultOdysseyDesignTokensContextValue","exports","OdysseyDesignTokensContext","createContext","useOdysseyDesignTokens","useContext"],"sources":["../../src/OdysseyDesignTokensContext.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 * as odysseyDesignTokens from \"@okta/odyssey-design-tokens\";\nimport { createContext, useContext } from \"react\";\n\nexport type DesignTokens = typeof odysseyDesignTokens;\nexport const defaultOdysseyDesignTokensContextValue = odysseyDesignTokens;\nexport const OdysseyDesignTokensContext = createContext(\n  defaultOdysseyDesignTokensContextValue,\n);\n\nexport const useOdysseyDesignTokens = () =>\n  useContext(OdysseyDesignTokensContext);\n"],"mappings":";;;;;;AAYA,IAAAA,mBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAblD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMW,sCAAsC,GAAAC,OAAA,CAAAD,sCAAA,GAAGxB,mBAAmB;AAClE,MAAM0B,0BAA0B,GAAAD,OAAA,CAAAC,0BAAA,GAAG,IAAAC,oBAAa,EACrDH,sCACF,CAAC;AAEM,MAAMI,sBAAsB,GAAGA,CAAA,KACpC,IAAAC,iBAAU,EAACH,0BAA0B,CAAC;AAACD,OAAA,CAAAG,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"file":"OdysseyDesignTokensContext.cjs","names":["odysseyDesignTokens","_interopRequireWildcard","require","_react","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultOdysseyDesignTokensContextValue","exports","OdysseyDesignTokensContext","createContext","useOdysseyDesignTokens","useContext"],"sources":["../../src/OdysseyDesignTokensContext.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 * as odysseyDesignTokens from \"@okta/odyssey-design-tokens\";\nimport { createContext, useContext } from \"react\";\n\nexport type DesignTokens = typeof odysseyDesignTokens;\nexport const defaultOdysseyDesignTokensContextValue = odysseyDesignTokens;\nexport const OdysseyDesignTokensContext = createContext(\n  defaultOdysseyDesignTokensContextValue,\n);\n\nexport const useOdysseyDesignTokens = () =>\n  useContext(OdysseyDesignTokensContext);\n"],"mappings":";;;;;;AAYA,IAAAA,mBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAblD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMkB,sCAAsC,GAAAC,OAAA,CAAAD,sCAAA,GAAGvB,mBAAmB;AAClE,MAAMyB,0BAA0B,GAAAD,OAAA,CAAAC,0BAAA,GAAG,IAAAC,oBAAa,EACrDH,sCACF,CAAC;AAEM,MAAMI,sBAAsB,GAAGA,CAAA,KACpC,IAAAC,iBAAU,EAACH,0BAA0B,CAAC;AAACD,OAAA,CAAAG,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/OdysseyThemeProvider.cjs

@@ -13,8 +13,7 @@ var Tokens = _interopRequireWildcard(require("@okta/odyssey-design-tokens"));
 var _useContrastMode = require("./useContrastMode.cjs");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.

package/dist/cjs/OdysseyThemeProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyThemeProvider.cjs","names":["_react","require","_styles","_utils","_styled","_interopRequireDefault","_index","Tokens","_interopRequireWildcard","_useContrastMode","_OdysseyDesignTokensContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledContrastContainerStyles","styled","height","OdysseyThemeProvider","children","contrastMode","explicitContrastMode","designTokensOverride","shadowDomElement","shadowRootElement","themeOverride","contrastContainerRef","useContrastMode","odysseyTokens","useMemo","effectiveShadowRootElement","odysseyTheme","createOdysseyMuiTheme","customOdysseyTheme","createTheme","deepmerge","contrastModeProviderValue","jsx","ref","ContrastModeContext","Provider","value","ThemeProvider","theme","OdysseyDesignTokensContext","displayName","MemoizedOdysseyThemeProvider","exports","memo"],"sources":["../../src/OdysseyThemeProvider.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 { memo, ReactNode, useMemo } from \"react\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { ThemeOptions } from \"@mui/material\";\nimport { deepmerge } from \"@mui/utils\";\nimport styled from \"@emotion/styled\";\nimport { createOdysseyMuiTheme, DesignTokensOverride } from \"./theme/index.js\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nimport {\n  ContrastMode,\n  ContrastModeContext,\n  useContrastMode,\n} from \"./useContrastMode.js\";\nimport { OdysseyDesignTokensContext } from \"./OdysseyDesignTokensContext.js\";\n\nconst StyledContrastContainerStyles = styled(\"div\")({\n  height: \"inherit\",\n});\n\nexport type OdysseyThemeProviderProps = {\n  children: ReactNode;\n  contrastMode?: ContrastMode;\n  designTokensOverride?: DesignTokensOverride;\n  /** @deprecated Use shadowRootElement instead */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\n  shadowRootElement?: HTMLDivElement | HTMLElement;\n  themeOverride?: ThemeOptions;\n};\n\n/**\n * This function doesn't include the Emotion Cache or Translations. You should probably be using `OdysseyProvider`.\n *\n * Some teams have a need to wrap separately (SIW), but most teams will never need to use this explicitly.\n */\nconst OdysseyThemeProvider = ({\n  children,\n  contrastMode: explicitContrastMode,\n  designTokensOverride,\n  shadowDomElement,\n  shadowRootElement,\n  themeOverride,\n}: OdysseyThemeProviderProps) => {\n  const { contrastMode, contrastContainerRef } = useContrastMode({\n    contrastMode: explicitContrastMode,\n  });\n\n  const odysseyTokens = useMemo(\n    () => ({ ...Tokens, ...designTokensOverride }),\n    [designTokensOverride],\n  );\n\n  const effectiveShadowRootElement = shadowRootElement || shadowDomElement;\n\n  const odysseyTheme = useMemo(\n    () =>\n      createOdysseyMuiTheme({\n        contrastMode,\n        odysseyTokens,\n        shadowRootElement: effectiveShadowRootElement,\n      }),\n    [contrastMode, odysseyTokens, effectiveShadowRootElement],\n  );\n\n  const customOdysseyTheme = useMemo(\n    () => createTheme(deepmerge(odysseyTheme, themeOverride || {})),\n    [odysseyTheme, themeOverride],\n  );\n\n  const contrastModeProviderValue = useMemo(\n    () => ({\n      contrastMode,\n    }),\n    [contrastMode],\n  );\n\n  return (\n    <StyledContrastContainerStyles ref={contrastContainerRef}>\n      <ContrastModeContext.Provider value={contrastModeProviderValue}>\n        <MuiThemeProvider theme={customOdysseyTheme}>\n          <OdysseyDesignTokensContext.Provider value={odysseyTokens}>\n            {children}\n          </OdysseyDesignTokensContext.Provider>\n        </MuiThemeProvider>\n      </ContrastModeContext.Provider>\n    </StyledContrastContainerStyles>\n  );\n};\nOdysseyThemeProvider.displayName = \"OdysseyThemeProvider\";\n\nconst MemoizedOdysseyThemeProvider = memo(\n  OdysseyThemeProvider,\n) as typeof OdysseyThemeProvider;\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OdysseyThemeProvider.cjs","names":["_react","require","_styles","_utils","_styled","_interopRequireDefault","_index","Tokens","_interopRequireWildcard","_useContrastMode","_OdysseyDesignTokensContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledContrastContainerStyles","styled","height","OdysseyThemeProvider","children","contrastMode","explicitContrastMode","designTokensOverride","shadowDomElement","shadowRootElement","themeOverride","contrastContainerRef","useContrastMode","odysseyTokens","useMemo","effectiveShadowRootElement","odysseyTheme","createOdysseyMuiTheme","customOdysseyTheme","createTheme","deepmerge","contrastModeProviderValue","jsx","ref","ContrastModeContext","Provider","value","ThemeProvider","theme","OdysseyDesignTokensContext","displayName","MemoizedOdysseyThemeProvider","exports","memo"],"sources":["../../src/OdysseyThemeProvider.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 { memo, ReactNode, useMemo } from \"react\";\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { ThemeOptions } from \"@mui/material\";\nimport { deepmerge } from \"@mui/utils\";\nimport styled from \"@emotion/styled\";\nimport { createOdysseyMuiTheme, DesignTokensOverride } from \"./theme/index.js\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nimport {\n  ContrastMode,\n  ContrastModeContext,\n  useContrastMode,\n} from \"./useContrastMode.js\";\nimport { OdysseyDesignTokensContext } from \"./OdysseyDesignTokensContext.js\";\n\nconst StyledContrastContainerStyles = styled(\"div\")({\n  height: \"inherit\",\n});\n\nexport type OdysseyThemeProviderProps = {\n  children: ReactNode;\n  contrastMode?: ContrastMode;\n  designTokensOverride?: DesignTokensOverride;\n  /** @deprecated Use shadowRootElement instead */\n  shadowDomElement?: HTMLDivElement | HTMLElement;\n  shadowRootElement?: HTMLDivElement | HTMLElement;\n  themeOverride?: ThemeOptions;\n};\n\n/**\n * This function doesn't include the Emotion Cache or Translations. You should probably be using `OdysseyProvider`.\n *\n * Some teams have a need to wrap separately (SIW), but most teams will never need to use this explicitly.\n */\nconst OdysseyThemeProvider = ({\n  children,\n  contrastMode: explicitContrastMode,\n  designTokensOverride,\n  shadowDomElement,\n  shadowRootElement,\n  themeOverride,\n}: OdysseyThemeProviderProps) => {\n  const { contrastMode, contrastContainerRef } = useContrastMode({\n    contrastMode: explicitContrastMode,\n  });\n\n  const odysseyTokens = useMemo(\n    () => ({ ...Tokens, ...designTokensOverride }),\n    [designTokensOverride],\n  );\n\n  const effectiveShadowRootElement = shadowRootElement || shadowDomElement;\n\n  const odysseyTheme = useMemo(\n    () =>\n      createOdysseyMuiTheme({\n        contrastMode,\n        odysseyTokens,\n        shadowRootElement: effectiveShadowRootElement,\n      }),\n    [contrastMode, odysseyTokens, effectiveShadowRootElement],\n  );\n\n  const customOdysseyTheme = useMemo(\n    () => createTheme(deepmerge(odysseyTheme, themeOverride || {})),\n    [odysseyTheme, themeOverride],\n  );\n\n  const contrastModeProviderValue = useMemo(\n    () => ({\n      contrastMode,\n    }),\n    [contrastMode],\n  );\n\n  return (\n    <StyledContrastContainerStyles ref={contrastContainerRef}>\n      <ContrastModeContext.Provider value={contrastModeProviderValue}>\n        <MuiThemeProvider theme={customOdysseyTheme}>\n          <OdysseyDesignTokensContext.Provider value={odysseyTokens}>\n            {children}\n          </OdysseyDesignTokensContext.Provider>\n        </MuiThemeProvider>\n      </ContrastModeContext.Provider>\n    </StyledContrastContainerStyles>\n  );\n};\nOdysseyThemeProvider.displayName = \"OdysseyThemeProvider\";\n\nconst MemoizedOdysseyThemeProvider = memo(\n  OdysseyThemeProvider,\n) as typeof OdysseyThemeProvider;\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Pagination/Pagination.cjs

@@ -144,7 +144,7 @@ const Pagination = ({
   const handlePageSubmit = (0, _react.useCallback)(event => {
     if (event.key === "Enter") {
       onPaginationChange({
-        pageIndex: parseInt(event.currentTarget.value),
+        pageIndex: Number(event.currentTarget.value),
         pageSize: rowsPerPage
       });
     }
@@ -153,16 +153,16 @@ const Pagination = ({
     if (event.key === "Enter") {
       onPaginationChange({
         pageIndex: page,
-        pageSize: parseInt(event.currentTarget.value)
+        pageSize: Number(event.currentTarget.value)
       });
     }
   }, [page, onPaginationChange]);
   const setPageFromEvent = (0, _react.useCallback)(event => {
-    const value = maxPageIndex ? Math.min(parseInt(event.target.value), maxPageIndex) : parseInt(event.target.value);
-    setPage(value);
+    const value = maxPageIndex ? Math.min(Number(event.target.value), maxPageIndex) : Number(event.target.value);
+    setPage(Math.max(1, value));
   }, [setPage, maxPageIndex]);
   const setRowsPerPageFromEvent = (0, _react.useCallback)(event => {
-    const value = maxPageSize ? Math.min(parseInt(event.target.value), maxPageSize) : parseInt(event.target.value);
+    const value = maxPageSize ? Math.min(Number(event.target.value), maxPageSize) : Number(event.target.value);
     setRowsPerPage(Math.max(1, value));
   }, [setRowsPerPage, maxPageSize]);
   const handleLoadMore = (0, _react.useCallback)(() => {

package/dist/cjs/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Box","_index","_index2","_OdysseyDesignTokensContext","_usePagination","_Typography","_jsxRuntime","e","__esModule","default","PaginationContainer","styled","display","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","alignItems","gap","Spacing4","Spacing2","PaginationInput","_InputBase2","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","Pagination","currentPageLabel","currentPageLabelProp","currentRowsCount","hasPageInput","hasRowCountInput","hasRowCountLabel","isDisabled","isMoreDisabled","lastRow","loadMoreLabel","loadMoreLabelProp","maxPageIndex","maxPageSize","nextLabel","nextLabelProp","onPaginationChange","onPaginationChangeProp","pageIndex","pageSize","previousLabel","previousLabelProp","rowsPerPageLabel","rowsPerPageLabelProp","totalRows","variant","useOdysseyDesignTokens","t","useTranslation","page","setPage","useState","rowsPerPage","setRowsPerPage","initialRowsPerPage","useRef","useEffect","useCallback","totalRowsLabel","usePagination","handlePaginationChange","updatedPage","updatedRowsPerPage","Math","ceil","handlePageSubmit","event","key","parseInt","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","min","target","setRowsPerPageFromEvent","max","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","useMemo","nextButtonDisabled","previousButtonDisabled","rowsPerPageInputProps","currentPageInputProps","jsxs","children","Box","jsx","Paragraph","component","color","type","onChange","onBlur","onKeyDown","disabled","inputProps","Button","startIcon","ArrowLeftIcon","size","ariaLabel","onClick","endIcon","ArrowRightIcon","label","MemoizedPagination","exports","memo","displayName"],"sources":["../../../src/Pagination/Pagination.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { InputBase } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/index.js\";\nimport { paginationTypeValues } from \"./constants.js\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { usePagination } from \"./usePagination.js\";\nimport { Paragraph } from \"../Typography.js\";\nimport \"../i18n.js\";\n\nconst PaginationContainer = styled(\"nav\")({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n});\n\nconst PaginationSegment = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing4,\n  \"& > div\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: odysseyDesignTokens.Spacing2,\n  },\n}));\n\nconst PaginationInput = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  borderColor: odysseyDesignTokens.HueNeutral200,\n  borderRadius: odysseyDesignTokens.BorderRadiusTight,\n  height: odysseyDesignTokens.Spacing6,\n  width: \"4.5714285714rem\", // This is a hardcoded value, keep as string\n  \"&:hover\": {\n    borderColor: odysseyDesignTokens.HueNeutral400,\n  },\n  \"&.Mui-focused:hover\": {\n    borderColor: odysseyDesignTokens.PalettePrimaryMain,\n  },\n}));\n\nconst PaginationButtonContainer = styled(\"div\")({\n  \"& > *\": {\n    marginInlineStart: `0 !important`,\n  },\n});\n\nexport type PaginationProps = {\n  /**\n   * The labeled rendered for the current page index\n   */\n  currentPageLabel?: string;\n  /**\n   * The number of items currently visible on the page\n   */\n  currentRowsCount?: number;\n  /**\n   * If true, the page input will be visible and the user can directly manipulate which page\n   * is visible.\n   */\n  hasPageInput?: boolean;\n  /**\n   * If true, the row count input will be visible and the user can directly manipulate how many rows\n   * are visible.\n   */\n  hasRowCountInput?: boolean;\n  /**\n   * If true, the \"X - X of total X\" label will be visible\n   */\n  hasRowCountLabel?: boolean;\n  /**\n   * If true, the pagination controls will be disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, the next or Show More button will be disabled\n   */\n  isMoreDisabled?: boolean;\n  /**\n   * The current page last row index\n   */\n  lastRow?: number;\n  /**\n   * If the pagination is of \"loadMore\" variant, then this is the the load more label\n   */\n  loadMoreLabel?: string;\n  /**\n   * The max page\n   */\n  maxPageIndex?: number;\n  /**\n   * The max rows per page\n   */\n  maxPageSize?: number;\n  /**\n   * The label for the next control\n   */\n  nextLabel?: string;\n  /**\n   * Page index and page size setter\n   */\n  onPaginationChange: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  /**\n   * The current page index\n   */\n  pageIndex: number;\n  /**\n   * The current page size\n   */\n  pageSize: number;\n  /**\n   * The label for the previous control\n   */\n  previousLabel?: string;\n  /**\n   * The label that shows how many results are rendered per page\n   */\n  rowsPerPageLabel?: string;\n  /**\n   * Total rows count\n   */\n  totalRows?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  variant?: (typeof paginationTypeValues)[number];\n};\n\nconst Pagination = ({\n  currentPageLabel: currentPageLabelProp,\n  currentRowsCount,\n  hasPageInput = true,\n  hasRowCountInput = true,\n  hasRowCountLabel = true,\n  isDisabled,\n  isMoreDisabled,\n  lastRow,\n  loadMoreLabel: loadMoreLabelProp,\n  maxPageIndex,\n  maxPageSize,\n  nextLabel: nextLabelProp,\n  onPaginationChange: onPaginationChangeProp,\n  pageIndex,\n  pageSize,\n  previousLabel: previousLabelProp,\n  rowsPerPageLabel: rowsPerPageLabelProp,\n  totalRows,\n  variant,\n}: PaginationProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [page, setPage] = useState<number>(pageIndex);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(pageSize);\n  const initialRowsPerPage = useRef<number>(pageSize);\n\n  const currentPageLabel = currentPageLabelProp ?? t(\"pagination.page\");\n  const loadMoreLabel = loadMoreLabelProp ?? t(\"pagination.loadmore\");\n  const nextLabel = nextLabelProp ?? t(\"pagination.next\");\n  const previousLabel = previousLabelProp ?? t(\"pagination.previous\");\n  const rowsPerPageLabel = rowsPerPageLabelProp ?? t(\"pagination.rowsperpage\");\n\n  useEffect(() => {\n    setPage(pageIndex);\n    setRowsPerPage(pageSize);\n  }, [pageIndex, pageSize]);\n\n  const onPaginationChange = useCallback(\n    ({ pageIndex, pageSize }: { pageIndex: number; pageSize: number }) => {\n      onPaginationChangeProp({ pageIndex, pageSize });\n    },\n    [onPaginationChangeProp],\n  );\n\n  const { totalRowsLabel } = usePagination({\n    pageIndex,\n    pageSize,\n    currentRowsCount: currentRowsCount || 0,\n    totalRows,\n  });\n\n  const handlePaginationChange = useCallback(() => {\n    let updatedPage = page;\n    let updatedRowsPerPage = rowsPerPage;\n\n    if (totalRows) {\n      const maxPageIndex = Math.ceil(totalRows / updatedRowsPerPage);\n\n      // Ensure rowsPerPage does not exceed totalRows\n      if (updatedRowsPerPage > totalRows) {\n        updatedRowsPerPage = totalRows;\n      }\n\n      // Ensure page is within valid range\n      if (updatedPage > maxPageIndex) {\n        updatedPage = maxPageIndex;\n      } else if (updatedPage < 1) {\n        updatedPage = 1;\n      }\n    }\n\n    onPaginationChange({\n      pageIndex: updatedPage,\n      pageSize: updatedRowsPerPage,\n    });\n  }, [page, rowsPerPage, onPaginationChange, totalRows]);\n\n  // The following handlers use React.KeyboardEvent (rather than just KeyboardEvent) becuase React.KeyboardEvent\n  // is generic, while plain KeyboardEvent is not. We need this generic so we can specify the HTMLInputElement,\n  // which allows us to use currentTarget.value\n  const handlePageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: parseInt(event.currentTarget.value),\n          pageSize: rowsPerPage,\n        });\n      }\n    },\n    [rowsPerPage, onPaginationChange],\n  );\n\n  const handleRowsPerPageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: page,\n          pageSize: parseInt(event.currentTarget.value),\n        });\n      }\n    },\n    [page, onPaginationChange],\n  );\n\n  const setPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageIndex\n        ? Math.min(parseInt(event.target.value), maxPageIndex)\n        : parseInt(event.target.value);\n      setPage(value);\n    },\n    [setPage, maxPageIndex],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageSize\n        ? Math.min(parseInt(event.target.value), maxPageSize)\n        : parseInt(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setRowsPerPage(Math.max(1, value));\n    },\n    [setRowsPerPage, maxPageSize],\n  );\n\n  const handleLoadMore = useCallback(() => {\n    onPaginationChange({\n      pageIndex: 1,\n      pageSize: rowsPerPage + initialRowsPerPage.current,\n    });\n  }, [rowsPerPage, onPaginationChange]);\n\n  const handleNextButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page + 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const handlePreviousButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page - 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const loadMoreIsDisabled = useMemo(() => {\n    return isMoreDisabled || (totalRows ? rowsPerPage >= totalRows : false);\n  }, [isMoreDisabled, rowsPerPage, totalRows]);\n\n  const nextButtonDisabled = useMemo(\n    () =>\n      isMoreDisabled ||\n      (lastRow && (totalRows ? lastRow >= totalRows : false)) ||\n      isDisabled,\n    [isMoreDisabled, totalRows, lastRow, isDisabled],\n  );\n\n  const previousButtonDisabled = useMemo(\n    () => pageIndex <= 1 || isDisabled,\n    [pageIndex, isDisabled],\n  );\n\n  const rowsPerPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": rowsPerPageLabel,\n      max: maxPageSize || totalRows,\n    }),\n    [maxPageSize, rowsPerPageLabel, totalRows],\n  );\n\n  const currentPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": currentPageLabel,\n      max: maxPageIndex,\n    }),\n    [currentPageLabel, maxPageIndex],\n  );\n\n  return variant === \"paged\" ? (\n    <PaginationContainer aria-label={t(\"pagination.label\")}>\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {hasRowCountInput && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {rowsPerPageLabel}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={rowsPerPage}\n              onChange={setRowsPerPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handleRowsPerPageSubmit}\n              disabled={isDisabled}\n              inputProps={rowsPerPageInputProps}\n            />\n          </Box>\n        )}\n        {hasRowCountLabel && (\n          <Paragraph component=\"span\" color=\"textSecondary\">\n            {totalRowsLabel}\n          </Paragraph>\n        )}\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && hasPageInput && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {currentPageLabel}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={page}\n              onChange={setPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handlePageSubmit}\n              disabled={isDisabled}\n              inputProps={currentPageInputProps}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={previousLabel}\n            onClick={handlePreviousButton}\n            isDisabled={previousButtonDisabled}\n          />\n          <Button\n            endIcon={<ArrowRightIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={nextLabel}\n            onClick={handleNextButton}\n            isDisabled={nextButtonDisabled}\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      variant=\"secondary\"\n      label={loadMoreLabel}\n      onClick={handleLoadMore}\n      isDisabled={loadMoreIsDisabled}\n    />\n  );\n};\n\nconst MemoizedPagination = memo(Pagination);\nMemoizedPagination.displayName = \"Pagination\";\n\nexport { MemoizedPagination as Pagination };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Pagination.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Box","_index","_index2","_OdysseyDesignTokensContext","_usePagination","_Typography","_jsxRuntime","e","__esModule","default","PaginationContainer","styled","display","justifyContent","PaginationSegment","shouldForwardProp","prop","odysseyDesignTokens","alignItems","gap","Spacing4","Spacing2","PaginationInput","_InputBase2","borderColor","HueNeutral200","borderRadius","BorderRadiusTight","height","Spacing6","width","HueNeutral400","PalettePrimaryMain","PaginationButtonContainer","marginInlineStart","Pagination","currentPageLabel","currentPageLabelProp","currentRowsCount","hasPageInput","hasRowCountInput","hasRowCountLabel","isDisabled","isMoreDisabled","lastRow","loadMoreLabel","loadMoreLabelProp","maxPageIndex","maxPageSize","nextLabel","nextLabelProp","onPaginationChange","onPaginationChangeProp","pageIndex","pageSize","previousLabel","previousLabelProp","rowsPerPageLabel","rowsPerPageLabelProp","totalRows","variant","useOdysseyDesignTokens","t","useTranslation","page","setPage","useState","rowsPerPage","setRowsPerPage","initialRowsPerPage","useRef","useEffect","useCallback","totalRowsLabel","usePagination","handlePaginationChange","updatedPage","updatedRowsPerPage","Math","ceil","handlePageSubmit","event","key","Number","currentTarget","value","handleRowsPerPageSubmit","setPageFromEvent","min","target","max","setRowsPerPageFromEvent","handleLoadMore","current","handleNextButton","handlePreviousButton","loadMoreIsDisabled","useMemo","nextButtonDisabled","previousButtonDisabled","rowsPerPageInputProps","currentPageInputProps","jsxs","children","Box","jsx","Paragraph","component","color","type","onChange","onBlur","onKeyDown","disabled","inputProps","Button","startIcon","ArrowLeftIcon","size","ariaLabel","onClick","endIcon","ArrowRightIcon","label","MemoizedPagination","exports","memo","displayName"],"sources":["../../../src/Pagination/Pagination.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { InputBase } from \"@mui/material\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"../Box.js\";\nimport { Button } from \"../Buttons/index.js\";\nimport { paginationTypeValues } from \"./constants.js\";\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { usePagination } from \"./usePagination.js\";\nimport { Paragraph } from \"../Typography.js\";\nimport \"../i18n.js\";\n\nconst PaginationContainer = styled(\"nav\")({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n});\n\nconst PaginationSegment = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: odysseyDesignTokens.Spacing4,\n  \"& > div\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: odysseyDesignTokens.Spacing2,\n  },\n}));\n\nconst PaginationInput = styled(InputBase, {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  borderColor: odysseyDesignTokens.HueNeutral200,\n  borderRadius: odysseyDesignTokens.BorderRadiusTight,\n  height: odysseyDesignTokens.Spacing6,\n  width: \"4.5714285714rem\", // This is a hardcoded value, keep as string\n  \"&:hover\": {\n    borderColor: odysseyDesignTokens.HueNeutral400,\n  },\n  \"&.Mui-focused:hover\": {\n    borderColor: odysseyDesignTokens.PalettePrimaryMain,\n  },\n}));\n\nconst PaginationButtonContainer = styled(\"div\")({\n  \"& > *\": {\n    marginInlineStart: `0 !important`,\n  },\n});\n\nexport type PaginationProps = {\n  /**\n   * The labeled rendered for the current page index\n   */\n  currentPageLabel?: string;\n  /**\n   * The number of items currently visible on the page\n   */\n  currentRowsCount?: number;\n  /**\n   * If true, the page input will be visible and the user can directly manipulate which page\n   * is visible.\n   */\n  hasPageInput?: boolean;\n  /**\n   * If true, the row count input will be visible and the user can directly manipulate how many rows\n   * are visible.\n   */\n  hasRowCountInput?: boolean;\n  /**\n   * If true, the \"X - X of total X\" label will be visible\n   */\n  hasRowCountLabel?: boolean;\n  /**\n   * If true, the pagination controls will be disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, the next or Show More button will be disabled\n   */\n  isMoreDisabled?: boolean;\n  /**\n   * The current page last row index\n   */\n  lastRow?: number;\n  /**\n   * If the pagination is of \"loadMore\" variant, then this is the the load more label\n   */\n  loadMoreLabel?: string;\n  /**\n   * The max page\n   */\n  maxPageIndex?: number;\n  /**\n   * The max rows per page\n   */\n  maxPageSize?: number;\n  /**\n   * The label for the next control\n   */\n  nextLabel?: string;\n  /**\n   * Page index and page size setter\n   */\n  onPaginationChange: ({\n    pageIndex,\n    pageSize,\n  }: {\n    pageIndex: number;\n    pageSize: number;\n  }) => void;\n  /**\n   * The current page index\n   */\n  pageIndex: number;\n  /**\n   * The current page size\n   */\n  pageSize: number;\n  /**\n   * The label for the previous control\n   */\n  previousLabel?: string;\n  /**\n   * The label that shows how many results are rendered per page\n   */\n  rowsPerPageLabel?: string;\n  /**\n   * Total rows count\n   */\n  totalRows?: number;\n  /**\n   * The type of pagination controls shown. Defaults to next/prev buttons, but can be\n   * set to a simple \"Load more\" button by setting to \"loadMore\".\n   */\n  variant?: (typeof paginationTypeValues)[number];\n};\n\nconst Pagination = ({\n  currentPageLabel: currentPageLabelProp,\n  currentRowsCount,\n  hasPageInput = true,\n  hasRowCountInput = true,\n  hasRowCountLabel = true,\n  isDisabled,\n  isMoreDisabled,\n  lastRow,\n  loadMoreLabel: loadMoreLabelProp,\n  maxPageIndex,\n  maxPageSize,\n  nextLabel: nextLabelProp,\n  onPaginationChange: onPaginationChangeProp,\n  pageIndex,\n  pageSize,\n  previousLabel: previousLabelProp,\n  rowsPerPageLabel: rowsPerPageLabelProp,\n  totalRows,\n  variant,\n}: PaginationProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const [page, setPage] = useState<number>(pageIndex);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(pageSize);\n  const initialRowsPerPage = useRef<number>(pageSize);\n\n  const currentPageLabel = currentPageLabelProp ?? t(\"pagination.page\");\n  const loadMoreLabel = loadMoreLabelProp ?? t(\"pagination.loadmore\");\n  const nextLabel = nextLabelProp ?? t(\"pagination.next\");\n  const previousLabel = previousLabelProp ?? t(\"pagination.previous\");\n  const rowsPerPageLabel = rowsPerPageLabelProp ?? t(\"pagination.rowsperpage\");\n\n  useEffect(() => {\n    setPage(pageIndex);\n    setRowsPerPage(pageSize);\n  }, [pageIndex, pageSize]);\n\n  const onPaginationChange = useCallback(\n    ({ pageIndex, pageSize }: { pageIndex: number; pageSize: number }) => {\n      onPaginationChangeProp({ pageIndex, pageSize });\n    },\n    [onPaginationChangeProp],\n  );\n\n  const { totalRowsLabel } = usePagination({\n    pageIndex,\n    pageSize,\n    currentRowsCount: currentRowsCount || 0,\n    totalRows,\n  });\n\n  const handlePaginationChange = useCallback(() => {\n    let updatedPage = page;\n    let updatedRowsPerPage = rowsPerPage;\n\n    if (totalRows) {\n      const maxPageIndex = Math.ceil(totalRows / updatedRowsPerPage);\n\n      // Ensure rowsPerPage does not exceed totalRows\n      if (updatedRowsPerPage > totalRows) {\n        updatedRowsPerPage = totalRows;\n      }\n\n      // Ensure page is within valid range\n      if (updatedPage > maxPageIndex) {\n        updatedPage = maxPageIndex;\n      } else if (updatedPage < 1) {\n        updatedPage = 1;\n      }\n    }\n\n    onPaginationChange({\n      pageIndex: updatedPage,\n      pageSize: updatedRowsPerPage,\n    });\n  }, [page, rowsPerPage, onPaginationChange, totalRows]);\n\n  // The following handlers use React.KeyboardEvent (rather than just KeyboardEvent) because React.KeyboardEvent\n  // is generic, while plain KeyboardEvent is not. We need this generic so we can specify the HTMLInputElement,\n  // which allows us to use currentTarget.value\n  const handlePageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: Number(event.currentTarget.value),\n          pageSize: rowsPerPage,\n        });\n      }\n    },\n    [rowsPerPage, onPaginationChange],\n  );\n\n  const handleRowsPerPageSubmit = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      if (event.key === \"Enter\") {\n        onPaginationChange({\n          pageIndex: page,\n          pageSize: Number(event.currentTarget.value),\n        });\n      }\n    },\n    [page, onPaginationChange],\n  );\n\n  const setPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageIndex\n        ? Math.min(Number(event.target.value), maxPageIndex)\n        : Number(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setPage(Math.max(1, value));\n    },\n    [setPage, maxPageIndex],\n  );\n\n  const setRowsPerPageFromEvent = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = maxPageSize\n        ? Math.min(Number(event.target.value), maxPageSize)\n        : Number(event.target.value);\n\n      // Ensure the value can't be less than 1\n      setRowsPerPage(Math.max(1, value));\n    },\n    [setRowsPerPage, maxPageSize],\n  );\n\n  const handleLoadMore = useCallback(() => {\n    onPaginationChange({\n      pageIndex: 1,\n      pageSize: rowsPerPage + initialRowsPerPage.current,\n    });\n  }, [rowsPerPage, onPaginationChange]);\n\n  const handleNextButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page + 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const handlePreviousButton = useCallback(() => {\n    onPaginationChange({ pageIndex: page - 1, pageSize: rowsPerPage });\n  }, [onPaginationChange, page, rowsPerPage]);\n\n  const loadMoreIsDisabled = useMemo(() => {\n    return isMoreDisabled || (totalRows ? rowsPerPage >= totalRows : false);\n  }, [isMoreDisabled, rowsPerPage, totalRows]);\n\n  const nextButtonDisabled = useMemo(\n    () =>\n      isMoreDisabled ||\n      (lastRow && (totalRows ? lastRow >= totalRows : false)) ||\n      isDisabled,\n    [isMoreDisabled, totalRows, lastRow, isDisabled],\n  );\n\n  const previousButtonDisabled = useMemo(\n    () => pageIndex <= 1 || isDisabled,\n    [pageIndex, isDisabled],\n  );\n\n  const rowsPerPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": rowsPerPageLabel,\n      max: maxPageSize || totalRows,\n    }),\n    [maxPageSize, rowsPerPageLabel, totalRows],\n  );\n\n  const currentPageInputProps = useMemo(\n    () => ({\n      \"aria-label\": currentPageLabel,\n      max: maxPageIndex,\n    }),\n    [currentPageLabel, maxPageIndex],\n  );\n\n  return variant === \"paged\" ? (\n    <PaginationContainer aria-label={t(\"pagination.label\")}>\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {hasRowCountInput && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {rowsPerPageLabel}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={rowsPerPage}\n              onChange={setRowsPerPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handleRowsPerPageSubmit}\n              disabled={isDisabled}\n              inputProps={rowsPerPageInputProps}\n            />\n          </Box>\n        )}\n        {hasRowCountLabel && (\n          <Paragraph component=\"span\" color=\"textSecondary\">\n            {totalRowsLabel}\n          </Paragraph>\n        )}\n      </PaginationSegment>\n\n      <PaginationSegment odysseyDesignTokens={odysseyDesignTokens}>\n        {totalRows && hasPageInput && (\n          <Box>\n            <Paragraph component=\"span\" color=\"textSecondary\">\n              {currentPageLabel}\n            </Paragraph>\n            <PaginationInput\n              odysseyDesignTokens={odysseyDesignTokens}\n              type=\"number\"\n              value={page}\n              onChange={setPageFromEvent}\n              onBlur={handlePaginationChange}\n              onKeyDown={handlePageSubmit}\n              disabled={isDisabled}\n              inputProps={currentPageInputProps}\n            />\n          </Box>\n        )}\n        <PaginationButtonContainer>\n          <Button\n            startIcon={<ArrowLeftIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={previousLabel}\n            onClick={handlePreviousButton}\n            isDisabled={previousButtonDisabled}\n          />\n          <Button\n            endIcon={<ArrowRightIcon />}\n            variant=\"floating\"\n            size=\"small\"\n            ariaLabel={nextLabel}\n            onClick={handleNextButton}\n            isDisabled={nextButtonDisabled}\n          />\n        </PaginationButtonContainer>\n      </PaginationSegment>\n    </PaginationContainer>\n  ) : (\n    <Button\n      variant=\"secondary\"\n      label={loadMoreLabel}\n      onClick={handleLoadMore}\n      isDisabled={loadMoreIsDisabled}\n    />\n  );\n};\n\nconst MemoizedPagination = memo(Pagination);\nMemoizedPagination.displayName = \"Pagination\";\n\nexport { MemoizedPagination as Pagination };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/RadioGroup.cjs

@@ -10,8 +10,7 @@ var _Field = require("./Field.cjs");
 var _inputUtils = require("./inputUtils.cjs");
 var _Radio = require("./Radio.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.