opus-toolkit-components 1.7.8 → 1.8.0

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

@@ -1,19 +1,19 @@
-  // Accordion Typescript Definitions - update when new props added
-  export interface AccordionProps {
-    title: string | React.ReactNode;
-    handleToggle?: (index: number) => void;
-    activeIndex?: number;
-    index: number;
-    isPreview?: boolean;
-    isLocked?: boolean;
-    onExitPreview?: () => void;
-    content: React.ReactNode;
-    preview?: React.ReactNode;
-    isPill?: boolean;
-    pillText?: string;
-    pillStatus?: "success" | "warning" | "error" | "info" | string;
-    pillIcon?: React.ReactNode;
-    disabled?: boolean;
-  }
+// Accordion Typescript Definitions - update when new props added
+export interface AccordionProps {
+  title: string | React.ReactNode;
+  handleToggle?: (index: number) => void;
+  activeIndex?: number;
+  index: number;
+  isPreview?: boolean;
+  isLocked?: boolean;
+  onExitPreview?: () => void;
+  content: React.ReactNode;
+  preview?: React.ReactNode;
+  isPill?: boolean;
+  pillText?: string;
+  pillStatus?: "success" | "warning" | "error" | "info" | string;
+  pillIcon?: React.ReactNode;
+  disabled?: boolean;
+}
 
-  export const Accordion: React.ComponentType<AccordionProps>;
+export const Accordion: React.ComponentType<AccordionProps>;

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

@@ -1,8 +1,8 @@
-  export interface BarLayoutProps {
-    left?: React.ReactNode;
-    center?: React.ReactNode;
-    right?: React.ReactNode;
-    className?: string;
-  }
+export interface BarLayoutProps {
+  left?: React.ReactNode;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
 
-  export const BarLayout: React.ComponentType<BarLayoutProps>;
+export const BarLayout: React.ComponentType<BarLayoutProps>;

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

@@ -1,37 +1,36 @@
 export type ButtonRank =
-    | "primary"
-    | "secondary"
-    | "tertiary"
-    | "outline"
-    | "destructive";
+  | "primary"
+  | "secondary"
+  | "tertiary"
+  | "outline"
+  | "destructive";
 
-  export type ButtonState = "default" | "disabled";
+export type ButtonState = "default" | "disabled";
 
-  export type ButtonSize = "sm" | "md" | "lg" | "xl" | string;
+export type ButtonSize = "sm" | "md" | "lg" | "xl" | string;
 
-  export type IconComponent = (
-    props: React.SVGProps<SVGSVGElement>,
-  ) => JSX.Element;
+export type IconComponent = (
+  props: React.SVGProps<SVGSVGElement>,
+) => JSX.Element;
 
-  export interface ButtonProps
-    extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    type?: "button" | "submit" | "reset";
-    rank?: ButtonRank;
-    state?: ButtonState;
-    text?: string;
-    size?: ButtonSize;
-    name?: string;
-    dataCy?: string;
-    tabIndex?: number;
-    isFullWidth?: boolean;
-    icon?: IconComponent;
-    iconPosition?: "left" | "right";
-    isIconAnimated?: boolean;
-    isSaving?: boolean;
-    savingText?: string;
-    className?: string;
-    title?: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  }
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  type?: "button" | "submit" | "reset";
+  rank?: ButtonRank;
+  state?: ButtonState;
+  text?: string;
+  size?: ButtonSize;
+  name?: string;
+  dataCy?: string;
+  tabIndex?: number;
+  isFullWidth?: boolean;
+  icon?: IconComponent;
+  iconPosition?: "left" | "right";
+  isIconAnimated?: boolean;
+  isSaving?: boolean;
+  savingText?: string;
+  className?: string;
+  title?: string;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
 
-  export const Button: React.ComponentType<ButtonProps>;
+export const Button: React.ComponentType<ButtonProps>;

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

@@ -1,16 +1,16 @@
- export type CardIntent =
-    | "default"
-    | "info"
-    | "warning"
-    | "success"
-    | "error"
-    | "brand"
-    | "brandSecondary";
+export type CardIntent =
+  | "default"
+  | "info"
+  | "warning"
+  | "success"
+  | "error"
+  | "brand"
+  | "brandSecondary";
 
-  export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-    intent?: CardIntent;
-    className?: string;
-    children?: React.ReactNode;
-  }
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+  intent?: CardIntent;
+  className?: string;
+  children?: React.ReactNode;
+}
 
