@smart-factor/gem-ui-components 0.0.29 → 0.0.32

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

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { AutocompleteProps, BaseOption } from './types';
+
+export declare const Autocomplete: <T extends FieldValues, B extends BaseOption>({ name, control, multiple, options, idGetter, ...props }: AutocompleteProps<T, B>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { FieldValues } from 'react-hook-form';
+import { Meta, StoryObj } from '@storybook/react';
+import { Autocomplete } from './Autocomplete';
+import { AutocompleteProps, BaseOption } from './types';
+
+declare const meta: Meta<typeof Autocomplete>;
+export default meta;
+type Story = StoryObj<AutocompleteProps<FieldValues, BaseOption>>;
+export declare const StringOptions: Story;
+export declare const ObjectOptions: Story;
+export declare const MultipleSelection: Story;

package/dist/components/FormComponents/Autocomplete/Autocomplete.styles.d.ts

@@ -0,0 +1,7 @@
+import { AutocompleteProps } from '@mui/material';
+
+type StyledAutocompleteProps<T> = AutocompleteProps<T, boolean, boolean, boolean> & {
+    isError?: boolean;
+};
+export declare const StyledAutocomplete: <T>(props: StyledAutocompleteProps<T>) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export { Autocomplete } from './Autocomplete';
+export * from './types';

package/dist/components/FormComponents/Autocomplete/types.d.ts

@@ -0,0 +1,33 @@
+import { SyntheticEvent } from 'react';
+import { Control, FieldValues, Path } from 'react-hook-form';
+import { AutocompleteChangeDetails, AutocompleteChangeReason } from '@mui/material';
+
+export type BaseOption = string | {
+    id?: any;
+    [key: string]: any;
+};
+export interface BaseAutocompleteProps<B extends Partial<BaseOption>> {
+    options: B[];
+    loading?: boolean;
+    label: string;
+    placeholder?: string;
+    size?: 'small' | 'medium';
+    disabled?: boolean;
+    required?: boolean;
+    multiple?: boolean;
+    freeSolo?: boolean;
+    clearIcon?: React.ReactNode;
+    ['data-testId']?: string;
+    testId?: string;
+    idGetter?: (option: B) => any;
+    value?: B | B[] | null;
+    onChange?: (event: SyntheticEvent<Element, Event>, value: string | B | (string | B)[] | null, reason: AutocompleteChangeReason, details?: AutocompleteChangeDetails<B> | undefined) => void;
+    getOptionLabel: (option: string | B) => string;
+    onInputChange?: (event: SyntheticEvent<Element, Event>, value: string) => void;
+    inputValue?: string;
+    filterOptions?: (options: B[]) => B[];
+}
+export interface AutocompleteProps<T extends FieldValues, B extends Partial<BaseOption>> extends Omit<BaseAutocompleteProps<B>, 'value' | 'onChange'> {
+    name: Path<T>;
+    control: Control<T>;
+}

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

@@ -1,3 +1,4 @@
+export * from './Autocomplete';
 export { ContextualSearch, ContextualSearchControlled, } from './ContextualSearch';
 export { DatePicker } from './DatePicker/DatePicker';
 export { DateTimePicker } from './DateTimePicker/DateTimePicker';

package/dist/components/SimpleAutocomplete/SimpleAutocomplete.d.ts

@@ -0,0 +1,3 @@
+import { BaseAutocompleteProps, BaseOption } from '../FormComponents/Autocomplete/types';
+
+export declare const SimpleAutocomplete: <B extends BaseOption>({ options, loading, label, placeholder, size, disabled, required, multiple, freeSolo, clearIcon, testId, value, onChange, getOptionLabel, onInputChange, inputValue, filterOptions, ...props }: BaseAutocompleteProps<B>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SimpleAutocomplete/SimpleAutocomplete.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BaseAutocompleteProps, BaseOption } from '../FormComponents/Autocomplete/types';
+import { SimpleAutocomplete } from './SimpleAutocomplete';
+
+declare const meta: Meta<typeof SimpleAutocomplete>;
+export default meta;
+type Story = StoryObj<BaseAutocompleteProps<BaseOption>>;
+export declare const StringOptions: Story;
+export declare const ObjectOptions: Story;
+export declare const MultipleSelection: Story;
+export declare const DisabledState: Story;

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

@@ -0,0 +1 @@
+export { SimpleAutocomplete } from './SimpleAutocomplete';

package/dist/main.d.ts

@@ -10,6 +10,7 @@ export { FixedActionsBottomPanel } from './components/FixedActionsBottomPanel/Fi
 export * from './components/FormComponents';
 export { LoadingBackdrop } from './components/LoadingBackdrop/LoadingBackdrop';
 export { ResizableWrapper } from './components/ResizableWrapper/ResizableWrapper';
+export { SimpleAutocomplete } from './components/SimpleAutocomplete';
 export { SimpleInput } from './components/SimpleInput/SimpleInput';
 export { SimpleSelect } from './components/SimpleSelect/SimpleSelect';
 export { Stepper } from './components/Stepper/Stepper';