opus-toolkit-components 1.6.1 → 1.6.3

package/lib/index.d.ts

@@ -0,0 +1,206 @@
+declare module "opus-toolkit-components" {
+  import * as React from "react";
+
+  // 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>;
+}