@okta/odyssey-react-mui 1.25.0 → 1.27.0

package/dist/src/labs/SideNav/SideNavItemContent.d.ts

@@ -11,23 +11,58 @@
  */
 import { type DesignTokens } from "../../OdysseyDesignTokensContext";
 import type { SideNavItem } from "./types";
-export declare const SideNavListItemContainer: import("@emotion/styled").StyledComponent<{
+import { SideNavItemContentContextValue } from "./SideNavItemContentContext";
+export declare const StyledSideNavListItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType;
 } & {
     odysseyDesignTokens: DesignTokens;
     isSelected?: boolean;
     disabled?: boolean;
-    isDisabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 type ScrollIntoViewHandle = {
     scrollIntoView: () => void;
 };
-declare const MemoizedSideNavItemContent: import("react").MemoExoticComponent<({ id, label, href, target, startIcon, severity, statusLabel, endIcon, onClick, isSelected, isDisabled, scrollRef, }: Pick<SideNavItem, "id" | "label" | "href" | "target" | "startIcon" | "severity" | "statusLabel" | "endIcon" | "onClick" | "isSelected" | "isDisabled"> & {
+export declare const getBaseNavItemContentStyles: ({ odysseyDesignTokens, isDisabled, isSelected, }: {
+    odysseyDesignTokens: DesignTokens;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+}) => {
+    "&:focus-visible, &:focus": {
+        outline: string;
+        boxShadow: string;
+    };
+    cursor: string;
+    color: string;
+    fontWeight?: string | undefined;
+    display: string;
+    alignItems: string;
+    width: string;
+    textDecoration: string;
+    minHeight: string;
+    paddingBlock: string;
+    paddingInlineEnd: string;
+    borderRadius: string;
+    transition: string;
+    "&:hover, [data-sortable-container='true']:has(button:hover, button:focus, button:focus-visible) &": {
+        backgroundColor: string;
+        color?: string | undefined;
+        textDecoration: string;
+    };
+};
+export declare const getNavItemContentStyles: ({ odysseyDesignTokens, contextValue, }: {
+    odysseyDesignTokens: DesignTokens;
+    contextValue: SideNavItemContentContextValue;
+}) => {
+    paddingBlock?: string | undefined;
+    paddingInlineStart: string;
+};
+declare const MemoizedSideNavItemContent: import("react").MemoExoticComponent<({ count, id, label, href, target, startIcon, severity, statusLabel, endIcon, onClick, isDisabled, isSelected, scrollRef, onItemSelected, }: Pick<SideNavItem, "count" | "id" | "label" | "href" | "target" | "startIcon" | "severity" | "statusLabel" | "endIcon" | "onClick" | "isDisabled" | "isSelected"> & {
     /**
      * The ref used to scroll to this item
      */
     scrollRef?: React.RefObject<ScrollIntoViewHandle>;
+    onItemSelected?(selectedItemId: string): void;
 }) => import("react/jsx-runtime").JSX.Element>;
 export { MemoizedSideNavItemContent as SideNavItemContent };
 //# sourceMappingURL=SideNavItemContent.d.ts.map

package/dist/src/labs/SideNav/SideNavItemContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavItemContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAWH,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,wBAAwB;;;;yBAMd,YAAY;iBACpB,OAAO;eACT,OAAO;iBACL,OAAO;yGA+BnB,CAAC;AAYJ,KAAK,oBAAoB,GAAG;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAkIF,QAAA,MAAM,0BAA0B,4JAnH7B,IAAI,CACL,WAAW,EACT,IAAI,GACJ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,UAAU,GACV,aAAa,GACb,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,CACf,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;CACnD,6CAiG0D,CAAC;AAG5D,OAAO,EAAE,0BAA0B,IAAI,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"SideNavItemContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAYH,OAAO,EACL,KAAK,YAAY,EAElB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EACL,8BAA8B,EAE/B,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,qBAAqB;;;;yBAIX,YAAY;iBACpB,OAAO;eACT,OAAO;yGAYjB,CAAC;AAYJ,KAAK,oBAAoB,GAAG;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,2BAA2B,qDAIrC;IACD,mBAAmB,EAAE,YAAY,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;;;;;;;;;;;;;;;;;;;;;;CA2CC,CAAC;AAEH,eAAO,MAAM,uBAAuB,2CAGjC;IACD,mBAAmB,EAAE,YAAY,CAAC;IAClC,YAAY,EAAE,8BAA8B,CAAC;CAC9C;;;CAUC,CAAC;AAgNH,QAAA,MAAM,0BAA0B,mLA/I7B,IAAI,CACL,WAAW,EACT,OAAO,GACP,IAAI,GACJ,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,UAAU,GACV,aAAa,GACb,SAAS,GACT,SAAS,GACT,YAAY,GACZ,YAAY,CACf,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAClD,cAAc,CAAC,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/C,6CA2H0D,CAAC;AAG5D,OAAO,EAAE,0BAA0B,IAAI,kBAAkB,EAAE,CAAC"}

package/dist/src/labs/SideNav/SideNavItemContentContext.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * Copyright (c) 2024-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.
+ */
+export type SideNavItemContentContextValue = {
+    isCompact?: boolean;
+    isSortable?: boolean;
+    depth: number;
+};
+export declare const SideNavItemContentContext: import("react").Context<SideNavItemContentContextValue>;
+export declare const useSideNavItemContent: () => SideNavItemContentContextValue;
+//# sourceMappingURL=SideNavItemContentContext.d.ts.map

package/dist/src/labs/SideNav/SideNavItemContentContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavItemContentContext.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemContentContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,MAAM,8BAA8B,GAAG;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,yBAAyB,yDAKlC,CAAC;AAEL,eAAO,MAAM,qBAAqB,sCACK,CAAC"}

package/dist/src/labs/SideNav/SideNavItemLinkContent.d.ts

@@ -11,6 +11,6 @@
  */
 import { ReactNode } from "react";
 import type { SideNavItem } from "./types";
-declare const MemoizedSideNavItemLinkContent: import("react").MemoExoticComponent<({ label, startIcon, endIcon, severity, statusLabel, }: Pick<SideNavItem, "label" | "startIcon" | "endIcon" | "severity" | "statusLabel">) => ReactNode>;
+declare const MemoizedSideNavItemLinkContent: import("react").MemoExoticComponent<({ count, label, startIcon, endIcon, severity, statusLabel, }: Pick<SideNavItem, "count" | "label" | "startIcon" | "endIcon" | "severity" | "statusLabel">) => ReactNode>;
 export { MemoizedSideNavItemLinkContent as SideNavItemLinkContent };
 //# sourceMappingURL=SideNavItemLinkContent.d.ts.map

package/dist/src/labs/SideNav/SideNavItemLinkContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavItemLinkContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemLinkContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,SAAS,EAAW,MAAM,OAAO,CAAC;AAOjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+D3C,QAAA,MAAM,8BAA8B,8FA/BjC,IAAI,CACL,WAAW,EACX,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAC/D,KAAG,SAAS,CA4BsD,CAAC;AAGpE,OAAO,EAAE,8BAA8B,IAAI,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"SideNavItemLinkContent.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavItemLinkContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,SAAS,EAAW,MAAM,OAAO,CAAC;AAOjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkE3C,QAAA,MAAM,8BAA8B,qGAzCjC,IAAI,CACL,WAAW,EACX,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CACzE,KAAG,SAAS,CAsCsD,CAAC;AAGpE,OAAO,EAAE,8BAA8B,IAAI,sBAAsB,EAAE,CAAC"}

package/dist/src/labs/SideNav/SideNavLogo.d.ts

@@ -0,0 +1,15 @@
+/*!
+ * Copyright (c) 2024-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 { SideNavLogoProps } from "./types";
+declare const MemoizedSideNavLogo: import("react").MemoExoticComponent<({ imageAltText, href, logoComponent, imageUrl, }: SideNavLogoProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedSideNavLogo as SideNavLogo };
+//# sourceMappingURL=SideNavLogo.d.ts.map

package/dist/src/labs/SideNav/SideNavLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavLogo.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavLogo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAuB3C,QAAA,MAAM,mBAAmB,yFAhBtB,gBAAgB,6CAgB0B,CAAC;AAG9C,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,CAAC"}

package/dist/src/labs/SideNav/SideNavToggleButton.d.ts

@@ -0,0 +1,38 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import type { ButtonProps as MuiButtonProps } from "@mui/material";
+import { HTMLAttributes } from "react";
+import { FocusHandle } from "../../inputUtils";
+export type SideNavToggleButtonProps = {
+    /**
+     * The ref forwarded to the Button
+     */
+    buttonRef?: React.RefObject<FocusHandle>;
+    /**
+     * The `id` of the item this button controls
+     */
+    ariaControls: string;
+    /**
+     * The ID of the Button
+     */
+    id?: string;
+    isSideNavCollapsed: boolean;
+    tabIndex?: HTMLAttributes<HTMLElement>["tabIndex"];
+    /**
+     * The click event handler for the Button
+     */
+    onClick?: MuiButtonProps["onClick"];
+    onKeyDown?: MuiButtonProps["onKeyDown"];
+};
+declare const MemoizedSideNavToggleButton: import("react").MemoExoticComponent<({ ariaControls, buttonRef, id, isSideNavCollapsed, onClick, tabIndex, }: SideNavToggleButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedSideNavToggleButton as SideNavToggleButton };
+//# sourceMappingURL=SideNavToggleButton.d.ts.map

