@okta/odyssey-react-mui 1.43.0 → 1.44.0

package/dist/cjs/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","names":["_react","require","_Typography","_Box","_styled","_interopRequireDefault","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","EmptyContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","marginBlock","Spacing9","padding","Spacing5","textAlign","width","alignItems","TextContainer","maxWidth","TypographyLineLengthMax","EmptyState","heading","description","PrimaryCallToActionComponent","SecondaryCallToActionComponent","useOdysseyDesignTokens","jsxs","children","jsx","Heading4","Paragraph","Box","sx","marginBlockStart","MemoizedEmptyState","exports","DataTableEmptyState","memo","displayName"],"sources":["../../src/EmptyState.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ReactNode, memo } from \"react\";\nimport { Heading4, Paragraph } from \"./Typography.js\";\nimport { Box } from \"./Box.js\";\nimport styled from \"@emotion/styled\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nconst EmptyContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  marginBlock: odysseyDesignTokens.Spacing9,\n  padding: odysseyDesignTokens.Spacing5,\n  textAlign: \"center\",\n  width: \"100%\",\n  alignItems: \"center\",\n}));\n\nconst TextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n}));\n\nexport type EmptyStateProps = {\n  /**\n   * Main heading of the empty state\n   */\n  heading: string;\n  /**\n   * A descriptive text explaining more context as to why we don't have data.\n   */\n  description: string;\n  /**\n   * Primary call to action\n   */\n  PrimaryCallToActionComponent?: ReactNode;\n  /**\n   * Secondary call to action\n   */\n  SecondaryCallToActionComponent?: ReactNode;\n};\n\nconst EmptyState = ({\n  heading,\n  description,\n  PrimaryCallToActionComponent,\n  SecondaryCallToActionComponent,\n}: EmptyStateProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <EmptyContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <TextContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Heading4>{heading}</Heading4>\n        <Paragraph>{description}</Paragraph>\n      </TextContainer>\n      {(PrimaryCallToActionComponent || SecondaryCallToActionComponent) && (\n        <Box sx={{ marginBlockStart: 5 }}>\n          {SecondaryCallToActionComponent}\n          {PrimaryCallToActionComponent}\n        </Box>\n      )}\n    </EmptyContainer>\n  );\n};\n\nconst MemoizedEmptyState = memo(EmptyState);\nMemoizedEmptyState.displayName = \"EmptyState\";\n\nexport { MemoizedEmptyState as EmptyState };\nexport { MemoizedEmptyState as DataTableEmptyState };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,2BAAA,GAAAL,OAAA;AAGyC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnBzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA,MAAMG,cAAc,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACnCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,WAAW,EAAEH,mBAAmB,CAACI,QAAQ;EACzCC,OAAO,EAAEL,mBAAmB,CAACM,QAAQ;EACrCC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AACd,CAAC,CAAC,CAAC;AAEH,MAAMC,aAAa,GAAG,IAAAb,eAAM,EAAC,KAAK,EAAE;EAClCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEW,QAAQ,EAAEX,mBAAmB,CAACY;AAChC,CAAC,CAAC,CAAC;AAqBH,MAAMC,UAAU,GAAGA,CAAC;EAClBC,OAAO;EACPC,WAAW;EACXC,4BAA4B;EAC5BC;AACe,CAAC,KAAK;EACrB,MAAMjB,mBAAmB,GAAG,IAAAkB,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAA1B,WAAA,CAAA2B,IAAA,EAACvB,cAAc;IAACI,mBAAmB,EAAEA,mBAAoB;IAAAoB,QAAA,GACvD,IAAA5B,WAAA,CAAA2B,IAAA,EAACT,aAAa;MAACV,mBAAmB,EAAEA,mBAAoB;MAAAoB,QAAA,GACtD,IAAA5B,WAAA,CAAA6B,GAAA,EAAClC,WAAA,CAAAmC,QAAQ;QAAAF,QAAA,EAAEN;MAAO,CAAW,CAAC,EAC9B,IAAAtB,WAAA,CAAA6B,GAAA,EAAClC,WAAA,CAAAoC,SAAS;QAAAH,QAAA,EAAEL;MAAW,CAAY,CAAC;IAAA,CACvB,CAAC,EACf,CAACC,4BAA4B,IAAIC,8BAA8B,KAC9D,IAAAzB,WAAA,CAAA2B,IAAA,EAAC/B,IAAA,CAAAoC,GAAG;MAACC,EAAE,EAAE;QAAEC,gBAAgB,EAAE;MAAE,CAAE;MAAAN,QAAA,GAC9BH,8BAA8B,EAC9BD,4BAA4B;IAAA,CAC1B,CACN;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMW,kBAAkB,GAAAC,OAAA,CAAAC,mBAAA,GAAAD,OAAA,CAAAf,UAAA,GAAG,IAAAiB,WAAI,EAACjB,UAAU,CAAC;AAC3Cc,kBAAkB,CAACI,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"EmptyState.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","EmptyContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","display","flexDirection","marginBlock","Spacing9","padding","Spacing5","textAlign","width","alignItems","TextContainer","maxWidth","TypographyLineLengthMax","EmptyState","heading","description","PrimaryCallToActionComponent","SecondaryCallToActionComponent","useOdysseyDesignTokens","jsxs","children","jsx","Heading4","Paragraph","Box","sx","marginBlockStart","MemoizedEmptyState","exports","DataTableEmptyState","memo","displayName"],"sources":["../../src/EmptyState.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo, ReactNode } from \"react\";\n\nimport { Box } from \"./Box.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading4, Paragraph } from \"./Typography.js\";\n\nconst EmptyContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  display: \"flex\",\n  flexDirection: \"column\",\n  marginBlock: odysseyDesignTokens.Spacing9,\n  padding: odysseyDesignTokens.Spacing5,\n  textAlign: \"center\",\n  width: \"100%\",\n  alignItems: \"center\",\n}));\n\nconst TextContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n}));\n\nexport type EmptyStateProps = {\n  /**\n   * A descriptive text explaining more context as to why we don't have data.\n   */\n  description: string;\n  /**\n   * Main heading of the empty state\n   */\n  heading: string;\n  /**\n   * Primary call to action\n   */\n  PrimaryCallToActionComponent?: ReactNode;\n  /**\n   * Secondary call to action\n   */\n  SecondaryCallToActionComponent?: ReactNode;\n};\n\nconst EmptyState = ({\n  heading,\n  description,\n  PrimaryCallToActionComponent,\n  SecondaryCallToActionComponent,\n}: EmptyStateProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <EmptyContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <TextContainer odysseyDesignTokens={odysseyDesignTokens}>\n        <Heading4>{heading}</Heading4>\n        <Paragraph>{description}</Paragraph>\n      </TextContainer>\n      {(PrimaryCallToActionComponent || SecondaryCallToActionComponent) && (\n        <Box sx={{ marginBlockStart: 5 }}>\n          {SecondaryCallToActionComponent}\n          {PrimaryCallToActionComponent}\n        </Box>\n      )}\n    </EmptyContainer>\n  );\n};\n\nconst MemoizedEmptyState = memo(EmptyState);\nMemoizedEmptyState.displayName = \"EmptyState\";\n\nexport { MemoizedEmptyState as EmptyState };\nexport { MemoizedEmptyState as DataTableEmptyState };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AAAsD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApBtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA,MAAMG,cAAc,GAAG,IAAAC,eAAM,EAAC,KAAK,EAAE;EACnCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,WAAW,EAAEH,mBAAmB,CAACI,QAAQ;EACzCC,OAAO,EAAEL,mBAAmB,CAACM,QAAQ;EACrCC,SAAS,EAAE,QAAQ;EACnBC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AACd,CAAC,CAAC,CAAC;AAEH,MAAMC,aAAa,GAAG,IAAAb,eAAM,EAAC,KAAK,EAAE;EAClCC,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtEW,QAAQ,EAAEX,mBAAmB,CAACY;AAChC,CAAC,CAAC,CAAC;AAqBH,MAAMC,UAAU,GAAGA,CAAC;EAClBC,OAAO;EACPC,WAAW;EACXC,4BAA4B;EAC5BC;AACe,CAAC,KAAK;EACrB,MAAMjB,mBAAmB,GAAG,IAAAkB,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAA1B,WAAA,CAAA2B,IAAA,EAACvB,cAAc;IAACI,mBAAmB,EAAEA,mBAAoB;IAAAoB,QAAA,GACvD,IAAA5B,WAAA,CAAA2B,IAAA,EAACT,aAAa;MAACV,mBAAmB,EAAEA,mBAAoB;MAAAoB,QAAA,GACtD,IAAA5B,WAAA,CAAA6B,GAAA,EAAC9B,WAAA,CAAA+B,QAAQ;QAAAF,QAAA,EAAEN;MAAO,CAAW,CAAC,EAC9B,IAAAtB,WAAA,CAAA6B,GAAA,EAAC9B,WAAA,CAAAgC,SAAS;QAAAH,QAAA,EAAEL;MAAW,CAAY,CAAC;IAAA,CACvB,CAAC,EACf,CAACC,4BAA4B,IAAIC,8BAA8B,KAC9D,IAAAzB,WAAA,CAAA2B,IAAA,EAAC9B,IAAA,CAAAmC,GAAG;MAACC,EAAE,EAAE;QAAEC,gBAAgB,EAAE;MAAE,CAAE;MAAAN,QAAA,GAC9BH,8BAA8B,EAC9BD,4BAA4B;IAAA,CAC1B,CACN;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMW,kBAAkB,GAAAC,OAAA,CAAAC,mBAAA,GAAAD,OAAA,CAAAf,UAAA,GAAG,IAAAiB,WAAI,EAACjB,UAAU,CAAC;AAC3Cc,kBAAkB,CAACI,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/cjs/ErrorMessageList.cjs

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.ErrorMessageList = void 0;
 var _List2 = _interopRequireDefault(require("@mui/material/List"));
 var _ListItem2 = _interopRequireDefault(require("@mui/material/ListItem"));
