@okta/odyssey-react-mui 0.23.0 → 1.0.0

package/src/icons.generated/Upload.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type UploadIconProps = SvgIconNoChildrenProps;
+
+export const UploadIcon = forwardRef<SVGSVGElement, UploadIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M5.707 9.707 11 4.414V18h2V4.414l5.293 5.293 1.414-1.414-6.434-6.434-.016-.017c-.085-.084-.185-.185-.281-.266a1.508 1.508 0 0 0-.512-.295 1.5 1.5 0 0 0-.927 0 1.508 1.508 0 0 0-.513.295 4.949 4.949 0 0 0-.28.266l-.017.017-6.434 6.434 1.414 1.414ZM5 20v-4H3v4a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-4h-2v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+UploadIcon.displayName = "UploadIcon";

package/src/icons.generated/User.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type UserIconProps = SvgIconNoChildrenProps;
+
+export const UserIcon = forwardRef<SVGSVGElement, UserIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M15.5 6.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm2 0a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM5 23c0-2.357.694-4.363 1.886-5.762C8.064 15.856 9.782 15 12 15c2.215 0 3.934.862 5.113 2.25C18.307 18.652 19 20.66 19 23h2c0-2.722-.807-5.216-2.363-7.046C17.067 14.107 14.785 13 12 13c-2.782 0-5.064 1.097-6.636 2.941C3.806 17.77 3 20.263 3 23h2Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+UserIcon.displayName = "UserIcon";

package/src/icons.generated/Video.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type VideoIconProps = SvgIconNoChildrenProps;
+
+export const VideoIcon = forwardRef<SVGSVGElement, VideoIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H4ZM3 6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6Zm13.553 7.342c1.105-.553 1.105-2.13 0-2.684l-6.382-3.19A1.5 1.5 0 0 0 8 8.808v6.382a1.5 1.5 0 0 0 2.17 1.342l6.383-3.191ZM10 9.618 14.764 12 10 14.382V9.618Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+VideoIcon.displayName = "VideoIcon";

package/src/icons.generated/Warning.tsx

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type WarningIconProps = SvgIconNoChildrenProps;
+
+export const WarningIcon = forwardRef<SVGSVGElement, WarningIconProps>(
+  (props, ref) => {
+    return (
+      <SvgIcon
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={ref}
+        {...props}
+      >
+        <>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.342 2.918c1.123-2.144 4.192-2.144 5.316 0l7.694 14.69C23.398 19.605 21.95 22 19.695 22H4.305c-2.255 0-3.703-2.395-2.657-4.392l7.694-14.69Zm3.544.928a1 1 0 0 0-1.772 0L3.42 18.536A1 1 0 0 0 4.305 20h15.39a1 1 0 0 0 .885-1.464l-7.694-14.69ZM12 15.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5ZM11 13a1 1 0 1 0 2 0V8h-2v5Z"
+            fill="currentColor"
+          />
+        </>
+      </SvgIcon>
+    );
+  }
+);
+
+WarningIcon.displayName = "WarningIcon";

package/src/icons.generated/WarningFilled.tsx

