@okta/odyssey-contribution-tooling 1.52.1 → 1.53.0

package/dist/cjs/ErrorMessageList.cjs

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorMessageList = void 0;
+var _List2 = _interopRequireDefault(require("@mui/material/List"));
+var _ListItem2 = _interopRequireDefault(require("@mui/material/ListItem"));
+var _react = require("react");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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 listItemStyles = {
+  display: "list-item",
+  paddingInlineStart: 0
+};
+const ErrorMessageList = ({
+  errorMessages
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const listStyles = (0, _react.useMemo)(() => ({
+    listStyle: "disc",
+    paddingInlineStart: odysseyDesignTokens.Spacing4
+  }), [odysseyDesignTokens]);
+  return (0, _jsxRuntime.jsx)(_List2.default, {
+    dense: true,
+    disablePadding: true,
+    sx: listStyles,
+    children: errorMessages.map(errorMessage => (0, _jsxRuntime.jsx)(_ListItem2.default, {
+      dense: true,
+      disablePadding: true,
+      sx: listItemStyles,
+      children: errorMessage
+    }, errorMessage))
+  });
+};
+const MemoizedErrorMessageList = exports.ErrorMessageList = (0, _react.memo)(ErrorMessageList);
+MemoizedErrorMessageList.displayName = "ErrorMessageList";
+//# sourceMappingURL=ErrorMessageList.cjs.map

package/dist/cjs/ErrorMessageList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessageList.cjs","names":["_react","require","_OdysseyDesignTokensContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","listItemStyles","display","paddingInlineStart","ErrorMessageList","errorMessages","odysseyDesignTokens","useOdysseyDesignTokens","listStyles","useMemo","listStyle","Spacing4","jsx","_List2","dense","disablePadding","sx","children","map","errorMessage","_ListItem2","MemoizedErrorMessageList","exports","memo","displayName"],"sources":["../../src/ErrorMessageList.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { List as MuiList, ListItem as MuiListItem } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext.js\";\n\nexport type ErrorMessageListProps = {\n  errorMessages: string[];\n};\n\nconst listItemStyles = {\n  display: \"list-item\",\n  paddingInlineStart: 0,\n};\n\nconst ErrorMessageList = ({ errorMessages }: ErrorMessageListProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const listStyles = useMemo(\n    () => ({\n      listStyle: \"disc\",\n      paddingInlineStart: odysseyDesignTokens.Spacing4,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <MuiList dense disablePadding sx={listStyles}>\n      {errorMessages.map((errorMessage) => (\n        <MuiListItem\n          dense\n          disablePadding\n          key={errorMessage}\n          sx={listItemStyles}\n        >\n          {errorMessage}\n        </MuiListItem>\n      ))}\n    </MuiList>\n  );\n};\n\nconst MemoizedErrorMessageList = memo(ErrorMessageList);\nMemoizedErrorMessageList.displayName = \"ErrorMessageList\";\n\nexport { MemoizedErrorMessageList as ErrorMessageList };\n"],"mappings":";;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAAyE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAfzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWA,MAAMG,cAAc,GAAG;EACrBC,OAAO,EAAE,WAAW;EACpBC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAqC,CAAC,KAAK;EACrE,MAAMC,mBAAmB,GAAG,IAAAC,kDAAsB,EAAC,CAAC;EAEpD,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,OAAO;IACLC,SAAS,EAAE,MAAM;IACjBP,kBAAkB,EAAEG,mBAAmB,CAACK;EAC1C,CAAC,CAAC,EACF,CAACL,mBAAmB,CACtB,CAAC;EAED,OACE,IAAAV,WAAA,CAAAgB,GAAA,EAAAC,MAAA,CAAAb,OAAA;IAASc,KAAK;IAACC,cAAc;IAACC,EAAE,EAAER,UAAW;IAAAS,QAAA,EAC1CZ,aAAa,CAACa,GAAG,CAAEC,YAAY,IAC9B,IAAAvB,WAAA,CAAAgB,GAAA,EAAAQ,UAAA,CAAApB,OAAA;MACEc,KAAK;MACLC,cAAc;MAEdC,EAAE,EAAEf,cAAe;MAAAgB,QAAA,EAElBE;IAAY,GAHRA,YAIM,CACd;EAAC,CACK,CAAC;AAEd,CAAC;AAED,MAAME,wBAAwB,GAAAC,OAAA,CAAAlB,gBAAA,GAAG,IAAAmB,WAAI,EAACnB,gBAAgB,CAAC;AACvDiB,wBAAwB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/Field.cjs

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fieldTypeValues = exports.Field = void 0;
+var _FormControl2 = _interopRequireDefault(require("@mui/material/FormControl"));
+var _FormLabel2 = _interopRequireDefault(require("@mui/material/FormLabel"));
+var _react = require("react");
+var _FieldError = require("./FieldError.cjs");
+var _FieldHint = require("./FieldHint.cjs");
+var _FieldLabel = require("./FieldLabel.cjs");
+var _FieldsetContext = require("./FieldsetContext.cjs");
+var _i18n = require("./i18n.generated/i18n.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 fieldTypeValues = exports.fieldTypeValues = ["single", "group"];
+const Field = ({
+  ariaDescribedBy,
+  errorMessage,
+  errorMessageList,
+  fieldType,
+  hasVisibleLabel,
+  hint,
+  HintLinkComponent,
+  id: idOverride,
+  isDisabled: isDisabledProp = false,
+  isFullWidth = false,
+  isRadioGroup = false,
+  isOptional = false,
+  isReadOnly = false,
+  label,
+  renderFieldComponent
+}) => {
+  const {
+    t
+  } = (0, _i18n.useTranslation)();
+  const id = (0, _useUniqueId.useUniqueId)(idOverride);
+  const hintId = hint ? `${id}-hint` : undefined;
+  const errorMessageElementId = errorMessage || errorMessageList ? `${id}-error` : undefined;
+  const labelElementId = `${id}-label`;
+  const localAriaDescribedBy = (0, _react.useMemo)(() => [hintId, errorMessageElementId, ariaDescribedBy].join(" ").trim() || undefined, [ariaDescribedBy, errorMessageElementId, hintId]);
+  const {
+    isDisabled: isFieldsetDisabled
+  } = (0, _FieldsetContext.useFieldset)();
+  const isDisabled = (0, _react.useMemo)(() => isDisabledProp || isFieldsetDisabled, [isDisabledProp, isFieldsetDisabled]);
+  return (0, _jsxRuntime.jsxs)(_FormControl2.default, {
+    component: fieldType === "group" ? "fieldset" : "div",
+    disabled: isDisabled,
+    error: Boolean(errorMessage) || Array.isArray(errorMessageList) && errorMessageList.length > 0,
+    fullWidth: isFullWidth,
+    role: isRadioGroup ? "radiogroup" : undefined,
+    children: [fieldType === "group" ? (0, _jsxRuntime.jsxs)(_FormLabel2.default, {
+      component: "legend",
+      id: labelElementId,
+      children: [label, " ", isOptional && label && (0, _jsxRuntime.jsx)(_Typography.Subordinate, {
+        children: t("fieldlabel.optional.text")
+      })]
+    }) : (0, _jsxRuntime.jsx)(_FieldLabel.FieldLabel, {
+      hasVisibleLabel: hasVisibleLabel,
+      id: labelElementId,
+      inputId: id,
+      isOptional: isOptional,
+      text: label
+    }), hint && (0, _jsxRuntime.jsx)(_FieldHint.FieldHint, {
+      id: hintId,
+      LinkComponent: HintLinkComponent,
+      text: hint
+    }), renderFieldComponent({
+      ariaDescribedBy: localAriaDescribedBy,
+      errorMessageElementId,
+      id,
+      labelElementId,
+      isReadOnly
+    }), (errorMessage || errorMessageList) && (0, _jsxRuntime.jsx)(_FieldError.FieldError, {
+      id: errorMessageElementId,
+      message: errorMessage,
+      messageList: errorMessageList
+    })]
+  });
+};
+const MemoizedField = exports.Field = (0, _react.memo)(Field);
+MemoizedField.displayName = "Field";
+//# sourceMappingURL=Field.cjs.map

package/dist/cjs/Field.cjs.map

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

package/dist/cjs/FieldComponentProps.cjs

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=FieldComponentProps.cjs.map

package/dist/cjs/FieldComponentProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldComponentProps.cjs","names":[],"sources":["../../src/FieldComponentProps.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\nimport { ReactElement } from \"react\";\n\nimport { HintLink } from \"./HintLink.js\";\n\nexport type FieldComponentProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * If `error` is not undefined, the `input` will indicate multiple errors.\n   */\n  errorMessageList?: string[];\n  /**\n   * The helper text content.\n   */\n  hint?: string;\n  /**\n   * A `Link` component to provide greater context that is rendered at the end of the `hint` text\n   */\n  HintLinkComponent?: ReactElement<typeof HintLink>;\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`, the component can stretch to fill the width of the container.\n   */\n  isFullWidth?: 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 name of the `input` element. Defaults to the `id` if not set.\n   */\n  name?: string;\n};\n\nexport type FieldComponentRenderProps = {\n  ariaDescribedBy: string;\n  dataSe: string;\n  errorMessageElementId: string;\n  id: string;\n  labelElementId: string;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/FieldError.cjs

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldError = void 0;
+var _FormHelperText2 = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _react = require("react");
+var _Box = require("./Box.cjs");
+var _ErrorMessageList = require("./ErrorMessageList.cjs");
+var _i18n = require("./i18n.generated/i18n.cjs");
+var _ScreenReaderText = require("./ScreenReaderText.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * 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 FieldError = ({
+  id,
+  message,
+  messageList,
+  testId,
+  translate
+}) => {
+  const {
+    t
+  } = (0, _i18n.useTranslation)();
+  return (0, _jsxRuntime.jsxs)(_FormHelperText2.default, {
+    component: "div",
+    "data-se": testId,
+    error: true,
+    id: id,
+    translate: translate,
+    children: [(0, _jsxRuntime.jsx)(_ScreenReaderText.ScreenReaderText, {
+      translate: translate,
+      children: `${t("fielderror.screenreader.text")}:`
+    }), (0, _jsxRuntime.jsxs)(_Box.Box, {
+      children: [message, messageList && (0, _jsxRuntime.jsx)(_ErrorMessageList.ErrorMessageList, {
+        errorMessages: messageList
+      })]
+    })]
+  });
+};
+const MemoizedFieldError = exports.FieldError = (0, _react.memo)(FieldError);
+MemoizedFieldError.displayName = "FieldError";
+//# sourceMappingURL=FieldError.cjs.map