-var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _react = require("react");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -35,12 +35,12 @@ const ErrorMessageList = ({
     paddingInlineStart: odysseyDesignTokens.Spacing4
   }), [odysseyDesignTokens]);
   return (0, _jsxRuntime.jsx)(_List2.default, {
-    disablePadding: true,
     dense: true,
+    disablePadding: true,
     sx: listStyles,
     children: errorMessages.map(errorMessage => (0, _jsxRuntime.jsx)(_ListItem2.default, {
-      disablePadding: true,
       dense: true,
+      disablePadding: true,
       sx: listItemStyles,
       children: errorMessage
     }, errorMessage))

package/dist/cjs/ErrorMessageList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessageList.cjs","names":["_OdysseyDesignTokensContext","require","_react","_jsxRuntime","_interopRequireDefault","e","__esModule","default","listItemStyles","display","paddingInlineStart","ErrorMessageList","errorMessages","odysseyDesignTokens","useOdysseyDesignTokens","listStyles","useMemo","listStyle","Spacing4","jsx","_List2","disablePadding","dense","sx","children","map","errorMessage","_ListItem2","MemoizedErrorMessageList","exports","memo","displayName"],"sources":["../../src/ErrorMessageList.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 { List as MuiList, ListItem as MuiListItem } from \"@mui/material\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\nimport { memo, useMemo } from \"react\";\n\nexport type ErrorMessageListProps = {\n  errorMessages: string[];\n};\n\nconst listItemStyles = {\n  display: \"list-item\",\n  paddingInlineStart: 0,\n};\n\nconst ErrorMessageList = ({ errorMessages }: ErrorMessageListProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const listStyles = useMemo(\n    () => ({\n      listStyle: \"disc\",\n      paddingInlineStart: odysseyDesignTokens.Spacing4,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <MuiList disablePadding dense sx={listStyles}>\n      {errorMessages.map((errorMessage) => (\n        <MuiListItem\n          key={errorMessage}\n          disablePadding\n          dense\n          sx={listItemStyles}\n        >\n          {errorMessage}\n        </MuiListItem>\n      ))}\n    </MuiList>\n  );\n};\n\nconst MemoizedErrorMessageList = memo(ErrorMessageList);\nMemoizedErrorMessageList.displayName = \"ErrorMessageList\";\n\nexport { MemoizedErrorMessageList as ErrorMessageList };\n"],"mappings":";;;;;;;;AAaA,IAAAA,2BAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAdtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAMG,cAAc,GAAG;EACrBC,OAAO,EAAE,WAAW;EACpBC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EACrE,MAAMC,mBAAmB,GAAG,IAAAC,kDAAsB,EAAC,CAAC;EAEpD,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,OAAO;IACLC,SAAS,EAAE,MAAM;IACjBP,kBAAkB,EAAEG,mBAAmB,CAACK;EAC1C,CAAC,CAAC,EACF,CAACL,mBAAmB,CACtB,CAAC;EAED,OACE,IAAAV,WAAA,CAAAgB,GAAA,EAAAC,MAAA,CAAAb,OAAA;IAASc,cAAc;IAACC,KAAK;IAACC,EAAE,EAAER,UAAW;IAAAS,QAAA,EAC1CZ,aAAa,CAACa,GAAG,CAAEC,YAAY,IAC9B,IAAAvB,WAAA,CAAAgB,GAAA,EAAAQ,UAAA,CAAApB,OAAA;MAEEc,cAAc;MACdC,KAAK;MACLC,EAAE,EAAEf,cAAe;MAAAgB,QAAA,EAElBE;IAAY,GALRA,YAMM,CACd;EAAC,CACK,CAAC;AAEd,CAAC;AAED,MAAME,wBAAwB,GAAAC,OAAA,CAAAlB,gBAAA,GAAG,IAAAmB,WAAI,EAACnB,gBAAgB,CAAC;AACvDiB,wBAAwB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"file":"ErrorMessageList.cjs","names":["_react","require","_OdysseyDesignTokensContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","listItemStyles","display","paddingInlineStart","ErrorMessageList","errorMessages","odysseyDesignTokens","useOdysseyDesignTokens","listStyles","useMemo","listStyle","Spacing4","jsx","_List2","dense","disablePadding","sx","children","map","errorMessage","_ListItem2","MemoizedErrorMessageList","exports","memo","displayName"],"sources":["../../src/ErrorMessageList.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 { List as MuiList, ListItem as MuiListItem } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type ErrorMessageListProps = {\n  errorMessages: string[];\n};\n\nconst listItemStyles = {\n  display: \"list-item\",\n  paddingInlineStart: 0,\n};\n\nconst ErrorMessageList = ({ errorMessages }: ErrorMessageListProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const listStyles = useMemo(\n    () => ({\n      listStyle: \"disc\",\n      paddingInlineStart: odysseyDesignTokens.Spacing4,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <MuiList dense disablePadding sx={listStyles}>\n      {errorMessages.map((errorMessage) => (\n        <MuiListItem\n          dense\n          disablePadding\n          key={errorMessage}\n          sx={listItemStyles}\n        >\n          {errorMessage}\n        </MuiListItem>\n      ))}\n    </MuiList>\n  );\n};\n\nconst MemoizedErrorMessageList = memo(ErrorMessageList);\nMemoizedErrorMessageList.displayName = \"ErrorMessageList\";\n\nexport { MemoizedErrorMessageList as ErrorMessageList };\n"],"mappings":";;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAAyE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAfzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA,MAAMG,cAAc,GAAG;EACrBC,OAAO,EAAE,WAAW;EACpBC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EACrE,MAAMC,mBAAmB,GAAG,IAAAC,kDAAsB,EAAC,CAAC;EAEpD,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,OAAO;IACLC,SAAS,EAAE,MAAM;IACjBP,kBAAkB,EAAEG,mBAAmB,CAACK;EAC1C,CAAC,CAAC,EACF,CAACL,mBAAmB,CACtB,CAAC;EAED,OACE,IAAAV,WAAA,CAAAgB,GAAA,EAAAC,MAAA,CAAAb,OAAA;IAASc,KAAK;IAACC,cAAc;IAACC,EAAE,EAAER,UAAW;IAAAS,QAAA,EAC1CZ,aAAa,CAACa,GAAG,CAAEC,YAAY,IAC9B,IAAAvB,WAAA,CAAAgB,GAAA,EAAAQ,UAAA,CAAApB,OAAA;MACEc,KAAK;MACLC,cAAc;MAEdC,EAAE,EAAEf,cAAe;MAAAgB,QAAA,EAElBE;IAAY,GAHRA,YAIM,CACd;EAAC,CACK,CAAC;AAEd,CAAC;AAED,MAAME,wBAAwB,GAAAC,OAAA,CAAAlB,gBAAA,GAAG,IAAAmB,WAAI,EAACnB,gBAAgB,CAAC;AACvDiB,wBAAwB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/Field.cjs

@@ -7,12 +7,12 @@ exports.fieldTypeValues = exports.Field = void 0;
 var _FormControl2 = _interopRequireDefault(require("@mui/material/FormControl"));
 var _FormLabel2 = _interopRequireDefault(require("@mui/material/FormLabel"));
 var _react = require("react");
+var _reactI18next = require("react-i18next");
 var _FieldError = require("./FieldError.cjs");
 var _FieldHint = require("./FieldHint.cjs");
 var _FieldLabel = require("./FieldLabel.cjs");
-var _Typography = require("./Typography.cjs");
 var _FieldsetContext = require("./FieldsetContext.cjs");
-var _reactI18next = require("react-i18next");
+var _Typography = require("./Typography.cjs");
 var _useUniqueId = require("./useUniqueId.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -68,8 +68,8 @@ const Field = ({
       component: "legend",
       id: labelElementId,
       children: [label, " ", isOptional && label && (0, _jsxRuntime.jsxs)(_Typography.Typography, {
-        component: "span",
         color: "textSecondary",
+        component: "span",
         children: ["(", t("fieldlabel.optional.text"), ")"]
       })]
     }) : (0, _jsxRuntime.jsx)(_FieldLabel.FieldLabel, {

package/dist/cjs/Field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.cjs","names":["_react","require","_FieldError","_FieldHint","_FieldLabel","_Typography","_FieldsetContext","_reactI18next","_useUniqueId","_jsxRuntime","_interopRequireDefault","e","__esModule","default","fieldTypeValues","exports","Field","ariaDescribedBy","errorMessage","errorMessageList","fieldType","hasVisibleLabel","hint","HintLinkComponent","id","idOverride","isDisabled","isDisabledProp","isFullWidth","isRadioGroup","isOptional","isReadOnly","label","renderFieldComponent","t","useTranslation","useUniqueId","hintId","undefined","errorMessageElementId","labelElementId","localAriaDescribedBy","useMemo","join","trim","isFieldsetDisabled","useFieldset","jsxs","_FormControl2","component","disabled","error","Boolean","Array","isArray","length","fullWidth","role","children","_FormLabel2","Typography","color","jsx","FieldLabel","inputId","text","FieldHint","LinkComponent","FieldError","message","messageList","MemoizedField","memo","displayName"],"sources":["../../src/Field.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement, useMemo } from \"react\";\nimport {\n  FormControl as MuiFormControl,\n  FormLabel as MuiFormLabel,\n} from \"@mui/material\";\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldError } from \"./FieldError.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { FieldLabel } from \"./FieldLabel.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useFieldset } from \"./FieldsetContext.js\";\nimport { useTranslation } from \"react-i18next\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const fieldTypeValues = [\"single\", \"group\"] as const;\n\nexport type RenderFieldComponentProps = {\n  ariaDescribedBy?: string;\n  dataSe?: string;\n  errorMessageElementId?: string;\n  id: string;\n  labelElementId: string;\n  isReadOnly?: boolean;\n};\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessageList?: string[];\n  /**\n   * The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n   */\n  fieldType: (typeof fieldTypeValues)[number];\n  /**\n   * If `true`, the Field label will be shown\n   */\n  hasVisibleLabel: boolean;\n  /**\n   * Important for narrowing down the `fieldset` role to \"radiogroup\".\n   */\n  isRadioGroup?: boolean;\n  /**\n   * Important for determining if children inherit error state\n   */\n  isCheckboxGroup?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Render-props function that sends back ARIA props to your field component.\n   */\n  renderFieldComponent: ({\n    ariaDescribedBy,\n    dataSe,\n    errorMessageElementId,\n    id,\n    labelElementId,\n    isReadOnly,\n  }: RenderFieldComponentProps) => ReactElement;\n};\n\nconst Field = ({\n  ariaDescribedBy,\n  errorMessage,\n  errorMessageList,\n  fieldType,\n  hasVisibleLabel,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled: isDisabledProp = false,\n  isFullWidth = false,\n  isRadioGroup = false,\n  isOptional = false,\n  isReadOnly = false,\n  label,\n  renderFieldComponent,\n}: FieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"errorMessageList\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isFullWidth\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n  > &\n  Pick<HtmlProps, \"ariaDescribedBy\">) => {\n  const { t } = useTranslation();\n\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorMessageElementId =\n    errorMessage || errorMessageList ? `${id}-error` : undefined;\n  const labelElementId = `${id}-label`;\n\n  const localAriaDescribedBy = useMemo(\n    () =>\n      [hintId, errorMessageElementId, ariaDescribedBy].join(\" \").trim() ||\n      undefined,\n    [ariaDescribedBy, errorMessageElementId, hintId],\n  );\n\n  const { isDisabled: isFieldsetDisabled } = useFieldset();\n\n  const isDisabled = useMemo(\n    () => isDisabledProp || isFieldsetDisabled,\n    [isDisabledProp, isFieldsetDisabled],\n  );\n\n  return (\n    <MuiFormControl\n      component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n      disabled={isDisabled}\n      error={\n        Boolean(errorMessage) ||\n        (Array.isArray(errorMessageList) && errorMessageList.length > 0)\n      }\n      fullWidth={isFullWidth}\n      role={isRadioGroup ? \"radiogroup\" : undefined}\n    >\n      {fieldType === \"group\" ? (\n        <MuiFormLabel component=\"legend\" id={labelElementId}>\n          {label}{\" \"}\n          {isOptional && label && (\n            <Typography component=\"span\" color=\"textSecondary\">\n              ({t(\"fieldlabel.optional.text\")})\n            </Typography>\n          )}\n        </MuiFormLabel>\n      ) : (\n        <FieldLabel\n          hasVisibleLabel={hasVisibleLabel}\n          id={labelElementId}\n          inputId={id}\n          isOptional={isOptional}\n          text={label}\n        />\n      )}\n\n      {hint && (\n        <FieldHint id={hintId} LinkComponent={HintLinkComponent} text={hint} />\n      )}\n\n      {renderFieldComponent({\n        ariaDescribedBy: localAriaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n        isReadOnly,\n      })}\n\n      {(errorMessage || errorMessageList) && (\n        <FieldError\n          id={errorMessageElementId}\n          message={errorMessage}\n          messageList={errorMessageList}\n        />\n      )}\n    </MuiFormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\nMemoizedField.displayName = \"Field\";\n\nexport { MemoizedField as Field };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Field.cjs","names":["_react","require","_reactI18next","_FieldError","_FieldHint","_FieldLabel","_FieldsetContext","_Typography","_useUniqueId","_jsxRuntime","_interopRequireDefault","e","__esModule","default","fieldTypeValues","exports","Field","ariaDescribedBy","errorMessage","errorMessageList","fieldType","hasVisibleLabel","hint","HintLinkComponent","id","idOverride","isDisabled","isDisabledProp","isFullWidth","isRadioGroup","isOptional","isReadOnly","label","renderFieldComponent","t","useTranslation","useUniqueId","hintId","undefined","errorMessageElementId","labelElementId","localAriaDescribedBy","useMemo","join","trim","isFieldsetDisabled","useFieldset","jsxs","_FormControl2","component","disabled","error","Boolean","Array","isArray","length","fullWidth","role","children","_FormLabel2","Typography","color","jsx","FieldLabel","inputId","text","FieldHint","LinkComponent","FieldError","message","messageList","MemoizedField","memo","displayName"],"sources":["../../src/Field.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  FormControl as MuiFormControl,\n  FormLabel as MuiFormLabel,\n} from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { FieldError } from \"./FieldError.js\";\nimport { FieldHint } from \"./FieldHint.js\";\nimport { FieldLabel } from \"./FieldLabel.js\";\nimport { useFieldset } from \"./FieldsetContext.js\";\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const fieldTypeValues = [\"single\", \"group\"] as const;\n\nexport type RenderFieldComponentProps = {\n  ariaDescribedBy?: string;\n  dataSe?: string;\n  errorMessageElementId?: string;\n  id: string;\n  isReadOnly?: boolean;\n  labelElementId: string;\n};\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessageList?: string[];\n  /**\n   * The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n   */\n  fieldType: (typeof fieldTypeValues)[number];\n  /**\n   * If `true`, the Field label will be shown\n   */\n  hasVisibleLabel: boolean;\n  /**\n   * Important for determining if children inherit error state\n   */\n  isCheckboxGroup?: boolean;\n  /**\n   * Important for narrowing down the `fieldset` role to \"radiogroup\".\n   */\n  isRadioGroup?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Render-props function that sends back ARIA props to your field component.\n   */\n  renderFieldComponent: ({\n    ariaDescribedBy,\n    dataSe,\n    errorMessageElementId,\n    id,\n    labelElementId,\n    isReadOnly,\n  }: RenderFieldComponentProps) => ReactElement;\n};\n\nconst Field = ({\n  ariaDescribedBy,\n  errorMessage,\n  errorMessageList,\n  fieldType,\n  hasVisibleLabel,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled: isDisabledProp = false,\n  isFullWidth = false,\n  isRadioGroup = false,\n  isOptional = false,\n  isReadOnly = false,\n  label,\n  renderFieldComponent,\n}: FieldProps &\n  Pick<\n    FieldComponentProps,\n    | \"errorMessage\"\n    | \"errorMessageList\"\n    | \"hint\"\n    | \"HintLinkComponent\"\n    | \"id\"\n    | \"isDisabled\"\n    | \"isFullWidth\"\n    | \"isOptional\"\n    | \"isReadOnly\"\n  > &\n  Pick<HtmlProps, \"ariaDescribedBy\">) => {\n  const { t } = useTranslation();\n\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorMessageElementId =\n    errorMessage || errorMessageList ? `${id}-error` : undefined;\n  const labelElementId = `${id}-label`;\n\n  const localAriaDescribedBy = useMemo(\n    () =>\n      [hintId, errorMessageElementId, ariaDescribedBy].join(\" \").trim() ||\n      undefined,\n    [ariaDescribedBy, errorMessageElementId, hintId],\n  );\n\n  const { isDisabled: isFieldsetDisabled } = useFieldset();\n\n  const isDisabled = useMemo(\n    () => isDisabledProp || isFieldsetDisabled,\n    [isDisabledProp, isFieldsetDisabled],\n  );\n\n  return (\n    <MuiFormControl\n      component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n      disabled={isDisabled}\n      error={\n        Boolean(errorMessage) ||\n        (Array.isArray(errorMessageList) && errorMessageList.length > 0)\n      }\n      fullWidth={isFullWidth}\n      role={isRadioGroup ? \"radiogroup\" : undefined}\n    >\n      {fieldType === \"group\" ? (\n        <MuiFormLabel component=\"legend\" id={labelElementId}>\n          {label}{\" \"}\n          {isOptional && label && (\n            <Typography color=\"textSecondary\" component=\"span\">\n              ({t(\"fieldlabel.optional.text\")})\n            </Typography>\n          )}\n        </MuiFormLabel>\n      ) : (\n        <FieldLabel\n          hasVisibleLabel={hasVisibleLabel}\n          id={labelElementId}\n          inputId={id}\n          isOptional={isOptional}\n          text={label}\n        />\n      )}\n\n      {hint && (\n        <FieldHint id={hintId} LinkComponent={HintLinkComponent} text={hint} />\n      )}\n\n      {renderFieldComponent({\n        ariaDescribedBy: localAriaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n        isReadOnly,\n      })}\n\n      {(errorMessage || errorMessageList) && (\n        <FieldError\n          id={errorMessageElementId}\n          message={errorMessage}\n          messageList={errorMessageList}\n        />\n      )}\n    </MuiFormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\nMemoizedField.displayName = \"Field\";\n\nexport { MemoizedField as Field };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/FieldError.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.cjs","names":["_react","require","_reactI18next","_Box","_ErrorMessageList","_ScreenReaderText","_jsxRuntime","_interopRequireDefault","e","__esModule","default","FieldError","id","message","messageList","testId","translate","t","useTranslation","jsxs","_FormHelperText2","component","error","children","jsx","ScreenReaderText","Box","ErrorMessageList","errorMessages","MemoizedFieldError","exports","memo","displayName"],"sources":["../../src/FieldError.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport { FormHelperText } from \"@mui/material\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Box } from \"./Box.js\";\nimport { ErrorMessageList } from \"./ErrorMessageList.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport type FieldErrorProps = {\n  id?: string;\n  message?: string;\n  messageList?: string[];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldError = ({\n  id,\n  message,\n  messageList,\n  testId,\n  translate,\n}: FieldErrorProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <FormHelperText\n      component=\"div\"\n      data-se={testId}\n      error\n      id={id}\n      translate={translate}\n    >\n      <ScreenReaderText translate={translate}>{`${t(\n        \"fielderror.screenreader.text\",\n      )}:`}</ScreenReaderText>\n      <Box>\n        {message}\n        {messageList && <ErrorMessageList errorMessages={messageList} />}\n      </Box>\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldError = memo(FieldError);\nMemoizedFieldError.displayName = \"FieldError\";\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnBzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,UAAU,GAAGA,CAAC;EAClBC,EAAE;EACFC,OAAO;EACPC,WAAW;EACXC,MAAM;EACNC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,OACE,IAAAZ,WAAA,CAAAa,IAAA,EAAAC,gBAAA,CAAAV,OAAA;IACEW,SAAS,EAAC,KAAK;IACf,WAASN,MAAO;IAChBO,KAAK;IACLV,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAO,QAAA,GAErB,IAAAjB,WAAA,CAAAkB,GAAA,EAACnB,iBAAA,CAAAoB,gBAAgB;MAACT,SAAS,EAAEA,SAAU;MAAAO,QAAA,EAAE,GAAGN,CAAC,CAC3C,8BACF,CAAC;IAAG,CAAmB,CAAC,EACxB,IAAAX,WAAA,CAAAa,IAAA,EAAChB,IAAA,CAAAuB,GAAG;MAAAH,QAAA,GACDV,OAAO,EACPC,WAAW,IAAI,IAAAR,WAAA,CAAAkB,GAAA,EAACpB,iBAAA,CAAAuB,gBAAgB;QAACC,aAAa,EAAEd;MAAY,CAAE,CAAC;IAAA,CAC7D,CAAC;EAAA,CACQ,CAAC;AAErB,CAAC;AAED,MAAMe,kBAAkB,GAAAC,OAAA,CAAAnB,UAAA,GAAG,IAAAoB,WAAI,EAACpB,UAAU,CAAC;AAC3CkB,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"FieldError.cjs","names":["_react","require","_reactI18next","_Box","_ErrorMessageList","_ScreenReaderText","_jsxRuntime","_interopRequireDefault","e","__esModule","default","FieldError","id","message","messageList","testId","translate","t","useTranslation","jsxs","_FormHelperText2","component","error","children","jsx","ScreenReaderText","Box","ErrorMessageList","errorMessages","MemoizedFieldError","exports","memo","displayName"],"sources":["../../src/FieldError.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 { FormHelperText } from \"@mui/material\";\nimport { memo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Box } from \"./Box.js\";\nimport { ErrorMessageList } from \"./ErrorMessageList.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport type FieldErrorProps = {\n  id?: string;\n  message?: string;\n  messageList?: string[];\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldError = ({\n  id,\n  message,\n  messageList,\n  testId,\n  translate,\n}: FieldErrorProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <FormHelperText\n      component=\"div\"\n      data-se={testId}\n      error\n      id={id}\n      translate={translate}\n    >\n      <ScreenReaderText translate={translate}>{`${t(\n        \"fielderror.screenreader.text\",\n      )}:`}</ScreenReaderText>\n      <Box>\n        {message}\n        {messageList && <ErrorMessageList errorMessages={messageList} />}\n      </Box>\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldError = memo(FieldError);\nMemoizedFieldError.displayName = \"FieldError\";\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAIA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApBzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA,MAAMG,UAAU,GAAGA,CAAC;EAClBC,EAAE;EACFC,OAAO;EACPC,WAAW;EACXC,MAAM;EACNC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,OACE,IAAAZ,WAAA,CAAAa,IAAA,EAAAC,gBAAA,CAAAV,OAAA;IACEW,SAAS,EAAC,KAAK;IACf,WAASN,MAAO;IAChBO,KAAK;IACLV,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAO,QAAA,GAErB,IAAAjB,WAAA,CAAAkB,GAAA,EAACnB,iBAAA,CAAAoB,gBAAgB;MAACT,SAAS,EAAEA,SAAU;MAAAO,QAAA,EAAE,GAAGN,CAAC,CAC3C,8BACF,CAAC;IAAG,CAAmB,CAAC,EACxB,IAAAX,WAAA,CAAAa,IAAA,EAAChB,IAAA,CAAAuB,GAAG;MAAAH,QAAA,GACDV,OAAO,EACPC,WAAW,IAAI,IAAAR,WAAA,CAAAkB,GAAA,EAACpB,iBAAA,CAAAuB,gBAAgB;QAACC,aAAa,EAAEd;MAAY,CAAE,CAAC;IAAA,CAC7D,CAAC;EAAA,CACQ,CAAC;AAErB,CAAC;AAED,MAAMe,kBAAkB,GAAAC,OAAA,CAAAnB,UAAA,GAAG,IAAAoB,WAAI,EAACpB,UAAU,CAAC;AAC3CkB,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/cjs/FieldHint.cjs

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FieldHint = void 0;
 var _FormHelperText2 = _interopRequireDefault(require("@mui/material/FormHelperText"));
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/FieldHint.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldHint.cjs","names":["_react","require","_styled","_interopRequireDefault","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","HintLinkContainer","styled","span","odysseyDesignTokens","a","color","TypographyColorBody","textDecoration","TypographyColorSubordinate","FieldHint","id","LinkComponent","testId","text","translate","useOdysseyDesignTokens","jsxs","_FormHelperText2","children","MemoizedFieldHint","exports","memo","displayName"],"sources":["../../src/FieldHint.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormHelperText } from \"@mui/material\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nconst HintLinkContainer = styled.span<{ odysseyDesignTokens: DesignTokens }>(\n  ({ odysseyDesignTokens }) => ({\n    a: {\n      color: odysseyDesignTokens.TypographyColorBody,\n      textDecoration: \"underline\",\n\n      \"&:visited\": {\n        color: odysseyDesignTokens.TypographyColorBody,\n      },\n\n      \"&:hover\": {\n        color: odysseyDesignTokens.TypographyColorSubordinate,\n      },\n    },\n  }),\n);\n\nexport type FieldHintProps = {\n  LinkComponent?: FieldComponentProps[\"HintLinkComponent\"];\n  id?: string;\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldHint = ({\n  id,\n  LinkComponent,\n  testId,\n  text,\n  translate,\n}: FieldHintProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <FormHelperText data-se={testId} id={id} translate={translate}>\n      {text}\n      {LinkComponent && (\n        <HintLinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {\" \"}\n          {LinkComponent}\n        </HintLinkContainer>\n      )}\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\nMemoizedFieldHint.displayName = \"FieldHint\";\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,2BAAA,GAAAH,OAAA;AAGyC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AArBzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,iBAAiB,GAAGC,eAAM,CAACC,IAAI,CACnC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC5BC,CAAC,EAAE;IACDC,KAAK,EAAEF,mBAAmB,CAACG,mBAAmB;IAC9CC,cAAc,EAAE,WAAW;IAE3B,WAAW,EAAE;MACXF,KAAK,EAAEF,mBAAmB,CAACG;IAC7B,CAAC;IAED,SAAS,EAAE;MACTD,KAAK,EAAEF,mBAAmB,CAACK;IAC7B;EACF;AACF,CAAC,CACH,CAAC;AAQD,MAAMC,SAAS,GAAGA,CAAC;EACjBC,EAAE;EACFC,aAAa;EACbC,MAAM;EACNC,IAAI;EACJC;AACc,CAAC,KAAK;EACpB,MAAMX,mBAAmB,GAAG,IAAAY,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAAnB,WAAA,CAAAoB,IAAA,EAAAC,gBAAA,CAAAlB,OAAA;IAAgB,WAASa,MAAO;IAACF,EAAE,EAAEA,EAAG;IAACI,SAAS,EAAEA,SAAU;IAAAI,QAAA,GAC3DL,IAAI,EACJF,aAAa,IACZ,IAAAf,WAAA,CAAAoB,IAAA,EAAChB,iBAAiB;MAACG,mBAAmB,EAAEA,mBAAoB;MAAAe,QAAA,GACzD,GAAG,EACHP,aAAa;IAAA,CACG,CACpB;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMQ,iBAAiB,GAAAC,OAAA,CAAAX,SAAA,GAAG,IAAAY,WAAI,EAACZ,SAAS,CAAC;AACzCU,iBAAiB,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}
+{"version":3,"file":"FieldHint.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","HintLinkContainer","styled","span","odysseyDesignTokens","a","color","TypographyColorBody","textDecoration","TypographyColorSubordinate","FieldHint","id","LinkComponent","testId","text","translate","useOdysseyDesignTokens","jsxs","_FormHelperText2","children","MemoizedFieldHint","exports","memo","displayName"],"sources":["../../src/FieldHint.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { FormHelperText } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\n\nconst HintLinkContainer = styled.span<{ odysseyDesignTokens: DesignTokens }>(\n  ({ odysseyDesignTokens }) => ({\n    a: {\n      color: odysseyDesignTokens.TypographyColorBody,\n      textDecoration: \"underline\",\n\n      \"&:visited\": {\n        color: odysseyDesignTokens.TypographyColorBody,\n      },\n\n      \"&:hover\": {\n        color: odysseyDesignTokens.TypographyColorSubordinate,\n      },\n    },\n  }),\n);\n\nexport type FieldHintProps = {\n  id?: string;\n  LinkComponent?: FieldComponentProps[\"HintLinkComponent\"];\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldHint = ({\n  id,\n  LinkComponent,\n  testId,\n  text,\n  translate,\n}: FieldHintProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <FormHelperText data-se={testId} id={id} translate={translate}>\n      {text}\n      {LinkComponent && (\n        <HintLinkContainer odysseyDesignTokens={odysseyDesignTokens}>\n          {\" \"}\n          {LinkComponent}\n        </HintLinkContainer>\n      )}\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\nMemoizedFieldHint.displayName = \"FieldHint\";\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":";;;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,2BAAA,GAAAF,OAAA;AAGyC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAtBzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,MAAMG,iBAAiB,GAAGC,eAAM,CAACC,IAAI,CACnC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC5BC,CAAC,EAAE;IACDC,KAAK,EAAEF,mBAAmB,CAACG,mBAAmB;IAC9CC,cAAc,EAAE,WAAW;IAE3B,WAAW,EAAE;MACXF,KAAK,EAAEF,mBAAmB,CAACG;IAC7B,CAAC;IAED,SAAS,EAAE;MACTD,KAAK,EAAEF,mBAAmB,CAACK;IAC7B;EACF;AACF,CAAC,CACH,CAAC;AAQD,MAAMC,SAAS,GAAGA,CAAC;EACjBC,EAAE;EACFC,aAAa;EACbC,MAAM;EACNC,IAAI;EACJC;AACc,CAAC,KAAK;EACpB,MAAMX,mBAAmB,GAAG,IAAAY,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAAnB,WAAA,CAAAoB,IAAA,EAAAC,gBAAA,CAAAlB,OAAA;IAAgB,WAASa,MAAO;IAACF,EAAE,EAAEA,EAAG;IAACI,SAAS,EAAEA,SAAU;IAAAI,QAAA,GAC3DL,IAAI,EACJF,aAAa,IACZ,IAAAf,WAAA,CAAAoB,IAAA,EAAChB,iBAAiB;MAACG,mBAAmB,EAAEA,mBAAoB;MAAAe,QAAA,GACzD,GAAG,EACHP,aAAa;IAAA,CACG,CACpB;EAAA,CACa,CAAC;AAErB,CAAC;AAED,MAAMQ,iBAAiB,GAAAC,OAAA,CAAAX,SAAA,GAAG,IAAAY,WAAI,EAACZ,SAAS,CAAC;AACzCU,iBAAiB,CAACG,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/cjs/FieldLabel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.cjs","names":["_react","require","_reactI18next","_ScreenReaderText","_Typography","_jsxRuntime","_interopRequireDefault","e","__esModule","default","FieldLabel","hasVisibleLabel","id","inputId","isOptional","testId","translate","text","t","useTranslation","inputLabel","useMemo","jsxs","_InputLabel2","htmlFor","children","jsx","Subordinate","ScreenReaderText","MemoizedFieldLabel","exports","memo","displayName"],"sources":["../../src/FieldLabel.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 { InputLabel as MuiInputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\nimport { Subordinate } from \"./Typography.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport type FieldLabelProps = {\n  hasVisibleLabel: boolean;\n  id: string;\n  inputId: string;\n  isOptional: boolean;\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isOptional,\n  testId,\n  translate,\n  text,\n}: FieldLabelProps) => {\n  const { t } = useTranslation();\n\n  const inputLabel = useMemo(\n    () => (\n      <MuiInputLabel\n        data-se={testId}\n        htmlFor={inputId}\n        id={id}\n        translate={translate}\n      >\n        <span>{text}</span>\n        {isOptional && (\n          <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n        )}\n      </MuiInputLabel>\n    ),\n    [id, inputId, isOptional, testId, translate, text, t],\n  );\n\n  return hasVisibleLabel ? (\n    inputLabel\n  ) : (\n    <ScreenReaderText translate={translate}>{inputLabel}</ScreenReaderText>\n  );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\nMemoizedFieldLabel.displayName = \"FieldLabel\";\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjB9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA,MAAMG,UAAU,GAAGA,CAAC;EAClBC,eAAe;EACfC,EAAE;EACFC,OAAO;EACPC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,MACE,IAAAhB,WAAA,CAAAiB,IAAA,EAAAC,YAAA,CAAAd,OAAA;IACE,WAASM,MAAO;IAChBS,OAAO,EAAEX,OAAQ;IACjBD,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAS,QAAA,GAErB,IAAApB,WAAA,CAAAqB,GAAA;MAAAD,QAAA,EAAOR;IAAI,CAAO,CAAC,EAClBH,UAAU,IACT,IAAAT,WAAA,CAAAqB,GAAA,EAACtB,WAAA,CAAAuB,WAAW;MAAAF,QAAA,EAAEP,CAAC,CAAC,0BAA0B;IAAC,CAAc,CAC1D;EAAA,CACY,CAChB,EACD,CAACN,EAAE,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,CAAC,CACtD,CAAC;EAED,OAAOP,eAAe,GACpBS,UAAU,GAEV,IAAAf,WAAA,CAAAqB,GAAA,EAACvB,iBAAA,CAAAyB,gBAAgB;IAACZ,SAAS,EAAEA,SAAU;IAAAS,QAAA,EAAEL;EAAU,CAAmB,CACvE;AACH,CAAC;AAED,MAAMS,kBAAkB,GAAAC,OAAA,CAAApB,UAAA,GAAG,IAAAqB,WAAI,EAACrB,UAAU,CAAC;AAC3CmB,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"FieldLabel.cjs","names":["_react","require","_reactI18next","_ScreenReaderText","_Typography","_jsxRuntime","_interopRequireDefault","e","__esModule","default","FieldLabel","hasVisibleLabel","id","inputId","isOptional","testId","translate","text","t","useTranslation","inputLabel","useMemo","jsxs","_InputLabel2","htmlFor","children","jsx","Subordinate","ScreenReaderText","MemoizedFieldLabel","exports","memo","displayName"],"sources":["../../src/FieldLabel.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 { InputLabel as MuiInputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\nimport { Subordinate } from \"./Typography.js\";\n\nexport type FieldLabelProps = {\n  hasVisibleLabel: boolean;\n  id: string;\n  inputId: string;\n  isOptional: boolean;\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isOptional,\n  testId,\n  translate,\n  text,\n}: FieldLabelProps) => {\n  const { t } = useTranslation();\n\n  const inputLabel = useMemo(\n    () => (\n      <MuiInputLabel\n        data-se={testId}\n        htmlFor={inputId}\n        id={id}\n        translate={translate}\n      >\n        <span>{text}</span>\n        {isOptional && (\n          <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n        )}\n      </MuiInputLabel>\n    ),\n    [id, inputId, isOptional, testId, translate, text, t],\n  );\n\n  return hasVisibleLabel ? (\n    inputLabel\n  ) : (\n    <ScreenReaderText translate={translate}>{inputLabel}</ScreenReaderText>\n  );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\nMemoizedFieldLabel.displayName = \"FieldLabel\";\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAIA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnB9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA,MAAMG,UAAU,GAAGA,CAAC;EAClBC,eAAe;EACfC,EAAE;EACFC,OAAO;EACPC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,MACE,IAAAhB,WAAA,CAAAiB,IAAA,EAAAC,YAAA,CAAAd,OAAA;IACE,WAASM,MAAO;IAChBS,OAAO,EAAEX,OAAQ;IACjBD,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAS,QAAA,GAErB,IAAApB,WAAA,CAAAqB,GAAA;MAAAD,QAAA,EAAOR;IAAI,CAAO,CAAC,EAClBH,UAAU,IACT,IAAAT,WAAA,CAAAqB,GAAA,EAACtB,WAAA,CAAAuB,WAAW;MAAAF,QAAA,EAAEP,CAAC,CAAC,0BAA0B;IAAC,CAAc,CAC1D;EAAA,CACY,CAChB,EACD,CAACN,EAAE,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,CAAC,CACtD,CAAC;EAED,OAAOP,eAAe,GACpBS,UAAU,GAEV,IAAAf,WAAA,CAAAqB,GAAA,EAACvB,iBAAA,CAAAyB,gBAAgB;IAACZ,SAAS,EAAEA,SAAU;IAAAS,QAAA,EAAEL;EAAU,CAAmB,CACvE;AACH,CAAC;AAED,MAAMS,kBAAkB,GAAAC,OAAA,CAAApB,UAAA,GAAG,IAAAqB,WAAI,EAACrB,UAAU,CAAC;AAC3CmB,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/cjs/Fieldset.cjs

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Fieldset = void 0;
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _FieldsetContext = require("./FieldsetContext.cjs");
-var _Typography = require("./Typography.cjs");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _Typography = require("./Typography.cjs");
 var _useUniqueId = require("./useUniqueId.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/Fieldset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.cjs","names":["_react","require","_styled","_interopRequireDefault","_FieldsetContext","_Typography","_OdysseyDesignTokensContext","_useUniqueId","_jsxRuntime","e","__esModule","default","StyledFieldset","styled","fieldset","odysseyDesignTokens","border","margin","Spacing0","marginBlockEnd","Spacing6","maxWidth","TypographyLineLengthMax","padding","Fieldset","alert","children","description","id","idOverride","isDisabled","legend","name","testId","translate","useOdysseyDesignTokens","useUniqueId","fieldsetContextValue","useMemo","jsxs","disabled","jsx","Legend","Support","FieldsetContext","Provider","value","MemoizedFieldset","exports","memo","displayName"],"sources":["../../src/Fieldset.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement, useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Callout } from \"./Callout.js\";\nimport { FieldsetContext } from \"./FieldsetContext.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { Legend, Support } from \"./Typography.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nconst StyledFieldset = styled.fieldset<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  border: \"0\",\n  margin: odysseyDesignTokens.Spacing0,\n  marginBlockEnd: odysseyDesignTokens.Spacing6,\n  maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n  padding: odysseyDesignTokens.Spacing0,\n\n  \"&:last-child\": {\n    marginBlockEnd: odysseyDesignTokens.Spacing0,\n  },\n}));\n\nexport type FieldsetProps = {\n  /**\n   * A Callout indicating a Fieldset-wide error or status update.\n   */\n  alert?: ReactElement<typeof Callout>;\n  /**\n   * The Field components within the Fieldset\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n  /**\n   * Disables the component and any wrapped input fields.\n   */\n  isDisabled?: boolean;\n  /**\n   * The title of the Fieldset\n   */\n  legend: string;\n  /**\n   * The name associated with the group.\n   */\n  name?: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Fieldset = ({\n  alert,\n  children,\n  description,\n  id: idOverride,\n  isDisabled = false,\n  legend,\n  name,\n  testId,\n  translate,\n}: FieldsetProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n\n  const fieldsetContextValue = useMemo(\n    () => ({\n      isDisabled,\n    }),\n    [isDisabled],\n  );\n\n  return (\n    <StyledFieldset\n      data-se={testId}\n      disabled={isDisabled}\n      id={id}\n      name={name}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      <Legend translate={translate}>{legend}</Legend>\n\n      {description && <Support translate={translate}>{description}</Support>}\n\n      {alert}\n\n      <FieldsetContext.Provider value={fieldsetContextValue}>\n        {children}\n      </FieldsetContext.Provider>\n    </StyledFieldset>\n  );\n};\n\nconst MemoizedFieldset = memo(Fieldset);\nMemoizedFieldset.displayName = \"Fieldset\";\n\nexport { MemoizedFieldset as Fieldset };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,2BAAA,GAAAL,OAAA;AAIA,IAAAM,YAAA,GAAAN,OAAA;AAA+C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAE,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAvB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA,MAAMG,cAAc,GAAGC,eAAM,CAACC,QAAQ,CAEnC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,MAAM,EAAE,GAAG;EACXC,MAAM,EAAEF,mBAAmB,CAACG,QAAQ;EACpCC,cAAc,EAAEJ,mBAAmB,CAACK,QAAQ;EAC5CC,QAAQ,EAAEN,mBAAmB,CAACO,uBAAuB;EACrDC,OAAO,EAAER,mBAAmB,CAACG,QAAQ;EAErC,cAAc,EAAE;IACdC,cAAc,EAAEJ,mBAAmB,CAACG;EACtC;AACF,CAAC,CAAC,CAAC;AAiCH,MAAMM,QAAQ,GAAGA,CAAC;EAChBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,EAAE,EAAEC,UAAU;EACdC,UAAU,GAAG,KAAK;EAClBC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC;AACa,CAAC,KAAK;EACnB,MAAMnB,mBAAmB,GAAG,IAAAoB,kDAAsB,EAAC,CAAC;EACpD,MAAMP,EAAE,GAAG,IAAAQ,wBAAW,EAACP,UAAU,CAAC;EAElC,MAAMQ,oBAAoB,GAAG,IAAAC,cAAO,EAClC,OAAO;IACLR;EACF,CAAC,CAAC,EACF,CAACA,UAAU,CACb,CAAC;EAED,OACE,IAAAtB,WAAA,CAAA+B,IAAA,EAAC3B,cAAc;IACb,WAASqB,MAAO;IAChBO,QAAQ,EAAEV,UAAW;IACrBF,EAAE,EAAEA,EAAG;IACPI,IAAI,EAAEA,IAAK;IACXjB,mBAAmB,EAAEA,mBAAoB;IAAAW,QAAA,GAEzC,IAAAlB,WAAA,CAAAiC,GAAA,EAACpC,WAAA,CAAAqC,MAAM;MAACR,SAAS,EAAEA,SAAU;MAAAR,QAAA,EAAEK;IAAM,CAAS,CAAC,EAE9CJ,WAAW,IAAI,IAAAnB,WAAA,CAAAiC,GAAA,EAACpC,WAAA,CAAAsC,OAAO;MAACT,SAAS,EAAEA,SAAU;MAAAR,QAAA,EAAEC;IAAW,CAAU,CAAC,EAErEF,KAAK,EAEN,IAAAjB,WAAA,CAAAiC,GAAA,EAACrC,gBAAA,CAAAwC,eAAe,CAACC,QAAQ;MAACC,KAAK,EAAET,oBAAqB;MAAAX,QAAA,EACnDA;IAAQ,CACe,CAAC;EAAA,CACb,CAAC;AAErB,CAAC;AAED,MAAMqB,gBAAgB,GAAAC,OAAA,CAAAxB,QAAA,GAAG,IAAAyB,WAAI,EAACzB,QAAQ,CAAC;AACvCuB,gBAAgB,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"Fieldset.cjs","names":["_styled","_interopRequireDefault","require","_react","_FieldsetContext","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","StyledFieldset","styled","fieldset","odysseyDesignTokens","border","margin","Spacing0","marginBlockEnd","Spacing6","maxWidth","TypographyLineLengthMax","padding","Fieldset","alert","children","description","id","idOverride","isDisabled","legend","name","testId","translate","useOdysseyDesignTokens","useUniqueId","fieldsetContextValue","useMemo","jsxs","disabled","jsx","Legend","Support","FieldsetContext","Provider","value","MemoizedFieldset","exports","memo","displayName"],"sources":["../../src/Fieldset.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 { memo, ReactElement, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Callout } from \"./Callout.js\";\nimport { FieldsetContext } from \"./FieldsetContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Legend, Support } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nconst StyledFieldset = styled.fieldset<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  border: \"0\",\n  margin: odysseyDesignTokens.Spacing0,\n  marginBlockEnd: odysseyDesignTokens.Spacing6,\n  maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n  padding: odysseyDesignTokens.Spacing0,\n\n  \"&:last-child\": {\n    marginBlockEnd: odysseyDesignTokens.Spacing0,\n  },\n}));\n\nexport type FieldsetProps = {\n  /**\n   * A Callout indicating a Fieldset-wide error or status update.\n   */\n  alert?: ReactElement<typeof Callout>;\n  /**\n   * The Field components within the Fieldset\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n  /**\n   * Disables the component and any wrapped input fields.\n   */\n  isDisabled?: boolean;\n  /**\n   * The title of the Fieldset\n   */\n  legend: string;\n  /**\n   * The name associated with the group.\n   */\n  name?: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Fieldset = ({\n  alert,\n  children,\n  description,\n  id: idOverride,\n  isDisabled = false,\n  legend,\n  name,\n  testId,\n  translate,\n}: FieldsetProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n\n  const fieldsetContextValue = useMemo(\n    () => ({\n      isDisabled,\n    }),\n    [isDisabled],\n  );\n\n  return (\n    <StyledFieldset\n      data-se={testId}\n      disabled={isDisabled}\n      id={id}\n      name={name}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      <Legend translate={translate}>{legend}</Legend>\n\n      {description && <Support translate={translate}>{description}</Support>}\n\n      {alert}\n\n      <FieldsetContext.Provider value={fieldsetContextValue}>\n        {children}\n      </FieldsetContext.Provider>\n    </StyledFieldset>\n  );\n};\n\nconst MemoizedFieldset = memo(Fieldset);\nMemoizedFieldset.displayName = \"Fieldset\";\n\nexport { MemoizedFieldset as Fieldset };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAA+C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAxB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,cAAc,GAAGC,eAAM,CAACC,QAAQ,CAEnC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,MAAM,EAAE,GAAG;EACXC,MAAM,EAAEF,mBAAmB,CAACG,QAAQ;EACpCC,cAAc,EAAEJ,mBAAmB,CAACK,QAAQ;EAC5CC,QAAQ,EAAEN,mBAAmB,CAACO,uBAAuB;EACrDC,OAAO,EAAER,mBAAmB,CAACG,QAAQ;EAErC,cAAc,EAAE;IACdC,cAAc,EAAEJ,mBAAmB,CAACG;EACtC;AACF,CAAC,CAAC,CAAC;AAiCH,MAAMM,QAAQ,GAAGA,CAAC;EAChBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,EAAE,EAAEC,UAAU;EACdC,UAAU,GAAG,KAAK;EAClBC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC;AACa,CAAC,KAAK;EACnB,MAAMnB,mBAAmB,GAAG,IAAAoB,kDAAsB,EAAC,CAAC;EACpD,MAAMP,EAAE,GAAG,IAAAQ,wBAAW,EAACP,UAAU,CAAC;EAElC,MAAMQ,oBAAoB,GAAG,IAAAC,cAAO,EAClC,OAAO;IACLR;EACF,CAAC,CAAC,EACF,CAACA,UAAU,CACb,CAAC;EAED,OACE,IAAAtB,WAAA,CAAA+B,IAAA,EAAC3B,cAAc;IACb,WAASqB,MAAO;IAChBO,QAAQ,EAAEV,UAAW;IACrBF,EAAE,EAAEA,EAAG;IACPI,IAAI,EAAEA,IAAK;IACXjB,mBAAmB,EAAEA,mBAAoB;IAAAW,QAAA,GAEzC,IAAAlB,WAAA,CAAAiC,GAAA,EAACnC,WAAA,CAAAoC,MAAM;MAACR,SAAS,EAAEA,SAAU;MAAAR,QAAA,EAAEK;IAAM,CAAS,CAAC,EAE9CJ,WAAW,IAAI,IAAAnB,WAAA,CAAAiC,GAAA,EAACnC,WAAA,CAAAqC,OAAO;MAACT,SAAS,EAAEA,SAAU;MAAAR,QAAA,EAAEC;IAAW,CAAU,CAAC,EAErEF,KAAK,EAEN,IAAAjB,WAAA,CAAAiC,GAAA,EAACrC,gBAAA,CAAAwC,eAAe,CAACC,QAAQ;MAACC,KAAK,EAAET,oBAAqB;MAAAX,QAAA,EACnDA;IAAQ,CACe,CAAC;EAAA,CACb,CAAC;AAErB,CAAC;AAED,MAAMqB,gBAAgB,GAAAC,OAAA,CAAAxB,QAAA,GAAG,IAAAyB,WAAI,EAACzB,QAAQ,CAAC;AACvCuB,gBAAgB,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/cjs/FileUploader/FileUploadIllustration.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileUploadIllustration = void 0;
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -41,8 +41,8 @@ const FileUploadIllustration = () => {
     odysseyDesignTokens: odysseyDesignTokens,
     children: (0, _jsxRuntime.jsxs)("svg", {
       "aria-hidden": "true",
-      viewBox: "0 0 44 45",
       fill: "none",
+      viewBox: "0 0 44 45",
       xmlns: "http://www.w3.org/2000/svg",
       children: [(0, _jsxRuntime.jsx)("path", {
         d: "M32.0763 11.001C29.3564 3.7855 21.6595 -0.565827 13.7765 0.726748C5.35441 2.10773 -0.676662 9.50714 0.0603005 17.8612C0.441865 22.1865 2.56458 25.9787 5.71703 28.614L8.28246 25.545C5.90122 23.5544 4.32811 20.7209 4.04483 17.5097C3.50262 11.3633 7.94433 5.73648 14.4238 4.67404C20.9164 3.60944 27.0806 7.52016 28.6895 13.5191C28.9239 14.3932 29.7162 15.001 30.6212 15.001H32.9114C36.8985 15.001 39.9997 18.0938 39.9997 21.7505C39.9997 24.3423 38.4576 26.6352 36.1259 27.7678L37.8736 31.3658C41.4737 29.6171 43.9997 25.9917 43.9997 21.7505C43.9997 15.7428 38.963 11.001 32.9114 11.001H32.0763Z",

package/dist/cjs/FileUploader/FileUploadIllustration.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadIllustration.cjs","names":["_react","require","_styled","_interopRequireDefault","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","UploadIllustrationContainer","styled","div","odysseyDesignTokens","marginBlockEnd","Spacing3","padding","backgroundColor","HueNeutral50","borderRadius","svg","display","width","Spacing8","height","FileUploadIllustration","useOdysseyDesignTokens","jsx","children","jsxs","viewBox","fill","xmlns","d","HueNeutral200","MemoizedFileUploadIllustration","exports","memo","displayName"],"sources":["../../../src/FileUploader/FileUploadIllustration.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\n\nconst UploadIllustrationContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing3,\n  padding: odysseyDesignTokens.Spacing3,\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  borderRadius: \"50%\",\n\n  svg: {\n    display: \"flex\",\n    width: odysseyDesignTokens.Spacing8,\n    height: odysseyDesignTokens.Spacing8,\n  },\n}));\n\nconst FileUploadIllustration = () => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UploadIllustrationContainer\n      aria-hidden=\"true\"\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      <svg\n        aria-hidden=\"true\"\n        viewBox=\"0 0 44 45\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M32.0763 11.001C29.3564 3.7855 21.6595 -0.565827 13.7765 0.726748C5.35441 2.10773 -0.676662 9.50714 0.0603005 17.8612C0.441865 22.1865 2.56458 25.9787 5.71703 28.614L8.28246 25.545C5.90122 23.5544 4.32811 20.7209 4.04483 17.5097C3.50262 11.3633 7.94433 5.73648 14.4238 4.67404C20.9164 3.60944 27.0806 7.52016 28.6895 13.5191C28.9239 14.3932 29.7162 15.001 30.6212 15.001H32.9114C36.8985 15.001 39.9997 18.0938 39.9997 21.7505C39.9997 24.3423 38.4576 26.6352 36.1259 27.7678L37.8736 31.3658C41.4737 29.6171 43.9997 25.9917 43.9997 21.7505C43.9997 15.7428 38.963 11.001 32.9114 11.001H32.0763Z\"\n          fill={odysseyDesignTokens.HueNeutral200}\n        />\n        <path\n          d=\"M23.9994 29.3277V44.5H19.9994V29.3289L14.4142 34.9141L11.5858 32.0857L19.7373 23.9342C20.9869 22.6845 23.0131 22.6845 24.2627 23.9342L32.4142 32.0857L29.5858 34.9141L23.9994 29.3277Z\"\n          fill={odysseyDesignTokens.HueNeutral200}\n        />\n      </svg>\n    </UploadIllustrationContainer>\n  );\n};\n\nconst MemoizedFileUploadIllustration = memo(FileUploadIllustration);\nMemoizedFileUploadIllustration.displayName = \"FileUploadIllustration\";\n\nexport { MemoizedFileUploadIllustration as FileUploadIllustration };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AAG0C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAlB1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAMG,2BAA2B,GAAGC,eAAM,CAACC,GAAG,CAE3C,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,cAAc,EAAED,mBAAmB,CAACE,QAAQ;EAC5CC,OAAO,EAAEH,mBAAmB,CAACE,QAAQ;EACrCE,eAAe,EAAEJ,mBAAmB,CAACK,YAAY;EACjDC,YAAY,EAAE,KAAK;EAEnBC,GAAG,EAAE;IACHC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAET,mBAAmB,CAACU,QAAQ;IACnCC,MAAM,EAAEX,mBAAmB,CAACU;EAC9B;AACF,CAAC,CAAC,CAAC;AAEH,MAAME,sBAAsB,GAAGA,CAAA,KAAM;EACnC,MAAMZ,mBAAmB,GAAG,IAAAa,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAApB,WAAA,CAAAqB,GAAA,EAACjB,2BAA2B;IAC1B,eAAY,MAAM;IAClBG,mBAAmB,EAAEA,mBAAoB;IAAAe,QAAA,EAEzC,IAAAtB,WAAA,CAAAuB,IAAA;MACE,eAAY,MAAM;MAClBC,OAAO,EAAC,WAAW;MACnBC,IAAI,EAAC,MAAM;MACXC,KAAK,EAAC,4BAA4B;MAAAJ,QAAA,GAElC,IAAAtB,WAAA,CAAAqB,GAAA;QACEM,CAAC,EAAC,ilBAAilB;QACnlBF,IAAI,EAAElB,mBAAmB,CAACqB;MAAc,CACzC,CAAC,EACF,IAAA5B,WAAA,CAAAqB,GAAA;QACEM,CAAC,EAAC,wLAAwL;QAC1LF,IAAI,EAAElB,mBAAmB,CAACqB;MAAc,CACzC,CAAC;IAAA,CACC;EAAC,CACqB,CAAC;AAElC,CAAC;AAED,MAAMC,8BAA8B,GAAAC,OAAA,CAAAX,sBAAA,GAAG,IAAAY,WAAI,EAACZ,sBAAsB,CAAC;AACnEU,8BAA8B,CAACG,WAAW,GAAG,wBAAwB","ignoreList":[]}
+{"version":3,"file":"FileUploadIllustration.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_jsxRuntime","e","__esModule","default","UploadIllustrationContainer","styled","div","odysseyDesignTokens","marginBlockEnd","Spacing3","padding","backgroundColor","HueNeutral50","borderRadius","svg","display","width","Spacing8","height","FileUploadIllustration","useOdysseyDesignTokens","jsx","children","jsxs","fill","viewBox","xmlns","d","HueNeutral200","MemoizedFileUploadIllustration","exports","memo","displayName"],"sources":["../../../src/FileUploader/FileUploadIllustration.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 { memo } from \"react\";\n\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\n\nconst UploadIllustrationContainer = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  marginBlockEnd: odysseyDesignTokens.Spacing3,\n  padding: odysseyDesignTokens.Spacing3,\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  borderRadius: \"50%\",\n\n  svg: {\n    display: \"flex\",\n    width: odysseyDesignTokens.Spacing8,\n    height: odysseyDesignTokens.Spacing8,\n  },\n}));\n\nconst FileUploadIllustration = () => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <UploadIllustrationContainer\n      aria-hidden=\"true\"\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      <svg\n        aria-hidden=\"true\"\n        fill=\"none\"\n        viewBox=\"0 0 44 45\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M32.0763 11.001C29.3564 3.7855 21.6595 -0.565827 13.7765 0.726748C5.35441 2.10773 -0.676662 9.50714 0.0603005 17.8612C0.441865 22.1865 2.56458 25.9787 5.71703 28.614L8.28246 25.545C5.90122 23.5544 4.32811 20.7209 4.04483 17.5097C3.50262 11.3633 7.94433 5.73648 14.4238 4.67404C20.9164 3.60944 27.0806 7.52016 28.6895 13.5191C28.9239 14.3932 29.7162 15.001 30.6212 15.001H32.9114C36.8985 15.001 39.9997 18.0938 39.9997 21.7505C39.9997 24.3423 38.4576 26.6352 36.1259 27.7678L37.8736 31.3658C41.4737 29.6171 43.9997 25.9917 43.9997 21.7505C43.9997 15.7428 38.963 11.001 32.9114 11.001H32.0763Z\"\n          fill={odysseyDesignTokens.HueNeutral200}\n        />\n        <path\n          d=\"M23.9994 29.3277V44.5H19.9994V29.3289L14.4142 34.9141L11.5858 32.0857L19.7373 23.9342C20.9869 22.6845 23.0131 22.6845 24.2627 23.9342L32.4142 32.0857L29.5858 34.9141L23.9994 29.3277Z\"\n          fill={odysseyDesignTokens.HueNeutral200}\n        />\n      </svg>\n    </UploadIllustrationContainer>\n  );\n};\n\nconst MemoizedFileUploadIllustration = memo(FileUploadIllustration);\nMemoizedFileUploadIllustration.displayName = \"FileUploadIllustration\";\n\nexport { MemoizedFileUploadIllustration as FileUploadIllustration };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAG0C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAlB1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAMG,2BAA2B,GAAGC,eAAM,CAACC,GAAG,CAE3C,CAAC;EAAEC;AAAoB,CAAC,MAAM;EAC/BC,cAAc,EAAED,mBAAmB,CAACE,QAAQ;EAC5CC,OAAO,EAAEH,mBAAmB,CAACE,QAAQ;EACrCE,eAAe,EAAEJ,mBAAmB,CAACK,YAAY;EACjDC,YAAY,EAAE,KAAK;EAEnBC,GAAG,EAAE;IACHC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAET,mBAAmB,CAACU,QAAQ;IACnCC,MAAM,EAAEX,mBAAmB,CAACU;EAC9B;AACF,CAAC,CAAC,CAAC;AAEH,MAAME,sBAAsB,GAAGA,CAAA,KAAM;EACnC,MAAMZ,mBAAmB,GAAG,IAAAa,kDAAsB,EAAC,CAAC;EAEpD,OACE,IAAApB,WAAA,CAAAqB,GAAA,EAACjB,2BAA2B;IAC1B,eAAY,MAAM;IAClBG,mBAAmB,EAAEA,mBAAoB;IAAAe,QAAA,EAEzC,IAAAtB,WAAA,CAAAuB,IAAA;MACE,eAAY,MAAM;MAClBC,IAAI,EAAC,MAAM;MACXC,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAC,4BAA4B;MAAAJ,QAAA,GAElC,IAAAtB,WAAA,CAAAqB,GAAA;QACEM,CAAC,EAAC,ilBAAilB;QACnlBH,IAAI,EAAEjB,mBAAmB,CAACqB;MAAc,CACzC,CAAC,EACF,IAAA5B,WAAA,CAAAqB,GAAA;QACEM,CAAC,EAAC,wLAAwL;QAC1LH,IAAI,EAAEjB,mBAAmB,CAACqB;MAAc,CACzC,CAAC;IAAA,CACC;EAAC,CACqB,CAAC;AAElC,CAAC;AAED,MAAMC,8BAA8B,GAAAC,OAAA,CAAAX,sBAAA,GAAG,IAAAY,WAAI,EAACZ,sBAAsB,CAAC;AACnEU,8BAA8B,CAACG,WAAW,GAAG,wBAAwB","ignoreList":[]}

package/dist/cjs/FileUploader/FileUploadPreview.cjs

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FileUploadPreview = void 0;
 var _IconButton2 = _interopRequireDefault(require("@mui/material/IconButton"));
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _index = require("../icons.generated/index.cjs");
 var _MuiPropsContext = require("../MuiPropsContext.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _Tooltip = require("../Tooltip.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -82,8 +82,8 @@ const UploadedFile = ({
     });
   }, [deleteHandler, t]);
   return (0, _jsxRuntime.jsxs)(UploadedFileContainer, {
-    tabIndex: 0,
     odysseyDesignTokens: odysseyDesignTokens,
+    tabIndex: 0,
     children: [name, (0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
       ariaType: "description",
       placement: "top",
@@ -105,8 +105,8 @@ const FileUploadPreview = ({
     isDisabled: isDisabled,
     odysseyDesignTokens: odysseyDesignTokens,
     children: fileNames?.map((name, index) => (0, _jsxRuntime.jsx)(UploadedFile, {
-      onFileRemove: onFileRemove,
-      name: name
+      name: name,
+      onFileRemove: onFileRemove
     }, `${index}-${name}`))
   });
 };

package/dist/cjs/FileUploader/FileUploadPreview.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadPreview.cjs","names":["_react","require","_styled","_interopRequireDefault","_reactI18next","_OdysseyDesignTokensContext","_index","_MuiPropsContext","_Tooltip","_jsxRuntime","e","__esModule","default","PreviewContainer","styled","div","isDisabled","odysseyDesignTokens","color","TypographyColorDisabled","marginBlockStart","Spacing2","pointerEvents","UploadedFileContainer","display","justifyContent","alignItems","button","transform","padding","Spacing1","borderRadius","BorderRadiusMain","transition","TransitionTimingMain","backgroundColor","HueNeutral100","borderColor","FocusOutlineColorPrimary","boxShadow","outline","FocusOutlineWidthMain","FocusOutlineStyle","UploadedFile","name","onFileRemove","t","useTranslation","useOdysseyDesignTokens","deleteHandler","useCallback","renderDeleteButton","muiProps","jsx","_IconButton2","onClick","size","children","DeleteIcon","jsxs","tabIndex","Tooltip","ariaType","placement","text","MuiPropsContext","Consumer","FileUploadPreview","fileNames","map","index","MemoizedFileUploadPreview","exports","memo","displayName"],"sources":["../../../src/FileUploader/FileUploadPreview.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconButton } from \"@mui/material\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FileUploaderProps } from \"./FileUploader.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { DeleteIcon } from \"../icons.generated/index.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"../MuiPropsContext.js\";\nimport { Tooltip } from \"../Tooltip.js\";\n\nconst PreviewContainer = styled.div<{\n  isDisabled: FileUploaderProps[\"isDisabled\"];\n  odysseyDesignTokens: DesignTokens;\n}>(({ isDisabled, odysseyDesignTokens }) => ({\n  color: isDisabled ? odysseyDesignTokens.TypographyColorDisabled : \"inherit\",\n  marginBlockStart: odysseyDesignTokens.Spacing2,\n  pointerEvents: isDisabled ? \"none\" : \"auto\",\n}));\n\nconst UploadedFileContainer = styled.div<{ odysseyDesignTokens: DesignTokens }>(\n  {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n\n    button: {\n      transform: \"scale(0)\",\n    },\n\n    \"&:hover, &:focus-within, &:focus\": {\n      button: {\n        transform: \"scale(1)\",\n      },\n    },\n  },\n  ({ odysseyDesignTokens }) => ({\n    padding: `${odysseyDesignTokens.Spacing1} ${odysseyDesignTokens.Spacing2}`,\n    borderRadius: odysseyDesignTokens.BorderRadiusMain,\n    transition: `background-color ${odysseyDesignTokens.TransitionTimingMain}`,\n\n    \"&:hover, &:focus-within\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral100,\n    },\n\n    \"&:focus\": {\n      borderColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n      boxShadow: `0 0 0 2px ${odysseyDesignTokens.FocusOutlineColorPrimary}`,\n      outline: `${odysseyDesignTokens.FocusOutlineWidthMain} ${odysseyDesignTokens.FocusOutlineStyle} transparent`,\n    },\n  }),\n);\n\ntype UploadedFileProps = {\n  name: string;\n  onFileRemove?: (name: string) => void;\n};\n\nconst UploadedFile = ({ name, onFileRemove }: UploadedFileProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const deleteHandler = useCallback(() => {\n    onFileRemove?.(name);\n  }, [onFileRemove, name]);\n\n  const renderDeleteButton = useCallback(\n    (muiProps: MuiPropsContextType) => {\n      return (\n        <IconButton\n          {...muiProps}\n          aria-label={t(\"fileupload.removefile.text\")}\n          onClick={deleteHandler}\n          size=\"small\"\n        >\n          <DeleteIcon />\n        </IconButton>\n      );\n    },\n    [deleteHandler, t],\n  );\n\n  return (\n    <UploadedFileContainer\n      // tabindex added to make this element focusable\n      tabIndex={0}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {name}\n      <Tooltip\n        ariaType=\"description\"\n        placement=\"top\"\n        text={t(\"fileupload.removefile.text\")}\n      >\n        <MuiPropsContext.Consumer>\n          {renderDeleteButton}\n        </MuiPropsContext.Consumer>\n      </Tooltip>\n    </UploadedFileContainer>\n  );\n};\n\ntype FileUploadPreviewProps = {\n  fileNames: string[];\n  isDisabled: FileUploaderProps[\"isDisabled\"];\n  onFileRemove?: (name: string) => void;\n};\n\nconst FileUploadPreview = ({\n  fileNames,\n  isDisabled,\n  onFileRemove,\n}: FileUploadPreviewProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <PreviewContainer\n      data-file-preview-container=\"true\"\n      isDisabled={isDisabled}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {fileNames?.map((name, index) => (\n        <UploadedFile\n          key={`${index}-${name}`}\n          onFileRemove={onFileRemove}\n          name={name}\n        />\n      ))}\n    </PreviewContainer>\n  );\n};\n\nconst MemoizedFileUploadPreview = memo(FileUploadPreview);\nMemoizedFileUploadPreview.displayName = \"FileUploadPreview\";\n\nexport { MemoizedFileUploadPreview as FileUploadPreview };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileUploadPreview.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_index","_MuiPropsContext","_OdysseyDesignTokensContext","_Tooltip","_jsxRuntime","e","__esModule","default","PreviewContainer","styled","div","isDisabled","odysseyDesignTokens","color","TypographyColorDisabled","marginBlockStart","Spacing2","pointerEvents","UploadedFileContainer","display","justifyContent","alignItems","button","transform","padding","Spacing1","borderRadius","BorderRadiusMain","transition","TransitionTimingMain","backgroundColor","HueNeutral100","borderColor","FocusOutlineColorPrimary","boxShadow","outline","FocusOutlineWidthMain","FocusOutlineStyle","UploadedFile","name","onFileRemove","t","useTranslation","useOdysseyDesignTokens","deleteHandler","useCallback","renderDeleteButton","muiProps","jsx","_IconButton2","onClick","size","children","DeleteIcon","jsxs","tabIndex","Tooltip","ariaType","placement","text","MuiPropsContext","Consumer","FileUploadPreview","fileNames","map","index","MemoizedFileUploadPreview","exports","memo","displayName"],"sources":["../../../src/FileUploader/FileUploadPreview.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 { IconButton } from \"@mui/material\";\nimport { memo, useCallback } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { DeleteIcon } from \"../icons.generated/index.js\";\nimport { MuiPropsContext, MuiPropsContextType } from \"../MuiPropsContext.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Tooltip } from \"../Tooltip.js\";\nimport { FileUploaderProps } from \"./FileUploader.js\";\n\nconst PreviewContainer = styled.div<{\n  isDisabled: FileUploaderProps[\"isDisabled\"];\n  odysseyDesignTokens: DesignTokens;\n}>(({ isDisabled, odysseyDesignTokens }) => ({\n  color: isDisabled ? odysseyDesignTokens.TypographyColorDisabled : \"inherit\",\n  marginBlockStart: odysseyDesignTokens.Spacing2,\n  pointerEvents: isDisabled ? \"none\" : \"auto\",\n}));\n\nconst UploadedFileContainer = styled.div<{ odysseyDesignTokens: DesignTokens }>(\n  {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n\n    button: {\n      transform: \"scale(0)\",\n    },\n\n    \"&:hover, &:focus-within, &:focus\": {\n      button: {\n        transform: \"scale(1)\",\n      },\n    },\n  },\n  ({ odysseyDesignTokens }) => ({\n    padding: `${odysseyDesignTokens.Spacing1} ${odysseyDesignTokens.Spacing2}`,\n    borderRadius: odysseyDesignTokens.BorderRadiusMain,\n    transition: `background-color ${odysseyDesignTokens.TransitionTimingMain}`,\n\n    \"&:hover, &:focus-within\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral100,\n    },\n\n    \"&:focus\": {\n      borderColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n      boxShadow: `0 0 0 2px ${odysseyDesignTokens.FocusOutlineColorPrimary}`,\n      outline: `${odysseyDesignTokens.FocusOutlineWidthMain} ${odysseyDesignTokens.FocusOutlineStyle} transparent`,\n    },\n  }),\n);\n\ntype UploadedFileProps = {\n  name: string;\n  onFileRemove?: (name: string) => void;\n};\n\nconst UploadedFile = ({ name, onFileRemove }: UploadedFileProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const deleteHandler = useCallback(() => {\n    onFileRemove?.(name);\n  }, [onFileRemove, name]);\n\n  const renderDeleteButton = useCallback(\n    (muiProps: MuiPropsContextType) => {\n      return (\n        <IconButton\n          {...muiProps}\n          aria-label={t(\"fileupload.removefile.text\")}\n          onClick={deleteHandler}\n          size=\"small\"\n        >\n          <DeleteIcon />\n        </IconButton>\n      );\n    },\n    [deleteHandler, t],\n  );\n\n  return (\n    <UploadedFileContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n      // tabindex added to make this element focusable\n      tabIndex={0}\n    >\n      {name}\n      <Tooltip\n        ariaType=\"description\"\n        placement=\"top\"\n        text={t(\"fileupload.removefile.text\")}\n      >\n        <MuiPropsContext.Consumer>\n          {renderDeleteButton}\n        </MuiPropsContext.Consumer>\n      </Tooltip>\n    </UploadedFileContainer>\n  );\n};\n\ntype FileUploadPreviewProps = {\n  fileNames: string[];\n  isDisabled: FileUploaderProps[\"isDisabled\"];\n  onFileRemove?: (name: string) => void;\n};\n\nconst FileUploadPreview = ({\n  fileNames,\n  isDisabled,\n  onFileRemove,\n}: FileUploadPreviewProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <PreviewContainer\n      data-file-preview-container=\"true\"\n      isDisabled={isDisabled}\n      odysseyDesignTokens={odysseyDesignTokens}\n    >\n      {fileNames?.map((name, index) => (\n        <UploadedFile\n          key={`${index}-${name}`}\n          name={name}\n          onFileRemove={onFileRemove}\n        />\n      ))}\n    </PreviewContainer>\n  );\n};\n\nconst MemoizedFileUploadPreview = memo(FileUploadPreview);\nMemoizedFileUploadPreview.displayName = \"FileUploadPreview\";\n\nexport { MemoizedFileUploadPreview as FileUploadPreview };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/FileUploader/FileUploader.cjs

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fileUploadVariants = exports.fileUploadTypes = exports.FileUploader = exports.FileUpload = void 0;
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _index = require("../Buttons/index.cjs");
-var _index2 = require("../icons.generated/index.cjs");
 var _Field = require("../Field.cjs");
-var _FileUploadPreview = require("./FileUploadPreview.cjs");
-var _FileUploadIllustration = require("./FileUploadIllustration.cjs");
+var _index2 = require("../icons.generated/index.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _Typography = require("../Typography.cjs");
+var _FileUploadIllustration = require("./FileUploadIllustration.cjs");
+var _FileUploadPreview = require("./FileUploadPreview.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -192,8 +192,8 @@ const FileUploader = ({
       renderFieldComponent: renderFileInput
     }), filesToUpload.length > 0 && (0, _jsxRuntime.jsx)(_FileUploadPreview.FileUploadPreview, {
       fileNames: filesToUpload.map(file => file.name),
-      onFileRemove: removeFileFromFilesToUploadList,
-      isDisabled: isDisabled
+      isDisabled: isDisabled,
+      onFileRemove: removeFileFromFilesToUploadList
     })]
   });
 };

package/dist/cjs/FileUploader/FileUploader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.cjs","names":["_react","require","_styled","_interopRequireDefault","_reactI18next","_index","_index2","_Field","_FileUploadPreview","_FileUploadIllustration","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","fileUploadTypes","exports","fileUploadVariants","BaseInputWrapper","styled","div","position","alignSelf","input","width","height","opacity","InputContainer","display","alignItems","justifyContent","borderStyle","hasError","odysseyDesignTokens","padding","Spacing6","Spacing3","border","PaletteDangerMain","HueNeutral300","borderRadius","BorderRadiusMain","transition","TransitionTimingMain","borderColor","HueNeutral700","FocusOutlineColorPrimary","boxShadow","outline","FocusOutlineWidthMain","FocusOutlineStyle","outlineOffset","FocusOutlineOffsetTight","backgroundColor","HueNeutral50","BorderColorDisabled","color","TypographyColorDisabled","ButtonAndInfoContainer","flexDirection","CenterAlignedSupportText","textAlign","FileUploader","acceptedFileTypes","errorMessage","id","isDisabled","isFullWidth","isOptional","hint","HintLinkComponent","label","onChange","type","variant","useOdysseyDesignTokens","t","useTranslation","inputRef","useRef","filesToUpload","setFilesToUpload","useState","useEffect","updateFilesToUpload","useCallback","event","files","target","length","mergedFiles","concat","Array","from","slice","value","triggerFileInputClick","current","click","removeFileFromFilesToUploadList","name","deletedFileFilteredOut","filter","file","renderFileInput","ariaDescribedBy","errorMessageElementId","labelElementId","acceptedFileTypesAsString","join","Input","jsx","accept","disabled","multiple","ref","title","Fragment","children","jsxs","Button","onClick","startIcon","UploadIcon","Boolean","FileUploadIllustration","Support","Field","fieldType","hasVisibleLabel","renderFieldComponent","FileUploadPreview","fileNames","map","onFileRemove","MemoizedFileUploader","FileUpload","memo","displayName"],"sources":["../../../src/FileUploader/FileUploader.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  memo,\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"../Buttons/index.js\";\nimport { UploadIcon } from \"../icons.generated/index.js\";\nimport { Field, RenderFieldComponentProps } from \"../Field.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { FileUploadPreview } from \"./FileUploadPreview.js\";\nimport { FileUploadIllustration } from \"./FileUploadIllustration.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Support } from \"../Typography.js\";\n\nexport const fileUploadTypes = [\"single\", \"multiple\"] as const;\nexport const fileUploadVariants = [\n  \"button\",\n  \"dragAndDrop\",\n  \"dragAndDropWithIcon\",\n] as const;\n\nconst BaseInputWrapper = styled.div({\n  position: \"relative\",\n  alignSelf: \"flex-start\",\n\n  input: {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"100%\",\n    opacity: 0,\n  },\n});\n\nconst InputContainer = styled(BaseInputWrapper)<{\n  odysseyDesignTokens: DesignTokens;\n  hasError: boolean;\n}>(\n  {\n    display: \"flex\",\n    alignSelf: \"unset\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n\n    \"&:has(input:focus)\": {\n      borderStyle: \"solid\",\n    },\n  },\n  ({ hasError, odysseyDesignTokens }) => ({\n    padding: `${odysseyDesignTokens.Spacing6} ${odysseyDesignTokens.Spacing3}`,\n    border: hasError\n      ? `1px solid ${odysseyDesignTokens.PaletteDangerMain}`\n      : `1px dashed ${odysseyDesignTokens.HueNeutral300}`,\n    borderRadius: odysseyDesignTokens.BorderRadiusMain,\n    transition: `border-color ${odysseyDesignTokens.TransitionTimingMain}, box-shadow ${odysseyDesignTokens.TransitionTimingMain}`,\n\n    \"&:hover\": {\n      borderColor: odysseyDesignTokens.HueNeutral700,\n    },\n\n    \"&:has(input:focus)\": {\n      borderColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n      boxShadow: `0 0 0 1px ${odysseyDesignTokens.FocusOutlineColorPrimary}`,\n      outline: `${odysseyDesignTokens.FocusOutlineWidthMain} ${odysseyDesignTokens.FocusOutlineStyle} transparent`,\n      outlineOffset: odysseyDesignTokens.FocusOutlineOffsetTight,\n    },\n\n    \"&:has(input:disabled)\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n      border: `1px solid ${odysseyDesignTokens.BorderColorDisabled}`,\n      color: odysseyDesignTokens.TypographyColorDisabled,\n\n      \"&:hover\": {\n        borderColor: odysseyDesignTokens.BorderColorDisabled,\n      },\n    },\n  }),\n);\n\nconst ButtonAndInfoContainer = styled.div({\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n});\n\nconst CenterAlignedSupportText = styled.div({\n  textAlign: \"center\",\n});\n\nexport type FileUploaderProps = {\n  /**\n   * an array of file types the user is able to upload. @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers for examples\n   */\n  acceptedFileTypes?: string[];\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Function that is called when the list of ifles to upload is changed\n   */\n  onChange: (files: File[]) => void;\n  /**\n   * Either `single` or `multiple`. If `multiple`, multiple files can be uploaded\n   */\n  type?: (typeof fileUploadTypes)[number];\n  /**\n   * Either `button`, `dragAndDrop` or `dragAndDropWithIcon`. Will determine how component appears visually\n   */\n  variant: (typeof fileUploadVariants)[number];\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n>;\n\nconst FileUploader = ({\n  acceptedFileTypes,\n  errorMessage,\n  id,\n  isDisabled = false,\n  isFullWidth,\n  isOptional,\n  hint,\n  HintLinkComponent,\n  label,\n  onChange,\n  type,\n  variant,\n}: FileUploaderProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [filesToUpload, setFilesToUpload] = useState<File[]>([]);\n\n  useEffect(() => {\n    onChange(filesToUpload);\n  }, [filesToUpload, onChange]);\n\n  const updateFilesToUpload = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const { files } = event.target;\n\n      if (files && files.length > 0) {\n        const mergedFiles =\n          type === \"multiple\"\n            ? filesToUpload.concat(Array.from(files))\n            : Array.from(files).slice();\n\n        setFilesToUpload(mergedFiles);\n      }\n\n      // reset input value to allow re-upload of a file with the same name\n      event.target.value = \"\";\n    },\n    [type, filesToUpload],\n  );\n\n  const triggerFileInputClick = useCallback(() => {\n    inputRef.current?.click();\n  }, [inputRef]);\n\n  const removeFileFromFilesToUploadList = useCallback<(name: string) => void>(\n    (name) => {\n      const deletedFileFilteredOut = filesToUpload.filter(\n        (file) => file.name !== name,\n      );\n      setFilesToUpload(deletedFileFilteredOut);\n    },\n    [filesToUpload],\n  );\n\n  const renderFileInput = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: RenderFieldComponentProps) => {\n      const acceptedFileTypesAsString = acceptedFileTypes?.join(\",\");\n\n      const Input = () => (\n        <input\n          accept={acceptedFileTypesAsString}\n          aria-describedby={ariaDescribedBy}\n          aria-errormessage={errorMessageElementId}\n          aria-labelledby={labelElementId}\n          disabled={isDisabled}\n          id={id}\n          multiple={type === \"multiple\"}\n          onChange={updateFilesToUpload}\n          ref={inputRef}\n          title=\"\"\n          type=\"file\"\n        />\n      );\n\n      if (variant === \"button\") {\n        return (\n          <>\n            <BaseInputWrapper>\n              <Input />\n              <Button\n                isDisabled={isDisabled}\n                label={t(\"fileupload.button.text\")}\n                onClick={triggerFileInputClick}\n                startIcon={<UploadIcon />}\n                variant=\"secondary\"\n              />\n            </BaseInputWrapper>\n          </>\n        );\n      }\n\n      return (\n        <>\n          <InputContainer\n            hasError={Boolean(errorMessage)}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <Input />\n            <ButtonAndInfoContainer>\n              {variant === \"dragAndDropWithIcon\" && <FileUploadIllustration />}\n              <CenterAlignedSupportText>\n                <Support color=\"textSecondary\">\n                  {t(\"fileupload.prompt.text\")}\n                </Support>\n              </CenterAlignedSupportText>\n              <Button\n                isDisabled={isDisabled}\n                label={t(\"fileupload.button.text\")}\n                onClick={triggerFileInputClick}\n                startIcon={<UploadIcon />}\n                variant=\"secondary\"\n              />\n            </ButtonAndInfoContainer>\n          </InputContainer>\n        </>\n      );\n    },\n    [\n      acceptedFileTypes,\n      errorMessage,\n      isDisabled,\n      inputRef,\n      odysseyDesignTokens,\n      triggerFileInputClick,\n      t,\n      type,\n      updateFilesToUpload,\n      variant,\n    ],\n  );\n\n  return (\n    <>\n      <Field\n        errorMessage={errorMessage}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={id}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth && variant !== \"button\"}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFileInput}\n      />\n      {filesToUpload.length > 0 && (\n        <FileUploadPreview\n          fileNames={filesToUpload.map((file) => file.name)}\n          onFileRemove={removeFileFromFilesToUploadList}\n          isDisabled={isDisabled}\n        />\n      )}\n    </>\n  );\n};\n\nconst MemoizedFileUploader = memo(FileUploader);\nMemoizedFileUploader.displayName = \"FileUploader\";\n\nexport { MemoizedFileUploader as FileUpload };\nexport { MemoizedFileUploader as FileUploader };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileUploader.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_index","_Field","_index2","_OdysseyDesignTokensContext","_Typography","_FileUploadIllustration","_FileUploadPreview","_jsxRuntime","e","__esModule","default","fileUploadTypes","exports","fileUploadVariants","BaseInputWrapper","styled","div","position","alignSelf","input","width","height","opacity","InputContainer","display","alignItems","justifyContent","borderStyle","hasError","odysseyDesignTokens","padding","Spacing6","Spacing3","border","PaletteDangerMain","HueNeutral300","borderRadius","BorderRadiusMain","transition","TransitionTimingMain","borderColor","HueNeutral700","FocusOutlineColorPrimary","boxShadow","outline","FocusOutlineWidthMain","FocusOutlineStyle","outlineOffset","FocusOutlineOffsetTight","backgroundColor","HueNeutral50","BorderColorDisabled","color","TypographyColorDisabled","ButtonAndInfoContainer","flexDirection","CenterAlignedSupportText","textAlign","FileUploader","acceptedFileTypes","errorMessage","id","isDisabled","isFullWidth","isOptional","hint","HintLinkComponent","label","onChange","type","variant","useOdysseyDesignTokens","t","useTranslation","inputRef","useRef","filesToUpload","setFilesToUpload","useState","useEffect","updateFilesToUpload","useCallback","event","files","target","length","mergedFiles","concat","Array","from","slice","value","triggerFileInputClick","current","click","removeFileFromFilesToUploadList","name","deletedFileFilteredOut","filter","file","renderFileInput","ariaDescribedBy","errorMessageElementId","labelElementId","acceptedFileTypesAsString","join","Input","jsx","accept","disabled","multiple","ref","title","Fragment","children","jsxs","Button","onClick","startIcon","UploadIcon","Boolean","FileUploadIllustration","Support","Field","fieldType","hasVisibleLabel","renderFieldComponent","FileUploadPreview","fileNames","map","onFileRemove","MemoizedFileUploader","FileUpload","memo","displayName"],"sources":["../../../src/FileUploader/FileUploader.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 {\n  ChangeEvent,\n  memo,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"../Buttons/index.js\";\nimport { Field, RenderFieldComponentProps } from \"../Field.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { UploadIcon } from \"../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { Support } from \"../Typography.js\";\nimport { FileUploadIllustration } from \"./FileUploadIllustration.js\";\nimport { FileUploadPreview } from \"./FileUploadPreview.js\";\n\nexport const fileUploadTypes = [\"single\", \"multiple\"] as const;\nexport const fileUploadVariants = [\n  \"button\",\n  \"dragAndDrop\",\n  \"dragAndDropWithIcon\",\n] as const;\n\nconst BaseInputWrapper = styled.div({\n  position: \"relative\",\n  alignSelf: \"flex-start\",\n\n  input: {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"100%\",\n    opacity: 0,\n  },\n});\n\nconst InputContainer = styled(BaseInputWrapper)<{\n  hasError: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(\n  {\n    display: \"flex\",\n    alignSelf: \"unset\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n\n    \"&:has(input:focus)\": {\n      borderStyle: \"solid\",\n    },\n  },\n  ({ hasError, odysseyDesignTokens }) => ({\n    padding: `${odysseyDesignTokens.Spacing6} ${odysseyDesignTokens.Spacing3}`,\n    border: hasError\n      ? `1px solid ${odysseyDesignTokens.PaletteDangerMain}`\n      : `1px dashed ${odysseyDesignTokens.HueNeutral300}`,\n    borderRadius: odysseyDesignTokens.BorderRadiusMain,\n    transition: `border-color ${odysseyDesignTokens.TransitionTimingMain}, box-shadow ${odysseyDesignTokens.TransitionTimingMain}`,\n\n    \"&:hover\": {\n      borderColor: odysseyDesignTokens.HueNeutral700,\n    },\n\n    \"&:has(input:focus)\": {\n      borderColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n      boxShadow: `0 0 0 1px ${odysseyDesignTokens.FocusOutlineColorPrimary}`,\n      outline: `${odysseyDesignTokens.FocusOutlineWidthMain} ${odysseyDesignTokens.FocusOutlineStyle} transparent`,\n      outlineOffset: odysseyDesignTokens.FocusOutlineOffsetTight,\n    },\n\n    \"&:has(input:disabled)\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n      border: `1px solid ${odysseyDesignTokens.BorderColorDisabled}`,\n      color: odysseyDesignTokens.TypographyColorDisabled,\n\n      \"&:hover\": {\n        borderColor: odysseyDesignTokens.BorderColorDisabled,\n      },\n    },\n  }),\n);\n\nconst ButtonAndInfoContainer = styled.div({\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n});\n\nconst CenterAlignedSupportText = styled.div({\n  textAlign: \"center\",\n});\n\nexport type FileUploaderProps = {\n  /**\n   * an array of file types the user is able to upload. @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers for examples\n   */\n  acceptedFileTypes?: string[];\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Function that is called when the list of ifles to upload is changed\n   */\n  onChange: (files: File[]) => void;\n  /**\n   * Either `single` or `multiple`. If `multiple`, multiple files can be uploaded\n   */\n  type?: (typeof fileUploadTypes)[number];\n  /**\n   * Either `button`, `dragAndDrop` or `dragAndDropWithIcon`. Will determine how component appears visually\n   */\n  variant: (typeof fileUploadVariants)[number];\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isFullWidth\"\n  | \"isOptional\"\n>;\n\nconst FileUploader = ({\n  acceptedFileTypes,\n  errorMessage,\n  id,\n  isDisabled = false,\n  isFullWidth,\n  isOptional,\n  hint,\n  HintLinkComponent,\n  label,\n  onChange,\n  type,\n  variant,\n}: FileUploaderProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [filesToUpload, setFilesToUpload] = useState<File[]>([]);\n\n  useEffect(() => {\n    onChange(filesToUpload);\n  }, [filesToUpload, onChange]);\n\n  const updateFilesToUpload = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const { files } = event.target;\n\n      if (files && files.length > 0) {\n        const mergedFiles =\n          type === \"multiple\"\n            ? filesToUpload.concat(Array.from(files))\n            : Array.from(files).slice();\n\n        setFilesToUpload(mergedFiles);\n      }\n\n      // reset input value to allow re-upload of a file with the same name\n      event.target.value = \"\";\n    },\n    [type, filesToUpload],\n  );\n\n  const triggerFileInputClick = useCallback(() => {\n    inputRef.current?.click();\n  }, [inputRef]);\n\n  const removeFileFromFilesToUploadList = useCallback<(name: string) => void>(\n    (name) => {\n      const deletedFileFilteredOut = filesToUpload.filter(\n        (file) => file.name !== name,\n      );\n      setFilesToUpload(deletedFileFilteredOut);\n    },\n    [filesToUpload],\n  );\n\n  const renderFileInput = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: RenderFieldComponentProps) => {\n      const acceptedFileTypesAsString = acceptedFileTypes?.join(\",\");\n\n      const Input = () => (\n        <input\n          accept={acceptedFileTypesAsString}\n          aria-describedby={ariaDescribedBy}\n          aria-errormessage={errorMessageElementId}\n          aria-labelledby={labelElementId}\n          disabled={isDisabled}\n          id={id}\n          multiple={type === \"multiple\"}\n          onChange={updateFilesToUpload}\n          ref={inputRef}\n          title=\"\"\n          type=\"file\"\n        />\n      );\n\n      if (variant === \"button\") {\n        return (\n          <>\n            <BaseInputWrapper>\n              <Input />\n              <Button\n                isDisabled={isDisabled}\n                label={t(\"fileupload.button.text\")}\n                onClick={triggerFileInputClick}\n                startIcon={<UploadIcon />}\n                variant=\"secondary\"\n              />\n            </BaseInputWrapper>\n          </>\n        );\n      }\n\n      return (\n        <>\n          <InputContainer\n            hasError={Boolean(errorMessage)}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <Input />\n            <ButtonAndInfoContainer>\n              {variant === \"dragAndDropWithIcon\" && <FileUploadIllustration />}\n              <CenterAlignedSupportText>\n                <Support color=\"textSecondary\">\n                  {t(\"fileupload.prompt.text\")}\n                </Support>\n              </CenterAlignedSupportText>\n              <Button\n                isDisabled={isDisabled}\n                label={t(\"fileupload.button.text\")}\n                onClick={triggerFileInputClick}\n                startIcon={<UploadIcon />}\n                variant=\"secondary\"\n              />\n            </ButtonAndInfoContainer>\n          </InputContainer>\n        </>\n      );\n    },\n    [\n      acceptedFileTypes,\n      errorMessage,\n      isDisabled,\n      inputRef,\n      odysseyDesignTokens,\n      triggerFileInputClick,\n      t,\n      type,\n      updateFilesToUpload,\n      variant,\n    ],\n  );\n\n  return (\n    <>\n      <Field\n        errorMessage={errorMessage}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        HintLinkComponent={HintLinkComponent}\n        id={id}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth && variant !== \"button\"}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFileInput}\n      />\n      {filesToUpload.length > 0 && (\n        <FileUploadPreview\n          fileNames={filesToUpload.map((file) => file.name)}\n          isDisabled={isDisabled}\n          onFileRemove={removeFileFromFilesToUploadList}\n        />\n      )}\n    </>\n  );\n};\n\nconst MemoizedFileUploader = memo(FileUploader);\nMemoizedFileUploader.displayName = \"FileUploader\";\n\nexport { MemoizedFileUploader as FileUpload };\nexport { MemoizedFileUploader as FileUploader };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Form.cjs

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formMethodValues = exports.formEncodingTypeValues = exports.formAutoCompleteTypeValues = exports.Form = void 0;
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _Typography = require("./Typography.cjs");
 var _useUniqueId = require("./useUniqueId.cjs");
-var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!