@okta/odyssey-react-mui 1.29.0 → 1.32.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.cjs","names":["_reactI18next","require","_react","usePagination","currentRowsCount","pageIndex","pageSize","totalRows","t","useTranslation","useMemo","firstRow","lastRow","totalRowsLabel","exports"],"sources":["../../../src/Pagination/usePagination.ts"],"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 { useTranslation } from \"react-i18next\";\nimport { useMemo } from \"react\";\n\ntype UsePaginationType = {\n  currentRowsCount: number;\n  pageIndex: number;\n  pageSize: number;\n  totalRows?: number;\n};\n\nexport const usePagination = ({\n  currentRowsCount,\n  pageIndex,\n  pageSize,\n  totalRows,\n}: UsePaginationType) => {\n  const { t } = useTranslation();\n\n  return useMemo(() => {\n    const firstRow = pageSize * (pageIndex - 1) + 1;\n    const lastRow = firstRow + (currentRowsCount - 1);\n\n    const totalRowsLabel = totalRows\n      ? t(\"pagination.rowswithtotal\", { firstRow, lastRow, totalRows })\n      : t(\"pagination.rowswithouttotal\", { firstRow, lastRow });\n\n    return {\n      firstRow,\n      lastRow,\n      totalRowsLabel,\n    };\n  }, [currentRowsCount, pageIndex, pageSize, totalRows, t]);\n};\n"],"mappings":";;;;;;AAYA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYO,MAAME,aAAa,GAAGA,CAAC;EAC5BC,gBAAgB;EAChBC,SAAS;EACTC,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAE9B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,MAAMC,QAAQ,GAAGL,QAAQ,IAAID,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;IAC/C,MAAMO,OAAO,GAAGD,QAAQ,IAAIP,gBAAgB,GAAG,CAAC,CAAC;IAEjD,MAAMS,cAAc,GAAGN,SAAS,GAC5BC,CAAC,CAAC,0BAA0B,EAAE;MAAEG,QAAQ;MAAEC,OAAO;MAAEL;IAAU,CAAC,CAAC,GAC/DC,CAAC,CAAC,6BAA6B,EAAE;MAAEG,QAAQ;MAAEC;IAAQ,CAAC,CAAC;IAE3D,OAAO;MACLD,QAAQ;MACRC,OAAO;MACPC;IACF,CAAC;EACH,CAAC,EAAE,CAACT,gBAAgB,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,CAAC,CAAC,CAAC;AAC3D,CAAC;AAACM,OAAA,CAAAX,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/PasswordField.cjs

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PasswordField = void 0;
+var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
+var _InputAdornment2 = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _IconButton2 = _interopRequireDefault(require("@mui/material/IconButton"));
+var _react = require("react");
+var _index = require("./icons.generated/index.cjs");
+var _Field = require("./Field.cjs");
+var _reactI18next = require("react-i18next");
+var _inputUtils = require("./inputUtils.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const PasswordField = (0, _react.forwardRef)(({
+  ariaDescribedBy,
+  autoCompleteType,
+  defaultValue,
+  errorMessage,
+  errorMessageList,
+  hasInitialFocus,
+  hint,
+  id: idOverride,
+  inputRef,
+  isDisabled = false,
+  isFullWidth = false,
+  isOptional = false,
+  hasShowPassword = true,
+  isReadOnly,
+  label,
+  name: nameOverride,
+  onChange: onChangeProp,
+  onFocus,
+  onBlur,
+  placeholder,
+  testId,
+  translate,
+  value
+}, ref) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const [inputType, setInputType] = (0, _react.useState)("password");
+  const togglePasswordVisibility = (0, _react.useCallback)(() => {
+    setInputType(inputType => inputType === "password" ? "text" : "password");
+  }, []);
+  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const inputValues = (0, _inputUtils.useInputValues)({
+    defaultValue,
+    value,
+    controlState: controlledStateRef.current
+  });
+  const localInputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(inputRef, () => {
+    return {
+      focus: () => {
+        localInputRef.current?.focus();
+      }
+    };
+  }, []);
+  const onChange = (0, _react.useCallback)(event => {
+    onChangeProp?.(event);
+  }, [onChangeProp]);
+  const renderFieldComponent = (0, _react.useCallback)(({
+    ariaDescribedBy,
+    errorMessageElementId,
+    id,
+    labelElementId
+  }) => (0, _jsxRuntime.jsx)(_InputBase2.default, {
+    ...inputValues,
+    "aria-describedby": ariaDescribedBy,
+    autoComplete: inputType === "password" ? autoCompleteType : "off",
+    autoFocus: hasInitialFocus,
+    endAdornment: hasShowPassword && (0, _jsxRuntime.jsx)(_InputAdornment2.default, {
+      position: "end",
+      children: (0, _jsxRuntime.jsx)(_IconButton2.default, {
+        "aria-controls": id,
+        "aria-label": inputType === "password" ? t("passwordfield.icon.label.show") : t("passwordfield.icon.label.hide"),
+        "aria-pressed": inputType === "text",
+        onClick: togglePasswordVisibility,
+        children: inputType === "password" ? (0, _jsxRuntime.jsx)(_index.ShowIcon, {}) : (0, _jsxRuntime.jsx)(_index.HideIcon, {})
+      })
+    }),
+    id: id,
+    inputProps: {
+      "aria-errormessage": errorMessageElementId,
+      "aria-labelledby": labelElementId,
+      "data-se": testId,
+      role: "textbox"
+    },
+    inputRef: localInputRef,
+    name: nameOverride ?? id,
+    onChange: onChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    placeholder: placeholder,
+    readOnly: isReadOnly,
+    ref: ref,
+    required: !isOptional,
+    translate: translate,
+    type: inputType
+  }), [autoCompleteType, hasInitialFocus, inputValues, t, togglePasswordVisibility, inputType, nameOverride, onChange, onFocus, onBlur, placeholder, isOptional, isReadOnly, hasShowPassword, ref, testId, translate]);
+  return (0, _jsxRuntime.jsx)(_Field.Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "single",
+    hasVisibleLabel: true,
+    hint: hint,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isFullWidth: isFullWidth,
+    isOptional: isOptional,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+});
+const MemoizedPasswordField = exports.PasswordField = (0, _react.memo)(PasswordField);
+MemoizedPasswordField.displayName = "PasswordField";
+//# sourceMappingURL=PasswordField.cjs.map