@@ -0,0 +1,44 @@
+/*!
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+import { forwardRef } from "react";
+import { SvgIcon, type SvgIconNoChildrenProps } from "../SvgIcon";
+
+export type WarningFilledIconProps = SvgIconNoChildrenProps;
+
+export const WarningFilledIcon = forwardRef<
+  SVGSVGElement,
+  WarningFilledIconProps
+>((props, ref) => {
+  return (
+    <SvgIcon
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={ref}
+      {...props}
+    >
+      <>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.342 2.918c1.123-2.144 4.192-2.144 5.315 0l7.695 14.69C23.398 19.605 21.95 22 19.695 22H4.305c-2.255 0-3.703-2.395-2.657-4.392l7.694-14.69ZM12 14a1 1 0 0 1-1-1V8h2v5a1 1 0 0 1-1 1Zm0 1.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"
+          fill="currentColor"
+        />
+      </>
+    </SvgIcon>
+  );
+});
+
+WarningFilledIcon.displayName = "WarningFilledIcon";

package/src/icons.generated/index.ts

@@ -0,0 +1,87 @@
+/*!
+ * 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.
+ */
+
+// Code automatically generated by svgr; DO NOT EDIT.
+
+export * from "./Add";
+export * from "./AddCircle";
+export * from "./Apps";
+export * from "./ArrowDown";
+export * from "./ArrowLeft";
+export * from "./ArrowLowerLeft";
+export * from "./ArrowLowerRight";
+export * from "./ArrowRight";
+export * from "./ArrowUnsorted";
+export * from "./ArrowUp";
+export * from "./ArrowUpperLeft";
+export * from "./ArrowUpperRight";
+export * from "./Bug";
+export * from "./Calendar";
+export * from "./Call";
+export * from "./Chat";
+export * from "./Check";
+export * from "./CheckCircleFilled";
+export * from "./ChevronDown";
+export * from "./ChevronLeft";
+export * from "./ChevronRight";
+export * from "./ChevronUp";
+export * from "./Clock";
+export * from "./Close";
+export * from "./CloseCircleFilled";
+export * from "./CollapseLeft";
+export * from "./CollapseRight";
+export * from "./Copy";
+export * from "./DangerDiamond";
+export * from "./DangerDiamondFilled";
+export * from "./Delete";
+export * from "./Deny";
+export * from "./Devices";
+export * from "./Directory";
+export * from "./Documentation";
+export * from "./Download";
+export * from "./DragIndicator";
+export * from "./Edit";
+export * from "./ExpandLeft";
+export * from "./ExpandRight";
+export * from "./ExternalLink";
+export * from "./Filter";
+export * from "./Folder";
+export * from "./Globe";
+export * from "./Grid";
+export * from "./Group";
+export * from "./Hide";
+export * from "./Home";
+export * from "./InformationCircle";
+export * from "./InformationCircleFilled";
+export * from "./Link";
+export * from "./List";
+export * from "./Lock";
+export * from "./More";
+export * from "./Notification";
+export * from "./Pause";
+export * from "./QuestionCircle";
+export * from "./QuestionCircleFilled";
+export * from "./Refresh";
+export * from "./Reset";
+export * from "./Resume";
+export * from "./Search";
+export * from "./Server";
+export * from "./Settings";
+export * from "./Show";
+export * from "./Subtract";
+export * from "./Sync";
+export * from "./Unlock";
+export * from "./Upload";
+export * from "./User";
+export * from "./Video";
+export * from "./Warning";
+export * from "./WarningFilled";

package/src/index.ts

