@okta/odyssey-react-mui 0.22.0 → 0.24.0

package/dist/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["forwardRef","memo","useCallback","useState","Checkbox","Field","jsx","_jsx","jsxs","_jsxs","Select","_ref","ref","errorMessage","hint","id","idOverride","isDisabled","isMultiSelect","isOptional","label","onBlur","onChange","onChangeProp","onFocus","value","options","selectedValue","setSelectedValue","event","child","target","split","normalizedOptions","map","option","text","type","renderValue","selected","undefined","renderedChips","item","selectedOption","find","_Chip","filter","Boolean","length","_Box","children","_ListSubheader","_MenuItem","isChecked","includes","renderFieldComponent","_Select","name","multiple","fieldType","hasVisibleLabel","MemoizedSelect","displayName"],"sources":["../src/Select.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 { ReactNode, forwardRef, memo, useCallback, useState } from \"react\";\nimport {\n  Box,\n  Chip,\n  ListSubheader,\n  MenuItem,\n  Select as MuiSelect,\n  SelectChangeEvent,\n} from \"@mui/material\";\nimport { SelectProps as MuiSelectProps } from \"@mui/material\";\nimport { Checkbox } from \"./Checkbox\";\nimport { Field } from \"./Field\";\n\nexport type SelectOption = {\n  text: string;\n  value?: string;\n  type?: \"heading\" | \"option\";\n};\n\nexport type SelectProps = {\n  errorMessage?: string;\n  hint?: string;\n  id?: string;\n  isDisabled?: boolean;\n  isMultiSelect?: boolean;\n  isOptional?: boolean;\n  label: string;\n  onBlur?: MuiSelectProps[\"onBlur\"];\n  onChange?: MuiSelectProps[\"onChange\"];\n  onFocus?: MuiSelectProps[\"onFocus\"];\n  options: (string | SelectOption)[];\n  value?: string | string[];\n};\n\n/**\n * Options in Odyssey <Select> are passed as an array, which can contain any combination\n * of the following:\n *   - string —                            A simple string. The string will be both the text and the value of the resulting option.\n *                                         <option value=\"string\">string</option>\n *\n *   - { text: string } —                  Same as above, but the string is contained within an object.\n *                                         <option value=\"text\">text</option>\n *\n *   - { text: string, value: string } —   The option text will be text, and the option value will be value.\n *                                         <option value=\"value\">text</option>\n *\n *   - { text: string, type: \"heading\" } — Used to display a group heading with the text\n */\n\nconst Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      errorMessage,\n      hint,\n      id: idOverride,\n      isDisabled = false,\n      isMultiSelect = false,\n      isOptional = false,\n      label,\n      onBlur,\n      onChange: onChangeProp,\n      onFocus,\n      value,\n      options,\n    },\n    ref\n  ) => {\n    // If there's no value set, we set it to a blank string (if it's a single-select)\n    // or an empty array (if it's a multi-select)\n    if (typeof value === \"undefined\") {\n      value = isMultiSelect ? [] : \"\";\n    }\n\n    const [selectedValue, setSelectedValue] = useState<string | string[]>(\n      value\n    );\n\n    const onChange = useCallback(\n      (event: SelectChangeEvent<string | string[]>, child: ReactNode) => {\n        const {\n          target: { value },\n        } = event;\n\n        // Set the field value, with some additional logic to handle array values\n        // for multi-selects\n        if (isMultiSelect) {\n          setSelectedValue(\n            typeof value === \"string\" ? value.split(\",\") : value\n          );\n        } else {\n          setSelectedValue(value);\n        }\n\n        // Trigger the onChange event, if one has been passed\n        if (onChangeProp) {\n          onChangeProp(event, child);\n        }\n      },\n      [isMultiSelect, onChangeProp, setSelectedValue]\n    );\n\n    // Normalize the options array to accommodate the various\n    // data types that might be passed\n    const normalizedOptions = options.map((option) => {\n      if (typeof option === \"object\") {\n        return {\n          text: option.text,\n          value: option.value || option.text,\n          type: option.type === \"heading\" ? \"heading\" : \"option\",\n        };\n      }\n\n      return { text: option, value: option, type: \"option\" };\n    });\n\n    const renderValue = useCallback(\n      (selected: string | string[]) => {\n        // If the selected value isn't an array, then we don't need to display\n        // chips and should fall back to the default render behavior\n        if (typeof selected === \"string\") {\n          return undefined;\n        }\n\n        // Convert the selected options array into <Chip>s\n        const renderedChips = selected\n          .map((item: string) => {\n            const selectedOption = normalizedOptions.find(\n              (option) => option.value === item\n            );\n\n            if (!selectedOption) {\n              return null;\n            }\n\n            return <Chip key={item} label={selectedOption.text} />;\n          })\n          .filter(Boolean);\n\n        if (renderedChips.length === 0) {\n          return null;\n        }\n\n        // We need the <Box> to surround the <Chip>s for\n        // proper styling\n        return <Box>{renderedChips}</Box>;\n      },\n      [normalizedOptions]\n    );\n\n    // Convert the options into the ReactNode children\n    // that will populate the <Select>\n    const children = normalizedOptions.map((option) => {\n      if (option.type === \"heading\") {\n        return <ListSubheader key={option.text}>{option.text}</ListSubheader>;\n      }\n\n      return (\n        <MenuItem key={option.value} value={option.value}>\n          {isMultiSelect && (\n            <Checkbox isChecked={selectedValue.includes(option.value)} />\n          )}\n          {option.text}\n        </MenuItem>\n      );\n    });\n\n    const renderFieldComponent = useCallback(\n      () => (\n        <MuiSelect\n          id={idOverride}\n          name={idOverride}\n          multiple={isMultiSelect}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          ref={ref}\n          children={children}\n          renderValue={isMultiSelect ? renderValue : undefined}\n          value={selectedValue}\n        />\n      ),\n      [\n        idOverride,\n        isMultiSelect,\n        onBlur,\n        onChange,\n        onFocus,\n        ref,\n        children,\n        renderValue,\n        selectedValue,\n      ]\n    );\n\n    return (\n      <Field\n        errorMessage={errorMessage}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  }\n);\n\nconst MemoizedSelect = memo(Select);\nMemoizedSelect.displayName = \"Select\";\n\nexport { MemoizedSelect as Select };\n"],"mappings":"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"}

package/dist/Status.js.map