package/dist/cjs/PasswordField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.cjs","names":["_react","require","_index","_Field","_reactI18next","_inputUtils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","PasswordField","forwardRef","ariaDescribedBy","autoCompleteType","defaultValue","errorMessage","errorMessageList","hasInitialFocus","hint","id","idOverride","inputRef","isDisabled","isFullWidth","isOptional","hasShowPassword","isReadOnly","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","placeholder","testId","translate","value","ref","t","useTranslation","inputType","setInputType","useState","togglePasswordVisibility","useCallback","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","localInputRef","useImperativeHandle","focus","event","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_InputBase2","autoComplete","autoFocus","endAdornment","_InputAdornment2","position","children","_IconButton2","onClick","ShowIcon","HideIcon","inputProps","role","readOnly","required","type","Field","fieldType","hasVisibleLabel","MemoizedPasswordField","exports","memo","displayName"],"sources":["../../src/PasswordField.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, IconButton } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { ShowIcon, HideIcon } from \"./icons.generated/index.js\";\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"react-i18next\";\nimport { FocusHandle, getControlState, useInputValues } from \"./inputUtils.js\";\n\nexport type PasswordFieldProps = {\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?: \"current-password\" | \"new-password\";\n  /**\n   * initial value for input. Use when component in uncontrolled.\n   */\n  defaultValue?: string;\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the show/hide icon is not shown to the user\n   */\n  hasShowPassword?: boolean;\n  /**\n   * The ref forwarded to the TextField\n   */\n  inputRef?: React.RefObject<FocusHandle>;\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   * The value of the `input` element. Use when component is controlled.\n   */\n  value?: string;\n} & FieldComponentProps &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  (\n    {\n      ariaDescribedBy,\n      autoCompleteType,\n      defaultValue,\n      errorMessage,\n      errorMessageList,\n      hasInitialFocus,\n      hint,\n      id: idOverride,\n      inputRef,\n      isDisabled = false,\n      isFullWidth = false,\n      isOptional = false,\n      hasShowPassword = true,\n      isReadOnly,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      placeholder,\n      testId,\n      translate,\n      value,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [inputType, setInputType] = useState(\"password\");\n\n    const togglePasswordVisibility = useCallback(() => {\n      setInputType((inputType) =>\n        inputType === \"password\" ? \"text\" : \"password\",\n      );\n    }, []);\n\n    const controlledStateRef = useRef(\n      getControlState({\n        controlledValue: value,\n        uncontrolledValue: defaultValue,\n      }),\n    );\n    const inputValues = useInputValues({\n      defaultValue,\n      value,\n      controlState: controlledStateRef.current,\n    });\n\n    const localInputRef = useRef<HTMLInputElement>(null);\n    useImperativeHandle(inputRef, () => {\n      return {\n        focus: () => {\n          localInputRef.current?.focus();\n        },\n      };\n    }, []);\n\n    const onChange = useCallback<\n      ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>\n    >(\n      (event) => {\n        onChangeProp?.(event);\n      },\n      [onChangeProp],\n    );\n\n    const renderFieldComponent = useCallback(\n      ({\n        ariaDescribedBy,\n        errorMessageElementId,\n        id,\n        labelElementId,\n      }: FieldRenderProps) => (\n        <InputBase\n          {...inputValues}\n          aria-describedby={ariaDescribedBy}\n          autoComplete={inputType === \"password\" ? autoCompleteType : \"off\"}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          endAdornment={\n            hasShowPassword && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-controls={id}\n                  aria-label={\n                    inputType === \"password\"\n                      ? t(\"passwordfield.icon.label.show\")\n                      : t(\"passwordfield.icon.label.hide\")\n                  }\n                  aria-pressed={inputType === \"text\"}\n                  onClick={togglePasswordVisibility}\n                >\n                  {inputType === \"password\" ? <ShowIcon /> : <HideIcon />}\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          inputProps={{\n            \"aria-errormessage\": errorMessageElementId,\n            \"aria-labelledby\": labelElementId,\n            \"data-se\": testId,\n            // role: \"textbox\" Added because password inputs don't have an implicit role assigned. This causes problems with element selection.\n            role: \"textbox\",\n          }}\n          inputRef={localInputRef}\n          name={nameOverride ?? id}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          readOnly={isReadOnly}\n          ref={ref}\n          required={!isOptional}\n          translate={translate}\n          type={inputType}\n        />\n      ),\n      [\n        autoCompleteType,\n        hasInitialFocus,\n        inputValues,\n        t,\n        togglePasswordVisibility,\n        inputType,\n        nameOverride,\n        onChange,\n        onFocus,\n        onBlur,\n        placeholder,\n        isOptional,\n        isReadOnly,\n        hasShowPassword,\n        ref,\n        testId,\n        translate,\n      ],\n    );\n\n    return (\n      <Field\n        ariaDescribedBy={ariaDescribedBy}\n        errorMessage={errorMessage}\n        errorMessageList={errorMessageList}\n        fieldType=\"single\"\n        hasVisibleLabel\n        hint={hint}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        isOptional={isOptional}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  },\n);\n\nconst MemoizedPasswordField = memo(PasswordField);\nMemoizedPasswordField.displayName = \"PasswordField\";\n\nexport { MemoizedPasswordField as PasswordField };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Radio.cjs

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = void 0;
+var _FormHelperText2 = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _FormControlLabel2 = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Radio2 = _interopRequireDefault(require("@mui/material/Radio"));
+var _react = require("react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+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 }; }
+/*!
+ * 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.
+ */
+
+const HintContainerWithInlineStartSpacing = _styled.default.div(({
+  odysseyDesignTokens
+}) => ({
+  paddingInlineStart: `calc(${odysseyDesignTokens.TypographyLineHeightUi}em + ${odysseyDesignTokens.Spacing2})`,
+  marginBlockEnd: odysseyDesignTokens.Spacing2,
+  ".Mui-error": {
+    color: odysseyDesignTokens.TypographyColorSubordinate
+  }
+}));
+const Radio = ({
+  hint,
+  id: idOverride,
+  inputRef,
+  isChecked,
+  isDisabled,
+  isInvalid,
+  label: labelProp,
+  name,
+  testId,
+  translate,
+  value,
+  isReadOnly,
+  onChange: onChangeProp,
+  onBlur: onBlurProp,
+  onClick
+}) => {
+  const localInputRef = (0, _react.useRef)(null);
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const id = (0, _useUniqueId.useUniqueId)(idOverride);
+  const hintId = hint ? `${id}-hint` : undefined;
+  (0, _react.useImperativeHandle)(inputRef, () => {
+    return {
+      focus: () => {
+        localInputRef.current?.focus();
+      }
+    };
+  }, []);
+  const label = (0, _react.useMemo)(() => (0, _jsxRuntime.jsx)(_Typography.Typography, {
+    component: "span",
+    children: labelProp
+  }), [labelProp]);
+  const onChange = (0, _react.useCallback)((event, checked) => {
+    if (isReadOnly) {
+      event.preventDefault();
+    } else {
+      onChangeProp?.(event, checked);
+    }
+  }, [onChangeProp, isReadOnly]);
+  const handleClick = (0, _react.useCallback)(event => {
+    if (isReadOnly) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  }, [isReadOnly]);
+  const onBlur = (0, _react.useCallback)(event => {
+    onBlurProp?.(event);
+  }, [onBlurProp]);
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(_FormControlLabel2.default, {
+      checked: isChecked,
+      className: isInvalid ? "Mui-error" : "",
+      control: (0, _jsxRuntime.jsx)(_Radio2.default, {
+        inputProps: {
+          "aria-describedby": hintId,
+          "aria-disabled": isDisabled || isReadOnly,
+          "data-se": testId,
+          readOnly: isReadOnly,
+          tabIndex: isReadOnly ? 0 : undefined
+        },
+        inputRef: localInputRef,
+        onChange: onChange,
+        onClick: onClick || handleClick,
+        disabled: isDisabled
+      }),
+      label: label,
+      name: name,
+      translate: translate,
+      value: value,
+      onBlur: onBlur,
+      disabled: isDisabled,
+      sx: {
+        ...(isReadOnly && {
+          cursor: "default",
+          "& .MuiTypography-root": {
+            cursor: "default"
+          }
+        }),
+        ...(hint && {
+          ":not(:last-child)": {
+            marginBlockEnd: 0
+          }
+        })
+      }
+    }), hint && (0, _jsxRuntime.jsx)(HintContainerWithInlineStartSpacing, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: (0, _jsxRuntime.jsx)(_FormHelperText2.default, {
+        id: hintId,
+        translate: translate,
+        children: hint
+      })
+    })]
+  });
+};
+const MemoizedRadio = exports.Radio = (0, _react.memo)(Radio);
+MemoizedRadio.displayName = "Radio";
+//# sourceMappingURL=Radio.cjs.map