-  export const Card: React.ComponentType<CardProps>;
+export const Card: React.ComponentType<CardProps>;

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

@@ -1,11 +1,11 @@
 export interface CookieBannerProps {
-    logo?: string;
-    policyTxt?: string;
-    linkTxt?: string;
-    isVisible?: boolean;
-    onAccept?: () => void;
-    onLearnMore?: () => void;
-    intent?: string;
-  }
+  logo?: string;
+  policyTxt?: string;
+  linkTxt?: string;
+  isVisible?: boolean;
+  onAccept?: () => void;
+  onLearnMore?: () => void;
+  intent?: string;
+}
 
-  export const CookieBanner: React.ComponentType<CookieBannerProps>;
+export const CookieBanner: React.ComponentType<CookieBannerProps>;

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 interface FooterProps {
+  left?: React.ReactNode;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
 
-  export const Footer: React.ComponentType<FooterProps>;
+export const Footer: React.ComponentType<FooterProps>;

package/lib/components/Forms/Checkbox/index.d.ts

@@ -1,20 +1,20 @@
 export interface CheckboxChangeEvent {
-    target: {
-      name: string;
-      value: boolean;
-    };
-  }
-
-  export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
-    label: string;
+  target: {
     name: string;
-    onChange?: (event: CheckboxChangeEvent) => void;
-    value?: boolean;
-    isValid?: boolean;
-    errorMessage?: string;
-    disabled?: boolean;
-    title?: string;
-    dataCy?: string;
-  }
+    value: boolean;
+  };
+}
+
+export interface CheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+  label: string;
+  name: string;
+  onChange?: (event: CheckboxChangeEvent) => void;
+  value?: boolean;
+  isValid?: boolean;
+  errorMessage?: string;
+  disabled?: boolean;
+  title?: string;
+  dataCy?: string;
+}
 
-  export const Checkbox: React.ComponentType<CheckboxProps>;
+export const Checkbox: React.ComponentType<CheckboxProps>;

package/lib/components/Forms/Datepickers/index.d.ts

@@ -1,24 +1,23 @@
 export interface DatePickerChangeEvent {
-    target: {
-      name: string;
-      value: string;
-    };
-  }
+  target: {
+    name: string;
+    value: string;
+  };
+}
 
-  export interface DatePickerProps
-    extends React.HTMLAttributes<HTMLDivElement> {
-    initialDate?: string;
-    label?: string;
-    isValid?: boolean;
-    errorMessage?: string;
-    name?: string;
-    onChange?: (event: DatePickerChangeEvent) => void;
-    value?: string;
-    className?: string;
-    title?: string;
-    required?: boolean;
-    dataCy?: string;
-    disabled?: boolean;
-  }
+export interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {
+  initialDate?: string;
+  label?: string;
+  isValid?: boolean;
+  errorMessage?: string;
+  name?: string;
+  onChange?: (event: DatePickerChangeEvent) => void;
+  value?: string;
+  className?: string;
+  title?: string;
+  required?: boolean;
+  dataCy?: string;
+  disabled?: boolean;
+}
 
-  export const DatePicker: React.ComponentType<DatePickerProps>;
+export const DatePicker: React.ComponentType<DatePickerProps>;

package/lib/components/Forms/Dropdowns/index.d.ts

@@ -1,35 +1,35 @@
 export interface DropdownItem {
-    label: string;
-    value: string | number;
-  }
+  label: string;
+  value: string | number;
+}
 
-  export interface DropdownChangeEvent {
-    target: {
-      name: string;
-      value: string | number;
-    };
-  }
+export interface DropdownChangeEvent {
+  target: {
+    name: string;
+    value: string | number;
+  };
+}
 
-  export type IconComponent = (
-    props: React.SVGProps<SVGSVGElement>,
-  ) => JSX.Element;
+export type IconComponent = (
+  props: React.SVGProps<SVGSVGElement>,
+) => JSX.Element;
 