@@ -1 +1 @@
-{"version":3,"file":"Status.js","names":["Chip","Status","severity","label"],"sources":["../src/Status.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Chip } from \"./\";\n\nexport interface StatusProps {\n  /**\n   * Determine the color and icon of the alert\n   */\n  severity: \"default\" | \"error\" | \"info\" | \"success\" | \"warning\";\n\n  /**\n   * The text content of the status\n   */\n  label: string;\n}\n\nexport const Status = ({ severity, label }: StatusProps) => (\n  <Chip label={label} color={severity} variant=\"status\" />\n);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;SAESA,I;;AAcT,OAAO,MAAMC,MAAM,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC;EAAZ,CAAD;EAAA,OACpB,KAAC,IAAD;IAAM,KAAK,EAAEA,KAAb;IAAoB,KAAK,EAAED,QAA3B;IAAqC,OAAO,EAAC;EAA7C,EADoB;AAAA,CAAf"}
+{"version":3,"file":"Status.js","names":["Chip","jsx","_jsx","Status","_ref","severity","label","color","variant"],"sources":["../src/Status.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Chip } from \"./\";\n\nexport type StatusProps = {\n  /**\n   * Determine the color and icon of the alert\n   */\n  severity: \"default\" | \"error\" | \"info\" | \"success\" | \"warning\";\n\n  /**\n   * The text content of the status\n   */\n  label: string;\n};\n\nexport const Status = ({ severity, label }: StatusProps) => (\n  <Chip label={label} color={severity} variant=\"status\" />\n);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAYSA,IAAI;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAcb,OAAO,MAAMC,MAAM,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAmB,CAAC,GAAAF,IAAA;EAAA,OACrDF,IAAA,CAACF,IAAI;IAACM,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEF,QAAS;IAACG,OAAO,EAAC;EAAQ,CAAE,CAAC;AAAA,CACzD"}

package/dist/Tabs.js

@@ -0,0 +1,46 @@
+import _Tab from "@mui/material/Tab";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import React, { useCallback, useState } from "react";
+import { TabList as MuiTabList, TabPanel as MuiTabPanel, TabContext as MuiTabContext } from "@mui/lab";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Tabs = _ref => {
+  let {
+    ariaLabel,
+    tabs,
+    initialValue = "0"
+  } = _ref;
+  const [tabState, setTabState] = useState(initialValue);
+  const onChange = useCallback((_event, newState) => {
+    setTabState(newState);
+  }, []);
+  return _jsxs(MuiTabContext, {
+    value: tabState,
+    children: [_jsx(MuiTabList, {
+      onChange: onChange,
+      "aria-label": ariaLabel,
+      children: tabs.map((tab, index) => _jsx(_Tab, {
+        disabled: tab.isDisabled,
+        icon: tab.startIcon,
+        label: tab.label,
+        value: tab.value ? tab.value : index.toString()
+      }, tab.value ? tab.value : index.toString()))
+    }), tabs.map((tab, index) => _jsx(MuiTabPanel, {
+      value: tab.value ? tab.value : index.toString(),
+      children: tab.children
+    }, tab.value ? tab.value : index.toString()))]
+  });
+};
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["React","useCallback","useState","TabList","MuiTabList","TabPanel","MuiTabPanel","TabContext","MuiTabContext","jsx","_jsx","jsxs","_jsxs","Tabs","_ref","ariaLabel","tabs","initialValue","tabState","setTabState","onChange","_event","newState","value","children","map","tab","index","_Tab","disabled","isDisabled","icon","startIcon","label","toString"],"sources":["../src/Tabs.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport React, { ReactElement, ReactNode, useCallback, useState } from \"react\";\nimport { Tab as MuiTab } from \"@mui/material\";\nimport {\n  TabList as MuiTabList,\n  TabPanel as MuiTabPanel,\n  TabContext as MuiTabContext,\n} from \"@mui/lab\";\n\nexport type TabItemProps = {\n  children: ReactNode;\n  startIcon?: ReactElement;\n  label: string;\n  isDisabled?: boolean;\n  value?: string;\n};\n\nexport type TabsProps = {\n  tabs: TabItemProps[];\n  initialValue?: string;\n  ariaLabel?: string;\n};\n\nconst Tabs = ({ ariaLabel, tabs, initialValue = \"0\" }: TabsProps) => {\n  const [tabState, setTabState] = useState(initialValue);\n\n  const onChange = useCallback(\n    (_event: React.SyntheticEvent, newState: string) => {\n      setTabState(newState);\n    },\n    []\n  );\n\n  return (\n    <MuiTabContext value={tabState}>\n      <MuiTabList onChange={onChange} aria-label={ariaLabel}>\n        {tabs.map((tab, index) => (\n          <MuiTab\n            disabled={tab.isDisabled}\n            icon={tab.startIcon}\n            label={tab.label}\n            value={tab.value ? tab.value : index.toString()}\n            key={tab.value ? tab.value : index.toString()}\n          />\n        ))}\n      </MuiTabList>\n      {tabs.map((tab, index) => (\n        <MuiTabPanel\n          value={tab.value ? tab.value : index.toString()}\n          key={tab.value ? tab.value : index.toString()}\n        >\n          {tab.children}\n        </MuiTabPanel>\n      ))}\n    </MuiTabContext>\n  );\n};\n\nexport { Tabs };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAA6BC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7E,SACEC,OAAO,IAAIC,UAAU,EACrBC,QAAQ,IAAIC,WAAW,EACvBC,UAAU,IAAIC,aAAa,QACtB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAgBlB,MAAMC,IAAI,GAAGC,IAAA,IAAwD;EAAA,IAAvD;IAAEC,SAAS;IAAEC,IAAI;IAAEC,YAAY,GAAG;EAAe,CAAC,GAAAH,IAAA;EAC9D,MAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAGjB,QAAQ,CAACe,YAAY,CAAC;EAEtD,MAAMG,QAAQ,GAAGnB,WAAW,CAC1B,CAACoB,MAA4B,EAAEC,QAAgB,KAAK;IAClDH,WAAW,CAACG,QAAQ,CAAC;EACvB,CAAC,EACD,EACF,CAAC;EAED,OACEV,KAAA,CAACJ,aAAa;IAACe,KAAK,EAAEL,QAAS;IAAAM,QAAA,GAC7Bd,IAAA,CAACN,UAAU;MAACgB,QAAQ,EAAEA,QAAS;MAAC,cAAYL,SAAU;MAAAS,QAAA,EACnDR,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KACnBjB,IAAA,CAAAkB,IAAA;QACEC,QAAQ,EAAEH,GAAG,CAACI,UAAW;QACzBC,IAAI,EAAEL,GAAG,CAACM,SAAU;QACpBC,KAAK,EAAEP,GAAG,CAACO,KAAM;QACjBV,KAAK,EAAEG,GAAG,CAACH,KAAK,GAAGG,GAAG,CAACH,KAAK,GAAGI,KAAK,CAACO,QAAQ,CAAC;MAAE,GAC3CR,GAAG,CAACH,KAAK,GAAGG,GAAG,CAACH,KAAK,GAAGI,KAAK,CAACO,QAAQ,CAAC,CAC7C,CACF;IAAC,CACQ,CAAC,EACZlB,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KACnBjB,IAAA,CAACJ,WAAW;MACViB,KAAK,EAAEG,GAAG,CAACH,KAAK,GAAGG,GAAG,CAACH,KAAK,GAAGI,KAAK,CAACO,QAAQ,CAAC,CAAE;MAAAV,QAAA,EAG/CE,GAAG,CAACF;IAAQ,GAFRE,GAAG,CAACH,KAAK,GAAGG,GAAG,CAACH,KAAK,GAAGI,KAAK,CAACO,QAAQ,CAAC,CAGjC,CACd,CAAC;EAAA,CACW,CAAC;AAEpB,CAAC;AAED,SAASrB,IAAI"}

package/dist/Tag.js

@@ -1,8 +1,18 @@
 import _Chip from "@mui/material/Chip";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
 import { memo, useContext } from "react";
 import { TagListContext } from "./TagListContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Tag = _ref => {
   let {
     isDisabled,
@@ -22,7 +32,6 @@ const Tag = _ref => {
     onDelete: onRemove
   });
 };
-
 const MemoizedTag = memo(Tag);
 export { MemoizedTag as Tag };
 //# sourceMappingURL=Tag.js.map

package/dist/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["memo","useContext","TagListContext","Tag","isDisabled","label","onClick","onRemove","chipElementType","MemoizedTag"],"sources":["../src/Tag.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Chip, ChipProps } from \"@mui/material\";\nimport { memo, useContext } from \"react\";\nimport { TagListContext } from \"./TagListContext\";\n\nexport type TagProps = {\n  isDisabled?: boolean;\n  label: string;\n  onClick?: ChipProps[\"onClick\"];\n  onRemove?: ChipProps[\"onDelete\"];\n};\n\nconst Tag = ({ isDisabled, label, onClick, onRemove }: TagProps) => {\n  const { chipElementType } = useContext(TagListContext);\n\n  return (\n    <Chip\n      label={label}\n      clickable={onClick ? true : false}\n      component={chipElementType}\n      disabled={isDisabled}\n      onClick={onClick}\n      onDelete={onRemove}\n    />\n  );\n};\n\nconst MemoizedTag = memo(Tag);\n\nexport { MemoizedTag as Tag };\n"],"mappings":";AAaA,SAASA,IAAT,EAAeC,UAAf,QAAiC,OAAjC;SACSC,c;;;AAST,MAAMC,GAAG,GAAG,QAAwD;EAAA,IAAvD;IAAEC,UAAF;IAAcC,KAAd;IAAqBC,OAArB;IAA8BC;EAA9B,CAAuD;EAClE,MAAM;IAAEC;EAAF,IAAsBP,UAAU,CAACC,cAAD,CAAtC;EAEA,OACE;IACE,KAAK,EAAEG,KADT;IAEE,SAAS,EAAEC,OAAO,GAAG,IAAH,GAAU,KAF9B;IAGE,SAAS,EAAEE,eAHb;IAIE,QAAQ,EAAEJ,UAJZ;IAKE,OAAO,EAAEE,OALX;IAME,QAAQ,EAAEC;EANZ,EADF;AAUD,CAbD;;AAeA,MAAME,WAAW,GAAGT,IAAI,CAACG,GAAD,CAAxB;AAEA,SAASM,WAAW,IAAIN,GAAxB"}
+{"version":3,"file":"Tag.js","names":["memo","useContext","TagListContext","jsx","_jsx","Tag","_ref","isDisabled","label","onClick","onRemove","chipElementType","_Chip","clickable","component","disabled","onDelete","MemoizedTag"],"sources":["../src/Tag.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Chip, ChipProps } from \"@mui/material\";\nimport { memo, useContext } from \"react\";\nimport { TagListContext } from \"./TagListContext\";\n\nexport type TagProps = {\n  isDisabled?: boolean;\n  label: string;\n  onClick?: ChipProps[\"onClick\"];\n  onRemove?: ChipProps[\"onDelete\"];\n};\n\nconst Tag = ({ isDisabled, label, onClick, onRemove }: TagProps) => {\n  const { chipElementType } = useContext(TagListContext);\n\n  return (\n    <Chip\n      label={label}\n      clickable={onClick ? true : false}\n      component={chipElementType}\n      disabled={isDisabled}\n      onClick={onClick}\n      onDelete={onRemove}\n    />\n  );\n};\n\nconst MemoizedTag = memo(Tag);\n\nexport { MemoizedTag as Tag };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAAC,SAChCC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASvB,MAAMC,GAAG,GAAGC,IAAA,IAAwD;EAAA,IAAvD;IAAEC,UAAU;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAmB,CAAC,GAAAJ,IAAA;EAC7D,MAAM;IAAEK;EAAgB,CAAC,GAAGV,UAAU,CAACC,cAAc,CAAC;EAEtD,OACEE,IAAA,CAAAQ,KAAA;IACEJ,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAEJ,OAAO,GAAG,IAAI,GAAG,KAAM;IAClCK,SAAS,EAAEH,eAAgB;IAC3BI,QAAQ,EAAER,UAAW;IACrBE,OAAO,EAAEA,OAAQ;IACjBO,QAAQ,EAAEN;EAAS,CACpB,CAAC;AAEN,CAAC;AAED,MAAMO,WAAW,GAAGjB,IAAI,CAACK,GAAG,CAAC;AAE7B,SAASY,WAAW,IAAIZ,GAAG"}

package/dist/TagList.js

@@ -1,8 +1,18 @@
 import _Stack from "@mui/material/Stack";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
 import { memo, useMemo } from "react";
 import { TagListContext } from "./TagListContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const TagList = _ref => {
   let {
     children
@@ -20,7 +30,6 @@ const TagList = _ref => {
     })
   });
 };
