opus-toolkit-components 1.8.7 → 1.8.9

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

@@ -0,0 +1,11 @@
+export type CalloutTone = "green" | "amber" | "red" | "pink";
+
+export interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
+  message: string;
+  tone?: CalloutTone;
+  className?: string;
+  name?: string;
+  dataCy?: string;
+}
+
+export const Callout: React.FC<CalloutProps>;

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

@@ -9,8 +9,39 @@ export type CardIntent =
 
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
   intent?: CardIntent;
+  hasOutline?: boolean;
   className?: string;
   children?: React.ReactNode;
 }
 
 export const Card: React.ComponentType<CardProps>;
+
+export interface FileUploadCardProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  fileName: string;
+  uploadedDate: string;
+  previewSrc?: string;
+  previewAlt?: string;
+  preview?: React.ReactNode;
+  action?: React.ReactNode;
+  downloadTitle?: string;
+  onDownload?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  className?: string;
+}
+
+export const FileUploadCard: React.ComponentType<FileUploadCardProps>;
+
+export interface CardItemProps extends React.HTMLAttributes<HTMLDivElement> {
+  heading: React.ReactNode;
+  subheading?: React.ReactNode;
+  icon?: React.ReactNode;
+  checked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  iconPosition?: "left" | "right";
+  disabled?: boolean;
+  className?: string;
+  dataCy?: string;
+  name?: string;
+}
+
+export const CardItem: React.ComponentType<CardItemProps>;

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

@@ -0,0 +1,6 @@
+export interface FooterLogoProps extends React.HTMLAttributes<HTMLDivElement> {
+  href?: string;
+  className?: string;
+}
+
+export const FooterLogo: React.FC<FooterLogoProps>;

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

@@ -0,0 +1,38 @@
+export interface FilterPopoverOption {
+  label: string;
+  value: string;
+}
+
+export interface FilterPopoverRenderContext {
+  isOpen: boolean;
+  selectedValues: string[];
+  setSelectedValues: React.Dispatch<React.SetStateAction<string[]>>;
+  toggleValue: (value: string) => void;
+  searchTerm: string;
+  setSearchTerm: (value: string) => void;
+  filteredOptions: FilterPopoverOption[];
+  closePopover: () => void;
+}
+
+export interface FilterPopoverProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  options?: FilterPopoverOption[];
+  selectedValues?: string[];
+  onApply?: (values: string[]) => void;
+  placeholder?: string;
+  buttonLabel?: React.ReactNode;
+  icon?: React.ReactNode;
+  children?:
+    | React.ReactNode
+    | ((context: FilterPopoverRenderContext) => React.ReactNode);
+  footer?:
+    | React.ReactNode
+    | ((context: FilterPopoverRenderContext) => React.ReactNode);
+  panelClassName?: string;
+  bodyClassName?: string;
+  className?: string;
+  dataCy?: string;
+  name?: string;
+}
+
+export const FilterPopover: React.ComponentType<FilterPopoverProps>;

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

@@ -4,7 +4,8 @@ export type IconComponent = (
 
 export type CustomComponent = (props: any) => JSX.Element;
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {
   label: string;
   placeholder?: string;
   type?:
@@ -33,6 +34,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
   iconPosition?: "left" | "right";
   isAnimated?: boolean;
   required?: boolean;
+  hideLabel?: boolean;
   disabled?: boolean;
   shouldRenderCustomComponent?: boolean;
   customComponent?: CustomComponent;

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

@@ -0,0 +1,15 @@
+export interface ToggleSwitchProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  checked: boolean;
+  onChange?: (checked: boolean) => void;
+  onToggle?: (checked: boolean) => void;
+  leftLabel?: React.ReactNode;
+  rightLabel?: React.ReactNode;
+  disabled?: boolean;
+  name?: string;
+  title?: string;
+  dataCy?: string;
+  className?: string;
+}
+
+export const ToggleSwitch: React.ComponentType<ToggleSwitchProps>;

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

@@ -7,12 +7,14 @@ 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;
   iconName?: string;
   iconLibrary?: "hero" | "c247" | string;
+  icon?: React.ReactNode;
   isFullWidth?: boolean;
   className?: string;
   name?: string;

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

@@ -3,6 +3,21 @@ export interface PillProps extends React.HTMLAttributes<HTMLSpanElement> {
   status?: "primary" | "danger" | "warning" | "success" | "info" | "notice";
   className?: string;
   icon?: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+  iconPosition?: "left" | "right";
+  onIconClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 
 export const Pill: React.FC<PillProps>;
+
+export interface PillButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  label: React.ReactNode;
+  active?: boolean;
+  className?: string;
+  name?: string;
+  dataCy?: string;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export const PillButton: React.FC<PillButtonProps>;

package/lib/index.d.ts

@@ -1,14 +1,18 @@
 export * from "./components/Accordions";
 export * from "./components/BarLayout";
 export * from "./components/Buttons";
+export * from "./components/Callout";
 export * from "./components/Cards";
 export * from "./components/Cookie";
 export * from "./components/Footer";
+export * from "./components/FooterLogo";
 export * from "./components/Forms/Checkbox";
 export * from "./components/Forms/Datepickers";
 export * from "./components/Forms/Dropdowns";
+export * from "./components/Forms/FilterPopover";
 export * from "./components/Forms/Inputs";
 export * from "./components/Forms/Radios";
+export * from "./components/Forms/ToggleSwitch";
 export * from "./components/Header";
 export * from "./components/Icon";
 export * from "./components/IconButton";