package/dist/cjs/FieldError.cjs.map

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

package/dist/cjs/FieldHint.cjs

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldHint = void 0;
+var _FormHelperText2 = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * 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 HintLinkContainer = _styled.default.span(({
+  odysseyDesignTokens
+}) => ({
+  a: {
+    color: odysseyDesignTokens.TypographyColorBody,
+    textDecoration: "underline",
+    "&:visited": {
+      color: odysseyDesignTokens.TypographyColorBody
+    },
+    "&:hover": {
+      color: odysseyDesignTokens.TypographyColorSubordinate
+    }
+  }
+}));
+const FieldHint = ({
+  id,
+  LinkComponent,
+  testId,
+  text,
+  translate
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  return (0, _jsxRuntime.jsxs)(_FormHelperText2.default, {
+    "data-se": testId,
+    id: id,
+    translate: translate,
+    children: [text, LinkComponent && (0, _jsxRuntime.jsxs)(HintLinkContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [" ", LinkComponent]
+    })]
+  });
+};
+const MemoizedFieldHint = exports.FieldHint = (0, _react.memo)(FieldHint);
+MemoizedFieldHint.displayName = "FieldHint";
+//# sourceMappingURL=FieldHint.cjs.map

package/dist/cjs/FieldHint.cjs.map

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