-  export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
-    items?: DropdownItem[];
-    label?: string;
-    isValid?: boolean;
-    required?: boolean;
-    placeholder?: string;
-    name?: string;
-    className?: string;
-    title?: string;
-    tabIndex?: string | number;
-    onChange?: (event: DropdownChangeEvent) => void;
-    value?: string | number;
-    Icon?: IconComponent;
-    errorMessage?: string;
-    disabled?: boolean;
-    dataCy?: string;
-  }
+export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+  items?: DropdownItem[];
+  label?: string;
+  isValid?: boolean;
+  required?: boolean;
+  placeholder?: string;
+  name?: string;
+  className?: string;
+  title?: string;
+  tabIndex?: string | number;
+  onChange?: (event: DropdownChangeEvent) => void;
+  value?: string | number;
+  Icon?: IconComponent;
+  errorMessage?: string;
+  disabled?: boolean;
+  dataCy?: string;
+}
 
-  export const Dropdown: React.ComponentType<DropdownProps>;
+export const Dropdown: React.ComponentType<DropdownProps>;

package/lib/components/Forms/Inputs/index.d.ts

@@ -1,46 +1,45 @@
 export type IconComponent = (
-    props: React.SVGProps<SVGSVGElement>,
-  ) => JSX.Element;
+  props: React.SVGProps<SVGSVGElement>,
+) => JSX.Element;
 
-  export type CustomComponent = (props: any) => JSX.Element;
+export type CustomComponent = (props: any) => JSX.Element;
 
-  export interface InputProps
-    extends React.InputHTMLAttributes<HTMLInputElement> {
-    label: string;
-    placeholder?: string;
-    type?:
-      | "text"
-      | "email"
-      | "password"
-      | "number"
-      | "search"
-      | "tel"
-      | "url"
-      | "date"
-      | "datetime-local"
-      | "month"
-      | "time"
-      | "week"
-      | string;
-    tabIndex?: string | number;
-    title?: string;
-    name?: string;
-    isValid?: boolean;
-    errorMessage?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    className?: string;
-    value?: string | number;
-    Icon?: IconComponent;
-    iconPosition?: "left" | "right";
-    isAnimated?: boolean;
-    required?: boolean;
-    disabled?: boolean;
-    shouldRenderCustomComponent?: boolean;
-    customComponent?: CustomComponent;
-    customComponentProps?: Record<string, any>;
-    dataCy?: string;
-  }
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  label: string;
+  placeholder?: string;
+  type?:
+    | "text"
+    | "email"
+    | "password"
+    | "number"
+    | "search"
+    | "tel"
+    | "url"
+    | "date"
+    | "datetime-local"
+    | "month"
+    | "time"
+    | "week"
+    | string;
+  tabIndex?: string | number;
+  title?: string;
+  name?: string;
+  isValid?: boolean;
+  errorMessage?: string;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  className?: string;
+  value?: string | number;
+  Icon?: IconComponent;
+  iconPosition?: "left" | "right";
+  isAnimated?: boolean;
+  required?: boolean;
+  disabled?: boolean;
+  shouldRenderCustomComponent?: boolean;
+  customComponent?: CustomComponent;
+  customComponentProps?: Record<string, any>;
+  dataCy?: string;
+}
 
-  export const Input: React.ForwardRefExoticComponent<
-    InputProps & React.RefAttributes<HTMLInputElement>
-  >;
+export const Input: React.ForwardRefExoticComponent<
+  InputProps & React.RefAttributes<HTMLInputElement>
+>;

package/lib/components/Forms/Radios/index.d.ts

@@ -1,30 +1,29 @@
 export interface RadioOption {
-    value: string | number;
-    label: string;
-  }
-
-  export interface RadioChangeEvent {
-    target: {
-      name: string;
-      value: string | number;
-    };
-  }
+  value: string | number;
+  label: string;
+}
 
-  export interface RadioButtonProps
-    extends React.HTMLAttributes<HTMLDivElement> {
-    label: string;
-    options?: RadioOption[];
+export interface RadioChangeEvent {
+  target: {
     name: string;
-    value?: string | number;
-    onChange?: (event: RadioChangeEvent) => void;
-    className?: string;
-    tabIndex?: string | number;
-    title?: string;
-    isValid?: boolean;
-    errorMessage?: string;
-    required?: boolean;
-    dataCy?: string;
-    disabled?: boolean;
-  }
+    value: string | number;
+  };
+}
+
+export interface RadioButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+  label: string;
+  options?: RadioOption[];
+  name: string;
+  value?: string | number;
+  onChange?: (event: RadioChangeEvent) => void;
+  className?: string;
+  tabIndex?: string | number;
+  title?: string;
+  isValid?: boolean;
+  errorMessage?: string;
+  required?: boolean;
+  dataCy?: string;
+  disabled?: boolean;
+}
 
