@amboss/design-system 1.15.0 → 1.15.2
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 -1
- package/build/cjs/build-tokens/_breakpoints.json.js +0 -10
- package/build/cjs/build-tokens/_icon_sizes_map.json.js +0 -5
- package/build/cjs/build-tokens/_zindex.json.js +0 -10
- package/build/cjs/build-tokens/assets/icons.json.js +0 -82
- package/build/cjs/build-tokens/assets/icons16.json.js +0 -87
- package/build/cjs/build-tokens/assets/logo.json.js +0 -7
- package/build/cjs/build-tokens/visualConfig.js +0 -1309
- package/build/cjs/scss/themes/dark.scss +0 -105
- package/build/cjs/scss/themes/light.scss +0 -105
- package/build/cjs/src/components/Badge/Badge.js +0 -63
- package/build/cjs/src/components/Box/Box.js +0 -89
- package/build/cjs/src/components/Button/Button.js +0 -272
- package/build/cjs/src/components/Callout/Callout.js +0 -103
- package/build/cjs/src/components/Card/Card.js +0 -69
- package/build/cjs/src/components/Card/CardBox.js +0 -23
- package/build/cjs/src/components/Card/CardHeader/CardHeader.js +0 -59
- package/build/cjs/src/components/Collapsible/Collapsible.js +0 -117
- package/build/cjs/src/components/Column/Columns.js +0 -147
- package/build/cjs/src/components/Container/Container.js +0 -63
- package/build/cjs/src/components/DataTable/DataTable.js +0 -187
- package/build/cjs/src/components/DataTable/TableBody.js +0 -161
- package/build/cjs/src/components/DataTable/TableCell.js +0 -45
- package/build/cjs/src/components/DataTable/TableHeader.js +0 -194
- package/build/cjs/src/components/DataTable/useDataTableSort.js +0 -42
- package/build/cjs/src/components/Divider/Divider.js +0 -68
- package/build/cjs/src/components/DropdownMenu/DropdownMenu.js +0 -227
- package/build/cjs/src/components/DropdownMenu/MenuItem.js +0 -103
- package/build/cjs/src/components/Form/Checkbox/Checkbox.js +0 -147
- package/build/cjs/src/components/Form/FormErrorMessages/FormErrorMessages.js +0 -27
- package/build/cjs/src/components/Form/FormField/FormField.js +0 -58
- package/build/cjs/src/components/Form/FormFieldGroup/FormFieldGroup.js +0 -55
- package/build/cjs/src/components/Form/FormLabelText/FormLabelText.js +0 -42
- package/build/cjs/src/components/Form/Input/Input.js +0 -186
- package/build/cjs/src/components/Form/PasswordInput/PasswordInput.js +0 -226
- package/build/cjs/src/components/Form/Radio/Radio.js +0 -138
- package/build/cjs/src/components/Form/RadioButton/RadioButton.js +0 -124
- package/build/cjs/src/components/Form/SegmentedControl/SegmentedControl.js +0 -131
- package/build/cjs/src/components/Form/SegmentedControl/SegmentedControlOption.js +0 -216
- package/build/cjs/src/components/Form/Select/Select.js +0 -291
- package/build/cjs/src/components/Form/Textarea/Textarea.js +0 -93
- package/build/cjs/src/components/Form/Toggle/Toggle.js +0 -179
- package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +0 -143
- package/build/cjs/src/components/Icon/Icon.js +0 -110
- package/build/cjs/src/components/Inline/Inline.js +0 -113
- package/build/cjs/src/components/Link/Link.js +0 -82
- package/build/cjs/src/components/LoadingSpinner/LoadingSpinner.js +0 -84
- package/build/cjs/src/components/Logo/Logo.js +0 -44
- package/build/cjs/src/components/MediaItem/MediaItem.js +0 -125
- package/build/cjs/src/components/MediaViewerBar/MediaViewerBar.js +0 -73
- package/build/cjs/src/components/Notification/Notification.js +0 -108
- package/build/cjs/src/components/Pagination/Pagination.js +0 -91
- package/build/cjs/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -44
- package/build/cjs/src/components/Patterns/Modal/Modal.js +0 -221
- package/build/cjs/src/components/PictogramButton/PictogramButton.js +0 -150
- package/build/cjs/src/components/Portal/Portal.js +0 -22
- package/build/cjs/src/components/ProgressBar/ProgressBar.js +0 -38
- package/build/cjs/src/components/RoundButton/RoundButton.js +0 -140
- package/build/cjs/src/components/SearchResult/SearchResult.js +0 -184
- package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBar.js +0 -110
- package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +0 -42
- package/build/cjs/src/components/Stack/Stack.js +0 -80
- package/build/cjs/src/components/SubThemeProvider/SubThemeProvider.js +0 -55
- package/build/cjs/src/components/Tabs/Tabs.js +0 -137
- package/build/cjs/src/components/Tag/Tag.js +0 -90
- package/build/cjs/src/components/Tooltip/Tooltip.js +0 -275
- package/build/cjs/src/components/Tooltip/utils.js +0 -81
- package/build/cjs/src/components/Typography/Header/Header.js +0 -132
- package/build/cjs/src/components/Typography/StyledText/StyledText.js +0 -168
- package/build/cjs/src/components/Typography/Text/Text.js +0 -71
- package/build/cjs/src/components/Typography/TextClamped/TextClamped.js +0 -54
- package/build/cjs/src/components/VirtualScrollList/VirtualScrollList.js +0 -116
- package/build/cjs/src/components/VirtualScrollList/VirtualScrollListReducer.js +0 -131
- package/build/cjs/src/index.js +0 -136
- package/build/cjs/src/shared/ScreenReaderText.js +0 -26
- package/build/cjs/src/shared/flattenChildren.js +0 -33
- package/build/cjs/src/shared/informDeprecation.js +0 -12
- package/build/cjs/src/shared/mediaQueries.js +0 -68
- package/build/cjs/src/shared/useAutoPosition.js +0 -42
- package/build/cjs/src/shared/useDocument.js +0 -7
- package/build/cjs/src/shared/useHover.js +0 -26
- package/build/cjs/src/shared/useKeyboard.js +0 -43
- package/build/cjs/src/shared/useOnEscapePress.js +0 -52
- package/build/cjs/src/shared/useOutsideClick.js +0 -33
- package/build/cjs/src/shared/useWindow.js +0 -7
- package/build/esm/build-tokens/_breakpoints.json +0 -17
- package/build/esm/build-tokens/_breakpoints.json.js +0 -4
- package/build/esm/build-tokens/_breakpoints.json.js.map +0 -1
- package/build/esm/build-tokens/_colors.json +0 -868
- package/build/esm/build-tokens/_icon_sizes_map.json +0 -7
- package/build/esm/build-tokens/_icon_sizes_map.json.js +0 -4
- package/build/esm/build-tokens/_icon_sizes_map.json.js.map +0 -1
- package/build/esm/build-tokens/_sizes.json +0 -782
- package/build/esm/build-tokens/_subThemeType.d.ts +0 -1
- package/build/esm/build-tokens/_zindex.json +0 -17
- package/build/esm/build-tokens/_zindex.json.js +0 -4
- package/build/esm/build-tokens/_zindex.json.js.map +0 -1
- package/build/esm/build-tokens/assets/icons.json +0 -141
- package/build/esm/build-tokens/assets/icons.json.js +0 -4
- package/build/esm/build-tokens/assets/icons.json.js.map +0 -1
- package/build/esm/build-tokens/assets/icons16.json +0 -153
- package/build/esm/build-tokens/assets/icons16.json.js +0 -4
- package/build/esm/build-tokens/assets/icons16.json.js.map +0 -1
- package/build/esm/build-tokens/assets/logo.json +0 -3
- package/build/esm/build-tokens/assets/logo.json.js +0 -4
- package/build/esm/build-tokens/assets/logo.json.js.map +0 -1
- package/build/esm/build-tokens/visualConfig.d.ts +0 -757
- package/build/esm/build-tokens/visualConfig.js +0 -1308
- package/build/esm/build-tokens/visualConfig.js.map +0 -1
- package/build/esm/scss/themes/dark.scss +0 -105
- package/build/esm/scss/themes/light.scss +0 -105
- package/build/esm/src/components/Badge/Badge.d.ts +0 -11
- package/build/esm/src/components/Badge/Badge.js +0 -57
- package/build/esm/src/components/Badge/Badge.js.map +0 -1
- package/build/esm/src/components/Box/Box.d.ts +0 -35
- package/build/esm/src/components/Box/Box.js +0 -82
- package/build/esm/src/components/Box/Box.js.map +0 -1
- package/build/esm/src/components/Button/Button.d.ts +0 -31
- package/build/esm/src/components/Button/Button.js +0 -264
- package/build/esm/src/components/Button/Button.js.map +0 -1
- package/build/esm/src/components/Callout/Callout.d.ts +0 -14
- package/build/esm/src/components/Callout/Callout.js +0 -97
- package/build/esm/src/components/Callout/Callout.js.map +0 -1
- package/build/esm/src/components/Card/Card.d.ts +0 -16
- package/build/esm/src/components/Card/Card.js +0 -63
- package/build/esm/src/components/Card/Card.js.map +0 -1
- package/build/esm/src/components/Card/CardBox.d.ts +0 -6
- package/build/esm/src/components/Card/CardBox.js +0 -18
- package/build/esm/src/components/Card/CardBox.js.map +0 -1
- package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +0 -12
- package/build/esm/src/components/Card/CardHeader/CardHeader.js +0 -52
- package/build/esm/src/components/Card/CardHeader/CardHeader.js.map +0 -1
- package/build/esm/src/components/Collapsible/Collapsible.d.ts +0 -15
- package/build/esm/src/components/Collapsible/Collapsible.js +0 -110
- package/build/esm/src/components/Collapsible/Collapsible.js.map +0 -1
- package/build/esm/src/components/Column/Columns.d.ts +0 -45
- package/build/esm/src/components/Column/Columns.js +0 -141
- package/build/esm/src/components/Column/Columns.js.map +0 -1
- package/build/esm/src/components/Container/Container.d.ts +0 -11
- package/build/esm/src/components/Container/Container.js +0 -57
- package/build/esm/src/components/Container/Container.js.map +0 -1
- package/build/esm/src/components/DataTable/DataTable.d.ts +0 -58
- package/build/esm/src/components/DataTable/DataTable.js +0 -180
- package/build/esm/src/components/DataTable/DataTable.js.map +0 -1
- package/build/esm/src/components/DataTable/TableBody.d.ts +0 -9
- package/build/esm/src/components/DataTable/TableBody.js +0 -153
- package/build/esm/src/components/DataTable/TableBody.js.map +0 -1
- package/build/esm/src/components/DataTable/TableCell.d.ts +0 -15
- package/build/esm/src/components/DataTable/TableCell.js +0 -38
- package/build/esm/src/components/DataTable/TableCell.js.map +0 -1
- package/build/esm/src/components/DataTable/TableHeader.d.ts +0 -9
- package/build/esm/src/components/DataTable/TableHeader.js +0 -185
- package/build/esm/src/components/DataTable/TableHeader.js.map +0 -1
- package/build/esm/src/components/DataTable/index.d.ts +0 -4
- package/build/esm/src/components/DataTable/types.d.ts +0 -15
- package/build/esm/src/components/DataTable/useDataTableSort.d.ts +0 -14
- package/build/esm/src/components/DataTable/useDataTableSort.js +0 -41
- package/build/esm/src/components/DataTable/useDataTableSort.js.map +0 -1
- package/build/esm/src/components/Divider/Divider.d.ts +0 -6
- package/build/esm/src/components/Divider/Divider.js +0 -62
- package/build/esm/src/components/Divider/Divider.js.map +0 -1
- package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts +0 -35
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js +0 -221
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +0 -1
- package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +0 -19
- package/build/esm/src/components/DropdownMenu/MenuItem.js +0 -97
- package/build/esm/src/components/DropdownMenu/MenuItem.js.map +0 -1
- package/build/esm/src/components/Form/Checkbox/Checkbox.d.ts +0 -15
- package/build/esm/src/components/Form/Checkbox/Checkbox.js +0 -140
- package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +0 -1
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -6
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js +0 -22
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js.map +0 -1
- package/build/esm/src/components/Form/FormField/FormField.d.ts +0 -15
- package/build/esm/src/components/Form/FormField/FormField.js +0 -52
- package/build/esm/src/components/Form/FormField/FormField.js.map +0 -1
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.d.ts +0 -11
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js +0 -49
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js.map +0 -1
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.d.ts +0 -7
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.js +0 -36
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.js.map +0 -1
- package/build/esm/src/components/Form/Input/Input.d.ts +0 -54
- package/build/esm/src/components/Form/Input/Input.js +0 -178
- package/build/esm/src/components/Form/Input/Input.js.map +0 -1
- package/build/esm/src/components/Form/Input/index.d.ts +0 -2
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -53
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js +0 -218
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +0 -1
- package/build/esm/src/components/Form/PasswordInput/index.d.ts +0 -2
- package/build/esm/src/components/Form/Radio/Radio.d.ts +0 -14
- package/build/esm/src/components/Form/Radio/Radio.js +0 -131
- package/build/esm/src/components/Form/Radio/Radio.js.map +0 -1
- package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts +0 -17
- package/build/esm/src/components/Form/RadioButton/RadioButton.js +0 -117
- package/build/esm/src/components/Form/RadioButton/RadioButton.js.map +0 -1
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts +0 -31
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js +0 -124
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js.map +0 -1
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +0 -8
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js +0 -210
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map +0 -1
- package/build/esm/src/components/Form/Select/Select.d.ts +0 -23
- package/build/esm/src/components/Form/Select/Select.js +0 -284
- package/build/esm/src/components/Form/Select/Select.js.map +0 -1
- package/build/esm/src/components/Form/Textarea/Textarea.d.ts +0 -26
- package/build/esm/src/components/Form/Textarea/Textarea.js +0 -86
- package/build/esm/src/components/Form/Textarea/Textarea.js.map +0 -1
- package/build/esm/src/components/Form/Toggle/Toggle.d.ts +0 -18
- package/build/esm/src/components/Form/Toggle/Toggle.js +0 -172
- package/build/esm/src/components/Form/Toggle/Toggle.js.map +0 -1
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts +0 -15
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +0 -136
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +0 -1
- package/build/esm/src/components/Icon/Icon.d.ts +0 -22
- package/build/esm/src/components/Icon/Icon.js +0 -104
- package/build/esm/src/components/Icon/Icon.js.map +0 -1
- package/build/esm/src/components/Inline/Inline.d.ts +0 -30
- package/build/esm/src/components/Inline/Inline.js +0 -107
- package/build/esm/src/components/Inline/Inline.js.map +0 -1
- package/build/esm/src/components/Link/Link.d.ts +0 -14
- package/build/esm/src/components/Link/Link.js +0 -75
- package/build/esm/src/components/Link/Link.js.map +0 -1
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +0 -11
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js +0 -78
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map +0 -1
- package/build/esm/src/components/Logo/Logo.d.ts +0 -8
- package/build/esm/src/components/Logo/Logo.js +0 -38
- package/build/esm/src/components/Logo/Logo.js.map +0 -1
- package/build/esm/src/components/MediaItem/MediaItem.d.ts +0 -21
- package/build/esm/src/components/MediaItem/MediaItem.js +0 -119
- package/build/esm/src/components/MediaItem/MediaItem.js.map +0 -1
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts +0 -7
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js +0 -67
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map +0 -1
- package/build/esm/src/components/Notification/ExpandedContent.d.ts +0 -2
- package/build/esm/src/components/Notification/Notification.d.ts +0 -16
- package/build/esm/src/components/Notification/Notification.js +0 -102
- package/build/esm/src/components/Notification/Notification.js.map +0 -1
- package/build/esm/src/components/Pagination/Pagination.d.ts +0 -17
- package/build/esm/src/components/Pagination/Pagination.js +0 -86
- package/build/esm/src/components/Pagination/Pagination.js.map +0 -1
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts +0 -15
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -39
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js.map +0 -1
- package/build/esm/src/components/Patterns/Modal/Modal.d.ts +0 -28
- package/build/esm/src/components/Patterns/Modal/Modal.js +0 -214
- package/build/esm/src/components/Patterns/Modal/Modal.js.map +0 -1
- package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +0 -15
- package/build/esm/src/components/PictogramButton/PictogramButton.js +0 -143
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +0 -1
- package/build/esm/src/components/Portal/Portal.d.ts +0 -7
- package/build/esm/src/components/Portal/Portal.js +0 -16
- package/build/esm/src/components/Portal/Portal.js.map +0 -1
- package/build/esm/src/components/ProgressBar/ProgressBar.d.ts +0 -15
- package/build/esm/src/components/ProgressBar/ProgressBar.js +0 -33
- package/build/esm/src/components/ProgressBar/ProgressBar.js.map +0 -1
- package/build/esm/src/components/RoundButton/RoundButton.d.ts +0 -12
- package/build/esm/src/components/RoundButton/RoundButton.js +0 -133
- package/build/esm/src/components/RoundButton/RoundButton.js.map +0 -1
- package/build/esm/src/components/SearchResult/SearchResult.d.ts +0 -43
- package/build/esm/src/components/SearchResult/SearchResult.js +0 -178
- package/build/esm/src/components/SearchResult/SearchResult.js.map +0 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -28
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js +0 -104
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js.map +0 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +0 -10
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +0 -40
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js.map +0 -1
- package/build/esm/src/components/ShadowWebComponent/ShadowWebComponent.d.ts +0 -13
- package/build/esm/src/components/Stack/Stack.d.ts +0 -20
- package/build/esm/src/components/Stack/Stack.js +0 -74
- package/build/esm/src/components/Stack/Stack.js.map +0 -1
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.d.ts +0 -8
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js +0 -50
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js.map +0 -1
- package/build/esm/src/components/Tabs/Tabs.d.ts +0 -28
- package/build/esm/src/components/Tabs/Tabs.js +0 -130
- package/build/esm/src/components/Tabs/Tabs.js.map +0 -1
- package/build/esm/src/components/Tag/Tag.d.ts +0 -18
- package/build/esm/src/components/Tag/Tag.js +0 -84
- package/build/esm/src/components/Tag/Tag.js.map +0 -1
- package/build/esm/src/components/Tooltip/Tooltip.d.ts +0 -23
- package/build/esm/src/components/Tooltip/Tooltip.js +0 -269
- package/build/esm/src/components/Tooltip/Tooltip.js.map +0 -1
- package/build/esm/src/components/Tooltip/utils.d.ts +0 -11
- package/build/esm/src/components/Tooltip/utils.js +0 -75
- package/build/esm/src/components/Tooltip/utils.js.map +0 -1
- package/build/esm/src/components/Typography/Header/Header.d.ts +0 -34
- package/build/esm/src/components/Typography/Header/Header.js +0 -122
- package/build/esm/src/components/Typography/Header/Header.js.map +0 -1
- package/build/esm/src/components/Typography/StyledText/StyledText.d.ts +0 -11
- package/build/esm/src/components/Typography/StyledText/StyledText.js +0 -161
- package/build/esm/src/components/Typography/StyledText/StyledText.js.map +0 -1
- package/build/esm/src/components/Typography/Text/Text.d.ts +0 -21
- package/build/esm/src/components/Typography/Text/Text.js +0 -65
- package/build/esm/src/components/Typography/Text/Text.js.map +0 -1
- package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts +0 -10
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js +0 -47
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map +0 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts +0 -11
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js +0 -110
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js.map +0 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts +0 -36
- package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js +0 -130
- package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js.map +0 -1
- package/build/esm/src/index.d.ts +0 -53
- package/build/esm/src/index.js +0 -60
- package/build/esm/src/index.js.map +0 -1
- package/build/esm/src/shared/ScreenReaderText.d.ts +0 -5
- package/build/esm/src/shared/ScreenReaderText.js +0 -21
- package/build/esm/src/shared/ScreenReaderText.js.map +0 -1
- package/build/esm/src/shared/flattenChildren.d.ts +0 -11
- package/build/esm/src/shared/flattenChildren.js +0 -32
- package/build/esm/src/shared/flattenChildren.js.map +0 -1
- package/build/esm/src/shared/informDeprecation.d.ts +0 -1
- package/build/esm/src/shared/informDeprecation.js +0 -11
- package/build/esm/src/shared/informDeprecation.js.map +0 -1
- package/build/esm/src/shared/mediaQueries.d.ts +0 -14
- package/build/esm/src/shared/mediaQueries.js +0 -66
- package/build/esm/src/shared/mediaQueries.js.map +0 -1
- package/build/esm/src/shared/replaceDeprecated.d.ts +0 -1
- package/build/esm/src/shared/useAutoPosition.d.ts +0 -5
- package/build/esm/src/shared/useAutoPosition.js +0 -41
- package/build/esm/src/shared/useAutoPosition.js.map +0 -1
- package/build/esm/src/shared/useDocument.d.ts +0 -1
- package/build/esm/src/shared/useDocument.js +0 -6
- package/build/esm/src/shared/useDocument.js.map +0 -1
- package/build/esm/src/shared/useHover.d.ts +0 -2
- package/build/esm/src/shared/useHover.js +0 -25
- package/build/esm/src/shared/useHover.js.map +0 -1
- package/build/esm/src/shared/useKeyboard.d.ts +0 -17
- package/build/esm/src/shared/useKeyboard.js +0 -42
- package/build/esm/src/shared/useKeyboard.js.map +0 -1
- package/build/esm/src/shared/useOnEscapePress.d.ts +0 -2
- package/build/esm/src/shared/useOnEscapePress.js +0 -51
- package/build/esm/src/shared/useOnEscapePress.js.map +0 -1
- package/build/esm/src/shared/useOutsideClick.d.ts +0 -11
- package/build/esm/src/shared/useOutsideClick.js +0 -32
- package/build/esm/src/shared/useOutsideClick.js.map +0 -1
- package/build/esm/src/shared/useWindow.d.ts +0 -1
- package/build/esm/src/shared/useWindow.js +0 -6
- package/build/esm/src/shared/useWindow.js.map +0 -1
- package/build/esm/src/types/index.d.ts +0 -57
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import React, { useRef, useReducer, useLayoutEffect, useEffect } from 'react';
|
|
3
|
-
import { VirtualScrollReducer } from './VirtualScrollListReducer.js';
|
|
4
|
-
|
|
5
|
-
const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
6
|
-
target: "ebr5g6s1"
|
|
7
|
-
} : {
|
|
8
|
-
target: "ebr5g6s1",
|
|
9
|
-
label: "StyledContainer"
|
|
10
|
-
})(_ref => {
|
|
11
|
-
let {
|
|
12
|
-
maxHeight
|
|
13
|
-
} = _ref;
|
|
14
|
-
return {
|
|
15
|
-
overflow: "auto",
|
|
16
|
-
width: "100%",
|
|
17
|
-
height: "100%",
|
|
18
|
-
maxHeight
|
|
19
|
-
};
|
|
20
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpcnR1YWxTY3JvbGxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0IiLCJmaWxlIjoiVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlZpcnR1YWxTY3JvbGxMaXN0XCJcbiAgICAgIG9uU2Nyb2xsPXsoZTogUmVhY3QuVUlFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IFwic2Nyb2xsXCIsXG4gICAgICAgICAgc2Nyb2xsVG9wOiBlLmN1cnJlbnRUYXJnZXQuc2Nyb2xsVG9wLFxuICAgICAgICB9KTtcbiAgICAgIH19XG4gICAgPlxuICAgICAge2l0ZW1BbW91bnQgPT09IDAgPyAoXG4gICAgICAgIGVtcHR5U3RhdGUoKVxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZFNjcm9sbGFibGVDb250ZW50IG1heENvbnRlbnRIZWlnaHQ9e21heENvbnRlbnRIZWlnaHR9PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17dmlld3BvcnRSZWZ9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c2Nyb2xsZWRJblB4fXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeyEhaXRlbUNvdW50VG9CZVJlbmRlcmVkICYmXG4gICAgICAgICAgICAgIG5ldyBBcnJheShpdGVtQ291bnRUb0JlUmVuZGVyZWQpXG4gICAgICAgICAgICAgICAgLmZpbGwoMClcbiAgICAgICAgICAgICAgICAubWFwKChfLCBpbmRleCkgPT4gaXRlbVRlbXBsYXRlKHNjcm9sbGVkSXRlbUNvdW50ICsgaW5kZXgpKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRTY3JvbGxhYmxlQ29udGVudD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
|
|
21
|
-
const StyledScrollableContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
22
|
-
target: "ebr5g6s0"
|
|
23
|
-
} : {
|
|
24
|
-
target: "ebr5g6s0",
|
|
25
|
-
label: "StyledScrollableContent"
|
|
26
|
-
})(_ref2 => {
|
|
27
|
-
let {
|
|
28
|
-
maxContentHeight
|
|
29
|
-
} = _ref2;
|
|
30
|
-
return {
|
|
31
|
-
overflow: "hidden",
|
|
32
|
-
boxSizing: "border-box",
|
|
33
|
-
height: maxContentHeight
|
|
34
|
-
};
|
|
35
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpcnR1YWxTY3JvbGxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZ0MiLCJmaWxlIjoiVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlZpcnR1YWxTY3JvbGxMaXN0XCJcbiAgICAgIG9uU2Nyb2xsPXsoZTogUmVhY3QuVUlFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IFwic2Nyb2xsXCIsXG4gICAgICAgICAgc2Nyb2xsVG9wOiBlLmN1cnJlbnRUYXJnZXQuc2Nyb2xsVG9wLFxuICAgICAgICB9KTtcbiAgICAgIH19XG4gICAgPlxuICAgICAge2l0ZW1BbW91bnQgPT09IDAgPyAoXG4gICAgICAgIGVtcHR5U3RhdGUoKVxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZFNjcm9sbGFibGVDb250ZW50IG1heENvbnRlbnRIZWlnaHQ9e21heENvbnRlbnRIZWlnaHR9PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17dmlld3BvcnRSZWZ9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c2Nyb2xsZWRJblB4fXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeyEhaXRlbUNvdW50VG9CZVJlbmRlcmVkICYmXG4gICAgICAgICAgICAgIG5ldyBBcnJheShpdGVtQ291bnRUb0JlUmVuZGVyZWQpXG4gICAgICAgICAgICAgICAgLmZpbGwoMClcbiAgICAgICAgICAgICAgICAubWFwKChfLCBpbmRleCkgPT4gaXRlbVRlbXBsYXRlKHNjcm9sbGVkSXRlbUNvdW50ICsgaW5kZXgpKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRTY3JvbGxhYmxlQ29udGVudD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
|
|
36
|
-
const overscan = 10;
|
|
37
|
-
function VirtualScrollList(_ref3) {
|
|
38
|
-
let {
|
|
39
|
-
maxHeight,
|
|
40
|
-
itemHeight,
|
|
41
|
-
itemAmount,
|
|
42
|
-
emptyState = () => null,
|
|
43
|
-
itemInView,
|
|
44
|
-
itemTemplate,
|
|
45
|
-
"data-e2e-test-id": dataE2eTestId
|
|
46
|
-
} = _ref3;
|
|
47
|
-
const scrollableContainerRef = useRef(null);
|
|
48
|
-
const viewportRef = useRef(null);
|
|
49
|
-
const [{
|
|
50
|
-
scrolledItemCount,
|
|
51
|
-
amountOfItemsInView,
|
|
52
|
-
scrolledInPx,
|
|
53
|
-
maxContentHeight = maxHeight,
|
|
54
|
-
recommendedScrollPosition
|
|
55
|
-
}, dispatch] = useReducer(VirtualScrollReducer, {});
|
|
56
|
-
useLayoutEffect(() => {
|
|
57
|
-
dispatch({
|
|
58
|
-
type: "reset",
|
|
59
|
-
itemHeight,
|
|
60
|
-
maxHeight,
|
|
61
|
-
overscan
|
|
62
|
-
});
|
|
63
|
-
scrollableContainerRef.current.scrollTop = 0;
|
|
64
|
-
}, [itemHeight, itemAmount, maxHeight]);
|
|
65
|
-
useEffect(() => {
|
|
66
|
-
dispatch({
|
|
67
|
-
type: "recommendScrollPosition",
|
|
68
|
-
scrollTop: scrollableContainerRef.current.scrollTop,
|
|
69
|
-
itemToBeInView: itemInView
|
|
70
|
-
});
|
|
71
|
-
}, [itemInView]);
|
|
72
|
-
useEffect(() => {
|
|
73
|
-
if (recommendedScrollPosition === null) return;
|
|
74
|
-
scrollableContainerRef.current.scrollTop = recommendedScrollPosition;
|
|
75
|
-
}, [recommendedScrollPosition]);
|
|
76
|
-
useLayoutEffect(() => {
|
|
77
|
-
if (!viewportRef.current) return;
|
|
78
|
-
dispatch({
|
|
79
|
-
type: "updateViewport",
|
|
80
|
-
viewportNode: viewportRef.current,
|
|
81
|
-
itemAmount
|
|
82
|
-
});
|
|
83
|
-
}, [itemAmount, scrolledItemCount]);
|
|
84
|
-
const itemCountToBeRendered = Math.min(Math.max(0, itemAmount - scrolledItemCount), amountOfItemsInView);
|
|
85
|
-
return /*#__PURE__*/React.createElement(StyledContainer, {
|
|
86
|
-
ref: scrollableContainerRef,
|
|
87
|
-
maxHeight: maxHeight,
|
|
88
|
-
style: {
|
|
89
|
-
maxHeight
|
|
90
|
-
},
|
|
91
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
92
|
-
"data-ds-id": "VirtualScrollList",
|
|
93
|
-
onScroll: e => {
|
|
94
|
-
dispatch({
|
|
95
|
-
type: "scroll",
|
|
96
|
-
scrollTop: e.currentTarget.scrollTop
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
}, itemAmount === 0 ? emptyState() : /*#__PURE__*/React.createElement(StyledScrollableContent, {
|
|
100
|
-
maxContentHeight: maxContentHeight
|
|
101
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
102
|
-
ref: viewportRef,
|
|
103
|
-
style: {
|
|
104
|
-
transform: `translateY(${scrolledInPx}px`
|
|
105
|
-
}
|
|
106
|
-
}, !!itemCountToBeRendered && new Array(itemCountToBeRendered).fill(0).map((_, index) => itemTemplate(scrolledItemCount + index)))));
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
export { VirtualScrollList };
|
|
110
|
-
//# sourceMappingURL=VirtualScrollList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualScrollList.js","sources":["../../../../../src/components/VirtualScrollList/VirtualScrollList.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useRef, useReducer, useLayoutEffect, useEffect } from \"react\";\n\nimport { VirtualScrollReducer } from \"./VirtualScrollListReducer\";\n\nconst StyledContainer = styled.div<Partial<VirtualScrollListProps>>(\n ({ maxHeight }) => ({\n overflow: \"auto\",\n width: \"100%\",\n height: \"100%\",\n maxHeight,\n })\n);\n\nconst StyledScrollableContent = styled.div<{ maxContentHeight: number }>(\n ({ maxContentHeight }) => ({\n overflow: \"hidden\",\n boxSizing: \"border-box\",\n height: maxContentHeight,\n })\n);\n\nexport type VirtualScrollListProps = {\n \"data-e2e-test-id\"?: string;\n maxHeight: number;\n itemHeight: number;\n itemAmount: number;\n emptyState: () => React.ReactNode;\n itemInView: number;\n itemTemplate: (index: number) => React.ReactNode;\n};\n\nconst overscan = 10;\n\nexport function VirtualScrollList({\n maxHeight,\n itemHeight,\n itemAmount,\n emptyState = () => null,\n itemInView,\n itemTemplate,\n \"data-e2e-test-id\": dataE2eTestId,\n}: VirtualScrollListProps): React.ReactElement {\n const scrollableContainerRef = useRef(null);\n const viewportRef = useRef(null);\n\n const [\n {\n scrolledItemCount,\n amountOfItemsInView,\n scrolledInPx,\n maxContentHeight = maxHeight,\n recommendedScrollPosition,\n },\n dispatch,\n ] = useReducer(VirtualScrollReducer, {});\n\n useLayoutEffect(() => {\n dispatch({ type: \"reset\", itemHeight, maxHeight, overscan });\n scrollableContainerRef.current.scrollTop = 0;\n }, [itemHeight, itemAmount, maxHeight]);\n\n useEffect(() => {\n dispatch({\n type: \"recommendScrollPosition\",\n scrollTop: scrollableContainerRef.current.scrollTop,\n itemToBeInView: itemInView,\n });\n }, [itemInView]);\n\n useEffect(() => {\n if (recommendedScrollPosition === null) return;\n\n scrollableContainerRef.current.scrollTop = recommendedScrollPosition;\n }, [recommendedScrollPosition]);\n useLayoutEffect(() => {\n if (!viewportRef.current) return;\n dispatch({\n type: \"updateViewport\",\n viewportNode: viewportRef.current,\n itemAmount,\n });\n }, [itemAmount, scrolledItemCount]);\n\n const itemCountToBeRendered = Math.min(\n Math.max(0, itemAmount - scrolledItemCount),\n amountOfItemsInView\n );\n\n return (\n <StyledContainer\n ref={scrollableContainerRef}\n maxHeight={maxHeight}\n style={{ maxHeight }}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"VirtualScrollList\"\n onScroll={(e: React.UIEvent<HTMLElement>) => {\n dispatch({\n type: \"scroll\",\n scrollTop: e.currentTarget.scrollTop,\n });\n }}\n >\n {itemAmount === 0 ? (\n emptyState()\n ) : (\n <StyledScrollableContent maxContentHeight={maxContentHeight}>\n <div\n ref={viewportRef}\n style={{\n transform: `translateY(${scrolledInPx}px`,\n }}\n >\n {!!itemCountToBeRendered &&\n new Array(itemCountToBeRendered)\n .fill(0)\n .map((_, index) => itemTemplate(scrolledItemCount + index))}\n </div>\n </StyledScrollableContent>\n )}\n </StyledContainer>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","maxHeight","overflow","width","height","StyledScrollableContent","_ref2","maxContentHeight","boxSizing","overscan","VirtualScrollList","_ref3","itemHeight","itemAmount","emptyState","itemInView","itemTemplate","dataE2eTestId","scrollableContainerRef","useRef","viewportRef","scrolledItemCount","amountOfItemsInView","scrolledInPx","recommendedScrollPosition","dispatch","useReducer","VirtualScrollReducer","useLayoutEffect","type","current","scrollTop","useEffect","itemToBeInView","viewportNode","itemCountToBeRendered","Math","min","max","React","createElement","ref","style","onScroll","e","currentTarget","transform","Array","fill","map","_","index"],"mappings":"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"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
declare type Offset = {
|
|
2
|
-
amount: number;
|
|
3
|
-
isInterpolated: boolean;
|
|
4
|
-
};
|
|
5
|
-
declare type State = {
|
|
6
|
-
avgItemHeight?: number;
|
|
7
|
-
overscan?: number;
|
|
8
|
-
maxHeight?: number;
|
|
9
|
-
topOffsets?: Offset[];
|
|
10
|
-
renderFrom?: number;
|
|
11
|
-
scrolledItemCount?: number;
|
|
12
|
-
scrolledInPx?: number;
|
|
13
|
-
lastItemHeight?: number;
|
|
14
|
-
amountOfItemsInView?: number;
|
|
15
|
-
maxContentHeight?: number;
|
|
16
|
-
recommendedScrollPosition?: number;
|
|
17
|
-
};
|
|
18
|
-
declare type Action = {
|
|
19
|
-
type: "scroll";
|
|
20
|
-
scrollTop: number;
|
|
21
|
-
} | {
|
|
22
|
-
type: "updateViewport";
|
|
23
|
-
viewportNode: HTMLDivElement;
|
|
24
|
-
itemAmount: number;
|
|
25
|
-
} | {
|
|
26
|
-
type: "reset";
|
|
27
|
-
itemHeight: number;
|
|
28
|
-
maxHeight: number;
|
|
29
|
-
overscan: number;
|
|
30
|
-
} | {
|
|
31
|
-
type: "recommendScrollPosition";
|
|
32
|
-
scrollTop: number;
|
|
33
|
-
itemToBeInView: number;
|
|
34
|
-
};
|
|
35
|
-
export declare const VirtualScrollReducer: (prevState: State, action: Action) => State;
|
|
36
|
-
export {};
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
const findClosestOffsetIndex = (arr, val) => {
|
|
2
|
-
let start = 0;
|
|
3
|
-
let end = arr.length - 1;
|
|
4
|
-
let mid = Math.floor((start + end) / 2);
|
|
5
|
-
while (start <= end) {
|
|
6
|
-
mid = Math.floor((start + end) / 2);
|
|
7
|
-
if (arr[mid].amount === val) {
|
|
8
|
-
return mid;
|
|
9
|
-
}
|
|
10
|
-
if (val < arr[mid].amount) {
|
|
11
|
-
end = mid - 1;
|
|
12
|
-
} else {
|
|
13
|
-
start = mid + 1;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
return mid;
|
|
17
|
-
};
|
|
18
|
-
const getMaxHeight = function (maxAmountOfItems, offsets) {
|
|
19
|
-
let lastItemHeight = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
20
|
-
const amountOfOffsets = Math.min(offsets.length, maxAmountOfItems);
|
|
21
|
-
const maxOffset = offsets[amountOfOffsets - 1]?.amount || 0;
|
|
22
|
-
const result = maxOffset + lastItemHeight;
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
const reduceScroll = (prevState, scrollTop) => {
|
|
26
|
-
const {
|
|
27
|
-
topOffsets,
|
|
28
|
-
overscan: tolerance
|
|
29
|
-
} = prevState;
|
|
30
|
-
const scrolledItemCount = Math.max(0, findClosestOffsetIndex(topOffsets, scrollTop) - tolerance / 2);
|
|
31
|
-
const scrolledInPx = topOffsets[scrolledItemCount]?.amount || 0;
|
|
32
|
-
return {
|
|
33
|
-
...prevState,
|
|
34
|
-
scrolledItemCount,
|
|
35
|
-
scrolledInPx
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
const reduceUpdateViewport = (prevState, viewportNode, itemAmount) => {
|
|
39
|
-
const {
|
|
40
|
-
topOffsets = [],
|
|
41
|
-
scrolledInPx,
|
|
42
|
-
scrolledItemCount,
|
|
43
|
-
avgItemHeight,
|
|
44
|
-
lastItemHeight,
|
|
45
|
-
maxHeight,
|
|
46
|
-
overscan: tolerance
|
|
47
|
-
} = prevState;
|
|
48
|
-
const newTopOffsets = [...topOffsets];
|
|
49
|
-
let updatedLastItemHeight = lastItemHeight;
|
|
50
|
-
Array.from(viewportNode.children).forEach((child, i) => {
|
|
51
|
-
newTopOffsets[i + scrolledItemCount] = {
|
|
52
|
-
amount: scrolledInPx + child.offsetTop,
|
|
53
|
-
isInterpolated: false
|
|
54
|
-
};
|
|
55
|
-
if (i + scrolledItemCount === itemAmount - 1 && !lastItemHeight) {
|
|
56
|
-
updatedLastItemHeight = child.getBoundingClientRect().height;
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
for (let i = 0; i < itemAmount; i += 1) {
|
|
60
|
-
if (!newTopOffsets[i] || newTopOffsets[i].isInterpolated) {
|
|
61
|
-
newTopOffsets[i] = {
|
|
62
|
-
amount: newTopOffsets[i - 1].amount + avgItemHeight,
|
|
63
|
-
isInterpolated: true
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
const newAvgItemHeight = Math.max(avgItemHeight, viewportNode.getBoundingClientRect().height / (viewportNode.childElementCount || 1));
|
|
68
|
-
const maxContentHeight = getMaxHeight(itemAmount, newTopOffsets, updatedLastItemHeight);
|
|
69
|
-
return {
|
|
70
|
-
...prevState,
|
|
71
|
-
lastItemHeight: updatedLastItemHeight,
|
|
72
|
-
avgItemHeight,
|
|
73
|
-
topOffsets: newTopOffsets,
|
|
74
|
-
amountOfItemsInView: Math.round(maxHeight / newAvgItemHeight) + tolerance,
|
|
75
|
-
maxContentHeight
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
const reduceReset = (prevState, itemHeight, maxHeight, overscan) => ({
|
|
79
|
-
...prevState,
|
|
80
|
-
lastItemHeight: null,
|
|
81
|
-
topOffsets: [{
|
|
82
|
-
amount: 0,
|
|
83
|
-
isInterpolated: false
|
|
84
|
-
}],
|
|
85
|
-
scrolledInPx: 0,
|
|
86
|
-
scrolledItemCount: 0,
|
|
87
|
-
maxHeight,
|
|
88
|
-
avgItemHeight: itemHeight,
|
|
89
|
-
overscan
|
|
90
|
-
});
|
|
91
|
-
const reduceRecommendScrollPosition = (prevState, scrollTop, itemToBeInView) => {
|
|
92
|
-
const {
|
|
93
|
-
topOffsets,
|
|
94
|
-
maxHeight
|
|
95
|
-
} = prevState;
|
|
96
|
-
if (!topOffsets) return prevState;
|
|
97
|
-
const bottomOfTarget = topOffsets[itemToBeInView + 1]?.amount;
|
|
98
|
-
const topOfTarget = topOffsets[itemToBeInView]?.amount;
|
|
99
|
-
let recommendedScrollPosition = null;
|
|
100
|
-
if (topOfTarget < scrollTop) {
|
|
101
|
-
recommendedScrollPosition = topOfTarget;
|
|
102
|
-
}
|
|
103
|
-
if (bottomOfTarget >= scrollTop + maxHeight) {
|
|
104
|
-
recommendedScrollPosition = bottomOfTarget - maxHeight;
|
|
105
|
-
}
|
|
106
|
-
if (itemToBeInView === topOffsets.length - 1) {
|
|
107
|
-
recommendedScrollPosition = topOffsets[itemToBeInView].amount;
|
|
108
|
-
}
|
|
109
|
-
return {
|
|
110
|
-
...prevState,
|
|
111
|
-
recommendedScrollPosition
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
const VirtualScrollReducer = (prevState, action) => {
|
|
115
|
-
switch (action.type) {
|
|
116
|
-
case "reset":
|
|
117
|
-
return reduceReset(prevState, action.itemHeight, action.maxHeight, action.overscan);
|
|
118
|
-
case "scroll":
|
|
119
|
-
return reduceScroll(prevState, action.scrollTop);
|
|
120
|
-
case "updateViewport":
|
|
121
|
-
return reduceUpdateViewport(prevState, action.viewportNode, action.itemAmount);
|
|
122
|
-
case "recommendScrollPosition":
|
|
123
|
-
return reduceRecommendScrollPosition(prevState, action.scrollTop, action.itemToBeInView);
|
|
124
|
-
default:
|
|
125
|
-
throw new Error();
|
|
126
|
-
}
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
export { VirtualScrollReducer };
|
|
130
|
-
//# sourceMappingURL=VirtualScrollListReducer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualScrollListReducer.js","sources":["../../../../../src/components/VirtualScrollList/VirtualScrollListReducer.ts"],"sourcesContent":["type Offset = { amount: number; isInterpolated: boolean };\n\ntype State = {\n avgItemHeight?: number;\n overscan?: number;\n maxHeight?: number;\n topOffsets?: Offset[];\n renderFrom?: number;\n scrolledItemCount?: number;\n scrolledInPx?: number;\n lastItemHeight?: number;\n amountOfItemsInView?: number;\n maxContentHeight?: number;\n recommendedScrollPosition?: number;\n};\n\ntype Action =\n | {\n type: \"scroll\";\n scrollTop: number;\n }\n | {\n type: \"updateViewport\";\n viewportNode: HTMLDivElement;\n itemAmount: number;\n }\n | {\n type: \"reset\";\n itemHeight: number;\n maxHeight: number;\n overscan: number;\n }\n | {\n type: \"recommendScrollPosition\";\n scrollTop: number;\n itemToBeInView: number;\n };\n\nconst findClosestOffsetIndex = (arr: Offset[], val: number): number => {\n let start = 0;\n let end = arr.length - 1;\n let mid = Math.floor((start + end) / 2);\n\n while (start <= end) {\n mid = Math.floor((start + end) / 2);\n if (arr[mid].amount === val) {\n return mid;\n }\n\n if (val < arr[mid].amount) {\n end = mid - 1;\n } else {\n start = mid + 1;\n }\n }\n return mid;\n};\n\nconst getMaxHeight = (\n maxAmountOfItems: number,\n offsets: Offset[],\n lastItemHeight = 0\n): number => {\n const amountOfOffsets = Math.min(offsets.length, maxAmountOfItems);\n const maxOffset = offsets[amountOfOffsets - 1]?.amount || 0;\n const result = maxOffset + lastItemHeight;\n\n return result;\n};\n\nconst reduceScroll = (prevState: State, scrollTop: number): State => {\n const { topOffsets, overscan: tolerance } = prevState;\n const scrolledItemCount = Math.max(\n 0,\n findClosestOffsetIndex(topOffsets, scrollTop) - tolerance / 2\n );\n const scrolledInPx = topOffsets[scrolledItemCount]?.amount || 0;\n\n return {\n ...prevState,\n scrolledItemCount,\n scrolledInPx,\n };\n};\n\nconst reduceUpdateViewport = (\n prevState: State,\n viewportNode: HTMLDivElement,\n itemAmount: number\n): State => {\n const {\n topOffsets = [],\n scrolledInPx,\n scrolledItemCount,\n avgItemHeight,\n lastItemHeight,\n maxHeight,\n overscan: tolerance,\n } = prevState;\n const newTopOffsets = [...topOffsets];\n let updatedLastItemHeight = lastItemHeight;\n\n Array.from(viewportNode.children).forEach((child: HTMLElement, i: number) => {\n newTopOffsets[i + scrolledItemCount] = {\n amount: scrolledInPx + child.offsetTop,\n isInterpolated: false,\n };\n\n if (i + scrolledItemCount === itemAmount - 1 && !lastItemHeight) {\n updatedLastItemHeight = child.getBoundingClientRect().height;\n }\n });\n\n for (let i = 0; i < itemAmount; i += 1) {\n if (!newTopOffsets[i] || newTopOffsets[i].isInterpolated) {\n newTopOffsets[i] = {\n amount: newTopOffsets[i - 1].amount + avgItemHeight,\n isInterpolated: true,\n };\n }\n }\n\n const newAvgItemHeight = Math.max(\n avgItemHeight,\n viewportNode.getBoundingClientRect().height /\n (viewportNode.childElementCount || 1)\n );\n\n const maxContentHeight = getMaxHeight(\n itemAmount,\n newTopOffsets,\n updatedLastItemHeight\n );\n\n return {\n ...prevState,\n lastItemHeight: updatedLastItemHeight,\n avgItemHeight,\n topOffsets: newTopOffsets,\n amountOfItemsInView: Math.round(maxHeight / newAvgItemHeight) + tolerance,\n maxContentHeight,\n };\n};\n\nconst reduceReset = (\n prevState: State,\n itemHeight: number,\n maxHeight: number,\n overscan: number\n): State => ({\n ...prevState,\n lastItemHeight: null,\n topOffsets: [{ amount: 0, isInterpolated: false }],\n scrolledInPx: 0,\n scrolledItemCount: 0,\n maxHeight,\n avgItemHeight: itemHeight,\n overscan,\n});\n\nconst reduceRecommendScrollPosition = (\n prevState: State,\n scrollTop: number,\n itemToBeInView: number\n): State => {\n const { topOffsets, maxHeight } = prevState;\n if (!topOffsets) return prevState;\n\n const bottomOfTarget = topOffsets[itemToBeInView + 1]?.amount;\n const topOfTarget = topOffsets[itemToBeInView]?.amount;\n let recommendedScrollPosition = null;\n\n if (topOfTarget < scrollTop) {\n recommendedScrollPosition = topOfTarget;\n }\n\n if (bottomOfTarget >= scrollTop + maxHeight) {\n recommendedScrollPosition = bottomOfTarget - maxHeight;\n }\n\n if (itemToBeInView === topOffsets.length - 1) {\n recommendedScrollPosition = topOffsets[itemToBeInView].amount;\n }\n\n return {\n ...prevState,\n recommendedScrollPosition,\n };\n};\n\nexport const VirtualScrollReducer = (\n prevState: State,\n action: Action\n): State => {\n switch (action.type) {\n case \"reset\":\n return reduceReset(\n prevState,\n action.itemHeight,\n action.maxHeight,\n action.overscan\n );\n case \"scroll\":\n return reduceScroll(prevState, action.scrollTop);\n case \"updateViewport\":\n return reduceUpdateViewport(\n prevState,\n action.viewportNode,\n action.itemAmount\n );\n case \"recommendScrollPosition\":\n return reduceRecommendScrollPosition(\n prevState,\n action.scrollTop,\n action.itemToBeInView\n );\n default:\n throw new Error();\n }\n};\n"],"names":["findClosestOffsetIndex","arr","val","start","end","length","mid","Math","floor","amount","getMaxHeight","maxAmountOfItems","offsets","lastItemHeight","arguments","undefined","amountOfOffsets","min","maxOffset","result","reduceScroll","prevState","scrollTop","topOffsets","overscan","tolerance","scrolledItemCount","max","scrolledInPx","reduceUpdateViewport","viewportNode","itemAmount","avgItemHeight","maxHeight","newTopOffsets","updatedLastItemHeight","Array","from","children","forEach","child","i","offsetTop","isInterpolated","getBoundingClientRect","height","newAvgItemHeight","childElementCount","maxContentHeight","amountOfItemsInView","round","reduceReset","itemHeight","reduceRecommendScrollPosition","itemToBeInView","bottomOfTarget","topOfTarget","recommendedScrollPosition","VirtualScrollReducer","action","type","Error"],"mappings":"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"}
|
package/build/esm/src/index.d.ts
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { VisualConfig } from "../build-tokens/visualConfig";
|
|
2
|
-
export type { VisualConfig };
|
|
3
|
-
export declare const dark: VisualConfig, light: VisualConfig;
|
|
4
|
-
export { ThemeProvider, CacheProvider } from "@emotion/react";
|
|
5
|
-
export { default as createCache } from "@emotion/cache";
|
|
6
|
-
export * from "./components/Card/Card";
|
|
7
|
-
export * from "./components/Card/CardBox";
|
|
8
|
-
export * from "./components/Box/Box";
|
|
9
|
-
export * from "./components/Inline/Inline";
|
|
10
|
-
export * from "./components/Stack/Stack";
|
|
11
|
-
export * from "./components/Typography/Header/Header";
|
|
12
|
-
export * from "./components/Typography/Text/Text";
|
|
13
|
-
export * from "./components/Typography/TextClamped/TextClamped";
|
|
14
|
-
export * from "./components/Typography/StyledText/StyledText";
|
|
15
|
-
export * from "./components/Link/Link";
|
|
16
|
-
export * from "./components/Icon/Icon";
|
|
17
|
-
export * from "./components/Button/Button";
|
|
18
|
-
export * from "./components/Divider/Divider";
|
|
19
|
-
export * from "./components/Column/Columns";
|
|
20
|
-
export * from "./components/Tabs/Tabs";
|
|
21
|
-
export * from "./components/Badge/Badge";
|
|
22
|
-
export * from "./components/SearchResult/SearchResult";
|
|
23
|
-
export * from "./components/Form/ToggleButton/ToggleButton";
|
|
24
|
-
export * from "./components/DropdownMenu/DropdownMenu";
|
|
25
|
-
export * from "./components/Form/FormFieldGroup/FormFieldGroup";
|
|
26
|
-
export * from "./components/Form/Input";
|
|
27
|
-
export * from "./components/Form/Checkbox/Checkbox";
|
|
28
|
-
export * from "./components/Form/Toggle/Toggle";
|
|
29
|
-
export * from "./components/Form/Radio/Radio";
|
|
30
|
-
export * from "./components/Form/RadioButton/RadioButton";
|
|
31
|
-
export * from "./components/Form/Textarea/Textarea";
|
|
32
|
-
export * from "./components/Form/Select/Select";
|
|
33
|
-
export * from "./components/SubThemeProvider/SubThemeProvider";
|
|
34
|
-
export * from "./components/PictogramButton/PictogramButton";
|
|
35
|
-
export * from "./components/MediaViewerBar/MediaViewerBar";
|
|
36
|
-
export * from "./components/SegmentedProgressBar/SegmentedProgressBar";
|
|
37
|
-
export * from "./components/ProgressBar/ProgressBar";
|
|
38
|
-
export * from "./components/Container/Container";
|
|
39
|
-
export * from "./components/Form/PasswordInput";
|
|
40
|
-
export * from "./components/RoundButton/RoundButton";
|
|
41
|
-
export * from "./components/Notification/Notification";
|
|
42
|
-
export * from "./components/Logo/Logo";
|
|
43
|
-
export * from "./components/MediaItem/MediaItem";
|
|
44
|
-
export * from "./components/Callout/Callout";
|
|
45
|
-
export * from "./components/Patterns/Modal/Modal";
|
|
46
|
-
export * from "./components/Patterns/ButtonGroup/ButtonGroup";
|
|
47
|
-
export * from "./components/Collapsible/Collapsible";
|
|
48
|
-
export * from "./components/LoadingSpinner/LoadingSpinner";
|
|
49
|
-
export * from "./components/Pagination/Pagination";
|
|
50
|
-
export * from "./components/DataTable";
|
|
51
|
-
export * from "./components/Form/SegmentedControl/SegmentedControl";
|
|
52
|
-
export * from "./components/Tooltip/Tooltip";
|
|
53
|
-
export * from "./components/Tag/Tag";
|
package/build/esm/src/index.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { ambossVisualConfiguration } from '../build-tokens/visualConfig.js';
|
|
2
|
-
export { CacheProvider, ThemeProvider } from '@emotion/react';
|
|
3
|
-
export { default as createCache } from '@emotion/cache';
|
|
4
|
-
export { Card } from './components/Card/Card.js';
|
|
5
|
-
export { CardBox } from './components/Card/CardBox.js';
|
|
6
|
-
export { Box } from './components/Box/Box.js';
|
|
7
|
-
export { Inline } from './components/Inline/Inline.js';
|
|
8
|
-
export { Stack } from './components/Stack/Stack.js';
|
|
9
|
-
export { H1, H2, H3, H4, H5, H6 } from './components/Typography/Header/Header.js';
|
|
10
|
-
export { Text } from './components/Typography/Text/Text.js';
|
|
11
|
-
export { TextClamped } from './components/Typography/TextClamped/TextClamped.js';
|
|
12
|
-
export { StyledText, makeStyledJSX } from './components/Typography/StyledText/StyledText.js';
|
|
13
|
-
export { Link } from './components/Link/Link.js';
|
|
14
|
-
export { Icon } from './components/Icon/Icon.js';
|
|
15
|
-
export { Button } from './components/Button/Button.js';
|
|
16
|
-
export { Divider } from './components/Divider/Divider.js';
|
|
17
|
-
export { Column, Columns } from './components/Column/Columns.js';
|
|
18
|
-
export { Tabs } from './components/Tabs/Tabs.js';
|
|
19
|
-
export { Badge } from './components/Badge/Badge.js';
|
|
20
|
-
export { SearchResult } from './components/SearchResult/SearchResult.js';
|
|
21
|
-
export { ToggleButton } from './components/Form/ToggleButton/ToggleButton.js';
|
|
22
|
-
export { DropdownMenu } from './components/DropdownMenu/DropdownMenu.js';
|
|
23
|
-
export { FormFieldGroup } from './components/Form/FormFieldGroup/FormFieldGroup.js';
|
|
24
|
-
export { Checkbox } from './components/Form/Checkbox/Checkbox.js';
|
|
25
|
-
export { Toggle } from './components/Form/Toggle/Toggle.js';
|
|
26
|
-
export { Radio } from './components/Form/Radio/Radio.js';
|
|
27
|
-
export { RadioButton } from './components/Form/RadioButton/RadioButton.js';
|
|
28
|
-
export { Textarea } from './components/Form/Textarea/Textarea.js';
|
|
29
|
-
export { Select } from './components/Form/Select/Select.js';
|
|
30
|
-
export { SubThemeProvider } from './components/SubThemeProvider/SubThemeProvider.js';
|
|
31
|
-
export { PictogramButton } from './components/PictogramButton/PictogramButton.js';
|
|
32
|
-
export { MediaViewerBar } from './components/MediaViewerBar/MediaViewerBar.js';
|
|
33
|
-
export { SegmentedProgressBar } from './components/SegmentedProgressBar/SegmentedProgressBar.js';
|
|
34
|
-
export { ProgressBar } from './components/ProgressBar/ProgressBar.js';
|
|
35
|
-
export { Container } from './components/Container/Container.js';
|
|
36
|
-
export { RoundButton } from './components/RoundButton/RoundButton.js';
|
|
37
|
-
export { Notification } from './components/Notification/Notification.js';
|
|
38
|
-
export { Logo } from './components/Logo/Logo.js';
|
|
39
|
-
export { MediaItem } from './components/MediaItem/MediaItem.js';
|
|
40
|
-
export { Callout } from './components/Callout/Callout.js';
|
|
41
|
-
export { Modal } from './components/Patterns/Modal/Modal.js';
|
|
42
|
-
export { ButtonGroup } from './components/Patterns/ButtonGroup/ButtonGroup.js';
|
|
43
|
-
export { Collapsible, CollapsibleHeader } from './components/Collapsible/Collapsible.js';
|
|
44
|
-
export { LoadingSpinner } from './components/LoadingSpinner/LoadingSpinner.js';
|
|
45
|
-
export { Pagination } from './components/Pagination/Pagination.js';
|
|
46
|
-
export { SegmentedControl } from './components/Form/SegmentedControl/SegmentedControl.js';
|
|
47
|
-
export { Tooltip } from './components/Tooltip/Tooltip.js';
|
|
48
|
-
export { Tag } from './components/Tag/Tag.js';
|
|
49
|
-
export { Input } from './components/Form/Input/Input.js';
|
|
50
|
-
export { PasswordInput } from './components/Form/PasswordInput/PasswordInput.js';
|
|
51
|
-
export { BaseDataTable, DataTable } from './components/DataTable/DataTable.js';
|
|
52
|
-
export { useDataTableSort } from './components/DataTable/useDataTableSort.js';
|
|
53
|
-
|
|
54
|
-
const {
|
|
55
|
-
dark,
|
|
56
|
-
light
|
|
57
|
-
} = ambossVisualConfiguration;
|
|
58
|
-
|
|
59
|
-
export { dark, light };
|
|
60
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import {\n ambossVisualConfiguration,\n VisualConfig,\n} from \"../build-tokens/visualConfig\";\n\nexport type { VisualConfig };\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport * from \"./components/Card/Card\";\nexport * from \"./components/Card/CardBox\";\nexport * from \"./components/Box/Box\";\nexport * from \"./components/Inline/Inline\";\nexport * from \"./components/Stack/Stack\";\nexport * from \"./components/Typography/Header/Header\";\nexport * from \"./components/Typography/Text/Text\";\nexport * from \"./components/Typography/TextClamped/TextClamped\";\nexport * from \"./components/Typography/StyledText/StyledText\";\nexport * from \"./components/Link/Link\";\nexport * from \"./components/Icon/Icon\";\nexport * from \"./components/Button/Button\";\nexport * from \"./components/Divider/Divider\";\nexport * from \"./components/Column/Columns\";\nexport * from \"./components/Tabs/Tabs\";\nexport * from \"./components/Badge/Badge\";\nexport * from \"./components/SearchResult/SearchResult\";\nexport * from \"./components/Form/ToggleButton/ToggleButton\";\nexport * from \"./components/DropdownMenu/DropdownMenu\";\nexport * from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport * from \"./components/Form/Input\";\nexport * from \"./components/Form/Checkbox/Checkbox\";\nexport * from \"./components/Form/Toggle/Toggle\";\nexport * from \"./components/Form/Radio/Radio\";\nexport * from \"./components/Form/RadioButton/RadioButton\";\nexport * from \"./components/Form/Textarea/Textarea\";\nexport * from \"./components/Form/Select/Select\";\nexport * from \"./components/SubThemeProvider/SubThemeProvider\";\nexport * from \"./components/PictogramButton/PictogramButton\";\nexport * from \"./components/MediaViewerBar/MediaViewerBar\";\nexport * from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport * from \"./components/ProgressBar/ProgressBar\";\nexport * from \"./components/Container/Container\";\nexport * from \"./components/Form/PasswordInput\";\nexport * from \"./components/RoundButton/RoundButton\";\nexport * from \"./components/Notification/Notification\";\nexport * from \"./components/Logo/Logo\";\nexport * from \"./components/MediaItem/MediaItem\";\nexport * from \"./components/Callout/Callout\";\nexport * from \"./components/Patterns/Modal/Modal\";\nexport * from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport * from \"./components/Collapsible/Collapsible\";\nexport * from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\nexport * from \"./components/DataTable\";\nexport * from \"./components/Form/SegmentedControl/SegmentedControl\";\nexport * from \"./components/Tooltip/Tooltip\";\nexport * from \"./components/Tag/Tag\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA;EAAEA,IAAI;AAAEC,EAAAA,KAAAA;AAAM,CAAC,GAAGC;;;;"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const ScreenReaderText: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
theme?: import("@emotion/react").Theme;
|
|
4
|
-
as?: import("react").ElementType<any>;
|
|
5
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
|
|
3
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
4
|
-
// Content required to be read by screen readers but visually hidden
|
|
5
|
-
const ScreenReaderText = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
6
|
-
target: "ezjk5ml0"
|
|
7
|
-
} : {
|
|
8
|
-
target: "ezjk5ml0",
|
|
9
|
-
label: "ScreenReaderText"
|
|
10
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
11
|
-
name: "1a6jdgo",
|
|
12
|
-
styles: "width:1px;height:1px;position:absolute;left:-10000px;top:0;overflow:hidden"
|
|
13
|
-
} : {
|
|
14
|
-
name: "1a6jdgo",
|
|
15
|
-
styles: "width:1px;height:1px;position:absolute;left:-10000px;top:0;overflow:hidden",
|
|
16
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcmVlblJlYWRlclRleHQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IlNjcmVlblJlYWRlclRleHQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuLy8gQ29udGVudCByZXF1aXJlZCB0byBiZSByZWFkIGJ5IHNjcmVlbiByZWFkZXJzIGJ1dCB2aXN1YWxseSBoaWRkZW5cbmV4cG9ydCBjb25zdCBTY3JlZW5SZWFkZXJUZXh0ID0gc3R5bGVkLmRpdih7XG4gIHdpZHRoOiAxLFxuICBoZWlnaHQ6IDEsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IFwiLTEwMDAwcHhcIixcbiAgdG9wOiAwLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pO1xuIl19 */",
|
|
17
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
export { ScreenReaderText };
|
|
21
|
-
//# sourceMappingURL=ScreenReaderText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenReaderText.js","sources":["../../../../src/shared/ScreenReaderText.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\n// Content required to be read by screen readers but visually hidden\nexport const ScreenReaderText = styled.div({\n width: 1,\n height: 1,\n position: \"absolute\",\n left: \"-10000px\",\n top: 0,\n overflow: \"hidden\",\n});\n"],"names":["ScreenReaderText","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;AAEA;AACO,MAAMA,gBAAgB,gBAAGC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,kBAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,4EAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,4EAAA;EAAAC,GAAA,EAAA,imBAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,CAO/B;;;;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Copied from https://github.com/grrowl/react-keyed-flatten-children (since ESM import doesn't work with the module)
|
|
4
|
-
*
|
|
5
|
-
* Similar to [React's built-in `Children.toArray` method](https://reactjs.org/docs/react-api.html#reactchildrentoarray),
|
|
6
|
-
* this utility takes children and returns them as an array for introspection or filtering.
|
|
7
|
-
*
|
|
8
|
-
* Different from `Children.toArray`, it will flatten arrays and `React.Fragment`s into a regular, one-dimensional
|
|
9
|
-
* array while ensuring element and fragment keys are preserved, unique, and stable between renders.
|
|
10
|
-
*/
|
|
11
|
-
export declare const flattenChildren: (children: React.ReactNode, depth?: number, keys?: string[]) => any;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Children, isValidElement, cloneElement } from 'react';
|
|
2
|
-
import { isFragment } from 'react-is';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Copied from https://github.com/grrowl/react-keyed-flatten-children (since ESM import doesn't work with the module)
|
|
6
|
-
*
|
|
7
|
-
* Similar to [React's built-in `Children.toArray` method](https://reactjs.org/docs/react-api.html#reactchildrentoarray),
|
|
8
|
-
* this utility takes children and returns them as an array for introspection or filtering.
|
|
9
|
-
*
|
|
10
|
-
* Different from `Children.toArray`, it will flatten arrays and `React.Fragment`s into a regular, one-dimensional
|
|
11
|
-
* array while ensuring element and fragment keys are preserved, unique, and stable between renders.
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
const flattenChildren = function (children) {
|
|
15
|
-
let depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
16
|
-
let keys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
17
|
-
return Children.toArray(children).reduce((acc, node, nodeIndex) => {
|
|
18
|
-
if (isFragment(node)) {
|
|
19
|
-
acc.push(...flattenChildren(node.props.children, depth + 1, keys.concat(String(node.key || nodeIndex))));
|
|
20
|
-
} else if ( /*#__PURE__*/isValidElement(node)) {
|
|
21
|
-
acc.push( /*#__PURE__*/cloneElement(node, {
|
|
22
|
-
key: keys.concat(String(node.key)).join(".")
|
|
23
|
-
}));
|
|
24
|
-
} else if (typeof node === "string" || typeof node === "number") {
|
|
25
|
-
acc.push(node);
|
|
26
|
-
}
|
|
27
|
-
return acc;
|
|
28
|
-
}, []);
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export { flattenChildren };
|
|
32
|
-
//# sourceMappingURL=flattenChildren.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flattenChildren.js","sources":["../../../../src/shared/flattenChildren.ts"],"sourcesContent":["import React, {\n Children,\n isValidElement,\n cloneElement,\n ReactChild,\n} from \"react\";\nimport { isFragment } from \"react-is\";\n\n/**\n * Copied from https://github.com/grrowl/react-keyed-flatten-children (since ESM import doesn't work with the module)\n *\n * Similar to [React's built-in `Children.toArray` method](https://reactjs.org/docs/react-api.html#reactchildrentoarray),\n * this utility takes children and returns them as an array for introspection or filtering.\n *\n * Different from `Children.toArray`, it will flatten arrays and `React.Fragment`s into a regular, one-dimensional\n * array while ensuring element and fragment keys are preserved, unique, and stable between renders.\n */\n\nexport const flattenChildren = (\n children: React.ReactNode,\n depth = 0,\n keys: string[] = []\n): any =>\n Children.toArray(children).reduce((acc: ReactChild[], node, nodeIndex) => {\n if (isFragment(node)) {\n acc.push(\n ...flattenChildren(\n node.props.children,\n depth + 1,\n keys.concat(String(node.key || nodeIndex))\n )\n );\n } else if (isValidElement(node)) {\n acc.push(\n cloneElement(node, {\n key: keys.concat(String(node.key)).join(\".\"),\n })\n );\n } else if (typeof node === \"string\" || typeof node === \"number\") {\n acc.push(node);\n }\n return acc;\n }, []);\n"],"names":["flattenChildren","children","depth","arguments","length","undefined","keys","Children","toArray","reduce","acc","node","nodeIndex","isFragment","push","props","concat","String","key","isValidElement","cloneElement","join"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEaA,MAAAA,eAAe,GAAG,UAC7BC,QAAyB,EAAA;AAAA,EAAA,IACzBC,KAAK,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AAAA,EAAA,IACTG,IAAc,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;AAAA,EAAA,OAEnBI,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAACQ,MAAM,CAAC,CAACC,GAAiB,EAAEC,IAAI,EAAEC,SAAS,KAAK;AACxE,IAAA,IAAIC,UAAU,CAACF,IAAI,CAAC,EAAE;AACpBD,MAAAA,GAAG,CAACI,IAAI,CACN,GAAGd,eAAe,CAChBW,IAAI,CAACI,KAAK,CAACd,QAAQ,EACnBC,KAAK,GAAG,CAAC,EACTI,IAAI,CAACU,MAAM,CAACC,MAAM,CAACN,IAAI,CAACO,GAAG,IAAIN,SAAS,CAAC,CAC3C,CACF,CAAC,CAAA;AACH,KAAC,MAAM,kBAAIO,cAAc,CAACR,IAAI,CAAC,EAAE;AAC/BD,MAAAA,GAAG,CAACI,IAAI,eACNM,YAAY,CAACT,IAAI,EAAE;AACjBO,QAAAA,GAAG,EAAEZ,IAAI,CAACU,MAAM,CAACC,MAAM,CAACN,IAAI,CAACO,GAAG,CAAC,CAAC,CAACG,IAAI,CAAC,GAAG,CAAA;AAC7C,OAAC,CACH,CAAC,CAAA;KACF,MAAM,IAAI,OAAOV,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;AAC/DD,MAAAA,GAAG,CAACI,IAAI,CAACH,IAAI,CAAC,CAAA;AAChB,KAAA;AACA,IAAA,OAAOD,GAAG,CAAA;GACX,EAAE,EAAE,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const informDeprecation: (property: unknown, value: unknown, location: string, details?: string) => void;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const informDeprecation = function (property, value, location) {
|
|
2
|
-
let details = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "";
|
|
3
|
-
if (property === undefined) return;
|
|
4
|
-
if (property === value) {
|
|
5
|
-
// eslint-disable-next-line no-console
|
|
6
|
-
console.error(`value ${JSON.stringify(value)} is depricated in ${location} \n ${details}`);
|
|
7
|
-
}
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export { informDeprecation };
|
|
11
|
-
//# sourceMappingURL=informDeprecation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"informDeprecation.js","sources":["../../../../src/shared/informDeprecation.ts"],"sourcesContent":["export const informDeprecation = (\n property: unknown,\n value: unknown,\n location: string,\n details = \"\"\n): void => {\n if (property === undefined) return;\n if (property === value) {\n // eslint-disable-next-line no-console\n console.error(\n `value ${JSON.stringify(\n value\n )} is depricated in ${location} \\n ${details}`\n );\n }\n};\n"],"names":["informDeprecation","property","value","location","details","arguments","length","undefined","console","error","JSON","stringify"],"mappings":"AAAO,MAAMA,iBAAiB,GAAG,UAC/BC,QAAiB,EACjBC,KAAc,EACdC,QAAgB,EAEP;AAAA,EAAA,IADTC,OAAO,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;EAEZ,IAAIJ,QAAQ,KAAKM,SAAS,EAAE,OAAA;EAC5B,IAAIN,QAAQ,KAAKC,KAAK,EAAE;AACtB;AACAM,IAAAA,OAAO,CAACC,KAAK,CACV,CAAA,MAAA,EAAQC,IAAI,CAACC,SAAS,CACrBT,KACF,CAAE,CAAoBC,kBAAAA,EAAAA,QAAS,CAAMC,IAAAA,EAAAA,OAAQ,EAC/C,CAAC,CAAA;AACH,GAAA;AACF;;;;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, TextAlignment, VerticalAlignment, Order, ColumnAlignment, Hyphens } from "../types";
|
|
2
|
-
declare type MqProp<T> = [
|
|
3
|
-
T | MQ<T>,
|
|
4
|
-
Record<T extends string ? T : never, string | number>
|
|
5
|
-
];
|
|
6
|
-
declare type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens>>;
|
|
7
|
-
declare type EmotionCssPropertyName = string;
|
|
8
|
-
declare type EmotionCssValue = string | number;
|
|
9
|
-
declare type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;
|
|
10
|
-
declare type MqFunc = (rules: MqRules) => Record<string, EmotionCssValue | EmotionCssDescription>;
|
|
11
|
-
export declare const mq: MqFunc;
|
|
12
|
-
export declare const mqValue: (rules: Record<EmotionCssPropertyName, EmotionCssValue[] | EmotionCssValue>) => Record<string, EmotionCssValue | EmotionCssDescription>;
|
|
13
|
-
export declare function getMediaQueryClasses<T>(s: T | MQ<T> | undefined, styles: Record<string, string>, prefix?: string): string[];
|
|
14
|
-
export {};
|