@digital-ai/dot-components 2.19.1 → 2.20.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/README.md +1 -2
- package/index.esm.d.ts +1 -0
- package/index.esm.js +1193 -1481
- package/package.json +7 -7
- package/{index.d.ts → src/index.d.ts} +7 -7
- package/src/lib/components/AccessibilityProps.d.ts +1 -0
- package/{lib → src/lib}/components/BaseButtonProps.d.ts +26 -26
- package/{lib → src/lib}/components/CommonProps.d.ts +11 -11
- package/{lib → src/lib}/components/accordion/Accordion.d.ts +28 -28
- package/{lib → src/lib}/components/accordion/Accordion.styles.d.ts +4 -4
- package/{lib → src/lib}/components/action-toolbar/ActionToolbar.d.ts +10 -10
- package/{lib → src/lib}/components/action-toolbar/ActionToolbar.styles.d.ts +2 -2
- package/{lib → src/lib}/components/alert-banner/AlertBanner.d.ts +19 -19
- package/{lib → src/lib}/components/alert-banner/AlertBanner.styles.d.ts +4 -4
- package/{lib → src/lib}/components/app-logo/AppLogo.d.ts +11 -11
- package/{lib → src/lib}/components/app-switcher/AppSwitcher.d.ts +29 -29
- package/{lib → src/lib}/components/app-switcher/AppSwitcher.styles.d.ts +2 -2
- package/{lib → src/lib}/components/app-switcher/utils/helpers.d.ts +26 -26
- package/{lib → src/lib}/components/app-toolbar/AppToolbar.d.ts +49 -49
- package/{lib → src/lib}/components/app-toolbar/AppToolbar.data.d.ts +8 -8
- package/{lib → src/lib}/components/app-toolbar/AppToolbar.styles.d.ts +4 -4
- package/{lib → src/lib}/components/auto-complete/AutoComplete.d.ts +89 -89
- package/{lib → src/lib}/components/auto-complete/AutoComplete.styles.d.ts +5 -5
- package/{lib → src/lib}/components/auto-complete/index.d.ts +4 -4
- package/{lib → src/lib}/components/auto-complete/utils/helpers.d.ts +13 -13
- package/{lib → src/lib}/components/auto-complete/utils/interface.d.ts +17 -17
- package/{lib → src/lib}/components/avatar/Avatar.d.ts +37 -37
- package/{lib → src/lib}/components/avatar/Avatar.styles.d.ts +3 -3
- package/{lib → src/lib}/components/avatar-group/AvatarGroup.d.ts +12 -12
- package/{lib → src/lib}/components/avatar-group/AvatarGroup.styles.d.ts +3 -3
- package/{lib → src/lib}/components/badge/Badge.d.ts +20 -20
- package/{lib → src/lib}/components/badge/Badge.styles.d.ts +6 -6
- package/{lib → src/lib}/components/badge/index.d.ts +1 -1
- package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.d.ts +25 -25
- package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.data.d.ts +5 -5
- package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.styles.d.ts +4 -4
- package/{lib → src/lib}/components/breadcrumbs/utils/helpers.d.ts +25 -25
- package/{lib → src/lib}/components/breadcrumbs/utils/useBreadcrumbsObserver.d.ts +9 -9
- package/{lib → src/lib}/components/breadcrumbs/utils/useBreadcrumbsResizer.d.ts +18 -18
- package/{lib → src/lib}/components/button/Button.d.ts +13 -13
- package/{lib → src/lib}/components/button/Button.styles.d.ts +2 -2
- package/{lib → src/lib}/components/button/CopyButton.d.ts +14 -14
- package/{lib → src/lib}/components/button/CopyButton.styles.d.ts +2 -2
- package/{lib → src/lib}/components/button/IconButton.d.ts +29 -29
- package/{lib → src/lib}/components/button/IconButton.styles.d.ts +2 -2
- package/{lib → src/lib}/components/button/index.d.ts +6 -6
- package/{lib → src/lib}/components/button-toggle/ButtonToggle.d.ts +24 -24
- package/{lib → src/lib}/components/button-toggle/ButtonToggle.styles.d.ts +3 -3
- package/{lib → src/lib}/components/button-toggle/index.d.ts +3 -3
- package/src/lib/components/button-toggle/utils/models.d.ts +13 -0
- package/{lib → src/lib}/components/card/Card.d.ts +7 -7
- package/{lib → src/lib}/components/card/CardContent.d.ts +7 -7
- package/{lib → src/lib}/components/card/CardFooter.d.ts +7 -7
- package/{lib → src/lib}/components/card/CardFooter.styles.d.ts +2 -2
- package/{lib → src/lib}/components/card/CardHeader.d.ts +19 -19
- package/{lib → src/lib}/components/carousel/Carousel.d.ts +31 -31
- package/{lib → src/lib}/components/carousel/Carousel.styles.d.ts +6 -6
- package/{lib → src/lib}/components/checkbox/Checkbox.d.ts +12 -12
- package/{lib → src/lib}/components/checkbox/Checkbox.styles.d.ts +3 -3
- package/{lib → src/lib}/components/checkbox/CheckboxGroup.d.ts +16 -16
- package/{lib → src/lib}/components/checkbox/CheckboxGroup.styles.d.ts +5 -5
- package/{lib → src/lib}/components/chip/Chip.d.ts +29 -29
- package/{lib → src/lib}/components/chip/Chip.styles.d.ts +2 -2
- package/{lib → src/lib}/components/click-away-listener/ClickAwayListener.d.ts +10 -10
- package/{lib → src/lib}/components/click-away-listener/index.d.ts +2 -2
- package/{lib → src/lib}/components/compareSize.d.ts +1 -1
- package/{lib → src/lib}/components/confirmation-dialog/ConfirmationDialog.d.ts +20 -20
- package/{lib → src/lib}/components/core-api/CancelablePromise.d.ts +7 -7
- package/{lib → src/lib}/components/core-api/CoreApiProvider.d.ts +23 -23
- package/{lib → src/lib}/components/core-api/openapi/core/ApiError.d.ts +8 -8
- package/{lib → src/lib}/components/core-api/openapi/core/ApiRequestOptions.d.ts +12 -12
- package/{lib → src/lib}/components/core-api/openapi/core/ApiResult.d.ts +7 -7
- package/{lib → src/lib}/components/core-api/openapi/core/OpenAPI.d.ts +15 -15
- package/{lib → src/lib}/components/core-api/openapi/core/request.d.ts +9 -9
- package/{lib → src/lib}/components/core-api/openapi/index.d.ts +12 -12
- package/{lib → src/lib}/components/core-api/openapi/models/AccountModel.d.ts +50 -50
- package/{lib → src/lib}/components/core-api/openapi/models/AccountModelWrapper.d.ts +4 -4
- package/{lib → src/lib}/components/core-api/openapi/models/AccountModelsWrapper.d.ts +6 -6
- package/{lib → src/lib}/components/core-api/openapi/models/ApplicationInstanceStates.d.ts +4 -4
- package/{lib → src/lib}/components/core-api/openapi/models/ApplicationModel.d.ts +67 -67
- package/{lib → src/lib}/components/core-api/openapi/models/ApplicationModelWrapper.d.ts +4 -4
- package/{lib → src/lib}/components/core-api/openapi/models/ApplicationModelsWrapper.d.ts +6 -6
- package/{lib → src/lib}/components/core-api/openapi/models/PaginationModel.d.ts +22 -22
- package/{lib → src/lib}/components/core-api/openapi/services/AccountsService.d.ts +25 -25
- package/{lib → src/lib}/components/core-api/openapi/services/ApplicationsService.d.ts +38 -38
- package/{lib → src/lib}/components/createUUID.d.ts +1 -1
- package/{lib → src/lib}/components/css-grid/CssCell.d.ts +42 -42
- package/{lib → src/lib}/components/css-grid/CssGrid.d.ts +37 -37
- package/{lib → src/lib}/components/css-grid/CssGridDebug.d.ts +4 -4
- package/{lib → src/lib}/components/date-picker/DatePicker.d.ts +83 -83
- package/{lib → src/lib}/components/date-picker/DatePicker.styles.d.ts +11 -11
- package/{lib → src/lib}/components/date-picker/index.d.ts +5 -5
- package/{lib → src/lib}/components/date-picker/utils/helpers.d.ts +5 -5
- package/{lib → src/lib}/components/date-picker/utils/models.d.ts +43 -43
- package/{lib → src/lib}/components/dialog/Dialog.d.ts +42 -42
- package/{lib → src/lib}/components/dialog/Dialog.styles.d.ts +3 -3
- package/{lib → src/lib}/components/divider/Divider.d.ts +16 -16
- package/{lib → src/lib}/components/divider/Divider.styles.d.ts +2 -2
- package/{lib → src/lib}/components/divider/index.d.ts +1 -1
- package/{lib → src/lib}/components/draggable-list/DraggableList.d.ts +23 -23
- package/{lib → src/lib}/components/draggable-list/DraggableList.styles.d.ts +8 -8
- package/{lib → src/lib}/components/draggable-list/index.d.ts +2 -2
- package/{lib → src/lib}/components/draggable-list/utils/helpers.d.ts +5 -5
- package/{lib → src/lib}/components/draggable-list/utils/models.d.ts +5 -5
- package/{lib → src/lib}/components/drawer/Drawer.d.ts +45 -45
- package/{lib → src/lib}/components/drawer/Drawer.styles.d.ts +4 -4
- package/{lib → src/lib}/components/drawer/DrawerBody.d.ts +9 -9
- package/{lib → src/lib}/components/drawer/DrawerBody.styles.d.ts +2 -2
- package/{lib → src/lib}/components/drawer/DrawerFooter.d.ts +6 -6
- package/{lib → src/lib}/components/drawer/DrawerFooter.styles.d.ts +2 -2
- package/{lib → src/lib}/components/drawer/DrawerHeader.d.ts +8 -8
- package/{lib → src/lib}/components/drawer/DrawerHeader.styles.d.ts +2 -2
- package/{lib → src/lib}/components/dynamic-form/DynamicForm.d.ts +10 -10
- package/{lib → src/lib}/components/dynamic-form/DynamicForm.styles.d.ts +2 -2
- package/{lib → src/lib}/components/dynamic-form/constants.d.ts +4 -4
- package/{lib → src/lib}/components/dynamic-form/models.d.ts +81 -81
- package/{lib → src/lib}/components/dynamic-form/sample.spec.data.d.ts +22 -22
- package/{lib → src/lib}/components/dynamic-form/utils/formHelpers.d.ts +38 -38
- package/{lib → src/lib}/components/dynamic-form/utils/helpers.d.ts +6 -6
- package/{lib → src/lib}/components/dynamic-form/utils/validation.d.ts +25 -25
- package/{lib → src/lib}/components/empty-state/EmptyState.d.ts +15 -15
- package/{lib → src/lib}/components/empty-state/EmptyState.styles.d.ts +2 -2
- package/{lib → src/lib}/components/file-upload/FileListItem.d.ts +17 -17
- package/src/lib/components/file-upload/FileListItem.styles.d.ts +13 -0
- package/{lib → src/lib}/components/file-upload/FileUpload.d.ts +37 -37
- package/{lib → src/lib}/components/file-upload/FileUpload.styles.d.ts +6 -6
- package/{lib → src/lib}/components/file-upload/index.d.ts +6 -6
- package/src/lib/components/file-upload/uploadHelpers.d.ts +12 -0
- package/{lib → src/lib}/components/file-upload/utils/helpers.d.ts +25 -25
- package/{lib → src/lib}/components/file-upload/utils/models.d.ts +35 -35
- package/{lib → src/lib}/components/form/Form.d.ts +9 -9
- package/{lib → src/lib}/components/form/Form.styles.d.ts +2 -2
- package/{lib → src/lib}/components/form-controls/FormControl.styles.d.ts +6 -6
- package/{lib → src/lib}/components/form-controls/FormControlLabel.styles.d.ts +3 -3
- package/{lib → src/lib}/components/form-group/FormGroup.d.ts +9 -9
- package/{lib → src/lib}/components/form-group/FormGroup.styles.d.ts +3 -3
- package/{lib → src/lib}/components/helpers.d.ts +13 -13
- package/{lib → src/lib}/components/icon/Icon.d.ts +11 -11
- package/{lib → src/lib}/components/icon/Icon.styles.d.ts +5 -5
- package/{lib → src/lib}/components/index.d.ts +109 -106
- package/{lib → src/lib}/components/inline-edit/InlineEdit.d.ts +39 -39
- package/{lib → src/lib}/components/inline-edit/InlineEdit.styles.d.ts +13 -13
- package/{lib → src/lib}/components/inline-edit/index.d.ts +3 -3
- package/{lib → src/lib}/components/inline-edit/utils/helpers.d.ts +6 -6
- package/{lib → src/lib}/components/inline-edit/utils/models.d.ts +13 -13
- package/{lib → src/lib}/components/input-form-fields/InputFormFields.propTypes.d.ts +67 -67
- package/{lib → src/lib}/components/input-form-fields/InputFormFields.styles.d.ts +14 -14
- package/{lib → src/lib}/components/input-form-fields/InputLabel.d.ts +17 -17
- package/{lib → src/lib}/components/input-form-fields/InputSelect.d.ts +15 -15
- package/{lib → src/lib}/components/input-form-fields/InputText.d.ts +34 -34
- package/{lib → src/lib}/components/input-form-fields/common.styles.d.ts +5 -5
- package/{lib → src/lib}/components/linear-progress/LinearProgress.d.ts +14 -14
- package/{lib → src/lib}/components/linear-progress/LinearProgress.styles.d.ts +3 -3
- package/{lib → src/lib}/components/linear-progress/index.d.ts +2 -2
- package/{lib → src/lib}/components/link/Link.d.ts +30 -30
- package/{lib → src/lib}/components/link/Link.styles.d.ts +2 -2
- package/{lib → src/lib}/components/list/List.d.ts +2 -2
- package/{lib → src/lib}/components/list/List.styles.d.ts +5 -5
- package/{lib → src/lib}/components/list/ListDivider.d.ts +7 -7
- package/{lib → src/lib}/components/list/ListItem.d.ts +2 -2
- package/{lib → src/lib}/components/list/ListItem.styles.d.ts +6 -6
- package/{lib → src/lib}/components/list/NestedList.d.ts +2 -2
- package/{lib → src/lib}/components/list/NestedList.styles.d.ts +1 -1
- package/{lib → src/lib}/components/list/index.d.ts +2 -2
- package/{lib → src/lib}/components/list/utils/helpers.d.ts +3 -3
- package/{lib → src/lib}/components/list/utils/models.d.ts +88 -88
- package/{lib → src/lib}/components/menu/Menu.d.ts +50 -50
- package/{lib → src/lib}/components/menu/Menu.styles.d.ts +18 -18
- package/{lib → src/lib}/components/menu/MenuList.d.ts +26 -26
- package/{lib → src/lib}/components/menu/MenuList.styles.d.ts +4 -4
- package/{lib → src/lib}/components/menu/utils/constants.d.ts +3 -3
- package/{lib → src/lib}/components/menu/utils/helpers.d.ts +16 -16
- package/{lib → src/lib}/components/navigation-rail/NavigationRail.d.ts +25 -25
- package/{lib → src/lib}/components/navigation-rail/NavigationRail.styles.d.ts +6 -6
- package/{lib → src/lib}/components/navigation-rail/index.d.ts +2 -2
- package/{lib → src/lib}/components/pill/Pill.d.ts +24 -24
- package/{lib → src/lib}/components/pill/Pill.styles.d.ts +3 -3
- package/{lib → src/lib}/components/popper/Popper.d.ts +33 -33
- package/{lib → src/lib}/components/popper/Popper.data.d.ts +7 -7
- package/{lib → src/lib}/components/popper/Popper.styles.d.ts +12 -12
- package/{lib → src/lib}/components/popper/index.d.ts +2 -2
- package/{lib → src/lib}/components/progress/Progress.d.ts +18 -18
- package/{lib → src/lib}/components/progress/Progress.styles.d.ts +3 -3
- package/{lib → src/lib}/components/progress/index.d.ts +2 -2
- package/{lib → src/lib}/components/progress-button/ProgressButton.d.ts +8 -8
- package/{lib → src/lib}/components/progress-button/ProgressButton.styles.d.ts +3 -3
- package/{lib → src/lib}/components/radio/RadioButton.d.ts +31 -31
- package/{lib → src/lib}/components/radio/RadioButton.styles.d.ts +3 -3
- package/{lib → src/lib}/components/radio/RadioGroup.d.ts +29 -29
- package/{lib → src/lib}/components/radio/RadioGroup.styles.d.ts +6 -6
- package/{lib → src/lib}/components/search-input/SearchInput.d.ts +11 -11
- package/{lib → src/lib}/components/search-input/SearchInput.styles.d.ts +2 -2
- package/{lib → src/lib}/components/sidebar/Sidebar.d.ts +49 -49
- package/{lib → src/lib}/components/sidebar/Sidebar.styles.d.ts +2 -2
- package/{lib → src/lib}/components/skeleton/Skeleton.d.ts +14 -14
- package/{lib → src/lib}/components/skeleton/Skeleton.styles.d.ts +2 -2
- package/{lib → src/lib}/components/snackbar/Snackbar.d.ts +21 -21
- package/{lib → src/lib}/components/snackbar/Snackbar.styles.d.ts +8 -8
- package/{lib → src/lib}/components/snackbar/SnackbarContainer.styles.d.ts +2 -2
- package/{lib → src/lib}/components/snackbar/SnackbarHelper.d.ts +2 -2
- package/{lib → src/lib}/components/snackbar/SnackbarProvider.d.ts +21 -21
- package/{lib → src/lib}/components/snackbar/index.d.ts +4 -4
- package/{lib → src/lib}/components/split-button/SplitButton.d.ts +15 -15
- package/{lib → src/lib}/components/split-button/SplitButton.styles.d.ts +3 -3
- package/{lib → src/lib}/components/split-button/utils/helpers.d.ts +2 -2
- package/{lib → src/lib}/components/stepper/Stepper.d.ts +64 -64
- package/{lib → src/lib}/components/stepper/Stepper.styles.d.ts +15 -15
- package/{lib → src/lib}/components/switch/Switch.d.ts +26 -26
- package/{lib → src/lib}/components/switch/Switch.styles.d.ts +3 -3
- package/{lib → src/lib}/components/switch/index.d.ts +2 -2
- package/{lib → src/lib}/components/table/Table.d.ts +10 -10
- package/{lib → src/lib}/components/table/Table.data.d.ts +42 -42
- package/{lib → src/lib}/components/table/Table.styles.d.ts +4 -4
- package/{lib → src/lib}/components/table/TableAction.d.ts +12 -12
- package/{lib → src/lib}/components/table/TableActions.d.ts +7 -7
- package/{lib → src/lib}/components/table/TableActions.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TableBody.d.ts +29 -29
- package/{lib → src/lib}/components/table/TableBody.styles.d.ts +2 -2
- package/{lib → src/lib}/components/table/TableBodyCheckboxCell.d.ts +8 -8
- package/{lib → src/lib}/components/table/TableBodyCheckboxCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TableCell.d.ts +19 -19
- package/{lib → src/lib}/components/table/TableCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TableDataWithPagination.d.ts +11 -11
- package/{lib → src/lib}/components/table/TableHeader.d.ts +6 -6
- package/{lib → src/lib}/components/table/TableHeaderCell.d.ts +36 -36
- package/{lib → src/lib}/components/table/TableHeaderCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TableHeaderCheckboxCell.d.ts +8 -8
- package/{lib → src/lib}/components/table/TableHeaderCheckboxCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TablePagination.d.ts +25 -25
- package/{lib → src/lib}/components/table/TablePagination.styles.d.ts +7 -7
- package/{lib → src/lib}/components/table/TableRow.d.ts +30 -30
- package/{lib → src/lib}/components/table/TableRow.styles.d.ts +2 -2
- package/{lib → src/lib}/components/table/TableRowEmpty.d.ts +7 -7
- package/{lib → src/lib}/components/table/TableSelectionToolbar.d.ts +8 -8
- package/{lib → src/lib}/components/table/TableSelectionToolbar.styles.d.ts +2 -2
- package/{lib → src/lib}/components/table/collapsible-table/CollapsibleTable.d.ts +2 -2
- package/{lib → src/lib}/components/table/collapsible-table/CollapsibleTable.styles.d.ts +2 -2
- package/{lib → src/lib}/components/table/collapsible-table/CollapsibleTableBody.d.ts +2 -2
- package/{lib → src/lib}/components/table/collapsible-table/ExpandCollapseCell.d.ts +3 -3
- package/{lib → src/lib}/components/table/collapsible-table/ExpandCollapseCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/collapsible-table/index.d.ts +4 -4
- package/{lib → src/lib}/components/table/collapsible-table/interfaces.d.ts +43 -43
- package/{lib → src/lib}/components/table/index.d.ts +13 -13
- package/{lib → src/lib}/components/table/utils/helpers.d.ts +9 -9
- package/{lib → src/lib}/components/table/utils/interfaces.d.ts +87 -87
- package/{lib → src/lib}/components/table/utils/models.d.ts +25 -25
- package/{lib → src/lib}/components/tabs/Tabs.d.ts +31 -31
- package/{lib → src/lib}/components/tabs/Tabs.styles.d.ts +2 -2
- package/{lib → src/lib}/components/time-picker/TimePicker.d.ts +63 -63
- package/{lib → src/lib}/components/time-picker/TimePicker.styles.d.ts +7 -7
- package/{lib → src/lib}/components/time-picker/index.d.ts +3 -3
- package/{lib → src/lib}/components/time-picker/utils/helpers.d.ts +18 -18
- package/{lib → src/lib}/components/time-picker/utils/models.d.ts +4 -4
- package/{lib → src/lib}/components/tooltip/Tooltip.d.ts +14 -14
- package/{lib → src/lib}/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +9 -9
- package/{lib → src/lib}/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts +3 -3
- package/{lib → src/lib}/components/truncate-with-tooltip/index.d.ts +2 -2
- package/{lib → src/lib}/components/truncate-with-tooltip/utils/helpers.d.ts +3 -3
- package/{lib → src/lib}/components/typography/Typography.d.ts +18 -18
- package/{lib → src/lib}/components/useStylesWithRootClass.d.ts +1 -1
- package/{lib → src/lib}/fonts/fonts.d.ts +1 -1
- package/{lib → src/lib}/theme-provider/ThemeProvider.d.ts +32 -32
- package/{lib → src/lib}/theme-provider/colors/agility-dark-theme-colors.d.ts +9 -9
- package/{lib → src/lib}/theme-provider/colors/agility-light-theme-colors.d.ts +11 -11
- package/{lib → src/lib}/theme-provider/colors/figma-colors.d.ts +3 -3
- package/{lib → src/lib}/theme-provider/colors/light-theme-colors.d.ts +104 -104
- package/{lib → src/lib}/theme-provider/common/variables.d.ts +6 -6
- package/{lib → src/lib}/theme-provider/interfaces.d.ts +198 -198
- package/index.umd.js +0 -12351
- package/lib/components/AccessibilityProps.d.ts +0 -1
- package/lib/components/button-toggle/utils/models.d.ts +0 -13
- package/lib/components/file-upload/FileListItem.styles.d.ts +0 -42
- package/lib/components/file-upload/uploadHelpers.d.ts +0 -12
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { DynamicFormState } from './models';
|
|
2
|
-
export declare const sampleFormTestData: {
|
|
3
|
-
customUserType: string;
|
|
4
|
-
firstName: string;
|
|
5
|
-
isAccountActive: boolean;
|
|
6
|
-
lastName: string;
|
|
7
|
-
gender: string;
|
|
8
|
-
hasVehicle: string;
|
|
9
|
-
interests: {
|
|
10
|
-
title: string;
|
|
11
|
-
}[];
|
|
12
|
-
password: string;
|
|
13
|
-
receive: {
|
|
14
|
-
label: string;
|
|
15
|
-
value: string;
|
|
16
|
-
}[];
|
|
17
|
-
terms: boolean;
|
|
18
|
-
userType: string;
|
|
19
|
-
username: string;
|
|
20
|
-
vehicleModel: string;
|
|
21
|
-
};
|
|
22
|
-
export declare const getSampleFormState: () => DynamicFormState;
|
|
1
|
+
import { DynamicFormState } from './models';
|
|
2
|
+
export declare const sampleFormTestData: {
|
|
3
|
+
customUserType: string;
|
|
4
|
+
firstName: string;
|
|
5
|
+
isAccountActive: boolean;
|
|
6
|
+
lastName: string;
|
|
7
|
+
gender: string;
|
|
8
|
+
hasVehicle: string;
|
|
9
|
+
interests: {
|
|
10
|
+
title: string;
|
|
11
|
+
}[];
|
|
12
|
+
password: string;
|
|
13
|
+
receive: {
|
|
14
|
+
label: string;
|
|
15
|
+
value: string;
|
|
16
|
+
}[];
|
|
17
|
+
terms: boolean;
|
|
18
|
+
userType: string;
|
|
19
|
+
username: string;
|
|
20
|
+
vehicleModel: string;
|
|
21
|
+
};
|
|
22
|
+
export declare const getSampleFormState: () => DynamicFormState;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { ChangeEvent } from 'react';
|
|
2
|
-
import { ControlClickHandler, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormOutputData, DynamicFormState, DynamicFormStateData, DynamicFormStateItem } from '../models';
|
|
3
|
-
import { AutoCompleteValue } from '../../auto-complete/';
|
|
4
|
-
import { CheckboxProps } from '../../checkbox/Checkbox';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export interface InputBaseArgs {
|
|
9
|
-
controlProps: DynamicFormControlProps;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
index: number;
|
|
12
|
-
liveValidation: boolean;
|
|
13
|
-
}
|
|
14
|
-
export interface ControlledInputArgs extends InputBaseArgs {
|
|
15
|
-
controlName: string;
|
|
16
|
-
formData: DynamicFormStateData;
|
|
17
|
-
handleChange: AutoCompleteChangeHandler | ChangeHandler | CheckboxGroupChangeHandler;
|
|
18
|
-
}
|
|
19
|
-
export interface UncontrolledInputArgs extends InputBaseArgs {
|
|
20
|
-
formState?: DynamicFormState;
|
|
21
|
-
handleClick?: (formValues?: DynamicFormOutputData) => void;
|
|
22
|
-
}
|
|
23
|
-
export declare const getInitialStateFromControl: ({ hidden, initialValue, controlType, validation }: DynamicFormControl, liveValidation: boolean, formValues: DynamicFormOutputData) => DynamicFormStateItem;
|
|
24
|
-
export declare const getInitialFormState: (config: DynamicFormConfig, liveValidation: boolean) => DynamicFormState;
|
|
25
|
-
export declare const getControlClickHandler: (formValues: DynamicFormOutputData, onControlClick?: ControlClickHandler) => () => void;
|
|
26
|
-
export declare const buildInputTextControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
|
|
27
|
-
export declare const buildInputSelectControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
|
|
28
|
-
export declare const buildAutocompleteControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
|
|
29
|
-
export declare const buildRadioGroupControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
|
|
30
|
-
export declare const buildCheckboxControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
|
|
31
|
-
export declare const buildCheckboxGroupControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
|
|
32
|
-
export declare const buildSwitchControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => JSX.Element;
|
|
33
|
-
export declare const buildButtonControl: ({ controlProps, disabled, index, handleClick, }: UncontrolledInputArgs) => JSX.Element;
|
|
34
|
-
export declare const buildProgressButtonControl: ({ controlProps, disabled, index, handleClick, }: UncontrolledInputArgs) => JSX.Element;
|
|
35
|
-
export declare const buildResetControl: ({ controlProps, disabled, handleClick, index, }: UncontrolledInputArgs) => JSX.Element;
|
|
36
|
-
export declare const buildSubmitControl: ({ controlProps, disabled, formState, index, liveValidation, }: UncontrolledInputArgs) => JSX.Element;
|
|
37
|
-
export declare const buildProgressSubmitControl: ({ controlProps, disabled, formState, index, liveValidation, }: UncontrolledInputArgs) => JSX.Element;
|
|
38
|
-
export {};
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
import { ControlClickHandler, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormOutputData, DynamicFormState, DynamicFormStateData, DynamicFormStateItem } from '../models';
|
|
3
|
+
import { AutoCompleteValue } from '../../auto-complete/';
|
|
4
|
+
import { CheckboxProps } from '../../checkbox/Checkbox';
|
|
5
|
+
type AutoCompleteChangeHandler = (controlName: string) => (e: ChangeEvent<HTMLInputElement>, value: AutoCompleteValue) => void;
|
|
6
|
+
type ChangeHandler = (controlName: string) => (e: ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
+
type CheckboxGroupChangeHandler = (controlName: string) => (event: ChangeEvent<HTMLInputElement>, value: CheckboxProps[]) => void;
|
|
8
|
+
export interface InputBaseArgs {
|
|
9
|
+
controlProps: DynamicFormControlProps;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
index: number;
|
|
12
|
+
liveValidation: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface ControlledInputArgs extends InputBaseArgs {
|
|
15
|
+
controlName: string;
|
|
16
|
+
formData: DynamicFormStateData;
|
|
17
|
+
handleChange: AutoCompleteChangeHandler | ChangeHandler | CheckboxGroupChangeHandler;
|
|
18
|
+
}
|
|
19
|
+
export interface UncontrolledInputArgs extends InputBaseArgs {
|
|
20
|
+
formState?: DynamicFormState;
|
|
21
|
+
handleClick?: (formValues?: DynamicFormOutputData) => void;
|
|
22
|
+
}
|
|
23
|
+
export declare const getInitialStateFromControl: ({ hidden, initialValue, controlType, validation }: DynamicFormControl, liveValidation: boolean, formValues: DynamicFormOutputData) => DynamicFormStateItem;
|
|
24
|
+
export declare const getInitialFormState: (config: DynamicFormConfig, liveValidation: boolean) => DynamicFormState;
|
|
25
|
+
export declare const getControlClickHandler: (formValues: DynamicFormOutputData, onControlClick?: ControlClickHandler) => () => void;
|
|
26
|
+
export declare const buildInputTextControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare const buildInputSelectControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare const buildAutocompleteControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const buildRadioGroupControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export declare const buildCheckboxControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare const buildCheckboxGroupControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare const buildSwitchControl: ({ controlName, controlProps, disabled, formData, handleChange, index, }: ControlledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare const buildButtonControl: ({ controlProps, disabled, index, handleClick, }: UncontrolledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare const buildProgressButtonControl: ({ controlProps, disabled, index, handleClick, }: UncontrolledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export declare const buildResetControl: ({ controlProps, disabled, handleClick, index, }: UncontrolledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
export declare const buildSubmitControl: ({ controlProps, disabled, formState, index, liveValidation, }: UncontrolledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export declare const buildProgressSubmitControl: ({ controlProps, disabled, formState, index, liveValidation, }: UncontrolledInputArgs) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ControlCondition, DisabledControlCondition, DynamicFormConfig, DynamicFormOutputData, DynamicFormState, DynamicFormStateData } from '../models';
|
|
2
|
-
export declare const getControlValue: <T>(controlName: string, data: DynamicFormStateData) => T;
|
|
3
|
-
export declare const getOutputFormData: (formState: DynamicFormState) => DynamicFormOutputData;
|
|
4
|
-
export declare const checkIfHiddenControl: (hidden: ControlCondition, formValues: DynamicFormOutputData) => boolean;
|
|
5
|
-
export declare const checkIfDisabledControl: (disabled: DisabledControlCondition, formValues: DynamicFormOutputData, isFormValid: boolean) => boolean;
|
|
6
|
-
export declare const getFormDataFromInitialValues: (config: DynamicFormConfig) => DynamicFormOutputData;
|
|
1
|
+
import { ControlCondition, DisabledControlCondition, DynamicFormConfig, DynamicFormOutputData, DynamicFormState, DynamicFormStateData } from '../models';
|
|
2
|
+
export declare const getControlValue: <T>(controlName: string, data: DynamicFormStateData) => T;
|
|
3
|
+
export declare const getOutputFormData: (formState: DynamicFormState) => DynamicFormOutputData;
|
|
4
|
+
export declare const checkIfHiddenControl: (hidden: ControlCondition, formValues: DynamicFormOutputData) => boolean;
|
|
5
|
+
export declare const checkIfDisabledControl: (disabled: DisabledControlCondition, formValues: DynamicFormOutputData, isFormValid: boolean) => boolean;
|
|
6
|
+
export declare const getFormDataFromInitialValues: (config: DynamicFormConfig) => DynamicFormOutputData;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { DynamicFormConfig, DynamicFormOutputData, DynamicFormState, DynamicFormValidation, FieldValidation, ValidationField } from '../models';
|
|
2
|
-
export declare const checkIfValidationApplies: (validationField: ValidationField, formValues: DynamicFormOutputData) => boolean;
|
|
3
|
-
export declare const checkIfEmptyValue: (value: unknown) => boolean;
|
|
4
|
-
export declare const checkIfString: (value: unknown) => boolean;
|
|
5
|
-
export declare const checkIfEmptyString: (value: string) => boolean;
|
|
6
|
-
export declare const checkIfArray: (value: unknown) => boolean;
|
|
7
|
-
export declare const checkIfEmptyArray: (value: Array<unknown>) => boolean;
|
|
8
|
-
export declare const checkIfStringRequiredInvalid: (value: string, validation: DynamicFormValidation, formValues: DynamicFormOutputData) => boolean;
|
|
9
|
-
export declare const checkIfArrayRequiredInvalid: (value: unknown[], validation: DynamicFormValidation, formValues: DynamicFormOutputData) => boolean;
|
|
10
|
-
export declare const checkIfMinLengthInvalid: (value: string | unknown[], validation: DynamicFormValidation, formValues: DynamicFormOutputData) => boolean;
|
|
11
|
-
export declare const checkIfMaxLengthInvalid: (value: string | unknown[], validation: DynamicFormValidation, formValues: DynamicFormOutputData) => boolean;
|
|
12
|
-
export declare const getInvalidFieldValidation: (errorMessage: string) => FieldValidation;
|
|
13
|
-
export declare const getRequiredFieldValidationError: (validation: DynamicFormValidation) => FieldValidation;
|
|
14
|
-
export declare const getMinLengthFieldValidationError: (validation: DynamicFormValidation) => FieldValidation;
|
|
15
|
-
export declare const getMaxLengthFieldValidationError: (validation: DynamicFormValidation) => FieldValidation;
|
|
16
|
-
export declare const getEmptyValueValidationError: (validation: DynamicFormValidation, formValues: DynamicFormOutputData) => FieldValidation | null;
|
|
17
|
-
export declare const getStringValidationError: (value: string, validation: DynamicFormValidation, formValues: DynamicFormOutputData) => FieldValidation | null;
|
|
18
|
-
export declare const getArrayValidationError: (array: unknown[], validation: DynamicFormValidation, formValues: DynamicFormOutputData) => FieldValidation | null;
|
|
19
|
-
export declare const getCustomValidationError: (value: unknown, validation: DynamicFormValidation) => {
|
|
20
|
-
isValid: boolean;
|
|
21
|
-
errorMessage: string;
|
|
22
|
-
};
|
|
23
|
-
export declare const getFieldValidation: (value: unknown, validation: DynamicFormValidation, formValues: DynamicFormOutputData) => FieldValidation;
|
|
24
|
-
export declare const getControlValidationFromConfig: (controlName: string, config: DynamicFormConfig) => DynamicFormValidation | undefined;
|
|
25
|
-
export declare const checkIfFormDataValid: (formState: DynamicFormState) => boolean;
|
|
1
|
+
import { DynamicFormConfig, DynamicFormOutputData, DynamicFormState, DynamicFormValidation, FieldValidation, ValidationField } from '../models';
|
|
2
|
+
export declare const checkIfValidationApplies: (validationField: ValidationField, formValues: DynamicFormOutputData) => boolean;
|
|
3
|
+
export declare const checkIfEmptyValue: (value: unknown) => boolean;
|
|
4
|
+
export declare const checkIfString: (value: unknown) => boolean;
|
|
5
|
+
export declare const checkIfEmptyString: (value: string) => boolean;
|
|
6
|
+
export declare const checkIfArray: (value: unknown) => boolean;
|
|
7
|
+
export declare const checkIfEmptyArray: (value: Array<unknown>) => boolean;
|
|
8
|
+
export declare const checkIfStringRequiredInvalid: (value: string, validation: DynamicFormValidation, formValues: DynamicFormOutputData) => boolean;
|
|
9
|
+
export declare const checkIfArrayRequiredInvalid: (value: unknown[], validation: DynamicFormValidation, formValues: DynamicFormOutputData) => boolean;
|
|
10
|
+
export declare const checkIfMinLengthInvalid: (value: string | unknown[], validation: DynamicFormValidation, formValues: DynamicFormOutputData) => boolean;
|
|
11
|
+
export declare const checkIfMaxLengthInvalid: (value: string | unknown[], validation: DynamicFormValidation, formValues: DynamicFormOutputData) => boolean;
|
|
12
|
+
export declare const getInvalidFieldValidation: (errorMessage: string) => FieldValidation;
|
|
13
|
+
export declare const getRequiredFieldValidationError: (validation: DynamicFormValidation) => FieldValidation;
|
|
14
|
+
export declare const getMinLengthFieldValidationError: (validation: DynamicFormValidation) => FieldValidation;
|
|
15
|
+
export declare const getMaxLengthFieldValidationError: (validation: DynamicFormValidation) => FieldValidation;
|
|
16
|
+
export declare const getEmptyValueValidationError: (validation: DynamicFormValidation, formValues: DynamicFormOutputData) => FieldValidation | null;
|
|
17
|
+
export declare const getStringValidationError: (value: string, validation: DynamicFormValidation, formValues: DynamicFormOutputData) => FieldValidation | null;
|
|
18
|
+
export declare const getArrayValidationError: (array: unknown[], validation: DynamicFormValidation, formValues: DynamicFormOutputData) => FieldValidation | null;
|
|
19
|
+
export declare const getCustomValidationError: (value: unknown, validation: DynamicFormValidation) => {
|
|
20
|
+
isValid: boolean;
|
|
21
|
+
errorMessage: string;
|
|
22
|
+
};
|
|
23
|
+
export declare const getFieldValidation: (value: unknown, validation: DynamicFormValidation, formValues: DynamicFormOutputData) => FieldValidation;
|
|
24
|
+
export declare const getControlValidationFromConfig: (controlName: string, config: DynamicFormConfig) => DynamicFormValidation | undefined;
|
|
25
|
+
export declare const checkIfFormDataValid: (formState: DynamicFormState) => boolean;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { ButtonProps } from '../button/Button';
|
|
2
|
-
import { CommonProps } from '../CommonProps';
|
|
3
|
-
export interface EmptyStateProps extends CommonProps {
|
|
4
|
-
/** primary button properties */
|
|
5
|
-
buttonProps?: ButtonProps;
|
|
6
|
-
/** alt text of image */
|
|
7
|
-
imageAltText?: string;
|
|
8
|
-
/** location of image */
|
|
9
|
-
imageSrc?: string;
|
|
10
|
-
/** subtitle text displayed */
|
|
11
|
-
subtitle?: string;
|
|
12
|
-
/** title text displayed */
|
|
13
|
-
title: string;
|
|
14
|
-
}
|
|
15
|
-
export declare const DotEmptyState: ({ ariaLabel, buttonProps, className, "data-testid": dataTestId, imageAltText, imageSrc, subtitle, title, }: EmptyStateProps) => JSX.Element;
|
|
1
|
+
import { ButtonProps } from '../button/Button';
|
|
2
|
+
import { CommonProps } from '../CommonProps';
|
|
3
|
+
export interface EmptyStateProps extends CommonProps {
|
|
4
|
+
/** primary button properties */
|
|
5
|
+
buttonProps?: ButtonProps;
|
|
6
|
+
/** alt text of image */
|
|
7
|
+
imageAltText?: string;
|
|
8
|
+
/** location of image */
|
|
9
|
+
imageSrc?: string;
|
|
10
|
+
/** subtitle text displayed */
|
|
11
|
+
subtitle?: string;
|
|
12
|
+
/** title text displayed */
|
|
13
|
+
title: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const DotEmptyState: ({ ariaLabel, buttonProps, className, "data-testid": dataTestId, imageAltText, imageSrc, subtitle, title, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const rootClassName = "dot-empty-state";
|
|
2
|
-
export declare const StyledEmptyState: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
1
|
+
export declare const rootClassName = "dot-empty-state";
|
|
2
|
+
export declare const StyledEmptyState: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { KeyboardEvent } from 'react';
|
|
2
|
-
import { CommonProps } from '../CommonProps';
|
|
3
|
-
export interface ListItemFile {
|
|
4
|
-
id: string | number;
|
|
5
|
-
path: string;
|
|
6
|
-
}
|
|
7
|
-
export interface FileItemProps extends CommonProps {
|
|
8
|
-
deleteFile: (fileIndex: string | number) => void;
|
|
9
|
-
disableDelete?: boolean;
|
|
10
|
-
error?: boolean;
|
|
11
|
-
errorText?: string;
|
|
12
|
-
file: ListItemFile;
|
|
13
|
-
onClick?: (file: ListItemFile) => void;
|
|
14
|
-
onKeyPress?: (event: KeyboardEvent<Element>) => void;
|
|
15
|
-
tabIndex?: number;
|
|
16
|
-
}
|
|
17
|
-
export declare const DotFileListItem: ({ ariaLabel, className, "data-testid": dataTestId, deleteFile, disableDelete, error, errorText, file, onClick, onKeyPress, tabIndex, }: FileItemProps) => JSX.Element;
|
|
1
|
+
import { KeyboardEvent } from 'react';
|
|
2
|
+
import { CommonProps } from '../CommonProps';
|
|
3
|
+
export interface ListItemFile {
|
|
4
|
+
id: string | number;
|
|
5
|
+
path: string;
|
|
6
|
+
}
|
|
7
|
+
export interface FileItemProps extends CommonProps {
|
|
8
|
+
deleteFile: (fileIndex: string | number) => void;
|
|
9
|
+
disableDelete?: boolean;
|
|
10
|
+
error?: boolean;
|
|
11
|
+
errorText?: string;
|
|
12
|
+
file: ListItemFile;
|
|
13
|
+
onClick?: (file: ListItemFile) => void;
|
|
14
|
+
onKeyPress?: (event: KeyboardEvent<Element>) => void;
|
|
15
|
+
tabIndex?: number;
|
|
16
|
+
}
|
|
17
|
+
export declare const DotFileListItem: ({ ariaLabel, className, "data-testid": dataTestId, deleteFile, disableDelete, error, errorText, file, onClick, onKeyPress, tabIndex, }: FileItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const rootClassName = "dot-file-list-item";
|
|
3
|
+
export declare const StyledFileListItem: ((props: {
|
|
4
|
+
href: string;
|
|
5
|
+
} & {
|
|
6
|
+
button: true;
|
|
7
|
+
} & import("@mui/material").ListItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
8
|
+
ref?: import("react").Ref<HTMLAnchorElement>;
|
|
9
|
+
}, "button" | "style" | "className" | "tabIndex" | "children" | "autoFocus" | "disabled" | "action" | "selected" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "components" | "componentsProps" | "slotProps" | "slots" | "alignItems" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction">) => JSX.Element) & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ExtendButtonBaseTypeMap<import("@mui/material").ListItemTypeMap<{
|
|
10
|
+
button: true;
|
|
11
|
+
}, "div">>> & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ListItemTypeMap<{
|
|
12
|
+
button?: false;
|
|
13
|
+
}, "li">>;
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { CommonProps } from '../CommonProps';
|
|
3
|
-
import { MappedFile } from './utils/models';
|
|
4
|
-
import { ListItemFile } from './FileListItem';
|
|
5
|
-
import { BaseButtonProps } from '../BaseButtonProps';
|
|
6
|
-
interface OmittedButtonProps {
|
|
7
|
-
disabled: unknown;
|
|
8
|
-
isSubmit: unknown;
|
|
9
|
-
onClick: unknown;
|
|
10
|
-
}
|
|
11
|
-
export
|
|
12
|
-
label: string;
|
|
13
|
-
};
|
|
14
|
-
export interface FileUploadProps extends CommonProps {
|
|
15
|
-
/** Unique file type specifiers <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers" target="_blank">More Info</a> */
|
|
16
|
-
accept?: Array<string>;
|
|
17
|
-
/** If true, will only display the button */
|
|
18
|
-
buttonOnly?: boolean;
|
|
19
|
-
/** the file upload button props, not all button props are available */
|
|
20
|
-
buttonProps?: FileUploadButtonProps;
|
|
21
|
-
/** If true, the upload zone will be disabled */
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
/** If true, upload file list won't be displayed. Used when consumer wants to render his own list. */
|
|
24
|
-
hideFilesList?: boolean;
|
|
25
|
-
/** Defines the maximum number of files that can be uploaded */
|
|
26
|
-
maxFiles?: number;
|
|
27
|
-
/** Defines the maximum file size (in MB) */
|
|
28
|
-
maxSize: number;
|
|
29
|
-
/** callback triggered when files are added or removed */
|
|
30
|
-
onChange: (files: Array<MappedFile>) => void;
|
|
31
|
-
/** callback triggered when dragenter event occurs */
|
|
32
|
-
onDragEnter?: (event: React.DragEvent<HTMLDivElement>) => void;
|
|
33
|
-
/** Optional callback which gets triggered when the file (from the list) is clicked. */
|
|
34
|
-
onFileClick?: (file: ListItemFile) => void;
|
|
35
|
-
}
|
|
36
|
-
export declare const DotFileUpload: ({ accept, ariaLabel, ariaRole, buttonProps, buttonOnly, className, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => JSX.Element;
|
|
37
|
-
export {};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CommonProps } from '../CommonProps';
|
|
3
|
+
import { MappedFile } from './utils/models';
|
|
4
|
+
import { ListItemFile } from './FileListItem';
|
|
5
|
+
import { BaseButtonProps } from '../BaseButtonProps';
|
|
6
|
+
interface OmittedButtonProps {
|
|
7
|
+
disabled: unknown;
|
|
8
|
+
isSubmit: unknown;
|
|
9
|
+
onClick: unknown;
|
|
10
|
+
}
|
|
11
|
+
export type FileUploadButtonProps = Omit<BaseButtonProps, keyof OmittedButtonProps> & {
|
|
12
|
+
label: string;
|
|
13
|
+
};
|
|
14
|
+
export interface FileUploadProps extends CommonProps {
|
|
15
|
+
/** Unique file type specifiers <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers" target="_blank">More Info</a> */
|
|
16
|
+
accept?: Array<string>;
|
|
17
|
+
/** If true, will only display the button */
|
|
18
|
+
buttonOnly?: boolean;
|
|
19
|
+
/** the file upload button props, not all button props are available */
|
|
20
|
+
buttonProps?: FileUploadButtonProps;
|
|
21
|
+
/** If true, the upload zone will be disabled */
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/** If true, upload file list won't be displayed. Used when consumer wants to render his own list. */
|
|
24
|
+
hideFilesList?: boolean;
|
|
25
|
+
/** Defines the maximum number of files that can be uploaded */
|
|
26
|
+
maxFiles?: number;
|
|
27
|
+
/** Defines the maximum file size (in MB) */
|
|
28
|
+
maxSize: number;
|
|
29
|
+
/** callback triggered when files are added or removed */
|
|
30
|
+
onChange: (files: Array<MappedFile>) => void;
|
|
31
|
+
/** callback triggered when dragenter event occurs */
|
|
32
|
+
onDragEnter?: (event: React.DragEvent<HTMLDivElement>) => void;
|
|
33
|
+
/** Optional callback which gets triggered when the file (from the list) is clicked. */
|
|
34
|
+
onFileClick?: (file: ListItemFile) => void;
|
|
35
|
+
}
|
|
36
|
+
export declare const DotFileUpload: ({ accept, ariaLabel, ariaRole, buttonProps, buttonOnly, className, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const rootClassName = "dot-file-upload";
|
|
2
|
-
export declare const containerClassName: string;
|
|
3
|
-
export declare const fileClassName: string;
|
|
4
|
-
export declare const dropZoneClassName: string;
|
|
5
|
-
export declare const StyledFileUploadContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const StyledFileUpload: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
1
|
+
export declare const rootClassName = "dot-file-upload";
|
|
2
|
+
export declare const containerClassName: string;
|
|
3
|
+
export declare const fileClassName: string;
|
|
4
|
+
export declare const dropZoneClassName: string;
|
|
5
|
+
export declare const StyledFileUploadContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const StyledFileUpload: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export type { FileUploadError, MappedFile, MappedListItemFile, } from './utils/models';
|
|
2
|
-
export type { FileUploadProps } from './FileUpload';
|
|
3
|
-
export type { ListItemFile } from './FileListItem';
|
|
4
|
-
export type { FileItemProps } from './FileListItem';
|
|
5
|
-
export { DotFileUpload } from './FileUpload';
|
|
6
|
-
export { DotFileListItem } from './FileListItem';
|
|
1
|
+
export type { FileUploadError, MappedFile, MappedListItemFile, } from './utils/models';
|
|
2
|
+
export type { FileUploadProps } from './FileUpload';
|
|
3
|
+
export type { ListItemFile } from './FileListItem';
|
|
4
|
+
export type { FileItemProps } from './FileListItem';
|
|
5
|
+
export { DotFileUpload } from './FileUpload';
|
|
6
|
+
export { DotFileListItem } from './FileListItem';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ListItemFile } from './FileListItem';
|
|
2
|
+
export interface MappedFile {
|
|
3
|
+
errors: Array<FileUploadError>;
|
|
4
|
+
file: ListItemFile;
|
|
5
|
+
}
|
|
6
|
+
export interface FileUploadError {
|
|
7
|
+
code: string;
|
|
8
|
+
message: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const parseListItem: (deleteFile: (fileIndex: string | number) => void, fileToBeParsed: MappedFile, maxSize: number) => {
|
|
11
|
+
child: import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { FileRejection } from 'react-dropzone';
|
|
3
|
-
import { DropzoneContentArgs, FileUploadError, ParseListItemArgs, UploadedFilesListArgs } from './models';
|
|
4
|
-
import { FileUploadButtonProps } from '../FileUpload';
|
|
5
|
-
export declare const renderMaxSizeMessage: (maxSizeMB: number) => ReactNode;
|
|
6
|
-
export declare const renderMaxFilesMessage: (maxFiles: number, maxFilesClasses: string) => ReactNode;
|
|
7
|
-
export declare const renderSelectFilesButton: (buttonProps: FileUploadButtonProps, isUploadDisabled: boolean, onButtonClick: () => void) => ReactNode;
|
|
8
|
-
export declare const renderActiveDragArea: () => ReactNode;
|
|
9
|
-
export declare const renderDragAndDropArea: (buttonProps: FileUploadButtonProps, isUploadDisabled: boolean, onSelectButtonClick: () => void) => ReactNode;
|
|
10
|
-
export declare const renderDropzoneContent: ({ buttonOnly, buttonProps, isDragActive, isUploadDisabled, open, }: DropzoneContentArgs) => React.ReactNode;
|
|
11
|
-
export declare const getUploadedFilesList: ({ maxSize, onFileClick, onFileDelete, uploadedFiles, }: UploadedFilesListArgs) => {
|
|
12
|
-
child: JSX.Element;
|
|
13
|
-
}[];
|
|
14
|
-
export declare const parseListItem: ({ onFileDelete, onFileClick, fileToBeParsed, index, maxSize, }: ParseListItemArgs) => {
|
|
15
|
-
child: JSX.Element;
|
|
16
|
-
};
|
|
17
|
-
export declare const mapAcceptedFiles: (files: File[]) => {
|
|
18
|
-
file: File;
|
|
19
|
-
errors: any[];
|
|
20
|
-
}[];
|
|
21
|
-
export declare const joinAcceptedAndRejectedFiles: (filesAccepted: File[], filesRejected: FileRejection[]) => {
|
|
22
|
-
file: File;
|
|
23
|
-
errors: any[];
|
|
24
|
-
}[];
|
|
25
|
-
export declare const getErrorMessagesForDisplay: (errors: FileUploadError[]) => string;
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { FileRejection } from 'react-dropzone';
|
|
3
|
+
import { DropzoneContentArgs, FileUploadError, ParseListItemArgs, UploadedFilesListArgs } from './models';
|
|
4
|
+
import { FileUploadButtonProps } from '../FileUpload';
|
|
5
|
+
export declare const renderMaxSizeMessage: (maxSizeMB: number) => ReactNode;
|
|
6
|
+
export declare const renderMaxFilesMessage: (maxFiles: number, maxFilesClasses: string) => ReactNode;
|
|
7
|
+
export declare const renderSelectFilesButton: (buttonProps: FileUploadButtonProps, isUploadDisabled: boolean, onButtonClick: () => void) => ReactNode;
|
|
8
|
+
export declare const renderActiveDragArea: () => ReactNode;
|
|
9
|
+
export declare const renderDragAndDropArea: (buttonProps: FileUploadButtonProps, isUploadDisabled: boolean, onSelectButtonClick: () => void) => ReactNode;
|
|
10
|
+
export declare const renderDropzoneContent: ({ buttonOnly, buttonProps, isDragActive, isUploadDisabled, open, }: DropzoneContentArgs) => React.ReactNode;
|
|
11
|
+
export declare const getUploadedFilesList: ({ maxSize, onFileClick, onFileDelete, uploadedFiles, }: UploadedFilesListArgs) => {
|
|
12
|
+
child: import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
}[];
|
|
14
|
+
export declare const parseListItem: ({ onFileDelete, onFileClick, fileToBeParsed, index, maxSize, }: ParseListItemArgs) => {
|
|
15
|
+
child: import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
};
|
|
17
|
+
export declare const mapAcceptedFiles: (files: File[]) => {
|
|
18
|
+
file: File;
|
|
19
|
+
errors: any[];
|
|
20
|
+
}[];
|
|
21
|
+
export declare const joinAcceptedAndRejectedFiles: (filesAccepted: File[], filesRejected: FileRejection[]) => {
|
|
22
|
+
file: File;
|
|
23
|
+
errors: any[];
|
|
24
|
+
}[];
|
|
25
|
+
export declare const getErrorMessagesForDisplay: (errors: FileUploadError[]) => string;
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { FileWithPath } from 'react-dropzone';
|
|
2
|
-
import { ListItemFile } from '../FileListItem';
|
|
3
|
-
import { FileUploadButtonProps } from '../FileUpload';
|
|
4
|
-
export interface FileUploadError {
|
|
5
|
-
code: string;
|
|
6
|
-
message: string;
|
|
7
|
-
}
|
|
8
|
-
export interface MappedListItemFile {
|
|
9
|
-
errors: FileUploadError[];
|
|
10
|
-
listItemFile: ListItemFile;
|
|
11
|
-
}
|
|
12
|
-
export interface MappedFile {
|
|
13
|
-
errors: Array<FileUploadError>;
|
|
14
|
-
file: FileWithPath;
|
|
15
|
-
}
|
|
16
|
-
export interface DropzoneContentArgs {
|
|
17
|
-
buttonOnly: boolean;
|
|
18
|
-
buttonProps: FileUploadButtonProps;
|
|
19
|
-
isDragActive: boolean;
|
|
20
|
-
isUploadDisabled: boolean;
|
|
21
|
-
open: () => void;
|
|
22
|
-
}
|
|
23
|
-
export interface UploadedFilesListArgs {
|
|
24
|
-
maxSize: number;
|
|
25
|
-
onFileClick?: (file: ListItemFile) => void;
|
|
26
|
-
onFileDelete: (fileIndexToBeRemoved: number) => void;
|
|
27
|
-
uploadedFiles: MappedFile[];
|
|
28
|
-
}
|
|
29
|
-
export interface ParseListItemArgs {
|
|
30
|
-
fileToBeParsed: MappedFile;
|
|
31
|
-
index: number;
|
|
32
|
-
maxSize: number;
|
|
33
|
-
onFileClick?: (file: ListItemFile) => void;
|
|
34
|
-
onFileDelete: (fileIndexToBeRemoved: number) => void;
|
|
35
|
-
}
|
|
1
|
+
import { FileWithPath } from 'react-dropzone';
|
|
2
|
+
import { ListItemFile } from '../FileListItem';
|
|
3
|
+
import { FileUploadButtonProps } from '../FileUpload';
|
|
4
|
+
export interface FileUploadError {
|
|
5
|
+
code: string;
|
|
6
|
+
message: string;
|
|
7
|
+
}
|
|
8
|
+
export interface MappedListItemFile {
|
|
9
|
+
errors: FileUploadError[];
|
|
10
|
+
listItemFile: ListItemFile;
|
|
11
|
+
}
|
|
12
|
+
export interface MappedFile {
|
|
13
|
+
errors: Array<FileUploadError>;
|
|
14
|
+
file: FileWithPath;
|
|
15
|
+
}
|
|
16
|
+
export interface DropzoneContentArgs {
|
|
17
|
+
buttonOnly: boolean;
|
|
18
|
+
buttonProps: FileUploadButtonProps;
|
|
19
|
+
isDragActive: boolean;
|
|
20
|
+
isUploadDisabled: boolean;
|
|
21
|
+
open: () => void;
|
|
22
|
+
}
|
|
23
|
+
export interface UploadedFilesListArgs {
|
|
24
|
+
maxSize: number;
|
|
25
|
+
onFileClick?: (file: ListItemFile) => void;
|
|
26
|
+
onFileDelete: (fileIndexToBeRemoved: number) => void;
|
|
27
|
+
uploadedFiles: MappedFile[];
|
|
28
|
+
}
|
|
29
|
+
export interface ParseListItemArgs {
|
|
30
|
+
fileToBeParsed: MappedFile;
|
|
31
|
+
index: number;
|
|
32
|
+
maxSize: number;
|
|
33
|
+
onFileClick?: (file: ListItemFile) => void;
|
|
34
|
+
onFileDelete: (fileIndexToBeRemoved: number) => void;
|
|
35
|
+
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { FormEvent, ReactNode } from 'react';
|
|
2
|
-
import { CommonProps } from '../CommonProps';
|
|
3
|
-
export interface FormProps extends CommonProps {
|
|
4
|
-
/** The content for the Form. **/
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
/** Callback function when form is submitted **/
|
|
7
|
-
onSubmit: (event: FormEvent) => void;
|
|
8
|
-
}
|
|
9
|
-
export declare const DotForm: ({ ariaLabel, children, className, "data-testid": dataTestId, onSubmit, }: FormProps) => JSX.Element;
|
|
1
|
+
import { FormEvent, ReactNode } from 'react';
|
|
2
|
+
import { CommonProps } from '../CommonProps';
|
|
3
|
+
export interface FormProps extends CommonProps {
|
|
4
|
+
/** The content for the Form. **/
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
/** Callback function when form is submitted **/
|
|
7
|
+
onSubmit: (event: FormEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const DotForm: ({ ariaLabel, children, className, "data-testid": dataTestId, onSubmit, }: FormProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const rootClassName = "dot-form";
|
|
2
|
-
export declare const StyledFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
1
|
+
export declare const rootClassName = "dot-form";
|
|
2
|
+
export declare const StyledFormContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const rootClassName = "dot-form-group";
|
|
2
|
-
export declare const groupLabelClassName = "dot-form-group-label";
|
|
3
|
-
export declare const startAdornmentClassName = "dot-start-adornment";
|
|
4
|
-
export declare const endAdornmentClassName = "dot-end-adornment";
|
|
5
|
-
export declare const placementClassName = "dot-";
|
|
6
|
-
export declare const StyledFormControl: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").FormControlTypeMap<{}, "div">>;
|
|
1
|
+
export declare const rootClassName = "dot-form-group";
|
|
2
|
+
export declare const groupLabelClassName = "dot-form-group-label";
|
|
3
|
+
export declare const startAdornmentClassName = "dot-start-adornment";
|
|
4
|
+
export declare const endAdornmentClassName = "dot-end-adornment";
|
|
5
|
+
export declare const placementClassName = "dot-";
|
|
6
|
+
export declare const StyledFormControl: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").FormControlTypeMap<{}, "div">>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FormControlLabel } from '@mui/material';
|
|
2
|
-
export declare const rootClassName = "dot-form-control-label";
|
|
3
|
-
export declare const StyledFormControlLabel: import("styled-components").StyledComponent<typeof FormControlLabel, any, {}, never>;
|
|
1
|
+
import { FormControlLabel } from '@mui/material';
|
|
2
|
+
export declare const rootClassName = "dot-form-control-label";
|
|
3
|
+
export declare const StyledFormControlLabel: import("styled-components").StyledComponent<typeof FormControlLabel, any, {}, never>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { CommonProps } from '../CommonProps';
|
|
3
|
-
export interface FormGroupProps extends CommonProps {
|
|
4
|
-
/** The text for the button. Button text should be in sentence case. */
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
/** changes layout to be horizontal if true */
|
|
7
|
-
row?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare function DotFormGroup({ ariaLabel, className, children, 'data-testid': dataTestId, row, }: FormGroupProps): JSX.Element;
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { CommonProps } from '../CommonProps';
|
|
3
|
+
export interface FormGroupProps extends CommonProps {
|
|
4
|
+
/** The text for the button. Button text should be in sentence case. */
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
/** changes layout to be horizontal if true */
|
|
7
|
+
row?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function DotFormGroup({ ariaLabel, className, children, 'data-testid': dataTestId, row, }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FormGroup } from '@mui/material';
|
|
2
|
-
export declare const rootClassName = "dot-form-group";
|
|
3
|
-
export declare const StyledFormGroup: import("styled-components").StyledComponent<typeof FormGroup, any, {}, never>;
|
|
1
|
+
import { FormGroup } from '@mui/material';
|
|
2
|
+
export declare const rootClassName = "dot-form-group";
|
|
3
|
+
export declare const StyledFormGroup: import("styled-components").StyledComponent<typeof FormGroup, any, {}, never>;
|