@@ -10,133 +10,87 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
+export { deepmerge, visuallyHidden } from "@mui/utils";
+
 export {
-  Alert,
-  AlertTitle,
-  Box,
-  Chip,
   createTheme,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   CssBaseline,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   DialogContentText,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   Divider,
-  FormControl,
-  FormControlLabel,
-  FormGroup,
-  FormHelperText,
-  FormLabel,
-  IconButton,
-  /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextField`. */
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   InputAdornment,
-  /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextField`. */
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   InputBase,
-  /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextField`. */
-  InputLabel,
-  List,
-  ListItem,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   ListItemIcon,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   ListItemText,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   ListSubheader,
-  Menu,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   MenuList,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   Paper,
+  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */
   ScopedCssBaseline,
-  Select,
-  Snackbar,
-  Stack,
-  SvgIcon,
-  Tab,
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableHead,
-  TableRow,
-  TableSortLabel,
-  ThemeProvider as MuiThemeProvider,
-  Typography,
+  ThemeProvider,
 } from "@mui/material";
 
 export type {
-  AlertProps,
-  AlertTitleProps,
-  BoxProps,
-  ChipProps,
   CssBaselineProps,
+  DialogContentTextProps,
   DividerProps,
-  FormControlLabelProps,
-  FormControlProps,
-  FormGroupProps,
-  FormHelperTextProps,
-  FormLabelProps,
-  IconButtonProps,
-  /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextFieldProps`. */
   InputAdornmentProps,
-  /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextFieldProps`. */
   InputBaseProps,
-  /** @deprecated Will be removed in a future Odyssey version. Please switch to `TextFieldProps`. */
-  InputLabelProps,
-  ListProps,
-  ListItemProps,
   ListItemIconProps,
   ListItemTextProps,
   ListSubheaderProps,
-  MenuProps,
   MenuListProps,
   PaperProps,
   ScopedCssBaselineProps,
-  SelectChangeEvent,
-  SelectProps,
-  SnackbarProps,
-  StackProps,
-  SvgIconProps,
-  TabProps,
-  TableBodyProps,
-  TableCellProps,
-  TableContainerProps,
-  TableHeadProps,
-  TableProps,
-  TableRowProps,
-  TableSortLabelProps,
   ThemeOptions,
-  TypographyProps,
 } from "@mui/material";
 
-export { TabContext, TabList, TabPanel } from "@mui/lab";
-
-export type { TabContextProps, TabListProps, TabPanelProps } from "@mui/lab";
-
-export { default as FavoriteIcon } from "@mui/icons-material/Favorite";
-
-export { deepmerge, visuallyHidden } from "@mui/utils";
+export { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext";
 
 export * from "./Autocomplete";
 export * from "./Banner";
+export * from "./Box";
 export * from "./Button";
+export * from "./Callout";
 export * from "./Checkbox";
 export * from "./CheckboxGroup";
 export * from "./CircularProgress";
 export * from "./createUniqueId";
 export * from "./Dialog";
-export * from "./Icon";
-export * from "./iconDictionary";
-export * from "./Infobox";
+export * from "./Fieldset";
+export * from "./Form";
 export * from "./Link";
 export * from "./MenuButton";
 export * from "./MenuItem";
+export * from "./NativeSelect";
+export * from "./NullElement";
 export * from "./OdysseyCacheProvider";
+export * from "./OdysseyProvider";
 export * from "./OdysseyThemeProvider";
+export * from "./OdysseyTranslationProvider";
 export * from "./PasswordField";
 export * from "./Radio";
 export * from "./RadioGroup";
 export * from "./ScreenReaderText";
 export * from "./SearchField";
+export * from "./Select";
 export * from "./Status";
+export * from "./Tabs";
 export * from "./Tag";
 export * from "./TagList";
 export * from "./TextField";
 export * from "./theme";
-export * from "./ThemeProvider";
-export * from "./Tooltip";
 export * from "./Toast";
 export * from "./ToastStack";
+export * from "./Tooltip";
+export * from "./Typography";
 export * from "./useUniqueId";

package/src/labs/DatePicker.tsx

@@ -0,0 +1,48 @@
+/*!
+ * 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.
+ */
+
+import { InputBase } from "@mui/material";
+import {
+  DatePicker as MuiDatePicker,
+  DatePickerProps as MuiDatePickerProps,
+} from "@mui/x-date-pickers";
+import { useCallback } from "react";
+
+export type DatePickerProps<TInputDate, TDate> = {
+  label: MuiDatePickerProps<TInputDate, TDate>["label"];
+  onChange: MuiDatePickerProps<TInputDate, TDate>["onChange"];
+  value: MuiDatePickerProps<TInputDate, TDate>["value"];
+};
+
+export const DatePicker = <TInputDate, TDate>({
+  label,
+  onChange,
+  value = null,
+}: DatePickerProps<TInputDate, TDate>) => {
+  const renderInput = useCallback(({ InputProps, ...props }) => {
+    const combinedProps = {
+      ...InputProps,
+      ...props,
+    };
+
+    return <InputBase {...combinedProps} />;
+  }, []);
+
+  return (
+    <MuiDatePicker
+      label={label}
+      onChange={onChange}
+      renderInput={renderInput}
+      value={value}
+    />
+  );
+};

package/src/labs/DatePicker.types.ts

@@ -0,0 +1,24 @@
+/*!
+ * 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.
+ */
+
+// This has to be imported separately for theme types, so it's been separated out to make that clear.
+import "@mui/x-date-pickers/themeAugmentation";
+
+import { PickersComponentNameToClassKey } from "@mui/x-date-pickers/themeAugmentation";
+
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey extends PickersComponentNameToClassKey {
+    PrivatePickersYear:
+      | PickersComponentNameToClassKey["PrivatePickersYear"]
+      | "button";
+  }
+}