package/dist/cjs/Radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs","names":["_react","require","_styled","_interopRequireDefault","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","HintContainerWithInlineStartSpacing","styled","div","odysseyDesignTokens","paddingInlineStart","TypographyLineHeightUi","Spacing2","marginBlockEnd","color","TypographyColorSubordinate","Radio","hint","id","idOverride","inputRef","isChecked","isDisabled","isInvalid","label","labelProp","name","testId","translate","value","isReadOnly","onChange","onChangeProp","onBlur","onBlurProp","onClick","localInputRef","useRef","useOdysseyDesignTokens","useUniqueId","hintId","undefined","useImperativeHandle","focus","current","useMemo","jsx","Typography","component","children","useCallback","event","checked","preventDefault","handleClick","stopPropagation","jsxs","Fragment","_FormControlLabel2","className","control","_Radio2","inputProps","readOnly","tabIndex","disabled","sx","cursor","_FormHelperText2","MemoizedRadio","exports","memo","displayName"],"sources":["../../src/Radio.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, useMemo, useRef, useImperativeHandle } from \"react\";\nimport {\n  FormControlLabel,\n  FormControlLabelProps as MuiFormControlLabelProps,\n  FormHelperText,\n  Radio as MuiRadio,\n  RadioProps as MuiRadioProps,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { FocusHandle } from \"./inputUtils.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nconst HintContainerWithInlineStartSpacing = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.TypographyLineHeightUi}em + ${odysseyDesignTokens.Spacing2})`,\n  marginBlockEnd: odysseyDesignTokens.Spacing2,\n\n  // MUI applies the '.Mui-error' class to this hint text when the checkbox is invalid which turns the copy red\n  // We want to keep the hint text gray in the error state\n  \".Mui-error\": {\n    color: odysseyDesignTokens.TypographyColorSubordinate,\n  },\n}));\n\nexport type RadioProps = {\n  /**\n   * The ref forwarded to the Radio\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Determines whether the Radio button is checked\n   */\n  isChecked?: boolean;\n  /**\n   * If `true`, the radio button has an invalid value\n   */\n  isInvalid?: boolean;\n  /**\n   * The label text for the Radio\n   */\n  label: string;\n  /**\n   * The value attribute of the Radio\n   */\n  value: string;\n  /**\n   * Callback fired when the blur event happens. Provides event value.\n   */\n  onChange?: MuiRadioProps[\"onChange\"];\n  onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n  onClick?: React.MouseEventHandler<HTMLSpanElement>;\n} & Pick<\n  FieldComponentProps,\n  \"hint\" | \"id\" | \"isDisabled\" | \"isReadOnly\" | \"name\"\n> &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Radio = ({\n  hint,\n  id: idOverride,\n  inputRef,\n  isChecked,\n  isDisabled,\n  isInvalid,\n  label: labelProp,\n  name,\n  testId,\n  translate,\n  value,\n  isReadOnly,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  onClick,\n}: RadioProps) => {\n  const localInputRef = useRef<HTMLInputElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n\n  useImperativeHandle(inputRef, () => {\n    return {\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    };\n  }, []);\n\n  const label = useMemo(\n    () => <Typography component=\"span\">{labelProp}</Typography>,\n    [labelProp],\n  );\n\n  const onChange = useCallback<NonNullable<MuiRadioProps[\"onChange\"]>>(\n    (event, checked) => {\n      if (isReadOnly) {\n        event.preventDefault();\n      } else {\n        onChangeProp?.(event, checked);\n      }\n    },\n    [onChangeProp, isReadOnly],\n  );\n\n  const handleClick = useCallback<React.MouseEventHandler<HTMLSpanElement>>(\n    (event) => {\n      if (isReadOnly) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    },\n    [isReadOnly],\n  );\n  const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n    (event) => {\n      onBlurProp?.(event);\n    },\n    [onBlurProp],\n  );\n\n  return (\n    <>\n      <FormControlLabel\n        checked={isChecked}\n        className={isInvalid ? \"Mui-error\" : \"\"}\n        control={\n          <MuiRadio\n            inputProps={{\n              \"aria-describedby\": hintId,\n              \"aria-disabled\": isDisabled || isReadOnly,\n              \"data-se\": testId,\n              readOnly: isReadOnly,\n              tabIndex: isReadOnly ? 0 : undefined,\n            }}\n            inputRef={localInputRef}\n            onChange={onChange}\n            onClick={onClick || handleClick}\n            disabled={isDisabled}\n          />\n        }\n        label={label}\n        name={name}\n        translate={translate}\n        value={value}\n        onBlur={onBlur}\n        disabled={isDisabled}\n        sx={{\n          ...(isReadOnly && {\n            cursor: \"default\",\n            \"& .MuiTypography-root\": {\n              cursor: \"default\",\n            },\n          }),\n\n          ...(hint && {\n            // needed to override specific :not(:last-child) selector\n            \":not(:last-child)\": {\n              marginBlockEnd: 0,\n            },\n          }),\n        }}\n      />\n      {hint && (\n        <HintContainerWithInlineStartSpacing\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <FormHelperText id={hintId} translate={translate}>\n            {hint}\n          </FormHelperText>\n        </HintContainerWithInlineStartSpacing>\n      )}\n    </>\n  );\n};\n\nconst MemoizedRadio = memo(Radio);\nMemoizedRadio.displayName = \"Radio\";\n\nexport { MemoizedRadio as Radio };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/RadioGroup.cjs

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioGroup = void 0;
+var _RadioGroup2 = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _react = _interopRequireWildcard(require("react"));
+var _Field = require("./Field.cjs");
+var _inputUtils = require("./inputUtils.cjs");
+var _Radio = require("./Radio.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const RadioGroup = ({
+  ariaDescribedBy,
+  children,
+  defaultValue,
+  errorMessage,
+  errorMessageList,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  isDisabled,
+  isReadOnly = false,
+  label,
+  name: nameOverride,
+  onChange: onChangeProp,
+  testId,
+  translate,
+  value
+}) => {
+  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const inputValues = (0, _inputUtils.useInputValues)({
+    defaultValue,
+    value,
+    controlState: controlledStateRef.current
+  });
+  const onChange = (0, _react.useCallback)((event, newValue) => {
+    onChangeProp?.(event, newValue);
+  }, [onChangeProp]);
+  const memoizedChildren = (0, _react.useMemo)(() => _react.default.Children.map(children, child => {
+    if (_react.default.isValidElement(child) && child.type === _Radio.Radio) {
+      return _react.default.cloneElement(child, {
+        ...child.props,
+        isDisabled: isDisabled || child.props.isDisabled,
+        isReadOnly: isReadOnly || child.props.isReadOnly
+      });
+    }
+    return child;
+  }), [children, isDisabled, isReadOnly]);
+  const renderFieldComponent = (0, _react.useCallback)(({
+    ariaDescribedBy,
+    errorMessageElementId,
+    id,
+    labelElementId
+  }) => (0, _jsxRuntime.jsx)(_RadioGroup2.default, {
+    ...inputValues,
+    "aria-describedby": ariaDescribedBy,
+    "aria-errormessage": errorMessageElementId,
+    "aria-labelledby": labelElementId,
+    "data-se": testId,
+    id: id,
+    name: nameOverride ?? id,
+    onChange: onChange,
+    translate: translate,
+    children: memoizedChildren
+  }), [inputValues, nameOverride, onChange, memoizedChildren, testId, translate]);
+  return (0, _jsxRuntime.jsx)(_Field.Field, {
+    ariaDescribedBy: ariaDescribedBy,
+    errorMessage: errorMessage,
+    errorMessageList: errorMessageList,
+    fieldType: "group",
+    hasVisibleLabel: false,
+    hint: hint,
+    HintLinkComponent: HintLinkComponent,
+    id: idOverride,
+    isDisabled: isDisabled,
+    isReadOnly: isReadOnly,
+    label: label,
+    renderFieldComponent: renderFieldComponent
+  });
+};
+const MemoizedRadioGroup = exports.RadioGroup = (0, _react.memo)(RadioGroup);
+MemoizedRadioGroup.displayName = "RadioGroup";
+//# sourceMappingURL=RadioGroup.cjs.map