package/dist/cjs/FieldLabel.cjs

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldLabel = void 0;
+var _InputLabel2 = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _react = require("react");
+var _i18n = require("./i18n.generated/i18n.cjs");
+var _ScreenReaderText = require("./ScreenReaderText.cjs");
+var _Typography = require("./Typography.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * 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 FieldLabel = ({
+  hasVisibleLabel,
+  id,
+  inputId,
+  isOptional,
+  testId,
+  translate,
+  text
+}) => {
+  const {
+    t
+  } = (0, _i18n.useTranslation)();
+  const inputLabel = (0, _react.useMemo)(() => (0, _jsxRuntime.jsxs)(_InputLabel2.default, {
+    "data-se": testId,
+    htmlFor: inputId,
+    id: id,
+    translate: translate,
+    children: [(0, _jsxRuntime.jsx)("span", {
+      children: text
+    }), isOptional && (0, _jsxRuntime.jsx)(_Typography.Subordinate, {
+      children: t("fieldlabel.optional.text")
+    })]
+  }), [id, inputId, isOptional, testId, translate, text, t]);
+  return hasVisibleLabel ? inputLabel : (0, _jsxRuntime.jsx)(_ScreenReaderText.ScreenReaderText, {
+    translate: translate,
+    children: inputLabel
+  });
+};
+const MemoizedFieldLabel = exports.FieldLabel = (0, _react.memo)(FieldLabel);
+MemoizedFieldLabel.displayName = "FieldLabel";
+//# sourceMappingURL=FieldLabel.cjs.map