package/dist/src/labs/SideNav/SideNavToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/SideNavToggleButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,cAAc,EAMf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAmH/C,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;IACnD;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAiFF,QAAA,MAAM,2BAA2B,gHAxE9B,wBAAwB,6CAwEkC,CAAC;AAG9D,OAAO,EAAE,2BAA2B,IAAI,mBAAmB,EAAE,CAAC"}

package/dist/src/labs/SideNav/SortableList/SortableItem.d.ts

@@ -0,0 +1,26 @@
+/*!
+ * Copyright (c) 2024-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 type { PropsWithChildren } from "react";
+import type { UniqueIdentifier } from "@dnd-kit/core";
+type ItemProps = {
+    id: UniqueIdentifier;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+};
+type DragHandleProps = {
+    isDisabled?: boolean;
+    isDragging?: boolean;
+};
+export declare const DragHandle: ({ isDragging }: DragHandleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortableItem: ({ id, isDisabled, isSelected, children, }: PropsWithChildren<ItemProps>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SortableItem.d.ts.map

package/dist/src/labs/SideNav/SortableList/SortableItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItem.d.ts","sourceRoot":"","sources":["../../../../../src/labs/SideNav/SortableList/SortableItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAiB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAEV,gBAAgB,EACjB,MAAM,eAAe,CAAC;AAYvB,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,gBAAgB,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAuFF,KAAK,eAAe,GAAG;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAAoB,eAAe,4CA8BzD,CAAC;AAEF,eAAO,MAAM,YAAY,8CAKtB,iBAAiB,CAAC,SAAS,CAAC,4CAuC9B,CAAC"}

package/dist/src/labs/SideNav/SortableList/SortableList.d.ts

@@ -0,0 +1,36 @@
+/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import React from "react";
+import type { ReactNode } from "react";
+import type { UniqueIdentifier } from "@dnd-kit/core";
+export interface BaseItem {
+    id: UniqueIdentifier;
+    isDisabled: boolean | undefined;
+    isSelected: boolean | undefined;
+    navItem: ReactNode;
+}
+interface ListProps<T extends BaseItem> {
+    parentId: string;
+    items: T[];
+    onChange(parentId: string, activeIndex: number, overIndex: number): void;
+    renderItem(item: T): ReactNode;
+}
+export declare const SortableList: {
+    <T extends BaseItem>({ parentId, items, onChange, renderItem, }: ListProps<T>): import("react/jsx-runtime").JSX.Element;
+    Item: ({ id, isDisabled, isSelected, children, }: React.PropsWithChildren<{
+        id: UniqueIdentifier;
+        isDisabled?: boolean;
+        isSelected?: boolean;
+    }>) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=SortableList.d.ts.map

package/dist/src/labs/SideNav/SortableList/SortableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../../../../../src/labs/SideNav/SortableList/SortableList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,KAAK,EAAyB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAW7E,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,gBAAgB,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,SAAS,CAAC,CAAC,SAAS,QAAQ;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzE,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,YAAY;KAAI,CAAC,SAAS,QAAQ,8CAK5C,SAAS,CAAC,CAAC,CAAC;;;;;;CAmEd,CAAC"}

package/dist/src/labs/SideNav/SortableList/SortableOverlay.d.ts

@@ -0,0 +1,17 @@
+/*!
+ * Copyright (c) 2024-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 type { PropsWithChildren } from "react";
+interface Props {
+}
+export declare function SortableOverlay({ children }: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SortableOverlay.d.ts.map

package/dist/src/labs/SideNav/SortableList/SortableOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableOverlay.d.ts","sourceRoot":"","sources":["../../../../../src/labs/SideNav/SortableList/SortableOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAe/C,UAAU,KAAK;CAAG;AAElB,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CAIrE"}

package/dist/src/labs/SideNav/types.d.ts

@@ -12,71 +12,108 @@
 import type { ReactElement } from "react";
 import type { HtmlProps } from "../../HtmlProps";
 import type { statusSeverityValues } from "../../Status";
+export type SideNavLogoProps = {
+    href?: string;
+} & ({
+    /**
+     * a component to render as the logo
+     */
+    logoComponent: ReactElement;
+    imageAltText?: never;
+    imageUrl?: never;
+} | {
+    /**
+     * The src url to render in an `img` tag
+     */
+    imageUrl: string;
+    /**
+     * alt text for the img logo
+     */
+    imageAltText: string;
+    logoComponent?: never;
+} | {
+    /**
+     * The src url to render in an `img` tag
+     */
+    imageUrl?: never;
+    /**
+     * alt text for the img logo
+     */
+    imageAltText?: never;
+    logoComponent?: never;
+});
 export type SideNavProps = {
     /**
      * Side Nav header text that is usually reserved to show the App name
      */
-    navHeaderText: string;
+    appName: string;
     /**
      *  Determines whether the side nav is collapsible
      */
     isCollapsible?: boolean;
     /**
-     *  Triggers when the side nav is collapsed
+     *  Determines whether the side nav items use compact layout
      */
-    onCollapse?(): void;
+    isCompact?: boolean;
     /**
-     *  Triggers when the side nav is expanded
+     *  Before the side nav has items, it will be in a loading state.
      */
-    onExpand?(): void;
+    isLoading?: boolean;
     /**
-     * Nav items in the side nav
+     * An optional logo component or src string for an img to display in the header. If not provided, will default to the Okta logo
      */
-    sideNavItems: SideNavItem[];
+    logoProps?: SideNavLogoProps;
     /**
-     * A CSS length string indicating the customizable expanded width of the SideNav container.
-     * (it will be smaller if isCollapsible and collapsed)
+     *  Triggers when the side nav is collapsed
      */
-    expandedWidth?: string;
+    onCollapse?(): void;
     /**
-     * An optional logo to display in the header. If not provided, will default to the Okta logo
+     *  Triggers when the side nav is expanded
      */
-    logo?: ReactElement;
-} & ({
+    onExpand?(): void;
     /**
-     * Footer items in the side nav
+     *  Triggers when the item is reordered
      */
-    footerItems?: SideNavFooterItem[];
+    onSort?(reorderedItems: SideNavItem[]): void;
     /**
-     * footerComponent cannot be used if footerItems are defined
+     * Nav items in the side nav
      */
-    footerComponent?: never;
-} | {
+    sideNavItems: SideNavItem[];
+} & ({
     /**
-     * footerItems cannot be used if footerComponent is defined
+     * The component to display as the footer; if present the `footerItems` are ignored and not rendered.
      */
+    footerComponent?: ReactElement;
     footerItems?: never;
+    hasCustomFooter: true;
+} | {
+    footerComponent?: never;
     /**
-     * The component to display as the footer; if present the `footerItems` are ignored and not rendered.
+     * Footer items in the side nav
      */
-    footerComponent?: ReactElement;
+    footerItems?: SideNavFooterItem[];
+    hasCustomFooter?: false;
 }) & Pick<HtmlProps, "testId">;
 export type SideNavItem = {
-    id: string;
-    label: string;
+    /**
+     * The number to display as a count alongside the nav item
+     */
+    count?: number;
     /**
      * The icon element to display at the end of the Nav Item
      */
     endIcon?: ReactElement;
+    id: string;
     /**
      * Whether the item is disabled. When set to true the nav item is set to Disabled color,
-     * the link/item is not clickable, and item with children is not expandable.
+     * the link/item is not clickable, and item with nestedNavItems is not expandable.
      */
     isDisabled?: boolean;
     /**
      * Whether the item is active/selected
      */
     isSelected?: boolean;
+    label: string;
     /**
      * Event fired when the nav item is clicked
      */
@@ -98,31 +135,35 @@ export type SideNavItem = {
      */
     target?: string;
 } & ({
+    nestedNavItems?: never;
+    href?: never;
+    isDefaultExpanded?: never;
+    isExpanded?: never;
     /**
      * Determines if the side nav item is a section header
      */
     isSectionHeader: true;
-    href?: never;
-    children?: never;
-    isDefaultExpanded?: never;
-    isExpanded?: never;
+    isSortable?: never;
 } | {
+    nestedNavItems?: never;
     /**
      * link added to the nav item. if it is undefined, static text will be displayed.
      * fires onClick event when it is passed
      */
-    href: string;
-    children?: never;
-    isSectionHeader?: never;
+    href?: string;
     isDefaultExpanded?: never;
     isExpanded?: never;
+    isSectionHeader?: never;
+    isSortable?: never;
 } | {
     /**
-     * An array of side nav items to be displayed as children within Accordion
+     * An array of side nav items to be displayed as nestedNavItems within Accordion
      */
-    children?: SideNavItem[];
+    nestedNavItems?: Array<Omit<SideNavItem, "startIcon" | "nestedNavItems">>;
+    endIcon?: never;
+    href?: never;
     /**
-     * Whether the accordion (nav item with children) is expanded by default
+     * Whether the accordion (nav item with nestedNavItems) is expanded by default
      */
     isDefaultExpanded?: boolean;
     /**
@@ -130,8 +171,11 @@ export type SideNavItem = {
      * Setting this prop enables control over the accordion.
      */
     isExpanded?: boolean;
+    /**
+     * If true, enables sorting for the accordion items
+     */
     isSectionHeader?: never;
-    href?: never;
+    isSortable?: boolean;
 });
 export type SideNavFooterItem = {
     href?: string;

package/dist/src/labs/SideNav/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,IAAI,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB;;OAEG;IACH,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,GAAG,CACA;IACE;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IACE;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;CAChC,CACJ,GACC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAE5B,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,CACA;IACE;;OAEG;IACH,eAAe,EAAE,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,GACD;IACE;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,GACD;IACE;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CACJ,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/labs/SideNav/types.ts"],"names":[],"mappings":"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"}

package/dist/src/labs/TopNav/TopNav.d.ts

@@ -0,0 +1,31 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import { type ReactElement } from "react";
+import type { HtmlProps } from "../../HtmlProps";
+export declare const TOP_NAV_HEIGHT = "4.571428571428571rem";
+export type TopNavProps = {
+    /**
+     * Whether or not the underlying content has been scrolled
+     */
+    isScrolled?: boolean;
+    /**
+     * React components that render into the left side of the top nav.
+     */
+    leftSideComponent?: ReactElement;
+    /**
+     * React components that render into the right side of the top nav.
+     */
+    rightSideComponent?: ReactElement;
+} & Pick<HtmlProps, "testId">;
+declare const MemoizedTopNav: import("react").MemoExoticComponent<({ isScrolled, leftSideComponent, rightSideComponent, }: TopNavProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedTopNav as TopNav };
+//# sourceMappingURL=TopNav.d.ts.map

package/dist/src/labs/TopNav/TopNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNav.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/TopNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAMjD,eAAO,MAAM,cAAc,yBAAkB,CAAC;AAiC9C,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC;;OAEG;IACH,kBAAkB,CAAC,EAAE,YAAY,CAAC;CACnC,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAwB9B,QAAA,MAAM,cAAc,+FAlBjB,WAAW,6CAkBqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/labs/TopNav/TopNavLinksList.d.ts

@@ -0,0 +1,44 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+import { type ReactElement } from "react";
+import type { HtmlProps } from "../../HtmlProps";
+import { TopNavListItemProps } from "./TopNavListItem";
+import { UserProfileProps } from "./UserProfile";
+export type TopNavLinksListProps = {
+    /**
+     * Pass in an additional component like `Button` that will be displayed after the nav link items
+     */
+    additionalNavItem?: ReactElement;
+    /**
+     * URL to the help page.
+     */
+    helpPageHref?: string;
+    /**
+     *  Pass in a SearchField component with the variant="filled" prop set
+     */
+    searchField?: ReactElement;
+    /**
+     * URL to settings page.
+     */
+    settingsPageHref?: string;
+    /**
+     * Nav links in the top nav
+     */
+    topNavLinkItems: TopNavListItemProps[];
+    /**
+     * Displays user account info
+     */
+    userProfile?: UserProfileProps;
+} & Pick<HtmlProps, "testId">;
+declare const MemoizedTopNavLinksList: import("react").MemoExoticComponent<({ topNavLinkItems }: TopNavLinksListProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedTopNavLinksList as TopNavLinksList };
+//# sourceMappingURL=TopNavLinksList.d.ts.map

package/dist/src/labs/TopNav/TopNavLinksList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavLinksList.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/TopNavLinksList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,mBAAmB,EAAE,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAoB9B,QAAA,MAAM,uBAAuB,4DAViB,oBAAoB,6CAUb,CAAC;AAGtD,OAAO,EAAE,uBAAuB,IAAI,eAAe,EAAE,CAAC"}

package/dist/src/labs/TopNav/TopNavListItem.d.ts

@@ -0,0 +1,42 @@
+/*!
+ * Copyright (c) 2024-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 { KeyboardEventHandler, MouseEventHandler } from "react";
+export type TopNavListItemProps = {
+    /**
+     * Without a hyperlink reference, `onClick` functionality will not function.
+     * If `undefined`, static text will be displayed.
+     */
+    href?: string;
+    /**
+     * HTML `id` attribute.
+     */
+    id: string;
+    /**
+     * Determines whether the link item is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Display text for the link.
+     */
+    label: string;
+    /**
+     * Handles both mouse and keyboard interactions.
+     */
+    onClick?: MouseEventHandler<HTMLAnchorElement> & MouseEventHandler<HTMLDivElement> & KeyboardEventHandler<HTMLDivElement>;
+    /**
+     * Where to display the linked URL.
+     */
+    target?: string;
+};
+declare const MemoizedTopNavListItem: import("react").MemoExoticComponent<({ href, id, isDisabled, label, onClick, target, }: TopNavListItemProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedTopNavListItem as TopNavListItem };
+//# sourceMappingURL=TopNavListItem.d.ts.map

package/dist/src/labs/TopNav/TopNavListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavListItem.d.ts","sourceRoot":"","sources":["../../../../src/labs/TopNav/TopNavListItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAmFf,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAC5C,iBAAiB,CAAC,cAAc,CAAC,GACjC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA4EF,QAAA,MAAM,sBAAsB,0FAnEzB,mBAAmB,6CAmE6B,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}

package/dist/src/labs/TopNav/UserProfile.d.ts

@@ -0,0 +1,29 @@
+/*!
+ * Copyright (c) 2024-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 { type ReactElement } from "react";
+export type UserProfileProps = {
+    /**
+     * Logged in user profile icon to be displayed in the top nav
+     */
+    profileIcon?: ReactElement;
+    /**
+     * Logged in user info to be displayed in the top nav
+     */
+    userName: string;
+    /**
+     * Org name of the logged in user
+     */
+    orgName: string;
+};
+declare const MemoizedUserProfile: import("react").MemoExoticComponent<({ profileIcon, userName, orgName }: UserProfileProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedUserProfile as UserProfile };
+//# sourceMappingURL=UserProfile.d.ts.map