package/dist/cjs/RadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.cjs","names":["_react","_interopRequireWildcard","require","_Field","_inputUtils","_Radio","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_interopRequireDefault","RadioGroup","ariaDescribedBy","children","defaultValue","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","isDisabled","isReadOnly","label","name","nameOverride","onChange","onChangeProp","testId","translate","value","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useInputValues","controlState","current","useCallback","event","newValue","memoizedChildren","useMemo","React","Children","map","child","isValidElement","type","Radio","cloneElement","props","renderFieldComponent","errorMessageElementId","labelElementId","jsx","_RadioGroup2","Field","fieldType","hasVisibleLabel","MemoizedRadioGroup","exports","memo","displayName"],"sources":["../../src/RadioGroup.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  RadioGroup as MuiRadioGroup,\n  type RadioGroupProps as MuiRadioGroupProps,\n} from \"@mui/material\";\nimport React, { memo, ReactNode, useCallback, useRef, useMemo } from \"react\";\n\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport { getControlState, useInputValues } from \"./inputUtils.js\";\nimport { Radio, RadioProps } from \"./Radio.js\";\n\nexport type RadioGroupProps = {\n  /**\n   * The Radio components within the group. Must include two or more.\n   */\n  children: ReactNode;\n  /**\n   * The text value of the Radio that should be selected by default\n   */\n  defaultValue?: string;\n  /**\n   * The text label for the RadioGroup\n   */\n  label: string;\n  /**\n   * Listen for changes in the browser that change `value`\n   */\n  onChange?: MuiRadioGroupProps[\"onChange\"];\n  /**\n   * The `value` on the selected Radio\n   */\n  value?: string;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isReadOnly\"\n  | \"name\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype FieldRenderProps = Partial<\n  Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n> &\n  Pick<FieldComponentRenderProps, \"id\" | \"labelElementId\">;\n\nconst RadioGroup = ({\n  ariaDescribedBy,\n  children,\n  defaultValue,\n  errorMessage,\n  errorMessageList,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled,\n  isReadOnly = false,\n  label,\n  name: nameOverride,\n  onChange: onChangeProp,\n  testId,\n  translate,\n  value,\n}: RadioGroupProps) => {\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: value,\n      uncontrolledValue: defaultValue,\n    }),\n  );\n\n  const inputValues = useInputValues({\n    defaultValue,\n    value,\n    controlState: controlledStateRef.current,\n  });\n\n  const onChange = useCallback<NonNullable<MuiRadioGroupProps[\"onChange\"]>>(\n    (event, newValue) => {\n      onChangeProp?.(event, newValue);\n    },\n    [onChangeProp],\n  );\n\n  const memoizedChildren = useMemo(\n    () =>\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<RadioProps>(child) && child.type === Radio) {\n          return React.cloneElement(child, {\n            ...child.props,\n            isDisabled: isDisabled || child.props.isDisabled,\n            isReadOnly: isReadOnly || child.props.isReadOnly,\n          });\n        }\n        return child;\n      }),\n    [children, isDisabled, isReadOnly],\n  );\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: FieldRenderProps) => (\n      <MuiRadioGroup\n        {...inputValues}\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        aria-labelledby={labelElementId}\n        data-se={testId}\n        id={id}\n        name={nameOverride ?? id}\n        onChange={onChange}\n        translate={translate}\n      >\n        {memoizedChildren}\n      </MuiRadioGroup>\n    ),\n    [inputValues, nameOverride, onChange, memoizedChildren, testId, translate],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"group\"\n      hasVisibleLabel={false}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedRadioGroup = memo(RadioGroup);\nMemoizedRadioGroup.displayName = \"RadioGroup\";\n\nexport { MemoizedRadioGroup as RadioGroup };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ScreenReaderText.cjs

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScreenReaderText = void 0;
+var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
+var _react = require("react");
+var _utils = require("@mui/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */const style = {
+  ..._utils.visuallyHidden
+};
+const ScreenReaderText = ({
+  ariaHidden,
+  children,
+  id,
+  translate
+}) => (0, _jsxRuntime.jsx)(_Box2.default, {
+  "aria-hidden": ariaHidden,
+  sx: style,
+  component: "span",
+  id: id,
+  translate: translate,
+  children: children
+});
+const MemoizedScreenReaderText = exports.ScreenReaderText = (0, _react.memo)(ScreenReaderText);
+MemoizedScreenReaderText.displayName = "ScreenReaderText";
+//# sourceMappingURL=ScreenReaderText.cjs.map

