@smart-factor/gem-ui-components 0.0.17 → 0.0.19

package/dist/components/Drawer/index.js

@@ -1,4 +1,4 @@
-import { D as e } from "../../Drawer-DRs-5EyC.js";
+import { D as e } from "../../Drawer-Bt301-Fw.js";
 export {
   e as Drawer
 };

package/dist/components/FormComponents/ContextualSearch/ContextualSearch.d.ts

@@ -1,16 +1,10 @@
-import { Control, FieldValues, Path } from 'react-hook-form';
-import { TextFieldVariants } from '@mui/material';
+import { ReactNode } from 'react';
+import { FilterOptionsState, TextFieldVariants } from '@mui/material';
 
-export interface IContextualSearchOption {
-    value: number;
-    label: string;
-    secondaryLabel?: string;
-    title?: string | string[];
-}
-export interface ContextualSearchProps<T extends FieldValues> {
-    name: Path<T>;
-    control: Control<T>;
-    options: IContextualSearchOption[];
+interface ContextualBaseSearchProps<T> {
+    options: T[];
+    isOptionEqualToValue: (option: T, value: T) => boolean;
+    renderOption: (option: T) => ReactNode;
     label: string;
     multiple?: boolean;
     required?: boolean;
@@ -22,5 +16,21 @@ export interface ContextualSearchProps<T extends FieldValues> {
     onLastOptionInView: () => void;
     onInputChange: (event: React.SyntheticEvent<Element, Event>, value: string) => void;
     onAddNewEntry?: () => void;
+    errorMessage?: string;
+    getOptionKey: (option: T) => string | number;
+    getOptionLabel: (option: T) => string;
+    filterOptions?: (options: T[], state: FilterOptionsState<T>) => T[];
 }
-export declare const ContextualSearch: <T extends FieldValues>(props: ContextualSearchProps<T>) => import("react/jsx-runtime").JSX.Element;
+type ContextualSearchPropsSingle<T> = ContextualBaseSearchProps<T> & {
+    multiple: false;
+    value: T | null;
+    onChange: (value: T | null) => void;
+};
+type ContextualSearchPropsMultiple<T> = ContextualBaseSearchProps<T> & {
+    multiple: true;
+    value: T[];
+    onChange: (value: T[]) => void;
+};
+export type ContextualSearchProps<T> = ContextualSearchPropsSingle<T> | ContextualSearchPropsMultiple<T>;
+export declare function ContextualSearch<T>(props: ContextualSearchProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormComponents/ContextualSearch/ContextualSearch.stories.d.ts

@@ -1,10 +1,11 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { ContextualSearch } from './ContextualSearch';
+import { ContextualSearchProps } from './ContextualSearch';
+import { ContextualSearchStoryOption } from './mock';
 
-declare const meta: Meta<typeof ContextualSearch>;
+declare const meta: Meta<ContextualSearchProps<ContextualSearchStoryOption>>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<ContextualSearchProps<ContextualSearchStoryOption>>;
 export declare const Single: Story;
 export declare const Multiple: Story;
+export declare const Loading: Story;
 export declare const WithEntryAdd: Story;
-export declare const WithLoading: Story;

package/dist/components/FormComponents/ContextualSearch/ContextualSearchControlled.d.ts

@@ -0,0 +1,9 @@
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { ContextualSearchProps } from './ContextualSearch';
+
+type ContextualSearchControlledProps<T extends FieldValues> = {
+    control: Control<T>;
+    name: Path<T>;
+} & Omit<ContextualSearchProps<T>, 'value' | 'onChange'>;
+export declare function ContextualSearchControlled<T extends FieldValues>(props: ContextualSearchControlledProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormComponents/ContextualSearch/index.d.ts

@@ -1,2 +1,2 @@
-export type { IContextualSearchOption } from './ContextualSearch';
 export { ContextualSearch } from './ContextualSearch';
+export { ContextualSearchControlled } from './ContextualSearchControlled';

package/dist/components/FormComponents/ContextualSearch/mock.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type ContextualSearchStoryOption = {
+    id: number;
+    label: string;
+    secondaryLabel: string;
+};
+export declare function useLazyOptions(): {
+    options: ContextualSearchStoryOption[];
+    loading: boolean;
+    onLastOptionInView: () => Promise<void>;
+    onSearchTextChange: import('react').Dispatch<import('react').SetStateAction<string>>;
+};
+export declare function getOptions(): ContextualSearchStoryOption[];

package/dist/components/FormComponents/index.d.ts

@@ -1,5 +1,4 @@
-export type { IContextualSearchOption } from './ContextualSearch';
-export { ContextualSearch } from './ContextualSearch';
+export { ContextualSearch, ContextualSearchControlled, } from './ContextualSearch';
 export { DatePicker } from './DatePicker/DatePicker';
 export { DateTimePicker } from './DateTimePicker/DateTimePicker';
 export { Input } from './Input/Input';

package/dist/components/Tree/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../Tree-DEzkwImd.js";
+import { T as o } from "../../Tree-BQQfGoK7.js";
 export {
   o as Tree
 };

package/dist/main.d.ts

@@ -23,3 +23,4 @@ export * from './helpers';
 export { theme } from './theme/theme';
 export { Accordion, AccordionDetails, styled, type Theme, ThemeProvider, Typography, useTheme, } from '@mui/material';
 export { default as GemUIComponentsProvider } from './providers/GemUIComponentsProvider';
+export * from '@mui/x-data-grid-pro';