@oniratec/onira-react-ui 1.2.0 → 1.2.2

package/dist/index.d.ts

@@ -174,16 +174,12 @@ declare type CustomField<T extends FieldValues> = BaseFieldCommon<T> & {
     }) => ReactNode;
 };
 
-export declare const darkTheme: Theme;
-
 export declare function DataTable<T>({ columns, data, enableSorting, sortState, defaultSortState, onSortChange, unsortedIcon, sortMode, manualSorting, emptyContent, loadingContent, errorContent, isLoading, }: Props<T>): JSX.Element;
 
 declare type DataTableProps<T> = Parameters<typeof DataTable<T>>[0];
 
 declare type DataTableRenderProps<T> = Omit<DataTableProps<T>, 'columns' | 'data'>;
 
-export declare const defaultTheme: Theme;
-
 declare interface DefaultValuesContext<TEntity> {
     entity?: TEntity;
 }
@@ -244,7 +240,7 @@ declare interface FieldProps extends React_2.HTMLAttributes<HTMLDivElement> {
 
 export declare const FilePicker: typeof FileUpload;
 
-export declare function FileUpload({ label, helperText, error, disabled, multiple, accept, files, defaultFiles, onFilesChange, id, name, allowDrop, placeholder, }: FileUploadProps): JSX.Element;
+export declare function FileUpload({ label, helperText, error, disabled, multiple, accept, files, defaultFiles, onFilesChange, id, name, allowDrop, placeholder, showPreview, previewMode, maxPreviewItems, }: FileUploadProps): JSX.Element;
 
 declare type FileUploadField<T extends FieldValues> = BaseFieldCommon<T> & {
     kind: 'fileUpload';
@@ -269,6 +265,9 @@ export declare type FileUploadProps = {
     name?: string;
     allowDrop?: boolean;
     placeholder?: string;
+    showPreview?: boolean;
+    previewMode?: 'auto' | 'image' | 'none';
+    maxPreviewItems?: number;
 };
 
 export declare type FilterDefinition<T = unknown> = TextFilter | SelectFilter | AsyncSelectFilter<T> | ToggleFilter;
@@ -309,10 +308,10 @@ export declare type FiltersModalProps = {
 
 declare type FiltersModalProps_2 = Parameters<typeof FiltersModal>[0];
 
-export declare function FiltersPanel({ filters, value, onChange, onReset, resetLabel, showReset, className, layout, actions, }: FiltersPanelProps): JSX.Element;
+export declare function FiltersPanel<T>({ filters, value, onChange, onReset, resetLabel, showReset, className, layout, actions, }: FiltersPanelProps<T>): JSX.Element;
 
-export declare type FiltersPanelProps = {
-    filters: FilterDefinition[];
+export declare type FiltersPanelProps<T> = {
+    filters: FilterDefinition<T>[];
     value: FiltersState;
     onChange: (next: FiltersState) => void;
     onReset?: () => void;
@@ -361,8 +360,6 @@ declare type Layout = {
     gap?: string;
 };
 
-export declare const lightTheme: Theme;
-
 export declare const Logo: ({ src, alt, width, height, className, ImageComponent, ...props }: LogoProps) => JSX.Element;
 
 export declare type LogoProps = {
@@ -548,62 +545,13 @@ export declare type TextFilter = BaseFilter & {
     value?: string;
 };
 
-export declare interface Theme {
-    mode: ColorMode;
-    colors: ThemeColors;
-    shadows: ThemeShadows;
-}
-
-export declare interface ThemeColors {
-    brand: string;
-    fill: {
-        primary: string;
-        secondary: string;
-        disabled: string;
-    };
-    label: {
-        primary: string;
-        secondary: string;
-        disabled: string;
-    };
-    border: {
-        primary: string;
-        secondary: string;
-        disabled: string;
-    };
-    focus: string;
-    error: string;
-}
-
-declare interface ThemeContextValue {
-    theme: Theme;
-    setMode: (mode: ColorMode) => void;
-}
-
-export declare type ThemePreset = {
-    label: string;
-    light: Partial<Theme>;
-    dark: Partial<Theme>;
-};
-
-export declare const themePresets: Record<string, ThemePreset>;
-
-export declare function ThemeProvider({ mode, children, customTheme }: ThemeProviderProps): JSX.Element;
+export declare type ThemeName = 'onira' | 'mint' | 'forest' | 'ocean';
 
-declare interface ThemeProviderProps {
+export declare function ThemeProvider({ mode, theme, children, }: {
     mode?: ColorMode;
-    customTheme?: Partial<Theme>;
+    theme?: ThemeName;
     children: ReactNode;
-}
-
-export declare interface ThemeShadows {
-    card: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-}
+}): ReactNode;
 
 export declare const Toggle: ({ checked, defaultChecked, onChange, size, disabled, label, className, ariaLabel, }: ToggleProps) => JSX.Element;
 
@@ -641,6 +589,4 @@ export declare const TooltipTrigger: ComponentType<TooltipPrimitive.TooltipTrigg
 
 export declare function useField(): FieldContextValue;
 
-export declare function useTheme(): ThemeContextValue;
-
 export { }