@paubox/ui 0.18.0 → 0.20.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/Button/BaseButton.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties, MouseEventHandler } from 'react';
 export interface BaseButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     color?: 'primary' | 'secondary' | 'danger';
+    variant?: 'contained' | 'outlined';
     disabled?: boolean;
     size?: 'large' | 'small' | 'xsmall';
     round?: boolean;

package/src/lib/DropdownMenu/DropdownMenu.d.ts

@@ -1,11 +1,16 @@
-import { MenuItemProps } from '@components';
+import { Button, MenuItemProps } from '@components';
+import { ComponentProps, ElementType, ReactNode, RefObject } from 'react';
 export interface DropdownMenuProps {
     label: string;
     items?: MenuItemProps[];
-    iconLeft?: React.ElementType;
+    children?: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    iconLeft?: ElementType;
     align?: 'left' | 'center' | 'right';
-    color?: 'primary' | 'secondary';
+    buttonProps?: Partial<ComponentProps<typeof Button>>;
     testId?: string;
     size?: 'small' | 'large';
+    childContainerRefs?: RefObject<HTMLElement>[];
 }
-export declare const DropdownMenu: ({ label, items, iconLeft, size, align, color, testId, }: DropdownMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DropdownMenu: ({ label, items, children, open: openProp, onOpenChange, iconLeft, size, align, buttonProps, testId, childContainerRefs, }: DropdownMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/FilterForm/FilterForm.d.ts

@@ -1,17 +1,21 @@
+import { SelectOption } from '@components';
 export interface FilterValue {
     field: string;
     op: string;
     terms: string[];
 }
+export interface FieldOption {
+    label: string;
+    value: string;
+    type?: 'select' | 'string';
+    options?: SelectOption[];
+}
 export interface FilterFormValues {
     filters: Record<string, Record<string, FilterValue>>;
 }
-interface FilterFormProps {
+export interface FilterFormProps {
     values: FilterFormValues;
-    fieldOptions: {
-        label: string;
-        value: string;
-    }[];
+    fieldOptions: FieldOption[];
     operatorOptions: {
         label: string;
         value: string;
@@ -23,4 +27,3 @@ interface FilterFormProps {
     touched?: any;
 }
 export declare const FilterForm: ({ values, fieldOptions, operatorOptions, onSubmit, onClear, onChange, errors, touched, }: FilterFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/src/lib/Inputs/{MultiText.d.ts → MultiInput.d.ts}

@@ -4,10 +4,12 @@ interface MultiInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     type?: 'primary' | 'secondary';
     isFocused?: boolean;
     chips?: boolean;
+    values?: any[];
+    setValues?: (values: any[]) => void;
 }
 export interface MultiInputValues extends MultiInputProps {
     values: string[];
     setValues: (values: string[]) => void;
 }
-export declare const MultiInput: ({ sz, error, type, values, setValues, placeholder, chips, ...props }: MultiInputValues) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MultiInput: ({ sz, error, type, values, setValues, placeholder, chips, ...props }: MultiInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/Inputs/MultiSelect.d.ts

@@ -10,6 +10,7 @@ export interface MultiSelectProps extends BaseSelectProps {
     placeholder?: string;
     label?: string;
     value?: string | string[];
+    className?: string;
     chips?: boolean;
     sz?: 'sm' | 'lg';
 }
@@ -17,4 +18,4 @@ export interface ChipProps {
     sz?: 'sm' | 'lg';
     secondary?: boolean;
 }
-export declare const MultiSelect: ({ sz, error, options, checkbox, placeholder, label, chips, values, setValues, disabled, type, ...props }: MultiSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MultiSelect: ({ sz, error, options, checkbox, placeholder, label, chips, className, values, setValues, disabled, type, ...props }: MultiSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/Inputs/index.d.ts

@@ -1,6 +1,6 @@
 export * from './Input';
 export * from './MultiSelect';
 export * from './Search';
-export * from './MultiText';
+export * from './MultiInput';
 export * from './Select';
 export * from './TextArea';

package/src/lib/Tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
 export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
-    y?: 'top' | 'bottom' | 'center';
-    x?: 'left' | 'right' | 'center';
+    placement?: 'top' | 'bottom' | 'left' | 'right';
     size?: 'small' | 'large';
+    className?: string;
     children: React.ReactNode;
     content: string;
 }