opus-toolkit-components 1.8.4 → 1.8.6

package/lib/components/Footer/index.d.ts

@@ -1,8 +1,8 @@
-export interface FooterProps {
-  left?: React.ReactNode;
-  center?: React.ReactNode;
-  right?: React.ReactNode;
-  className?: string;
-}
-
-export const Footer: React.ComponentType<FooterProps>;
+export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
+  left?: React.ReactNode;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
+
+export const Footer: React.ComponentType<FooterProps>;

package/lib/components/Icon/index.d.ts

@@ -1,15 +1,27 @@
-export type HeroIconName = keyof typeof HeroIcons;
-export type C247IconName = keyof typeof C247Icons;
-export type IconName = HeroIconName | C247IconName;
-
-export type IconLibrary = "hero" | "c247";
-
-export interface IconProps extends React.SVGProps<SVGSVGElement> {
-  name: IconName;
-  library?: IconLibrary;
-  size?: number;
-  className?: string;
-  color?: string;
-}
-
-export const Icon: React.FC<IconProps>;
+import type * as HeroIcons from "@heroicons/react/24/solid";
+
+export type HeroIconName = keyof typeof HeroIcons;
+export type C247IconName =
+  | "C247Billing"
+  | "C247Dashboard"
+  | "C247Deployment"
+  | "C247Form"
+  | "C247Planner"
+  | "C247Reports"
+  | "C247Screening"
+  | "C247Settings"
+  | "C247Support"
+  | "C247Tasks";
+export type IconName = HeroIconName | C247IconName;
+
+export type IconLibrary = "hero" | "c247";
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  name: IconName;
+  library?: IconLibrary;
+  size?: number;
+  className?: string;
+  color?: string;
+}
+
+export const Icon: React.FC<IconProps>;

package/lib/components/Loader/index.d.ts

@@ -1,8 +1,8 @@
-export interface LoaderProps {
-  isLoading: boolean;
-  loaderText?: string;
-  customLoader?: React.ReactNode;
-  className?: string;
-}
-
-export const Loader: React.FC<LoaderProps>;
+export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  isLoading: boolean;
+  loaderText?: string;
+  customLoader?: React.ReactNode;
+  className?: string;
+}
+
+export const Loader: React.FC<LoaderProps>;

package/lib/components/PageTemplate/index.d.ts

@@ -1,4 +1,15 @@
+import type { SidebarMenu, SidebarUser } from "../Sidebar";
+
 export interface PageTemplateProps {
+  sidebarMenus?: SidebarMenu[];
+  sidebarUser?: SidebarUser;
+  sidebarActiveItem?: string | number | null;
+  onSidebarItemClick?: (key: string | number) => void;
+  sidebarLogo?: string;
+  sidebarSearchValue?: string;
+  onSidebarSearchChange?: (value: string) => void;
+  sidebarOpenGroupKey?: string | number | null;
+  onSidebarGroupToggle?: (openGroupKey: string | number | null) => void;
   headerTitle?: string;
   headerCenter?: React.ReactNode;
   headerRight?: React.ReactNode;

package/lib/components/Sidebar/index.d.ts

@@ -1,53 +1,57 @@
-export interface SidebarMenuItem {
-  key: string | number;
-  name: string;
-  icon?: string;
-  href?: string;
-}
-
-export interface SidebarMenuGroup {
-  key: string | number;
-  name: string;
-  children: SidebarMenuItem[];
-}
-
-export type SidebarMenu = SidebarMenuItem | SidebarMenuGroup;
-
-export interface SidebarUser {
-  id: string | number;
-  name: string;
-  role: string;
-  avatar?: string;
-}
-
-export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
-  menus: SidebarMenu[];
-  user: SidebarUser;
-
-  /** Currently selected (active) menu item */
-  activeItem?: string | number | null;
-  onItemClick?: (key: string | number) => void;
-
-  /** Optional logo override */
-  logo?: string;
-
-  /** Controlled search input state */
-  searchValue?: string;
-  onSearchChange?: (value: string) => void;
-
-  /**
-   * REQUIRED.
-   * Key of the currently expanded group.
-   * Set to `null` to collapse all groups.
-   */
-  openGroupKey: string | number | null;
-
-  /**
-   * REQUIRED.
-   * Fired when the open group changes.
-   * Receives the NEXT openGroupKey value.
-   */
-  onGroupToggle: (openGroupKey: string | number | null) => void;
-}
-
-export const Sidebar: React.FC<SidebarProps>;
+import type { IconProps } from "../Icon";
+
+export interface SidebarMenuItem {
+  key: string | number;
+  name: string;
+  path?: string;
+  href?: string;
+  iconProps?: IconProps;
+  onClick?: (key: string | number) => void;
+}
+
+export interface SidebarMenuGroup {
+  key: string | number;
+  name: string;
+  iconProps?: IconProps;
+  children: SidebarMenuItem[];
+}
+
+export type SidebarMenu = SidebarMenuItem | SidebarMenuGroup;
+
+export interface SidebarUser {
+  id: string | number;
+  name: string;
+  role: string;
+  avatar?: string;
+}
+
+export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+  menus: SidebarMenu[];
+  user: SidebarUser;
+
+  /** Currently selected (active) menu item */
+  activeItem?: string | number | null;
+  onItemClick?: (key: string | number) => void;
+
+  /** Optional logo override */
+  logo?: string;
+
+  /** Controlled search input state */
+  searchValue?: string;
+  onSearchChange?: (value: string) => void;
+
+  /**
+   * Optional controlled key of the currently expanded group.
+   * Set to `null` to collapse all groups.
+   * When omitted, the Sidebar manages expansion state internally.
+   */
+  openGroupKey?: string | number | null;
+
+  /**
+   * Optional controlled change handler.
+   * Receives the NEXT openGroupKey value.
+   */
+  onGroupToggle?: (openGroupKey: string | number | null) => void;
+}
+
+export const Sidebar: React.FC<SidebarProps>;