npm - @okta/odyssey-react-mui - Versions diffs - 1.56.0 → 1.57.0 - Mend

@okta/odyssey-react-mui 1.56.0 → 1.57.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1151) hide show

package/dist/cjs/Stack.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stack.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","stackSpacingValues","exports","stackDirectionValues","Stack","children","direction","spacing","jsx","_Stack2","MemoizedStack","memo","displayName"],"sources":["../../src/Stack.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 { Stack as MuiStack, StackProps as MuiStackProps } from \"@mui/material\";\nimport { memo } from \"react\";\n\nexport const stackSpacingValues = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] as const;\nexport const stackDirectionValues = [\n \"row\",\n \"row-reverse\",\n \"column\",\n \"column-reverse\",\n] as const;\n\nexport type OdysseyStackProps = {\n children?: MuiStackProps[\"children\"];\n /\n The component used for the root node. Either a string to use a HTML element or a component.\n /\n component?: MuiStackProps[\"component\"];\n /\n Defines the flex-direction style property. It is applied for all screen sizes.\n /\n direction?: (typeof stackDirectionValues)[number];\n /\n Defines the space between immediate children.\n */\n spacing?: (typeof stackSpacingValues)[number];\n sx?: MuiStackProps[\"sx\"];\n};\n\nconst Stack = ({\n children,\n direction = \"column\",\n spacing = 2,\n}: OdysseyStackProps) => {\n return (\n <MuiStack direction={direction} spacing={spacing}>\n {children}\n </MuiStack>\n );\n};\n\nconst MemoizedStack = memo(Stack);\nMemoizedStack.displayName = \"Stack\";\n\nexport { MemoizedStack as Stack };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAb7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU;AAClE,MAAME,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,CAClC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,gBAAgB,CACR;AAmBV,MAAMC,KAAK,GAAGA,CAAC;EACbC,QAAQ;EACRC,SAAS,GAAG,QAAQ;EACpBC,OAAO,GAAG;AACO,CAAC,KAAK;EACvB,OACE,IAAAX,WAAA,CAAAY,GAAA,EAAAC,OAAA,CAAAT,OAAA;IAAUM,SAAS,EAAEA,SAAU;IAACC,OAAO,EAAEA,OAAQ;IAAAF,QAAA,EAC9CA;EAAQ,CACD,CAAC;AAEf,CAAC;AAED,MAAMK,aAAa,GAAAR,OAAA,CAAAE,KAAA,GAAG,IAAAO,WAAI,EAACP,KAAK,CAAC;AACjCM,aAAa,CAACE,WAAW,~~GAAG,OAAO~~","ignoreList":[]}
1	+ {"version":3,"file":"Stack.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","stackSpacingValues","exports","stackDirectionValues","Stack","children","direction","spacing","jsx","_Stack2","MemoizedStack","memo","displayName"],"sources":["../../src/Stack.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 { Stack as MuiStack, StackProps as MuiStackProps } from \"@mui/material\";\nimport { memo } from \"react\";\n\nexport const stackSpacingValues = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] as const;\nexport const stackDirectionValues = [\n \"row\",\n \"row-reverse\",\n \"column\",\n \"column-reverse\",\n] as const;\n\nexport type OdysseyStackProps = {\n children?: MuiStackProps[\"children\"];\n /\n The component used for the root node. Either a string to use a HTML element or a component.\n /\n component?: MuiStackProps[\"component\"];\n /\n Defines the flex-direction style property. It is applied for all screen sizes.\n /\n direction?: (typeof stackDirectionValues)[number];\n /\n Defines the space between immediate children.\n */\n spacing?: (typeof stackSpacingValues)[number];\n sx?: MuiStackProps[\"sx\"];\n};\n\nconst Stack = ({\n children,\n direction = \"column\",\n spacing = 2,\n}: OdysseyStackProps) => {\n return (\n <MuiStack direction={direction} spacing={spacing}>\n {children}\n </MuiStack>\n );\n};\n\nconst MemoizedStack = memo(Stack);\nMemoizedStack.displayName = \"Stack\";\n\nexport { MemoizedStack as Stack };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAb7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKO,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU;AAClE,MAAME,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,CAClC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,gBAAgB,CACR;AAmBV,MAAMC,KAAK,GAAGA,CAAC;EACbC,QAAQ;EACRC,SAAS,GAAG,QAAQ;EACpBC,OAAO,GAAG;AACO,CAAC,KAAK;EACvB,OACE,IAAAX,WAAA,CAAAY,GAAA,EAAAC,OAAA,CAAAT,OAAA;IAAUM,SAAS,EAAEA,SAAU;IAACC,OAAO,EAAEA,OAAQ;IAAAF,QAAA,EAC9CA;EAAQ,CACD,CAAC;AAEf,CAAC;AAED,MAAMK,aAAa,GAAAR,OAAA,CAAAE,KAAA,GAAG,IAAAO,WAAI,EAACP,KAAK,CAAC;AACjCM,aAAa,CAACE,WAAW,uCAAU","ignoreList":[]}

package/dist/cjs/Status.cjs CHANGED Viewed

@@ -43,5 +43,5 @@ const Status = ({
   });
 };
 const MemoizedStatus = exports.Status = (0, _react.memo)(Status);
-MemoizedStatus.displayName = "Status";
+MemoizedStatus.displayName = "Status::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Status.cjs.map

package/dist/cjs/Status.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Status.cjs","names":["_react","require","_MuiPropsContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","statusSeverityValues","exports","statusVariantValues","Status","ariaDescribedBy","label","severity","testId","translate","variant","muiProps","useMuiProps","jsx","_Chip2","color","MemoizedStatus","memo","displayName"],"sources":["../../src/Status.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 { Chip } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useMuiProps } from \"./MuiPropsContext.js\";\n\nexport const statusSeverityValues = [\n \"default\",\n \"error\",\n \"info\",\n \"success\",\n \"warning\",\n] as const;\nexport const statusVariantValues = [\"lamp\", \"pill\"] as const;\n\nexport type StatusProps = {\n /\n The text content of the Status\n /\n label: string;\n /\n Determine the color and icon of the Status\n /\n severity: (typeof statusSeverityValues)[number];\n /\n The style of the Status indicator\n */\n variant?: (typeof statusVariantValues)[number];\n} & Pick<HtmlProps, \"ariaDescribedBy\" \| \"testId\" \| \"translate\">;\n\nconst Status = ({\n ariaDescribedBy,\n label,\n severity,\n testId,\n translate,\n variant = \"pill\",\n}: StatusProps) => {\n const muiProps = useMuiProps();\n\n return (\n <Chip\n {...muiProps}\n aria-describedby={ariaDescribedBy}\n color={severity}\n data-se={testId}\n label={label}\n translate={translate}\n variant={variant}\n />\n );\n};\n\nconst MemoizedStatus = memo(Status);\nMemoizedStatus.displayName = \"Status\";\n\nexport { MemoizedStatus as Status };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,gBAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,CAClC,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,CACD;AACH,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU;AAiB5D,MAAMC,MAAM,GAAGA,CAAC;EACdC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,OAAO,GAAG;AACC,CAAC,KAAK;EACjB,MAAMC,QAAQ,GAAG,IAAAC,4BAAW,EAAC,CAAC;EAE9B,OACE,IAAAhB,WAAA,CAAAiB,GAAA,EAAAC,MAAA,CAAAd,OAAA;IAAA,GACMW,QAAQ;IACZ,oBAAkBN,eAAgB;IAClCU,KAAK,EAAER,QAAS;IAChB,WAASC,MAAO;IAChBF,KAAK,EAAEA,KAAM;IACbG,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN,CAAC;AAED,MAAMM,cAAc,GAAAd,OAAA,CAAAE,MAAA,GAAG,IAAAa,WAAI,EAACb,MAAM,CAAC;AACnCY,cAAc,CAACE,WAAW,~~GAAG,QAAQ~~","ignoreList":[]}
1	+ {"version":3,"file":"Status.cjs","names":["_react","require","_MuiPropsContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","statusSeverityValues","exports","statusVariantValues","Status","ariaDescribedBy","label","severity","testId","translate","variant","muiProps","useMuiProps","jsx","_Chip2","color","MemoizedStatus","memo","displayName"],"sources":["../../src/Status.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 { Chip } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useMuiProps } from \"./MuiPropsContext.js\";\n\nexport const statusSeverityValues = [\n \"default\",\n \"error\",\n \"info\",\n \"success\",\n \"warning\",\n] as const;\nexport const statusVariantValues = [\"lamp\", \"pill\"] as const;\n\nexport type StatusProps = {\n /\n The text content of the Status\n /\n label: string;\n /\n Determine the color and icon of the Status\n /\n severity: (typeof statusSeverityValues)[number];\n /\n The style of the Status indicator\n */\n variant?: (typeof statusVariantValues)[number];\n} & Pick<HtmlProps, \"ariaDescribedBy\" \| \"testId\" \| \"translate\">;\n\nconst Status = ({\n ariaDescribedBy,\n label,\n severity,\n testId,\n translate,\n variant = \"pill\",\n}: StatusProps) => {\n const muiProps = useMuiProps();\n\n return (\n <Chip\n {...muiProps}\n aria-describedby={ariaDescribedBy}\n color={severity}\n data-se={testId}\n label={label}\n translate={translate}\n variant={variant}\n />\n );\n};\n\nconst MemoizedStatus = memo(Status);\nMemoizedStatus.displayName = \"Status\";\n\nexport { MemoizedStatus as Status };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,gBAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,CAClC,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,CACD;AACH,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU;AAiB5D,MAAMC,MAAM,GAAGA,CAAC;EACdC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,SAAS;EACTC,OAAO,GAAG;AACC,CAAC,KAAK;EACjB,MAAMC,QAAQ,GAAG,IAAAC,4BAAW,EAAC,CAAC;EAE9B,OACE,IAAAhB,WAAA,CAAAiB,GAAA,EAAAC,MAAA,CAAAd,OAAA;IAAA,GACMW,QAAQ;IACZ,oBAAkBN,eAAgB;IAClCU,KAAK,EAAER,QAAS;IAChB,WAASC,MAAO;IAChBF,KAAK,EAAEA,KAAM;IACbG,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN,CAAC;AAED,MAAMM,cAAc,GAAAd,OAAA,CAAAE,MAAA,GAAG,IAAAa,WAAI,EAACb,MAAM,CAAC;AACnCY,cAAc,CAACE,WAAW,wCAAW","ignoreList":[]}

package/dist/cjs/Surface.cjs CHANGED Viewed

@@ -51,5 +51,5 @@ const Surface = ({
   });
 };
 const MemoizedSurface = exports.Surface = (0, _react.memo)(Surface);
-MemoizedSurface.displayName = "Surface";
+MemoizedSurface.displayName = "Surface::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Surface.cjs.map