-
 const MemoizedTagList = memo(TagList);
 export { MemoizedTagList as TagList };
 //# sourceMappingURL=TagList.js.map

package/dist/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","names":["memo","useMemo","TagListContext","TagList","children","providerValue","chipElementType","MemoizedTagList"],"sources":["../src/TagList.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Tag } from \"./\";\nimport { Stack } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\nimport { ChipElementType, TagListContext } from \"./TagListContext\";\n\nexport type TagListProps = {\n  children: ReactElement<typeof Tag> | Array<ReactElement<typeof Tag>>;\n};\n\nconst TagList = ({ children }: TagListProps) => {\n  const providerValue = useMemo<{\n    chipElementType: ChipElementType;\n  }>(\n    () => ({\n      chipElementType: \"li\",\n    }),\n    []\n  );\n\n  return (\n    <Stack component=\"ul\" direction=\"row\" spacing={2}>\n      <TagListContext.Provider value={providerValue}>\n        {children}\n      </TagListContext.Provider>\n    </Stack>\n  );\n};\n\nconst MemoizedTagList = memo(TagList);\n\nexport { MemoizedTagList as TagList };\n"],"mappings":";AAcA,SAASA,IAAT,EAA6BC,OAA7B,QAA4C,OAA5C;SAC0BC,c;;;AAM1B,MAAMC,OAAO,GAAG,QAAgC;EAAA,IAA/B;IAAEC;EAAF,CAA+B;EAC9C,MAAMC,aAAa,GAAGJ,OAAO,CAG3B,OAAO;IACLK,eAAe,EAAE;EADZ,CAAP,CAH2B,EAM3B,EAN2B,CAA7B;EASA,OACE;IAAO,SAAS,EAAC,IAAjB;IAAsB,SAAS,EAAC,KAAhC;IAAsC,OAAO,EAAE,CAA/C;IAAA,UACE,KAAC,cAAD,CAAgB,QAAhB;MAAyB,KAAK,EAAED,aAAhC;MAAA,UACGD;IADH;EADF,EADF;AAOD,CAjBD;;AAmBA,MAAMG,eAAe,GAAGP,IAAI,CAACG,OAAD,CAA5B;AAEA,SAASI,eAAe,IAAIJ,OAA5B"}
+{"version":3,"file":"TagList.js","names":["memo","useMemo","TagListContext","jsx","_jsx","TagList","_ref","children","providerValue","chipElementType","_Stack","component","direction","spacing","Provider","value","MemoizedTagList"],"sources":["../src/TagList.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { Tag } from \"./\";\nimport { Stack } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\nimport { ChipElementType, TagListContext } from \"./TagListContext\";\n\nexport type TagListProps = {\n  children: ReactElement<typeof Tag> | Array<ReactElement<typeof Tag>>;\n};\n\nconst TagList = ({ children }: TagListProps) => {\n  const providerValue = useMemo<{\n    chipElementType: ChipElementType;\n  }>(\n    () => ({\n      chipElementType: \"li\",\n    }),\n    []\n  );\n\n  return (\n    <Stack component=\"ul\" direction=\"row\" spacing={2}>\n      <TagListContext.Provider value={providerValue}>\n        {children}\n      </TagListContext.Provider>\n    </Stack>\n  );\n};\n\nconst MemoizedTagList = memo(TagList);\n\nexport { MemoizedTagList as TagList };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA,SAASA,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAAC,SAC1BC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMxC,MAAMC,OAAO,GAAGC,IAAA,IAAgC;EAAA,IAA/B;IAAEC;EAAuB,CAAC,GAAAD,IAAA;EACzC,MAAME,aAAa,GAAGP,OAAO,CAG3B,OAAO;IACLQ,eAAe,EAAE;EACnB,CAAC,CAAC,EACF,EACF,CAAC;EAED,OACEL,IAAA,CAAAM,MAAA;IAAOC,SAAS,EAAC,IAAI;IAACC,SAAS,EAAC,KAAK;IAACC,OAAO,EAAE,CAAE;IAAAN,QAAA,EAC/CH,IAAA,CAACF,cAAc,CAACY,QAAQ;MAACC,KAAK,EAAEP,aAAc;MAAAD,QAAA,EAC3CA;IAAQ,CACc;EAAC,CACrB,CAAC;AAEZ,CAAC;AAED,MAAMS,eAAe,GAAGhB,IAAI,CAACK,OAAO,CAAC;AAErC,SAASW,eAAe,IAAIX,OAAO"}

package/dist/TagListContext.js

@@ -9,6 +9,7 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { createContext } from "react";
 export const TagListContext = createContext({
   chipElementType: "div"

package/dist/TagListContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagListContext.js","names":["createContext","TagListContext","chipElementType"],"sources":["../src/TagListContext.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 { createContext } from \"react\";\n\nexport type ChipElementType = \"li\" | \"div\";\n\nexport type TagListContextType = {\n  chipElementType: ChipElementType;\n};\n\nexport const TagListContext = createContext<TagListContextType>({\n  chipElementType: \"div\",\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,aAAT,QAA8B,OAA9B;AAQA,OAAO,MAAMC,cAAc,GAAGD,aAAa,CAAqB;EAC9DE,eAAe,EAAE;AAD6C,CAArB,CAApC"}
+{"version":3,"file":"TagListContext.js","names":["createContext","TagListContext","chipElementType"],"sources":["../src/TagListContext.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 { createContext } from \"react\";\n\nexport type ChipElementType = \"li\" | \"div\";\n\nexport type TagListContextType = {\n  chipElementType: ChipElementType;\n};\n\nexport const TagListContext = createContext<TagListContextType>({\n  chipElementType: \"div\",\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,OAAO;AAQrC,OAAO,MAAMC,cAAc,GAAGD,aAAa,CAAqB;EAC9DE,eAAe,EAAE;AACnB,CAAC,CAAC"}

package/dist/TextField.js

@@ -1,24 +1,35 @@
 import _InputBase from "@mui/material/InputBase";
+import _InputAdornment from "@mui/material/InputAdornment";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
 import { forwardRef, memo, useCallback } from "react";
 import { Field } from "./Field.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TextField = forwardRef((_ref, ref) => {
   let {
     autoCompleteType,
-    autoFocus,
+    hasInitialFocus,
     endAdornment,
     errorMessage,
     hint,
     id: idOverride,
     isDisabled = false,
     isMultiline = false,
+    isOptional = false,
     isReadOnly,
-    isRequired = true,
     label,
     onBlur,
     onChange,
     onFocus,
-    optionalLabel,
     placeholder,
     startAdornment,
     type = "text",
@@ -32,33 +43,41 @@ const TextField = forwardRef((_ref, ref) => {
     return _jsx(_InputBase, {
       "aria-describedby": ariaDescribedBy,
       autoComplete: autoCompleteType,
-      autoFocus: autoFocus,
-      endAdornment: endAdornment,
+      autoFocus: hasInitialFocus,
+      endAdornment: endAdornment && _jsx(_InputAdornment, {
+        position: "end",
+        children: endAdornment
+      }),
       id: id,
       multiline: isMultiline,
+      name: id,
       onBlur: onBlur,
       onChange: onChange,
       onFocus: onFocus,
       placeholder: placeholder,
       readOnly: isReadOnly,
       ref: ref,
-      startAdornment: startAdornment,
+      startAdornment: startAdornment && _jsx(_InputAdornment, {
+        position: "start",
+        children: startAdornment
+      }),
       type: type,
       value: value
     });
-  }, [autoCompleteType, autoFocus, endAdornment, isMultiline, onChange, onFocus, onBlur, placeholder, isReadOnly, ref, startAdornment, type, value]);
+  }, [autoCompleteType, hasInitialFocus, endAdornment, isMultiline, onChange, onFocus, onBlur, placeholder, isReadOnly, ref, startAdornment, type, value]);
   return _jsx(Field, {
     errorMessage: errorMessage,
+    fieldType: "single",
     hasVisibleLabel: true,
     hint: hint,
     id: idOverride,
     isDisabled: isDisabled,
-    isRequired: isRequired,
+    isOptional: isOptional,
     label: label,
-    optionalLabel: optionalLabel,
     renderFieldComponent: renderFieldComponent
   });
 });
 const MemoizedTextField = memo(TextField);