-  export const RadioButton: React.FC<RadioButtonProps>;
+export const RadioButton: React.FC<RadioButtonProps>;

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

@@ -1,8 +1,8 @@
 export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    title: string;
-    center?: React.ReactNode;
-    right?: React.ReactNode;
-    className?: string;
-  }
+  title: string;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  className?: string;
+}
 
-  export const Header: React.FC<HeaderProps>;
+export const Header: React.FC<HeaderProps>;

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

@@ -1,15 +1,15 @@
 export type HeroIconName = keyof typeof HeroIcons;
-  export type C247IconName = keyof typeof C247Icons;
-  export type IconName = HeroIconName | C247IconName;
+export type C247IconName = keyof typeof C247Icons;
+export type IconName = HeroIconName | C247IconName;
 
-  export type IconLibrary = "hero" | "c247";
+export type IconLibrary = "hero" | "c247";
 
-  export interface IconProps extends React.SVGProps<SVGSVGElement> {
-    name: IconName;
-    library?: IconLibrary;
-    size?: number;
-    className?: string;
-    color?: string;
-  }
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  name: IconName;
+  library?: IconLibrary;
+  size?: number;
+  className?: string;
+  color?: string;
+}
 
-  export const Icon: React.FC<IconProps>;
+export const Icon: React.FC<IconProps>;

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

@@ -7,8 +7,7 @@ export type IconButtonRank =
 
 export type IconButtonSize = "sm" | "md" | "lg" | string;
 
-export interface IconButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   rank?: IconButtonRank;
   size?: IconButtonSize;
   title?: string;

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

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

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

@@ -1,16 +1,16 @@
 export interface ModalProps {
-    isOpen: boolean;
-    onClose?: () => void;
-    isLoading?: boolean;
-    loaderText?: string;
-    header?: React.ReactNode;
-    hideHeader?: boolean;
-    body?: React.ReactNode;
-    footer?: React.ReactNode;
-    hideFooter?: boolean;
-    className?: string;
-    footerClassName?: string;
-    headerClassName?: string;
-  }
+  isOpen: boolean;
+  onClose?: () => void;
+  isLoading?: boolean;
+  loaderText?: string;
+  header?: React.ReactNode;
+  hideHeader?: boolean;
+  body?: React.ReactNode;
+  footer?: React.ReactNode;
+  hideFooter?: boolean;
+  className?: string;
+  footerClassName?: string;
+  headerClassName?: string;
+}
 
-  export const Modal: React.FC<ModalProps>;
+export const Modal: React.FC<ModalProps>;

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

@@ -1,8 +1,8 @@
 export interface NavbarProps {
-    children?: React.ReactNode;
-    logo?: string;
-    className?: string;
-    maxWidth?: string;
-  }
+  children?: React.ReactNode;
+  logo?: string;
+  className?: string;
+  maxWidth?: string;
+}
 
-  export const Navbar: React.FC<NavbarProps>;
+export const Navbar: React.FC<NavbarProps>;

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

@@ -1,12 +1,12 @@
 export interface PageTemplateProps {
-    headerTitle?: string;
-    headerCenter?: React.ReactNode;
-    headerRight?: React.ReactNode;
-    footerLeft?: React.ReactNode;
-    footerCenter?: React.ReactNode;
-    footerRight?: React.ReactNode;
-    children: React.ReactNode;
-    className?: string;
-  }
+  headerTitle?: string;
+  headerCenter?: React.ReactNode;
+  headerRight?: React.ReactNode;
+  footerLeft?: React.ReactNode;
+  footerCenter?: React.ReactNode;
+  footerRight?: React.ReactNode;
+  children: React.ReactNode;
+  className?: string;
+}
 
-  export const PageTemplate: React.FC<PageTemplateProps>;
+export const PageTemplate: React.FC<PageTemplateProps>;

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

@@ -1,8 +1,8 @@
 export interface PillProps extends React.HTMLAttributes<HTMLSpanElement> {
-    text?: string;
-    status?: "primary" | "danger" | "warning" | "success" | "info" | "notice";
-    className?: string;
-    icon?: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
-  }
+  text?: string;
+  status?: "primary" | "danger" | "warning" | "success" | "info" | "notice";
+  className?: string;
+  icon?: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+}
 
-  export const Pill: React.FC<PillProps>;
+export const Pill: React.FC<PillProps>;