@internxt/ui 0.1.4 → 0.1.5

package/dist/components/index.d.ts

@@ -27,3 +27,4 @@ export * from './switch';
 export * from './table/Table';
 export * from './textArea';
 export * from './tooltip';
+export * from './sidenav';

package/dist/components/popover/Popover.d.ts

@@ -4,6 +4,7 @@ export interface PopoverProps {
     panel: (closePopover: () => void) => ReactNode;
     className?: string;
     classButton?: string;
+    align?: 'left' | 'right';
 }
 /**
  * Popover component
@@ -25,5 +26,5 @@ export interface PopoverProps {
  * @returns {JSX.Element}
  * - The rendered Popover component.
  */
-declare const Popover: ({ childrenButton, panel, className, classButton }: PopoverProps) => JSX.Element;
+declare const Popover: ({ childrenButton, panel, className, classButton, align }: PopoverProps) => JSX.Element;
 export default Popover;

package/dist/components/sidenav/Sidenav.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { SidenavOption } from './SidenavOptions';
+export interface SidenavHeader {
+    logo: string;
+    title: string;
+    onClick: () => void;
+    className?: string;
+}
+export interface SidenavStorage {
+    usage: string;
+    limit: string;
+    percentage: number;
+    onUpgradeClick: () => void;
+    upgradeLabel?: string;
+    isLoading?: boolean;
+}
+export interface SidenavProps {
+    header: SidenavHeader;
+    primaryAction?: ReactNode;
+    suiteLauncher?: {
+        className?: string;
+        suiteArray: {
+            icon: JSX.Element;
+            title: string;
+            onClick: () => void;
+            isMain?: boolean;
+            availableSoon?: boolean;
+            isLocked?: boolean;
+        }[];
+        soonText: string;
+    };
+    collapsedPrimaryAction?: ReactNode;
+    options: SidenavOption[];
+    showSubsections?: boolean;
+    isCollapsed?: boolean;
+    storage?: SidenavStorage;
+    onToggleCollapse?: () => void;
+}
+/**
+ * Sidenav component
+ *
+ * A custom sidenav component that provides a sidebar with options for navigation and interaction.
+ *
+ * @property {SidenavHeader} header - Header configuration with logo, title, and onClick handler
+ * @property {ReactNode} primaryAction - The primary action displayed at the top of the sidenav
+ * @property {object} suiteLauncher - The suite launcher configuration
+ * @property {ReactNode} collapsedPrimaryAction - The primary action displayed when the sidenav is collapsed
+ * @property {SidenavOption[]} options - An array of options to be displayed in the sidenav. Each option can specify an 'as' prop to use a custom component (e.g., NavLink)
+ * @property {boolean} showSubsections - Determines whether to display the subsections of the sidenav
+ * @property {boolean} isCollapsed - Determines whether the sidenav is collapsed or not
+ * @property {SidenavStorage} storage - The storage information displayed at the bottom of the sidenav
+ * @property {() => void} onToggleCollapse - A callback function triggered when the collapse button is clicked
+ */
+declare const Sidenav: ({ header, primaryAction, suiteLauncher, collapsedPrimaryAction, options, showSubsections, isCollapsed, storage, onToggleCollapse, }: SidenavProps) => import("react/jsx-runtime").JSX.Element;
+export default Sidenav;

package/dist/components/sidenav/SidenavHeader.d.ts

@@ -0,0 +1,22 @@
+interface SidenavHeaderProps {
+    logo: string;
+    title: string;
+    onClick: () => void;
+    isCollapsed: boolean;
+    className?: string;
+    onToggleCollapse?: () => void;
+    suiteLauncher?: {
+        className?: string;
+        suiteArray: {
+            icon: JSX.Element;
+            title: string;
+            onClick: () => void;
+            isMain?: boolean;
+            availableSoon?: boolean;
+            isLocked?: boolean;
+        }[];
+        soonText: string;
+    };
+}
+declare const SidenavHeader: ({ logo, title, onClick, isCollapsed, className, onToggleCollapse, suiteLauncher, }: SidenavHeaderProps) => JSX.Element;
+export default SidenavHeader;

package/dist/components/sidenav/SidenavItem.d.ts

@@ -0,0 +1,13 @@
+import { IconProps } from '@phosphor-icons/react';
+interface SidenavItemProps {
+    label: string;
+    notifications?: number;
+    Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+    onClick?: () => void;
+    iconDataCy?: string;
+    isActive?: boolean;
+    isCollapsed?: boolean;
+    subsection?: boolean;
+}
+declare const SidenavItem: ({ label, Icon, onClick, notifications, iconDataCy, isActive, isCollapsed, subsection, }: SidenavItemProps) => JSX.Element;
+export default SidenavItem;

package/dist/components/sidenav/SidenavOptions.d.ts

@@ -0,0 +1,18 @@
+import { Icon } from '@phosphor-icons/react';
+export interface SidenavOption {
+    label: string;
+    icon: Icon;
+    iconDataCy: string;
+    isVisible: boolean;
+    isActive?: boolean;
+    notifications?: number;
+    onClick?: () => void;
+    subsection?: boolean;
+}
+interface SidenavOptionsProps {
+    options: SidenavOption[];
+    isCollapsed: boolean;
+    showSubsections?: boolean;
+}
+declare const SidenavOptions: ({ options, isCollapsed, showSubsections }: SidenavOptionsProps) => JSX.Element;
+export default SidenavOptions;

package/dist/components/sidenav/SidenavStorage.d.ts

@@ -0,0 +1,10 @@
+interface SidenavStorageProps {
+    usage: string;
+    limit: string;
+    percentage: number;
+    onUpgradeClick: () => void;
+    upgradeLabel?: string;
+    isLoading?: boolean;
+}
+declare const SidenavStorage: ({ usage, limit, percentage, onUpgradeClick, upgradeLabel, isLoading, }: SidenavStorageProps) => JSX.Element;
+export default SidenavStorage;

package/dist/components/sidenav/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Sidenav } from './Sidenav';
+export { default as SidenavItem } from './SidenavItem';
+export type { SidenavOption } from './SidenavOptions';
+export type { SidenavHeader, SidenavProps, SidenavStorage } from './Sidenav';

package/dist/components/suiteLauncher/SuiteLauncher.d.ts

@@ -9,6 +9,7 @@ export interface SuiteLauncherProps {
         isLocked?: boolean;
     }[];
     soonText?: string;
+    align?: 'left' | 'right';
 }
 /**
  * SuiteLauncher renders a dropdown menu with a list of suite applications.
@@ -28,4 +29,4 @@ export interface SuiteLauncherProps {
  * @returns {JSX.Element}
  * - The rendered suiteLauncher component.
  */
-export default function SuiteLauncher({ className, suiteArray, soonText, }: Readonly<SuiteLauncherProps>): JSX.Element;
+export default function SuiteLauncher({ className, suiteArray, soonText, align, }: Readonly<SuiteLauncherProps>): JSX.Element;