@verma-consulting/design-library 0.1.44 → 0.1.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +46 -25
- package/dist/index.d.ts +46 -25
- package/dist/index.js +650 -196
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +649 -190
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { DialogProps, DrawerProps } from '@mui/material';
|
|
1
2
|
export * from '@mui/material';
|
|
2
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import * as React
|
|
4
|
-
import React__default, { FC } from 'react';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import React__default, { FC, KeyboardEvent } from 'react';
|
|
5
6
|
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
6
7
|
import * as _mui_material_TablePagination from '@mui/material/TablePagination';
|
|
7
8
|
import _mui_material_TablePagination__default, { LabelDisplayedRowsArgs } from '@mui/material/TablePagination';
|
|
@@ -17,11 +18,11 @@ interface TabPanelProps {
|
|
|
17
18
|
}
|
|
18
19
|
declare const TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
|
|
19
20
|
|
|
20
|
-
type TablePaginationDesignProps = React
|
|
21
|
+
type TablePaginationDesignProps = React.ComponentProps<typeof _mui_material_TablePagination__default> & {
|
|
21
22
|
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
22
|
-
rowsPerPageLabel?: React
|
|
23
|
+
rowsPerPageLabel?: React.ReactNode;
|
|
23
24
|
/** Formats the range summary (e.g. total count). Default: "1–10 of 47 results". Overrides MUI `labelDisplayedRows` when both are omitted; explicit `labelDisplayedRows` wins. */
|
|
24
|
-
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React
|
|
25
|
+
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React.ReactNode;
|
|
25
26
|
};
|
|
26
27
|
/**
|
|
27
28
|
* Design-library TablePagination: forwards MUI props and ref, with a compact
|
|
@@ -30,17 +31,17 @@ type TablePaginationDesignProps = React$1.ComponentProps<typeof _mui_material_Ta
|
|
|
30
31
|
* navigation by default. Use inside `TableFooter` for vertical alignment with
|
|
31
32
|
* table rows.
|
|
32
33
|
*/
|
|
33
|
-
declare const TablePagination: React
|
|
34
|
+
declare const TablePagination: React.ForwardRefExoticComponent<(Omit<_mui_material_TablePagination.TablePaginationOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<_mui_material_TablePagination.TablePaginationBaseProps, "classes" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "abbr" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "valign" | "padding" | "size" | "sortDirection" | "sx" | "variant" | "ref" | "ActionsComponent" | "backIconButtonProps" | "count" | "disabled" | "getItemAriaLabel" | "labelDisplayedRows" | "labelRowsPerPage" | "nextIconButtonProps" | "onPageChange" | "onRowsPerPageChange" | "page" | "rowsPerPage" | "rowsPerPageOptions" | "SelectProps" | "showFirstButton" | "showLastButton" | "slotProps" | "slots"> & {
|
|
34
35
|
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
35
|
-
rowsPerPageLabel?: React
|
|
36
|
+
rowsPerPageLabel?: React.ReactNode;
|
|
36
37
|
/** Formats the range summary (e.g. total count). Default: "1–10 of 47 results". Overrides MUI `labelDisplayedRows` when both are omitted; explicit `labelDisplayedRows` wins. */
|
|
37
|
-
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React
|
|
38
|
-
}, "ref"> | Omit<_mui_material_TablePagination.TablePaginationOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<_mui_material_TablePagination.TablePaginationBaseProps, "ref"> & React
|
|
38
|
+
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React.ReactNode;
|
|
39
|
+
}, "ref"> | Omit<_mui_material_TablePagination.TablePaginationOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<_mui_material_TablePagination.TablePaginationBaseProps, "ref"> & React.RefAttributes<React.Component<any, any, any>>, "classes" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "abbr" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "valign" | "padding" | "size" | "sortDirection" | "sx" | "variant" | "ref" | "ActionsComponent" | "backIconButtonProps" | "count" | "disabled" | "getItemAriaLabel" | "labelDisplayedRows" | "labelRowsPerPage" | "nextIconButtonProps" | "onPageChange" | "onRowsPerPageChange" | "page" | "rowsPerPage" | "rowsPerPageOptions" | "SelectProps" | "showFirstButton" | "showLastButton" | "slotProps" | "slots"> & {
|
|
39
40
|
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
40
|
-
rowsPerPageLabel?: React
|
|
41
|
+
rowsPerPageLabel?: React.ReactNode;
|
|
41
42
|
/** Formats the range summary (e.g. total count). Default: "1–10 of 47 results". Overrides MUI `labelDisplayedRows` when both are omitted; explicit `labelDisplayedRows` wins. */
|
|
42
|
-
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React
|
|
43
|
-
}, "ref">) & React
|
|
43
|
+
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React.ReactNode;
|
|
44
|
+
}, "ref">) & React.RefAttributes<unknown>>;
|
|
44
45
|
|
|
45
46
|
type LogoProps = {
|
|
46
47
|
loggedIn?: boolean;
|
|
@@ -57,15 +58,16 @@ type LogoProps = {
|
|
|
57
58
|
};
|
|
58
59
|
declare const Logo: React__default.FC<LogoProps>;
|
|
59
60
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
actions
|
|
66
|
-
children:
|
|
67
|
-
maxWidth?:
|
|
68
|
-
}
|
|
61
|
+
type FormDialogProps = Omit<DialogProps, "open" | "onClose" | "title" | "children"> & {
|
|
62
|
+
open?: boolean;
|
|
63
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
|
|
64
|
+
title?: React.ReactNode;
|
|
65
|
+
/** Omit or pass `null` to hide the actions row. */
|
|
66
|
+
actions?: React.ReactNode | null;
|
|
67
|
+
children: React.ReactNode;
|
|
68
|
+
maxWidth?: DialogProps["maxWidth"];
|
|
69
|
+
};
|
|
70
|
+
declare const FormDialog: ({ open, setOpen, title, actions, children, maxWidth, BackdropProps, ...props }: FormDialogProps) => react_jsx_runtime.JSX.Element;
|
|
69
71
|
|
|
70
72
|
type InputFileUploadProps = {
|
|
71
73
|
name?: string;
|
|
@@ -178,13 +180,13 @@ interface SearchableSelectProps {
|
|
|
178
180
|
}
|
|
179
181
|
declare const SearchableSelect: React__default.FC<SearchableSelectProps>;
|
|
180
182
|
|
|
181
|
-
|
|
183
|
+
type FormDrawerProps = Omit<DrawerProps, "open" | "onClose" | "children"> & {
|
|
182
184
|
open: boolean;
|
|
183
|
-
setOpen: React.Dispatch<React.SetStateAction<boolean
|
|
185
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
|
|
184
186
|
title?: string | null;
|
|
185
187
|
actions?: React.ReactNode;
|
|
186
188
|
children: React.ReactNode;
|
|
187
|
-
}
|
|
189
|
+
};
|
|
188
190
|
declare const FormDrawer: React.FC<FormDrawerProps>;
|
|
189
191
|
|
|
190
192
|
interface PhoneNumberFieldProps {
|
|
@@ -196,7 +198,26 @@ interface PhoneNumberFieldProps {
|
|
|
196
198
|
disabled?: boolean;
|
|
197
199
|
autoFocus?: boolean;
|
|
198
200
|
onBlur?: () => void;
|
|
201
|
+
error?: boolean;
|
|
202
|
+
helperText?: React__default.ReactNode;
|
|
203
|
+
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
199
204
|
}
|
|
200
205
|
declare const PhoneNumberField: React__default.FC<PhoneNumberFieldProps>;
|
|
201
206
|
|
|
202
|
-
|
|
207
|
+
interface CountryType {
|
|
208
|
+
code: string;
|
|
209
|
+
label: string;
|
|
210
|
+
phone: string;
|
|
211
|
+
suggested?: boolean;
|
|
212
|
+
}
|
|
213
|
+
interface CountrySelectProps {
|
|
214
|
+
value: string;
|
|
215
|
+
onChange: (newValue: CountryType | null) => void;
|
|
216
|
+
label?: string;
|
|
217
|
+
size?: "small" | "medium";
|
|
218
|
+
disabled?: boolean;
|
|
219
|
+
style?: React__default.CSSProperties;
|
|
220
|
+
}
|
|
221
|
+
declare const CountrySelect: React__default.FC<CountrySelectProps>;
|
|
222
|
+
|
|
223
|
+
export { CountrySelect, type CountryType, EmptyState, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, SkeletonBar, StatusPill, TabPanel, TablePagination, type TablePaginationDesignProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { DialogProps, DrawerProps } from '@mui/material';
|
|
1
2
|
export * from '@mui/material';
|
|
2
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import * as React
|
|
4
|
-
import React__default, { FC } from 'react';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import React__default, { FC, KeyboardEvent } from 'react';
|
|
5
6
|
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
6
7
|
import * as _mui_material_TablePagination from '@mui/material/TablePagination';
|
|
7
8
|
import _mui_material_TablePagination__default, { LabelDisplayedRowsArgs } from '@mui/material/TablePagination';
|
|
@@ -17,11 +18,11 @@ interface TabPanelProps {
|
|
|
17
18
|
}
|
|
18
19
|
declare const TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
|
|
19
20
|
|
|
20
|
-
type TablePaginationDesignProps = React
|
|
21
|
+
type TablePaginationDesignProps = React.ComponentProps<typeof _mui_material_TablePagination__default> & {
|
|
21
22
|
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
22
|
-
rowsPerPageLabel?: React
|
|
23
|
+
rowsPerPageLabel?: React.ReactNode;
|
|
23
24
|
/** Formats the range summary (e.g. total count). Default: "1–10 of 47 results". Overrides MUI `labelDisplayedRows` when both are omitted; explicit `labelDisplayedRows` wins. */
|
|
24
|
-
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React
|
|
25
|
+
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React.ReactNode;
|
|
25
26
|
};
|
|
26
27
|
/**
|
|
27
28
|
* Design-library TablePagination: forwards MUI props and ref, with a compact
|
|
@@ -30,17 +31,17 @@ type TablePaginationDesignProps = React$1.ComponentProps<typeof _mui_material_Ta
|
|
|
30
31
|
* navigation by default. Use inside `TableFooter` for vertical alignment with
|
|
31
32
|
* table rows.
|
|
32
33
|
*/
|
|
33
|
-
declare const TablePagination: React
|
|
34
|
+
declare const TablePagination: React.ForwardRefExoticComponent<(Omit<_mui_material_TablePagination.TablePaginationOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<_mui_material_TablePagination.TablePaginationBaseProps, "classes" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "abbr" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "valign" | "padding" | "size" | "sortDirection" | "sx" | "variant" | "ref" | "ActionsComponent" | "backIconButtonProps" | "count" | "disabled" | "getItemAriaLabel" | "labelDisplayedRows" | "labelRowsPerPage" | "nextIconButtonProps" | "onPageChange" | "onRowsPerPageChange" | "page" | "rowsPerPage" | "rowsPerPageOptions" | "SelectProps" | "showFirstButton" | "showLastButton" | "slotProps" | "slots"> & {
|
|
34
35
|
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
35
|
-
rowsPerPageLabel?: React
|
|
36
|
+
rowsPerPageLabel?: React.ReactNode;
|
|
36
37
|
/** Formats the range summary (e.g. total count). Default: "1–10 of 47 results". Overrides MUI `labelDisplayedRows` when both are omitted; explicit `labelDisplayedRows` wins. */
|
|
37
|
-
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React
|
|
38
|
-
}, "ref"> | Omit<_mui_material_TablePagination.TablePaginationOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<_mui_material_TablePagination.TablePaginationBaseProps, "ref"> & React
|
|
38
|
+
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React.ReactNode;
|
|
39
|
+
}, "ref"> | Omit<_mui_material_TablePagination.TablePaginationOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<_mui_material_TablePagination.TablePaginationBaseProps, "ref"> & React.RefAttributes<React.Component<any, any, any>>, "classes" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "abbr" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "height" | "width" | "valign" | "padding" | "size" | "sortDirection" | "sx" | "variant" | "ref" | "ActionsComponent" | "backIconButtonProps" | "count" | "disabled" | "getItemAriaLabel" | "labelDisplayedRows" | "labelRowsPerPage" | "nextIconButtonProps" | "onPageChange" | "onRowsPerPageChange" | "page" | "rowsPerPage" | "rowsPerPageOptions" | "SelectProps" | "showFirstButton" | "showLastButton" | "slotProps" | "slots"> & {
|
|
39
40
|
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
40
|
-
rowsPerPageLabel?: React
|
|
41
|
+
rowsPerPageLabel?: React.ReactNode;
|
|
41
42
|
/** Formats the range summary (e.g. total count). Default: "1–10 of 47 results". Overrides MUI `labelDisplayedRows` when both are omitted; explicit `labelDisplayedRows` wins. */
|
|
42
|
-
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React
|
|
43
|
-
}, "ref">) & React
|
|
43
|
+
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React.ReactNode;
|
|
44
|
+
}, "ref">) & React.RefAttributes<unknown>>;
|
|
44
45
|
|
|
45
46
|
type LogoProps = {
|
|
46
47
|
loggedIn?: boolean;
|
|
@@ -57,15 +58,16 @@ type LogoProps = {
|
|
|
57
58
|
};
|
|
58
59
|
declare const Logo: React__default.FC<LogoProps>;
|
|
59
60
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
actions
|
|
66
|
-
children:
|
|
67
|
-
maxWidth?:
|
|
68
|
-
}
|
|
61
|
+
type FormDialogProps = Omit<DialogProps, "open" | "onClose" | "title" | "children"> & {
|
|
62
|
+
open?: boolean;
|
|
63
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
|
|
64
|
+
title?: React.ReactNode;
|
|
65
|
+
/** Omit or pass `null` to hide the actions row. */
|
|
66
|
+
actions?: React.ReactNode | null;
|
|
67
|
+
children: React.ReactNode;
|
|
68
|
+
maxWidth?: DialogProps["maxWidth"];
|
|
69
|
+
};
|
|
70
|
+
declare const FormDialog: ({ open, setOpen, title, actions, children, maxWidth, BackdropProps, ...props }: FormDialogProps) => react_jsx_runtime.JSX.Element;
|
|
69
71
|
|
|
70
72
|
type InputFileUploadProps = {
|
|
71
73
|
name?: string;
|
|
@@ -178,13 +180,13 @@ interface SearchableSelectProps {
|
|
|
178
180
|
}
|
|
179
181
|
declare const SearchableSelect: React__default.FC<SearchableSelectProps>;
|
|
180
182
|
|
|
181
|
-
|
|
183
|
+
type FormDrawerProps = Omit<DrawerProps, "open" | "onClose" | "children"> & {
|
|
182
184
|
open: boolean;
|
|
183
|
-
setOpen: React.Dispatch<React.SetStateAction<boolean
|
|
185
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
|
|
184
186
|
title?: string | null;
|
|
185
187
|
actions?: React.ReactNode;
|
|
186
188
|
children: React.ReactNode;
|
|
187
|
-
}
|
|
189
|
+
};
|
|
188
190
|
declare const FormDrawer: React.FC<FormDrawerProps>;
|
|
189
191
|
|
|
190
192
|
interface PhoneNumberFieldProps {
|
|
@@ -196,7 +198,26 @@ interface PhoneNumberFieldProps {
|
|
|
196
198
|
disabled?: boolean;
|
|
197
199
|
autoFocus?: boolean;
|
|
198
200
|
onBlur?: () => void;
|
|
201
|
+
error?: boolean;
|
|
202
|
+
helperText?: React__default.ReactNode;
|
|
203
|
+
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
199
204
|
}
|
|
200
205
|
declare const PhoneNumberField: React__default.FC<PhoneNumberFieldProps>;
|
|
201
206
|
|
|
202
|
-
|
|
207
|
+
interface CountryType {
|
|
208
|
+
code: string;
|
|
209
|
+
label: string;
|
|
210
|
+
phone: string;
|
|
211
|
+
suggested?: boolean;
|
|
212
|
+
}
|
|
213
|
+
interface CountrySelectProps {
|
|
214
|
+
value: string;
|
|
215
|
+
onChange: (newValue: CountryType | null) => void;
|
|
216
|
+
label?: string;
|
|
217
|
+
size?: "small" | "medium";
|
|
218
|
+
disabled?: boolean;
|
|
219
|
+
style?: React__default.CSSProperties;
|
|
220
|
+
}
|
|
221
|
+
declare const CountrySelect: React__default.FC<CountrySelectProps>;
|
|
222
|
+
|
|
223
|
+
export { CountrySelect, type CountryType, EmptyState, FormDialog, FormDrawer, FormPopover, FormSnackBar, IOSSwitch, ImageUploadAvatar, InputFileUpload, Loader, Logo, PhoneNumberField, Pill, SearchableSelect, SkeletonBar, StatusPill, TabPanel, TablePagination, type TablePaginationDesignProps };
|