+MemoizedTextField.displayName = "TextField";
 export { MemoizedTextField as TextField };
 //# sourceMappingURL=TextField.js.map

package/dist/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","Field","TextField","ref","autoCompleteType","autoFocus","endAdornment","errorMessage","hint","id","idOverride","isDisabled","isMultiline","isReadOnly","isRequired","label","onBlur","onChange","onFocus","optionalLabel","placeholder","startAdornment","type","value","renderFieldComponent","ariaDescribedBy","MemoizedTextField"],"sources":["../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\nimport { Field } from \"./Field\";\n\nexport type TextFieldProps = {\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  autoFocus?: boolean;\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: ReactNode;\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The helper text content.\n   */\n  hint?: string;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * It prevents the user from changing the value of the field\n   */\n  isReadOnly?: boolean;\n  /**\n   * If `true`, the `input` element is required.\n   */\n  isRequired?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The label for the `input` element if the it's not optional\n   */\n  optionalLabel?: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: \"email\" | \"number\" | \"tel\" | \"text\" | \"url\";\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n};\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      autoCompleteType,\n      autoFocus,\n      endAdornment,\n      errorMessage,\n      hint,\n      id: idOverride,\n      isDisabled = false,\n      isMultiline = false,\n      isReadOnly,\n      isRequired = true,\n      label,\n      onBlur,\n      onChange,\n      onFocus,\n      optionalLabel,\n      placeholder,\n      startAdornment,\n      type = \"text\",\n      value,\n    },\n    ref\n  ) => {\n    const renderFieldComponent = useCallback(\n      ({ ariaDescribedBy, id }) => (\n        <InputBase\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={autoFocus}\n          endAdornment={endAdornment}\n          id={id}\n          multiline={isMultiline}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          startAdornment={startAdornment}\n          type={type}\n          value={value}\n        />\n      ),\n      [\n        autoCompleteType,\n        autoFocus,\n        endAdornment,\n        isMultiline,\n        onChange,\n        onFocus,\n        onBlur,\n        placeholder,\n        isReadOnly,\n        ref,\n        startAdornment,\n        type,\n        value,\n      ]\n    );\n\n    return (\n      <Field\n        errorMessage={errorMessage}\n        hasVisibleLabel\n        hint={hint}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        label={label}\n        optionalLabel={optionalLabel}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  }\n);\n\nconst MemoizedTextField = memo(TextField);\n\nexport { MemoizedTextField as TextField };\n"],"mappings":";AAaA,SAGEA,UAHF,EAKEC,IALF,EAOEC,WAPF,QAQO,OARP;SAUSC,K;;AAmFT,MAAMC,SAAS,GAAGJ,UAAU,CAC1B,OAsBEK,GAtBF,KAuBK;EAAA,IAtBH;IACEC,gBADF;IAEEC,SAFF;IAGEC,YAHF;IAIEC,YAJF;IAKEC,IALF;IAMEC,EAAE,EAAEC,UANN;IAOEC,UAAU,GAAG,KAPf;IAQEC,WAAW,GAAG,KARhB;IASEC,UATF;IAUEC,UAAU,GAAG,IAVf;IAWEC,KAXF;IAYEC,MAZF;IAaEC,QAbF;IAcEC,OAdF;IAeEC,aAfF;IAgBEC,WAhBF;IAiBEC,cAjBF;IAkBEC,IAAI,GAAG,MAlBT;IAmBEC;EAnBF,CAsBG;EACH,MAAMC,oBAAoB,GAAGxB,WAAW,CACtC;IAAA,IAAC;MAAEyB,eAAF;MAAmBhB;IAAnB,CAAD;IAAA,OACE;MACE,oBAAkBgB,eADpB;MAEE,YAAY,EAAErB,gBAFhB;MAIE,SAAS,EAAEC,SAJb;MAKE,YAAY,EAAEC,YALhB;MAME,EAAE,EAAEG,EANN;MAOE,SAAS,EAAEG,WAPb;MAQE,MAAM,EAAEI,MARV;MASE,QAAQ,EAAEC,QATZ;MAUE,OAAO,EAAEC,OAVX;MAWE,WAAW,EAAEE,WAXf;MAYE,QAAQ,EAAEP,UAZZ;MAaE,GAAG,EAAEV,GAbP;MAcE,cAAc,EAAEkB,cAdlB;MAeE,IAAI,EAAEC,IAfR;MAgBE,KAAK,EAAEC;IAhBT,EADF;EAAA,CADsC,EAqBtC,CACEnB,gBADF,EAEEC,SAFF,EAGEC,YAHF,EAIEM,WAJF,EAKEK,QALF,EAMEC,OANF,EAOEF,MAPF,EAQEI,WARF,EASEP,UATF,EAUEV,GAVF,EAWEkB,cAXF,EAYEC,IAZF,EAaEC,KAbF,CArBsC,CAAxC;EAsCA,OACE,KAAC,KAAD;IACE,YAAY,EAAEhB,YADhB;IAEE,eAAe,MAFjB;IAGE,IAAI,EAAEC,IAHR;IAIE,EAAE,EAAEE,UAJN;IAKE,UAAU,EAAEC,UALd;IAME,UAAU,EAAEG,UANd;IAOE,KAAK,EAAEC,KAPT;IAQE,aAAa,EAAEI,aARjB;IASE,oBAAoB,EAAEK;EATxB,EADF;AAaD,CA5EyB,CAA5B;AA+EA,MAAME,iBAAiB,GAAG3B,IAAI,CAACG,SAAD,CAA9B;AAEA,SAASwB,iBAAiB,IAAIxB,SAA9B"}
+{"version":3,"file":"TextField.js","names":["forwardRef","memo","useCallback","Field","jsx","_jsx","TextField","_ref","ref","autoCompleteType","hasInitialFocus","endAdornment","errorMessage","hint","id","idOverride","isDisabled","isMultiline","isOptional","isReadOnly","label","onBlur","onChange","onFocus","placeholder","startAdornment","type","value","renderFieldComponent","_ref2","ariaDescribedBy","_InputBase","autoComplete","autoFocus","_InputAdornment","position","children","multiline","name","readOnly","fieldType","hasVisibleLabel","MemoizedTextField","displayName"],"sources":["../src/TextField.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputAdornment, InputBase } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  ReactElement,\n  useCallback,\n} from \"react\";\n\nimport { Field } from \"./Field\";\nimport { Icon } from \"./Icon\";\n\nexport type TextFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * End `InputAdornment` for this component.\n   */\n  endAdornment?: string | ReactElement<typeof Icon>;\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * The helper text content.\n   */\n  hint?: string;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.\n   */\n  isMultiline?: boolean;\n  /**\n   * If `true`, the `input` element is not required.\n   */\n  isOptional?: boolean;\n  /**\n   * It prevents the user from changing the value of the field\n   */\n  isReadOnly?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Start `InputAdornment` for this component.\n   */\n  startAdornment?: string | ReactElement<typeof Icon>;\n  /**\n   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).\n   */\n  type?: \"email\" | \"number\" | \"tel\" | \"text\" | \"url\";\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n};\n\nconst TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      autoCompleteType,\n      hasInitialFocus,\n      endAdornment,\n      errorMessage,\n      hint,\n      id: idOverride,\n      isDisabled = false,\n      isMultiline = false,\n      isOptional = false,\n      isReadOnly,\n      label,\n      onBlur,\n      onChange,\n      onFocus,\n      placeholder,\n      startAdornment,\n      type = \"text\",\n      value,\n    },\n    ref\n  ) => {\n    const renderFieldComponent = useCallback(\n      ({ ariaDescribedBy, id }) => (\n        <InputBase\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            endAdornment && (\n              <InputAdornment position=\"end\">{endAdornment}</InputAdornment>\n            )\n          }\n          id={id}\n          multiline={isMultiline}\n          name={id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          startAdornment={\n            startAdornment && (\n              <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n            )\n          }\n          type={type}\n          value={value}\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        endAdornment,\n        isMultiline,\n        onChange,\n        onFocus,\n        onBlur,\n        placeholder,\n        isReadOnly,\n        ref,\n        startAdornment,\n        type,\n        value,\n      ]\n    );\n\n    return (\n      <Field\n        errorMessage={errorMessage}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  }\n);\n\nconst MemoizedTextField = memo(TextField);\nMemoizedTextField.displayName = \"TextField\";\n\nexport { MemoizedTextField as TextField };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAGEA,UAAU,EAEVC,IAAI,EAEJC,WAAW,QACN,OAAO;AAAC,SAENC,KAAK;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAgFd,MAAMC,SAAS,GAAGN,UAAU,CAC1B,CAAAO,IAAA,EAqBEC,GAAG,KACA;EAAA,IArBH;IACEC,gBAAgB;IAChBC,eAAe;IACfC,YAAY;IACZC,YAAY;IACZC,IAAI;IACJC,EAAE,EAAEC,UAAU;IACdC,UAAU,GAAG,KAAK;IAClBC,WAAW,GAAG,KAAK;IACnBC,UAAU,GAAG,KAAK;IAClBC,UAAU;IACVC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,cAAc;IACdC,IAAI,GAAG,MAAM;IACbC;EACF,CAAC,GAAApB,IAAA;EAGD,MAAMqB,oBAAoB,GAAG1B,WAAW,CACtC2B,KAAA;IAAA,IAAC;MAAEC,eAAe;MAAEhB;IAAG,CAAC,GAAAe,KAAA;IAAA,OACtBxB,IAAA,CAAA0B,UAAA;MACE,oBAAkBD,eAAgB;MAClCE,YAAY,EAAEvB,gBAAiB;MAE/BwB,SAAS,EAAEvB,eAAgB;MAC3BC,YAAY,EACVA,YAAY,IACVN,IAAA,CAAA6B,eAAA;QAAgBC,QAAQ,EAAC,KAAK;QAAAC,QAAA,EAAEzB;MAAY,CAAiB,CAEhE;MACDG,EAAE,EAAEA,EAAG;MACPuB,SAAS,EAAEpB,WAAY;MACvBqB,IAAI,EAAExB,EAAG;MACTO,MAAM,EAAEA,MAAO;MACfC,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBe,QAAQ,EAAEpB,UAAW;MACrBX,GAAG,EAAEA,GAAI;MACTiB,cAAc,EACZA,cAAc,IACZpB,IAAA,CAAA6B,eAAA;QAAgBC,QAAQ,EAAC,OAAO;QAAAC,QAAA,EAAEX;MAAc,CAAiB,CAEpE;MACDC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA;IAAM,CACd,CAAC;EAAA,CACH,EACD,CACElB,gBAAgB,EAChBC,eAAe,EACfC,YAAY,EACZM,WAAW,EACXK,QAAQ,EACRC,OAAO,EACPF,MAAM,EACNG,WAAW,EACXL,UAAU,EACVX,GAAG,EACHiB,cAAc,EACdC,IAAI,EACJC,KAAK,CAET,CAAC;EAED,OACEtB,IAAA,CAACF,KAAK;IACJS,YAAY,EAAEA,YAAa;IAC3B4B,SAAS,EAAC,QAAQ;IAClBC,eAAe;IACf5B,IAAI,EAAEA,IAAK;IACXC,EAAE,EAAEC,UAAW;IACfC,UAAU,EAAEA,UAAW;IACvBE,UAAU,EAAEA,UAAW;IACvBE,KAAK,EAAEA,KAAM;IACbQ,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CACF,CAAC;AAED,MAAMc,iBAAiB,GAAGzC,IAAI,CAACK,SAAS,CAAC;AACzCoC,iBAAiB,CAACC,WAAW,GAAG,WAAW;AAE3C,SAASD,iBAAiB,IAAIpC,SAAS"}

package/dist/Toast.js

@@ -0,0 +1,78 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { useEffect, memo, useState, useCallback } from "react";
+import { Alert, AlertTitle, CloseIcon, Link, Snackbar, visuallyHidden } from "./index.js";
+import { Button } from "./Button.js";
+import { useTranslation } from "react-i18next";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const ClickAwayListenerProps = {
+  onClickAway: () => false
+};
+const Toast = _ref => {
+  let {
+    autoHideDuration = 6000,
+    isDismissable,
+    linkText,
+    linkUrl,
+    isVisible: isVisibleProp,
+    onHide: onHideProp,
+    role,
+    severity,
+    text
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const [isVisible, setIsVisible] = useState(isVisibleProp);
+  useEffect(() => {
+    setIsVisible(isVisibleProp);
+  }, [isVisibleProp]);
+  const onHide = useCallback(() => {
+    setIsVisible(false);
+    onHideProp?.();
+  }, [onHideProp]);
+  return _jsx(Snackbar, {
+    open: isVisible,
+    autoHideDuration: isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration,
+    onClose: onHide,
+    className: "Toast",
+    ClickAwayListenerProps: ClickAwayListenerProps,
+    children: _jsxs(Alert, {
+      action: isDismissable === true && _jsx(Button, {
+        "aria-label": t("toast.close.text"),
+        onClick: onHide,
+        size: "small",
+        startIcon: _jsx(CloseIcon, {}),
+        variant: "floating"
+      }),
+      role: role,
+      severity: severity,
+      variant: "toast",
+      children: [_jsxs(AlertTitle, {
+        children: [_jsxs("span", {
+          style: visuallyHidden,
+          children: [severity, ":"]
+        }), text]
+      }), linkUrl && _jsx(Link, {
+        href: linkUrl,
+        variant: "monochrome",
+        children: linkText
+      })]
+    })
+  });
+};
+const MemoizedToast = memo(Toast);
+MemoizedToast.displayName = "Toast";
+export { MemoizedToast as Toast };
+//# sourceMappingURL=Toast.js.map

package/dist/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["useEffect","memo","useState","useCallback","Alert","AlertTitle","CloseIcon","Link","Snackbar","visuallyHidden","Button","useTranslation","jsx","_jsx","jsxs","_jsxs","ClickAwayListenerProps","onClickAway","Toast","_ref","autoHideDuration","isDismissable","linkText","linkUrl","isVisible","isVisibleProp","onHide","onHideProp","role","severity","text","t","setIsVisible","open","undefined","onClose","className","children","action","onClick","size","startIcon","variant","style","href","MemoizedToast","displayName"],"sources":["../src/Toast.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 { AlertColor } from \"@mui/material\";\nimport { useEffect, memo, useState, useCallback } from \"react\";\nimport {\n  Alert,\n  AlertTitle,\n  CloseIcon,\n  Link,\n  Snackbar,\n  visuallyHidden,\n} from \".\";\nimport { Button } from \"./Button\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type ToastProps = {\n  /**\n   * If set, this determines how long the toast should appear before automatically disappearing in milliseconds.\n   * It will only take effect if the toast is not dismissible.\n   * If left blank, it defaults to 6000.\n   */\n  autoHideDuration?: number;\n  /**\n   * If `true`, the alert will include a close button.\n   */\n  isDismissable?: boolean;\n  /**\n   * If true, the Toast is visible\n   */\n  isVisible?: boolean;\n  /**\n   * If linkUrl is not undefined, this is the text of the link.\n   * If left blank, it defaults to \"Learn more\".\n   * Note that linkText does nothing if linkUrl is not defined\n   */\n  linkText?: string;\n  /**\n   * If defined, the alert will include a link to the URL\n   */\n  linkUrl?: string;\n  /**\n   * An optional function to run when the Toast is closed.\n   */\n  onHide?: () => void;\n  /**\n   * Sets the ARIA role of the alert\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: \"status\" | \"alert\";\n  /**\n   * Determine the color and icon of the alert\n   */\n  severity: AlertColor;\n  /**\n   * The text content of the alert\n   */\n  text: string;\n};\n\nconst ClickAwayListenerProps = { onClickAway: () => false };\n\nconst Toast = ({\n  autoHideDuration = 6000,\n  isDismissable,\n  linkText,\n  linkUrl,\n  isVisible: isVisibleProp,\n  onHide: onHideProp,\n  role,\n  severity,\n  text,\n}: ToastProps) => {\n  const { t } = useTranslation();\n\n  const [isVisible, setIsVisible] = useState(isVisibleProp);\n\n  useEffect(() => {\n    setIsVisible(isVisibleProp);\n  }, [isVisibleProp]);\n\n  const onHide = useCallback(() => {\n    setIsVisible(false);\n    onHideProp?.();\n  }, [onHideProp]);\n\n  return (\n    <Snackbar\n      open={isVisible}\n      autoHideDuration={\n        isDismissable || autoHideDuration <= 0 ? undefined : autoHideDuration\n      }\n      onClose={onHide}\n      className=\"Toast\"\n      ClickAwayListenerProps={ClickAwayListenerProps}\n    >\n      <Alert\n        action={\n          isDismissable === true && (\n            <Button\n              aria-label={t(\"toast.close.text\")}\n              onClick={onHide}\n              size=\"small\"\n              startIcon={<CloseIcon />}\n              variant=\"floating\"\n            />\n          )\n        }\n        role={role}\n        severity={severity}\n        variant=\"toast\"\n      >\n        <AlertTitle>\n          <span style={visuallyHidden}>{severity}:</span>\n          {text}\n        </AlertTitle>\n        {linkUrl && (\n          <Link href={linkUrl} variant=\"monochrome\">\n            {linkText}\n          </Link>\n        )}\n      </Alert>\n    </Snackbar>\n  );\n};\n\nconst MemoizedToast = memo(Toast);\nMemoizedToast.displayName = \"Toast\";\n\nexport { MemoizedToast as Toast };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,SAAS,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAAC,SAE7DC,KAAK,EACLC,UAAU,EACVC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,cAAc;AAAA,SAEPC,MAAM;AACf,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AA+C/C,MAAMC,sBAAsB,GAAG;EAAEC,WAAW,EAAEA,CAAA,KAAM;AAAM,CAAC;AAE3D,MAAMC,KAAK,GAAGC,IAAA,IAUI;EAAA,IAVH;IACbC,gBAAgB,GAAG,IAAI;IACvBC,aAAa;IACbC,QAAQ;IACRC,OAAO;IACPC,SAAS,EAAEC,aAAa;IACxBC,MAAM,EAAEC,UAAU;IAClBC,IAAI;IACJC,QAAQ;IACRC;EACU,CAAC,GAAAX,IAAA;EACX,MAAM;IAAEY;EAAE,CAAC,GAAGpB,cAAc,CAAC,CAAC;EAE9B,MAAM,CAACa,SAAS,EAAEQ,YAAY,CAAC,GAAG9B,QAAQ,CAACuB,aAAa,CAAC;EAEzDzB,SAAS,CAAC,MAAM;IACdgC,YAAY,CAACP,aAAa,CAAC;EAC7B,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,MAAMC,MAAM,GAAGvB,WAAW,CAAC,MAAM;IAC/B6B,YAAY,CAAC,KAAK,CAAC;IACnBL,UAAU,GAAG,CAAC;EAChB,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,OACEd,IAAA,CAACL,QAAQ;IACPyB,IAAI,EAAET,SAAU;IAChBJ,gBAAgB,EACdC,aAAa,IAAID,gBAAgB,IAAI,CAAC,GAAGc,SAAS,GAAGd,gBACtD;IACDe,OAAO,EAAET,MAAO;IAChBU,SAAS,EAAC,OAAO;IACjBpB,sBAAsB,EAAEA,sBAAuB;IAAAqB,QAAA,EAE/CtB,KAAA,CAACX,KAAK;MACJkC,MAAM,EACJjB,aAAa,KAAK,IAAI,IACpBR,IAAA,CAACH,MAAM;QACL,cAAYqB,CAAC,CAAC,kBAAkB,CAAE;QAClCQ,OAAO,EAAEb,MAAO;QAChBc,IAAI,EAAC,OAAO;QACZC,SAAS,EAAE5B,IAAA,CAACP,SAAS,IAAE,CAAE;QACzBoC,OAAO,EAAC;MAAU,CACnB,CAEJ;MACDd,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBa,OAAO,EAAC,OAAO;MAAAL,QAAA,GAEftB,KAAA,CAACV,UAAU;QAAAgC,QAAA,GACTtB,KAAA;UAAM4B,KAAK,EAAElC,cAAe;UAAA4B,QAAA,GAAER,QAAQ,EAAC,GAAC;QAAA,CAAM,CAAC,EAC9CC,IAAI;MAAA,CACK,CAAC,EACZP,OAAO,IACNV,IAAA,CAACN,IAAI;QAACqC,IAAI,EAAErB,OAAQ;QAACmB,OAAO,EAAC,YAAY;QAAAL,QAAA,EACtCf;MAAQ,CACL,CACP;IAAA,CACI;EAAC,CACA,CAAC;AAEf,CAAC;AAED,MAAMuB,aAAa,GAAG5C,IAAI,CAACiB,KAAK,CAAC;AACjC2B,aAAa,CAACC,WAAW,GAAG,OAAO;AAEnC,SAASD,aAAa,IAAI3B,KAAK"}

package/dist/{ThemeProvider.js → ToastStack.js}

@@ -9,22 +9,24 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo } from "react";
-import { OdysseyCacheProvider } from "./OdysseyCacheProvider.js";
-import { OdysseyThemeProvider } from "./OdysseyThemeProvider.js";
+import { Box, Snackbar } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
-const ThemeProvider = _ref => {
+const ToastStack = _ref => {
   let {
     children
   } = _ref;
-  return _jsx(OdysseyCacheProvider, {
-    children: _jsx(OdysseyThemeProvider, {
+  return _jsx(Snackbar, {
+    open: true,
+    children: _jsx(Box, {
+      display: "flex",
+      flexDirection: "column-reverse",
+      gap: 2,
       children: children
     })
   });
 };
-
-const MemoizedThemeProvider = memo(ThemeProvider);
-export { MemoizedThemeProvider as ThemeProvider };
-//# sourceMappingURL=ThemeProvider.js.map
+const MemoizedToastStack = memo(ToastStack);
+export { MemoizedToastStack as ToastStack };
+//# sourceMappingURL=ToastStack.js.map

package/dist/ToastStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastStack.js","names":["memo","Box","Snackbar","jsx","_jsx","ToastStack","_ref","children","open","display","flexDirection","gap","MemoizedToastStack"],"sources":["../src/ToastStack.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 } from \"react\";\nimport { Box, Snackbar } from \".\";\nimport { Toast } from \"./Toast\";\n\nexport type ToastStackProps = {\n  children: ReactElement<typeof Toast> | Array<ReactElement<typeof Toast>>;\n};\n\nconst ToastStack = ({ children }: ToastStackProps) => {\n  return (\n    <Snackbar open={true}>\n      <Box display=\"flex\" flexDirection=\"column-reverse\" gap={2}>\n        {children}\n      </Box>\n    </Snackbar>\n  );\n};\n\nconst MemoizedToastStack = memo(ToastStack);\n\nexport { MemoizedToastStack as ToastStack };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAsB,OAAO;AAAC,SAClCC,GAAG,EAAEC,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOtB,MAAMC,UAAU,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAC/C,OACEF,IAAA,CAACF,QAAQ;IAACM,IAAI,EAAE,IAAK;IAAAD,QAAA,EACnBH,IAAA,CAACH,GAAG;MAACQ,OAAO,EAAC,MAAM;MAACC,aAAa,EAAC,gBAAgB;MAACC,GAAG,EAAE,CAAE;MAAAJ,QAAA,EACvDA;IAAQ,CACN;EAAC,CACE,CAAC;AAEf,CAAC;AAED,MAAMK,kBAAkB,GAAGZ,IAAI,CAACK,UAAU,CAAC;AAE3C,SAASO,kBAAkB,IAAIP,UAAU"}

package/dist/Tooltip.js

@@ -0,0 +1,31 @@
+import _Tooltip from "@mui/material/Tooltip";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import { MuiPropsChild } from "./MuiPropsChild.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Tooltip = _ref => {
+  let {
+    ariaType,
+    children,
+    text,
+    placement
+  } = _ref;
+  return _jsx(_Tooltip, {
+    describeChild: ariaType === "description",
+    placement: placement,
+    title: text,
+    children: _jsx(MuiPropsChild, {
+      children: children
+    })
+  });
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["MuiPropsChild","jsx","_jsx","Tooltip","_ref","ariaType","children","text","placement","_Tooltip","describeChild","title"],"sources":["../src/Tooltip.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 { Tooltip as MuiTooltip } from \"@mui/material\";\nimport type { TooltipProps as MuiTooltipProps } from \"@mui/material\";\n\nimport { MuiPropsChild } from \"./MuiPropsChild\";\nimport { ReactElement } from \"react\";\n\nexport type TooltipProps = {\n  children: ReactElement;\n  ariaType: \"description\" | \"label\";\n  text: string;\n  placement?: MuiTooltipProps[\"placement\"];\n};\n\nexport const Tooltip = ({\n  ariaType,\n  children,\n  text,\n  placement,\n}: TooltipProps) => (\n  <MuiTooltip\n    describeChild={ariaType === \"description\"}\n    placement={placement}\n    title={text}\n  >\n    <MuiPropsChild>{children}</MuiPropsChild>\n  </MuiTooltip>\n);\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAeSA,aAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUtB,OAAO,MAAMC,OAAO,GAAGC,IAAA;EAAA,IAAC;IACtBC,QAAQ;IACRC,QAAQ;IACRC,IAAI;IACJC;EACY,CAAC,GAAAJ,IAAA;EAAA,OACbF,IAAA,CAAAO,QAAA;IACEC,aAAa,EAAEL,QAAQ,KAAK,aAAc;IAC1CG,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEJ,IAAK;IAAAD,QAAA,EAEZJ,IAAA,CAACF,aAAa;MAAAM,QAAA,EAAEA;IAAQ,CAAgB;EAAC,CAC/B,CAAC;AAAA,CACd"}

package/dist/a11yCheck.js

@@ -8,8 +8,7 @@
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */
-import { axe } from "jest-axe";
+ */import { axe } from "jest-axe";
 export const a11yCheck = renderFn => {
   describe("accessibility", () => {
     it("meets WCAG 2.1 AA criteria", async () => {

package/dist/a11yCheck.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11yCheck.js","names":["axe","a11yCheck","renderFn","describe","it","container","results","runOnly","expect","toHaveNoViolations"],"sources":["../src/a11yCheck.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { RenderResult } from \"@testing-library/react\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { axe } from \"jest-axe\";\n\nexport const a11yCheck = (renderFn: () => RenderResult): void => {\n  describe(\"accessibility\", () => {\n    it(\"meets WCAG 2.1 AA criteria\", async () => {\n      const { container } = renderFn();\n      const results = await axe(container, {\n        runOnly: [\"section508\", \"wcag21a\", \"wcag21aa\"],\n      });\n\n      expect(results).toHaveNoViolations();\n    });\n  });\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA,SAASA,GAAT,QAAoB,UAApB;AAEA,OAAO,MAAMC,SAAS,GAAIC,QAAD,IAAwC;EAC/DC,QAAQ,CAAC,eAAD,EAAkB,MAAM;IAC9BC,EAAE,CAAC,4BAAD,EAA+B,YAAY;MAC3C,MAAM;QAAEC;MAAF,IAAgBH,QAAQ,EAA9B;MACA,MAAMI,OAAO,GAAG,MAAMN,GAAG,CAACK,SAAD,EAAY;QACnCE,OAAO,EAAE,CAAC,YAAD,EAAe,SAAf,EAA0B,UAA1B;MAD0B,CAAZ,CAAzB;MAIAC,MAAM,CAACF,OAAD,CAAN,CAAgBG,kBAAhB;IACD,CAPC,CAAF;EAQD,CATO,CAAR;AAUD,CAXM"}
+{"version":3,"file":"a11yCheck.js","names":["axe","a11yCheck","renderFn","describe","it","container","results","runOnly","expect","toHaveNoViolations"],"sources":["../src/a11yCheck.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { RenderResult } from \"@testing-library/react\";\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { axe } from \"jest-axe\";\n\nexport const a11yCheck = (renderFn: () => RenderResult): void => {\n  describe(\"accessibility\", () => {\n    it(\"meets WCAG 2.1 AA criteria\", async () => {\n      const { container } = renderFn();\n      const results = await axe(container, {\n        runOnly: [\"section508\", \"wcag21a\", \"wcag21aa\"],\n      });\n\n      expect(results).toHaveNoViolations();\n    });\n  });\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,GAAG,QAAQ,UAAU;AAE9B,OAAO,MAAMC,SAAS,GAAIC,QAA4B,IAAW;EAC/DC,QAAQ,CAAC,eAAe,EAAE,MAAM;IAC9BC,EAAE,CAAC,4BAA4B,EAAE,YAAY;MAC3C,MAAM;QAAEC;MAAU,CAAC,GAAGH,QAAQ,CAAC,CAAC;MAChC,MAAMI,OAAO,GAAG,MAAMN,GAAG,CAACK,SAAS,EAAE;QACnCE,OAAO,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,UAAU;MAC/C,CAAC,CAAC;MAEFC,MAAM,CAACF,OAAO,CAAC,CAACG,kBAAkB,CAAC,CAAC;IACtC,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist/createUniqueAlphabeticalId.js

@@ -8,7 +8,6 @@
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */
-export const uniqueIdLength = 6;
+ */export const uniqueIdLength = 6;
 export const createUniqueAlphabeticalId = () => Math.random().toString(36).replace(/[\d\.]/g, "");
 //# sourceMappingURL=createUniqueAlphabeticalId.js.map

package/dist/createUniqueAlphabeticalId.js.map

@@ -1 +1 @@
-{"version":3,"file":"createUniqueAlphabeticalId.js","names":["uniqueIdLength","createUniqueAlphabeticalId","Math","random","toString","replace"],"sources":["../src/createUniqueAlphabeticalId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueAlphabeticalId = () =>\n  Math.random()\n    .toString(36)\n    .replace(/[\\d\\.]/g, \"\");\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,OAAO,MAAMA,cAAc,GAAG,CAAvB;AAEP,OAAO,MAAMC,0BAA0B,GAAG,MACxCC,IAAI,CAACC,MAAL,GACGC,QADH,CACY,EADZ,EAEGC,OAFH,CAEW,SAFX,EAEsB,EAFtB,CADK"}
+{"version":3,"file":"createUniqueAlphabeticalId.js","names":["uniqueIdLength","createUniqueAlphabeticalId","Math","random","toString","replace"],"sources":["../src/createUniqueAlphabeticalId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueAlphabeticalId = () =>\n  Math.random()\n    .toString(36)\n    .replace(/[\\d\\.]/g, \"\");\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAGA,OAAO,MAAMA,cAAc,GAAG,CAAC;AAE/B,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KACxCC,IAAI,CAACC,MAAM,CAAC,CAAC,CACVC,QAAQ,CAAC,EAAE,CAAC,CACZC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC"}

package/dist/createUniqueId.js

@@ -8,7 +8,6 @@
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */
-export const uniqueIdLength = 6;
+ */export const uniqueIdLength = 6;
 export const createUniqueId = () => Math.random().toString(36).slice(-uniqueIdLength);
 //# sourceMappingURL=createUniqueId.js.map

package/dist/createUniqueId.js.map

@@ -1 +1 @@
-{"version":3,"file":"createUniqueId.js","names":["uniqueIdLength","createUniqueId","Math","random","toString","slice"],"sources":["../src/createUniqueId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueId = () =>\n  Math.random().toString(36).slice(-uniqueIdLength);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,OAAO,MAAMA,cAAc,GAAG,CAAvB;AAEP,OAAO,MAAMC,cAAc,GAAG,MAC5BC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAACL,cAAlC,CADK"}
+{"version":3,"file":"createUniqueId.js","names":["uniqueIdLength","createUniqueId","Math","random","toString","slice"],"sources":["../src/createUniqueId.ts"],"sourcesContent":["/*!\n * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\n// This is a random number chosen to shrink down the unique ID to an arbitrary length.\nexport const uniqueIdLength = 6;\n\nexport const createUniqueId = () =>\n  Math.random().toString(36).slice(-uniqueIdLength);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAGA,OAAO,MAAMA,cAAc,GAAG,CAAC;AAE/B,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAC5BC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,KAAK,CAAC,CAACL,cAAc,CAAC"}