@okta/odyssey-react-mui 1.9.11 → 1.9.12

package/src/Typography.tsx

@@ -22,7 +22,7 @@ import {
   useRef,
   useImperativeHandle,
 } from "react";
-import { SeleniumProps } from "./SeleniumProps";
+import { AllowedProps } from "./AllowedProps";
 import { FocusHandle } from "./@types/react-augment";
 
 export type TypographyVariantValue =
@@ -94,7 +94,7 @@ export type TypographyProps = {
    * The variant of Typography to render.
    */
   variant?: keyof typeof typographyVariantMapping;
-} & SeleniumProps;
+} & AllowedProps;
 
 const Typography = ({
   ariaDescribedBy,
@@ -104,6 +104,7 @@ const Typography = ({
   color,
   component: componentProp,
   testId,
+  translate,
   typographyFocusRef,
   variant = "body",
 }: TypographyProps) => {
@@ -145,6 +146,7 @@ const Typography = ({
       data-se={testId}
       ref={ref}
       tabIndex={-1}
+      translate={translate}
       variant={typographyVariantMapping[variant]}
     />
   );
@@ -161,6 +163,7 @@ const Heading1 = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -170,6 +173,7 @@ const Heading1 = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="h1"
   />
 );
@@ -185,6 +189,7 @@ const Heading2 = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -194,6 +199,7 @@ const Heading2 = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="h2"
   />
 );
@@ -209,6 +215,7 @@ const Heading3 = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -218,6 +225,7 @@ const Heading3 = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="h3"
   />
 );
@@ -233,6 +241,7 @@ const Heading4 = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -242,6 +251,7 @@ const Heading4 = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="h4"
   />
 );
@@ -257,6 +267,7 @@ const Heading5 = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -266,6 +277,7 @@ const Heading5 = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="h5"
   />
 );
@@ -281,6 +293,7 @@ const Heading6 = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -290,6 +303,7 @@ const Heading6 = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="h6"
   />
 );
@@ -305,6 +319,7 @@ const Paragraph = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -314,6 +329,7 @@ const Paragraph = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="body"
   />
 );
@@ -329,6 +345,7 @@ const Subordinate = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -338,6 +355,7 @@ const Subordinate = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="subordinate"
   />
 );
@@ -353,6 +371,7 @@ const Support = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -362,6 +381,7 @@ const Support = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="support"
   />
 );
@@ -377,6 +397,7 @@ const Legend = ({
   color,
   component,
   testId,
+  translate,
 }: TypographyProps) => (
   <Typography
     ariaDescribedBy={ariaDescribedBy}
@@ -386,6 +407,7 @@ const Legend = ({
     color={color}
     component={component}
     data-se={testId}
+    translate={translate}
     variant="legend"
   />
 );

package/src/labs/Switch.tsx

@@ -30,7 +30,7 @@ import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext";
 import { Box } from "../Box";
 import { FieldComponentProps } from "../FieldComponentProps";
 import { FieldHint } from "../FieldHint";
-import type { SeleniumProps } from "../SeleniumProps";
+import type { AllowedProps } from "../AllowedProps";
 import { useUniqueId } from "../useUniqueId";
 import { ComponentControlledState, getControlState } from "../inputUtils";
 import { CheckedFieldProps } from "../FormCheckedProps";
@@ -62,7 +62,7 @@ export type SwitchProps = {
   "hint" | "id" | "isFullWidth" | "isDisabled" | "name"
 > &
   CheckedFieldProps<MuiSwitchProps> &
-  SeleniumProps;
+  AllowedProps;
 
 type SwitchLabelProps = {
   checked: boolean;

package/src/labs/VirtualizedAutocomplete.tsx

@@ -21,7 +21,7 @@ import { memo, useCallback, useMemo, useRef } from "react";
 
 import { Field } from "../Field";
 import { FieldComponentProps } from "../FieldComponentProps";
-import type { SeleniumProps } from "../SeleniumProps";
+import type { AllowedProps } from "../AllowedProps";
 import {
   ComponentControlledState,
   getControlState,
@@ -170,7 +170,7 @@ export type AutocompleteProps<
   FieldComponentProps,
   "errorMessage" | "hint" | "id" | "isOptional" | "name"
 > &
-  SeleniumProps;
+  AllowedProps;
 
 const VirtualizedAutocomplete = <
   OptionType,
@@ -199,6 +199,7 @@ const VirtualizedAutocomplete = <
   value,
   getIsOptionEqualToValue,
   testId,
+  translate,
 }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => {
   const controlledStateRef = useRef(
     getControlState({ controlledValue: value, uncontrolledValue: defaultValue })
@@ -327,6 +328,7 @@ const VirtualizedAutocomplete = <
       readOnly={isReadOnly}
       renderInput={renderInput}
       isOptionEqualToValue={getIsOptionEqualToValue}
+      translate={translate}
     />
   );
 };

package/dist/SeleniumProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=SeleniumProps.js.map

package/dist/SeleniumProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SeleniumProps.js","names":[],"sources":["../src/SeleniumProps.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\nexport type SeleniumProps = {\n  /**\n   * This prop puts a `data` attribute on an HTML element in this component with the value provided.\n   *\n   * @deprecated **WARNING:** You should be using Semantic Selectors instead of this property. This is a temporary measure for backwards compatibility with existing Selenium tests.\n   */\n  testId?: string;\n};\n"],"mappings":""}

package/dist/src/SeleniumProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SeleniumProps.d.ts","sourceRoot":"","sources":["../../src/SeleniumProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}