@verma-consulting/design-library 0.1.37 → 0.1.39

package/README.md

@@ -58,7 +58,6 @@ The library re-exports **all of `@mui/material`**, so you can use MUI components
 | [FormDrawer](./docs/FormDrawer.md)               | Side/bottom drawer for forms with optional actions.     |
 | [FormPopover](./docs/FormPopover.md)             | Popover triggered by an icon button (e.g. row actions). |
 | [FormSnackBar](./docs/FormSnackBar.md)           | Snackbar for form success/error messages.               |
-| [ClearableSelect](./docs/ClearableSelect.md)     | Select with optional clear and view/edit modes.         |
 | [SearchableSelect](./docs/SearchableSelect.md)   | Searchable single/multi select with view/edit modes.    |
 | [PhoneNumberField](./docs/PhoneNumberField.md)   | Phone input with country code and E.164 output.         |
 | [InputFileUpload](./docs/InputFileUpload.md)     | Button that opens a file picker.                        |

package/dist/index.d.mts

@@ -1,8 +1,7 @@
-import { SelectChangeEvent } from '@mui/material';
 export * from '@mui/material';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { FC } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_material_TablePagination from '@mui/material/TablePagination';
 import _mui_material_TablePagination__default, { LabelDisplayedRowsArgs } from '@mui/material/TablePagination';
@@ -11,22 +10,6 @@ export { makeStyles } from '@mui/styles';
 import { SwitchProps } from '@mui/material/Switch';
 import { userStatus, GenericPayload } from '@verma-consulting/common-library';
 
-interface ClearableSelectProps {
-    name: string;
-    label: string;
-    value: string | number | (string | number)[];
-    onChange: (event: SelectChangeEvent<string | number | (string | number)[]>) => void;
-    size?: "small" | "medium";
-    style?: React__default.CSSProperties;
-    disabled?: boolean;
-    onClear?: () => void;
-    multiple?: boolean;
-    defaultEditMode?: boolean;
-    renderValue?: () => null;
-    children: React__default.ReactNode;
-}
-declare const ClearableSelect: React__default.FC<ClearableSelectProps>;
-
 interface TabPanelProps {
     children?: React__default.ReactNode;
     index: number;
@@ -179,7 +162,8 @@ interface SearchableSelectProps {
     size?: "small" | "medium";
     style?: React__default.CSSProperties;
     disabled?: boolean;
-    onClear?: () => void;
+    /** If `null` or omitted, the clear control is not shown. Pass a handler to enable clear. */
+    onClear?: (() => void) | null;
     defaultEditMode?: boolean;
     multiple?: boolean;
 }
@@ -206,4 +190,4 @@ interface PhoneNumberFieldProps {
 }
 declare const PhoneNumberField: React__default.FC<PhoneNumberFieldProps>;
 
-export { ClearableSelect, EmptyState, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, SkeletonBar, StatusPill, TabPanel, TablePagination, type TablePaginationDesignProps };
+export { EmptyState, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, SkeletonBar, StatusPill, TabPanel, TablePagination, type TablePaginationDesignProps };

package/dist/index.d.ts

@@ -1,8 +1,7 @@
-import { SelectChangeEvent } from '@mui/material';
 export * from '@mui/material';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { FC } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import * as _mui_material_TablePagination from '@mui/material/TablePagination';
 import _mui_material_TablePagination__default, { LabelDisplayedRowsArgs } from '@mui/material/TablePagination';
@@ -11,22 +10,6 @@ export { makeStyles } from '@mui/styles';
 import { SwitchProps } from '@mui/material/Switch';
 import { userStatus, GenericPayload } from '@verma-consulting/common-library';
 
-interface ClearableSelectProps {
-    name: string;
-    label: string;
-    value: string | number | (string | number)[];
-    onChange: (event: SelectChangeEvent<string | number | (string | number)[]>) => void;
-    size?: "small" | "medium";
-    style?: React__default.CSSProperties;
-    disabled?: boolean;
-    onClear?: () => void;
-    multiple?: boolean;
-    defaultEditMode?: boolean;
-    renderValue?: () => null;
-    children: React__default.ReactNode;
-}
-declare const ClearableSelect: React__default.FC<ClearableSelectProps>;
-
 interface TabPanelProps {
     children?: React__default.ReactNode;
     index: number;
@@ -179,7 +162,8 @@ interface SearchableSelectProps {
     size?: "small" | "medium";
     style?: React__default.CSSProperties;
     disabled?: boolean;
-    onClear?: () => void;
+    /** If `null` or omitted, the clear control is not shown. Pass a handler to enable clear. */
+    onClear?: (() => void) | null;
     defaultEditMode?: boolean;
     multiple?: boolean;
 }
@@ -206,4 +190,4 @@ interface PhoneNumberFieldProps {
 }
 declare const PhoneNumberField: React__default.FC<PhoneNumberFieldProps>;
 
-export { ClearableSelect, EmptyState, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, SkeletonBar, StatusPill, TabPanel, TablePagination, type TablePaginationDesignProps };
+export { EmptyState, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, SkeletonBar, StatusPill, TabPanel, TablePagination, type TablePaginationDesignProps };