package/dist/cjs/Surface.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Surface.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_OdysseyThemeProvider","_useContrastMode","_jsxRuntime","e","__esModule","default","StyledContainer","styled","_Paper2","shouldForwardProp","prop","contrastMode","odysseyDesignTokens","border","HueNeutral100","borderRadius","Spacing4","boxShadow","padding","Spacing5","Surface","children","useOdysseyDesignTokens","useContrastModeContext","jsx","OdysseyThemeProvider","MemoizedSurface","exports","memo","displayName"],"sources":["../../src/Surface.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 styled from \"@emotion/styled\";\nimport { Paper as MuiPaper } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"./OdysseyThemeProvider.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nconst StyledContainer = styled(MuiPaper, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"contrastMode\",\n})<{\n contrastMode: ContrastMode;\n odysseyDesignTokens: DesignTokens;\n}>(({ contrastMode, odysseyDesignTokens }) => ({\n border:\n contrastMode === \"lowContrast\"\n ? `1px solid ${odysseyDesignTokens.HueNeutral100}`\n : \"none\",\n borderRadius: odysseyDesignTokens.Spacing4,\n boxShadow: \"none\",\n padding: odysseyDesignTokens.Spacing5,\n}));\n\nexport type SurfaceProps = {\n children: ReactNode;\n};\n\nconst Surface = ({ children }: SurfaceProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { contrastMode } = useContrastModeContext();\n\n return (\n <StyledContainer\n contrastMode={contrastMode}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {/ Required for `contrastMode`. */}\n <OdysseyThemeProvider>{children}</OdysseyThemeProvider>\n </StyledContainer>\n );\n};\n\nconst MemoizedSurface = memo(Surface);\nMemoizedSurface.displayName = \"Surface\";\n\nexport { MemoizedSurface as Surface };\n"],"mappings":";;;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAIA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA4E,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,eAAe,GAAG,IAAAC,eAAM,EAAAC,OAAA,CAAAH,OAAA,EAAW;EACvCI,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,YAAY;EAAEC;AAAoB,CAAC,MAAM;EAC7CC,MAAM,EACJF,YAAY,KAAK,aAAa,GAC1B,aAAaC,mBAAmB,CAACE,aAAa,EAAE,GAChD,MAAM;EACZC,YAAY,EAAEH,mBAAmB,CAACI,QAAQ;EAC1CC,SAAS,EAAE,MAAM;EACjBC,OAAO,EAAEN,mBAAmB,CAACO;AAC/B,CAAC,CAAC,CAAC;AAMH,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EAC9C,MAAMT,mBAAmB,GAAG,IAAAU,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEX;EAAa,CAAC,GAAG,IAAAY,uCAAsB,EAAC,CAAC;EAEjD,OACE,IAAArB,WAAA,CAAAsB,GAAA,EAAClB,eAAe;IACdK,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IAAAS,QAAA,EAGzC,IAAAnB,WAAA,CAAAsB,GAAA,EAACxB,qBAAA,CAAAyB,oBAAoB;MAAAJ,QAAA,EAAEA;IAAQ,CAAuB;EAAC,CACxC,CAAC;AAEtB,CAAC;AAED,MAAMK,eAAe,GAAAC,OAAA,CAAAP,OAAA,GAAG,IAAAQ,WAAI,EAACR,OAAO,CAAC;AACrCM,eAAe,CAACG,WAAW,~~GAAG,SAAS~~","ignoreList":[]}
1	+ {"version":3,"file":"Surface.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_OdysseyThemeProvider","_useContrastMode","_jsxRuntime","e","__esModule","default","StyledContainer","styled","_Paper2","shouldForwardProp","prop","contrastMode","odysseyDesignTokens","border","HueNeutral100","borderRadius","Spacing4","boxShadow","padding","Spacing5","Surface","children","useOdysseyDesignTokens","useContrastModeContext","jsx","OdysseyThemeProvider","MemoizedSurface","exports","memo","displayName"],"sources":["../../src/Surface.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 styled from \"@emotion/styled\";\nimport { Paper as MuiPaper } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"./OdysseyThemeProvider.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nconst StyledContainer = styled(MuiPaper, {\n shouldForwardProp: (prop) =>\n prop !== \"odysseyDesignTokens\" && prop !== \"contrastMode\",\n})<{\n contrastMode: ContrastMode;\n odysseyDesignTokens: DesignTokens;\n}>(({ contrastMode, odysseyDesignTokens }) => ({\n border:\n contrastMode === \"lowContrast\"\n ? `1px solid ${odysseyDesignTokens.HueNeutral100}`\n : \"none\",\n borderRadius: odysseyDesignTokens.Spacing4,\n boxShadow: \"none\",\n padding: odysseyDesignTokens.Spacing5,\n}));\n\nexport type SurfaceProps = {\n children: ReactNode;\n};\n\nconst Surface = ({ children }: SurfaceProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { contrastMode } = useContrastModeContext();\n\n return (\n <StyledContainer\n contrastMode={contrastMode}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {/ Required for `contrastMode`. */}\n <OdysseyThemeProvider>{children}</OdysseyThemeProvider>\n </StyledContainer>\n );\n};\n\nconst MemoizedSurface = memo(Surface);\nMemoizedSurface.displayName = \"Surface\";\n\nexport { MemoizedSurface as Surface };\n"],"mappings":";;;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAIA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAA4E,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArB5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,eAAe,GAAG,IAAAC,eAAM,EAAAC,OAAA,CAAAH,OAAA,EAAW;EACvCI,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CAGC,CAAC;EAAEC,YAAY;EAAEC;AAAoB,CAAC,MAAM;EAC7CC,MAAM,EACJF,YAAY,KAAK,aAAa,GAC1B,aAAaC,mBAAmB,CAACE,aAAa,EAAE,GAChD,MAAM;EACZC,YAAY,EAAEH,mBAAmB,CAACI,QAAQ;EAC1CC,SAAS,EAAE,MAAM;EACjBC,OAAO,EAAEN,mBAAmB,CAACO;AAC/B,CAAC,CAAC,CAAC;AAMH,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EAC9C,MAAMT,mBAAmB,GAAG,IAAAU,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEX;EAAa,CAAC,GAAG,IAAAY,uCAAsB,EAAC,CAAC;EAEjD,OACE,IAAArB,WAAA,CAAAsB,GAAA,EAAClB,eAAe;IACdK,YAAY,EAAEA,YAAa;IAC3BC,mBAAmB,EAAEA,mBAAoB;IAAAS,QAAA,EAGzC,IAAAnB,WAAA,CAAAsB,GAAA,EAACxB,qBAAA,CAAAyB,oBAAoB;MAAAJ,QAAA,EAAEA;IAAQ,CAAuB;EAAC,CACxC,CAAC;AAEtB,CAAC;AAED,MAAMK,eAAe,GAAAC,OAAA,CAAAP,OAAA,GAAG,IAAAQ,WAAI,EAACR,OAAO,CAAC;AACrCM,eAAe,CAACG,WAAW,yCAAY","ignoreList":[]}

package/dist/cjs/Switch.cjs CHANGED Viewed

@@ -204,7 +204,7 @@ const SwitchLabel = ({
   });
 };
 const MemoizedSwitchLabel = (0, _react.memo)(SwitchLabel);
