@smart-factor/gem-ui-components 0.0.18 → 0.0.20

package/dist/{Drawer-Cp4FHKbE.js → Drawer-ClBanoDR.js}

@@ -1,5 +1,5 @@
 import pt, { jsx as x, jsxs as de } from "react/jsx-runtime";
-import { c as J, P as n, _ as f, o as q, C as ft, a as H, b as mt, s as ge, u as ye, d as ht, e as bt, f as vt, g as Ee, h as Y, i as gt, j as yt, k as Q, l as ee, m as L, n as $e, p as te, q as z, r as pe, t as V, v as ne, T as He, w as Ue, x as le, y as ze, z as We, A as Et, B as Ie, D as xt, E as Tt, F as kt, S as ke, G as Pt, H as Rt, I as wt } from "./Stack-BaLJatT3.js";
+import { c as J, P as n, _ as f, o as q, C as ft, a as H, b as mt, s as ge, u as ye, d as ht, e as bt, f as vt, g as Ee, h as Y, i as gt, j as yt, k as Q, l as ee, m as L, n as $e, p as te, q as z, r as pe, t as V, v as ne, T as He, w as Ue, x as le, y as ze, z as We, A as Et, B as Ie, D as xt, E as Tt, F as kt, S as ke, G as Pt, H as Rt, I as wt } from "./Stack-B21Kr1Fq.js";
 import * as u from "react";
 import * as Nt from "react-dom";
 var be = {};

package/dist/{Stack-BaLJatT3.js → Stack-B21Kr1Fq.js}

@@ -6580,8 +6580,8 @@ export {
   Mc as ai,
   Ac as aj,
   du as ak,
-  Gt as al,
-  Yt as am,
+  Yt as al,
+  Uc as am,
   Al as an,
   di as ao,
   Qr as ap,

package/dist/{Tree-p-qFS5a4.js → Tree-CAPqaaUN.js}

@@ -1,7 +1,7 @@
 import { jsx as w, jsxs as ve } from "react/jsx-runtime";
 import * as x from "react";
 import { createElement as Ht } from "react";
-import { J as Yt, K as Qe, L as Qt, M as Zt, N as en, k as fe, l as me, m as U, _ as D, p as ot, O as tn, T as nn, q as Ne, r as on, Q as rn, h as de, t as Ie, P as r, R as rt, v as ge, x as Ze, U as sn, D as it, f as ln, V as st, a as ue, b as te, n as an, d as cn, g as G, o as dn, E as un, u as pn, B as ce, W as fn, X as lt, Y as ie, A as et, e as mn, F as In, S as gn, H as hn, I as bn } from "./Stack-BaLJatT3.js";
+import { J as Yt, K as Qe, L as Qt, M as Zt, N as en, k as fe, l as me, m as U, _ as D, p as ot, O as tn, T as nn, q as Ne, r as on, Q as rn, h as de, t as Ie, P as r, R as rt, v as ge, x as Ze, U as sn, D as it, f as ln, V as st, a as ue, b as te, n as an, d as cn, g as G, o as dn, E as un, u as pn, B as ce, W as fn, X as lt, Y as ie, A as et, e as mn, F as In, S as gn, H as hn, I as bn } from "./Stack-B21Kr1Fq.js";
 function yn(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), Yt(e, t, n);
 }

package/dist/components/Drawer/index.js

@@ -1,4 +1,4 @@
-import { D as e } from "../../Drawer-Cp4FHKbE.js";
+import { D as e } from "../../Drawer-ClBanoDR.js";
 export {
   e as Drawer
 };

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

@@ -1,18 +1,11 @@
-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;
+interface ContextualSearchBaseProps<T> {
+    options: T[];
+    isOptionEqualToValue: (option: T, value: T) => boolean;
+    renderOption: (option: T) => ReactNode;
     label: string;
-    secondaryLabel?: string;
-    title?: string | string[];
-}
-export interface ContextualSearchProps<T extends FieldValues> {
-    name: Path<T>;
-    control: Control<T>;
-    options: IContextualSearchOption[];
-    label: string;
-    multiple?: boolean;
     required?: boolean;
     disabled?: boolean;
     loading?: boolean;
@@ -22,5 +15,27 @@ 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 ContextualSearchPropsByMultiple<T> = {
+    multiple: false;
+    value: T | null;
+    onChange: (value: T | null) => void;
+} | {
+    multiple: true;
+    value: T[];
+    onChange: (value: T[]) => void;
+};
+type ContextualSearchPropsByType = {
+    listboxType: 'default';
+    listboxPortalId?: string;
+} | {
+    listboxType: 'list';
+    listboxPortalId: string;
+};
+export type ContextualSearchProps<T> = ContextualSearchBaseProps<T> & ContextualSearchPropsByMultiple<T> & ContextualSearchPropsByType;
+export declare function ContextualSearch<T>({ listboxType, ...props }: ContextualSearchProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,10 +1,15 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { ContextualSearch } from './ContextualSearch';
+import { ContextualSearchProps } from './ContextualSearch';
+import { ContextualSearchStoryOption } from './mock';
 
-declare const meta: Meta<typeof ContextualSearch>;
+type StoryArgs = ContextualSearchProps<ContextualSearchStoryOption> & {
+    loadingSize?: number;
+};
+declare const meta: Meta<StoryArgs>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<StoryArgs>;
 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;
+export declare const List: 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, R extends FieldValues> = ContextualSearchProps<T> & {
+    control: Control<R>;
+    name: Path<R>;
+};
+export declare function ContextualSearchControlled<T, R extends FieldValues>(props: ContextualSearchControlledProps<T, R>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { AutocompleteProps } from '@mui/material';
+
+type ContextualSearchListListbox<T> = AutocompleteProps<T, boolean, false, false, 'div'>['ListboxProps'] & {
+    listboxPortalId: string;
+};
+export declare function ContextualSearchListListbox<T>(props: ContextualSearchListListbox<T>): import('react').ReactPortal;
+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(size?: number): {
+    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-p-qFS5a4.js";
+import { T as o } from "../../Tree-CAPqaaUN.js";
 export {
   o as Tree
 };