opus-toolkit-components 1.6.5 → 1.6.7

package/lib/index.d.ts

@@ -1,232 +1,206 @@
 declare module "opus-toolkit-components" {
   import * as React from "react";
 
-  export namespace OpusToolkitComponents {
-    // Accordion
-    export interface AccordionProps {
-      items?: any[];
-      className?: string;
-    }
-    export const Accordion: React.ComponentType<AccordionProps>;
-
-    // Button
-    export interface ButtonProps {
-      children?: React.ReactNode;
-      variant?: string;
-      rank?: string;
-      disabled?: boolean;
-      onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-      className?: string;
-      name?: string;
-      ["data-cy"]?: string;
-    }
-    export const Button: React.ComponentType<ButtonProps>;
-
-    // Card
-    export interface CardProps {
-      children?: React.ReactNode;
-      className?: string;
-    }
-    export const Card: React.ComponentType<CardProps>;
-
-    // Input
-    export interface InputProps {
-      name?: string;
-      value?: string | number;
-      placeholder?: string;
-      onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-      className?: string;
-      ["data-cy"]?: string;
-    }
-    export const Input: React.ComponentType<InputProps>;
-
-    // DatePicker
-    export interface DatePickerProps {
-      name?: string;
-      initialDate?: Date | string;
-      label?: string;
-      onChange?: (event: any) => void;
-      className?: string;
-    }
-    export const DatePicker: React.ComponentType<DatePickerProps>;
-
-    // Radio
-    export interface RadioButtonProps {
-      name?: string;
-      value?: string;
-      checked?: boolean;
-      onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    }
-    export const RadioButton: React.ComponentType<RadioButtonProps>;
-
-    // Checkbox
-    export interface CheckboxProps {
-      name?: string;
-      checked?: boolean;
-      onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-      label?: string;
-    }
-    export const Checkbox: React.ComponentType<CheckboxProps>;
-
-    // Table
-    export interface TableProps {
-      columns: any[];
-      data: any[];
-      className?: string;
-    }
-    export const Table: React.ComponentType<TableProps>;
-
-    // Dropdown
-    export interface DropdownProps {
-      name?: string;
-      value?: string;
-      options?: { label: string; value: string }[];
-      onChange?: (event: any) => void;
-      className?: string;
-      ["data-cy"]?: string;
-    }
-    export const Dropdown: React.ComponentType<DropdownProps>;
-
-    // Navbar
-    export interface NavbarProps {
-      children?: React.ReactNode;
-      className?: string;
-    }
-    export const Navbar: React.ComponentType<NavbarProps>;
-
-    // Modal
-    export interface ModalProps {
-      open: boolean;
-      onClose: () => void;
-      children?: React.ReactNode;
-      title?: string;
-      className?: string;
-    }
-    export const Modal: React.ComponentType<ModalProps>;
-
-    // Loader
-    export interface LoaderProps {
-      size?: number | string;
-      className?: string;
-    }
-    export const Loader: React.ComponentType<LoaderProps>;
-
-    // Pill
-    export interface PillProps {
-      label: string;
-      variant?: string;
-      className?: string;
-    }
-    export const Pill: React.ComponentType<PillProps>;
-
-    // CookieBanner
-    export interface CookieBannerProps {
-      message?: string;
-      acceptLabel?: string;
-      declineLabel?: string;
-      onAccept?: () => void;
-      onDecline?: () => void;
-    }
-    export const CookieBanner: React.ComponentType<CookieBannerProps>;
-
-    // Text
-    export interface TextProps {
-      variant?: string;
-      as?: keyof JSX.IntrinsicElements;
-      children?: React.ReactNode;
-      className?: string;
-    }
-    export const Text: React.ComponentType<TextProps>;
-
-    // Sidebar
-    export interface SidebarProps {
-      open?: boolean;
-      onClose?: () => void;
-      children?: React.ReactNode;
-    }
-    export const Sidebar: React.ComponentType<SidebarProps>;
-
-    // Header
-    export interface HeaderProps {
-      title?: string;
-      actions?: React.ReactNode;
-      className?: string;
-    }
-    export const Header: React.ComponentType<HeaderProps>;
-
-    // Icon
-    export interface IconProps {
-      name: string;
-      size?: number | string;
-      className?: string;
-    }
-    export const Icon: React.ComponentType<IconProps>;
-
-    // Footer
-    export interface FooterProps {
-      left?: React.ReactNode;
-      center?: React.ReactNode;
-      right?: React.ReactNode;
-      className?: string;
-    }
-    export const Footer: React.ComponentType<FooterProps>;
-
-    // BarLayout
-    export interface BarLayoutProps {
-      left?: React.ReactNode;
-      center?: React.ReactNode;
-      right?: React.ReactNode;
-      className?: string;
-    }
-    export const BarLayout: React.ComponentType<BarLayoutProps>;
-
-    // PageTemplate
-    export interface PageTemplateProps {
-      headerTitle?: string;
-      headerLeft?: React.ReactNode;
-      headerCenter?: React.ReactNode;
-      headerRight?: React.ReactNode;
-
-      footerLeft?: React.ReactNode;
-      footerCenter?: React.ReactNode;
-      footerRight?: React.ReactNode;
-
-      children?: React.ReactNode;
-      className?: string;
-    }
-    export const PageTemplate: React.ComponentType<PageTemplateProps>;
-
-    // ProfileCard
-    export interface ProfileCardProps {
-      name: string;
-      description?: string;
-      avatarUrl?: string;
-      className?: string;
-    }
-    export const ProfileCard: React.ComponentType<ProfileCardProps>;
-  }
-
-  // Export all components at root level too
-  export import Accordion = OpusToolkitComponents.Accordion;
-  export import Button = OpusToolkitComponents.Button;
-  export import Card = OpusToolkitComponents.Card;
-  export import Input = OpusToolkitComponents.Input;
-  export import DatePicker = OpusToolkitComponents.DatePicker;
-  export import RadioButton = OpusToolkitComponents.RadioButton;
-  export import Checkbox = OpusToolkitComponents.Checkbox;
-  export import Table = OpusToolkitComponents.Table;
-  export import Dropdown = OpusToolkitComponents.Dropdown;
-  export import Navbar = OpusToolkitComponents.Navbar;
-  export import Modal = OpusToolkitComponents.Modal;
-  export import Loader = OpusToolkitComponents.Loader;
-  export import Pill = OpusToolkitComponents.Pill;
-  export import CookieBanner = OpusToolkitComponents.CookieBanner;
-  export import Text = OpusToolkitComponents.Text;
-  export import Sidebar = OpusToolkitComponents.Sidebar;
-  export import Header = OpusToolkitComponents.Header;
-  export import Icon = OpusToolkitComponents.Icon;
-  export import Footer = OpusToolkitComponents.Footer;
-  export import BarLayout = OpusToolkitComponents.BarLayout;
-  export import PageTemplate = OpusToolkitComponents.PageTemplate;
-  export import ProfileCard = OpusToolkitComponents.ProfileCard;
+  // Accordion
+  export interface AccordionProps {
+    items?: any[];
+    className?: string;
+  }
+  export const Accordion: React.ComponentType<AccordionProps>;
+
+  // Button
+  export interface ButtonProps {
+    children?: React.ReactNode;
+    variant?: string;
+    rank?: string;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+    name?: string;
+    ["data-cy"]?: string;
+  }
+  export const Button: React.ComponentType<ButtonProps>;
+
+  // Card
+  export interface CardProps {
+    children?: React.ReactNode;
+    className?: string;
+  }
+  export const Card: React.ComponentType<CardProps>;
+
+  // Input
+  export interface InputProps {
+    name?: string;
+    value?: string | number;
+    placeholder?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    ["data-cy"]?: string;
+  }
+  export const Input: React.ComponentType<InputProps>;
+
+  // DatePicker
+  export interface DatePickerProps {
+    name?: string;
+    initialDate?: Date | string;
+    label?: string;
+    onChange?: (event: any) => void;
+    className?: string;
+  }
+  export const DatePicker: React.ComponentType<DatePickerProps>;
+
+  // Radio
+  export interface RadioButtonProps {
+    name?: string;
+    value?: string;
+    checked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  }
+  export const RadioButton: React.ComponentType<RadioButtonProps>;
+
+  // Checkbox
+  export interface CheckboxProps {
+    name?: string;
+    checked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    label?: string;
+  }
+  export const Checkbox: React.ComponentType<CheckboxProps>;
+
+  // Table
+  export interface TableProps {
+    columns: any[];
+    data: any[];
+    className?: string;
+  }
+  export const Table: React.ComponentType<TableProps>;
+
+  // Dropdown
+  export interface DropdownProps {
+    name?: string;
+    value?: string;
+    options?: { label: string; value: string }[];
+    onChange?: (event: any) => void;
+    className?: string;
+    ["data-cy"]?: string;
+  }
+  export const Dropdown: React.ComponentType<DropdownProps>;
+
+  // Navbar
+  export interface NavbarProps {
+    children?: React.ReactNode;
+    className?: string;
+  }
+  export const Navbar: React.ComponentType<NavbarProps>;
+
+  // Modal
+  export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    children?: React.ReactNode;
+    title?: string;
+    className?: string;
+  }
+  export const Modal: React.ComponentType<ModalProps>;
+
+  // Loader
+  export interface LoaderProps {
+    size?: number | string;
+    className?: string;
+  }
+  export const Loader: React.ComponentType<LoaderProps>;
+
+  // Pill
+  export interface PillProps {
+    label: string;
+    variant?: string;
+    className?: string;
+  }
+  export const Pill: React.ComponentType<PillProps>;
+
+  // CookieBanner
+  export interface CookieBannerProps {
+    message?: string;
+    acceptLabel?: string;
+    declineLabel?: string;
+    onAccept?: () => void;
+    onDecline?: () => void;
+  }
+  export const CookieBanner: React.ComponentType<CookieBannerProps>;
+
+  // Text
+  export interface TextProps {
+    variant?: string;
+    as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
+    className?: string;
+  }
+  export const Text: React.ComponentType<TextProps>;
+
+  // Sidebar
+  export interface SidebarProps {
+    open?: boolean;
+    onClose?: () => void;
+    children?: React.ReactNode;
+  }
+  export const Sidebar: React.ComponentType<SidebarProps>;
+
+  // Header
+  export interface HeaderProps {
+    title?: string;
+    actions?: React.ReactNode;
+    className?: string;
+  }
+  export const Header: React.ComponentType<HeaderProps>;
+
+  // Icon
+  export interface IconProps {
+    name: string;
+    size?: number | string;
+    className?: string;
+  }
+  export const Icon: React.ComponentType<IconProps>;
+
+  // Footer
+  export interface FooterProps {
+    left?: React.ReactNode;
+    center?: React.ReactNode;
+    right?: React.ReactNode;
+    className?: string;
+  }
+  export const Footer: React.ComponentType<FooterProps>;
+
+  // BarLayout
+  export interface BarLayoutProps {
+    left?: React.ReactNode;
+    center?: React.ReactNode;
+    right?: React.ReactNode;
+    className?: string;
+  }
+  export const BarLayout: React.ComponentType<BarLayoutProps>;
+
+  // PageTemplate
+  export interface PageTemplateProps {
+    headerTitle?: string;
+    headerLeft?: React.ReactNode;
+    headerCenter?: React.ReactNode;
+    headerRight?: React.ReactNode;
+
+    footerLeft?: React.ReactNode;
+    footerCenter?: React.ReactNode;
+    footerRight?: React.ReactNode;
+
+    children?: React.ReactNode;
+    className?: string;
+  }
+  export const PageTemplate: React.ComponentType<PageTemplateProps>;
+
+  // ProfileCard
+  export interface ProfileCardProps {
+    name: string;
+    description?: string;
+    avatarUrl?: string;
+    className?: string;
+  }
+  export const ProfileCard: React.ComponentType<ProfileCardProps>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opus-toolkit-components",
-  "version": "1.6.5",
+  "version": "1.6.7",
   "private": false,
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
@@ -114,9 +114,10 @@
   ],
   "exports": {
     ".": {
+      "types": "./lib/index.d.ts",
       "import": "./lib/opus-components.main.js",
       "require": "./lib/opus-components.main.js",
-      "types": "./lib/index.d.ts"
+      "default": "./lib/opus-components.main.js"
     }
   },
   "directories": {