opus-toolkit-components 1.8.8 → 1.8.9

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/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/index.d.ts

@@ -9,6 +9,7 @@ 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";