package/dist/cjs/ScreenReaderText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenReaderText.cjs","names":["_react","require","_utils","_jsxRuntime","_interopRequireDefault","e","__esModule","default","style","visuallyHidden","ScreenReaderText","ariaHidden","children","id","translate","jsx","_Box2","sx","component","MemoizedScreenReaderText","exports","memo","displayName"],"sources":["../../src/ScreenReaderText.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactNode } from \"react\";\nimport { Box } from \"@mui/material\";\nimport { visuallyHidden } from \"@mui/utils\";\nimport { HtmlProps } from \"./HtmlProps.js\";\n\nexport type ScreenReaderTextProps = {\n  /**\n   * The visually-hidden text.\n   */\n  children: ReactNode;\n  id?: string;\n} & Pick<HtmlProps, \"ariaHidden\" | \"translate\">;\n\n/**\n * MUI sx expects you pass in a CSS object, not an object with CSS.\n * They seem identical, but only if you create a new object like this will MUI be happy with the type of visuallyHidden.\n * It's otherwise a regular object with CSS properties.\n */\nconst style = { ...visuallyHidden };\n\nconst ScreenReaderText = ({\n  ariaHidden,\n  children,\n  id,\n  translate,\n}: ScreenReaderTextProps) => (\n  <Box\n    aria-hidden={ariaHidden}\n    sx={style}\n    component=\"span\"\n    id={id}\n    translate={translate}\n  >\n    {children}\n  </Box>\n);\n\nconst MemoizedScreenReaderText = memo(ScreenReaderText);\nMemoizedScreenReaderText.displayName = \"ScreenReaderText\";\n\nexport { MemoizedScreenReaderText as ScreenReaderText };\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAA4C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAd5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAoBA,MAAMG,KAAK,GAAG;EAAE,GAAGC;AAAe,CAAC;AAEnC,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,UAAU;EACVC,QAAQ;EACRC,EAAE;EACFC;AACqB,CAAC,KACtB,IAAAX,WAAA,CAAAY,GAAA,EAAAC,KAAA,CAAAT,OAAA;EACE,eAAaI,UAAW;EACxBM,EAAE,EAAET,KAAM;EACVU,SAAS,EAAC,MAAM;EAChBL,EAAE,EAAEA,EAAG;EACPC,SAAS,EAAEA,SAAU;EAAAF,QAAA,EAEpBA;AAAQ,CACN,CACN;AAED,MAAMO,wBAAwB,GAAAC,OAAA,CAAAV,gBAAA,GAAG,IAAAW,WAAI,EAACX,gBAAgB,CAAC;AACvDS,wBAAwB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/SearchField.cjs

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.searchVariantValues = exports.SearchField = void 0;
+var _InputBase2 = _interopRequireDefault(require("@mui/material/InputBase"));
+var _InputAdornment2 = _interopRequireDefault(require("@mui/material/InputAdornment"));
+var _IconButton2 = _interopRequireDefault(require("@mui/material/IconButton"));
+var _react = require("react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _index = require("./icons.generated/index.cjs");
+var _Field = require("./Field.cjs");
+var _inputUtils = require("./inputUtils.cjs");
+var _OdysseyThemeProvider = require("./OdysseyThemeProvider.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const searchVariantValues = exports.searchVariantValues = ["outline", "filled"];
+const StyledContainerToEnsureThemeProviderDivIsFullWidth = (0, _styled.default)("div")({
+  width: "100%"
+});
+const SearchField = (0, _react.forwardRef)(({
+  ariaDescribedBy,
+  autoCompleteType,
+  defaultValue,
+  hasInitialFocus,
+  id: idOverride,
+  isDisabled = false,
+  isFullWidth = false,
+  label,
+  name: nameOverride,
+  onChange: onChangeProp,
+  onFocus,
+  onBlur,
+  onClear: onClearProp,
+  placeholder,
+  tabIndex,
+  testId,
+  translate,
+  value,
+  variant = "outline"
+}, ref) => {
+  const onChange = (0, _react.useCallback)(event => {
+    onChangeProp?.(event);
+  }, [onChangeProp]);
+  const onClear = (0, _react.useCallback)(() => {
+    onClearProp?.();
+  }, [onClearProp]);
+  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
+    controlledValue: value,
+    uncontrolledValue: defaultValue
+  }));
+  const inputValues = (0, _inputUtils.useInputValues)({
+    defaultValue,
+    value,
+    controlState: controlledStateRef.current
+  });
+  const renderFieldComponent = (0, _react.useCallback)(({
+    ariaDescribedBy,
+    id
+  }) => (0, _jsxRuntime.jsx)(_InputBase2.default, {
+    ...inputValues,
+    inputProps: {
+      tabIndex
+    },
+    "aria-describedby": ariaDescribedBy,
+    autoComplete: autoCompleteType,
+    autoFocus: hasInitialFocus,
+    "data-se": testId,
+    endAdornment: (inputValues?.defaultValue || inputValues?.value) && (0, _jsxRuntime.jsx)(_InputAdornment2.default, {
+      position: "end",
+      children: (0, _jsxRuntime.jsx)(_IconButton2.default, {
+        "aria-label": "Clear",
+        disabled: isDisabled,
+        onClick: onClear,
+        size: "small",
+        children: (0, _jsxRuntime.jsx)(_index.CloseCircleFilledIcon, {})
+      })
+    }),
+    id: id,
+    "data-ods-type": "search",
+    "data-ods-variant": variant,
+    name: nameOverride ?? id,
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    placeholder: placeholder,
+    ref: ref,
+    startAdornment: (0, _jsxRuntime.jsx)(_InputAdornment2.default, {
+      position: "start",
+      children: (0, _jsxRuntime.jsx)(_index.SearchIcon, {})
+    }),
+    translate: translate,
+    type: "search"
+  }), [autoCompleteType, hasInitialFocus, inputValues, isDisabled, nameOverride, onBlur, onChange, onClear, onFocus, placeholder, ref, tabIndex, testId, translate, variant]);
+  return (0, _jsxRuntime.jsx)(StyledContainerToEnsureThemeProviderDivIsFullWidth, {
+    children: (0, _jsxRuntime.jsx)(_OdysseyThemeProvider.OdysseyThemeProvider, {
+      children: (0, _jsxRuntime.jsx)(_Field.Field, {
+        ariaDescribedBy: ariaDescribedBy,
+        fieldType: "single",
+        hasVisibleLabel: false,
+        id: idOverride,
+        isDisabled: isDisabled,
+        isFullWidth: isFullWidth,
+        isOptional: true,
+        label: label,
+        renderFieldComponent: renderFieldComponent
+      })
+    })
+  });
+});
+const MemoizedSearchField = exports.SearchField = (0, _react.memo)(SearchField);
+MemoizedSearchField.displayName = "SearchField";
+//# sourceMappingURL=SearchField.cjs.map