@verma-consulting/design-library 0.1.45 → 0.1.47
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/README.md +5 -5
- package/dist/index.d.mts +27 -32
- package/dist/index.d.ts +27 -32
- package/dist/index.js +253 -150
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +245 -142
- package/dist/index.mjs.map +1 -1
- package/package.json +17 -16
package/README.md
CHANGED
|
@@ -16,11 +16,11 @@ yarn add @verma-consulting/design-library
|
|
|
16
16
|
|
|
17
17
|
Install these in your app (they are not bundled):
|
|
18
18
|
|
|
19
|
-
- `react` (
|
|
20
|
-
- `react-dom` (
|
|
21
|
-
- `@mui/material` (^5.
|
|
22
|
-
- `@mui/icons-material` (^7.3
|
|
23
|
-
- `@mui/styles` (^5.
|
|
19
|
+
- `react` (^18 or ^19)
|
|
20
|
+
- `react-dom` (^18 or ^19)
|
|
21
|
+
- `@mui/material` (^5.16.8 or ^7.3)
|
|
22
|
+
- `@mui/icons-material` (^5.16.8 or ^7.3)
|
|
23
|
+
- `@mui/styles` (^5.16.8 or ^7.3)
|
|
24
24
|
|
|
25
25
|
The package also depends on `@verma-consulting/common-library`; it will be installed automatically.
|
|
26
26
|
|
package/dist/index.d.mts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
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';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import _mui_material_TablePagination__default, { LabelDisplayedRowsArgs } from '@mui/material/TablePagination';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import React__default, { FC, KeyboardEvent } from 'react';
|
|
6
|
+
import MuiTablePagination, { LabelDisplayedRowsArgs } from '@mui/material/TablePagination';
|
|
7
|
+
import { SxProps, Theme } from '@mui/material/styles';
|
|
8
8
|
export { ThemeProvider, createTheme, styled, useTheme } from '@mui/material/styles';
|
|
9
9
|
export { makeStyles } from '@mui/styles';
|
|
10
10
|
import { SwitchProps } from '@mui/material/Switch';
|
|
@@ -17,11 +17,11 @@ interface TabPanelProps {
|
|
|
17
17
|
}
|
|
18
18
|
declare const TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
|
|
19
19
|
|
|
20
|
-
type TablePaginationDesignProps = React
|
|
20
|
+
type TablePaginationDesignProps = React.ComponentProps<typeof MuiTablePagination> & {
|
|
21
21
|
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
22
|
-
rowsPerPageLabel?: React
|
|
22
|
+
rowsPerPageLabel?: React.ReactNode;
|
|
23
23
|
/** 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
|
|
24
|
+
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React.ReactNode;
|
|
25
25
|
};
|
|
26
26
|
/**
|
|
27
27
|
* Design-library TablePagination: forwards MUI props and ref, with a compact
|
|
@@ -30,17 +30,7 @@ type TablePaginationDesignProps = React$1.ComponentProps<typeof _mui_material_Ta
|
|
|
30
30
|
* navigation by default. Use inside `TableFooter` for vertical alignment with
|
|
31
31
|
* table rows.
|
|
32
32
|
*/
|
|
33
|
-
declare const TablePagination: React
|
|
34
|
-
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
35
|
-
rowsPerPageLabel?: React$1.ReactNode;
|
|
36
|
-
/** 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$1.ReactNode;
|
|
38
|
-
}, "ref"> | Omit<_mui_material_TablePagination.TablePaginationOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<_mui_material_TablePagination.TablePaginationBaseProps, "ref"> & React$1.RefAttributes<React$1.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
|
-
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
40
|
-
rowsPerPageLabel?: React$1.ReactNode;
|
|
41
|
-
/** 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$1.ReactNode;
|
|
43
|
-
}, "ref">) & React$1.RefAttributes<unknown>>;
|
|
33
|
+
declare const TablePagination: React.ForwardRefExoticComponent<Omit<TablePaginationDesignProps, "ref"> & React.RefAttributes<unknown>>;
|
|
44
34
|
|
|
45
35
|
type LogoProps = {
|
|
46
36
|
loggedIn?: boolean;
|
|
@@ -57,15 +47,16 @@ type LogoProps = {
|
|
|
57
47
|
};
|
|
58
48
|
declare const Logo: React__default.FC<LogoProps>;
|
|
59
49
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
actions
|
|
66
|
-
children:
|
|
67
|
-
maxWidth?:
|
|
68
|
-
}
|
|
50
|
+
type FormDialogProps = Omit<DialogProps, "open" | "onClose" | "title" | "children"> & {
|
|
51
|
+
open?: boolean;
|
|
52
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
|
|
53
|
+
title?: React.ReactNode;
|
|
54
|
+
/** Omit or pass `null` to hide the actions row. */
|
|
55
|
+
actions?: React.ReactNode | null;
|
|
56
|
+
children: React.ReactNode;
|
|
57
|
+
maxWidth?: DialogProps["maxWidth"];
|
|
58
|
+
};
|
|
59
|
+
declare const FormDialog: ({ open, setOpen, title, actions, children, maxWidth, BackdropProps, ...props }: FormDialogProps) => react_jsx_runtime.JSX.Element;
|
|
69
60
|
|
|
70
61
|
type InputFileUploadProps = {
|
|
71
62
|
name?: string;
|
|
@@ -178,13 +169,13 @@ interface SearchableSelectProps {
|
|
|
178
169
|
}
|
|
179
170
|
declare const SearchableSelect: React__default.FC<SearchableSelectProps>;
|
|
180
171
|
|
|
181
|
-
|
|
172
|
+
type FormDrawerProps = Omit<DrawerProps, "open" | "onClose" | "children"> & {
|
|
182
173
|
open: boolean;
|
|
183
|
-
setOpen: React.Dispatch<React.SetStateAction<boolean
|
|
174
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
|
|
184
175
|
title?: string | null;
|
|
185
176
|
actions?: React.ReactNode;
|
|
186
177
|
children: React.ReactNode;
|
|
187
|
-
}
|
|
178
|
+
};
|
|
188
179
|
declare const FormDrawer: React.FC<FormDrawerProps>;
|
|
189
180
|
|
|
190
181
|
interface PhoneNumberFieldProps {
|
|
@@ -196,6 +187,9 @@ interface PhoneNumberFieldProps {
|
|
|
196
187
|
disabled?: boolean;
|
|
197
188
|
autoFocus?: boolean;
|
|
198
189
|
onBlur?: () => void;
|
|
190
|
+
error?: boolean;
|
|
191
|
+
helperText?: React__default.ReactNode;
|
|
192
|
+
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
199
193
|
}
|
|
200
194
|
declare const PhoneNumberField: React__default.FC<PhoneNumberFieldProps>;
|
|
201
195
|
|
|
@@ -211,7 +205,8 @@ interface CountrySelectProps {
|
|
|
211
205
|
label?: string;
|
|
212
206
|
size?: "small" | "medium";
|
|
213
207
|
disabled?: boolean;
|
|
214
|
-
|
|
208
|
+
/** Applied to the view wrapper and the edit-mode `Autocomplete` root. */
|
|
209
|
+
sx?: SxProps<Theme>;
|
|
215
210
|
}
|
|
216
211
|
declare const CountrySelect: React__default.FC<CountrySelectProps>;
|
|
217
212
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
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';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import _mui_material_TablePagination__default, { LabelDisplayedRowsArgs } from '@mui/material/TablePagination';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import React__default, { FC, KeyboardEvent } from 'react';
|
|
6
|
+
import MuiTablePagination, { LabelDisplayedRowsArgs } from '@mui/material/TablePagination';
|
|
7
|
+
import { SxProps, Theme } from '@mui/material/styles';
|
|
8
8
|
export { ThemeProvider, createTheme, styled, useTheme } from '@mui/material/styles';
|
|
9
9
|
export { makeStyles } from '@mui/styles';
|
|
10
10
|
import { SwitchProps } from '@mui/material/Switch';
|
|
@@ -17,11 +17,11 @@ interface TabPanelProps {
|
|
|
17
17
|
}
|
|
18
18
|
declare const TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
|
|
19
19
|
|
|
20
|
-
type TablePaginationDesignProps = React
|
|
20
|
+
type TablePaginationDesignProps = React.ComponentProps<typeof MuiTablePagination> & {
|
|
21
21
|
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
22
|
-
rowsPerPageLabel?: React
|
|
22
|
+
rowsPerPageLabel?: React.ReactNode;
|
|
23
23
|
/** 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
|
|
24
|
+
displayedRangeLabel?: (info: LabelDisplayedRowsArgs) => React.ReactNode;
|
|
25
25
|
};
|
|
26
26
|
/**
|
|
27
27
|
* Design-library TablePagination: forwards MUI props and ref, with a compact
|
|
@@ -30,17 +30,7 @@ type TablePaginationDesignProps = React$1.ComponentProps<typeof _mui_material_Ta
|
|
|
30
30
|
* navigation by default. Use inside `TableFooter` for vertical alignment with
|
|
31
31
|
* table rows.
|
|
32
32
|
*/
|
|
33
|
-
declare const TablePagination: React
|
|
34
|
-
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
35
|
-
rowsPerPageLabel?: React$1.ReactNode;
|
|
36
|
-
/** 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$1.ReactNode;
|
|
38
|
-
}, "ref"> | Omit<_mui_material_TablePagination.TablePaginationOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<_mui_material_TablePagination.TablePaginationBaseProps, "ref"> & React$1.RefAttributes<React$1.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
|
-
/** Label before the rows-per-page control. Default: "Per page". Overrides MUI `labelRowsPerPage` when both are omitted; explicit `labelRowsPerPage` wins. */
|
|
40
|
-
rowsPerPageLabel?: React$1.ReactNode;
|
|
41
|
-
/** 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$1.ReactNode;
|
|
43
|
-
}, "ref">) & React$1.RefAttributes<unknown>>;
|
|
33
|
+
declare const TablePagination: React.ForwardRefExoticComponent<Omit<TablePaginationDesignProps, "ref"> & React.RefAttributes<unknown>>;
|
|
44
34
|
|
|
45
35
|
type LogoProps = {
|
|
46
36
|
loggedIn?: boolean;
|
|
@@ -57,15 +47,16 @@ type LogoProps = {
|
|
|
57
47
|
};
|
|
58
48
|
declare const Logo: React__default.FC<LogoProps>;
|
|
59
49
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
actions
|
|
66
|
-
children:
|
|
67
|
-
maxWidth?:
|
|
68
|
-
}
|
|
50
|
+
type FormDialogProps = Omit<DialogProps, "open" | "onClose" | "title" | "children"> & {
|
|
51
|
+
open?: boolean;
|
|
52
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
|
|
53
|
+
title?: React.ReactNode;
|
|
54
|
+
/** Omit or pass `null` to hide the actions row. */
|
|
55
|
+
actions?: React.ReactNode | null;
|
|
56
|
+
children: React.ReactNode;
|
|
57
|
+
maxWidth?: DialogProps["maxWidth"];
|
|
58
|
+
};
|
|
59
|
+
declare const FormDialog: ({ open, setOpen, title, actions, children, maxWidth, BackdropProps, ...props }: FormDialogProps) => react_jsx_runtime.JSX.Element;
|
|
69
60
|
|
|
70
61
|
type InputFileUploadProps = {
|
|
71
62
|
name?: string;
|
|
@@ -178,13 +169,13 @@ interface SearchableSelectProps {
|
|
|
178
169
|
}
|
|
179
170
|
declare const SearchableSelect: React__default.FC<SearchableSelectProps>;
|
|
180
171
|
|
|
181
|
-
|
|
172
|
+
type FormDrawerProps = Omit<DrawerProps, "open" | "onClose" | "children"> & {
|
|
182
173
|
open: boolean;
|
|
183
|
-
setOpen: React.Dispatch<React.SetStateAction<boolean
|
|
174
|
+
setOpen: React.Dispatch<React.SetStateAction<boolean>> | ((open: boolean) => void);
|
|
184
175
|
title?: string | null;
|
|
185
176
|
actions?: React.ReactNode;
|
|
186
177
|
children: React.ReactNode;
|
|
187
|
-
}
|
|
178
|
+
};
|
|
188
179
|
declare const FormDrawer: React.FC<FormDrawerProps>;
|
|
189
180
|
|
|
190
181
|
interface PhoneNumberFieldProps {
|
|
@@ -196,6 +187,9 @@ interface PhoneNumberFieldProps {
|
|
|
196
187
|
disabled?: boolean;
|
|
197
188
|
autoFocus?: boolean;
|
|
198
189
|
onBlur?: () => void;
|
|
190
|
+
error?: boolean;
|
|
191
|
+
helperText?: React__default.ReactNode;
|
|
192
|
+
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
199
193
|
}
|
|
200
194
|
declare const PhoneNumberField: React__default.FC<PhoneNumberFieldProps>;
|
|
201
195
|
|
|
@@ -211,7 +205,8 @@ interface CountrySelectProps {
|
|
|
211
205
|
label?: string;
|
|
212
206
|
size?: "small" | "medium";
|
|
213
207
|
disabled?: boolean;
|
|
214
|
-
|
|
208
|
+
/** Applied to the view wrapper and the edit-mode `Autocomplete` root. */
|
|
209
|
+
sx?: SxProps<Theme>;
|
|
215
210
|
}
|
|
216
211
|
declare const CountrySelect: React__default.FC<CountrySelectProps>;
|
|
217
212
|
|