-SwitchLabel.displayName = "SwitchLabel";
+SwitchLabel.displayName = "SwitchLabel::pkg=odyssey&odysseyV=1.57.0";
 const Switch = ({
   hint,
   HintLinkComponent,
@@ -289,6 +289,7 @@ const Switch = ({
           "aria-describedby": hintId,
           "aria-label": internalSwitchChecked ? `${label}: ${t("switch.active")}` : `${label}: ${t("switch.inactive")}`,
           "aria-labelledby": labelElementId,
+          "aria-readonly": isReadOnly,
           "data-se": testId,
           disabled: isDisabled,
           id: inputId,
@@ -322,5 +323,5 @@ const Switch = ({
   });
 };
 const MemoizedSwitch = exports.Switch = (0, _react.memo)(Switch);
-MemoizedSwitch.displayName = "Switch";
+MemoizedSwitch.displayName = "Switch::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Switch.cjs.map

package/dist/cjs/Switch.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_FieldHint","_i18n","_index","_inputUtils","_OdysseyDesignTokensContext","_remUtils","_useUniqueId","_jsxRuntime","e","__esModule","default","CONTROLLED","ComponentControlledState","nonForwardedProps","SwitchAndLabelContainer","styled","shouldForwardProp","prop","includes","isFullWidth","odysseyDesignTokens","display","alignItems","justifyContent","maxWidth","TypographyLineLengthMax","SwitchContainer","div","position","StyledSwitchLabel","_FormLabel2","isDisabled","isReadOnly","margin","color","PaletteNeutralDark","TypographyColorDisabled","p","a","HueNeutral700","SwitchTrack","isChecked","width","Spacing7","height","Spacing4","Spacing1","borderRadius","BorderRadiusOuter","backgroundColor","HueNeutral300","transition","TransitionDurationMain","HueNeutral200","HueNeutral600","PaletteSuccessLight","SwitchThumb","thumbOffset","toRem","trackWidth","stripRem","thumbWidth","transformDistance","top","left","BorderRadiusRound","HueNeutralWhite","transform","HueNeutral50","HueNeutral400","SwitchCheckMark","CheckIcon","opacity","path","fill","HiddenCheckbox","input","cursor","zIndex","boxShadow","PalettePrimaryMain","SwitchLabel","hint","hintId","HintLinkComponent","inputId","label","useOdysseyDesignTokens","jsx","Fragment","children","jsxs","htmlFor","FieldHint","id","LinkComponent","text","MemoizedSwitchLabel","memo","displayName","Switch","idProp","isDefaultChecked","name","onChange","testId","value","t","useTranslation","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","checked","defaultChecked","internalSwitchChecked","setInternalSwitchChecked","useState","Boolean","useEffect","useUniqueId","undefined","labelElementId","handleOnChange","useCallback","event","preventDefault","target","Box","sx","marginBlockEnd","Spacing2","disabled","readOnly","type","MemoizedSwitch","exports"],"sources":["../../src/Switch.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 styled from \"@emotion/styled\";\nimport { FormLabel, SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport {\n ChangeEventHandler,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Box } from \"./Box.js\";\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { CheckedFieldProps } from \"./FormCheckedProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CheckIcon } from \"./icons.generated/index.js\";\nimport { ComponentControlledState, getControlState } from \"./inputUtils.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { stripRem, toRem } from \"./remUtils.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nconst { CONTROLLED } = ComponentControlledState;\n\nconst nonForwardedProps = [\n \"isChecked\",\n \"isDisabled\",\n \"isFullWidth\",\n \"isReadOnly\",\n \"odysseyDesignTokens\",\n];\n\nconst SwitchAndLabelContainer = styled(\"div\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isFullWidth\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isFullWidth, odysseyDesignTokens }) => ({\n display: \"flex\",\n alignItems: \"flex-start\",\n justifyContent: \"space-between\",\n maxWidth: isFullWidth ? \"100%\" : odysseyDesignTokens.TypographyLineLengthMax,\n}));\n\nconst SwitchContainer = styled.div({\n position: \"relative\",\n});\n\nconst StyledSwitchLabel = styled(FormLabel, {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchLabelComponentProps, \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n display: \"block\",\n margin: 0,\n color: odysseyDesignTokens.PaletteNeutralDark,\n\n ...(isDisabled && {\n color: odysseyDesignTokens.TypographyColorDisabled,\n p: {\n color: odysseyDesignTokens.TypographyColorDisabled,\n },\n a: {\n color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n },\n }),\n\n ...(isReadOnly && {\n color: odysseyDesignTokens.HueNeutral700,\n p: {\n color: odysseyDesignTokens.HueNeutral700,\n },\n a: {\n color: `${odysseyDesignTokens.HueNeutral700} !important`,\n },\n }),\n}));\n\nconst SwitchTrack = styled(\"div\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n position: \"relative\",\n width: odysseyDesignTokens.Spacing7,\n height: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n borderRadius: odysseyDesignTokens.BorderRadiusOuter,\n backgroundColor: odysseyDesignTokens.HueNeutral300,\n transition: `background-color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isDisabled && {\n backgroundColor: odysseyDesignTokens.HueNeutral200,\n }),\n\n ...(isReadOnly && {\n backgroundColor: odysseyDesignTokens.HueNeutral600,\n }),\n\n ...(isChecked &&\n !isDisabled &&\n !isReadOnly && {\n backgroundColor: odysseyDesignTokens.PaletteSuccessLight,\n }),\n}));\n\nconst SwitchThumb = styled(\"span\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => {\n const thumbOffset = toRem(3);\n const trackWidth = stripRem(odysseyDesignTokens.Spacing7);\n const thumbWidth = stripRem(odysseyDesignTokens.Spacing4) - toRem(2);\n const transformDistance = trackWidth - thumbWidth - thumbOffset 2;\n\n return {\n position: \"absolute\",\n top: \"50%\",\n left: `${thumbOffset}rem`,\n width: `calc(${odysseyDesignTokens.Spacing4} - ${toRem(2)}rem)`,\n height: `calc(${odysseyDesignTokens.Spacing4} - ${toRem(2)}rem)`,\n borderRadius: odysseyDesignTokens.BorderRadiusRound,\n backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n transform: \"translate3d(0, -50%, 0)\",\n transition: `transform ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isDisabled && {\n backgroundColor: odysseyDesignTokens.HueNeutral50,\n }),\n\n ...(isReadOnly && {\n backgroundColor: odysseyDesignTokens.HueNeutral400,\n }),\n\n ...(isChecked && {\n transform: `translate3d(${transformDistance}rem, -50%, 0)`,\n }),\n };\n});\n\nconst SwitchCheckMark = styled(CheckIcon, {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n position: \"absolute\",\n top: \"50%\",\n left: 3,\n width: odysseyDesignTokens.Spacing4,\n transform: \"translateY(-50%)\",\n transition: `opacity ${odysseyDesignTokens.TransitionDurationMain}`,\n opacity: 0,\n path: {\n fill: odysseyDesignTokens.HueNeutralWhite,\n },\n\n ...(isChecked && {\n opacity: 1,\n }),\n\n ...((isDisabled \|\| isReadOnly) && {\n path: {\n fill: odysseyDesignTokens.HueNeutral50,\n },\n }),\n}));\n\nconst HiddenCheckbox = styled.input<{\n isReadOnly?: boolean;\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, isReadOnly }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n margin: 0,\n opacity: 0,\n cursor: isReadOnly ? \"default\" : \"pointer\",\n zIndex: 2,\n\n \"&:focus-visible\": {\n \"~ [data-switch-track='true']\": {\n boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,\n },\n },\n}));\n\ntype OnChangeCallbackArguments = {\n checked: boolean;\n value: string;\n};\n\nexport type SwitchProps = {\n /*\n Determines whether the Switch is read-only\n /\n isReadOnly?: boolean;\n /\n The label text for the Switch\n /\n label: string;\n /\n The change event handler for the Switch\n /\n onChange?: ({ checked, value }: OnChangeCallbackArguments) => void;\n /\n The value attribute of the Switch\n */\n value: string;\n} & Pick<\n FieldComponentProps,\n \"hint\" \| \"HintLinkComponent\" \| \"id\" \| \"isFullWidth\" \| \"isDisabled\" \| \"name\"\n> &\n Pick<CheckedFieldProps<MuiSwitchProps>, \"isChecked\" \| \"isDefaultChecked\"> &\n Pick<HtmlProps, \"testId\">;\n\ntype SwitchLabelComponentProps = {\n hint: SwitchProps[\"hint\"];\n hintId?: string;\n HintLinkComponent: SwitchProps[\"HintLinkComponent\"];\n inputId: string;\n isDisabled: SwitchProps[\"isDisabled\"];\n isFullWidth: SwitchProps[\"isFullWidth\"];\n isReadOnly: SwitchProps[\"isReadOnly\"];\n label: SwitchProps[\"label\"];\n};\n\nconst SwitchLabel = ({\n hint,\n hintId,\n HintLinkComponent,\n inputId,\n isDisabled,\n label,\n isReadOnly,\n}: SwitchLabelComponentProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <>\n <StyledSwitchLabel\n htmlFor={inputId}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {label}\n {hint && (\n <FieldHint\n id={hintId}\n LinkComponent={HintLinkComponent}\n text={hint}\n />\n )}\n </StyledSwitchLabel>\n </>\n );\n};\n\nconst MemoizedSwitchLabel = memo(SwitchLabel);\nSwitchLabel.displayName = \"SwitchLabel\";\n\nconst Switch = ({\n hint,\n HintLinkComponent,\n id: idProp,\n isChecked,\n isDefaultChecked,\n isDisabled,\n isFullWidth = false,\n isReadOnly = false,\n label,\n name,\n onChange,\n testId,\n value,\n}: SwitchProps) => {\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: isChecked,\n uncontrolledValue: isDefaultChecked,\n }),\n );\n const inputValues = useMemo(() => {\n if (controlledStateRef.current === CONTROLLED) {\n return { checked: isChecked };\n }\n return { defaultChecked: isDefaultChecked };\n }, [isDefaultChecked, isChecked]);\n\n const [internalSwitchChecked, setInternalSwitchChecked] = useState(\n controlledStateRef.current === CONTROLLED\n ? Boolean(isChecked)\n : Boolean(isDefaultChecked),\n );\n\n useEffect(() => {\n if (controlledStateRef.current === CONTROLLED) {\n setInternalSwitchChecked(Boolean(isChecked));\n }\n }, [isChecked]);\n\n const inputId = useUniqueId(idProp);\n\n const hintId = hint ? `${inputId}-hint` : undefined;\n const labelElementId = `${inputId}-label`;\n\n const handleOnChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n (event) => {\n if (isReadOnly) {\n event.preventDefault();\n return;\n }\n const target = event.target;\n const { checked, value } = target;\n setInternalSwitchChecked(checked);\n onChange?.({ checked, value });\n },\n [onChange, setInternalSwitchChecked, isReadOnly],\n );\n\n return (\n <Box\n sx={{\n marginBlockEnd: odysseyDesignTokens.Spacing2,\n \"&:last-child\": {\n marginBlockEnd: 0,\n },\n }}\n >\n <SwitchAndLabelContainer\n isFullWidth={isFullWidth}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <MemoizedSwitchLabel\n hint={hint}\n hintId={hintId}\n HintLinkComponent={HintLinkComponent}\n inputId={inputId}\n isDisabled={isDisabled}\n isFullWidth={isFullWidth}\n isReadOnly={isReadOnly}\n label={label}\n />\n <SwitchContainer>\n <HiddenCheckbox\n {...inputValues}\n aria-checked={internalSwitchChecked}\n aria-describedby={hintId}\n aria-label={\n internalSwitchChecked\n ? `${label}: ${t(\"switch.active\")}`\n : `${label}: ${t(\"switch.inactive\")}`\n }\n aria-labelledby={labelElementId}\n data-se={testId}\n disabled={isDisabled}\n id={inputId}\n isReadOnly={isReadOnly}\n name={name ?? inputId}\n odysseyDesignTokens={odysseyDesignTokens}\n onChange={handleOnChange}\n readOnly={isReadOnly}\n type=\"checkbox\"\n value={value}\n />\n <SwitchTrack\n data-switch-track\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <SwitchThumb\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n />\n <SwitchCheckMark\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n />\n </SwitchTrack>\n </SwitchContainer>\n </SwitchAndLabelContainer>\n </Box>\n );\n};\n\nconst MemoizedSwitch = memo(Switch);\nMemoizedSwitch.displayName = \"Switch\";\n\nexport { MemoizedSwitch as Switch };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Switch.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_FieldHint","_i18n","_index","_inputUtils","_OdysseyDesignTokensContext","_remUtils","_useUniqueId","_jsxRuntime","e","__esModule","default","CONTROLLED","ComponentControlledState","nonForwardedProps","SwitchAndLabelContainer","styled","shouldForwardProp","prop","includes","isFullWidth","odysseyDesignTokens","display","alignItems","justifyContent","maxWidth","TypographyLineLengthMax","SwitchContainer","div","position","StyledSwitchLabel","_FormLabel2","isDisabled","isReadOnly","margin","color","PaletteNeutralDark","TypographyColorDisabled","p","a","HueNeutral700","SwitchTrack","isChecked","width","Spacing7","height","Spacing4","Spacing1","borderRadius","BorderRadiusOuter","backgroundColor","HueNeutral300","transition","TransitionDurationMain","HueNeutral200","HueNeutral600","PaletteSuccessLight","SwitchThumb","thumbOffset","toRem","trackWidth","stripRem","thumbWidth","transformDistance","top","left","BorderRadiusRound","HueNeutralWhite","transform","HueNeutral50","HueNeutral400","SwitchCheckMark","CheckIcon","opacity","path","fill","HiddenCheckbox","input","cursor","zIndex","boxShadow","PalettePrimaryMain","SwitchLabel","hint","hintId","HintLinkComponent","inputId","label","useOdysseyDesignTokens","jsx","Fragment","children","jsxs","htmlFor","FieldHint","id","LinkComponent","text","MemoizedSwitchLabel","memo","displayName","Switch","idProp","isDefaultChecked","name","onChange","testId","value","t","useTranslation","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","checked","defaultChecked","internalSwitchChecked","setInternalSwitchChecked","useState","Boolean","useEffect","useUniqueId","undefined","labelElementId","handleOnChange","useCallback","event","preventDefault","target","Box","sx","marginBlockEnd","Spacing2","disabled","readOnly","type","MemoizedSwitch","exports"],"sources":["../../src/Switch.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 styled from \"@emotion/styled\";\nimport { FormLabel, SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport {\n ChangeEventHandler,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Box } from \"./Box.js\";\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { CheckedFieldProps } from \"./FormCheckedProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CheckIcon } from \"./icons.generated/index.js\";\nimport { ComponentControlledState, getControlState } from \"./inputUtils.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { stripRem, toRem } from \"./remUtils.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nconst { CONTROLLED } = ComponentControlledState;\n\nconst nonForwardedProps = [\n \"isChecked\",\n \"isDisabled\",\n \"isFullWidth\",\n \"isReadOnly\",\n \"odysseyDesignTokens\",\n];\n\nconst SwitchAndLabelContainer = styled(\"div\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isFullWidth\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isFullWidth, odysseyDesignTokens }) => ({\n display: \"flex\",\n alignItems: \"flex-start\",\n justifyContent: \"space-between\",\n maxWidth: isFullWidth ? \"100%\" : odysseyDesignTokens.TypographyLineLengthMax,\n}));\n\nconst SwitchContainer = styled.div({\n position: \"relative\",\n});\n\nconst StyledSwitchLabel = styled(FormLabel, {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchLabelComponentProps, \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n display: \"block\",\n margin: 0,\n color: odysseyDesignTokens.PaletteNeutralDark,\n\n ...(isDisabled && {\n color: odysseyDesignTokens.TypographyColorDisabled,\n p: {\n color: odysseyDesignTokens.TypographyColorDisabled,\n },\n a: {\n color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n },\n }),\n\n ...(isReadOnly && {\n color: odysseyDesignTokens.HueNeutral700,\n p: {\n color: odysseyDesignTokens.HueNeutral700,\n },\n a: {\n color: `${odysseyDesignTokens.HueNeutral700} !important`,\n },\n }),\n}));\n\nconst SwitchTrack = styled(\"div\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n position: \"relative\",\n width: odysseyDesignTokens.Spacing7,\n height: `calc(${odysseyDesignTokens.Spacing4} + ${odysseyDesignTokens.Spacing1})`,\n borderRadius: odysseyDesignTokens.BorderRadiusOuter,\n backgroundColor: odysseyDesignTokens.HueNeutral300,\n transition: `background-color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isDisabled && {\n backgroundColor: odysseyDesignTokens.HueNeutral200,\n }),\n\n ...(isReadOnly && {\n backgroundColor: odysseyDesignTokens.HueNeutral600,\n }),\n\n ...(isChecked &&\n !isDisabled &&\n !isReadOnly && {\n backgroundColor: odysseyDesignTokens.PaletteSuccessLight,\n }),\n}));\n\nconst SwitchThumb = styled(\"span\", {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => {\n const thumbOffset = toRem(3);\n const trackWidth = stripRem(odysseyDesignTokens.Spacing7);\n const thumbWidth = stripRem(odysseyDesignTokens.Spacing4) - toRem(2);\n const transformDistance = trackWidth - thumbWidth - thumbOffset 2;\n\n return {\n position: \"absolute\",\n top: \"50%\",\n left: `${thumbOffset}rem`,\n width: `calc(${odysseyDesignTokens.Spacing4} - ${toRem(2)}rem)`,\n height: `calc(${odysseyDesignTokens.Spacing4} - ${toRem(2)}rem)`,\n borderRadius: odysseyDesignTokens.BorderRadiusRound,\n backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n transform: \"translate3d(0, -50%, 0)\",\n transition: `transform ${odysseyDesignTokens.TransitionDurationMain}`,\n\n ...(isDisabled && {\n backgroundColor: odysseyDesignTokens.HueNeutral50,\n }),\n\n ...(isReadOnly && {\n backgroundColor: odysseyDesignTokens.HueNeutral400,\n }),\n\n ...(isChecked && {\n transform: `translate3d(${transformDistance}rem, -50%, 0)`,\n }),\n };\n});\n\nconst SwitchCheckMark = styled(CheckIcon, {\n shouldForwardProp: (prop) => !nonForwardedProps.includes(prop),\n})<\n Pick<SwitchProps, \"isChecked\" \| \"isDisabled\" \| \"isReadOnly\"> & {\n odysseyDesignTokens: DesignTokens;\n }\n>(({ isChecked, isDisabled, isReadOnly, odysseyDesignTokens }) => ({\n position: \"absolute\",\n top: \"50%\",\n left: 3,\n width: odysseyDesignTokens.Spacing4,\n transform: \"translateY(-50%)\",\n transition: `opacity ${odysseyDesignTokens.TransitionDurationMain}`,\n opacity: 0,\n path: {\n fill: odysseyDesignTokens.HueNeutralWhite,\n },\n\n ...(isChecked && {\n opacity: 1,\n }),\n\n ...((isDisabled \|\| isReadOnly) && {\n path: {\n fill: odysseyDesignTokens.HueNeutral50,\n },\n }),\n}));\n\nconst HiddenCheckbox = styled.input<{\n isReadOnly?: boolean;\n odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, isReadOnly }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n margin: 0,\n opacity: 0,\n cursor: isReadOnly ? \"default\" : \"pointer\",\n zIndex: 2,\n\n \"&:focus-visible\": {\n \"~ [data-switch-track='true']\": {\n boxShadow: `0 0 0 2px ${odysseyDesignTokens.HueNeutralWhite}, 0 0 0 4px ${odysseyDesignTokens.PalettePrimaryMain}`,\n },\n },\n}));\n\ntype OnChangeCallbackArguments = {\n checked: boolean;\n value: string;\n};\n\nexport type SwitchProps = {\n /*\n Determines whether the Switch is read-only\n /\n isReadOnly?: boolean;\n /\n The label text for the Switch\n /\n label: string;\n /\n The change event handler for the Switch\n /\n onChange?: ({ checked, value }: OnChangeCallbackArguments) => void;\n /\n The value attribute of the Switch\n */\n value: string;\n} & Pick<\n FieldComponentProps,\n \"hint\" \| \"HintLinkComponent\" \| \"id\" \| \"isFullWidth\" \| \"isDisabled\" \| \"name\"\n> &\n Pick<CheckedFieldProps<MuiSwitchProps>, \"isChecked\" \| \"isDefaultChecked\"> &\n Pick<HtmlProps, \"testId\">;\n\ntype SwitchLabelComponentProps = {\n hint: SwitchProps[\"hint\"];\n hintId?: string;\n HintLinkComponent: SwitchProps[\"HintLinkComponent\"];\n inputId: string;\n isDisabled: SwitchProps[\"isDisabled\"];\n isFullWidth: SwitchProps[\"isFullWidth\"];\n isReadOnly: SwitchProps[\"isReadOnly\"];\n label: SwitchProps[\"label\"];\n};\n\nconst SwitchLabel = ({\n hint,\n hintId,\n HintLinkComponent,\n inputId,\n isDisabled,\n label,\n isReadOnly,\n}: SwitchLabelComponentProps) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <>\n <StyledSwitchLabel\n htmlFor={inputId}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n {label}\n {hint && (\n <FieldHint\n id={hintId}\n LinkComponent={HintLinkComponent}\n text={hint}\n />\n )}\n </StyledSwitchLabel>\n </>\n );\n};\n\nconst MemoizedSwitchLabel = memo(SwitchLabel);\nSwitchLabel.displayName = \"SwitchLabel\";\n\nconst Switch = ({\n hint,\n HintLinkComponent,\n id: idProp,\n isChecked,\n isDefaultChecked,\n isDisabled,\n isFullWidth = false,\n isReadOnly = false,\n label,\n name,\n onChange,\n testId,\n value,\n}: SwitchProps) => {\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: isChecked,\n uncontrolledValue: isDefaultChecked,\n }),\n );\n const inputValues = useMemo(() => {\n if (controlledStateRef.current === CONTROLLED) {\n return { checked: isChecked };\n }\n return { defaultChecked: isDefaultChecked };\n }, [isDefaultChecked, isChecked]);\n\n const [internalSwitchChecked, setInternalSwitchChecked] = useState(\n controlledStateRef.current === CONTROLLED\n ? Boolean(isChecked)\n : Boolean(isDefaultChecked),\n );\n\n useEffect(() => {\n if (controlledStateRef.current === CONTROLLED) {\n setInternalSwitchChecked(Boolean(isChecked));\n }\n }, [isChecked]);\n\n const inputId = useUniqueId(idProp);\n\n const hintId = hint ? `${inputId}-hint` : undefined;\n const labelElementId = `${inputId}-label`;\n\n const handleOnChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n (event) => {\n if (isReadOnly) {\n event.preventDefault();\n return;\n }\n const target = event.target;\n const { checked, value } = target;\n setInternalSwitchChecked(checked);\n onChange?.({ checked, value });\n },\n [onChange, setInternalSwitchChecked, isReadOnly],\n );\n\n return (\n <Box\n sx={{\n marginBlockEnd: odysseyDesignTokens.Spacing2,\n \"&:last-child\": {\n marginBlockEnd: 0,\n },\n }}\n >\n <SwitchAndLabelContainer\n isFullWidth={isFullWidth}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <MemoizedSwitchLabel\n hint={hint}\n hintId={hintId}\n HintLinkComponent={HintLinkComponent}\n inputId={inputId}\n isDisabled={isDisabled}\n isFullWidth={isFullWidth}\n isReadOnly={isReadOnly}\n label={label}\n />\n <SwitchContainer>\n <HiddenCheckbox\n {...inputValues}\n aria-checked={internalSwitchChecked}\n aria-describedby={hintId}\n aria-label={\n internalSwitchChecked\n ? `${label}: ${t(\"switch.active\")}`\n : `${label}: ${t(\"switch.inactive\")}`\n }\n aria-labelledby={labelElementId}\n aria-readonly={isReadOnly}\n data-se={testId}\n disabled={isDisabled}\n id={inputId}\n isReadOnly={isReadOnly}\n name={name ?? inputId}\n odysseyDesignTokens={odysseyDesignTokens}\n onChange={handleOnChange}\n readOnly={isReadOnly}\n type=\"checkbox\"\n value={value}\n />\n <SwitchTrack\n data-switch-track\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n >\n <SwitchThumb\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n />\n <SwitchCheckMark\n isChecked={internalSwitchChecked}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n odysseyDesignTokens={odysseyDesignTokens}\n />\n </SwitchTrack>\n </SwitchContainer>\n </SwitchAndLabelContainer>\n </Box>\n );\n};\n\nconst MemoizedSwitch = memo(Switch);\nMemoizedSwitch.displayName = \"Switch\";\n\nexport { MemoizedSwitch as Switch };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tabs.cjs CHANGED Viewed

@@ -122,5 +122,5 @@ const Tabs = ({
   });
 };
 const MemoizedTabs = exports.Tabs = (0, _react.memo)(Tabs);
-MemoizedTabs.displayName = "Tabs";
+MemoizedTabs.displayName = "Tabs::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Tabs.cjs.map

package/dist/cjs/Tabs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.cjs","names":["_lab","require","_react","_Badge","_Box","_OdysseyDesignTokensContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TabLabel","label","notificationCount","notificationCountMax","tabState","value","odysseyDesignTokens","useOdysseyDesignTokens","jsxs","Fragment","children","undefined","jsx","Box","sx","marginInlineStart","Spacing2","Badge","badgeContent","badgeContentMax","type","Tabs","ariaLabel","initialValue","tabs","onChange","onChangeProp","setTabState","useState","scrollButtons","setScrollButtons","useCallback","event","useEffect","animationFrame","cleanup","cancelAnimationFrame","document","removeEventListener","refreshScrollButtons","requestAnimationFrame","addEventListener","renderTab","tab","index","testId","isDisabled","startIcon","_Tab2","disabled","icon","tabIndex","toString","TabContext","TabList","variant","map","TabPanel","MemoizedTabs","exports","memo","displayName"],"sources":["../../src/Tabs.tsx"],"sourcesContent":["/!\n Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport {\n TabContext as MuiTabContext,\n TabList as MuiTabList,\n TabListProps as MuiTabListProps,\n TabPanel as MuiTabPanel,\n} from \"@mui/lab\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport {\n memo,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useState,\n} from \"react\";\n\nimport { Badge, BadgeProps } from \"./Badge.js\";\nimport { Box } from \"./Box.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type TabItemProps = {\n /\n The content of the Tab itself\n /\n children: ReactNode;\n /\n If `true`, the TabItem is disabled\n /\n isDisabled?: boolean;\n /\n The label text for the TabItem\n /\n label: string;\n /\n An optional icon to display at the start of the TabItem\n /\n startIcon?: ReactElement;\n /\n The value associated with the TabItem\n /\n value?: string;\n} & {\n notificationCount?: BadgeProps[\"badgeContent\"];\n notificationCountMax?: BadgeProps[\"badgeContentMax\"];\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nexport type TabsProps = {\n /\n @deprecated please use the `value` prop instead\n * When `value` is provided, `initialValue` isn't used.\n /\n initialValue?: string;\n /\n Callback fired when the active tab is changed.\n /\n onChange?: MuiTabListProps[\"onChange\"];\n /\n The TabItems to be included in the Tabs group\n /\n tabs: TabItemProps[];\n /\n Identifier for the selected tab.\n /\n value?: string;\n};\n\nconst TabLabel = ({\n label,\n notificationCount,\n notificationCountMax,\n tabState,\n value,\n}: Pick<\n TabItemProps,\n \"label\" \| \"notificationCount\" \| \"notificationCountMax\" \| \"value\"\n> & {\n tabState: string;\n}) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <>\n {label}\n {notificationCount !== undefined && notificationCount > 0 && (\n <Box\n sx={{\n marginInlineStart: notificationCount\n ? odysseyDesignTokens.Spacing2\n : 0,\n }}\n >\n <Badge\n badgeContent={notificationCount}\n badgeContentMax={notificationCountMax}\n type={value === tabState ? \"attention\" : \"default\"}\n />\n </Box>\n )}\n </>\n );\n};\n\nconst Tabs = ({\n ariaLabel,\n initialValue,\n tabs,\n value,\n onChange: onChangeProp,\n}: TabsProps & Pick<HtmlProps, \"ariaLabel\">) => {\n const [tabState, setTabState] = useState(initialValue ?? value ?? \"0\");\n /\n The scrollButtons prop is initially set to `false`.\n It's then reset to `auto` when the document is visible.\n This prevents a rare bug where scroll buttons appear\n when the component is rendered while hidden and the\n screen is wide enough to not need scroll buttons.\n */\n const [scrollButtons, setScrollButtons] =\n useState<MuiTabListProps[\"scrollButtons\"]>(false);\n const onChange = useCallback<NonNullable<MuiTabListProps[\"onChange\"]>>(\n (event, value: string) => {\n setTabState(value);\n onChangeProp?.(event, value);\n },\n [onChangeProp],\n );\n\n useEffect(() => {\n if (value !== undefined) {\n setTabState(value);\n }\n }, [value]);\n\n // listen for visibility change to reset scroll buttons override\n useEffect(() => {\n // keep track of animation frame to cancel when needed\n let animationFrame: number;\n\n // called when unmounted or scroll buttons is reset\n const cleanup = () => {\n cancelAnimationFrame(animationFrame);\n document.removeEventListener(\"visibilitychange\", refreshScrollButtons);\n };\n\n // Reset the scroll buttons override when the document becomes visible.\n // If called, then the document is hidden because the event listener\n // is only registered if the document is hidden\n function refreshScrollButtons() {\n animationFrame = requestAnimationFrame(() => {\n cleanup();\n setScrollButtons(\"auto\");\n });\n }\n\n // don't override scroll buttons if it's already set to \"auto\"\n if (scrollButtons !== \"auto\") {\n document.addEventListener(\"visibilitychange\", refreshScrollButtons);\n }\n return () => {\n cleanup();\n };\n }, [scrollButtons]);\n\n const renderTab = useCallback(\n (tab: TabItemProps, index: number) => {\n const {\n testId,\n isDisabled,\n label,\n startIcon,\n value,\n notificationCount,\n notificationCountMax,\n } = tab;\n\n return (\n <MuiTab\n data-se={testId}\n disabled={isDisabled}\n icon={startIcon}\n key={value ? value : index.toString()}\n label={\n <TabLabel\n label={label}\n notificationCount={notificationCount}\n notificationCountMax={notificationCountMax}\n tabState={tabState}\n value={value}\n />\n }\n tabIndex={0}\n value={value ? value : index.toString()}\n />\n );\n },\n [tabState],\n );\n\n return (\n <MuiTabContext value={tabState}>\n <MuiTabList\n aria-label={ariaLabel}\n onChange={onChange}\n scrollButtons={scrollButtons}\n variant=\"scrollable\"\n >\n {tabs.map((tab, index) => renderTab(tab, index))}\n </MuiTabList>\n {tabs.map((tab, index) => (\n <MuiTabPanel\n key={tab.value ? tab.value : index.toString()}\n value={tab.value ? tab.value : index.toString()}\n >\n {tab.children}\n </MuiTabPanel>\n ))}\n </MuiTabContext>\n );\n};\n\nconst MemoizedTabs = memo(Tabs);\nMemoizedTabs.displayName = \"Tabs\";\n\nexport { MemoizedTabs as Tabs };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Tabs.cjs","names":["_lab","require","_react","_Badge","_Box","_OdysseyDesignTokensContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TabLabel","label","notificationCount","notificationCountMax","tabState","value","odysseyDesignTokens","useOdysseyDesignTokens","jsxs","Fragment","children","undefined","jsx","Box","sx","marginInlineStart","Spacing2","Badge","badgeContent","badgeContentMax","type","Tabs","ariaLabel","initialValue","tabs","onChange","onChangeProp","setTabState","useState","scrollButtons","setScrollButtons","useCallback","event","useEffect","animationFrame","cleanup","cancelAnimationFrame","document","removeEventListener","refreshScrollButtons","requestAnimationFrame","addEventListener","renderTab","tab","index","testId","isDisabled","startIcon","_Tab2","disabled","icon","tabIndex","toString","TabContext","TabList","variant","map","TabPanel","MemoizedTabs","exports","memo","displayName"],"sources":["../../src/Tabs.tsx"],"sourcesContent":["/!\n Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport {\n TabContext as MuiTabContext,\n TabList as MuiTabList,\n TabListProps as MuiTabListProps,\n TabPanel as MuiTabPanel,\n} from \"@mui/lab\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport {\n memo,\n ReactElement,\n ReactNode,\n useCallback,\n useEffect,\n useState,\n} from \"react\";\n\nimport { Badge, BadgeProps } from \"./Badge.js\";\nimport { Box } from \"./Box.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type TabItemProps = {\n /\n The content of the Tab itself\n /\n children: ReactNode;\n /\n If `true`, the TabItem is disabled\n /\n isDisabled?: boolean;\n /\n The label text for the TabItem\n /\n label: string;\n /\n An optional icon to display at the start of the TabItem\n /\n startIcon?: ReactElement;\n /\n The value associated with the TabItem\n /\n value?: string;\n} & {\n notificationCount?: BadgeProps[\"badgeContent\"];\n notificationCountMax?: BadgeProps[\"badgeContentMax\"];\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nexport type TabsProps = {\n /\n @deprecated please use the `value` prop instead\n * When `value` is provided, `initialValue` isn't used.\n /\n initialValue?: string;\n /\n Callback fired when the active tab is changed.\n /\n onChange?: MuiTabListProps[\"onChange\"];\n /\n The TabItems to be included in the Tabs group\n /\n tabs: TabItemProps[];\n /\n Identifier for the selected tab.\n /\n value?: string;\n};\n\nconst TabLabel = ({\n label,\n notificationCount,\n notificationCountMax,\n tabState,\n value,\n}: Pick<\n TabItemProps,\n \"label\" \| \"notificationCount\" \| \"notificationCountMax\" \| \"value\"\n> & {\n tabState: string;\n}) => {\n const odysseyDesignTokens = useOdysseyDesignTokens();\n\n return (\n <>\n {label}\n {notificationCount !== undefined && notificationCount > 0 && (\n <Box\n sx={{\n marginInlineStart: notificationCount\n ? odysseyDesignTokens.Spacing2\n : 0,\n }}\n >\n <Badge\n badgeContent={notificationCount}\n badgeContentMax={notificationCountMax}\n type={value === tabState ? \"attention\" : \"default\"}\n />\n </Box>\n )}\n </>\n );\n};\n\nconst Tabs = ({\n ariaLabel,\n initialValue,\n tabs,\n value,\n onChange: onChangeProp,\n}: TabsProps & Pick<HtmlProps, \"ariaLabel\">) => {\n const [tabState, setTabState] = useState(initialValue ?? value ?? \"0\");\n /\n The scrollButtons prop is initially set to `false`.\n It's then reset to `auto` when the document is visible.\n This prevents a rare bug where scroll buttons appear\n when the component is rendered while hidden and the\n screen is wide enough to not need scroll buttons.\n */\n const [scrollButtons, setScrollButtons] =\n useState<MuiTabListProps[\"scrollButtons\"]>(false);\n const onChange = useCallback<NonNullable<MuiTabListProps[\"onChange\"]>>(\n (event, value: string) => {\n setTabState(value);\n onChangeProp?.(event, value);\n },\n [onChangeProp],\n );\n\n useEffect(() => {\n if (value !== undefined) {\n setTabState(value);\n }\n }, [value]);\n\n // listen for visibility change to reset scroll buttons override\n useEffect(() => {\n // keep track of animation frame to cancel when needed\n let animationFrame: number;\n\n // called when unmounted or scroll buttons is reset\n const cleanup = () => {\n cancelAnimationFrame(animationFrame);\n document.removeEventListener(\"visibilitychange\", refreshScrollButtons);\n };\n\n // Reset the scroll buttons override when the document becomes visible.\n // If called, then the document is hidden because the event listener\n // is only registered if the document is hidden\n function refreshScrollButtons() {\n animationFrame = requestAnimationFrame(() => {\n cleanup();\n setScrollButtons(\"auto\");\n });\n }\n\n // don't override scroll buttons if it's already set to \"auto\"\n if (scrollButtons !== \"auto\") {\n document.addEventListener(\"visibilitychange\", refreshScrollButtons);\n }\n return () => {\n cleanup();\n };\n }, [scrollButtons]);\n\n const renderTab = useCallback(\n (tab: TabItemProps, index: number) => {\n const {\n testId,\n isDisabled,\n label,\n startIcon,\n value,\n notificationCount,\n notificationCountMax,\n } = tab;\n\n return (\n <MuiTab\n data-se={testId}\n disabled={isDisabled}\n icon={startIcon}\n key={value ? value : index.toString()}\n label={\n <TabLabel\n label={label}\n notificationCount={notificationCount}\n notificationCountMax={notificationCountMax}\n tabState={tabState}\n value={value}\n />\n }\n tabIndex={0}\n value={value ? value : index.toString()}\n />\n );\n },\n [tabState],\n );\n\n return (\n <MuiTabContext value={tabState}>\n <MuiTabList\n aria-label={ariaLabel}\n onChange={onChange}\n scrollButtons={scrollButtons}\n variant=\"scrollable\"\n >\n {tabs.map((tab, index) => renderTab(tab, index))}\n </MuiTabList>\n {tabs.map((tab, index) => (\n <MuiTabPanel\n key={tab.value ? tab.value : index.toString()}\n value={tab.value ? tab.value : index.toString()}\n >\n {tab.children}\n </MuiTabPanel>\n ))}\n </MuiTabContext>\n );\n};\n\nconst MemoizedTabs = memo(Tabs);\nMemoizedTabs.displayName = \"Tabs\";\n\nexport { MemoizedTabs as Tabs };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tag.cjs CHANGED Viewed

@@ -249,5 +249,5 @@ const Tag = ({
   });
 };
 const MemoizedTag = exports.Tag = (0, _react.memo)(Tag);
-MemoizedTag.displayName = "Tag";
+MemoizedTag.displayName = "Tag::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Tag.cjs.map

package/dist/cjs/Tag.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.cjs","names":["_styled","_interopRequireDefault","require","_react","_i18n","_index","_MuiPropsContext","_OdysseyDesignTokensContext","_TagListContext","_useContrastMode","_jsxRuntime","e","__esModule","default","tagSizeValues","exports","tagColorVariants","getChipColors","colorVariant","contrastMode","odysseyDesignTokens","colors","background","HueNeutral200","text","HueNeutral700","textDisabled","HueNeutral400","HueNeutral100","HueNeutral300","hover","active","border","deleteIcon","HueNeutral500","deleteIconHover","icon","iconDisabled","info","HueBlue200","HueBlue700","HueBlue400","HueBlue100","HueBlue300","HueBlue500","accentOne","HueAccentOne200","HueAccentOne700","HueAccentOne400","HueAccentOne100","HueAccentOne300","HueAccentOne500","accentTwo","HueAccentTwo200","HueAccentTwo800","HueAccentTwo400","HueAccentTwo100","HueAccentTwo700","HueAccentTwo300","HueAccentTwo500","accentThree","HueAccentThree200","HueAccentThree700","HueAccentThree400","HueAccentThree100","HueAccentThree300","HueAccentThree500","accentFour","HueAccentFour200","HueAccentFour700","HueAccentFour400","HueAccentFour100","HueAccentFour300","HueAccentFour500","StyledTag","styled","_Chip2","shouldForwardProp","prop","includes","clickable","size","backgroundColor","color","borderColor","paddingBlock","Spacing1","Tag","isDisabled","label","onClick","onRemove","testId","translate","t","useTranslation","useOdysseyDesignTokens","chipElementType","useContext","TagListContext","useContrastModeContext","renderTag","useCallback","muiProps","jsx","as","Boolean","CloseCircleFilledIcon","role","titleAccess","disabled","onDelete","MuiPropsContext","Consumer","children","MemoizedTag","memo","displayName"],"sources":["../../src/Tag.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 styled from \"@emotion/styled\";\nimport { Chip as MuiChip, ChipProps as MuiChipProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback, useContext } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TagListContext } from \"./TagListContext.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nexport const tagSizeValues = [\"medium\", \"small\"] as const;\n\nexport const tagColorVariants = [\n \"accentFour\",\n \"accentOne\",\n \"accentThree\",\n \"accentTwo\",\n \"default\",\n \"info\",\n] as const;\n\ntype TagColorVariant = (typeof tagColorVariants)[number];\ntype TagSize = (typeof tagSizeValues)[number];\n\nexport type TagProps = {\n /\n Color variant of the Tag, affecting its appearance\n /\n colorVariant?: TagColorVariant;\n icon?: ReactElement;\n isDisabled?: boolean;\n /\n The label text for the Tag\n /\n label: string;\n /\n Callback fired when the Tag is clicked\n /\n onClick?: MuiChipProps[\"onClick\"];\n /\n Callback fired when the remove button of the Tag is clicked\n /\n onRemove?: MuiChipProps[\"onDelete\"];\n /\n * Size variant of the Tag\n */\n size?: TagSize;\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst getChipColors = ({\n colorVariant,\n contrastMode,\n odysseyDesignTokens,\n}: {\n colorVariant: TagColorVariant;\n contrastMode: ContrastMode;\n odysseyDesignTokens: DesignTokens;\n}) => {\n const colors = {\n default: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueNeutral200,\n text: odysseyDesignTokens.HueNeutral700,\n textDisabled: odysseyDesignTokens.HueNeutral400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueNeutral100,\n text: odysseyDesignTokens.HueNeutral700,\n textDisabled: odysseyDesignTokens.HueNeutral300,\n }),\n hover: odysseyDesignTokens.HueNeutral200,\n active: odysseyDesignTokens.HueNeutral300,\n border: odysseyDesignTokens.HueNeutral200,\n deleteIcon: odysseyDesignTokens.HueNeutral500,\n deleteIconHover: odysseyDesignTokens.HueNeutral700,\n icon: odysseyDesignTokens.HueNeutral700,\n iconDisabled: odysseyDesignTokens.HueNeutral300,\n },\n info: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueBlue200,\n text: odysseyDesignTokens.HueBlue700,\n textDisabled: odysseyDesignTokens.HueBlue400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueBlue100,\n text: odysseyDesignTokens.HueBlue700,\n textDisabled: odysseyDesignTokens.HueBlue300,\n }),\n hover: odysseyDesignTokens.HueBlue200,\n active: odysseyDesignTokens.HueBlue300,\n border: odysseyDesignTokens.HueBlue200,\n deleteIcon: odysseyDesignTokens.HueBlue500,\n deleteIconHover: odysseyDesignTokens.HueBlue700,\n icon: odysseyDesignTokens.HueBlue700,\n iconDisabled: odysseyDesignTokens.HueBlue300,\n },\n accentOne: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueAccentOne200,\n text: odysseyDesignTokens.HueAccentOne700,\n textDisabled: odysseyDesignTokens.HueAccentOne400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueAccentOne100,\n text: odysseyDesignTokens.HueAccentOne700,\n textDisabled: odysseyDesignTokens.HueAccentOne300,\n }),\n hover: odysseyDesignTokens.HueAccentOne200,\n active: odysseyDesignTokens.HueAccentOne300,\n border: odysseyDesignTokens.HueAccentOne200,\n deleteIcon: odysseyDesignTokens.HueAccentOne500,\n deleteIconHover: odysseyDesignTokens.HueAccentOne700,\n icon: odysseyDesignTokens.HueAccentOne700,\n iconDisabled: odysseyDesignTokens.HueAccentOne300,\n },\n accentTwo: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueAccentTwo200,\n text: odysseyDesignTokens.HueAccentTwo800,\n textDisabled: odysseyDesignTokens.HueAccentTwo400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueAccentTwo100,\n text: odysseyDesignTokens.HueAccentTwo700,\n textDisabled: odysseyDesignTokens.HueAccentTwo300,\n }),\n hover: odysseyDesignTokens.HueAccentTwo200,\n active: odysseyDesignTokens.HueAccentTwo300,\n border: odysseyDesignTokens.HueAccentTwo200,\n deleteIcon: odysseyDesignTokens.HueAccentTwo500,\n deleteIconHover: odysseyDesignTokens.HueAccentTwo700,\n icon: odysseyDesignTokens.HueAccentTwo700,\n iconDisabled: odysseyDesignTokens.HueAccentTwo300,\n },\n accentThree: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueAccentThree200,\n text: odysseyDesignTokens.HueAccentThree700,\n textDisabled: odysseyDesignTokens.HueAccentThree400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueAccentThree100,\n text: odysseyDesignTokens.HueAccentThree700,\n textDisabled: odysseyDesignTokens.HueAccentThree300,\n }),\n hover: odysseyDesignTokens.HueAccentThree200,\n active: odysseyDesignTokens.HueAccentThree300,\n border: odysseyDesignTokens.HueAccentThree200,\n deleteIcon: odysseyDesignTokens.HueAccentThree500,\n deleteIconHover: odysseyDesignTokens.HueAccentThree700,\n icon: odysseyDesignTokens.HueAccentThree700,\n iconDisabled: odysseyDesignTokens.HueAccentThree300,\n },\n accentFour: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueAccentFour200,\n text: odysseyDesignTokens.HueAccentFour700,\n textDisabled: odysseyDesignTokens.HueAccentFour400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueAccentFour100,\n text: odysseyDesignTokens.HueAccentFour700,\n textDisabled: odysseyDesignTokens.HueAccentFour300,\n }),\n hover: odysseyDesignTokens.HueAccentFour200,\n active: odysseyDesignTokens.HueAccentFour300,\n border: odysseyDesignTokens.HueAccentFour200,\n deleteIcon: odysseyDesignTokens.HueAccentFour500,\n deleteIconHover: odysseyDesignTokens.HueAccentFour700,\n icon: odysseyDesignTokens.HueAccentFour700,\n iconDisabled: odysseyDesignTokens.HueAccentFour300,\n },\n };\n\n return colors[colorVariant] \|\| colors.default;\n};\n\nconst StyledTag = styled(MuiChip, {\n shouldForwardProp: (prop) =>\n ![\"colorVariant\", \"contrastMode\", \"odysseyDesignTokens\", \"size\"].includes(\n prop,\n ),\n})<{\n as?: React.ElementType; // Allow the 'as' prop to be forwarded\n clickable?: boolean;\n colorVariant: TagColorVariant;\n contrastMode: ContrastMode;\n odysseyDesignTokens: DesignTokens;\n size?: TagSize;\n}>(({ colorVariant, contrastMode, odysseyDesignTokens, clickable, size }) => {\n const colors = getChipColors({\n colorVariant,\n odysseyDesignTokens,\n contrastMode,\n });\n\n return {\n backgroundColor: colors.background,\n color: colors.text,\n\n ...(clickable === true && {\n borderColor: colors.border,\n }),\n\n ...(clickable === false && {\n borderColor: \"transparent\",\n }),\n\n ...(size === \"small\" && {\n paddingBlock: `calc(${odysseyDesignTokens.Spacing1})`,\n }),\n\n \"&.MuiChip-clickable:hover\": {\n backgroundColor: colors.hover,\n },\n\n \"&.MuiChip-clickable:active\": {\n backgroundColor: colors.active,\n },\n\n \"&.Mui-disabled\": {\n color: colors.textDisabled,\n borderColor: colors.border,\n \"& .MuiChip-icon, & .MuiChip-deleteIcon\": {\n color: colors.iconDisabled,\n },\n },\n\n \"& .MuiChip-icon\": {\n color: colors.icon,\n },\n\n \"& .MuiChip-deleteIcon\": {\n color: colors.deleteIcon,\n \"&:hover\": {\n color: colors.deleteIconHover,\n },\n },\n };\n});\n\nconst Tag = ({\n colorVariant = \"default\",\n icon,\n isDisabled,\n label,\n onClick,\n onRemove,\n size = \"medium\",\n testId,\n translate,\n}: TagProps) => {\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { chipElementType } = useContext(TagListContext);\n const { contrastMode } = useContrastModeContext();\n\n const renderTag = useCallback(\n (muiProps: MuiPropsContextType) => (\n <StyledTag\n {...muiProps}\n aria-disabled={isDisabled}\n as={chipElementType}\n clickable={Boolean(onClick)}\n colorVariant={colorVariant}\n contrastMode={contrastMode}\n data-se={testId}\n deleteIcon={\n <CloseCircleFilledIcon role=\"button\" titleAccess={t(\"tag.remove\")} />\n }\n disabled={isDisabled}\n icon={icon}\n label={label}\n odysseyDesignTokens={odysseyDesignTokens}\n onClick={onClick}\n onDelete={onRemove}\n size={size}\n translate={translate}\n />\n ),\n [\n t,\n chipElementType,\n colorVariant,\n contrastMode,\n icon,\n isDisabled,\n label,\n odysseyDesignTokens,\n onClick,\n onRemove,\n size,\n testId,\n translate,\n ],\n );\n\n return <MuiPropsContext.Consumer>{renderTag}</MuiPropsContext.Consumer>;\n};\n\nconst MemoizedTag = memo(Tag);\nMemoizedTag.displayName = \"Tag\";\n\nexport { MemoizedTag as Tag };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Tag.cjs","names":["_styled","_interopRequireDefault","require","_react","_i18n","_index","_MuiPropsContext","_OdysseyDesignTokensContext","_TagListContext","_useContrastMode","_jsxRuntime","e","__esModule","default","tagSizeValues","exports","tagColorVariants","getChipColors","colorVariant","contrastMode","odysseyDesignTokens","colors","background","HueNeutral200","text","HueNeutral700","textDisabled","HueNeutral400","HueNeutral100","HueNeutral300","hover","active","border","deleteIcon","HueNeutral500","deleteIconHover","icon","iconDisabled","info","HueBlue200","HueBlue700","HueBlue400","HueBlue100","HueBlue300","HueBlue500","accentOne","HueAccentOne200","HueAccentOne700","HueAccentOne400","HueAccentOne100","HueAccentOne300","HueAccentOne500","accentTwo","HueAccentTwo200","HueAccentTwo800","HueAccentTwo400","HueAccentTwo100","HueAccentTwo700","HueAccentTwo300","HueAccentTwo500","accentThree","HueAccentThree200","HueAccentThree700","HueAccentThree400","HueAccentThree100","HueAccentThree300","HueAccentThree500","accentFour","HueAccentFour200","HueAccentFour700","HueAccentFour400","HueAccentFour100","HueAccentFour300","HueAccentFour500","StyledTag","styled","_Chip2","shouldForwardProp","prop","includes","clickable","size","backgroundColor","color","borderColor","paddingBlock","Spacing1","Tag","isDisabled","label","onClick","onRemove","testId","translate","t","useTranslation","useOdysseyDesignTokens","chipElementType","useContext","TagListContext","useContrastModeContext","renderTag","useCallback","muiProps","jsx","as","Boolean","CloseCircleFilledIcon","role","titleAccess","disabled","onDelete","MuiPropsContext","Consumer","children","MemoizedTag","memo","displayName"],"sources":["../../src/Tag.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 styled from \"@emotion/styled\";\nimport { Chip as MuiChip, ChipProps as MuiChipProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback, useContext } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseCircleFilledIcon } from \"./icons.generated/index.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"./MuiPropsContext.js\";\nimport {\n DesignTokens,\n useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { TagListContext } from \"./TagListContext.js\";\nimport { ContrastMode, useContrastModeContext } from \"./useContrastMode.js\";\n\nexport const tagSizeValues = [\"medium\", \"small\"] as const;\n\nexport const tagColorVariants = [\n \"accentFour\",\n \"accentOne\",\n \"accentThree\",\n \"accentTwo\",\n \"default\",\n \"info\",\n] as const;\n\ntype TagColorVariant = (typeof tagColorVariants)[number];\ntype TagSize = (typeof tagSizeValues)[number];\n\nexport type TagProps = {\n /\n Color variant of the Tag, affecting its appearance\n /\n colorVariant?: TagColorVariant;\n icon?: ReactElement;\n isDisabled?: boolean;\n /\n The label text for the Tag\n /\n label: string;\n /\n Callback fired when the Tag is clicked\n /\n onClick?: MuiChipProps[\"onClick\"];\n /\n Callback fired when the remove button of the Tag is clicked\n /\n onRemove?: MuiChipProps[\"onDelete\"];\n /\n * Size variant of the Tag\n */\n size?: TagSize;\n} & Pick<HtmlProps, \"testId\" \| \"translate\">;\n\nconst getChipColors = ({\n colorVariant,\n contrastMode,\n odysseyDesignTokens,\n}: {\n colorVariant: TagColorVariant;\n contrastMode: ContrastMode;\n odysseyDesignTokens: DesignTokens;\n}) => {\n const colors = {\n default: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueNeutral200,\n text: odysseyDesignTokens.HueNeutral700,\n textDisabled: odysseyDesignTokens.HueNeutral400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueNeutral100,\n text: odysseyDesignTokens.HueNeutral700,\n textDisabled: odysseyDesignTokens.HueNeutral300,\n }),\n hover: odysseyDesignTokens.HueNeutral200,\n active: odysseyDesignTokens.HueNeutral300,\n border: odysseyDesignTokens.HueNeutral200,\n deleteIcon: odysseyDesignTokens.HueNeutral500,\n deleteIconHover: odysseyDesignTokens.HueNeutral700,\n icon: odysseyDesignTokens.HueNeutral700,\n iconDisabled: odysseyDesignTokens.HueNeutral300,\n },\n info: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueBlue200,\n text: odysseyDesignTokens.HueBlue700,\n textDisabled: odysseyDesignTokens.HueBlue400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueBlue100,\n text: odysseyDesignTokens.HueBlue700,\n textDisabled: odysseyDesignTokens.HueBlue300,\n }),\n hover: odysseyDesignTokens.HueBlue200,\n active: odysseyDesignTokens.HueBlue300,\n border: odysseyDesignTokens.HueBlue200,\n deleteIcon: odysseyDesignTokens.HueBlue500,\n deleteIconHover: odysseyDesignTokens.HueBlue700,\n icon: odysseyDesignTokens.HueBlue700,\n iconDisabled: odysseyDesignTokens.HueBlue300,\n },\n accentOne: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueAccentOne200,\n text: odysseyDesignTokens.HueAccentOne700,\n textDisabled: odysseyDesignTokens.HueAccentOne400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueAccentOne100,\n text: odysseyDesignTokens.HueAccentOne700,\n textDisabled: odysseyDesignTokens.HueAccentOne300,\n }),\n hover: odysseyDesignTokens.HueAccentOne200,\n active: odysseyDesignTokens.HueAccentOne300,\n border: odysseyDesignTokens.HueAccentOne200,\n deleteIcon: odysseyDesignTokens.HueAccentOne500,\n deleteIconHover: odysseyDesignTokens.HueAccentOne700,\n icon: odysseyDesignTokens.HueAccentOne700,\n iconDisabled: odysseyDesignTokens.HueAccentOne300,\n },\n accentTwo: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueAccentTwo200,\n text: odysseyDesignTokens.HueAccentTwo800,\n textDisabled: odysseyDesignTokens.HueAccentTwo400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueAccentTwo100,\n text: odysseyDesignTokens.HueAccentTwo700,\n textDisabled: odysseyDesignTokens.HueAccentTwo300,\n }),\n hover: odysseyDesignTokens.HueAccentTwo200,\n active: odysseyDesignTokens.HueAccentTwo300,\n border: odysseyDesignTokens.HueAccentTwo200,\n deleteIcon: odysseyDesignTokens.HueAccentTwo500,\n deleteIconHover: odysseyDesignTokens.HueAccentTwo700,\n icon: odysseyDesignTokens.HueAccentTwo700,\n iconDisabled: odysseyDesignTokens.HueAccentTwo300,\n },\n accentThree: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueAccentThree200,\n text: odysseyDesignTokens.HueAccentThree700,\n textDisabled: odysseyDesignTokens.HueAccentThree400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueAccentThree100,\n text: odysseyDesignTokens.HueAccentThree700,\n textDisabled: odysseyDesignTokens.HueAccentThree300,\n }),\n hover: odysseyDesignTokens.HueAccentThree200,\n active: odysseyDesignTokens.HueAccentThree300,\n border: odysseyDesignTokens.HueAccentThree200,\n deleteIcon: odysseyDesignTokens.HueAccentThree500,\n deleteIconHover: odysseyDesignTokens.HueAccentThree700,\n icon: odysseyDesignTokens.HueAccentThree700,\n iconDisabled: odysseyDesignTokens.HueAccentThree300,\n },\n accentFour: {\n ...(contrastMode === \"highContrast\" && {\n background: odysseyDesignTokens.HueAccentFour200,\n text: odysseyDesignTokens.HueAccentFour700,\n textDisabled: odysseyDesignTokens.HueAccentFour400,\n }),\n ...(contrastMode === \"lowContrast\" && {\n background: odysseyDesignTokens.HueAccentFour100,\n text: odysseyDesignTokens.HueAccentFour700,\n textDisabled: odysseyDesignTokens.HueAccentFour300,\n }),\n hover: odysseyDesignTokens.HueAccentFour200,\n active: odysseyDesignTokens.HueAccentFour300,\n border: odysseyDesignTokens.HueAccentFour200,\n deleteIcon: odysseyDesignTokens.HueAccentFour500,\n deleteIconHover: odysseyDesignTokens.HueAccentFour700,\n icon: odysseyDesignTokens.HueAccentFour700,\n iconDisabled: odysseyDesignTokens.HueAccentFour300,\n },\n };\n\n return colors[colorVariant] \|\| colors.default;\n};\n\nconst StyledTag = styled(MuiChip, {\n shouldForwardProp: (prop) =>\n ![\"colorVariant\", \"contrastMode\", \"odysseyDesignTokens\", \"size\"].includes(\n prop,\n ),\n})<{\n as?: React.ElementType; // Allow the 'as' prop to be forwarded\n clickable?: boolean;\n colorVariant: TagColorVariant;\n contrastMode: ContrastMode;\n odysseyDesignTokens: DesignTokens;\n size?: TagSize;\n}>(({ colorVariant, contrastMode, odysseyDesignTokens, clickable, size }) => {\n const colors = getChipColors({\n colorVariant,\n odysseyDesignTokens,\n contrastMode,\n });\n\n return {\n backgroundColor: colors.background,\n color: colors.text,\n\n ...(clickable === true && {\n borderColor: colors.border,\n }),\n\n ...(clickable === false && {\n borderColor: \"transparent\",\n }),\n\n ...(size === \"small\" && {\n paddingBlock: `calc(${odysseyDesignTokens.Spacing1})`,\n }),\n\n \"&.MuiChip-clickable:hover\": {\n backgroundColor: colors.hover,\n },\n\n \"&.MuiChip-clickable:active\": {\n backgroundColor: colors.active,\n },\n\n \"&.Mui-disabled\": {\n color: colors.textDisabled,\n borderColor: colors.border,\n \"& .MuiChip-icon, & .MuiChip-deleteIcon\": {\n color: colors.iconDisabled,\n },\n },\n\n \"& .MuiChip-icon\": {\n color: colors.icon,\n },\n\n \"& .MuiChip-deleteIcon\": {\n color: colors.deleteIcon,\n \"&:hover\": {\n color: colors.deleteIconHover,\n },\n },\n };\n});\n\nconst Tag = ({\n colorVariant = \"default\",\n icon,\n isDisabled,\n label,\n onClick,\n onRemove,\n size = \"medium\",\n testId,\n translate,\n}: TagProps) => {\n const { t } = useTranslation();\n const odysseyDesignTokens = useOdysseyDesignTokens();\n const { chipElementType } = useContext(TagListContext);\n const { contrastMode } = useContrastModeContext();\n\n const renderTag = useCallback(\n (muiProps: MuiPropsContextType) => (\n <StyledTag\n {...muiProps}\n aria-disabled={isDisabled}\n as={chipElementType}\n clickable={Boolean(onClick)}\n colorVariant={colorVariant}\n contrastMode={contrastMode}\n data-se={testId}\n deleteIcon={\n <CloseCircleFilledIcon role=\"button\" titleAccess={t(\"tag.remove\")} />\n }\n disabled={isDisabled}\n icon={icon}\n label={label}\n odysseyDesignTokens={odysseyDesignTokens}\n onClick={onClick}\n onDelete={onRemove}\n size={size}\n translate={translate}\n />\n ),\n [\n t,\n chipElementType,\n colorVariant,\n contrastMode,\n icon,\n isDisabled,\n label,\n odysseyDesignTokens,\n onClick,\n onRemove,\n size,\n testId,\n translate,\n ],\n );\n\n return <MuiPropsContext.Consumer>{renderTag}</MuiPropsContext.Consumer>;\n};\n\nconst MemoizedTag = memo(Tag);\nMemoizedTag.displayName = \"Tag\";\n\nexport { MemoizedTag as Tag };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/TagList.cjs CHANGED Viewed

@@ -42,5 +42,5 @@ const TagList = ({
   });
 };
 const MemoizedTagList = exports.TagList = (0, _react.memo)(TagList);
-MemoizedTagList.displayName = "TagList";
+MemoizedTagList.displayName = "TagList::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=TagList.cjs.map

package/dist/cjs/TagList.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagList.cjs","names":["_react","require","_TagListContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TagList","children","testId","providerValue","useMemo","chipElementType","jsx","_Stack2","component","direction","flexWrap","spacing","useFlexGap","TagListContext","Provider","value","MemoizedTagList","exports","memo","displayName"],"sources":["../../src/TagList.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 { Stack } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { Tag } from \"./Tag.js\";\nimport { ChipElementType, TagListContext } from \"./TagListContext.js\";\n\nexport type TagListProps = {\n /\n The Tag or array of Tags within the TagList\n */\n children: ReactElement<typeof Tag> \| Array<ReactElement<typeof Tag>>;\n} & Pick<HtmlProps, \"testId\">;\n\nconst TagList = ({ children, testId }: TagListProps) => {\n const providerValue = useMemo<{\n chipElementType: ChipElementType;\n }>(\n () => ({\n chipElementType: \"li\",\n }),\n [],\n );\n\n return (\n <Stack\n component=\"ul\"\n data-se={testId}\n direction=\"row\"\n flexWrap=\"wrap\"\n spacing={2}\n useFlexGap\n >\n <TagListContext.Provider value={providerValue}>\n {children}\n </TagListContext.Provider>\n </Stack>\n );\n};\n\nconst MemoizedTagList = memo(TagList);\nMemoizedTagList.displayName = \"TagList\";\n\nexport { MemoizedTagList as TagList };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACtD,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAG3B,OAAO;IACLC,eAAe,EAAE;EACnB,CAAC,CAAC,EACF,EACF,CAAC;EAED,OACE,IAAAV,WAAA,CAAAW,GAAA,EAAAC,OAAA,CAAAR,OAAA;IACES,SAAS,EAAC,IAAI;IACd,WAASN,MAAO;IAChBO,SAAS,EAAC,KAAK;IACfC,QAAQ,EAAC,MAAM;IACfC,OAAO,EAAE,CAAE;IACXC,UAAU;IAAAX,QAAA,EAEV,IAAAN,WAAA,CAAAW,GAAA,EAACZ,eAAA,CAAAmB,cAAc,CAACC,QAAQ;MAACC,KAAK,EAAEZ,aAAc;MAAAF,QAAA,EAC3CA;IAAQ,CACc;EAAC,CACrB,CAAC;AAEZ,CAAC;AAED,MAAMe,eAAe,GAAAC,OAAA,CAAAjB,OAAA,GAAG,IAAAkB,WAAI,EAAClB,OAAO,CAAC;AACrCgB,eAAe,CAACG,WAAW,~~GAAG,SAAS~~","ignoreList":[]}
1	+ {"version":3,"file":"TagList.cjs","names":["_react","require","_TagListContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","TagList","children","testId","providerValue","useMemo","chipElementType","jsx","_Stack2","component","direction","flexWrap","spacing","useFlexGap","TagListContext","Provider","value","MemoizedTagList","exports","memo","displayName"],"sources":["../../src/TagList.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 { Stack } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { Tag } from \"./Tag.js\";\nimport { ChipElementType, TagListContext } from \"./TagListContext.js\";\n\nexport type TagListProps = {\n /\n The Tag or array of Tags within the TagList\n */\n children: ReactElement<typeof Tag> \| Array<ReactElement<typeof Tag>>;\n} & Pick<HtmlProps, \"testId\">;\n\nconst TagList = ({ children, testId }: TagListProps) => {\n const providerValue = useMemo<{\n chipElementType: ChipElementType;\n }>(\n () => ({\n chipElementType: \"li\",\n }),\n [],\n );\n\n return (\n <Stack\n component=\"ul\"\n data-se={testId}\n direction=\"row\"\n flexWrap=\"wrap\"\n spacing={2}\n useFlexGap\n >\n <TagListContext.Provider value={providerValue}>\n {children}\n </TagListContext.Provider>\n </Stack>\n );\n};\n\nconst MemoizedTagList = memo(TagList);\nMemoizedTagList.displayName = \"TagList\";\n\nexport { MemoizedTagList as TagList };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,KAAK;EACtD,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAG3B,OAAO;IACLC,eAAe,EAAE;EACnB,CAAC,CAAC,EACF,EACF,CAAC;EAED,OACE,IAAAV,WAAA,CAAAW,GAAA,EAAAC,OAAA,CAAAR,OAAA;IACES,SAAS,EAAC,IAAI;IACd,WAASN,MAAO;IAChBO,SAAS,EAAC,KAAK;IACfC,QAAQ,EAAC,MAAM;IACfC,OAAO,EAAE,CAAE;IACXC,UAAU;IAAAX,QAAA,EAEV,IAAAN,WAAA,CAAAW,GAAA,EAACZ,eAAA,CAAAmB,cAAc,CAACC,QAAQ;MAACC,KAAK,EAAEZ,aAAc;MAAAF,QAAA,EAC3CA;IAAQ,CACc;EAAC,CACrB,CAAC;AAEZ,CAAC;AAED,MAAMe,eAAe,GAAAC,OAAA,CAAAjB,OAAA,GAAG,IAAAkB,WAAI,EAAClB,OAAO,CAAC;AACrCgB,eAAe,CAACG,WAAW,yCAAY","ignoreList":[]}

package/dist/cjs/TextField.cjs CHANGED Viewed

@@ -43,12 +43,15 @@ const TextField = (0, _react.forwardRef)(({
   isOptional = false,
   isReadOnly,
   label,
+  max,
+  min,
   name: nameOverride,
   onBlur,
   onChange: onChangeProp,
   onFocus,
   placeholder,
   startAdornment,
+  step,
   testId,
   translate,
   type = "text",
@@ -93,8 +96,12 @@ const TextField = (0, _react.forwardRef)(({
     inputProps: {
       "aria-errormessage": errorMessageElementId,
       "aria-labelledby": labelElementId,
+      "aria-readonly": isReadOnly,
       "data-se": testId,
-      inputMode
+      inputMode,
+      max,
+      min,
+      step
     },
     inputRef: localInputRef,
     multiline: isMultiline,
@@ -113,7 +120,7 @@ const TextField = (0, _react.forwardRef)(({
     }),
     translate: translate,
     type: type
-  }), [autoCompleteType, inputValues, hasInitialFocus, endAdornment, inputMode, isMultiline, nameOverride, onBlur, onChange, onFocus, placeholder, isOptional, isReadOnly, ref, startAdornment, testId, translate, type]);
+  }), [autoCompleteType, inputValues, hasInitialFocus, endAdornment, inputMode, max, min, isMultiline, nameOverride, onBlur, onChange, onFocus, placeholder, isOptional, isReadOnly, ref, startAdornment, step, testId, translate, type]);
   return (0, _jsxRuntime.jsx)(_Field.Field, {
     ariaDescribedBy: ariaDescribedBy,
     errorMessage: errorMessage,
@@ -126,10 +133,11 @@ const TextField = (0, _react.forwardRef)(({
     isDisabled: isDisabled,
     isFullWidth: isFullWidth,
     isOptional: isOptional,
+    isReadOnly: isReadOnly,
     label: label,
     renderFieldComponent: renderFieldComponent
   });
 });
 const MemoizedTextField = exports.TextField = (0, _react.memo)(TextField);
-MemoizedTextField.displayName = "TextField";
+MemoizedTextField.displayName = "TextField::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=TextField.cjs.map

package/dist/cjs/TextField.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","textFieldTypeValues","exports","TextField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","label","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","testId","translate","type","value","ref","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","localInputRef","useImperativeHandle","focus","useCallback","event","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_InputBase2","autoComplete","autoFocus","_InputAdornment2","position","children","inputProps","multiline","readOnly","required","Field","fieldType","hasVisibleLabel","MemoizedTextField","memo","displayName"],"sources":["../../src/TextField.tsx"],"sourcesContent":["/!\n Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport { InputAdornment, InputBase } from \"@mui/material\";\nimport {\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n InputHTMLAttributes,\n memo,\n ReactElement,\n useCallback,\n useImperativeHandle,\n useRef,\n} from \"react\";\n\nimport { Field } from \"./Field.js\";\nimport {\n FieldComponentProps,\n FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport const textFieldTypeValues = [\n \"email\",\n \"number\",\n \"tel\",\n \"text\",\n \"url\",\n] as const;\n\nexport type TextFieldProps = {\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 default value. Use when the component is not controlled.\n /\n defaultValue?: string;\n /\n End `InputAdornment` for this component.\n /\n endAdornment?: string \| ReactElement;\n /\n If `true`, the component will receive focus automatically.\n /\n hasInitialFocus?: boolean;\n /\n Hints at the type of data that might be entered by the user while editing the element or its contents\n * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n /\n inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n /\n The ref forwarded to the TextField\n /\n inputRef?: React.RefObject<FocusHandle>;\n /\n If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n /\n isMultiline?: boolean;\n /\n The label for the `input` element.\n /\n label: string;\n /\n Callback fired when the `input` element loses focus.\n /\n onBlur?: FocusEventHandler<HTMLInputElement \| HTMLTextAreaElement>;\n /\n Callback fired when the value is changed.\n /\n onChange?: ChangeEventHandler<HTMLTextAreaElement \| HTMLInputElement>;\n /\n Callback fired when the `input` element get focus.\n /\n onFocus?: FocusEventHandler<HTMLInputElement \| HTMLTextAreaElement>;\n /\n The short hint displayed in the `input` before the user enters a value.\n /\n placeholder?: string;\n /\n Start `InputAdornment` for this component.\n /\n startAdornment?: string \| ReactElement;\n /\n Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n /\n type?: (typeof textFieldTypeValues)[number];\n /\n The value of the `input` element, required for a controlled component.\n /\n value?: string;\n} & FieldComponentProps &\n Pick<HtmlProps, \"ariaDescribedBy\" \| \"testId\" \| \"translate\">;\n\ntype FieldRenderProps = Partial<\n Pick<FieldComponentRenderProps, \"ariaDescribedBy\" \| \"errorMessageElementId\">\n> &\n Pick<FieldComponentRenderProps, \"id\" \| \"labelElementId\">;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n ariaDescribedBy,\n autoCompleteType,\n defaultValue,\n hasInitialFocus,\n endAdornment,\n errorMessage,\n errorMessageList,\n hint,\n HintLinkComponent,\n id: idOverride,\n inputRef,\n inputMode,\n isDisabled = false,\n isFullWidth = false,\n isMultiline = false,\n isOptional = false,\n isReadOnly,\n label,\n name: nameOverride,\n onBlur,\n onChange: onChangeProp,\n onFocus,\n placeholder,\n startAdornment,\n testId,\n translate,\n type = \"text\",\n value: value,\n },\n ref,\n ) => {\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: value,\n uncontrolledValue: defaultValue,\n }),\n );\n const inputValues = useInputValues({\n defaultValue,\n value,\n controlState: controlledStateRef.current,\n });\n\n const localInputRef = useRef<HTMLInputElement>(null);\n useImperativeHandle(inputRef, () => {\n return {\n focus: () => {\n localInputRef.current?.focus();\n },\n };\n }, []);\n\n const onChange = useCallback<\n NonNullable<ChangeEventHandler<HTMLTextAreaElement \| HTMLInputElement>>\n >(\n (event) => {\n onChangeProp?.(event);\n },\n [onChangeProp],\n );\n\n const renderFieldComponent = useCallback(\n ({\n ariaDescribedBy,\n errorMessageElementId,\n id,\n labelElementId,\n }: FieldRenderProps) => (\n <InputBase\n {...inputValues}\n aria-describedby={ariaDescribedBy}\n autoComplete={autoCompleteType}\n / eslint-disable-next-line jsx-a11y/no-autofocus */\n autoFocus={hasInitialFocus}\n endAdornment={\n endAdornment && (\n <InputAdornment position=\"end\" translate={translate}>\n {endAdornment}\n </InputAdornment>\n )\n }\n id={id}\n inputProps={{\n \"aria-errormessage\": errorMessageElementId,\n \"aria-labelledby\": labelElementId,\n \"data-se\": testId,\n inputMode,\n }}\n inputRef={localInputRef}\n multiline={isMultiline}\n name={nameOverride ?? id}\n onBlur={onBlur}\n onChange={onChange}\n onFocus={onFocus}\n placeholder={placeholder}\n readOnly={isReadOnly}\n ref={ref}\n required={!isOptional}\n startAdornment={\n startAdornment && (\n <InputAdornment position=\"start\" translate={translate}>\n {startAdornment}\n </InputAdornment>\n )\n }\n translate={translate}\n type={type}\n />\n ),\n [\n autoCompleteType,\n inputValues,\n hasInitialFocus,\n endAdornment,\n inputMode,\n isMultiline,\n nameOverride,\n onBlur,\n onChange,\n onFocus,\n placeholder,\n isOptional,\n isReadOnly,\n ref,\n startAdornment,\n testId,\n translate,\n type,\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 MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"TextField.cjs","names":["_react","require","_Field","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","textFieldTypeValues","exports","TextField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","hasInitialFocus","endAdornment","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","inputRef","inputMode","isDisabled","isFullWidth","isMultiline","isOptional","isReadOnly","label","max","min","name","nameOverride","onBlur","onChange","onChangeProp","onFocus","placeholder","startAdornment","step","testId","translate","type","value","ref","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","localInputRef","useImperativeHandle","focus","useCallback","event","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_InputBase2","autoComplete","autoFocus","_InputAdornment2","position","children","inputProps","multiline","readOnly","required","Field","fieldType","hasVisibleLabel","MemoizedTextField","memo","displayName"],"sources":["../../src/TextField.tsx"],"sourcesContent":["/!\n Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n \n You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n \n See the License for the specific language governing permissions and limitations under the License.\n /\n\nimport { InputAdornment, InputBase } from \"@mui/material\";\nimport {\n ChangeEventHandler,\n FocusEventHandler,\n forwardRef,\n InputHTMLAttributes,\n memo,\n ReactElement,\n useCallback,\n useImperativeHandle,\n useRef,\n} from \"react\";\n\nimport { Field } from \"./Field.js\";\nimport {\n FieldComponentProps,\n FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport const textFieldTypeValues = [\n \"email\",\n \"number\",\n \"tel\",\n \"text\",\n \"url\",\n] as const;\n\nexport type TextFieldProps = {\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 default value. Use when the component is not controlled.\n /\n defaultValue?: string;\n /\n End `InputAdornment` for this component.\n /\n endAdornment?: string \| ReactElement;\n /\n If `true`, the component will receive focus automatically.\n /\n hasInitialFocus?: boolean;\n /\n Hints at the type of data that might be entered by the user while editing the element or its contents\n * @see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute\n /\n inputMode?: InputHTMLAttributes<HTMLInputElement>[\"inputMode\"];\n /\n The ref forwarded to the TextField\n /\n inputRef?: React.RefObject<FocusHandle>;\n /\n If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n /\n isMultiline?: boolean;\n /\n The label for the `input` element.\n /\n label: string;\n /\n The maximum value for a `number` input.\n /\n max?: number;\n /\n The minimum value for a `number` input.\n /\n min?: number;\n /\n Callback fired when the `input` element loses focus.\n /\n onBlur?: FocusEventHandler<HTMLInputElement \| HTMLTextAreaElement>;\n /\n Callback fired when the value is changed.\n /\n onChange?: ChangeEventHandler<HTMLTextAreaElement \| HTMLInputElement>;\n /\n Callback fired when the `input` element get focus.\n /\n onFocus?: FocusEventHandler<HTMLInputElement \| HTMLTextAreaElement>;\n /\n The short hint displayed in the `input` before the user enters a value.\n /\n placeholder?: string;\n /\n Start `InputAdornment` for this component.\n /\n startAdornment?: string \| ReactElement;\n /\n The step interval for a `number` input.\n /\n step?: number;\n /\n Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n /\n type?: (typeof textFieldTypeValues)[number];\n /\n The value of the `input` element, required for a controlled component.\n /\n value?: string;\n} & FieldComponentProps &\n Pick<HtmlProps, \"ariaDescribedBy\" \| \"testId\" \| \"translate\">;\n\ntype FieldRenderProps = Partial<\n Pick<FieldComponentRenderProps, \"ariaDescribedBy\" \| \"errorMessageElementId\">\n> &\n Pick<FieldComponentRenderProps, \"id\" \| \"labelElementId\">;\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n (\n {\n ariaDescribedBy,\n autoCompleteType,\n defaultValue,\n hasInitialFocus,\n endAdornment,\n errorMessage,\n errorMessageList,\n hint,\n HintLinkComponent,\n id: idOverride,\n inputRef,\n inputMode,\n isDisabled = false,\n isFullWidth = false,\n isMultiline = false,\n isOptional = false,\n isReadOnly,\n label,\n max,\n min,\n name: nameOverride,\n onBlur,\n onChange: onChangeProp,\n onFocus,\n placeholder,\n startAdornment,\n step,\n testId,\n translate,\n type = \"text\",\n value: value,\n },\n ref,\n ) => {\n const controlledStateRef = useRef(\n getControlState({\n controlledValue: value,\n uncontrolledValue: defaultValue,\n }),\n );\n const inputValues = useInputValues({\n defaultValue,\n value,\n controlState: controlledStateRef.current,\n });\n\n const localInputRef = useRef<HTMLInputElement>(null);\n useImperativeHandle(inputRef, () => {\n return {\n focus: () => {\n localInputRef.current?.focus();\n },\n };\n }, []);\n\n const onChange = useCallback<\n NonNullable<ChangeEventHandler<HTMLTextAreaElement \| HTMLInputElement>>\n >(\n (event) => {\n onChangeProp?.(event);\n },\n [onChangeProp],\n );\n\n const renderFieldComponent = useCallback(\n ({\n ariaDescribedBy,\n errorMessageElementId,\n id,\n labelElementId,\n }: FieldRenderProps) => (\n <InputBase\n {...inputValues}\n aria-describedby={ariaDescribedBy}\n autoComplete={autoCompleteType}\n / eslint-disable-next-line jsx-a11y/no-autofocus */\n autoFocus={hasInitialFocus}\n endAdornment={\n endAdornment && (\n <InputAdornment position=\"end\" translate={translate}>\n {endAdornment}\n </InputAdornment>\n )\n }\n id={id}\n inputProps={{\n \"aria-errormessage\": errorMessageElementId,\n \"aria-labelledby\": labelElementId,\n \"aria-readonly\": isReadOnly,\n \"data-se\": testId,\n inputMode,\n max,\n min,\n step,\n }}\n inputRef={localInputRef}\n multiline={isMultiline}\n name={nameOverride ?? id}\n onBlur={onBlur}\n onChange={onChange}\n onFocus={onFocus}\n placeholder={placeholder}\n readOnly={isReadOnly}\n ref={ref}\n required={!isOptional}\n startAdornment={\n startAdornment && (\n <InputAdornment position=\"start\" translate={translate}>\n {startAdornment}\n </InputAdornment>\n )\n }\n translate={translate}\n type={type}\n />\n ),\n [\n autoCompleteType,\n inputValues,\n hasInitialFocus,\n endAdornment,\n inputMode,\n max,\n min,\n isMultiline,\n nameOverride,\n onBlur,\n onChange,\n onFocus,\n placeholder,\n isOptional,\n isReadOnly,\n ref,\n startAdornment,\n step,\n testId,\n translate,\n type,\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 isReadOnly={isReadOnly}\n label={label}\n renderFieldComponent={renderFieldComponent}\n />\n );\n },\n);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Toast.cjs CHANGED Viewed

@@ -92,5 +92,5 @@ const Toast = ({
   });
 };
 const MemoizedToast = exports.Toast = (0, _react.memo)(Toast);
-MemoizedToast.displayName = "Toast";
+MemoizedToast.displayName = "Toast::pkg=odyssey&odysseyV=1.57.0";
 //# sourceMappingURL=Toast.cjs.map