@amboss/design-system 1.15.1 → 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 -1329
- package/build/cjs/scss/themes/dark.scss +0 -111
- package/build/cjs/scss/themes/light.scss +0 -111
- 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 -290
- package/build/cjs/src/components/Callout/Callout.js +0 -102
- 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 -77
- 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 -120
- 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 -52
- 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 -918
- 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 -767
- package/build/esm/build-tokens/visualConfig.js +0 -1328
- package/build/esm/build-tokens/visualConfig.js.map +0 -1
- package/build/esm/scss/themes/dark.scss +0 -111
- package/build/esm/scss/themes/light.scss +0 -111
- 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 -33
- package/build/esm/src/components/Button/Button.js +0 -282
- package/build/esm/src/components/Button/Button.js.map +0 -1
- package/build/esm/src/components/Button/mock.d.ts +0 -326
- package/build/esm/src/components/Callout/Callout.d.ts +0 -14
- package/build/esm/src/components/Callout/Callout.js +0 -96
- 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 -70
- 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 -14
- package/build/esm/src/components/MediaItem/MediaItem.js +0 -114
- 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 -14
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js +0 -46
- 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/BaseTooltip.d.ts +0 -22
- package/build/esm/src/components/Tooltip/Popover.d.ts +0 -7
- 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/util.d.ts +0 -12
- 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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader/CardHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Stack } from \"../../Stack/Stack\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { H5 } from \"../../Typography/Header/Header\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Divider } from \"../../Divider/Divider\";\nimport { Box } from \"../../Box/Box\";\nimport {\n DropdownMenu,\n DropdownMenuProps,\n} from \"../../DropdownMenu/DropdownMenu\";\n\nconst StyledHeaderWrap = styled.div({\n // Compensate small button height with 6px\n padding: `6px 0`,\n});\n\nexport class CardHeaderProps {\n title?: string;\n\n /** @deprecated * */\n subtitle?: string;\n\n dropdown?: Omit<DropdownMenuProps, \"iconName\" | \"size\">;\n\n /** @deprecated * */\n button?: React.ReactElement;\n\n \"data-e2e-test-id\"?: string;\n}\n\nexport function CardHeader({\n title,\n subtitle,\n button,\n dropdown,\n \"data-e2e-test-id\": dataE2eTestId,\n}: CardHeaderProps): React.ReactElement {\n return (\n <div data-e2e-test-id={dataE2eTestId}>\n <Box space={[\"m\", \"l\", \"l\"]} vSpace=\"s\" rSpace=\"s\">\n <Inline alignItems=\"spaceBetween\" vAlignItems=\"top\" noWrap>\n <Stack space=\"xs\">\n {title && (\n <StyledHeaderWrap>\n <H5>{title}</H5>\n </StyledHeaderWrap>\n )}\n {subtitle && (\n <Text size=\"xs\" as=\"span\" color=\"tertiary\">\n {subtitle}\n </Text>\n )}\n </Stack>\n {button && <div>{button}</div>}\n {dropdown && (\n <DropdownMenu {...dropdown} size=\"s\" iconName=\"more-horizontal\" />\n )}\n </Inline>\n </Box>\n <Divider />\n </div>\n );\n}\n"],"names":["StyledHeaderWrap","_styled","process","env","NODE_ENV","target","label","padding","CardHeader","_ref","title","subtitle","button","dropdown","dataE2eTestId","React","createElement","Box","space","vSpace","rSpace","Inline","alignItems","vAlignItems","noWrap","Stack","H5","Text","size","as","color","DropdownMenu","_extends","iconName","Divider"],"mappings":";;;;;;;;;;;AAcA,MAAMA,gBAAgB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,kBAAA;AAAA,CAAW,CAAA,CAAA;AAClC;AACAC,EAAAA,OAAO,EAAG,CAAA,KAAA,CAAA;AACZ,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,ioFAAA,CAAA,CAAA;AAgBK,SAASI,UAAUA,CAAAC,IAAA,EAMc;EAAA,IANb;IACzBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACL,GAAC,GAAAL,IAAA,CAAA;EAChB,oBACEM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAK,kBAAkBF,EAAAA,aAAAA;AAAc,GAAA,eACnCC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AAACC,IAAAA,MAAM,EAAC,GAAG;AAACC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAChDL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;AAACC,IAAAA,UAAU,EAAC,cAAc;AAACC,IAAAA,WAAW,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,eACxDT,KAAA,CAAAC,aAAA,CAACS,KAAK,EAAA;AAACP,IAAAA,KAAK,EAAC,IAAA;GACVR,EAAAA,KAAK,iBACJK,KAAA,CAAAC,aAAA,CAAChB,gBAAgB,EAAA,IAAA,eACfe,KAAA,CAAAC,aAAA,CAACU,EAAE,EAAEhB,IAAAA,EAAAA,KAAU,CACC,CACnB,EACAC,QAAQ,iBACPI,KAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,UAAA;GAC7BnB,EAAAA,QACG,CAEH,CAAC,EACPC,MAAM,iBAAIG,KAAA,CAAAC,aAAA,CAAMJ,KAAAA,EAAAA,IAAAA,EAAAA,MAAY,CAAC,EAC7BC,QAAQ,iBACPE,KAAA,CAAAC,aAAA,CAACe,YAAY,EAAAC,QAAA,CAAA,EAAA,EAAKnB,QAAQ,EAAA;AAAEe,IAAAA,IAAI,EAAC,GAAG;AAACK,IAAAA,QAAQ,EAAC,iBAAA;GAAmB,CAAA,CAE7D,CACL,CAAC,eACNlB,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAE,IAAA,CACP,CAAC,CAAA;AAEV;;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Box } from "../Box/Box";
|
|
3
|
-
export declare type CollapsibleProps = {
|
|
4
|
-
/** the first element of the array of children has to be `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */
|
|
5
|
-
children: [
|
|
6
|
-
React.ReactElement<CollapsibleHeaderProps>,
|
|
7
|
-
...React.ReactElement[]
|
|
8
|
-
];
|
|
9
|
-
isExpanded: boolean | undefined;
|
|
10
|
-
};
|
|
11
|
-
export declare type CollapsibleHeaderProps = {
|
|
12
|
-
onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
|
|
13
|
-
} & React.ComponentProps<typeof Box>;
|
|
14
|
-
export declare function CollapsibleHeader({ space, vSpace, rSpace, lSpace, tSpace, bSpace, onClick, children, }: CollapsibleHeaderProps): React.ReactElement;
|
|
15
|
-
export declare function Collapsible({ isExpanded, children, }: CollapsibleProps): React.ReactElement;
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import React, { useContext, createContext } from 'react';
|
|
3
|
-
import { Box } from '../Box/Box.js';
|
|
4
|
-
import { Icon } from '../Icon/Icon.js';
|
|
5
|
-
import { Inline } from '../Inline/Inline.js';
|
|
6
|
-
|
|
7
|
-
const ANIMATION_TIME = 200;
|
|
8
|
-
const IsExpandedContext = /*#__PURE__*/createContext(false);
|
|
9
|
-
const StyledChildrenContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
10
|
-
target: "ecrjv272"
|
|
11
|
-
} : {
|
|
12
|
-
target: "ecrjv272",
|
|
13
|
-
label: "StyledChildrenContainer"
|
|
14
|
-
})(() => ({
|
|
15
|
-
overflow: "hidden"
|
|
16
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmdDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuY29uc3QgU3R5bGVkQ2hpbGRyZW5Db250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNFeHBhbmRlZDogYm9vbGVhbjtcbn0+KCh7IGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke2lzRXhwYW5kZWQgPyBcIjAlXCIgOiBcIm1heCgtMTAwcHgsIC01MCUpXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0V4cGFuZGVkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNFeHBhbmRlZDogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAwLFxuICAgIC4uLihpc0V4cGFuZGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVIZWFkZXIoe1xuICBzcGFjZSxcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIG9uQ2xpY2ssXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGlzRXhwYW5kZWQgPSB1c2VDb250ZXh0KElzRXhwYW5kZWRDb250ZXh0KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZUhlYWRlclwiXG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICA+XG4gICAgICA8Qm94XG4gICAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgICAgdlNwYWNlPXt2U3BhY2V9XG4gICAgICAgIHJTcGFjZT17clNwYWNlfVxuICAgICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgICAgdFNwYWNlPXt0U3BhY2V9XG4gICAgICAgIGJTcGFjZT17YlNwYWNlfVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZSh7XG4gIGlzRXhwYW5kZWQsXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtjb2xsYXBzaWJsZUhlYWRlciwgLi4uY29sbGFwc2libGVDaGlsZHJlbl0gPSBjaGlsZHJlbjtcbiAgcmV0dXJuIChcbiAgICA8SXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2lzRXhwYW5kZWR9PlxuICAgICAge2NvbGxhcHNpYmxlSGVhZGVyfVxuICAgICAgPFN0eWxlZENoaWxkcmVuQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZVwiPlxuICAgICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNvbGxhcHNpYmxlQ2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICA8L0lzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
|
|
17
|
-
const StyledExpandingContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
18
|
-
target: "ecrjv271"
|
|
19
|
-
} : {
|
|
20
|
-
target: "ecrjv271",
|
|
21
|
-
label: "StyledExpandingContainer"
|
|
22
|
-
})(_ref => {
|
|
23
|
-
let {
|
|
24
|
-
isExpanded
|
|
25
|
-
} = _ref;
|
|
26
|
-
return {
|
|
27
|
-
transform: `translateY(${isExpanded ? "0%" : "max(-100px, -50%)"})`,
|
|
28
|
-
transition: `transform ${isExpanded ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`
|
|
29
|
-
};
|
|
30
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmlDIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuY29uc3QgU3R5bGVkQ2hpbGRyZW5Db250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNFeHBhbmRlZDogYm9vbGVhbjtcbn0+KCh7IGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke2lzRXhwYW5kZWQgPyBcIjAlXCIgOiBcIm1heCgtMTAwcHgsIC01MCUpXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0V4cGFuZGVkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNFeHBhbmRlZDogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAwLFxuICAgIC4uLihpc0V4cGFuZGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVIZWFkZXIoe1xuICBzcGFjZSxcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIG9uQ2xpY2ssXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGlzRXhwYW5kZWQgPSB1c2VDb250ZXh0KElzRXhwYW5kZWRDb250ZXh0KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZUhlYWRlclwiXG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICA+XG4gICAgICA8Qm94XG4gICAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgICAgdlNwYWNlPXt2U3BhY2V9XG4gICAgICAgIHJTcGFjZT17clNwYWNlfVxuICAgICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgICAgdFNwYWNlPXt0U3BhY2V9XG4gICAgICAgIGJTcGFjZT17YlNwYWNlfVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZSh7XG4gIGlzRXhwYW5kZWQsXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtjb2xsYXBzaWJsZUhlYWRlciwgLi4uY29sbGFwc2libGVDaGlsZHJlbl0gPSBjaGlsZHJlbjtcbiAgcmV0dXJuIChcbiAgICA8SXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2lzRXhwYW5kZWR9PlxuICAgICAge2NvbGxhcHNpYmxlSGVhZGVyfVxuICAgICAgPFN0eWxlZENoaWxkcmVuQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZVwiPlxuICAgICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNvbGxhcHNpYmxlQ2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICA8L0lzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
|
|
31
|
-
const StyledButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
|
32
|
-
target: "ecrjv270"
|
|
33
|
-
} : {
|
|
34
|
-
target: "ecrjv270",
|
|
35
|
-
label: "StyledButton"
|
|
36
|
-
})(_ref2 => {
|
|
37
|
-
let {
|
|
38
|
-
theme,
|
|
39
|
-
isExpanded
|
|
40
|
-
} = _ref2;
|
|
41
|
-
return {
|
|
42
|
-
display: "block",
|
|
43
|
-
width: "100%",
|
|
44
|
-
backgroundColor: theme.values.color.background.primary.default,
|
|
45
|
-
border: "none",
|
|
46
|
-
cursor: "pointer",
|
|
47
|
-
padding: 0,
|
|
48
|
-
...(isExpanded && {
|
|
49
|
-
backgroundColor: theme.values.color.background.secondary.hover,
|
|
50
|
-
":global(.isDarkmodeActive) &": {
|
|
51
|
-
backgroundColor: theme.values.color.background.primary.default
|
|
52
|
-
}
|
|
53
|
-
}),
|
|
54
|
-
"&:hover": {
|
|
55
|
-
backgroundColor: theme.values.color.background.secondary.hover,
|
|
56
|
-
":global(.isDarkmodeActive) &": {
|
|
57
|
-
backgroundColor: theme.values.color.background.primary.default
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbGxhcHNpYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FCIiwiZmlsZSI6IkNvbGxhcHNpYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVQcm9wcyA9IHtcbiAgLyoqIHRoZSBmaXJzdCBlbGVtZW50IG9mIHRoZSBhcnJheSBvZiBjaGlsZHJlbiBoYXMgdG8gYmUgIGA8Q29sbGFwc2libGVIZWFkZXIvPmAuIFRoZSByZXN0IG9mIHRoZSBjaGlsZHJlbiBpcyB0aGUgY29udGVudCB2aXNpYmxlIGFmdGVyIHNwcmVhZGluZyB0aGUgY29tcG9uZW50ICovXG4gIGNoaWxkcmVuOiBbXG4gICAgUmVhY3QuUmVhY3RFbGVtZW50PENvbGxhcHNpYmxlSGVhZGVyUHJvcHM+LFxuICAgIC4uLlJlYWN0LlJlYWN0RWxlbWVudFtdXG4gIF07XG4gIGlzRXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG59O1xuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZUhlYWRlclByb3BzID0ge1xuICBvbkNsaWNrPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG59ICYgUmVhY3QuQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJveD47XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuY29uc3QgSXNFeHBhbmRlZENvbnRleHQgPSBjcmVhdGVDb250ZXh0KGZhbHNlKTtcblxuY29uc3QgU3R5bGVkQ2hpbGRyZW5Db250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNFeHBhbmRlZDogYm9vbGVhbjtcbn0+KCh7IGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke2lzRXhwYW5kZWQgPyBcIjAlXCIgOiBcIm1heCgtMTAwcHgsIC01MCUpXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0V4cGFuZGVkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgaXNFeHBhbmRlZDogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzRXhwYW5kZWQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAwLFxuICAgIC4uLihpc0V4cGFuZGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuc2Vjb25kYXJ5LmhvdmVyLFxuICAgICAgXCI6Z2xvYmFsKC5pc0Rhcmttb2RlQWN0aXZlKSAmXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29sbGFwc2libGVIZWFkZXIoe1xuICBzcGFjZSxcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIG9uQ2xpY2ssXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGlzRXhwYW5kZWQgPSB1c2VDb250ZXh0KElzRXhwYW5kZWRDb250ZXh0KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZUhlYWRlclwiXG4gICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICA+XG4gICAgICA8Qm94XG4gICAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgICAgdlNwYWNlPXt2U3BhY2V9XG4gICAgICAgIHJTcGFjZT17clNwYWNlfVxuICAgICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgICAgdFNwYWNlPXt0U3BhY2V9XG4gICAgICAgIGJTcGFjZT17YlNwYWNlfVxuICAgICAgPlxuICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBub1dyYXA+XG4gICAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIG5hbWU9e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb2xsYXBzaWJsZSh7XG4gIGlzRXhwYW5kZWQsXG4gIGNoaWxkcmVuLFxufTogQ29sbGFwc2libGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtjb2xsYXBzaWJsZUhlYWRlciwgLi4uY29sbGFwc2libGVDaGlsZHJlbl0gPSBjaGlsZHJlbjtcbiAgcmV0dXJuIChcbiAgICA8SXNFeHBhbmRlZENvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2lzRXhwYW5kZWR9PlxuICAgICAge2NvbGxhcHNpYmxlSGVhZGVyfVxuICAgICAgPFN0eWxlZENoaWxkcmVuQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJDb2xsYXBzaWJsZVwiPlxuICAgICAgICA8U3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9PlxuICAgICAgICAgIHtpc0V4cGFuZGVkICYmIGNvbGxhcHNpYmxlQ2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRDaGlsZHJlbkNvbnRhaW5lcj5cbiAgICA8L0lzRXhwYW5kZWRDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
|
|
62
|
-
function CollapsibleHeader(_ref3) {
|
|
63
|
-
let {
|
|
64
|
-
space,
|
|
65
|
-
vSpace,
|
|
66
|
-
rSpace,
|
|
67
|
-
lSpace,
|
|
68
|
-
tSpace,
|
|
69
|
-
bSpace,
|
|
70
|
-
onClick,
|
|
71
|
-
children
|
|
72
|
-
} = _ref3;
|
|
73
|
-
const isExpanded = useContext(IsExpandedContext);
|
|
74
|
-
return /*#__PURE__*/React.createElement(StyledButton, {
|
|
75
|
-
type: "button",
|
|
76
|
-
"data-ds-id": "CollapsibleHeader",
|
|
77
|
-
isExpanded: isExpanded,
|
|
78
|
-
onClick: onClick
|
|
79
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
80
|
-
space: space,
|
|
81
|
-
vSpace: vSpace,
|
|
82
|
-
rSpace: rSpace,
|
|
83
|
-
lSpace: lSpace,
|
|
84
|
-
tSpace: tSpace,
|
|
85
|
-
bSpace: bSpace
|
|
86
|
-
}, /*#__PURE__*/React.createElement(Inline, {
|
|
87
|
-
alignItems: "spaceBetween",
|
|
88
|
-
noWrap: true
|
|
89
|
-
}, /*#__PURE__*/React.createElement("div", null, children), /*#__PURE__*/React.createElement(Icon, {
|
|
90
|
-
name: isExpanded ? "chevron-up" : "chevron-down",
|
|
91
|
-
variant: "tertiary"
|
|
92
|
-
}))));
|
|
93
|
-
}
|
|
94
|
-
function Collapsible(_ref4) {
|
|
95
|
-
let {
|
|
96
|
-
isExpanded,
|
|
97
|
-
children
|
|
98
|
-
} = _ref4;
|
|
99
|
-
const [collapsibleHeader, ...collapsibleChildren] = children;
|
|
100
|
-
return /*#__PURE__*/React.createElement(IsExpandedContext.Provider, {
|
|
101
|
-
value: isExpanded
|
|
102
|
-
}, collapsibleHeader, /*#__PURE__*/React.createElement(StyledChildrenContainer, {
|
|
103
|
-
"data-ds-id": "Collapsible"
|
|
104
|
-
}, /*#__PURE__*/React.createElement(StyledExpandingContainer, {
|
|
105
|
-
isExpanded: isExpanded
|
|
106
|
-
}, isExpanded && collapsibleChildren)));
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
export { Collapsible, CollapsibleHeader };
|
|
110
|
-
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Box } from \"../Box/Box\";\nimport { Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type CollapsibleProps = {\n /** the first element of the array of children has to be `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */\n children: [\n React.ReactElement<CollapsibleHeaderProps>,\n ...React.ReactElement[]\n ];\n isExpanded: boolean | undefined;\n};\n\nexport type CollapsibleHeaderProps = {\n onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;\n} & React.ComponentProps<typeof Box>;\n\nconst ANIMATION_TIME = 200;\nconst IsExpandedContext = createContext(false);\n\nconst StyledChildrenContainer = styled.div(() => ({\n overflow: \"hidden\",\n}));\n\nconst StyledExpandingContainer = styled.div<{\n isExpanded: boolean;\n}>(({ isExpanded }) => ({\n transform: `translateY(${isExpanded ? \"0%\" : \"max(-100px, -50%)\"})`,\n transition: `transform ${\n isExpanded ? ANIMATION_TIME : 0\n }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledButton = styled.button<{ isExpanded: boolean }>(\n ({ theme, isExpanded }) => ({\n display: \"block\",\n width: \"100%\",\n backgroundColor: theme.values.color.background.primary.default,\n border: \"none\",\n cursor: \"pointer\",\n padding: 0,\n ...(isExpanded && {\n backgroundColor: theme.values.color.background.secondary.hover,\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.primary.default,\n },\n }),\n\n \"&:hover\": {\n backgroundColor: theme.values.color.background.secondary.hover,\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.primary.default,\n },\n },\n })\n);\n\nexport function CollapsibleHeader({\n space,\n vSpace,\n rSpace,\n lSpace,\n tSpace,\n bSpace,\n onClick,\n children,\n}: CollapsibleHeaderProps): React.ReactElement {\n const isExpanded = useContext(IsExpandedContext);\n return (\n <StyledButton\n type=\"button\"\n data-ds-id=\"CollapsibleHeader\"\n isExpanded={isExpanded}\n onClick={onClick}\n >\n <Box\n space={space}\n vSpace={vSpace}\n rSpace={rSpace}\n lSpace={lSpace}\n tSpace={tSpace}\n bSpace={bSpace}\n >\n <Inline alignItems=\"spaceBetween\" noWrap>\n <div>{children}</div>\n <Icon\n name={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n variant=\"tertiary\"\n />\n </Inline>\n </Box>\n </StyledButton>\n );\n}\n\nexport function Collapsible({\n isExpanded,\n children,\n}: CollapsibleProps): React.ReactElement {\n const [collapsibleHeader, ...collapsibleChildren] = children;\n return (\n <IsExpandedContext.Provider value={isExpanded}>\n {collapsibleHeader}\n <StyledChildrenContainer data-ds-id=\"Collapsible\">\n <StyledExpandingContainer isExpanded={isExpanded}>\n {isExpanded && collapsibleChildren}\n </StyledExpandingContainer>\n </StyledChildrenContainer>\n </IsExpandedContext.Provider>\n );\n}\n"],"names":["ANIMATION_TIME","IsExpandedContext","createContext","StyledChildrenContainer","_styled","process","env","NODE_ENV","target","label","overflow","StyledExpandingContainer","_ref","isExpanded","transform","transition","StyledButton","_ref2","theme","display","width","backgroundColor","values","color","background","primary","default","border","cursor","padding","secondary","hover","CollapsibleHeader","_ref3","space","vSpace","rSpace","lSpace","tSpace","bSpace","onClick","children","useContext","React","createElement","type","Box","Inline","alignItems","noWrap","Icon","name","variant","Collapsible","_ref4","collapsibleHeader","collapsibleChildren","Provider","value"],"mappings":";;;;;;AAmBA,MAAMA,cAAc,GAAG,GAAG,CAAA;AAC1B,MAAMC,iBAAiB,gBAAGC,aAAa,CAAC,KAAK,CAAC,CAAA;AAE9C,MAAMC,uBAAuB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,yBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AAChDC,EAAAA,QAAQ,EAAE,QAAA;AACZ,CAAC,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,ihJAAA,CAAA,CAAA;AAEH,MAAMI,wBAAwB,gBAAGP,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,0BAAA;AAAA,CAAA,CAAA,CAE9BG,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACtBE,IAAAA,SAAS,EAAG,CAAaD,WAAAA,EAAAA,UAAU,GAAG,IAAI,GAAG,mBAAoB,CAAE,CAAA,CAAA;AACnEE,IAAAA,UAAU,EAAG,CACXF,UAAAA,EAAAA,UAAU,GAAGb,cAAc,GAAG,CAC/B,CAAA,oCAAA,CAAA;GACF,CAAA;AAAA,CAAC,EAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,ihJAAA,CAAA,CAAA;AAEH,MAAMS,YAAY,gBAAGZ,OAAA,CAAA,QAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CACnBQ,KAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEL,IAAAA,UAAAA;AAAW,GAAC,GAAAI,KAAA,CAAA;EAAA,OAAM;AAC1BE,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,KAAK,EAAE,MAAM;IACbC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAO;AAC9DC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,CAAC;AACV,IAAA,IAAIhB,UAAU,IAAI;MAChBQ,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACM,SAAS,CAACC,KAAK;AAC9D,MAAA,8BAA8B,EAAE;QAC9BV,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAAA;AACzD,OAAA;AACF,KAAC,CAAC;AAEF,IAAA,SAAS,EAAE;MACTL,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACM,SAAS,CAACC,KAAK;AAC9D,MAAA,8BAA8B,EAAE;QAC9BV,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAAA;AACzD,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,EAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,0iJACJ,CAAC,CAAA;AAEM,SAASyB,iBAAiBA,CAAAC,KAAA,EASc;EAAA,IATb;IAChCC,KAAK;IACLC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNC,OAAO;AACPC,IAAAA,QAAAA;AACsB,GAAC,GAAAR,KAAA,CAAA;AACvB,EAAA,MAAMpB,UAAU,GAAG6B,UAAU,CAACzC,iBAAiB,CAAC,CAAA;AAChD,EAAA,oBACE0C,KAAA,CAAAC,aAAA,CAAC5B,YAAY,EAAA;AACX6B,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,mBAAmB;AAC9BhC,IAAAA,UAAU,EAAEA,UAAW;AACvB2B,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAEjBG,KAAA,CAAAC,aAAA,CAACE,GAAG,EAAA;AACFZ,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,eAEfI,KAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;AAACC,IAAAA,UAAU,EAAC,cAAc;IAACC,MAAM,EAAA,IAAA;GACtCN,eAAAA,KAAA,CAAAC,aAAA,CAAMH,KAAAA,EAAAA,IAAAA,EAAAA,QAAc,CAAC,eACrBE,KAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;AACHC,IAAAA,IAAI,EAAEtC,UAAU,GAAG,YAAY,GAAG,cAAe;AACjDuC,IAAAA,OAAO,EAAC,UAAA;GACT,CACK,CACL,CACO,CAAC,CAAA;AAEnB,CAAA;AAEO,SAASC,WAAWA,CAAAC,KAAA,EAGc;EAAA,IAHb;IAC1BzC,UAAU;AACV4B,IAAAA,QAAAA;AACgB,GAAC,GAAAa,KAAA,CAAA;AACjB,EAAA,MAAM,CAACC,iBAAiB,EAAE,GAAGC,mBAAmB,CAAC,GAAGf,QAAQ,CAAA;AAC5D,EAAA,oBACEE,KAAA,CAAAC,aAAA,CAAC3C,iBAAiB,CAACwD,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE7C,UAAAA;AAAW,GAAA,EAC3C0C,iBAAiB,eAClBZ,KAAA,CAAAC,aAAA,CAACzC,uBAAuB,EAAA;IAAC,YAAW,EAAA,aAAA;AAAa,GAAA,eAC/CwC,KAAA,CAAAC,aAAA,CAACjC,wBAAwB,EAAA;AAACE,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EAC9CA,UAAU,IAAI2C,mBACS,CACH,CACC,CAAC,CAAA;AAEjC;;;;"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { MQ, HorizontalAlignment, SpaceSizes, VerticalAlignment, ColumnSizes, ColumnAlignment, Order } from "../../types";
|
|
3
|
-
export declare type ColumnsProps = {
|
|
4
|
-
children: React.ReactNode[] | React.ReactNode;
|
|
5
|
-
/** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings
|
|
6
|
-
* specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes
|
|
7
|
-
*/
|
|
8
|
-
gap?: SpaceSizes | MQ<SpaceSizes>;
|
|
9
|
-
/** set to true if you want the last element to fill the space
|
|
10
|
-
*/
|
|
11
|
-
alwaysFillSpace?: boolean;
|
|
12
|
-
/** specify horizontal alignment
|
|
13
|
-
* specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes
|
|
14
|
-
*/
|
|
15
|
-
alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;
|
|
16
|
-
/** specify vertical alignment
|
|
17
|
-
* specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes
|
|
18
|
-
*/
|
|
19
|
-
vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;
|
|
20
|
-
"data-e2e-test-id"?: string;
|
|
21
|
-
/** @ignore */
|
|
22
|
-
"data-ds-id"?: string;
|
|
23
|
-
};
|
|
24
|
-
export declare type ColumnProps = {
|
|
25
|
-
children: React.ReactNode[] | React.ReactNode;
|
|
26
|
-
/** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12
|
|
27
|
-
* specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes
|
|
28
|
-
*/
|
|
29
|
-
size?: ColumnSizes | MQ<ColumnSizes>;
|
|
30
|
-
/** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes
|
|
31
|
-
*/
|
|
32
|
-
order?: Order | MQ<Order>;
|
|
33
|
-
alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;
|
|
34
|
-
"data-e2e-test-id"?: string;
|
|
35
|
-
/** @ignore */
|
|
36
|
-
"data-ds-id"?: string;
|
|
37
|
-
};
|
|
38
|
-
export declare const Column: import("@emotion/styled").StyledComponent<{
|
|
39
|
-
theme?: import("@emotion/react").Theme;
|
|
40
|
-
as?: React.ElementType<any>;
|
|
41
|
-
} & Partial<ColumnProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
42
|
-
export declare const Columns: import("@emotion/styled").StyledComponent<{
|
|
43
|
-
theme?: import("@emotion/react").Theme;
|
|
44
|
-
as?: React.ElementType<any>;
|
|
45
|
-
} & Partial<ColumnsProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import { mq } from '../../shared/mediaQueries.js';
|
|
3
|
-
|
|
4
|
-
const defaultProps = {
|
|
5
|
-
gap: "zero",
|
|
6
|
-
alwaysFillSpace: false,
|
|
7
|
-
alignItems: "left",
|
|
8
|
-
vAlignItems: "top",
|
|
9
|
-
"data-e2e-test-id": undefined,
|
|
10
|
-
"data-ds-id": "Columns"
|
|
11
|
-
};
|
|
12
|
-
const columnDefaultProps = {
|
|
13
|
-
size: "auto",
|
|
14
|
-
"data-e2e-test-id": undefined,
|
|
15
|
-
alignSelf: "auto",
|
|
16
|
-
"data-ds-id": "Column"
|
|
17
|
-
};
|
|
18
|
-
const columnWidthObject = new Array(12).fill("").reduce((acc, _, index) => ({
|
|
19
|
-
...acc,
|
|
20
|
-
[index + 1]: `${(index + 1) * 100 / 12}%`
|
|
21
|
-
}), {});
|
|
22
|
-
const makeNegative = obj => Object.entries(obj).map(_ref => {
|
|
23
|
-
let [key, value] = _ref;
|
|
24
|
-
return [key, `-${value}`];
|
|
25
|
-
}).reduce((acc, _ref2) => {
|
|
26
|
-
let [key, value] = _ref2;
|
|
27
|
-
acc[key] = value;
|
|
28
|
-
return acc;
|
|
29
|
-
}, {});
|
|
30
|
-
const Column = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
31
|
-
target: "e1pdebaf1"
|
|
32
|
-
} : {
|
|
33
|
-
target: "e1pdebaf1",
|
|
34
|
-
label: "Column"
|
|
35
|
-
})(_ref3 => {
|
|
36
|
-
let {
|
|
37
|
-
size,
|
|
38
|
-
order,
|
|
39
|
-
alignSelf
|
|
40
|
-
} = _ref3;
|
|
41
|
-
return {
|
|
42
|
-
...mq({
|
|
43
|
-
width: [size, {
|
|
44
|
-
...columnWidthObject,
|
|
45
|
-
fill: "1px"
|
|
46
|
-
}],
|
|
47
|
-
flex: [size, {
|
|
48
|
-
narrow: "none",
|
|
49
|
-
auto: "1",
|
|
50
|
-
fill: undefined
|
|
51
|
-
}],
|
|
52
|
-
order: [order, {
|
|
53
|
-
first: "-1",
|
|
54
|
-
last: "1",
|
|
55
|
-
unset: "0"
|
|
56
|
-
}],
|
|
57
|
-
flexShrink: [size, {
|
|
58
|
-
fill: 1,
|
|
59
|
-
auto: undefined,
|
|
60
|
-
narrow: undefined
|
|
61
|
-
}],
|
|
62
|
-
flexGrow: [size, {
|
|
63
|
-
fill: 1,
|
|
64
|
-
auto: undefined,
|
|
65
|
-
narrow: undefined
|
|
66
|
-
}],
|
|
67
|
-
alignSelf: [alignSelf, {
|
|
68
|
-
auto: "auto",
|
|
69
|
-
start: "start",
|
|
70
|
-
center: "center",
|
|
71
|
-
end: "end"
|
|
72
|
-
}]
|
|
73
|
-
}),
|
|
74
|
-
boxSizing: "border-box",
|
|
75
|
-
"&:empty": {
|
|
76
|
-
width: 0,
|
|
77
|
-
flex: "none"
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGc0IiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtbnNcIixcbn07XG5cbmV4cG9ydCB0eXBlIENvbHVtblByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgLyoqIHJlcHJlc2VudHMgdGhlIHNpemUgb2YgdGhlIGNvbHVtbiwgY2FuIGJlIGEgc2luZ2xlIG51bWJlciBvciBhbiBhcnJheSBvZiAzIG51bWJlcnMgd2l0aCBhIHZhbHVlIHJhbmdpbmcgZnJvbSAxIHRvIDEyXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbGFyZ2Ugc2NyZWVuIGNvbHVtbiBzaXplXSB0byBhcHBseSBkaWZmZXJlbnQgdmFsdWVzIGZvciBkaWZmZXJlbnQgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzaXplPzogQ29sdW1uU2l6ZXMgfCBNUTxDb2x1bW5TaXplcz47XG5cbiAgLyoqIHNwZWNpZnkgdGhlIHZpc3VhbCBwb3NpdGlvbmluZyBvZiB0aGUgY29sdW1uLiBbc21hbGwgc2NyZWVuIGNvbHVtbiBvcmRlciwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gb3JkZXIsIGxhcmdlIHNjcmVlbiBjb2x1bW4gb3JkZXJdIHRvIGFwcGx5IGRpZmZlcmVudCBvcmRlciBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgb3JkZXI/OiBPcmRlciB8IE1RPE9yZGVyPjtcblxuICBhbGlnblNlbGY/OiBDb2x1bW5BbGlnbm1lbnQgfCBNUTxDb2x1bW5BbGlnbm1lbnQ+O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgY29sdW1uRGVmYXVsdFByb3BzOiBQYXJ0aWFsPENvbHVtblByb3BzPiA9IHtcbiAgc2l6ZTogXCJhdXRvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIGFsaWduU2VsZjogXCJhdXRvXCIsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtblwiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzdHJldGNoOiBcInN0cmV0Y2hcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICB7XG4gICAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgcmlnaHQ6IFwiZmxleC1lbmRcIixcbiAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBtYXJnaW5SaWdodDogW2dhcCwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICAgIG1hcmdpbkJvdHRvbTogW2dhcCwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICB9KSxcbiAgICBbQ29sdW1uIGFzIHVua25vd24gYXMgc3RyaW5nXToge1xuICAgICAgLi4ubXEoe1xuICAgICAgICBtYXJnaW5Cb3R0b206IFtnYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgICBwYWRkaW5nUmlnaHQ6IFtnYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgfSksXG4gICAgfSxcbiAgfSksXG4gICh7IGFsd2F5c0ZpbGxTcGFjZSB9KSA9PlxuICAgIGFsd2F5c0ZpbGxTcGFjZSAmJiB7XG4gICAgICBbQ29sdW1uIGFzIHVua25vd24gYXMgc3RyaW5nXToge1xuICAgICAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgZmxleEdyb3c6IDEsXG4gICAgICAgICAgZmxleFNocmluazogMSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuKTtcblxuQ29sdW1ucy5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
|
|
81
|
-
Column.defaultProps = columnDefaultProps;
|
|
82
|
-
const Columns = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
83
|
-
target: "e1pdebaf0"
|
|
84
|
-
} : {
|
|
85
|
-
target: "e1pdebaf0",
|
|
86
|
-
label: "Columns"
|
|
87
|
-
})(_ref4 => {
|
|
88
|
-
let {
|
|
89
|
-
theme,
|
|
90
|
-
alignItems,
|
|
91
|
-
vAlignItems,
|
|
92
|
-
gap
|
|
93
|
-
} = _ref4;
|
|
94
|
-
return {
|
|
95
|
-
width: "auto",
|
|
96
|
-
display: "flex",
|
|
97
|
-
justifyItems: "stretch",
|
|
98
|
-
justifyContent: "stretch",
|
|
99
|
-
alignItems: "stretch",
|
|
100
|
-
flexWrap: "wrap",
|
|
101
|
-
flexDirection: "row",
|
|
102
|
-
...mq({
|
|
103
|
-
alignItems: [vAlignItems, {
|
|
104
|
-
top: "flex-start",
|
|
105
|
-
bottom: "flex-end",
|
|
106
|
-
center: "center",
|
|
107
|
-
stretch: "stretch"
|
|
108
|
-
}],
|
|
109
|
-
justifyContent: [alignItems, {
|
|
110
|
-
left: "flex-start",
|
|
111
|
-
right: "flex-end",
|
|
112
|
-
center: "center",
|
|
113
|
-
spaceBetween: "space-between"
|
|
114
|
-
}],
|
|
115
|
-
marginRight: [gap, makeNegative(theme.variables.size.spacing)],
|
|
116
|
-
marginBottom: [gap, makeNegative(theme.variables.size.spacing)]
|
|
117
|
-
}),
|
|
118
|
-
[Column]: {
|
|
119
|
-
...mq({
|
|
120
|
-
marginBottom: [gap, theme.variables.size.spacing],
|
|
121
|
-
paddingRight: [gap, theme.variables.size.spacing]
|
|
122
|
-
})
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
}, _ref5 => {
|
|
126
|
-
let {
|
|
127
|
-
alwaysFillSpace
|
|
128
|
-
} = _ref5;
|
|
129
|
-
return alwaysFillSpace && {
|
|
130
|
-
[Column]: {
|
|
131
|
-
"&:last-child": {
|
|
132
|
-
flexGrow: 1,
|
|
133
|
-
flexShrink: 1
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbHVtbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIdUIiLCJmaWxlIjoiQ29sdW1ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7XG4gIE1RLFxuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgQ29sdW1uU2l6ZXMsXG4gIENvbHVtbkFsaWdubWVudCxcbiAgT3JkZXIsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb2x1bW5zUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcblxuICAvKiogcmVwcmVzZW50cyB0aGUgc2l6ZSBvZiBib3RoIGhvcml6b250YWwgYW5kIHZlcnRpY2FsIGdhcCBiZXR3ZWVuIGNoaWxkcmVuLCBjYW4gYmUgYSBzaW5nbGUgc3RyaW5nIG9yIGFuIGFycmF5IG9mIDMgc3RyaW5nc1xuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gZ2FwIHNpemUsIG1lZGl1bSBzY3JlZW4gZ2FwIHNpemUsIGxhcmdlIHNjcmVlbiBnYXAgc2l6ZV0gdG8gYXBwbHkgZGlmZmVyZW50IGdhcCBzaXplcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgZ2FwPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuXG4gIC8qKiBzZXQgdG8gdHJ1ZSBpZiB5b3Ugd2FudCB0aGUgbGFzdCBlbGVtZW50IHRvIGZpbGwgdGhlIHNwYWNlXG4gICAqL1xuICBhbHdheXNGaWxsU3BhY2U/OiBib29sZWFuO1xuXG4gIC8qKiBzcGVjaWZ5IGhvcml6b250YWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBhbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIGFsaWduSXRlbXMsIGxhcmdlIHNjcmVlbiBhbGlnbkl0ZW1zXSB0byBhcHBseSBkaWZmZXJlbnQgYWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgYWxpZ25JdGVtcz86IEhvcml6b250YWxBbGlnbm1lbnQgfCBNUTxIb3Jpem9udGFsQWxpZ25tZW50PjtcblxuICAvKiogc3BlY2lmeSB2ZXJ0aWNhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHZBbGlnbkl0ZW1zLCBtZWRpdW0gc2NyZWVuIHZBbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gdkFsaWduSXRlbXNdIHRvIGFwcGx5IGRpZmZlcmVudCB2QWxpZ25JdGVtcyBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdkFsaWduSXRlbXM/OiBWZXJ0aWNhbEFsaWdubWVudCB8IE1RPFZlcnRpY2FsQWxpZ25tZW50PjtcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDb2x1bW5zUHJvcHM+ID0ge1xuICBnYXA6IFwiemVyb1wiLFxuICBhbHdheXNGaWxsU3BhY2U6IGZhbHNlLFxuICBhbGlnbkl0ZW1zOiBcImxlZnRcIixcbiAgdkFsaWduSXRlbXM6IFwidG9wXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtbnNcIixcbn07XG5cbmV4cG9ydCB0eXBlIENvbHVtblByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG5cbiAgLyoqIHJlcHJlc2VudHMgdGhlIHNpemUgb2YgdGhlIGNvbHVtbiwgY2FuIGJlIGEgc2luZ2xlIG51bWJlciBvciBhbiBhcnJheSBvZiAzIG51bWJlcnMgd2l0aCBhIHZhbHVlIHJhbmdpbmcgZnJvbSAxIHRvIDEyXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gc2l6ZSwgbGFyZ2Ugc2NyZWVuIGNvbHVtbiBzaXplXSB0byBhcHBseSBkaWZmZXJlbnQgdmFsdWVzIGZvciBkaWZmZXJlbnQgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzaXplPzogQ29sdW1uU2l6ZXMgfCBNUTxDb2x1bW5TaXplcz47XG5cbiAgLyoqIHNwZWNpZnkgdGhlIHZpc3VhbCBwb3NpdGlvbmluZyBvZiB0aGUgY29sdW1uLiBbc21hbGwgc2NyZWVuIGNvbHVtbiBvcmRlciwgbWVkaXVtIHNjcmVlbiBjb2x1bW4gb3JkZXIsIGxhcmdlIHNjcmVlbiBjb2x1bW4gb3JkZXJdIHRvIGFwcGx5IGRpZmZlcmVudCBvcmRlciBmb3IgZGlmZmVyZW50IHNjcmVlbiBzaXplc1xuICAgKi9cbiAgb3JkZXI/OiBPcmRlciB8IE1RPE9yZGVyPjtcblxuICBhbGlnblNlbGY/OiBDb2x1bW5BbGlnbm1lbnQgfCBNUTxDb2x1bW5BbGlnbm1lbnQ+O1xuXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgY29sdW1uRGVmYXVsdFByb3BzOiBQYXJ0aWFsPENvbHVtblByb3BzPiA9IHtcbiAgc2l6ZTogXCJhdXRvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIGFsaWduU2VsZjogXCJhdXRvXCIsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIkNvbHVtblwiLFxufTtcblxuY29uc3QgY29sdW1uV2lkdGhPYmplY3QgPSBuZXcgQXJyYXkoMTIpLmZpbGwoXCJcIikucmVkdWNlKFxuICAoYWNjLCBfLCBpbmRleCkgPT4gKHtcbiAgICAuLi5hY2MsXG4gICAgW2luZGV4ICsgMV06IGAkeygoaW5kZXggKyAxKSAqIDEwMCkgLyAxMn0lYCxcbiAgfSksXG4gIHt9XG4pO1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbHVtblByb3BzPj4oXG4gICh7IHNpemUsIG9yZGVyLCBhbGlnblNlbGYgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICB3aWR0aDogW3NpemUsIHsgLi4uY29sdW1uV2lkdGhPYmplY3QsIGZpbGw6IFwiMXB4XCIgfV0sXG4gICAgICBmbGV4OiBbc2l6ZSwgeyBuYXJyb3c6IFwibm9uZVwiLCBhdXRvOiBcIjFcIiwgZmlsbDogdW5kZWZpbmVkIH1dLFxuICAgICAgb3JkZXI6IFtvcmRlciwgeyBmaXJzdDogXCItMVwiLCBsYXN0OiBcIjFcIiwgdW5zZXQ6IFwiMFwiIH1dLFxuICAgICAgZmxleFNocmluazogW3NpemUsIHsgZmlsbDogMSwgYXV0bzogdW5kZWZpbmVkLCBuYXJyb3c6IHVuZGVmaW5lZCB9XSxcbiAgICAgIGZsZXhHcm93OiBbc2l6ZSwgeyBmaWxsOiAxLCBhdXRvOiB1bmRlZmluZWQsIG5hcnJvdzogdW5kZWZpbmVkIH1dLFxuICAgICAgYWxpZ25TZWxmOiBbXG4gICAgICAgIGFsaWduU2VsZixcbiAgICAgICAge1xuICAgICAgICAgIGF1dG86IFwiYXV0b1wiLFxuICAgICAgICAgIHN0YXJ0OiBcInN0YXJ0XCIsXG4gICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIGVuZDogXCJlbmRcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgfSksXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6ZW1wdHlcIjoge1xuICAgICAgd2lkdGg6IDAsXG4gICAgICBmbGV4OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcblxuQ29sdW1uLmRlZmF1bHRQcm9wcyA9IGNvbHVtbkRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGNvbnN0IENvbHVtbnMgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29sdW1uc1Byb3BzPj4oXG4gICh7IHRoZW1lLCBhbGlnbkl0ZW1zLCB2QWxpZ25JdGVtcywgZ2FwIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlJdGVtczogXCJzdHJldGNoXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3RyZXRjaFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIC4uLm1xKHtcbiAgICAgIGFsaWduSXRlbXM6IFtcbiAgICAgICAgdkFsaWduSXRlbXMsXG4gICAgICAgIHtcbiAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgIGJvdHRvbTogXCJmbGV4LWVuZFwiLFxuICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICBzdHJldGNoOiBcInN0cmV0Y2hcIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICB7XG4gICAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgcmlnaHQ6IFwiZmxleC1lbmRcIixcbiAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBtYXJnaW5SaWdodDogW2dhcCwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICAgIG1hcmdpbkJvdHRvbTogW2dhcCwgbWFrZU5lZ2F0aXZlKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcpXSxcbiAgICB9KSxcbiAgICBbQ29sdW1uIGFzIHVua25vd24gYXMgc3RyaW5nXToge1xuICAgICAgLi4ubXEoe1xuICAgICAgICBtYXJnaW5Cb3R0b206IFtnYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgICBwYWRkaW5nUmlnaHQ6IFtnYXAsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgfSksXG4gICAgfSxcbiAgfSksXG4gICh7IGFsd2F5c0ZpbGxTcGFjZSB9KSA9PlxuICAgIGFsd2F5c0ZpbGxTcGFjZSAmJiB7XG4gICAgICBbQ29sdW1uIGFzIHVua25vd24gYXMgc3RyaW5nXToge1xuICAgICAgICBcIiY6bGFzdC1jaGlsZFwiOiB7XG4gICAgICAgICAgZmxleEdyb3c6IDEsXG4gICAgICAgICAgZmxleFNocmluazogMSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfVxuKTtcblxuQ29sdW1ucy5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
|
|
138
|
-
Columns.defaultProps = defaultProps;
|
|
139
|
-
|
|
140
|
-
export { Column, Columns };
|
|
141
|
-
//# sourceMappingURL=Columns.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Columns.js","sources":["../../../../../src/components/Column/Columns.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { mq } from \"../../shared/mediaQueries\";\nimport {\n MQ,\n HorizontalAlignment,\n SpaceSizes,\n VerticalAlignment,\n ColumnSizes,\n ColumnAlignment,\n Order,\n} from \"../../types\";\n\nexport type ColumnsProps = {\n children: React.ReactNode[] | React.ReactNode;\n\n /** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings\n * specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes\n */\n gap?: SpaceSizes | MQ<SpaceSizes>;\n\n /** set to true if you want the last element to fill the space\n */\n alwaysFillSpace?: boolean;\n\n /** specify horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes\n */\n alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;\n\n /** specify vertical alignment\n * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes\n */\n vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;\n\n \"data-e2e-test-id\"?: string;\n\n /** @ignore */\n \"data-ds-id\"?: string;\n};\n\nconst defaultProps: Partial<ColumnsProps> = {\n gap: \"zero\",\n alwaysFillSpace: false,\n alignItems: \"left\",\n vAlignItems: \"top\",\n \"data-e2e-test-id\": undefined,\n \"data-ds-id\": \"Columns\",\n};\n\nexport type ColumnProps = {\n children: React.ReactNode[] | React.ReactNode;\n\n /** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12\n * specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes\n */\n size?: ColumnSizes | MQ<ColumnSizes>;\n\n /** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes\n */\n order?: Order | MQ<Order>;\n\n alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;\n\n \"data-e2e-test-id\"?: string;\n\n /** @ignore */\n \"data-ds-id\"?: string;\n};\n\nconst columnDefaultProps: Partial<ColumnProps> = {\n size: \"auto\",\n \"data-e2e-test-id\": undefined,\n alignSelf: \"auto\",\n \"data-ds-id\": \"Column\",\n};\n\nconst columnWidthObject = new Array(12).fill(\"\").reduce(\n (acc, _, index) => ({\n ...acc,\n [index + 1]: `${((index + 1) * 100) / 12}%`,\n }),\n {}\n);\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n Object.entries(obj)\n .map(([key, value]) => [key, `-${value}`])\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {} as Record<string, string>);\n\nexport const Column = styled.div<Partial<ColumnProps>>(\n ({ size, order, alignSelf }) => ({\n ...mq({\n width: [size, { ...columnWidthObject, fill: \"1px\" }],\n flex: [size, { narrow: \"none\", auto: \"1\", fill: undefined }],\n order: [order, { first: \"-1\", last: \"1\", unset: \"0\" }],\n flexShrink: [size, { fill: 1, auto: undefined, narrow: undefined }],\n flexGrow: [size, { fill: 1, auto: undefined, narrow: undefined }],\n alignSelf: [\n alignSelf,\n {\n auto: \"auto\",\n start: \"start\",\n center: \"center\",\n end: \"end\",\n },\n ],\n }),\n boxSizing: \"border-box\",\n \"&:empty\": {\n width: 0,\n flex: \"none\",\n },\n })\n);\n\nColumn.defaultProps = columnDefaultProps;\n\nexport const Columns = styled.div<Partial<ColumnsProps>>(\n ({ theme, alignItems, vAlignItems, gap }) => ({\n width: \"auto\",\n display: \"flex\",\n justifyItems: \"stretch\",\n justifyContent: \"stretch\",\n alignItems: \"stretch\",\n flexWrap: \"wrap\",\n flexDirection: \"row\",\n ...mq({\n alignItems: [\n vAlignItems,\n {\n top: \"flex-start\",\n bottom: \"flex-end\",\n center: \"center\",\n stretch: \"stretch\",\n },\n ],\n justifyContent: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n marginRight: [gap, makeNegative(theme.variables.size.spacing)],\n marginBottom: [gap, makeNegative(theme.variables.size.spacing)],\n }),\n [Column as unknown as string]: {\n ...mq({\n marginBottom: [gap, theme.variables.size.spacing],\n paddingRight: [gap, theme.variables.size.spacing],\n }),\n },\n }),\n ({ alwaysFillSpace }) =>\n alwaysFillSpace && {\n [Column as unknown as string]: {\n \"&:last-child\": {\n flexGrow: 1,\n flexShrink: 1,\n },\n },\n }\n);\n\nColumns.defaultProps = defaultProps;\n"],"names":["defaultProps","gap","alwaysFillSpace","alignItems","vAlignItems","undefined","columnDefaultProps","size","alignSelf","columnWidthObject","Array","fill","reduce","acc","_","index","makeNegative","obj","Object","entries","map","_ref","key","value","_ref2","Column","_styled","process","env","NODE_ENV","target","label","_ref3","order","mq","width","flex","narrow","auto","first","last","unset","flexShrink","flexGrow","start","center","end","boxSizing","Columns","_ref4","theme","display","justifyItems","justifyContent","flexWrap","flexDirection","top","bottom","stretch","left","right","spaceBetween","marginRight","variables","spacing","marginBottom","paddingRight","_ref5"],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { BorderRadius } from "src/types";
|
|
3
|
-
export declare type ContainerProps = {
|
|
4
|
-
/** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */
|
|
5
|
-
elevation: 0 | 1 | 2 | 3 | 4;
|
|
6
|
-
borderRadius?: BorderRadius;
|
|
7
|
-
overflow?: "auto" | "hidden" | "visible";
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
"data-e2e-test-id"?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare function Container({ children, elevation, borderRadius, overflow, "data-e2e-test-id": dataE2eTestId, }: ContainerProps): React.ReactElement;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import _styled from '@emotion/styled/base';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
|
|
4
|
-
const handleElevationLevel = (theme, elevation) => {
|
|
5
|
-
/* Parsing elevation property to number */
|
|
6
|
-
switch (elevation - 0) {
|
|
7
|
-
case 1:
|
|
8
|
-
return theme.variables.shadow.card.a;
|
|
9
|
-
case 2:
|
|
10
|
-
return theme.variables.shadow.card.b;
|
|
11
|
-
case 3:
|
|
12
|
-
return theme.variables.shadow.card.c;
|
|
13
|
-
case 4:
|
|
14
|
-
return theme.variables.shadow.card.d;
|
|
15
|
-
case 0:
|
|
16
|
-
default:
|
|
17
|
-
return "";
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
21
|
-
target: "e1177hgu0"
|
|
22
|
-
} : {
|
|
23
|
-
target: "e1177hgu0",
|
|
24
|
-
label: "StyledContainer"
|
|
25
|
-
})(_ref => {
|
|
26
|
-
let {
|
|
27
|
-
theme,
|
|
28
|
-
elevation,
|
|
29
|
-
borderRadius,
|
|
30
|
-
overflow
|
|
31
|
-
} = _ref;
|
|
32
|
-
return {
|
|
33
|
-
boxShadow: handleElevationLevel(theme, elevation),
|
|
34
|
-
borderRadius: theme.variables.size.borderRadius[borderRadius],
|
|
35
|
-
backgroundColor: theme.values.color.background.primary.default,
|
|
36
|
-
overflow
|
|
37
|
-
};
|
|
38
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J3QiIsImZpbGUiOiJDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQm9yZGVyUmFkaXVzIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqIDAgLSBiYXNlLCAxIC0gQ2FyZCwgMiAtIFRvb2x0aXBzLCAzIC0gRHJvcGRvd25zLCA0IC0gTW9kYWxzICovXG4gIGVsZXZhdGlvbjogMCB8IDEgfCAyIHwgMyB8IDQ7XG4gIGJvcmRlclJhZGl1cz86IEJvcmRlclJhZGl1cztcbiAgb3ZlcmZsb3c/OiBcImF1dG9cIiB8IFwiaGlkZGVuXCIgfCBcInZpc2libGVcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgaGFuZGxlRWxldmF0aW9uTGV2ZWwgPSAodGhlbWU6IFRoZW1lLCBlbGV2YXRpb246IG51bWJlcikgPT4ge1xuICAvKiBQYXJzaW5nIGVsZXZhdGlvbiBwcm9wZXJ0eSB0byBudW1iZXIgKi9cbiAgc3dpdGNoIChlbGV2YXRpb24gLSAwKSB7XG4gICAgY2FzZSAxOlxuICAgICAgcmV0dXJuIHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5hO1xuICAgIGNhc2UgMjpcbiAgICAgIHJldHVybiB0aGVtZS52YXJpYWJsZXMuc2hhZG93LmNhcmQuYjtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gdGhlbWUudmFyaWFibGVzLnNoYWRvdy5jYXJkLmM7XG4gICAgY2FzZSA0OlxuICAgICAgcmV0dXJuIHRoZW1lLnZhcmlhYmxlcy5zaGFkb3cuY2FyZC5kO1xuICAgIGNhc2UgMDpcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIFwiXCI7XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGFydGlhbDxDb250YWluZXJQcm9wcz4+KFxuICAoeyB0aGVtZSwgZWxldmF0aW9uLCBib3JkZXJSYWRpdXMsIG92ZXJmbG93IH0pID0+ICh7XG4gICAgYm94U2hhZG93OiBoYW5kbGVFbGV2YXRpb25MZXZlbCh0aGVtZSwgZWxldmF0aW9uKSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1c1tib3JkZXJSYWRpdXNdLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIG92ZXJmbG93LFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbnRhaW5lcih7XG4gIGNoaWxkcmVuLFxuICBlbGV2YXRpb24gPSAxLFxuICBib3JkZXJSYWRpdXMgPSBcIm1cIixcbiAgb3ZlcmZsb3csXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQ29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ29udGFpbmVyXCJcbiAgICAgIGVsZXZhdGlvbj17ZWxldmF0aW9ufVxuICAgICAgYm9yZGVyUmFkaXVzPXtib3JkZXJSYWRpdXN9XG4gICAgICBvdmVyZmxvdz17b3ZlcmZsb3d9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
39
|
-
function Container(_ref2) {
|
|
40
|
-
let {
|
|
41
|
-
children,
|
|
42
|
-
elevation = 1,
|
|
43
|
-
borderRadius = "m",
|
|
44
|
-
overflow,
|
|
45
|
-
"data-e2e-test-id": dataE2eTestId
|
|
46
|
-
} = _ref2;
|
|
47
|
-
return /*#__PURE__*/React.createElement(StyledContainer, {
|
|
48
|
-
"data-e2e-test-id": dataE2eTestId,
|
|
49
|
-
"data-ds-id": "Container",
|
|
50
|
-
elevation: elevation,
|
|
51
|
-
borderRadius: borderRadius,
|
|
52
|
-
overflow: overflow
|
|
53
|
-
}, children);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
export { Container };
|
|
57
|
-
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { BorderRadius } from \"src/types\";\n\nexport type ContainerProps = {\n /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */\n elevation: 0 | 1 | 2 | 3 | 4;\n borderRadius?: BorderRadius;\n overflow?: \"auto\" | \"hidden\" | \"visible\";\n children?: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n};\n\nconst handleElevationLevel = (theme: Theme, elevation: number) => {\n /* Parsing elevation property to number */\n switch (elevation - 0) {\n case 1:\n return theme.variables.shadow.card.a;\n case 2:\n return theme.variables.shadow.card.b;\n case 3:\n return theme.variables.shadow.card.c;\n case 4:\n return theme.variables.shadow.card.d;\n case 0:\n default:\n return \"\";\n }\n};\n\nconst StyledContainer = styled.div<Partial<ContainerProps>>(\n ({ theme, elevation, borderRadius, overflow }) => ({\n boxShadow: handleElevationLevel(theme, elevation),\n borderRadius: theme.variables.size.borderRadius[borderRadius],\n backgroundColor: theme.values.color.background.primary.default,\n overflow,\n })\n);\n\nexport function Container({\n children,\n elevation = 1,\n borderRadius = \"m\",\n overflow,\n \"data-e2e-test-id\": dataE2eTestId,\n}: ContainerProps): React.ReactElement {\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Container\"\n elevation={elevation}\n borderRadius={borderRadius}\n overflow={overflow}\n >\n {children}\n </StyledContainer>\n );\n}\n"],"names":["handleElevationLevel","theme","elevation","variables","shadow","card","a","b","c","d","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","borderRadius","overflow","boxShadow","size","backgroundColor","values","color","background","primary","default","Container","_ref2","children","dataE2eTestId","React","createElement"],"mappings":";;;AAcA,MAAMA,oBAAoB,GAAGA,CAACC,KAAY,EAAEC,SAAiB,KAAK;AAChE;EACA,QAAQA,SAAS,GAAG,CAAC;AACnB,IAAA,KAAK,CAAC;MACJ,OAAOD,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOL,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACE,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAON,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACG,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOP,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACI,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC,CAAA;AACN,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AACb,GAAA;AACF,CAAC,CAAA;AAED,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEhB,KAAK;IAAEC,SAAS;IAAEgB,YAAY;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAF,IAAA,CAAA;EAAA,OAAM;AACjDG,IAAAA,SAAS,EAAEpB,oBAAoB,CAACC,KAAK,EAAEC,SAAS,CAAC;IACjDgB,YAAY,EAAEjB,KAAK,CAACE,SAAS,CAACkB,IAAI,CAACH,YAAY,CAACA,YAAY,CAAC;IAC7DI,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,OAAO;AAC9DR,IAAAA,QAAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,05EACJ,CAAC,CAAA;AAEM,SAASc,SAASA,CAAAC,KAAA,EAMc;EAAA,IANb;IACxBC,QAAQ;AACR5B,IAAAA,SAAS,GAAG,CAAC;AACbgB,IAAAA,YAAY,GAAG,GAAG;IAClBC,QAAQ;AACR,IAAA,kBAAkB,EAAEY,aAAAA;AACN,GAAC,GAAAF,KAAA,CAAA;AACf,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACvB,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBqB,aAAc;AAChC,IAAA,YAAA,EAAW,WAAW;AACtB7B,IAAAA,SAAS,EAAEA,SAAU;AACrBgB,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EAElBW,QACc,CAAC,CAAA;AAEtB;;;;"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import type { DataTableColumn, DataTableRow } from "./types";
|
|
3
|
-
import { MQ } from "../../types";
|
|
4
|
-
export declare type DataTableProps = {
|
|
5
|
-
/** Screen reader text for table caption */
|
|
6
|
-
caption: string;
|
|
7
|
-
/** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */
|
|
8
|
-
layout?: "auto" | "fixed";
|
|
9
|
-
/** Table width */
|
|
10
|
-
width?: string | MQ<string>;
|
|
11
|
-
/** Vertical padding on row cells to set table density, condensed (s), default (m), comfortable (l) */
|
|
12
|
-
bodyCellVerticalPadding?: "s" | "m" | "l" | MQ<"s" | "m" | "l">;
|
|
13
|
-
/** Height of empty/error or loading table content */
|
|
14
|
-
emptyTableContentHeight?: string | MQ<string>;
|
|
15
|
-
/** Footer element */
|
|
16
|
-
footer?: React.ReactElement;
|
|
17
|
-
/**
|
|
18
|
-
* Meta data for columns
|
|
19
|
-
* @param DataTableColumn[].name - Column name
|
|
20
|
-
* @param DataTableColumn[].label - Column label for display
|
|
21
|
-
* @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'
|
|
22
|
-
* @param DataTableColumn[].width - Column width
|
|
23
|
-
* @param DataTableColumn[].renderCell - Callback to render custom cell content.
|
|
24
|
-
* @param DataTableColumn[].isSortable - Is table sortable by column
|
|
25
|
-
* @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'
|
|
26
|
-
*/
|
|
27
|
-
columns: DataTableColumn[];
|
|
28
|
-
/**
|
|
29
|
-
* Table content as an array of objects with values for each column
|
|
30
|
-
*/
|
|
31
|
-
rows?: DataTableRow[];
|
|
32
|
-
/**
|
|
33
|
-
* Is loading data. You can display custom loading content with children prop.
|
|
34
|
-
*/
|
|
35
|
-
isLoading?: boolean;
|
|
36
|
-
/** Screen reader text for loading spinner */
|
|
37
|
-
loadingStateScreenReaderText?: string;
|
|
38
|
-
/** Is empty or in error state. You can display custom empty/error content with children prop.
|
|
39
|
-
*/
|
|
40
|
-
isEmpty?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Is first column sticky on scroll
|
|
43
|
-
*/
|
|
44
|
-
isFirstColumnSticky?: boolean;
|
|
45
|
-
"data-e2e-test-id"?: string;
|
|
46
|
-
/** Column most recently used to sort data */
|
|
47
|
-
currentlySortedByColumn?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Callback to handle sorting by column
|
|
50
|
-
*/
|
|
51
|
-
/**
|
|
52
|
-
* Empty cell content.
|
|
53
|
-
*/
|
|
54
|
-
emptyCellContent?: string;
|
|
55
|
-
onSort?: (columnName: string, desiredSortDirection: DataTableColumn["sortDirection"]) => void;
|
|
56
|
-
};
|
|
57
|
-
export declare function BaseDataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, onSort, }: React.PropsWithChildren<DataTableProps>): React.ReactElement;
|
|
58
|
-
export declare function DataTable({ caption, columns, rows, footer, currentlySortedByColumn, isFirstColumnSticky, "data-e2e-test-id": dataE2eTestId, isLoading, loadingStateScreenReaderText, isEmpty, children, emptyTableContentHeight, layout, width, bodyCellVerticalPadding, emptyCellContent, onSort, }: React.PropsWithChildren<DataTableProps>): React.ReactElement;
|