package/dist/cjs/FieldLabel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.cjs","names":["_react","require","_i18n","_ScreenReaderText","_Typography","_jsxRuntime","_interopRequireDefault","e","__esModule","default","FieldLabel","hasVisibleLabel","id","inputId","isOptional","testId","translate","text","t","useTranslation","inputLabel","useMemo","jsxs","_InputLabel2","htmlFor","children","jsx","Subordinate","ScreenReaderText","MemoizedFieldLabel","exports","memo","displayName"],"sources":["../../src/FieldLabel.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { InputLabel as MuiInputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\nimport { Subordinate } from \"./Typography.js\";\n\nexport type FieldLabelProps = {\n  hasVisibleLabel: boolean;\n  id: string;\n  inputId: string;\n  isOptional: boolean;\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isOptional,\n  testId,\n  translate,\n  text,\n}: FieldLabelProps) => {\n  const { t } = useTranslation();\n\n  const inputLabel = useMemo(\n    () => (\n      <MuiInputLabel\n        data-se={testId}\n        htmlFor={inputId}\n        id={id}\n        translate={translate}\n      >\n        <span>{text}</span>\n        {isOptional && (\n          <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\n        )}\n      </MuiInputLabel>\n    ),\n    [id, inputId, isOptional, testId, translate, text, t],\n  );\n\n  return hasVisibleLabel ? (\n    inputLabel\n  ) : (\n    <ScreenReaderText translate={translate}>{inputLabel}</ScreenReaderText>\n  );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\nMemoizedFieldLabel.displayName = \"FieldLabel\";\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA8C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnB9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA,MAAMG,UAAU,GAAGA,CAAC;EAClBC,eAAe;EACfC,EAAE;EACFC,OAAO;EACPC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EAE9B,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,MACE,IAAAhB,WAAA,CAAAiB,IAAA,EAAAC,YAAA,CAAAd,OAAA;IACE,WAASM,MAAO;IAChBS,OAAO,EAAEX,OAAQ;IACjBD,EAAE,EAAEA,EAAG;IACPI,SAAS,EAAEA,SAAU;IAAAS,QAAA,GAErB,IAAApB,WAAA,CAAAqB,GAAA;MAAAD,QAAA,EAAOR;IAAI,CAAO,CAAC,EAClBH,UAAU,IACT,IAAAT,WAAA,CAAAqB,GAAA,EAACtB,WAAA,CAAAuB,WAAW;MAAAF,QAAA,EAAEP,CAAC,CAAC,0BAA0B;IAAC,CAAc,CAC1D;EAAA,CACY,CAChB,EACD,CAACN,EAAE,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,CAAC,CACtD,CAAC;EAED,OAAOP,eAAe,GACpBS,UAAU,GAEV,IAAAf,WAAA,CAAAqB,GAAA,EAACvB,iBAAA,CAAAyB,gBAAgB;IAACZ,SAAS,EAAEA,SAAU;IAAAS,QAAA,EAAEL;EAAU,CAAmB,CACvE;AACH,CAAC;AAED,MAAMS,kBAAkB,GAAAC,OAAA,CAAApB,UAAA,GAAG,IAAAqB,WAAI,EAACrB,UAAU,CAAC;AAC3CmB,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/cjs/Fields/Checkbox.cjs

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkboxValidityValues = exports.Checkbox = void 0;
+var _FormHelperText2 = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _FormControlLabel2 = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Checkbox2 = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _react = require("react");
+var _i18n = require("../i18n.generated/i18n.cjs");
+var _inputUtils = require("../inputUtils.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _Typography = require("../Typography.cjs");
+var _useUniqueId = require("../useUniqueId.cjs");
+var _Hint = require("./Hint.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 checkboxValidityValues = exports.checkboxValidityValues = ["valid", "invalid", "inherit"];
+const Checkbox = ({
+  ariaLabel,
+  ariaLabelledBy,
+  id: idOverride,
+  inputRef,
+  isChecked,
+  isDefaultChecked,
+  isDisabled,
+  isIndeterminate,
+  isReadOnly = false,
+  isRequired,
+  label: labelProp,
+  hint,
+  name: nameOverride,
+  onChange: onChangeProp,
+  onBlur: onBlurProp,
+  testId,
+  translate,
+  validity = "inherit",
+  value
+}) => {
+  const {
+    t
+  } = (0, _i18n.useTranslation)();
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const id = (0, _useUniqueId.useUniqueId)(idOverride);
+  const hintId = hint ? `${id}-hint` : undefined;
+  const controlledStateRef = (0, _react.useRef)((0, _inputUtils.getControlState)({
+    controlledValue: isChecked,
+    uncontrolledValue: isDefaultChecked
+  }));
+  const inputValues = (0, _react.useMemo)(() => {
+    if (controlledStateRef.current === _inputUtils.ComponentControlledState.CONTROLLED) {
+      return {
+        checked: isChecked
+      };
+    }
+    return {
+      defaultChecked: isDefaultChecked
+    };
+  }, [isDefaultChecked, isChecked]);
+  const localInputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(inputRef, () => ({
+    focus: () => {
+      localInputRef.current?.focus();
+    }
+  }), []);
+  const label = (0, _react.useMemo)(() => {
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)(_Typography.Typography, {
+        component: "span",
+        children: labelProp
+      }), isRequired && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [" ", (0, _jsxRuntime.jsxs)(_Typography.Typography, {
+          color: "textSecondary",
+          component: "span",
+          children: ["(", t("fieldlabel.required.text"), ")"]
+        })]
+      })]
+    });
+  }, [isRequired, labelProp, t]);
+  const onChange = (0, _react.useCallback)((event, checked) => {
+    onChangeProp?.(event, checked);
+  }, [onChangeProp]);
+  const onClick = (0, _react.useCallback)(event => {
+    if (isReadOnly) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  }, [isReadOnly]);
+  const onBlur = (0, _react.useCallback)(event => {
+    onBlurProp?.(event);
+  }, [onBlurProp]);
+  const checkboxStyles = (0, _react.useMemo)(() => ({
+    alignItems: "flex-start",
+    ...(isReadOnly && {
+      cursor: "default",
+      "& .MuiTypography-root": {
+        cursor: "default"
+      }
+    }),
+    ...(hint && {
+      ":not(:last-child)": {
+        marginBlockEnd: "0"
+      }
+    })
+  }), [hint, isReadOnly]);
+  const checkboxInputStyles = (0, _react.useMemo)(() => ({
+    marginBlockStart: "2px"
+  }), []);
+  const inputProps = (0, _react.useMemo)(() => ({
+    "aria-describedby": hintId,
+    "aria-readonly": isReadOnly,
+    "data-se": testId,
+    readOnly: isReadOnly
+  }), [hintId, isReadOnly, testId]);
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(_FormControlLabel2.default, {
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      className: validity === "invalid" ? "Mui-error" : validity === "valid" ? "Mui-valid" : "",
+      control: (0, _jsxRuntime.jsx)(_Checkbox2.default, {
+        ...inputValues,
+        disabled: isDisabled,
+        indeterminate: isIndeterminate,
+        inputProps: inputProps,
+        inputRef: localInputRef,
+        onChange: onChange,
+        onClick: onClick,
+        required: isRequired,
+        sx: checkboxInputStyles
+      }),
+      disabled: isDisabled,
+      id: idOverride,
+      label: label,
+      name: nameOverride ?? idOverride,
+      onBlur: onBlur,
+      required: isRequired,
+      sx: checkboxStyles,
+      translate: translate,
+      value: value
+    }), hint && (0, _jsxRuntime.jsx)(_Hint.HintContainerWithInlineStartSpacing, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: (0, _jsxRuntime.jsx)(_FormHelperText2.default, {
+        id: hintId,
+        translate: translate,
+        children: hint
+      })
+    })]
+  });
+};
+const MemoizedCheckbox = exports.Checkbox = (0, _react.memo)(Checkbox);
+MemoizedCheckbox.displayName = "Checkbox";
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/cjs/Fields/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","names":["_react","require","_i18n","_inputUtils","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_Hint","_jsxRuntime","_interopRequireDefault","e","__esModule","default","checkboxValidityValues","exports","Checkbox","ariaLabel","ariaLabelledBy","id","idOverride","inputRef","isChecked","isDefaultChecked","isDisabled","isIndeterminate","isReadOnly","isRequired","label","labelProp","hint","name","nameOverride","onChange","onChangeProp","onBlur","onBlurProp","testId","translate","validity","value","t","useTranslation","odysseyDesignTokens","useOdysseyDesignTokens","useUniqueId","hintId","undefined","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","ComponentControlledState","CONTROLLED","checked","defaultChecked","localInputRef","useImperativeHandle","focus","jsxs","Fragment","children","jsx","Typography","component","color","useCallback","event","onClick","stopPropagation","preventDefault","checkboxStyles","alignItems","cursor","marginBlockEnd","checkboxInputStyles","marginBlockStart","inputProps","readOnly","_FormControlLabel2","className","control","_Checkbox2","disabled","indeterminate","required","sx","HintContainerWithInlineStartSpacing","_FormHelperText2","MemoizedCheckbox","memo","displayName"],"sources":["../../../src/Fields/Checkbox.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  FormControlLabel,\n  FormHelperText,\n  Checkbox as MuiCheckbox,\n  CheckboxProps as MuiCheckboxProps,\n  FormControlLabelProps as MuiFormControlLabelProps,\n} from \"@mui/material\";\nimport {\n  InputHTMLAttributes,\n  memo,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { CheckedFieldProps } from \"../FormCheckedProps.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  getControlState,\n} from \"../inputUtils.js\";\nimport { useOdysseyDesignTokens } from \"../OdysseyDesignTokensContext.js\";\nimport { Typography } from \"../Typography.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport { HintContainerWithInlineStartSpacing } from \"./Hint.js\";\n\nexport const checkboxValidityValues = [\"valid\", \"invalid\", \"inherit\"] as const;\n\nexport type CheckboxProps = {\n  /**\n   * The ref forwarded to the Checkbox\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Determines whether the Checkbox is in an indeterminate state\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Determines whether the Checkbox is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the Checkbox\n   */\n  label?: string;\n  /**\n   * Callback fired when the blur event happens. Provides event value.\n   */\n  onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n  /**\n   * The checkbox validity, if different from its enclosing group. Defaults to \"inherit\".\n   */\n  validity?: (typeof checkboxValidityValues)[number];\n  /**\n   * The value attribute of the Checkbox\n   */\n  value?: string;\n} & Pick<\n  FieldComponentProps,\n  \"hint\" | \"id\" | \"isDisabled\" | \"isReadOnly\" | \"name\"\n> &\n  CheckedFieldProps<MuiCheckboxProps> &\n  Pick<HtmlProps, \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\">;\n\nconst Checkbox = ({\n  ariaLabel,\n  ariaLabelledBy,\n  id: idOverride,\n  inputRef,\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isIndeterminate,\n  isReadOnly = false,\n  isRequired,\n  label: labelProp,\n  hint,\n  name: nameOverride,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  testId,\n  translate,\n  validity = \"inherit\",\n  value,\n}: CheckboxProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: isChecked,\n      uncontrolledValue: isDefaultChecked,\n    }),\n  );\n  const inputValues = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { checked: isChecked };\n    }\n    return { defaultChecked: isDefaultChecked };\n  }, [isDefaultChecked, isChecked]);\n\n  const localInputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(\n    inputRef,\n    () => ({\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const label = useMemo(() => {\n    return (\n      <>\n        <Typography component=\"span\">{labelProp}</Typography>\n        {isRequired && (\n          <>\n            {\" \"}\n            <Typography color=\"textSecondary\" component=\"span\">\n              ({t(\"fieldlabel.required.text\")})\n            </Typography>\n          </>\n        )}\n      </>\n    );\n  }, [isRequired, labelProp, t]);\n\n  const onChange = useCallback<NonNullable<MuiCheckboxProps[\"onChange\"]>>(\n    (event, checked) => {\n      onChangeProp?.(event, checked);\n    },\n    [onChangeProp],\n  );\n\n  const onClick = useCallback<NonNullable<MuiCheckboxProps[\"onClick\"]>>(\n    (event) => {\n      if (isReadOnly) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    },\n    [isReadOnly],\n  );\n\n  const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n    (event) => {\n      onBlurProp?.(event);\n    },\n    [onBlurProp],\n  );\n\n  const checkboxStyles = useMemo(\n    () => ({\n      alignItems: \"flex-start\",\n\n      ...(isReadOnly && {\n        cursor: \"default\",\n        \"& .MuiTypography-root\": {\n          cursor: \"default\",\n        } as CSSStyleDeclaration,\n      }),\n\n      ...(hint && {\n        // needed to override specific :not(:last-child) selector\n        \":not(:last-child)\": {\n          marginBlockEnd: \"0\",\n        } as CSSStyleDeclaration,\n      }),\n    }),\n    [hint, isReadOnly],\n  );\n\n  // TODO: Is there a better way to handle these styles? Why pixels? Isn't this tying Checkbox to the label's font size? -Kevin\n  const checkboxInputStyles = useMemo(\n    () => ({\n      marginBlockStart: \"2px\",\n    }),\n    [],\n  );\n\n  const inputProps = useMemo<InputHTMLAttributes<HTMLInputElement>>(\n    () => ({\n      \"aria-describedby\": hintId,\n      \"aria-readonly\": isReadOnly,\n      \"data-se\": testId,\n      readOnly: isReadOnly,\n    }),\n    [hintId, isReadOnly, testId],\n  );\n\n  return (\n    <>\n      <FormControlLabel\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={\n          validity === \"invalid\"\n            ? \"Mui-error\"\n            : validity === \"valid\"\n              ? \"Mui-valid\"\n              : \"\"\n        }\n        control={\n          <MuiCheckbox\n            {...inputValues}\n            disabled={isDisabled}\n            indeterminate={isIndeterminate}\n            inputProps={inputProps}\n            inputRef={localInputRef}\n            onChange={onChange}\n            onClick={onClick}\n            required={isRequired}\n            sx={checkboxInputStyles}\n          />\n        }\n        disabled={isDisabled}\n        id={idOverride}\n        label={label}\n        name={nameOverride ?? idOverride}\n        onBlur={onBlur}\n        required={isRequired}\n        sx={checkboxStyles}\n        translate={translate}\n        value={value}\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 MemoizedCheckbox = memo(Checkbox);\nMemoizedCheckbox.displayName = \"Checkbox\";\n\nexport { MemoizedCheckbox as Checkbox };\n"],"mappings":"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","ignoreList":[]}