@amboss/design-system 1.10.3 → 1.12.0
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/build/cjs/build-tokens/_breakpoints.json.js +4 -1
- package/build/cjs/build-tokens/visualConfig.js +29 -0
- package/build/cjs/src/components/DataTable/DataTable.js +138 -0
- package/build/cjs/src/components/DataTable/TableBody.js +171 -0
- package/build/cjs/src/components/DataTable/TableCell.js +45 -0
- package/build/cjs/src/components/DataTable/TableHeader.js +197 -0
- package/build/cjs/src/components/DataTable/useDataTableSort.js +42 -0
- package/build/cjs/src/components/Form/SegmentedControl/SegmentedControl.js +126 -0
- package/build/cjs/src/components/Form/SegmentedControl/SegmentedControlOption.js +216 -0
- package/build/cjs/src/index.js +6 -0
- package/build/cjs/src/shared/mediaQueries.js +2 -2
- package/build/esm/build-tokens/_breakpoints.json.js +2 -2
- package/build/esm/build-tokens/visualConfig.d.ts +16 -0
- package/build/esm/build-tokens/visualConfig.js +29 -0
- package/build/esm/build-tokens/visualConfig.js.map +1 -1
- package/build/esm/src/components/Badge/Badge.js.map +1 -1
- package/build/esm/src/components/Box/Box.js.map +1 -1
- package/build/esm/src/components/Button/Button.js.map +1 -1
- package/build/esm/src/components/Callout/Callout.js.map +1 -1
- package/build/esm/src/components/Card/Card.js.map +1 -1
- package/build/esm/src/components/Card/CardBox.js.map +1 -1
- package/build/esm/src/components/Card/CardHeader/CardHeader.js.map +1 -1
- package/build/esm/src/components/Collapsible/Collapsible.js.map +1 -1
- package/build/esm/src/components/Column/Columns.js.map +1 -1
- package/build/esm/src/components/Container/Container.js.map +1 -1
- package/build/esm/src/components/DataTable/DataTable.d.ts +57 -0
- package/build/esm/src/components/DataTable/DataTable.js +132 -0
- package/build/esm/src/components/DataTable/DataTable.js.map +1 -0
- package/build/esm/src/components/DataTable/TableBody.d.ts +9 -0
- package/build/esm/src/components/DataTable/TableBody.js +163 -0
- package/build/esm/src/components/DataTable/TableBody.js.map +1 -0
- package/build/esm/src/components/DataTable/TableCell.d.ts +15 -0
- package/build/esm/src/components/DataTable/TableCell.js +38 -0
- package/build/esm/src/components/DataTable/TableCell.js.map +1 -0
- package/build/esm/src/components/DataTable/TableHeader.d.ts +9 -0
- package/build/esm/src/components/DataTable/TableHeader.js +188 -0
- package/build/esm/src/components/DataTable/TableHeader.js.map +1 -0
- package/build/esm/src/components/DataTable/index.d.ts +4 -0
- package/build/esm/src/components/DataTable/types.d.ts +15 -0
- package/build/esm/src/components/DataTable/useDataTableSort.d.ts +14 -0
- package/build/esm/src/components/DataTable/useDataTableSort.js +41 -0
- package/build/esm/src/components/DataTable/useDataTableSort.js.map +1 -0
- package/build/esm/src/components/Divider/Divider.js.map +1 -1
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/build/esm/src/components/DropdownMenu/MenuItem.js.map +1 -1
- package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +1 -1
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js.map +1 -1
- package/build/esm/src/components/Form/FormField/FormField.js.map +1 -1
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js.map +1 -1
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.js.map +1 -1
- package/build/esm/src/components/Form/Input/Input.js.map +1 -1
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +1 -1
- package/build/esm/src/components/Form/Radio/Radio.js.map +1 -1
- package/build/esm/src/components/Form/RadioButton/RadioButton.js.map +1 -1
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts +31 -0
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js +119 -0
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.js.map +1 -0
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +8 -0
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js +210 -0
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.js.map +1 -0
- package/build/esm/src/components/Form/Select/Select.js.map +1 -1
- package/build/esm/src/components/Form/Textarea/Textarea.js.map +1 -1
- package/build/esm/src/components/Form/Toggle/Toggle.js.map +1 -1
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +1 -1
- package/build/esm/src/components/Icon/Icon.js.map +1 -1
- package/build/esm/src/components/Inline/Inline.js.map +1 -1
- package/build/esm/src/components/Link/Link.js.map +1 -1
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map +1 -1
- package/build/esm/src/components/Logo/Logo.js.map +1 -1
- package/build/esm/src/components/MediaItem/MediaItem.js.map +1 -1
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map +1 -1
- package/build/esm/src/components/Notification/Notification.js.map +1 -1
- package/build/esm/src/components/Pagination/Pagination.js.map +1 -1
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js.map +1 -1
- package/build/esm/src/components/Patterns/Modal/Modal.js.map +1 -1
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
- package/build/esm/src/components/Portal/Portal.js.map +1 -1
- package/build/esm/src/components/ProgressBar/ProgressBar.js.map +1 -1
- package/build/esm/src/components/RoundButton/RoundButton.js.map +1 -1
- package/build/esm/src/components/SearchResult/SearchResult.js.map +1 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js.map +1 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js.map +1 -1
- package/build/esm/src/components/Stack/Stack.js.map +1 -1
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js.map +1 -1
- package/build/esm/src/components/Tabs/Tabs.js.map +1 -1
- package/build/esm/src/components/Typography/StyledText/StyledText.js.map +1 -1
- package/build/esm/src/components/Typography/Text/Text.js.map +1 -1
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map +1 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js.map +1 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.js.map +1 -1
- package/build/esm/src/index.d.ts +2 -0
- package/build/esm/src/index.js +3 -0
- package/build/esm/src/index.js.map +1 -1
- package/build/esm/src/shared/ScreenReaderText.js.map +1 -1
- package/build/esm/src/shared/flattenChildren.js.map +1 -1
- package/build/esm/src/shared/informDeprecation.js.map +1 -1
- package/build/esm/src/shared/mediaQueries.js +2 -2
- package/build/esm/src/shared/mediaQueries.js.map +1 -1
- package/build/esm/src/shared/useAutoPosition.js.map +1 -1
- package/build/esm/src/shared/useKeyboard.js.map +1 -1
- package/build/esm/src/shared/useOnEscapePress.js.map +1 -1
- package/build/esm/src/shared/useOutsideClick.js.map +1 -1
- package/package.json +4 -9
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
|
+
var _styled = require('@emotion/styled/base');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
var Text = require('../Typography/Text/Text.js');
|
|
9
|
+
var Icon = require('../Icon/Icon.js');
|
|
10
|
+
var TableCell = require('./TableCell.js');
|
|
11
|
+
var mediaQueries = require('../../shared/mediaQueries.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
var _extends__default = /*#__PURE__*/_interopDefault(_extends);
|
|
16
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
17
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
18
|
+
|
|
19
|
+
const SORT_DIRECTION_ICON = {
|
|
20
|
+
asc: "sort-ascending",
|
|
21
|
+
desc: "sort-descending"
|
|
22
|
+
};
|
|
23
|
+
const SORT_DIRECTION_TEXT = {
|
|
24
|
+
asc: "ascending",
|
|
25
|
+
desc: "descending"
|
|
26
|
+
};
|
|
27
|
+
const SortIcon = /*#__PURE__*/_styled__default.default("span", process.env.NODE_ENV === "production" ? {
|
|
28
|
+
target: "e1ij903s3"
|
|
29
|
+
} : {
|
|
30
|
+
target: "e1ij903s3",
|
|
31
|
+
label: "SortIcon"
|
|
32
|
+
})(_ref => {
|
|
33
|
+
let {
|
|
34
|
+
theme
|
|
35
|
+
} = _ref;
|
|
36
|
+
return {
|
|
37
|
+
marginLeft: theme.variables.size.spacing.xxxs,
|
|
38
|
+
verticalAlign: "middle",
|
|
39
|
+
color: theme.values.color.text.secondary
|
|
40
|
+
};
|
|
41
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2lCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEljb24sIEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBEYXRhVGFibGVQcm9wcyxcbiAgfCBcImNvbHVtbnNcIlxuICB8IFwicm93c1wiXG4gIHwgXCJvblNvcnRcIlxuICB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeSxcbn0pKTtcblxudHlwZSBTdHlsZWRIZWFkZXJMYWJlbFByb3BzID0ge1xuICBhbGlnbkNvbHVtbj86IERhdGFUYWJsZUNvbHVtbltcImFsaWduXCJdO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCk8U3R5bGVkSGVhZGVyTGFiZWxQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbkNvbHVtbiB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5oZWFkZXIuaDYsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzID0ge1xuICBhbGlnbkNvbHVtbjogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uPFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgcGFkZGluZzogMCxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuXG4gICAgW2AmOmhvdmVyICR7U3R5bGVkSGVhZGVyTGFiZWx9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gICAgfSxcbiAgfSlcbik7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmZ1bmN0aW9uIFNvcnRhYmxlSGVhZGVyKHtcbiAgbmFtZSxcbiAgbGFiZWwsXG4gIGFsaWduLFxuICBzb3J0RGlyZWN0aW9uID0gXCJhc2NcIixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn06IFNvcnRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGRlc2lyZWRTb3J0RGlyZWN0aW9uID0gc29ydERpcmVjdGlvbiA9PT0gXCJhc2NcIiA/IFwiZGVzY1wiIDogXCJhc2NcIjtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXIgPSAoKSA9PiB7XG4gICAgc2V0SG92ZXJlZChmYWxzZSk7XG4gICAgaWYgKG9uU29ydCkge1xuICAgICAgb25Tb3J0KG5hbWUsIGRlc2lyZWRTb3J0RGlyZWN0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgbGV0IGljb25OYW1lOiBJY29uTmFtZSA9IFwic29ydC1uZXV0cmFsXCI7XG5cbiAgaWYgKG5hbWUgPT09IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW3NvcnREaXJlY3Rpb25dO1xuICB9XG4gIGlmIChob3ZlcmVkKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW2Rlc2lyZWRTb3J0RGlyZWN0aW9uXTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNvcnRhYmxlSGVhZGVyXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgb25Qb2ludGVyRW50ZXI9eygpID0+IHNldEhvdmVyZWQodHJ1ZSl9XG4gICAgICBvblBvaW50ZXJMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlckxhYmVsXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgICA8U29ydEljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbk5hbWV9IGlubGluZSAvPlxuICAgICAgPC9Tb3J0SWNvbj5cbiAgICA8L1N0eWxlZFNvcnRhYmxlSGVhZGVyPlxuICApO1xufVxuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgfSxcbn0pKTtcblxuZnVuY3Rpb24gVGFibGVIZWFkZXIoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG4gIG9uU29ydCxcbn06IFRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBjb2x1bW5FbGVtZW50cyA9IGNvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpc1NvcnRhYmxlLFxuICAgICAgbGFiZWwsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgd2lkdGgsXG4gICAgICBuYW1lLFxuICAgICAgc29ydERpcmVjdGlvbixcbiAgICB9ID0gY29sdW1uO1xuICAgIGNvbnN0IGhlYWRlckVsbSA9IGlzU29ydGFibGUgPyAoXG4gICAgICA8U29ydGFibGVIZWFkZXJcbiAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgc29ydERpcmVjdGlvbj17c29ydERpcmVjdGlvbn1cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICBjb25zdCBhcmlhU29ydEF0dHIgPSBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbiA9PT0gbmFtZSAmJiB7XG4gICAgICBcImFyaWEtc29ydFwiOiBTT1JUX0RJUkVDVElPTl9URVhUW3NvcnREaXJlY3Rpb25dLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgIGNvbHVtbldpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgey4uLmFyaWFTb3J0QXR0cn1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
|
|
42
|
+
const StyledHeaderLabel = /*#__PURE__*/_styled__default.default(Text.Text, process.env.NODE_ENV === "production" ? {
|
|
43
|
+
target: "e1ij903s2"
|
|
44
|
+
} : {
|
|
45
|
+
target: "e1ij903s2",
|
|
46
|
+
label: "StyledHeaderLabel"
|
|
47
|
+
})(_ref2 => {
|
|
48
|
+
let {
|
|
49
|
+
theme,
|
|
50
|
+
alignColumn
|
|
51
|
+
} = _ref2;
|
|
52
|
+
return {
|
|
53
|
+
fontWeight: theme.variables.weight.bold,
|
|
54
|
+
lineHeight: theme.variables.size.lineHeight.header.xxs,
|
|
55
|
+
letterSpacing: theme.variables.size.letterSpacing.header.h6,
|
|
56
|
+
...mediaQueries.mqValue({
|
|
57
|
+
textAlign: alignColumn
|
|
58
|
+
})
|
|
59
|
+
};
|
|
60
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzBCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEljb24sIEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBEYXRhVGFibGVQcm9wcyxcbiAgfCBcImNvbHVtbnNcIlxuICB8IFwicm93c1wiXG4gIHwgXCJvblNvcnRcIlxuICB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeSxcbn0pKTtcblxudHlwZSBTdHlsZWRIZWFkZXJMYWJlbFByb3BzID0ge1xuICBhbGlnbkNvbHVtbj86IERhdGFUYWJsZUNvbHVtbltcImFsaWduXCJdO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCk8U3R5bGVkSGVhZGVyTGFiZWxQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbkNvbHVtbiB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5oZWFkZXIuaDYsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzID0ge1xuICBhbGlnbkNvbHVtbjogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uPFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgcGFkZGluZzogMCxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuXG4gICAgW2AmOmhvdmVyICR7U3R5bGVkSGVhZGVyTGFiZWx9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gICAgfSxcbiAgfSlcbik7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmZ1bmN0aW9uIFNvcnRhYmxlSGVhZGVyKHtcbiAgbmFtZSxcbiAgbGFiZWwsXG4gIGFsaWduLFxuICBzb3J0RGlyZWN0aW9uID0gXCJhc2NcIixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn06IFNvcnRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGRlc2lyZWRTb3J0RGlyZWN0aW9uID0gc29ydERpcmVjdGlvbiA9PT0gXCJhc2NcIiA/IFwiZGVzY1wiIDogXCJhc2NcIjtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXIgPSAoKSA9PiB7XG4gICAgc2V0SG92ZXJlZChmYWxzZSk7XG4gICAgaWYgKG9uU29ydCkge1xuICAgICAgb25Tb3J0KG5hbWUsIGRlc2lyZWRTb3J0RGlyZWN0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgbGV0IGljb25OYW1lOiBJY29uTmFtZSA9IFwic29ydC1uZXV0cmFsXCI7XG5cbiAgaWYgKG5hbWUgPT09IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW3NvcnREaXJlY3Rpb25dO1xuICB9XG4gIGlmIChob3ZlcmVkKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW2Rlc2lyZWRTb3J0RGlyZWN0aW9uXTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNvcnRhYmxlSGVhZGVyXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgb25Qb2ludGVyRW50ZXI9eygpID0+IHNldEhvdmVyZWQodHJ1ZSl9XG4gICAgICBvblBvaW50ZXJMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlckxhYmVsXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgICA8U29ydEljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbk5hbWV9IGlubGluZSAvPlxuICAgICAgPC9Tb3J0SWNvbj5cbiAgICA8L1N0eWxlZFNvcnRhYmxlSGVhZGVyPlxuICApO1xufVxuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgfSxcbn0pKTtcblxuZnVuY3Rpb24gVGFibGVIZWFkZXIoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG4gIG9uU29ydCxcbn06IFRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBjb2x1bW5FbGVtZW50cyA9IGNvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpc1NvcnRhYmxlLFxuICAgICAgbGFiZWwsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgd2lkdGgsXG4gICAgICBuYW1lLFxuICAgICAgc29ydERpcmVjdGlvbixcbiAgICB9ID0gY29sdW1uO1xuICAgIGNvbnN0IGhlYWRlckVsbSA9IGlzU29ydGFibGUgPyAoXG4gICAgICA8U29ydGFibGVIZWFkZXJcbiAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgc29ydERpcmVjdGlvbj17c29ydERpcmVjdGlvbn1cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICBjb25zdCBhcmlhU29ydEF0dHIgPSBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbiA9PT0gbmFtZSAmJiB7XG4gICAgICBcImFyaWEtc29ydFwiOiBTT1JUX0RJUkVDVElPTl9URVhUW3NvcnREaXJlY3Rpb25dLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgIGNvbHVtbldpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgey4uLmFyaWFTb3J0QXR0cn1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
|
|
61
|
+
const StyledSortableHeader = /*#__PURE__*/_styled__default.default("button", process.env.NODE_ENV === "production" ? {
|
|
62
|
+
target: "e1ij903s1"
|
|
63
|
+
} : {
|
|
64
|
+
target: "e1ij903s1",
|
|
65
|
+
label: "StyledSortableHeader"
|
|
66
|
+
})(_ref3 => {
|
|
67
|
+
let {
|
|
68
|
+
theme,
|
|
69
|
+
alignColumn
|
|
70
|
+
} = _ref3;
|
|
71
|
+
return {
|
|
72
|
+
width: "100%",
|
|
73
|
+
height: theme.variables.size.lineHeight.header.xxs,
|
|
74
|
+
padding: 0,
|
|
75
|
+
background: "none",
|
|
76
|
+
border: "none",
|
|
77
|
+
cursor: "pointer",
|
|
78
|
+
...mediaQueries.mqValue({
|
|
79
|
+
textAlign: alignColumn
|
|
80
|
+
}),
|
|
81
|
+
[`&:hover ${StyledHeaderLabel}`]: {
|
|
82
|
+
color: theme.values.color.header.primary
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRDZCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEljb24sIEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBEYXRhVGFibGVQcm9wcyxcbiAgfCBcImNvbHVtbnNcIlxuICB8IFwicm93c1wiXG4gIHwgXCJvblNvcnRcIlxuICB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeSxcbn0pKTtcblxudHlwZSBTdHlsZWRIZWFkZXJMYWJlbFByb3BzID0ge1xuICBhbGlnbkNvbHVtbj86IERhdGFUYWJsZUNvbHVtbltcImFsaWduXCJdO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCk8U3R5bGVkSGVhZGVyTGFiZWxQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbkNvbHVtbiB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5oZWFkZXIuaDYsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzID0ge1xuICBhbGlnbkNvbHVtbjogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uPFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgcGFkZGluZzogMCxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuXG4gICAgW2AmOmhvdmVyICR7U3R5bGVkSGVhZGVyTGFiZWx9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gICAgfSxcbiAgfSlcbik7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmZ1bmN0aW9uIFNvcnRhYmxlSGVhZGVyKHtcbiAgbmFtZSxcbiAgbGFiZWwsXG4gIGFsaWduLFxuICBzb3J0RGlyZWN0aW9uID0gXCJhc2NcIixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn06IFNvcnRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGRlc2lyZWRTb3J0RGlyZWN0aW9uID0gc29ydERpcmVjdGlvbiA9PT0gXCJhc2NcIiA/IFwiZGVzY1wiIDogXCJhc2NcIjtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXIgPSAoKSA9PiB7XG4gICAgc2V0SG92ZXJlZChmYWxzZSk7XG4gICAgaWYgKG9uU29ydCkge1xuICAgICAgb25Tb3J0KG5hbWUsIGRlc2lyZWRTb3J0RGlyZWN0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgbGV0IGljb25OYW1lOiBJY29uTmFtZSA9IFwic29ydC1uZXV0cmFsXCI7XG5cbiAgaWYgKG5hbWUgPT09IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW3NvcnREaXJlY3Rpb25dO1xuICB9XG4gIGlmIChob3ZlcmVkKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW2Rlc2lyZWRTb3J0RGlyZWN0aW9uXTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNvcnRhYmxlSGVhZGVyXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgb25Qb2ludGVyRW50ZXI9eygpID0+IHNldEhvdmVyZWQodHJ1ZSl9XG4gICAgICBvblBvaW50ZXJMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlckxhYmVsXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgICA8U29ydEljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbk5hbWV9IGlubGluZSAvPlxuICAgICAgPC9Tb3J0SWNvbj5cbiAgICA8L1N0eWxlZFNvcnRhYmxlSGVhZGVyPlxuICApO1xufVxuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgfSxcbn0pKTtcblxuZnVuY3Rpb24gVGFibGVIZWFkZXIoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG4gIG9uU29ydCxcbn06IFRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBjb2x1bW5FbGVtZW50cyA9IGNvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpc1NvcnRhYmxlLFxuICAgICAgbGFiZWwsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgd2lkdGgsXG4gICAgICBuYW1lLFxuICAgICAgc29ydERpcmVjdGlvbixcbiAgICB9ID0gY29sdW1uO1xuICAgIGNvbnN0IGhlYWRlckVsbSA9IGlzU29ydGFibGUgPyAoXG4gICAgICA8U29ydGFibGVIZWFkZXJcbiAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgc29ydERpcmVjdGlvbj17c29ydERpcmVjdGlvbn1cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICBjb25zdCBhcmlhU29ydEF0dHIgPSBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbiA9PT0gbmFtZSAmJiB7XG4gICAgICBcImFyaWEtc29ydFwiOiBTT1JUX0RJUkVDVElPTl9URVhUW3NvcnREaXJlY3Rpb25dLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgIGNvbHVtbldpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgey4uLmFyaWFTb3J0QXR0cn1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
|
|
86
|
+
function SortableHeader(_ref4) {
|
|
87
|
+
let {
|
|
88
|
+
name,
|
|
89
|
+
label,
|
|
90
|
+
align,
|
|
91
|
+
sortDirection = "asc",
|
|
92
|
+
currentlySortedByColumn,
|
|
93
|
+
onSort
|
|
94
|
+
} = _ref4;
|
|
95
|
+
const [hovered, setHovered] = React.useState(false);
|
|
96
|
+
const desiredSortDirection = sortDirection === "asc" ? "desc" : "asc";
|
|
97
|
+
const handleClick = () => {
|
|
98
|
+
setHovered(false);
|
|
99
|
+
if (onSort) {
|
|
100
|
+
onSort(name, desiredSortDirection);
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
let iconName = "sort-neutral";
|
|
104
|
+
if (name === currentlySortedByColumn) {
|
|
105
|
+
iconName = SORT_DIRECTION_ICON[sortDirection];
|
|
106
|
+
}
|
|
107
|
+
if (hovered) {
|
|
108
|
+
iconName = SORT_DIRECTION_ICON[desiredSortDirection];
|
|
109
|
+
}
|
|
110
|
+
return /*#__PURE__*/React__default.default.createElement(StyledSortableHeader, {
|
|
111
|
+
onClick: handleClick,
|
|
112
|
+
type: "button",
|
|
113
|
+
alignColumn: align,
|
|
114
|
+
onPointerEnter: () => setHovered(true),
|
|
115
|
+
onPointerLeave: () => setHovered(false)
|
|
116
|
+
}, /*#__PURE__*/React__default.default.createElement(StyledHeaderLabel, {
|
|
117
|
+
as: "span",
|
|
118
|
+
size: "xs",
|
|
119
|
+
transform: "uppercase",
|
|
120
|
+
variant: "tertiary"
|
|
121
|
+
}, label), /*#__PURE__*/React__default.default.createElement(SortIcon, {
|
|
122
|
+
"aria-hidden": "true"
|
|
123
|
+
}, /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
|
|
124
|
+
size: "s",
|
|
125
|
+
name: iconName,
|
|
126
|
+
inline: true
|
|
127
|
+
})));
|
|
128
|
+
}
|
|
129
|
+
const StyledTh = /*#__PURE__*/_styled__default.default(TableCell.default, process.env.NODE_ENV === "production" ? {
|
|
130
|
+
target: "e1ij903s0"
|
|
131
|
+
} : {
|
|
132
|
+
target: "e1ij903s0",
|
|
133
|
+
label: "StyledTh"
|
|
134
|
+
})(_ref5 => {
|
|
135
|
+
let {
|
|
136
|
+
theme
|
|
137
|
+
} = _ref5;
|
|
138
|
+
return {
|
|
139
|
+
padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,
|
|
140
|
+
whiteSpace: "nowrap",
|
|
141
|
+
"&:first-of-type": {
|
|
142
|
+
borderTopLeftRadius: theme.variables.size.borderRadius.card.m
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSWlCIiwiZmlsZSI6IlRhYmxlSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQ29sdW1uIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEljb24sIEljb25OYW1lIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi9UYWJsZUNlbGxcIjtcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlUHJvcHMgfSBmcm9tIFwiLi9EYXRhVGFibGVcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGlzVGFibGVTY3JvbGxlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFxuICBEYXRhVGFibGVQcm9wcyxcbiAgfCBcImNvbHVtbnNcIlxuICB8IFwicm93c1wiXG4gIHwgXCJvblNvcnRcIlxuICB8IFwiY3VycmVudGx5U29ydGVkQnlDb2x1bW5cIlxuICB8IFwiaXNGaXJzdENvbHVtblN0aWNreVwiXG4+O1xuXG5jb25zdCBTT1JUX0RJUkVDVElPTl9JQ09OOiBSZWNvcmQ8RGF0YVRhYmxlQ29sdW1uW1wic29ydERpcmVjdGlvblwiXSwgSWNvbk5hbWU+ID1cbiAge1xuICAgIGFzYzogXCJzb3J0LWFzY2VuZGluZ1wiLFxuICAgIGRlc2M6IFwic29ydC1kZXNjZW5kaW5nXCIsXG4gIH07XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5jb25zdCBTb3J0SWNvbiA9IHN0eWxlZC5zcGFuKCh7IHRoZW1lIH0pID0+ICh7XG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHh4cyxcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeSxcbn0pKTtcblxudHlwZSBTdHlsZWRIZWFkZXJMYWJlbFByb3BzID0ge1xuICBhbGlnbkNvbHVtbj86IERhdGFUYWJsZUNvbHVtbltcImFsaWduXCJdO1xufTtcblxuY29uc3QgU3R5bGVkSGVhZGVyTGFiZWwgPSBzdHlsZWQoVGV4dCk8U3R5bGVkSGVhZGVyTGFiZWxQcm9wcz4oXG4gICh7IHRoZW1lLCBhbGlnbkNvbHVtbiB9KSA9PiAoe1xuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5oZWFkZXIuaDYsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuICB9KVxuKTtcblxudHlwZSBTdHlsZWRTb3J0YWJsZUhlYWRlclByb3BzID0ge1xuICBhbGlnbkNvbHVtbjogRGF0YVRhYmxlQ29sdW1uW1wiYWxpZ25cIl07XG59O1xuY29uc3QgU3R5bGVkU29ydGFibGVIZWFkZXIgPSBzdHlsZWQuYnV0dG9uPFN0eWxlZFNvcnRhYmxlSGVhZGVyUHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ25Db2x1bW4gfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gICAgcGFkZGluZzogMCxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICB0ZXh0QWxpZ246IGFsaWduQ29sdW1uLFxuICAgIH0pLFxuXG4gICAgW2AmOmhvdmVyICR7U3R5bGVkSGVhZGVyTGFiZWx9YF06IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuaGVhZGVyLnByaW1hcnksXG4gICAgfSxcbiAgfSlcbik7XG5cbnR5cGUgU29ydGFibGVIZWFkZXJQcm9wcyA9IFBpY2s8XG4gIFRhYmxlSGVhZGVyUHJvcHMsXG4gIFwib25Tb3J0XCIgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbj4gJlxuICBEYXRhVGFibGVDb2x1bW47XG5cbmZ1bmN0aW9uIFNvcnRhYmxlSGVhZGVyKHtcbiAgbmFtZSxcbiAgbGFiZWwsXG4gIGFsaWduLFxuICBzb3J0RGlyZWN0aW9uID0gXCJhc2NcIixcbiAgY3VycmVudGx5U29ydGVkQnlDb2x1bW4sXG4gIG9uU29ydCxcbn06IFNvcnRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaG92ZXJlZCwgc2V0SG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IGRlc2lyZWRTb3J0RGlyZWN0aW9uID0gc29ydERpcmVjdGlvbiA9PT0gXCJhc2NcIiA/IFwiZGVzY1wiIDogXCJhc2NcIjtcblxuICBjb25zdCBoYW5kbGVDbGljazogUmVhY3QuTW91c2VFdmVudEhhbmRsZXIgPSAoKSA9PiB7XG4gICAgc2V0SG92ZXJlZChmYWxzZSk7XG4gICAgaWYgKG9uU29ydCkge1xuICAgICAgb25Tb3J0KG5hbWUsIGRlc2lyZWRTb3J0RGlyZWN0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgbGV0IGljb25OYW1lOiBJY29uTmFtZSA9IFwic29ydC1uZXV0cmFsXCI7XG5cbiAgaWYgKG5hbWUgPT09IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW3NvcnREaXJlY3Rpb25dO1xuICB9XG4gIGlmIChob3ZlcmVkKSB7XG4gICAgaWNvbk5hbWUgPSBTT1JUX0RJUkVDVElPTl9JQ09OW2Rlc2lyZWRTb3J0RGlyZWN0aW9uXTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNvcnRhYmxlSGVhZGVyXG4gICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgb25Qb2ludGVyRW50ZXI9eygpID0+IHNldEhvdmVyZWQodHJ1ZSl9XG4gICAgICBvblBvaW50ZXJMZWF2ZT17KCkgPT4gc2V0SG92ZXJlZChmYWxzZSl9XG4gICAgPlxuICAgICAgPFN0eWxlZEhlYWRlckxhYmVsXG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgIHRyYW5zZm9ybT1cInVwcGVyY2FzZVwiXG4gICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkSGVhZGVyTGFiZWw+XG4gICAgICA8U29ydEljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbk5hbWV9IGlubGluZSAvPlxuICAgICAgPC9Tb3J0SWNvbj5cbiAgICA8L1N0eWxlZFNvcnRhYmxlSGVhZGVyPlxuICApO1xufVxuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICBcIiY6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmNhcmQubSxcbiAgfSxcbn0pKTtcblxuZnVuY3Rpb24gVGFibGVIZWFkZXIoe1xuICBjbGFzc05hbWUsXG4gIGNvbHVtbnMsXG4gIGlzRmlyc3RDb2x1bW5TdGlja3ksXG4gIGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uLFxuICBpc1RhYmxlU2Nyb2xsZWQsXG4gIG9uU29ydCxcbn06IFRhYmxlSGVhZGVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBjb2x1bW5FbGVtZW50cyA9IGNvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBpc1NvcnRhYmxlLFxuICAgICAgbGFiZWwsXG4gICAgICBhbGlnbiA9IFwibGVmdFwiLFxuICAgICAgd2lkdGgsXG4gICAgICBuYW1lLFxuICAgICAgc29ydERpcmVjdGlvbixcbiAgICB9ID0gY29sdW1uO1xuICAgIGNvbnN0IGhlYWRlckVsbSA9IGlzU29ydGFibGUgPyAoXG4gICAgICA8U29ydGFibGVIZWFkZXJcbiAgICAgICAgb25Tb3J0PXtvblNvcnR9XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgc29ydERpcmVjdGlvbj17c29ydERpcmVjdGlvbn1cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAvPlxuICAgICkgOiAoXG4gICAgICA8U3R5bGVkSGVhZGVyTGFiZWxcbiAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgYWxpZ25Db2x1bW49e2FsaWdufVxuICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L1N0eWxlZEhlYWRlckxhYmVsPlxuICAgICk7XG5cbiAgICBjb25zdCBhcmlhU29ydEF0dHIgPSBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbiA9PT0gbmFtZSAmJiB7XG4gICAgICBcImFyaWEtc29ydFwiOiBTT1JUX0RJUkVDVElPTl9URVhUW3NvcnREaXJlY3Rpb25dLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRoXG4gICAgICAgIGFzPVwidGhcIlxuICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgIGNvbHVtbldpZHRoPXt3aWR0aH1cbiAgICAgICAga2V5PXtuYW1lfVxuICAgICAgICBpc0ZpcnN0Q29sdW1uU3RpY2t5PXtpc0ZpcnN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWQ9e2lzVGFibGVTY3JvbGxlZH1cbiAgICAgICAgey4uLmFyaWFTb3J0QXR0cn1cbiAgICAgID5cbiAgICAgICAge2hlYWRlckVsbX1cbiAgICAgIDwvU3R5bGVkVGg+XG4gICAgKTtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8dGhlYWQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvdGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdfQ== */");
|
|
146
|
+
function TableHeader(_ref6) {
|
|
147
|
+
let {
|
|
148
|
+
className,
|
|
149
|
+
columns,
|
|
150
|
+
isFirstColumnSticky,
|
|
151
|
+
currentlySortedByColumn,
|
|
152
|
+
isTableScrolled,
|
|
153
|
+
onSort
|
|
154
|
+
} = _ref6;
|
|
155
|
+
const columnElements = columns.map(column => {
|
|
156
|
+
const {
|
|
157
|
+
isSortable,
|
|
158
|
+
label,
|
|
159
|
+
align = "left",
|
|
160
|
+
width,
|
|
161
|
+
name,
|
|
162
|
+
sortDirection
|
|
163
|
+
} = column;
|
|
164
|
+
const headerElm = isSortable ? /*#__PURE__*/React__default.default.createElement(SortableHeader, {
|
|
165
|
+
onSort: onSort,
|
|
166
|
+
name: name,
|
|
167
|
+
label: label,
|
|
168
|
+
sortDirection: sortDirection,
|
|
169
|
+
align: align,
|
|
170
|
+
currentlySortedByColumn: currentlySortedByColumn
|
|
171
|
+
}) : /*#__PURE__*/React__default.default.createElement(StyledHeaderLabel, {
|
|
172
|
+
size: "xs",
|
|
173
|
+
transform: "uppercase",
|
|
174
|
+
alignColumn: align,
|
|
175
|
+
variant: "tertiary"
|
|
176
|
+
}, label);
|
|
177
|
+
const ariaSortAttr = currentlySortedByColumn === name && {
|
|
178
|
+
"aria-sort": SORT_DIRECTION_TEXT[sortDirection]
|
|
179
|
+
};
|
|
180
|
+
return /*#__PURE__*/React__default.default.createElement(StyledTh, _extends__default.default({
|
|
181
|
+
as: "th",
|
|
182
|
+
alignColumn: align,
|
|
183
|
+
columnWidth: width,
|
|
184
|
+
key: name,
|
|
185
|
+
isFirstColumnSticky: isFirstColumnSticky,
|
|
186
|
+
isTableScrolled: isTableScrolled
|
|
187
|
+
}, ariaSortAttr), headerElm);
|
|
188
|
+
});
|
|
189
|
+
return /*#__PURE__*/React__default.default.createElement("thead", {
|
|
190
|
+
className: className
|
|
191
|
+
}, /*#__PURE__*/React__default.default.createElement("tr", null, columnElements));
|
|
192
|
+
}
|
|
193
|
+
var TableHeader$1 = /*#__PURE__*/React__default.default.memo(TableHeader);
|
|
194
|
+
|
|
195
|
+
/* eslint-enable react/jsx-props-no-spreading */
|
|
196
|
+
|
|
197
|
+
exports.default = TableHeader$1;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
const defaultSortCompareFn = (a, b, columnName, desiredSortDirection) => {
|
|
6
|
+
if (a[columnName] < b[columnName]) {
|
|
7
|
+
return desiredSortDirection === "asc" ? -1 : 1;
|
|
8
|
+
}
|
|
9
|
+
if (a[columnName] > b[columnName]) {
|
|
10
|
+
return desiredSortDirection === "asc" ? 1 : -1;
|
|
11
|
+
}
|
|
12
|
+
return 0;
|
|
13
|
+
};
|
|
14
|
+
function useDataTableSort(initialColumns, initialRows, initialSortedByColumn) {
|
|
15
|
+
let sortCompareFn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultSortCompareFn;
|
|
16
|
+
const [columns, setColumns] = React.useState(initialColumns);
|
|
17
|
+
const [currentlySortedByColumn, setCurrentlySortedByColumn] = React.useState(initialSortedByColumn);
|
|
18
|
+
const [rows, setRows] = React.useState(initialRows);
|
|
19
|
+
const handleSort = (columnName, desiredSortDirection) => {
|
|
20
|
+
const newColumns = [...columns];
|
|
21
|
+
const newRows = [...rows];
|
|
22
|
+
const column = newColumns.find(item => item.name === columnName);
|
|
23
|
+
if (column) {
|
|
24
|
+
column.sortDirection = desiredSortDirection;
|
|
25
|
+
}
|
|
26
|
+
newRows.sort((a, b) => sortCompareFn(a, b, columnName, desiredSortDirection));
|
|
27
|
+
setRows(newRows);
|
|
28
|
+
setColumns(newColumns);
|
|
29
|
+
setCurrentlySortedByColumn(columnName);
|
|
30
|
+
};
|
|
31
|
+
return {
|
|
32
|
+
columns,
|
|
33
|
+
rows,
|
|
34
|
+
currentlySortedByColumn,
|
|
35
|
+
handleSort,
|
|
36
|
+
setColumns,
|
|
37
|
+
setRows,
|
|
38
|
+
setCurrentlySortedByColumn
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
exports.useDataTableSort = useDataTableSort;
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
4
|
+
var _styled = require('@emotion/styled/base');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var FormField = require('../FormField/FormField.js');
|
|
7
|
+
var SegmentedControlOption = require('./SegmentedControlOption.js');
|
|
8
|
+
var _breakpoints = require('../../../../build-tokens/_breakpoints.json.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var _extends__default = /*#__PURE__*/_interopDefault(_extends);
|
|
13
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
14
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
15
|
+
|
|
16
|
+
const StyledDivider = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
17
|
+
target: "e1tj4hl31"
|
|
18
|
+
} : {
|
|
19
|
+
target: "e1tj4hl31",
|
|
20
|
+
label: "StyledDivider"
|
|
21
|
+
})(_ref => {
|
|
22
|
+
let {
|
|
23
|
+
theme,
|
|
24
|
+
isChecked,
|
|
25
|
+
justified
|
|
26
|
+
} = _ref;
|
|
27
|
+
const border = `1px solid ${theme.values.color.border.segmentedControlOption.default}`;
|
|
28
|
+
const checkedStyle = isChecked && {
|
|
29
|
+
borderColor: theme.values.color.border.segmentedControlOption.checked
|
|
30
|
+
};
|
|
31
|
+
const borderRightStyle = {
|
|
32
|
+
borderRight: border,
|
|
33
|
+
...checkedStyle
|
|
34
|
+
};
|
|
35
|
+
if (!justified) {
|
|
36
|
+
return borderRightStyle;
|
|
37
|
+
}
|
|
38
|
+
return {
|
|
39
|
+
// Layout on tablet and desktop
|
|
40
|
+
[`@media (min-width: ${_breakpoints.default.medium.value}px)`]: {
|
|
41
|
+
...borderRightStyle
|
|
42
|
+
},
|
|
43
|
+
// Layout on mobile
|
|
44
|
+
[`@media (max-width: ${_breakpoints.default.medium.value}px)`]: {
|
|
45
|
+
borderBottom: border,
|
|
46
|
+
...checkedStyle
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDc0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vLi4vLi4vYnVpbGQtdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb24gPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1ldGEgZGF0YSBmb3Igb3B0aW9uc1xuICAgKiBAcGFyYW0gbmFtZSAtIE5hbWUgZm9yIHJhZGlvIGlucHV0XG4gICAqIEBwYXJhbSBsYWJlbCAtIExhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSB2YWx1ZSAtIFZhbHVlIGZvciByYWRpbyBpbnB1dFxuICAgKiBAcGFyYW0gc3VibGFiZWwgLSBTdWJsYWJlbCBkaXNwbGF5ZWQgYmVsb3cgbGFiZWwgKE9wdGlvbmFsKVxuICAgKiBAcGFyYW0gZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsIC0gU2V0IHRoaXMgdG8gdHJ1ZSBpZiBubyBzdWJsYWJlbCBpcyBhdmFpbGFibGUsIGJ1dCBvcHRpb24gaXMgZGlzcGxheWVkIGFzIG9uZSB3aXRoIHN1YmxhYmVsXG4gICAqL1xuICBvcHRpb25zOiBTZWdtZW50ZWRDb250cm9sT3B0aW9uW107XG4gIC8qKiBDdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBKdXN0aWZpZWQgbGF5b3V0LCB3aXRoIGVxdWFsIHNpemUgc2VnbWVudHMgc3Bhbm5pbmcgdG8gY29udGFpbmVyIHdpZHRoICovXG4gIGp1c3RpZmllZD86IGJvb2xlYW47XG4gIC8qKiBTZWdtZW50IHNpemUsIG5vdCBhcHBsaWNhYmxlIG9uIG1vYmlsZSBicmVha3BvaW50ICovXG4gIHNpemU/OiBcInNcIiB8IFwibVwiIHwgXCJsXCI7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFNlZ21lbnRlZENvbnRyb2xQcm9wcywgXCJqdXN0aWZpZWRcIj47XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZERpdmlkZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0NoZWNrZWQsIGp1c3RpZmllZCB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5kZWZhdWx0fWA7XG4gICAgY29uc3QgY2hlY2tlZFN0eWxlID0gaXNDaGVja2VkICYmIHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uY2hlY2tlZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYm9yZGVyUmlnaHRTdHlsZSA9IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBib3JkZXIsXG4gICAgICAuLi5jaGVja2VkU3R5bGUsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYm9yZGVyUmlnaHRTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgLy8gTGF5b3V0IG9uIHRhYmxldCBhbmQgZGVza3RvcFxuICAgICAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgLi4uYm9yZGVyUmlnaHRTdHlsZSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiBtb2JpbGVcbiAgICAgIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogYm9yZGVyLFxuICAgICAgICAuLi5jaGVja2VkU3R5bGUsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBTZWdtZW50ZWRDb250cm9sUHJvcHMsXG4gIFwianVzdGlmaWVkXCIgfCBcIm9wdGlvbnNcIlxuPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7IGp1c3RpZmllZCwgb3B0aW9ucyB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYmFzZVN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgZmxleDogYDEgMSAkezEwMCAvIG9wdGlvbnMubGVuZ3RofSVgLFxuICAgICAgfSxcblxuICAgICAgW2AmID4gJHtTdHlsZWREaXZpZGVyfWBdOiB7XG4gICAgICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRDb250cm9sKHtcbiAgb3B0aW9ucyxcbiAgdmFsdWUsXG4gIGRpc2FibGVkLFxuICBqdXN0aWZpZWQsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DaGFuZ2UsXG4gIC4uLnJlc3Rcbn06IFNlZ21lbnRlZENvbnRyb2xQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZTogUmVhY3QuRm9ybUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChldnQpID0+IHtcbiAgICBvbkNoYW5nZSgoZXZ0LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb3B0aW9uRWxtcyA9IG9wdGlvbnMubWFwKFxuICAgICh7IHZhbHVlOiBvcHRpb25WYWx1ZSwgLi4ub3RoZXJQcm9wcyB9LCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgaXNDaGVja2VkID0gdmFsdWUgPT09IG9wdGlvblZhbHVlO1xuICAgICAgY29uc3QgZGl2aWRlckVsbSA9XG4gICAgICAgIGluZGV4ICE9PSAwID8gKFxuICAgICAgICAgIDxTdHlsZWREaXZpZGVyIGlzQ2hlY2tlZD17aXNDaGVja2VkfSBqdXN0aWZpZWQ9e2p1c3RpZmllZH0gLz5cbiAgICAgICAgKSA6IG51bGw7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e29wdGlvblZhbHVlfT5cbiAgICAgICAgICB7ZGl2aWRlckVsbX1cbiAgICAgICAgICA8U2VnbWVudGVkQ29udHJvbE9wdGlvblxuICAgICAgICAgICAgdmFsdWU9e29wdGlvblZhbHVlfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgICAgIGlzUmVzcG9uc2l2ZT17anVzdGlmaWVkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICApO1xuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlNlZ21lbnRlZENvbnRyb2xcIiB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXIganVzdGlmaWVkPXtqdXN0aWZpZWR9IG9wdGlvbnM9e29wdGlvbnN9PlxuICAgICAgICB7b3B0aW9uRWxtc31cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuLyogZXNsaW50LWVuYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4iXX0= */");
|
|
50
|
+
const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
51
|
+
target: "e1tj4hl30"
|
|
52
|
+
} : {
|
|
53
|
+
target: "e1tj4hl30",
|
|
54
|
+
label: "StyledContainer"
|
|
55
|
+
})(_ref2 => {
|
|
56
|
+
let {
|
|
57
|
+
justified,
|
|
58
|
+
options
|
|
59
|
+
} = _ref2;
|
|
60
|
+
const baseStyle = {
|
|
61
|
+
display: "flex"
|
|
62
|
+
};
|
|
63
|
+
if (!justified) {
|
|
64
|
+
return baseStyle;
|
|
65
|
+
}
|
|
66
|
+
return {
|
|
67
|
+
...baseStyle,
|
|
68
|
+
flexDirection: "column",
|
|
69
|
+
"& > *": {
|
|
70
|
+
flex: `1 1 ${100 / options.length}%`
|
|
71
|
+
},
|
|
72
|
+
[`& > ${StyledDivider}`]: {
|
|
73
|
+
flex: "0 0 auto"
|
|
74
|
+
},
|
|
75
|
+
// Layout on tablet and desktop
|
|
76
|
+
[`@media (min-width: ${_breakpoints.default.medium.value}px)`]: {
|
|
77
|
+
flexDirection: "row"
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZENvbnRyb2wudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZFd0IiLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCwgRm9ybUZpZWxkUHJvcHMgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL0Zvcm1GaWVsZFwiO1xuaW1wb3J0IHsgU2VnbWVudGVkQ29udHJvbE9wdGlvbiB9IGZyb20gXCIuL1NlZ21lbnRlZENvbnRyb2xPcHRpb25cIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vLi4vLi4vYnVpbGQtdG9rZW5zL19icmVha3BvaW50cy5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xPcHRpb24gPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGRpc3BsYXlBc09wdGlvbldpdGhTdWJsYWJlbD86IGJvb2xlYW47XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZENvbnRyb2xQcm9wcyA9IHtcbiAgLyoqXG4gICAqIE1ldGEgZGF0YSBmb3Igb3B0aW9uc1xuICAgKiBAcGFyYW0gbmFtZSAtIE5hbWUgZm9yIHJhZGlvIGlucHV0XG4gICAqIEBwYXJhbSBsYWJlbCAtIExhYmVsIGZvciBkaXNwbGF5XG4gICAqIEBwYXJhbSB2YWx1ZSAtIFZhbHVlIGZvciByYWRpbyBpbnB1dFxuICAgKiBAcGFyYW0gc3VibGFiZWwgLSBTdWJsYWJlbCBkaXNwbGF5ZWQgYmVsb3cgbGFiZWwgKE9wdGlvbmFsKVxuICAgKiBAcGFyYW0gZGlzcGxheUFzT3B0aW9uV2l0aFN1YmxhYmVsIC0gU2V0IHRoaXMgdG8gdHJ1ZSBpZiBubyBzdWJsYWJlbCBpcyBhdmFpbGFibGUsIGJ1dCBvcHRpb24gaXMgZGlzcGxheWVkIGFzIG9uZSB3aXRoIHN1YmxhYmVsXG4gICAqL1xuICBvcHRpb25zOiBTZWdtZW50ZWRDb250cm9sT3B0aW9uW107XG4gIC8qKiBDdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gIHZhbHVlOiBzdHJpbmc7XG4gIC8qKiBKdXN0aWZpZWQgbGF5b3V0LCB3aXRoIGVxdWFsIHNpemUgc2VnbWVudHMgc3Bhbm5pbmcgdG8gY29udGFpbmVyIHdpZHRoICovXG4gIGp1c3RpZmllZD86IGJvb2xlYW47XG4gIC8qKiBTZWdtZW50IHNpemUsIG5vdCBhcHBsaWNhYmxlIG9uIG1vYmlsZSBicmVha3BvaW50ICovXG4gIHNpemU/OiBcInNcIiB8IFwibVwiIHwgXCJsXCI7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxudHlwZSBTdHlsZWREaXZpZGVyUHJvcHMgPSB7XG4gIGlzQ2hlY2tlZDogYm9vbGVhbjtcbn0gJiBQaWNrPFNlZ21lbnRlZENvbnRyb2xQcm9wcywgXCJqdXN0aWZpZWRcIj47XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuZGl2PFN0eWxlZERpdmlkZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0NoZWNrZWQsIGp1c3RpZmllZCB9KSA9PiB7XG4gICAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2VnbWVudGVkQ29udHJvbE9wdGlvbi5kZWZhdWx0fWA7XG4gICAgY29uc3QgY2hlY2tlZFN0eWxlID0gaXNDaGVja2VkICYmIHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlZ21lbnRlZENvbnRyb2xPcHRpb24uY2hlY2tlZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYm9yZGVyUmlnaHRTdHlsZSA9IHtcbiAgICAgIGJvcmRlclJpZ2h0OiBib3JkZXIsXG4gICAgICAuLi5jaGVja2VkU3R5bGUsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYm9yZGVyUmlnaHRTdHlsZTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgLy8gTGF5b3V0IG9uIHRhYmxldCBhbmQgZGVza3RvcFxuICAgICAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tZWRpdW0udmFsdWV9cHgpYF06IHtcbiAgICAgICAgLi4uYm9yZGVyUmlnaHRTdHlsZSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiBtb2JpbGVcbiAgICAgIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogYm9yZGVyLFxuICAgICAgICAuLi5jaGVja2VkU3R5bGUsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBTZWdtZW50ZWRDb250cm9sUHJvcHMsXG4gIFwianVzdGlmaWVkXCIgfCBcIm9wdGlvbnNcIlxuPjtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz4oXG4gICh7IGp1c3RpZmllZCwgb3B0aW9ucyB9KSA9PiB7XG4gICAgY29uc3QgYmFzZVN0eWxlID0ge1xuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgfTtcblxuICAgIGlmICghanVzdGlmaWVkKSB7XG4gICAgICByZXR1cm4gYmFzZVN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5iYXNlU3R5bGUsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgZmxleDogYDEgMSAkezEwMCAvIG9wdGlvbnMubGVuZ3RofSVgLFxuICAgICAgfSxcblxuICAgICAgW2AmID4gJHtTdHlsZWREaXZpZGVyfWBdOiB7XG4gICAgICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICAgIH0sXG5cbiAgICAgIC8vIExheW91dCBvbiB0YWJsZXQgYW5kIGRlc2t0b3BcbiAgICAgIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubWVkaXVtLnZhbHVlfXB4KWBdOiB7XG4gICAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICB9LFxuICAgIH07XG4gIH1cbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWdtZW50ZWRDb250cm9sKHtcbiAgb3B0aW9ucyxcbiAgdmFsdWUsXG4gIGRpc2FibGVkLFxuICBqdXN0aWZpZWQsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DaGFuZ2UsXG4gIC4uLnJlc3Rcbn06IFNlZ21lbnRlZENvbnRyb2xQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZTogUmVhY3QuRm9ybUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PiA9IChldnQpID0+IHtcbiAgICBvbkNoYW5nZSgoZXZ0LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSk7XG4gIH07XG5cbiAgY29uc3Qgb3B0aW9uRWxtcyA9IG9wdGlvbnMubWFwKFxuICAgICh7IHZhbHVlOiBvcHRpb25WYWx1ZSwgLi4ub3RoZXJQcm9wcyB9LCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgaXNDaGVja2VkID0gdmFsdWUgPT09IG9wdGlvblZhbHVlO1xuICAgICAgY29uc3QgZGl2aWRlckVsbSA9XG4gICAgICAgIGluZGV4ICE9PSAwID8gKFxuICAgICAgICAgIDxTdHlsZWREaXZpZGVyIGlzQ2hlY2tlZD17aXNDaGVja2VkfSBqdXN0aWZpZWQ9e2p1c3RpZmllZH0gLz5cbiAgICAgICAgKSA6IG51bGw7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudCBrZXk9e29wdGlvblZhbHVlfT5cbiAgICAgICAgICB7ZGl2aWRlckVsbX1cbiAgICAgICAgICA8U2VnbWVudGVkQ29udHJvbE9wdGlvblxuICAgICAgICAgICAgdmFsdWU9e29wdGlvblZhbHVlfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgICAgIGlzUmVzcG9uc2l2ZT17anVzdGlmaWVkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIHsuLi5vdGhlclByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICAgICApO1xuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlNlZ21lbnRlZENvbnRyb2xcIiB7Li4ucmVzdH0gZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXIganVzdGlmaWVkPXtqdXN0aWZpZWR9IG9wdGlvbnM9e29wdGlvbnN9PlxuICAgICAgICB7b3B0aW9uRWxtc31cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufVxuLyogZXNsaW50LWVuYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4iXX0= */");
|
|
81
|
+
function SegmentedControl(_ref3) {
|
|
82
|
+
let {
|
|
83
|
+
options,
|
|
84
|
+
value,
|
|
85
|
+
disabled,
|
|
86
|
+
justified,
|
|
87
|
+
size = "m",
|
|
88
|
+
onChange,
|
|
89
|
+
...rest
|
|
90
|
+
} = _ref3;
|
|
91
|
+
const handleChange = evt => {
|
|
92
|
+
onChange(evt.target.value);
|
|
93
|
+
};
|
|
94
|
+
const optionElms = options.map((_ref4, index) => {
|
|
95
|
+
let {
|
|
96
|
+
value: optionValue,
|
|
97
|
+
...otherProps
|
|
98
|
+
} = _ref4;
|
|
99
|
+
const isChecked = value === optionValue;
|
|
100
|
+
const dividerElm = index !== 0 ? /*#__PURE__*/React__default.default.createElement(StyledDivider, {
|
|
101
|
+
isChecked: isChecked,
|
|
102
|
+
justified: justified
|
|
103
|
+
}) : null;
|
|
104
|
+
return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, {
|
|
105
|
+
key: optionValue
|
|
106
|
+
}, dividerElm, /*#__PURE__*/React__default.default.createElement(SegmentedControlOption.SegmentedControlOption, _extends__default.default({
|
|
107
|
+
value: optionValue,
|
|
108
|
+
size: size,
|
|
109
|
+
checked: isChecked,
|
|
110
|
+
isResponsive: justified,
|
|
111
|
+
disabled: disabled,
|
|
112
|
+
onChange: handleChange
|
|
113
|
+
}, otherProps)));
|
|
114
|
+
});
|
|
115
|
+
return /*#__PURE__*/React__default.default.createElement(FormField.FormField, _extends__default.default({
|
|
116
|
+
"data-ds-id": "SegmentedControl"
|
|
117
|
+
}, rest, {
|
|
118
|
+
disabled: disabled
|
|
119
|
+
}), /*#__PURE__*/React__default.default.createElement(StyledContainer, {
|
|
120
|
+
justified: justified,
|
|
121
|
+
options: options
|
|
122
|
+
}, optionElms));
|
|
123
|
+
}
|
|
124
|
+
/* eslint-enable react/jsx-props-no-spreading */
|
|
125
|
+
|
|
126
|
+
exports.SegmentedControl = SegmentedControl;
|