@natoora-libs/core 0.2.23 → 0.2.24-dev-package-upgrades-1
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/package.json +1 -9
- package/dist/TableDesktop-BQk0gStR.d.cts +0 -136
- package/dist/TableDesktop-BQk0gStR.d.ts +0 -136
- package/dist/chunk-5WRI5ZAA.js +0 -31
- package/dist/chunk-5WRI5ZAA.js.map +0 -1
- package/dist/chunk-CKW5LT7K.js +0 -210
- package/dist/chunk-CKW5LT7K.js.map +0 -1
- package/dist/chunk-IXEF6LYV.js +0 -33
- package/dist/chunk-IXEF6LYV.js.map +0 -1
- package/dist/chunk-N3IUZVB7.js +0 -21
- package/dist/chunk-N3IUZVB7.js.map +0 -1
- package/dist/components/index.cjs +0 -10191
- package/dist/components/index.cjs.map +0 -1
- package/dist/components/index.d.cts +0 -1095
- package/dist/components/index.d.ts +0 -1095
- package/dist/components/index.js +0 -10027
- package/dist/components/index.js.map +0 -1
- package/dist/hooks/index.cjs +0 -58
- package/dist/hooks/index.cjs.map +0 -1
- package/dist/hooks/index.d.cts +0 -13
- package/dist/hooks/index.d.ts +0 -13
- package/dist/hooks/index.js +0 -8
- package/dist/hooks/index.js.map +0 -1
- package/dist/index.cjs +0 -26
- package/dist/index.cjs.map +0 -1
- package/dist/index.d.cts +0 -3
- package/dist/index.d.ts +0 -3
- package/dist/index.js +0 -8
- package/dist/index.js.map +0 -1
- package/dist/providers/index.cjs +0 -386
- package/dist/providers/index.cjs.map +0 -1
- package/dist/providers/index.d.cts +0 -37
- package/dist/providers/index.d.ts +0 -37
- package/dist/providers/index.js +0 -154
- package/dist/providers/index.js.map +0 -1
- package/dist/utils/index.cjs +0 -47
- package/dist/utils/index.cjs.map +0 -1
- package/dist/utils/index.d.cts +0 -12
- package/dist/utils/index.d.ts +0 -12
- package/dist/utils/index.js +0 -10
- package/dist/utils/index.js.map +0 -1
|
@@ -1,1095 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-BQk0gStR.js';
|
|
5
|
-
export { B as BulkChanges, d as BulkChangesDialogProps, E as EditableCellType, e as ExportCsvDialogProps, f as TableColumnConfigurationMenuProps, g as TableDesktop, h as TableDesktopFooter, i as TableDesktopFooterProps, j as TableDesktopToolbar, k as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-BQk0gStR.js';
|
|
6
|
-
import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
|
|
7
|
-
import { UseMutateAsyncFunction } from 'react-query';
|
|
8
|
-
import { SxProps, Theme, SelectProps, MenuProps, Typography, AutocompleteProps, TextFieldProps } from '@mui/material';
|
|
9
|
-
import { DateRangePickerShape } from 'react-dates';
|
|
10
|
-
|
|
11
|
-
type ActiveFiltersIconButtonProps = {
|
|
12
|
-
label?: string;
|
|
13
|
-
className?: string;
|
|
14
|
-
enableRipple?: boolean;
|
|
15
|
-
numActiveFilters: number;
|
|
16
|
-
handleClick: (event: MouseEvent<HTMLElement>) => void;
|
|
17
|
-
};
|
|
18
|
-
declare const ActiveFiltersIconButton: React.MemoExoticComponent<({ label, className, enableRipple, numActiveFilters, handleClick, }: ActiveFiltersIconButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
19
|
-
|
|
20
|
-
interface AlertDialogProps {
|
|
21
|
-
open: boolean;
|
|
22
|
-
alertTitle?: string;
|
|
23
|
-
description?: string;
|
|
24
|
-
maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
25
|
-
fullWidth?: boolean;
|
|
26
|
-
content?: ReactNode;
|
|
27
|
-
fullScreen?: boolean;
|
|
28
|
-
handleAlertAccept?: () => void;
|
|
29
|
-
handleAlertReject?: () => void;
|
|
30
|
-
rejectCopy?: string;
|
|
31
|
-
acceptCopy?: string;
|
|
32
|
-
disabledContentPadding?: boolean;
|
|
33
|
-
disableEnforceFocus?: boolean;
|
|
34
|
-
disableRestoreFocus?: boolean;
|
|
35
|
-
}
|
|
36
|
-
declare const AlertDialog: React.FC<AlertDialogProps>;
|
|
37
|
-
|
|
38
|
-
interface AlertDialogFullScreenProps {
|
|
39
|
-
acceptCopy?: any;
|
|
40
|
-
content?: any;
|
|
41
|
-
fullScreen?: any;
|
|
42
|
-
handleAlertAccept?: any;
|
|
43
|
-
handleAlertReject?: any;
|
|
44
|
-
open?: any;
|
|
45
|
-
rejectCopy?: any;
|
|
46
|
-
}
|
|
47
|
-
declare const AlertDialogFullScreen: ({ handleAlertAccept, handleAlertReject, fullScreen, open, rejectCopy, acceptCopy, content, }: AlertDialogFullScreenProps) => react_jsx_runtime.JSX.Element;
|
|
48
|
-
|
|
49
|
-
interface IAppLabel {
|
|
50
|
-
appName: string;
|
|
51
|
-
}
|
|
52
|
-
declare const AppLabel: ({ appName }: IAppLabel) => react_jsx_runtime.JSX.Element;
|
|
53
|
-
|
|
54
|
-
type AppliedTableFiltersDisplayProps = {
|
|
55
|
-
headCells: HeadCell[];
|
|
56
|
-
headerFilters: HeaderFilters;
|
|
57
|
-
hasAnyFiltersApplied: boolean;
|
|
58
|
-
onOpenClearFiltersDialog: () => void;
|
|
59
|
-
};
|
|
60
|
-
declare const AppliedTableFiltersDisplay: FC<AppliedTableFiltersDisplayProps>;
|
|
61
|
-
|
|
62
|
-
type AutocompleteFilterMenuContentProps = {
|
|
63
|
-
columnId: string;
|
|
64
|
-
labelFieldName: string;
|
|
65
|
-
selectedFilterOptions: HeaderFilterOptions;
|
|
66
|
-
isLoading?: boolean;
|
|
67
|
-
maxWidth?: number;
|
|
68
|
-
maxHeight?: number;
|
|
69
|
-
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
70
|
-
onApplyFiltersClick: (shouldSave: boolean) => void;
|
|
71
|
-
filterOptions: HeadCell['filterOptions'];
|
|
72
|
-
onAutocompleteSearch: HeadCell['onAutocompleteSearch'];
|
|
73
|
-
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
74
|
-
};
|
|
75
|
-
declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentProps>;
|
|
76
|
-
|
|
77
|
-
interface BackHeaderProps {
|
|
78
|
-
appName: string;
|
|
79
|
-
onGoBackClick?: () => void;
|
|
80
|
-
}
|
|
81
|
-
declare const BackHeader: React.FC<BackHeaderProps>;
|
|
82
|
-
|
|
83
|
-
interface BottomBarProps {
|
|
84
|
-
className?: string;
|
|
85
|
-
children?: React.ReactNode;
|
|
86
|
-
isLoading?: boolean;
|
|
87
|
-
onRefreshClick?: (() => void) | null;
|
|
88
|
-
}
|
|
89
|
-
declare const BottomBar: ({ className, children, isLoading, onRefreshClick, }: BottomBarProps) => react_jsx_runtime.JSX.Element;
|
|
90
|
-
|
|
91
|
-
interface BoxButtonProps {
|
|
92
|
-
label?: any;
|
|
93
|
-
onClick?: any;
|
|
94
|
-
main?: any;
|
|
95
|
-
extra?: any;
|
|
96
|
-
borderColor?: any;
|
|
97
|
-
}
|
|
98
|
-
declare const _default$k: React.MemoExoticComponent<(props: BoxButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
99
|
-
|
|
100
|
-
interface IExtendedButton {
|
|
101
|
-
buttonType?: 'button' | 'submit';
|
|
102
|
-
className?: string;
|
|
103
|
-
color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | 'default' | 'noOutline' | undefined;
|
|
104
|
-
copy: string;
|
|
105
|
-
disabled?: boolean;
|
|
106
|
-
href?: string;
|
|
107
|
-
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
108
|
-
subcopy?: string;
|
|
109
|
-
tooltip?: string;
|
|
110
|
-
component?: React.ElementType;
|
|
111
|
-
type?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish' | 'compare';
|
|
112
|
-
variant?: 'contained' | 'outlined' | 'text';
|
|
113
|
-
copyColor?: string;
|
|
114
|
-
}
|
|
115
|
-
declare const _default$j: React.MemoExoticComponent<({ buttonType, color, disabled, href, tooltip, component, type, className, onClick, copy, subcopy, variant, copyColor, }: IExtendedButton) => react_jsx_runtime.JSX.Element>;
|
|
116
|
-
|
|
117
|
-
interface IFilledButton {
|
|
118
|
-
autoFocus?: boolean;
|
|
119
|
-
className?: string;
|
|
120
|
-
color?: 'default' | 'error' | 'info' | 'inherit' | 'primary' | 'secondary' | 'success' | 'warning';
|
|
121
|
-
copy: string;
|
|
122
|
-
isLoading?: boolean;
|
|
123
|
-
disabled?: boolean;
|
|
124
|
-
href?: string;
|
|
125
|
-
onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
126
|
-
type?: 'button' | 'submit';
|
|
127
|
-
variant?: 'contained' | 'outlined' | 'text';
|
|
128
|
-
}
|
|
129
|
-
declare const _default$i: React__default.MemoExoticComponent<({ autoFocus, className, color, copy, disabled, href, isLoading, onClick, type, variant, }: IFilledButton) => react_jsx_runtime.JSX.Element>;
|
|
130
|
-
|
|
131
|
-
interface FilledButtonLgProps {
|
|
132
|
-
classes?: any;
|
|
133
|
-
disabled?: any;
|
|
134
|
-
variant?: string;
|
|
135
|
-
color?: string;
|
|
136
|
-
copy?: any;
|
|
137
|
-
handleClick?: any;
|
|
138
|
-
loading?: boolean;
|
|
139
|
-
loadingProps?: {
|
|
140
|
-
color?: 'primary' | 'secondary' | 'inherit';
|
|
141
|
-
size?: number;
|
|
142
|
-
style?: string;
|
|
143
|
-
};
|
|
144
|
-
}
|
|
145
|
-
declare const _default$h: React.MemoExoticComponent<({ classes, disabled, variant, color, copy, handleClick, loading, loadingProps, }: FilledButtonLgProps) => react_jsx_runtime.JSX.Element>;
|
|
146
|
-
|
|
147
|
-
interface ImageButtonProps {
|
|
148
|
-
src?: any;
|
|
149
|
-
onClick?: any;
|
|
150
|
-
value?: any;
|
|
151
|
-
}
|
|
152
|
-
declare const _default$g: React.MemoExoticComponent<(props: ImageButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
153
|
-
|
|
154
|
-
interface SquareButtonProps {
|
|
155
|
-
children: any;
|
|
156
|
-
disabled?: any;
|
|
157
|
-
hasContentLeftSide?: any;
|
|
158
|
-
onClick: any;
|
|
159
|
-
type: any;
|
|
160
|
-
}
|
|
161
|
-
declare const SquareButton: ({ children, disabled, hasContentLeftSide, onClick, type, }: SquareButtonProps) => react_jsx_runtime.JSX.Element;
|
|
162
|
-
|
|
163
|
-
interface UploadButtonProps {
|
|
164
|
-
name?: string;
|
|
165
|
-
onChange?(...args: any[]): any;
|
|
166
|
-
onBlur?(...args: any[]): any;
|
|
167
|
-
}
|
|
168
|
-
declare const UploadButton: React.ForwardRefExoticComponent<UploadButtonProps & React.RefAttributes<HTMLElement>>;
|
|
169
|
-
|
|
170
|
-
interface OutlinedButtonProps {
|
|
171
|
-
className?: any;
|
|
172
|
-
color?: any;
|
|
173
|
-
copy: any;
|
|
174
|
-
disabled?: any;
|
|
175
|
-
href?: any;
|
|
176
|
-
isLoading?: any;
|
|
177
|
-
onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
178
|
-
startIcon?: any;
|
|
179
|
-
style?: any;
|
|
180
|
-
subcopy?: any;
|
|
181
|
-
type?: any;
|
|
182
|
-
}
|
|
183
|
-
declare const _default$f: React__default.MemoExoticComponent<({ className, color, copy, disabled, href, isLoading, onClick, startIcon, style, subcopy, type, }: OutlinedButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
184
|
-
|
|
185
|
-
interface AButtonProps {
|
|
186
|
-
classes?: any;
|
|
187
|
-
variant?: string;
|
|
188
|
-
color?: string;
|
|
189
|
-
copy?: any;
|
|
190
|
-
}
|
|
191
|
-
declare const _default$e: React.MemoExoticComponent<({ classes, variant, color, copy }: AButtonProps) => react_jsx_runtime.JSX.Element>;
|
|
192
|
-
|
|
193
|
-
interface IRoundButton {
|
|
194
|
-
active?: boolean;
|
|
195
|
-
children?: string;
|
|
196
|
-
className?: string;
|
|
197
|
-
disabled?: boolean;
|
|
198
|
-
focused?: boolean;
|
|
199
|
-
icon?: 'add' | 'apps' | 'arrowBack' | 'arrowForward' | 'avocado' | 'backspaceOutlined' | 'banana' | 'block' | 'bulk' | 'callSplit' | 'chevronRight' | 'chevronUp' | 'chevronDown' | 'close' | 'delete' | 'done' | 'edit' | 'email' | 'grape' | 'groupAdd' | 'history' | 'menu' | 'notes' | 'refresh' | 'remove' | 'search' | 'send' | 'strawberry' | 'thumbDown' | 'threeDots' | 'thumbUp' | 'undo' | 'play' | 'snail' | 'bus' | 'spoon' | 'fork' | 'car' | 'knife' | 'bicycle' | 'heart' | 'airplane' | 'threeDots' | 'swapHoriz';
|
|
200
|
-
iconColor?: 'inherit' | 'disabled' | 'primary' | 'secondary' | 'action' | 'error';
|
|
201
|
-
isContrast?: boolean;
|
|
202
|
-
isTableButton?: boolean;
|
|
203
|
-
noStrokes?: boolean;
|
|
204
|
-
onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
205
|
-
size?: 'small' | 'medium' | 'large' | 'double';
|
|
206
|
-
tooltip?: string;
|
|
207
|
-
variant?: 'default' | 'defaultPrimary' | 'defaultError' | 'filled' | 'primary' | 'secondary';
|
|
208
|
-
testID?: string;
|
|
209
|
-
}
|
|
210
|
-
/**
|
|
211
|
-
* A Rounded button component that is abstracted from MUI Fab component.
|
|
212
|
-
* Can render an icon or a single character.
|
|
213
|
-
* https://v4.mui.com/api/fab/#fab-api.
|
|
214
|
-
*/
|
|
215
|
-
declare const RoundButton: ({ active, children, className, disabled, focused, icon, iconColor, isContrast, isTableButton, noStrokes, onClick, size, tooltip, variant, testID, }: IRoundButton) => react_jsx_runtime.JSX.Element;
|
|
216
|
-
|
|
217
|
-
declare const _default$d: React.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
|
|
218
|
-
|
|
219
|
-
interface ActionButtonProps {
|
|
220
|
-
app?: any;
|
|
221
|
-
}
|
|
222
|
-
declare function ActionButton(props: ActionButtonProps): react_jsx_runtime.JSX.Element;
|
|
223
|
-
|
|
224
|
-
type CheckboxFilterMenuContentProps = {
|
|
225
|
-
columnId: string;
|
|
226
|
-
labelFieldName: string;
|
|
227
|
-
isLoading?: boolean;
|
|
228
|
-
selectedFilterOptions: HeaderFilterOptions;
|
|
229
|
-
filterOptions: HeaderFilterOptions;
|
|
230
|
-
maxHeight?: number;
|
|
231
|
-
width?: number;
|
|
232
|
-
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
233
|
-
onSelectAllChange: (checked: boolean) => void;
|
|
234
|
-
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
235
|
-
onApplyFiltersClick: (shouldSave: boolean) => void;
|
|
236
|
-
};
|
|
237
|
-
declare const CheckboxFilterMenuContent: FC<CheckboxFilterMenuContentProps>;
|
|
238
|
-
|
|
239
|
-
type ClearFiltersConfirmationDialogProps = {
|
|
240
|
-
isOpen: boolean;
|
|
241
|
-
clearFiltersMode: 'unsaved' | 'saved';
|
|
242
|
-
hasAnyUnsavedFilters: boolean;
|
|
243
|
-
onClose: () => void;
|
|
244
|
-
onConfirm: () => void;
|
|
245
|
-
onChangeClearFiltersMode: (mode: 'unsaved' | 'saved') => void;
|
|
246
|
-
};
|
|
247
|
-
declare const ClearFiltersConfirmationDialog: FC<ClearFiltersConfirmationDialogProps>;
|
|
248
|
-
|
|
249
|
-
interface ICompanyLogo {
|
|
250
|
-
size: 'small' | 'medium';
|
|
251
|
-
color: 'light' | 'dark';
|
|
252
|
-
imageLogoDarkSmall: string;
|
|
253
|
-
imageLogoLightSmall: string;
|
|
254
|
-
}
|
|
255
|
-
declare const CompanyLogo: ({ size, color, imageLogoDarkSmall, imageLogoLightSmall, }: ICompanyLogo) => react_jsx_runtime.JSX.Element;
|
|
256
|
-
|
|
257
|
-
interface ConfirmationDialogProps {
|
|
258
|
-
ctaText?: string;
|
|
259
|
-
hideCancel?: boolean;
|
|
260
|
-
isLoading?: boolean;
|
|
261
|
-
hideConfirm?: boolean;
|
|
262
|
-
closeModal: () => void;
|
|
263
|
-
content: string | string[] | React.JSX.Element;
|
|
264
|
-
cancelCopy?: string;
|
|
265
|
-
isOpen: boolean;
|
|
266
|
-
onConfirm?: () => void;
|
|
267
|
-
title: string;
|
|
268
|
-
disableContentPadding?: boolean;
|
|
269
|
-
}
|
|
270
|
-
declare const ConfirmationDialog: {
|
|
271
|
-
({ ctaText, hideCancel, isLoading, hideConfirm, closeModal, content, cancelCopy, isOpen, onConfirm, title, disableContentPadding, }: ConfirmationDialogProps): react_jsx_runtime.JSX.Element;
|
|
272
|
-
defaultProps: {
|
|
273
|
-
ctaText: string;
|
|
274
|
-
hideCancel: boolean;
|
|
275
|
-
hideConfirm: boolean;
|
|
276
|
-
cancelCopy: string;
|
|
277
|
-
isLoading: boolean;
|
|
278
|
-
};
|
|
279
|
-
};
|
|
280
|
-
|
|
281
|
-
interface ControlledCheckboxProps {
|
|
282
|
-
name: string;
|
|
283
|
-
label: string;
|
|
284
|
-
id: string;
|
|
285
|
-
control: Control<any, any>;
|
|
286
|
-
className?: string;
|
|
287
|
-
tooltipDescription?: string;
|
|
288
|
-
'data-testid'?: string;
|
|
289
|
-
color?: 'primary' | 'secondary' | 'default';
|
|
290
|
-
handleChange: (checked: boolean, field: ControllerRenderProps<any, string>) => void;
|
|
291
|
-
disabled?: boolean;
|
|
292
|
-
}
|
|
293
|
-
declare const ControlledCheckbox: React.FC<ControlledCheckboxProps>;
|
|
294
|
-
|
|
295
|
-
interface ControlledNumberInputProps {
|
|
296
|
-
/**
|
|
297
|
-
* control from react-hook-form
|
|
298
|
-
* */
|
|
299
|
-
control: Control<any>;
|
|
300
|
-
/**
|
|
301
|
-
* name in the form data
|
|
302
|
-
* */
|
|
303
|
-
name: string;
|
|
304
|
-
/**
|
|
305
|
-
* label name to be shown in the component
|
|
306
|
-
* */
|
|
307
|
-
label: string;
|
|
308
|
-
/**
|
|
309
|
-
* mininum number allowed
|
|
310
|
-
* */
|
|
311
|
-
min?: number;
|
|
312
|
-
/**
|
|
313
|
-
* maximum number allowed
|
|
314
|
-
* */
|
|
315
|
-
max?: number;
|
|
316
|
-
/**
|
|
317
|
-
* step to change the number
|
|
318
|
-
* */
|
|
319
|
-
step?: number;
|
|
320
|
-
/**
|
|
321
|
-
* optional error message
|
|
322
|
-
* */
|
|
323
|
-
error?: string;
|
|
324
|
-
/**
|
|
325
|
-
* should shrink the label name
|
|
326
|
-
* */
|
|
327
|
-
shrink?: boolean;
|
|
328
|
-
/**
|
|
329
|
-
* opcional className to customize the component
|
|
330
|
-
* */
|
|
331
|
-
className?: string;
|
|
332
|
-
}
|
|
333
|
-
declare const ControlledNumberInput: ({ name, control, label, min, max, step, error, shrink, className, }: ControlledNumberInputProps) => react_jsx_runtime.JSX.Element;
|
|
334
|
-
|
|
335
|
-
interface ControlledNumericFieldProps {
|
|
336
|
-
control: Control<any>;
|
|
337
|
-
label: string;
|
|
338
|
-
min?: number;
|
|
339
|
-
max?: number;
|
|
340
|
-
step?: number;
|
|
341
|
-
fullWidth?: boolean;
|
|
342
|
-
margin?: 'dense' | 'normal' | 'none';
|
|
343
|
-
helperText?: string;
|
|
344
|
-
variant?: 'standard' | 'outlined' | 'filled';
|
|
345
|
-
onChange?: (field: ControllerRenderProps<any, string>, value: number | string) => void;
|
|
346
|
-
onArrowClick?: (field: ControllerRenderProps<any, string>, value: number | string) => void;
|
|
347
|
-
onBlur?: (field: ControllerRenderProps<any, string>, value: number | string, fieldState: ControllerFieldState) => void;
|
|
348
|
-
className?: string;
|
|
349
|
-
fieldName: string;
|
|
350
|
-
'data-testid'?: string;
|
|
351
|
-
}
|
|
352
|
-
declare const ControlledNumericField: React.FC<ControlledNumericFieldProps>;
|
|
353
|
-
|
|
354
|
-
interface ControlledSelectWithArrayProps {
|
|
355
|
-
/**
|
|
356
|
-
* control from react-hook-form
|
|
357
|
-
* */
|
|
358
|
-
control: Control<any>;
|
|
359
|
-
/**
|
|
360
|
-
* name in the form data
|
|
361
|
-
* */
|
|
362
|
-
name: string;
|
|
363
|
-
/**
|
|
364
|
-
* label name to be shown in the component
|
|
365
|
-
* */
|
|
366
|
-
label: string;
|
|
367
|
-
/**
|
|
368
|
-
* options to be rendered in the dropbown
|
|
369
|
-
* */
|
|
370
|
-
options?: (string | number)[];
|
|
371
|
-
/**
|
|
372
|
-
* optional error message
|
|
373
|
-
* */
|
|
374
|
-
error?: string;
|
|
375
|
-
/**
|
|
376
|
-
* optional onChange event
|
|
377
|
-
* */
|
|
378
|
-
onChange?: (value: any) => void;
|
|
379
|
-
/**
|
|
380
|
-
* opcional className to customize the component
|
|
381
|
-
* */
|
|
382
|
-
className?: string;
|
|
383
|
-
/**
|
|
384
|
-
* opcional function to revalidate the form when changing the dropdown value ( trigger function )
|
|
385
|
-
* */
|
|
386
|
-
revalidateFormFunction?: UseFormTrigger<any>;
|
|
387
|
-
}
|
|
388
|
-
declare const ControlledSelectWithArray: ({ name, control, label, options, error, onChange, className, revalidateFormFunction, }: ControlledSelectWithArrayProps) => react_jsx_runtime.JSX.Element;
|
|
389
|
-
|
|
390
|
-
interface ControlledSelectWithObjectProps {
|
|
391
|
-
/**
|
|
392
|
-
* control from react-hook-form
|
|
393
|
-
* */
|
|
394
|
-
control: Control<any>;
|
|
395
|
-
/**
|
|
396
|
-
* name in the form data
|
|
397
|
-
* */
|
|
398
|
-
name: string;
|
|
399
|
-
/**
|
|
400
|
-
* label name to be shown in the component
|
|
401
|
-
* */
|
|
402
|
-
label: string;
|
|
403
|
-
/**
|
|
404
|
-
* options to be rendered in the dropbown
|
|
405
|
-
* */
|
|
406
|
-
options?: {
|
|
407
|
-
value: string | number;
|
|
408
|
-
label: string;
|
|
409
|
-
}[];
|
|
410
|
-
/**
|
|
411
|
-
* optional error message
|
|
412
|
-
* */
|
|
413
|
-
error?: string;
|
|
414
|
-
/**
|
|
415
|
-
* optional onChange event
|
|
416
|
-
* */
|
|
417
|
-
onChange?: (value: any) => void;
|
|
418
|
-
/**
|
|
419
|
-
* opcional className to customize the component
|
|
420
|
-
* */
|
|
421
|
-
className?: string;
|
|
422
|
-
/**
|
|
423
|
-
* opcional boolean to disable the dropdown option (based on the options.value)
|
|
424
|
-
* */
|
|
425
|
-
listToDisableFromOptions?: Array<any>;
|
|
426
|
-
/**
|
|
427
|
-
* opcional function to revalidate the form when changing the dropdown value ( trigger function )
|
|
428
|
-
* */
|
|
429
|
-
revalidateFormFunction?: UseFormTrigger<any>;
|
|
430
|
-
}
|
|
431
|
-
declare const ControlledSelectWithObject: ({ name, control, label, options, error, onChange, className, listToDisableFromOptions, revalidateFormFunction, }: ControlledSelectWithObjectProps) => react_jsx_runtime.JSX.Element;
|
|
432
|
-
|
|
433
|
-
interface ControlledValidTextInputBaseProps {
|
|
434
|
-
label: string;
|
|
435
|
-
fieldName: string;
|
|
436
|
-
helperText?: string;
|
|
437
|
-
disabled?: boolean;
|
|
438
|
-
variant?: 'standard' | 'outlined' | 'filled';
|
|
439
|
-
className?: string;
|
|
440
|
-
maxLength?: number;
|
|
441
|
-
'data-testid'?: string;
|
|
442
|
-
form: UseFormReturn<any>;
|
|
443
|
-
}
|
|
444
|
-
/** Ensure AT MOST ONE of 'updateCustomerData' or 'customHandleBlurValidationAndSubmit' can be provided. */
|
|
445
|
-
type ControlledValidTextInputDefaultProps = ControlledValidTextInputBaseProps & {
|
|
446
|
-
updateCustomerData?: UseMutateAsyncFunction<any, unknown, any, unknown>;
|
|
447
|
-
customHandleBlurValidationAndSubmit?: never;
|
|
448
|
-
};
|
|
449
|
-
type ControlledValidTextInputCustomProps = ControlledValidTextInputBaseProps & {
|
|
450
|
-
updateCustomerData?: never;
|
|
451
|
-
customHandleBlurValidationAndSubmit?: (controlledField: ControllerRenderProps<FieldValues, string>, isDirty: boolean) => void;
|
|
452
|
-
};
|
|
453
|
-
type ControlledValidTextInputProps = ControlledValidTextInputDefaultProps | ControlledValidTextInputCustomProps;
|
|
454
|
-
declare const ControlledValidTextInput: React.FC<ControlledValidTextInputProps>;
|
|
455
|
-
|
|
456
|
-
interface DataGridProps {
|
|
457
|
-
isLoading?: boolean;
|
|
458
|
-
children?: React.ReactElement;
|
|
459
|
-
height: string;
|
|
460
|
-
sortField?: string;
|
|
461
|
-
sortDir?: string;
|
|
462
|
-
columns: any;
|
|
463
|
-
rows: any;
|
|
464
|
-
handleCellEdition?: any;
|
|
465
|
-
}
|
|
466
|
-
declare const DataGrid: ({ columns, rows, handleCellEdition, sortField, sortDir, isLoading, height, children, }: DataGridProps) => react_jsx_runtime.JSX.Element;
|
|
467
|
-
|
|
468
|
-
interface DateProps {
|
|
469
|
-
datetime: string | Date;
|
|
470
|
-
format?: string;
|
|
471
|
-
}
|
|
472
|
-
declare const Date: React.FC<DateProps>;
|
|
473
|
-
|
|
474
|
-
interface IDeleteSubstitutionDialogContent {
|
|
475
|
-
closeDialog: () => void;
|
|
476
|
-
deleteSubstitution: () => void;
|
|
477
|
-
substitutionName: string;
|
|
478
|
-
}
|
|
479
|
-
declare const _default$c: React.MemoExoticComponent<({ closeDialog, substitutionName, deleteSubstitution, }: IDeleteSubstitutionDialogContent) => react_jsx_runtime.JSX.Element>;
|
|
480
|
-
|
|
481
|
-
interface IDeleteUserDialogContent {
|
|
482
|
-
closeDialog: () => void;
|
|
483
|
-
deleteUser: () => void;
|
|
484
|
-
userName: string;
|
|
485
|
-
}
|
|
486
|
-
declare const _default$b: React.MemoExoticComponent<({ closeDialog, userName, deleteUser, }: IDeleteUserDialogContent) => react_jsx_runtime.JSX.Element>;
|
|
487
|
-
|
|
488
|
-
type DynamicOverflowTooltipProps = {
|
|
489
|
-
arrow?: boolean;
|
|
490
|
-
maxWidth?: number | string;
|
|
491
|
-
children: ReactElement | string | number | null;
|
|
492
|
-
tooltipDescription: string;
|
|
493
|
-
};
|
|
494
|
-
declare const DynamicOverflowTooltip: FC<DynamicOverflowTooltipProps>;
|
|
495
|
-
|
|
496
|
-
interface FileCardProps {
|
|
497
|
-
document: string;
|
|
498
|
-
}
|
|
499
|
-
declare const FileCard: ({ document }: FileCardProps) => react_jsx_runtime.JSX.Element;
|
|
500
|
-
|
|
501
|
-
interface FilledLabelProps {
|
|
502
|
-
color?: string;
|
|
503
|
-
copy?: any;
|
|
504
|
-
}
|
|
505
|
-
declare const _default$a: React.MemoExoticComponent<(props: FilledLabelProps) => react_jsx_runtime.JSX.Element>;
|
|
506
|
-
|
|
507
|
-
type IFilterGroupSelector = {
|
|
508
|
-
name?: string;
|
|
509
|
-
categoryIdentification?: string;
|
|
510
|
-
selectedOptions: string[];
|
|
511
|
-
setSelectedOptions: React.Dispatch<React.SetStateAction<string[]>>;
|
|
512
|
-
handleClickOnApply: () => void;
|
|
513
|
-
optionsList?: {
|
|
514
|
-
category: string;
|
|
515
|
-
options: string[];
|
|
516
|
-
}[];
|
|
517
|
-
};
|
|
518
|
-
declare const FilterGroupSelector: ({ name, categoryIdentification, selectedOptions, setSelectedOptions, handleClickOnApply, optionsList, }: IFilterGroupSelector) => react_jsx_runtime.JSX.Element;
|
|
519
|
-
|
|
520
|
-
type IFilterSimpleSelector = {
|
|
521
|
-
name?: string;
|
|
522
|
-
options?: string[];
|
|
523
|
-
selectedOptions: string[];
|
|
524
|
-
setSelectedOptions: React.Dispatch<React.SetStateAction<string[]>>;
|
|
525
|
-
handleClickOnApply: () => void;
|
|
526
|
-
};
|
|
527
|
-
declare const FilterSimpleSelector: ({ name, options, selectedOptions, setSelectedOptions, handleClickOnApply, }: IFilterSimpleSelector) => react_jsx_runtime.JSX.Element;
|
|
528
|
-
|
|
529
|
-
type FilterOptionsCheckboxesProps = {
|
|
530
|
-
columnId: string;
|
|
531
|
-
labelFieldName: string;
|
|
532
|
-
maxWidth?: number;
|
|
533
|
-
filterOptions: HeaderFilterOptions;
|
|
534
|
-
selectedFilterOptions: HeaderFilterOptions;
|
|
535
|
-
onFilterOptionChange: (option: string | HeaderFilterObject) => void;
|
|
536
|
-
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
537
|
-
};
|
|
538
|
-
declare const FilterOptionsCheckboxes: FC<FilterOptionsCheckboxesProps>;
|
|
539
|
-
|
|
540
|
-
interface FixedFooterProps {
|
|
541
|
-
children: React.ReactNode;
|
|
542
|
-
justifyContent?: string;
|
|
543
|
-
}
|
|
544
|
-
declare const _default$9: React.MemoExoticComponent<({ justifyContent, children }: FixedFooterProps) => react_jsx_runtime.JSX.Element>;
|
|
545
|
-
|
|
546
|
-
interface HeaderProps {
|
|
547
|
-
appName: any;
|
|
548
|
-
children?: any;
|
|
549
|
-
wrappedHeader?: any;
|
|
550
|
-
}
|
|
551
|
-
declare const Header: ({ appName, children, wrappedHeader, }: HeaderProps) => react_jsx_runtime.JSX.Element;
|
|
552
|
-
|
|
553
|
-
declare const icons: {
|
|
554
|
-
SvgSamsaraLogo: (props: any) => react_jsx_runtime.JSX.Element;
|
|
555
|
-
SvgIconHome: (props: any) => react_jsx_runtime.JSX.Element;
|
|
556
|
-
SvgIconNotification: (props: any) => react_jsx_runtime.JSX.Element;
|
|
557
|
-
SvgIconPhone: (props: any) => react_jsx_runtime.JSX.Element;
|
|
558
|
-
SvgIconAccount: (props: any) => react_jsx_runtime.JSX.Element;
|
|
559
|
-
SvgIconOrders: (props: any) => react_jsx_runtime.JSX.Element;
|
|
560
|
-
SvgIconPriceList: (props: any) => react_jsx_runtime.JSX.Element;
|
|
561
|
-
SvgIconSpecialPrice: (props: any) => react_jsx_runtime.JSX.Element;
|
|
562
|
-
SvgIconBuying: (props: any) => react_jsx_runtime.JSX.Element;
|
|
563
|
-
SvgIconContentManagement: (props: any) => react_jsx_runtime.JSX.Element;
|
|
564
|
-
SvgIconProducts: (props: any) => react_jsx_runtime.JSX.Element;
|
|
565
|
-
SvgIconStock: (props: any) => react_jsx_runtime.JSX.Element;
|
|
566
|
-
SvgIconSupplier: (props: any) => react_jsx_runtime.JSX.Element;
|
|
567
|
-
SvgIconSupplierPrices: (props: any) => react_jsx_runtime.JSX.Element;
|
|
568
|
-
SvgIconGoodsin: (props: any) => react_jsx_runtime.JSX.Element;
|
|
569
|
-
SvgIconVkc: (props: any) => react_jsx_runtime.JSX.Element;
|
|
570
|
-
SvgIconLocation: (props: any) => react_jsx_runtime.JSX.Element;
|
|
571
|
-
SvgIconScales: (props: any) => react_jsx_runtime.JSX.Element;
|
|
572
|
-
SvgIconQc: (props: any) => react_jsx_runtime.JSX.Element;
|
|
573
|
-
SvgIconRetail: (props: any) => react_jsx_runtime.JSX.Element;
|
|
574
|
-
SvgIconRuns: (props: any) => react_jsx_runtime.JSX.Element;
|
|
575
|
-
SvgIconAccounts: (props: any) => react_jsx_runtime.JSX.Element;
|
|
576
|
-
SvgIconReports: (props: any) => react_jsx_runtime.JSX.Element;
|
|
577
|
-
SvgIconSetting: (props: any) => react_jsx_runtime.JSX.Element;
|
|
578
|
-
SvgIconLogin: (props: any) => react_jsx_runtime.JSX.Element;
|
|
579
|
-
SvgBallsLogo: (props: any) => react_jsx_runtime.JSX.Element;
|
|
580
|
-
SvgIconAvocado: () => react_jsx_runtime.JSX.Element;
|
|
581
|
-
SvgIconBanana: () => react_jsx_runtime.JSX.Element;
|
|
582
|
-
SvgIconGrape: (props: any) => react_jsx_runtime.JSX.Element;
|
|
583
|
-
SvgIconStrawberry: () => react_jsx_runtime.JSX.Element;
|
|
584
|
-
SvgIconPromoCode: (props: any) => react_jsx_runtime.JSX.Element;
|
|
585
|
-
SvgIconOpsMetrics: (props: any) => react_jsx_runtime.JSX.Element;
|
|
586
|
-
SvgIconSearchCategories: (props: any) => react_jsx_runtime.JSX.Element;
|
|
587
|
-
SvgIconImport: (props: any) => react_jsx_runtime.JSX.Element;
|
|
588
|
-
SvgIconSnail: (props: any) => react_jsx_runtime.JSX.Element;
|
|
589
|
-
SvgEmptyGlassIcon: (props: any) => react_jsx_runtime.JSX.Element;
|
|
590
|
-
SvgIconUserManagement: () => react_jsx_runtime.JSX.Element;
|
|
591
|
-
SvgIconTableEdit: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
592
|
-
};
|
|
593
|
-
|
|
594
|
-
type LabeledValueListProps = {
|
|
595
|
-
label: string;
|
|
596
|
-
values: (string | number)[];
|
|
597
|
-
};
|
|
598
|
-
declare const LabeledValueList: FC<LabeledValueListProps>;
|
|
599
|
-
|
|
600
|
-
interface VirtualizedListProps {
|
|
601
|
-
headers?: any;
|
|
602
|
-
items?: any;
|
|
603
|
-
renderItem?: any;
|
|
604
|
-
}
|
|
605
|
-
declare function VirtualizedList(props: VirtualizedListProps): react_jsx_runtime.JSX.Element;
|
|
606
|
-
|
|
607
|
-
interface ILoading {
|
|
608
|
-
isLoading: boolean;
|
|
609
|
-
}
|
|
610
|
-
declare const Loading: ({ isLoading }: ILoading) => react_jsx_runtime.JSX.Element;
|
|
611
|
-
|
|
612
|
-
interface ILocationsSectionInfo {
|
|
613
|
-
principalLocation: string;
|
|
614
|
-
secondaryLocation?: string[];
|
|
615
|
-
isPicking?: boolean;
|
|
616
|
-
isStock?: boolean;
|
|
617
|
-
}
|
|
618
|
-
declare const LocationsSectionInfo: ({ principalLocation, secondaryLocation, isPicking, isStock, }: ILocationsSectionInfo) => react_jsx_runtime.JSX.Element;
|
|
619
|
-
|
|
620
|
-
interface NotesProps {
|
|
621
|
-
initialNotes?: any;
|
|
622
|
-
isDisabled?: any;
|
|
623
|
-
isEditable?: any;
|
|
624
|
-
isLoading?: any;
|
|
625
|
-
maxLength?: any;
|
|
626
|
-
onBlur?: any;
|
|
627
|
-
onChange?: any;
|
|
628
|
-
onClearNotes?: any;
|
|
629
|
-
}
|
|
630
|
-
declare const Notes: ({ initialNotes, isDisabled, isEditable, isLoading, maxLength, onBlur, onChange, onClearNotes, }: NotesProps) => react_jsx_runtime.JSX.Element;
|
|
631
|
-
|
|
632
|
-
interface NumpadProps {
|
|
633
|
-
handleClick: any;
|
|
634
|
-
handleUndo: any;
|
|
635
|
-
}
|
|
636
|
-
declare const Numpad: ({ handleClick, handleUndo }: NumpadProps) => react_jsx_runtime.JSX.Element;
|
|
637
|
-
|
|
638
|
-
interface NumpadInputProps {
|
|
639
|
-
handleNextClick?(...args: any[]): any;
|
|
640
|
-
inputLabel?: string;
|
|
641
|
-
children?: any;
|
|
642
|
-
}
|
|
643
|
-
declare const _default$8: React.MemoExoticComponent<(props: NumpadInputProps) => react_jsx_runtime.JSX.Element>;
|
|
644
|
-
|
|
645
|
-
interface NumpadPlusProps {
|
|
646
|
-
handleClick: any;
|
|
647
|
-
handleUndo: any;
|
|
648
|
-
}
|
|
649
|
-
declare const NumpadPlus: ({ handleClick, handleUndo }: NumpadPlusProps) => react_jsx_runtime.JSX.Element;
|
|
650
|
-
|
|
651
|
-
interface PaginationForTableProps {
|
|
652
|
-
appliedFilters?: any;
|
|
653
|
-
className?: any;
|
|
654
|
-
page?: any;
|
|
655
|
-
pagination?: any;
|
|
656
|
-
position?: any;
|
|
657
|
-
style?: any;
|
|
658
|
-
updateFilters: any;
|
|
659
|
-
}
|
|
660
|
-
declare const PaginationForTable: ({ appliedFilters, className, page, pagination, position, style, updateFilters, }: PaginationForTableProps) => react_jsx_runtime.JSX.Element;
|
|
661
|
-
|
|
662
|
-
interface PhoneInputProps {
|
|
663
|
-
value?: string | null;
|
|
664
|
-
onChange?: (phone: string | null) => void;
|
|
665
|
-
placeholder?: string;
|
|
666
|
-
className?: string;
|
|
667
|
-
label?: string;
|
|
668
|
-
error?: boolean;
|
|
669
|
-
}
|
|
670
|
-
declare const PhoneInput: React.FC<PhoneInputProps>;
|
|
671
|
-
|
|
672
|
-
interface PlusMinusInputProps {
|
|
673
|
-
allowNegative?: any;
|
|
674
|
-
buttonsPosition?: any;
|
|
675
|
-
disabled?: any;
|
|
676
|
-
initialValue?: any;
|
|
677
|
-
inputSize?: any;
|
|
678
|
-
label: any;
|
|
679
|
-
updateInputValue: any;
|
|
680
|
-
}
|
|
681
|
-
declare const PlusMinusInput: ({ allowNegative, buttonsPosition, disabled, initialValue, inputSize, label, updateInputValue, }: PlusMinusInputProps) => react_jsx_runtime.JSX.Element;
|
|
682
|
-
|
|
683
|
-
interface PBustProps {
|
|
684
|
-
buttonData?: any;
|
|
685
|
-
classes?: any;
|
|
686
|
-
locationData?: any;
|
|
687
|
-
locationId?: any;
|
|
688
|
-
primaryData?: any;
|
|
689
|
-
product?: any;
|
|
690
|
-
secondaryData?: any;
|
|
691
|
-
size?: any;
|
|
692
|
-
LocationHistoryDialog: ComponentType<any>;
|
|
693
|
-
}
|
|
694
|
-
declare const ProductBust: ({ classes, size, product, locationData, primaryData, secondaryData, buttonData, locationId, LocationHistoryDialog, }: PBustProps) => react_jsx_runtime.JSX.Element;
|
|
695
|
-
|
|
696
|
-
interface PImageProps {
|
|
697
|
-
classes?: any;
|
|
698
|
-
image?: any;
|
|
699
|
-
size?: any;
|
|
700
|
-
status?: any;
|
|
701
|
-
}
|
|
702
|
-
declare const ProductImage: ({ classes, image, size, status, }: PImageProps) => react_jsx_runtime.JSX.Element;
|
|
703
|
-
|
|
704
|
-
interface IRenderAvatar {
|
|
705
|
-
active?: boolean;
|
|
706
|
-
}
|
|
707
|
-
declare const RenderAvatar: ({ active }: IRenderAvatar) => react_jsx_runtime.JSX.Element;
|
|
708
|
-
|
|
709
|
-
interface IRenderContentList {
|
|
710
|
-
items: string[];
|
|
711
|
-
warningItems?: string[] | null;
|
|
712
|
-
warningMessage?: string;
|
|
713
|
-
activeSection: string;
|
|
714
|
-
}
|
|
715
|
-
declare const RenderContentList: ({ items, activeSection, warningItems, warningMessage, }: IRenderContentList) => react_jsx_runtime.JSX.Element;
|
|
716
|
-
|
|
717
|
-
type ProductSize = 'small' | 'medium' | 'large';
|
|
718
|
-
interface Column {
|
|
719
|
-
title: string;
|
|
720
|
-
value: string | React.ReactNode;
|
|
721
|
-
}
|
|
722
|
-
interface Product {
|
|
723
|
-
image: string;
|
|
724
|
-
name: string;
|
|
725
|
-
status?: string;
|
|
726
|
-
}
|
|
727
|
-
interface RowProductCardProps {
|
|
728
|
-
/**
|
|
729
|
-
* Possible actions or buttons that the card can have
|
|
730
|
-
*/
|
|
731
|
-
children?: React.ReactNode;
|
|
732
|
-
/**
|
|
733
|
-
* Details about the product
|
|
734
|
-
*/
|
|
735
|
-
columns?: Column[];
|
|
736
|
-
/**
|
|
737
|
-
* Where is the product location
|
|
738
|
-
*/
|
|
739
|
-
location?: string;
|
|
740
|
-
/**
|
|
741
|
-
* Product information
|
|
742
|
-
*/
|
|
743
|
-
product: Product;
|
|
744
|
-
/**
|
|
745
|
-
* Size of the product image
|
|
746
|
-
*/
|
|
747
|
-
size?: ProductSize;
|
|
748
|
-
}
|
|
749
|
-
/**
|
|
750
|
-
* A card on row format that can display informations about a product
|
|
751
|
-
* It can be very detailed or lean
|
|
752
|
-
*/
|
|
753
|
-
declare const RowProductCard: ({ children, columns, location, product, size, }: RowProductCardProps) => react_jsx_runtime.JSX.Element;
|
|
754
|
-
|
|
755
|
-
interface ScrollableDialogProps {
|
|
756
|
-
body: ReactNode;
|
|
757
|
-
footer?: ReactNode;
|
|
758
|
-
header?: ReactNode;
|
|
759
|
-
isOpen: boolean;
|
|
760
|
-
title: string;
|
|
761
|
-
}
|
|
762
|
-
declare const ScrollableDialog: ({ body, footer, header, isOpen, title, }: ScrollableDialogProps) => react_jsx_runtime.JSX.Element;
|
|
763
|
-
|
|
764
|
-
interface ISearchAndFilterHeaderProps {
|
|
765
|
-
appName: string;
|
|
766
|
-
enterPressedInSearch?: () => void;
|
|
767
|
-
extraButton?: React.ReactNode;
|
|
768
|
-
filtersComponent?: React.ReactNode;
|
|
769
|
-
appliedFiltersComponent?: React.ReactNode;
|
|
770
|
-
filterClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
771
|
-
showFilters: boolean;
|
|
772
|
-
updateFilters?: (filters: any) => void;
|
|
773
|
-
searchValue?: string;
|
|
774
|
-
}
|
|
775
|
-
declare const SearchAndFilterHeader: ({ appName, enterPressedInSearch, extraButton, filterClick, showFilters, updateFilters, filtersComponent, appliedFiltersComponent, searchValue, }: ISearchAndFilterHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
776
|
-
|
|
777
|
-
interface SearchAndFilterHeaderForTableProps {
|
|
778
|
-
appName: string;
|
|
779
|
-
button?: React.ReactNode;
|
|
780
|
-
copy?: string;
|
|
781
|
-
enterPressedInSearch?(...args: any[]): any;
|
|
782
|
-
isOpen?: boolean;
|
|
783
|
-
onFilterButtonClick?(...args: any[]): any;
|
|
784
|
-
searchedValue?: string;
|
|
785
|
-
showFilterButton?: boolean;
|
|
786
|
-
updateSearch?(...args: any[]): any;
|
|
787
|
-
}
|
|
788
|
-
declare const _default$7: React.MemoExoticComponent<(props: SearchAndFilterHeaderForTableProps) => react_jsx_runtime.JSX.Element>;
|
|
789
|
-
|
|
790
|
-
type SearchFieldDebouncedProps = {
|
|
791
|
-
onSearch: (value: string) => void;
|
|
792
|
-
variant?: 'outlined' | 'filled' | 'standard';
|
|
793
|
-
hideSearchIcon?: boolean;
|
|
794
|
-
initialValue?: string;
|
|
795
|
-
debounceDelay?: number;
|
|
796
|
-
minCharacters?: number;
|
|
797
|
-
sx?: SxProps<Theme>;
|
|
798
|
-
inputProps?: {
|
|
799
|
-
sx: SxProps<Theme>;
|
|
800
|
-
};
|
|
801
|
-
};
|
|
802
|
-
declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
|
|
803
|
-
|
|
804
|
-
type SearchHeaderProps = {
|
|
805
|
-
renderButton?: ReactNode;
|
|
806
|
-
children?: ReactNode;
|
|
807
|
-
onSearch: (value: string) => void;
|
|
808
|
-
};
|
|
809
|
-
declare const SearchHeader: React.MemoExoticComponent<({ renderButton, children, onSearch }: SearchHeaderProps) => react_jsx_runtime.JSX.Element>;
|
|
810
|
-
|
|
811
|
-
interface ISearchWithFiltersProps {
|
|
812
|
-
enterPressedInSearch?: () => void;
|
|
813
|
-
filterClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
814
|
-
handleClick?: () => void;
|
|
815
|
-
searchValue?: string;
|
|
816
|
-
showFilters: boolean;
|
|
817
|
-
updateFilters?: (filters: {
|
|
818
|
-
search: string;
|
|
819
|
-
}) => void;
|
|
820
|
-
disabled?: boolean;
|
|
821
|
-
}
|
|
822
|
-
declare const _default$6: React.MemoExoticComponent<({ enterPressedInSearch, filterClick, handleClick, searchValue, showFilters, updateFilters, disabled, }: ISearchWithFiltersProps) => react_jsx_runtime.JSX.Element>;
|
|
823
|
-
|
|
824
|
-
interface SearchWithFiltersForTableProps {
|
|
825
|
-
onFilterButtonClick?(...args: any[]): any;
|
|
826
|
-
isOpen?: boolean;
|
|
827
|
-
updateSearch?(...args: any[]): any;
|
|
828
|
-
enterPressedInSearch?(...args: any[]): any;
|
|
829
|
-
showFilterButton?: boolean;
|
|
830
|
-
searchedValue?: string;
|
|
831
|
-
}
|
|
832
|
-
declare const _default$5: React.MemoExoticComponent<(props: SearchWithFiltersForTableProps) => react_jsx_runtime.JSX.Element>;
|
|
833
|
-
|
|
834
|
-
interface SectionNameProps {
|
|
835
|
-
name: string;
|
|
836
|
-
tooltipDescription?: string;
|
|
837
|
-
sectionId?: string;
|
|
838
|
-
buttonText?: string;
|
|
839
|
-
buttonType?: 'add' | 'apps' | 'childCare' | 'delete' | 'edit' | 'importExport' | 'notes' | 'print' | 'save' | 'upload' | 'refresh' | 'download' | 'publish';
|
|
840
|
-
handleButtonClick?: () => void;
|
|
841
|
-
buttonDisabled?: boolean;
|
|
842
|
-
openHistoryLog?: () => void;
|
|
843
|
-
}
|
|
844
|
-
declare const SectionName: ({ name, tooltipDescription, sectionId, handleButtonClick, buttonText, buttonType, buttonDisabled, openHistoryLog, }: SectionNameProps) => react_jsx_runtime.JSX.Element;
|
|
845
|
-
|
|
846
|
-
type Option = {
|
|
847
|
-
value?: string | number;
|
|
848
|
-
label?: string;
|
|
849
|
-
disabled?: boolean;
|
|
850
|
-
};
|
|
851
|
-
interface SmartSelectProps {
|
|
852
|
-
value?: string | number | null;
|
|
853
|
-
defaultOption?: Option;
|
|
854
|
-
options?: Option[];
|
|
855
|
-
refetch?: () => void;
|
|
856
|
-
isFetching?: boolean;
|
|
857
|
-
onChange: (selectedOption: Option) => void;
|
|
858
|
-
inputLabel?: string;
|
|
859
|
-
variant?: SelectProps['variant'];
|
|
860
|
-
size?: SelectProps['size'];
|
|
861
|
-
error?: boolean;
|
|
862
|
-
helperText?: string;
|
|
863
|
-
disabled?: boolean;
|
|
864
|
-
allowBlankOption?: boolean;
|
|
865
|
-
'data-testid'?: string;
|
|
866
|
-
emptyMessage?: string;
|
|
867
|
-
menuProps?: Partial<MenuProps>;
|
|
868
|
-
}
|
|
869
|
-
declare const SmartSelect: React.ForwardRefExoticComponent<SmartSelectProps & React.RefAttributes<unknown>>;
|
|
870
|
-
|
|
871
|
-
type SmartMultipleSelectProps = {
|
|
872
|
-
inputLabel?: string;
|
|
873
|
-
variant?: SelectProps['variant'];
|
|
874
|
-
size?: SelectProps['size'];
|
|
875
|
-
error?: boolean;
|
|
876
|
-
values?: Option[];
|
|
877
|
-
defaultValues?: Option[];
|
|
878
|
-
onOpen?: () => void;
|
|
879
|
-
onChange?: (values: Option[]) => void;
|
|
880
|
-
onClose?: (values: Option[]) => void;
|
|
881
|
-
menuOptions?: Option[];
|
|
882
|
-
isLoading?: boolean;
|
|
883
|
-
disabled?: boolean;
|
|
884
|
-
emptyMessage?: string;
|
|
885
|
-
helperText?: string;
|
|
886
|
-
menuProps?: Partial<MenuProps>;
|
|
887
|
-
};
|
|
888
|
-
declare const SmartMultipleSelect: FC<SmartMultipleSelectProps>;
|
|
889
|
-
|
|
890
|
-
interface SquareLabelProps {
|
|
891
|
-
color?: string;
|
|
892
|
-
copy?: any;
|
|
893
|
-
}
|
|
894
|
-
declare const _default$4: React.MemoExoticComponent<({ color, copy }: SquareLabelProps) => react_jsx_runtime.JSX.Element>;
|
|
895
|
-
|
|
896
|
-
interface LSwitchProps {
|
|
897
|
-
classes?: any;
|
|
898
|
-
checked?: any;
|
|
899
|
-
labelOn?: any;
|
|
900
|
-
labelOff?: any;
|
|
901
|
-
handleChange?: any;
|
|
902
|
-
disabled: any;
|
|
903
|
-
}
|
|
904
|
-
declare const _default$3: React.MemoExoticComponent<({ checked, labelOn, labelOff, handleChange, classes, disabled, }: LSwitchProps) => react_jsx_runtime.JSX.Element>;
|
|
905
|
-
|
|
906
|
-
type SmartTableHeaderFilterMenuProps = {
|
|
907
|
-
headCell: HeadCell;
|
|
908
|
-
headerFilters: HeaderFilters;
|
|
909
|
-
numActiveFilters: number;
|
|
910
|
-
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
911
|
-
onApplyFilters?: TableDesktopProps['onApplyFilters'];
|
|
912
|
-
};
|
|
913
|
-
declare const SmartTableHeaderFilterMenu: ({ headCell, numActiveFilters, headerFilters, shouldShowCheckOnFilter, onApplyFilters, }: SmartTableHeaderFilterMenuProps) => react_jsx_runtime.JSX.Element;
|
|
914
|
-
|
|
915
|
-
type SmartTableHeaderProps = {
|
|
916
|
-
order: Order;
|
|
917
|
-
orderBy: string;
|
|
918
|
-
headCells: HeadCell[];
|
|
919
|
-
numSelectedRows: number;
|
|
920
|
-
numRows: number;
|
|
921
|
-
enableCheckboxSelection?: boolean;
|
|
922
|
-
headerFilters: HeaderFilters;
|
|
923
|
-
onRequestSort: (event: MouseEvent<unknown>, property: string) => void;
|
|
924
|
-
onSelectAllClick: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
925
|
-
onApplyFilters?: TableDesktopProps['onApplyFilters'];
|
|
926
|
-
shouldShowCheckOnFilter?: TableDesktopProps['shouldShowCheckOnFilter'];
|
|
927
|
-
};
|
|
928
|
-
declare const SmartTableHeader: React.MemoExoticComponent<({ order, orderBy, headCells, numSelectedRows, numRows, enableCheckboxSelection, headerFilters, onRequestSort, onSelectAllClick, onApplyFilters, shouldShowCheckOnFilter, }: SmartTableHeaderProps) => react_jsx_runtime.JSX.Element>;
|
|
929
|
-
|
|
930
|
-
interface TableProps {
|
|
931
|
-
headCells?: {
|
|
932
|
-
id?: string;
|
|
933
|
-
label?: string;
|
|
934
|
-
numeric?: boolean;
|
|
935
|
-
disablePadding?: boolean;
|
|
936
|
-
}[];
|
|
937
|
-
data?: {}[];
|
|
938
|
-
RenderItem?: React.ComponentType<any> | null;
|
|
939
|
-
isLoading?: boolean;
|
|
940
|
-
updateSort?(...args: any[]): any;
|
|
941
|
-
page?: number;
|
|
942
|
-
rowsPerPage?: number;
|
|
943
|
-
onRowClick?(...args: any[]): any;
|
|
944
|
-
serverRendered?: boolean;
|
|
945
|
-
appliedFilters?: any;
|
|
946
|
-
doNotCalculateRows?: any;
|
|
947
|
-
}
|
|
948
|
-
declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
|
|
949
|
-
|
|
950
|
-
type TableDesktopEditableFieldProps = {
|
|
951
|
-
headCell: HeadCell;
|
|
952
|
-
editInitialValue?: any;
|
|
953
|
-
rowId?: RowId;
|
|
954
|
-
disabled?: boolean;
|
|
955
|
-
showCheckboxLabel?: boolean;
|
|
956
|
-
variant?: 'standard' | 'outlined' | 'filled';
|
|
957
|
-
size?: 'medium' | 'small';
|
|
958
|
-
onUpdateEditableCell: HeadCell['onUpdateEditableCell'];
|
|
959
|
-
};
|
|
960
|
-
declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
|
|
961
|
-
|
|
962
|
-
type ReadOnlyValue = string | number | boolean | ReactNode;
|
|
963
|
-
type TableDesktopCellProps = {
|
|
964
|
-
editInitialValue: any;
|
|
965
|
-
rowId: RowId;
|
|
966
|
-
enableEditMode: boolean;
|
|
967
|
-
disabled?: boolean;
|
|
968
|
-
readOnlyValue: ReadOnlyValue;
|
|
969
|
-
headCell: HeadCell;
|
|
970
|
-
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, isEditMode: boolean) => void;
|
|
971
|
-
};
|
|
972
|
-
declare const TableDesktopCell: FC<TableDesktopCellProps>;
|
|
973
|
-
|
|
974
|
-
interface ITableEmptyResult {
|
|
975
|
-
colSpan: number;
|
|
976
|
-
showClearFilterButton?: boolean;
|
|
977
|
-
handleClickOnClearFiltersButton?: () => void;
|
|
978
|
-
}
|
|
979
|
-
declare const TableEmptyResult: ({ colSpan, showClearFilterButton, handleClickOnClearFiltersButton, }: ITableEmptyResult) => react_jsx_runtime.JSX.Element;
|
|
980
|
-
|
|
981
|
-
interface TableLoadingProps {
|
|
982
|
-
rowsPerPage?: number;
|
|
983
|
-
rowHeight?: number;
|
|
984
|
-
}
|
|
985
|
-
declare const TableLoading: React__default.FC<TableLoadingProps>;
|
|
986
|
-
|
|
987
|
-
interface TableHeaderProps {
|
|
988
|
-
cells: any;
|
|
989
|
-
onSort?: any;
|
|
990
|
-
}
|
|
991
|
-
declare const _default$2: React.MemoExoticComponent<({ cells, onSort }: TableHeaderProps) => react_jsx_runtime.JSX.Element>;
|
|
992
|
-
|
|
993
|
-
interface TextDividerProps {
|
|
994
|
-
title: string;
|
|
995
|
-
icon?: React.ElementType;
|
|
996
|
-
onClick?: () => void;
|
|
997
|
-
color?: string;
|
|
998
|
-
iconPosition?: 'left' | 'right';
|
|
999
|
-
titleWeight?: '400' | '500' | '600' | '700' | '800' | '900';
|
|
1000
|
-
}
|
|
1001
|
-
declare const TextDivider: React.FC<TextDividerProps>;
|
|
1002
|
-
|
|
1003
|
-
type ThemedDateRangePickerProps = DateRangePickerShape & {
|
|
1004
|
-
className?: string;
|
|
1005
|
-
};
|
|
1006
|
-
/**
|
|
1007
|
-
* DateRangePicker component with dark mode theming support.
|
|
1008
|
-
* Props are forwarded directly to the underlying DateRangePicker.
|
|
1009
|
-
*/
|
|
1010
|
-
declare const ThemedDateRangePicker: ({ className, ...props }: ThemedDateRangePickerProps) => react_jsx_runtime.JSX.Element;
|
|
1011
|
-
|
|
1012
|
-
type Props = {
|
|
1013
|
-
imageLogoDarkSmall: string;
|
|
1014
|
-
imageLogoLightSmall: string;
|
|
1015
|
-
handleOpen: () => void;
|
|
1016
|
-
LeftDrawer: ReactNode;
|
|
1017
|
-
leftSection?: ReactNode;
|
|
1018
|
-
rightSection?: ReactNode;
|
|
1019
|
-
isAuthenticated?: boolean;
|
|
1020
|
-
};
|
|
1021
|
-
declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, rightSection, isAuthenticated, }: Props) => react_jsx_runtime.JSX.Element>;
|
|
1022
|
-
|
|
1023
|
-
type IToastMessage = {
|
|
1024
|
-
toastType: 'success' | 'info' | 'warning' | 'error';
|
|
1025
|
-
toastMessage: string;
|
|
1026
|
-
open: boolean;
|
|
1027
|
-
onClose: () => void;
|
|
1028
|
-
};
|
|
1029
|
-
/**
|
|
1030
|
-
*@param toastType 'success' | 'info' | 'warning' | 'error';.
|
|
1031
|
-
*@param toastMessage Value to be displayed on screen;.
|
|
1032
|
-
*@param open Boolean to open the toast;.
|
|
1033
|
-
*@param updateToast Reducer function to update the reducer value
|
|
1034
|
-
*/
|
|
1035
|
-
declare const ToastMessage: ({ toastType, toastMessage, open, onClose, }: IToastMessage) => react_jsx_runtime.JSX.Element;
|
|
1036
|
-
|
|
1037
|
-
interface ITwoButtonDialogProps {
|
|
1038
|
-
confirmButton: () => void;
|
|
1039
|
-
cancelButton?: () => void;
|
|
1040
|
-
dialogLoading?: boolean;
|
|
1041
|
-
title: string;
|
|
1042
|
-
subtitle1?: string | React.ReactNode;
|
|
1043
|
-
subtitle2?: string | React.ReactNode;
|
|
1044
|
-
open: boolean;
|
|
1045
|
-
setOpen: (open: boolean) => void;
|
|
1046
|
-
confirmLabel?: string;
|
|
1047
|
-
cancelLabel?: string;
|
|
1048
|
-
}
|
|
1049
|
-
declare const TwoButtonDialog: FC<ITwoButtonDialogProps>;
|
|
1050
|
-
|
|
1051
|
-
type UserBustProps = {
|
|
1052
|
-
user: {
|
|
1053
|
-
profile_picture: string;
|
|
1054
|
-
first_name: string;
|
|
1055
|
-
last_name: string;
|
|
1056
|
-
username: string;
|
|
1057
|
-
};
|
|
1058
|
-
avatarProps: {
|
|
1059
|
-
height: number;
|
|
1060
|
-
width: number;
|
|
1061
|
-
};
|
|
1062
|
-
typographyProps: {
|
|
1063
|
-
name?: {
|
|
1064
|
-
variant: ComponentProps<typeof Typography>['variant'];
|
|
1065
|
-
component: string;
|
|
1066
|
-
};
|
|
1067
|
-
username?: {
|
|
1068
|
-
variant: ComponentProps<typeof Typography>['variant'];
|
|
1069
|
-
component: string;
|
|
1070
|
-
};
|
|
1071
|
-
};
|
|
1072
|
-
};
|
|
1073
|
-
declare const _default: React.MemoExoticComponent<({ user, avatarProps, typographyProps }: UserBustProps) => react_jsx_runtime.JSX.Element>;
|
|
1074
|
-
|
|
1075
|
-
type Tag = {
|
|
1076
|
-
id: number;
|
|
1077
|
-
tag: string;
|
|
1078
|
-
};
|
|
1079
|
-
type AutocompleteType<T extends Tag> = AutocompleteProps<T, false, false, false>;
|
|
1080
|
-
interface HashtagInputProps extends Omit<AutocompleteType<any>, 'options' | 'renderInput'> {
|
|
1081
|
-
label?: TextFieldProps['label'];
|
|
1082
|
-
placeholder?: TextFieldProps['placeholder'];
|
|
1083
|
-
variant?: TextFieldProps['variant'];
|
|
1084
|
-
error?: TextFieldProps['error'];
|
|
1085
|
-
helperText?: TextFieldProps['helperText'];
|
|
1086
|
-
onCreateTag?: (tagName?: string) => void;
|
|
1087
|
-
onDeleteTag?: (tag?: Tag | string) => void;
|
|
1088
|
-
}
|
|
1089
|
-
declare const HashtagInput: ({ label, placeholder, variant, error, helperText, onCreateTag, onDeleteTag, ...props }: HashtagInputProps) => react_jsx_runtime.JSX.Element;
|
|
1090
|
-
|
|
1091
|
-
declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1092
|
-
|
|
1093
|
-
declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1094
|
-
|
|
1095
|
-
export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HashtagInput, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, type Option, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
|