@aivenio/aquarium 1.9.0 → 1.11.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/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +50 -53
- package/dist/atoms.mjs +46 -49
- package/dist/src/{common → atoms}/Alert/Alert.d.ts +2 -2
- package/dist/src/atoms/Alert/Alert.js +74 -0
- package/dist/src/{common → atoms}/Banner/Banner.d.ts +2 -2
- package/dist/src/atoms/Banner/Banner.js +57 -0
- package/dist/src/atoms/Card/Card.js +54 -0
- package/dist/src/{common → atoms}/Checkbox/Checkbox.js +2 -2
- package/dist/src/{common → atoms}/Chip/Chip.js +1 -1
- package/dist/src/{common → atoms}/DataList/DataList.js +3 -3
- package/dist/src/{common → atoms}/Dialog/Dialog.d.ts +1 -1
- package/dist/src/{common → atoms}/Dialog/Dialog.js +1 -1
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +62 -0
- package/dist/src/{common → atoms}/InputGroup/InputGroup.d.ts +1 -1
- package/dist/src/{common → atoms}/InputGroup/InputGroup.js +2 -2
- package/dist/src/atoms/LineClamp/LineClamp.d.ts +11 -0
- package/dist/src/atoms/LineClamp/LineClamp.js +20 -0
- package/dist/src/{common → atoms}/Link/Link.js +1 -1
- package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
- package/dist/src/atoms/Modal/Modal.js +68 -0
- package/dist/src/{common → atoms}/Popover/Popover.js +2 -2
- package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
- package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
- package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
- package/dist/src/atoms/Section/Section.js +46 -0
- package/dist/src/{common → atoms}/Select/Select.js +2 -2
- package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
- package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
- package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
- package/dist/src/atoms/Table/Table.js +91 -0
- package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
- package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
- package/dist/src/{common → atoms}/index.js +1 -1
- package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
- package/dist/src/molecules/Alert/Alert.js +12 -0
- package/dist/src/molecules/Avatar/Avatar.js +10 -0
- package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
- package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
- package/dist/src/molecules/Banner/Banner.js +44 -0
- package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
- package/dist/src/{components → molecules}/Box/Box.js +2 -2
- package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/Button/Button.js +105 -0
- package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
- package/dist/src/molecules/Card/Card.js +48 -0
- package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
- package/dist/src/molecules/Card/Compact.js +43 -0
- package/dist/src/{components → molecules}/Card/types.js +1 -1
- package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
- package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
- package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
- package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
- package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
- package/dist/src/molecules/Chip/Chip.js +64 -0
- package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
- package/dist/src/molecules/Combobox/Combobox.js +109 -0
- package/dist/src/molecules/Container/Container.js +18 -0
- package/dist/src/molecules/Context/Context.js +18 -0
- package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
- package/dist/src/molecules/DataList/DataList.js +24 -0
- package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
- package/dist/src/molecules/DataTable/DataTable.js +42 -0
- package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
- package/dist/src/molecules/Dialog/Dialog.js +41 -0
- package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
- package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
- package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
- package/dist/src/molecules/DropdownMenu/utils.js +20 -0
- package/dist/src/{components → molecules}/Element/Element.js +1 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
- package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
- package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
- package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
- package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
- package/dist/src/molecules/Grid/Grid.js +31 -0
- package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
- package/dist/src/molecules/Grid/GridItem.js +20 -0
- package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
- package/dist/src/{components → molecules}/Input/Input.js +2 -2
- package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +9 -1
- package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
- package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
- package/dist/src/molecules/Link/Link.js +4 -0
- package/dist/src/molecules/List/List.js +6 -0
- package/dist/src/molecules/ListItem/ListItem.js +10 -0
- package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
- package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
- package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
- package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
- package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
- package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
- package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
- package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
- package/dist/src/molecules/Pagination/Pagination.js +52 -0
- package/dist/src/molecules/Pagination/usePagination.js +36 -0
- package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
- package/dist/src/molecules/Popover/Popover.js +79 -0
- package/dist/src/molecules/Popover/PopoverContext.js +10 -0
- package/dist/src/molecules/Popover/PopoverWrapper.js +34 -0
- package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
- package/dist/src/molecules/Portal/Portal.js +3 -0
- package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
- package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
- package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
- package/dist/src/{components → molecules}/Section/Section.js +4 -4
- package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/src/molecules/Select/Select.js +144 -0
- package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
- package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
- package/dist/src/molecules/Spacing/Spacing.js +18 -0
- package/dist/src/molecules/Stepper/Stepper.js +25 -0
- package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
- package/dist/src/molecules/Switch/Switch.js +29 -0
- package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
- package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
- package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
- package/dist/src/{components → molecules}/Table/Table.js +2 -2
- package/dist/src/molecules/Tabs/Tabs.js +220 -0
- package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
- package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/molecules/Template/Template.js +23 -0
- package/dist/src/molecules/Textarea/Textarea.js +46 -0
- package/dist/src/molecules/Timeline/Timeline.js +42 -0
- package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
- package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
- package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
- package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
- package/dist/src/molecules/Typography/Typography.js +89 -0
- package/dist/src/{components → molecules}/index.d.ts +1 -0
- package/dist/src/{components → molecules}/index.js +3 -2
- package/dist/src/system.d.ts +3 -3
- package/dist/src/system.js +4 -4
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/form/FormControl/FormControl.js +2 -2
- package/dist/src/utils/form/HelperText/HelperText.js +2 -2
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
- package/dist/src/utils/form/Label/Label.d.ts +1 -1
- package/dist/src/utils/form/Label/Label.js +3 -3
- package/dist/src/utils/table/types.d.ts +2 -2
- package/dist/src/utils/useStyle.js +2 -2
- package/dist/styles.css +832 -809
- package/dist/styles_timescaledb.css +832 -809
- package/dist/system.cjs +261 -240
- package/dist/system.mjs +254 -234
- package/dist/tailwind.config.js +0 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +4 -4
- package/dist/src/common/Alert/Alert.js +0 -74
- package/dist/src/common/Banner/Banner.js +0 -57
- package/dist/src/common/Card/Card.js +0 -54
- package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
- package/dist/src/common/LineClamp/LineClamp.d.ts +0 -9
- package/dist/src/common/LineClamp/LineClamp.js +0 -18
- package/dist/src/common/Modal/Modal.js +0 -68
- package/dist/src/common/Section/Section.js +0 -46
- package/dist/src/common/Table/Table.js +0 -91
- package/dist/src/components/Alert/Alert.js +0 -12
- package/dist/src/components/Avatar/Avatar.js +0 -10
- package/dist/src/components/Banner/Banner.js +0 -44
- package/dist/src/components/Button/Button.js +0 -105
- package/dist/src/components/Card/Card.js +0 -48
- package/dist/src/components/Card/Compact.js +0 -43
- package/dist/src/components/Checkbox/Checkbox.js +0 -29
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
- package/dist/src/components/Chip/Chip.js +0 -64
- package/dist/src/components/Combobox/Combobox.js +0 -109
- package/dist/src/components/Container/Container.js +0 -18
- package/dist/src/components/Context/Context.js +0 -18
- package/dist/src/components/DataList/DataList.js +0 -24
- package/dist/src/components/DataTable/DataTable.js +0 -42
- package/dist/src/components/Dialog/Dialog.js +0 -41
- package/dist/src/components/Dropdown/Dropdown.js +0 -87
- package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
- package/dist/src/components/DropdownMenu/utils.js +0 -20
- package/dist/src/components/EmptyState/EmptyState.js +0 -74
- package/dist/src/components/Flexbox/Flexbox.js +0 -19
- package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
- package/dist/src/components/Grid/Grid.js +0 -31
- package/dist/src/components/Grid/GridItem.js +0 -20
- package/dist/src/components/LineClamp/LineClamp.js +0 -17
- package/dist/src/components/Link/Link.js +0 -4
- package/dist/src/components/List/List.js +0 -6
- package/dist/src/components/ListItem/ListItem.js +0 -10
- package/dist/src/components/MultiInput/MultiInput.js +0 -153
- package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
- package/dist/src/components/PageHeader/PageHeader.js +0 -40
- package/dist/src/components/Pagination/Pagination.js +0 -52
- package/dist/src/components/Pagination/usePagination.js +0 -36
- package/dist/src/components/Popover/Popover.js +0 -79
- package/dist/src/components/Popover/PopoverContext.js +0 -10
- package/dist/src/components/Popover/PopoverWrapper.js +0 -36
- package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
- package/dist/src/components/Portal/Portal.js +0 -3
- package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
- package/dist/src/components/RadioButton/RadioButton.js +0 -29
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
- package/dist/src/components/Select/Select.js +0 -144
- package/dist/src/components/Skeleton/Skeleton.js +0 -18
- package/dist/src/components/Stepper/Stepper.js +0 -25
- package/dist/src/components/Switch/Switch.js +0 -29
- package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
- package/dist/src/components/Tabs/Tabs.js +0 -220
- package/dist/src/components/Template/Template.js +0 -23
- package/dist/src/components/Textarea/Textarea.js +0 -46
- package/dist/src/components/Timeline/Timeline.js +0 -42
- package/dist/src/components/Tooltip/Tooltip.js +0 -110
- package/dist/src/components/Typography/Typography.js +0 -89
- /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
- /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
- /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
- /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
- /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
- /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
- /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
- /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
- /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
- /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
- /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
- /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
- /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
- /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
- /package/dist/src/{common → atoms}/index.d.ts +0 -0
- /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
- /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
- /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
- /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
- /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
- /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
- /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
- /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
- /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
- /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
- /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
- /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
- /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
- /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
- /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
- /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
- /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
- /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
- /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
- /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
- /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
- /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
- /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
- /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
- /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
- /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
- /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
- /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
- /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
- /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
- /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
- /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
- /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
- /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
- /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
- /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.d.ts +0 -0
package/dist/atoms.mjs
CHANGED
@@ -1371,16 +1371,16 @@ var require_search = __commonJS({
|
|
1371
1371
|
}
|
1372
1372
|
});
|
1373
1373
|
|
1374
|
-
// src/
|
1374
|
+
// src/atoms/Alert/Alert.tsx
|
1375
1375
|
import React8 from "react";
|
1376
1376
|
|
1377
|
-
// src/
|
1377
|
+
// src/molecules/Button/Button.tsx
|
1378
1378
|
import React6 from "react";
|
1379
1379
|
|
1380
|
-
// src/
|
1380
|
+
// src/molecules/Flexbox/Flexbox.tsx
|
1381
1381
|
import React3 from "react";
|
1382
1382
|
|
1383
|
-
// src/
|
1383
|
+
// src/molecules/Tailwindify/Tailwindify.tsx
|
1384
1384
|
import React2 from "react";
|
1385
1385
|
import get2 from "lodash/get";
|
1386
1386
|
import isUndefined4 from "lodash/isUndefined";
|
@@ -1914,7 +1914,7 @@ var tailwind_theme_default = {
|
|
1914
1914
|
}
|
1915
1915
|
};
|
1916
1916
|
|
1917
|
-
// src/
|
1917
|
+
// src/molecules/Context/Context.tsx
|
1918
1918
|
import React from "react";
|
1919
1919
|
import { ModalProvider } from "@react-aria/overlays";
|
1920
1920
|
|
@@ -1970,7 +1970,7 @@ import { useEffect, useState } from "react";
|
|
1970
1970
|
import debounce from "lodash/debounce";
|
1971
1971
|
import isUndefined2 from "lodash/isUndefined";
|
1972
1972
|
|
1973
|
-
// src/
|
1973
|
+
// src/molecules/Context/Context.tsx
|
1974
1974
|
var context = {
|
1975
1975
|
breakpointMatches: getMatches(void 0)
|
1976
1976
|
};
|
@@ -2015,7 +2015,7 @@ function useStyle(styles) {
|
|
2015
2015
|
}, {});
|
2016
2016
|
}
|
2017
2017
|
|
2018
|
-
// src/
|
2018
|
+
// src/molecules/Tailwindify/Tailwindify.tsx
|
2019
2019
|
function Tailwindify(Component) {
|
2020
2020
|
return (_a) => {
|
2021
2021
|
var _b = _a, {
|
@@ -2129,7 +2129,7 @@ function Tailwindify(Component) {
|
|
2129
2129
|
};
|
2130
2130
|
}
|
2131
2131
|
|
2132
|
-
// src/
|
2132
|
+
// src/molecules/Flexbox/Flexbox.tsx
|
2133
2133
|
var Flexbox = Tailwindify(
|
2134
2134
|
({
|
2135
2135
|
htmlTag = "div",
|
@@ -2165,7 +2165,7 @@ var Flexbox = Tailwindify(
|
|
2165
2165
|
}
|
2166
2166
|
);
|
2167
2167
|
|
2168
|
-
// src/
|
2168
|
+
// src/molecules/Icon/Icon.tsx
|
2169
2169
|
import React4 from "react";
|
2170
2170
|
import {
|
2171
2171
|
Icon as IconifyIconComponent,
|
@@ -2198,7 +2198,7 @@ var classNames = (...args) => {
|
|
2198
2198
|
return cleanClassNames(result);
|
2199
2199
|
};
|
2200
2200
|
|
2201
|
-
// src/
|
2201
|
+
// src/molecules/Icon/Icon.tsx
|
2202
2202
|
var Icon = React4.forwardRef((_a, ref) => {
|
2203
2203
|
var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
|
2204
2204
|
const classes2 = classNames(className, color && `text-${color}`);
|
@@ -2218,13 +2218,13 @@ var InlineIcon = React4.forwardRef((_a, ref) => {
|
|
2218
2218
|
}, rest)));
|
2219
2219
|
});
|
2220
2220
|
|
2221
|
-
// src/
|
2221
|
+
// src/molecules/Tooltip/Tooltip.tsx
|
2222
2222
|
import React5 from "react";
|
2223
2223
|
import { OverlayContainer, useOverlayPosition } from "@react-aria/overlays";
|
2224
2224
|
import { useTooltip, useTooltipTrigger } from "@react-aria/tooltip";
|
2225
2225
|
import { mergeProps } from "@react-aria/utils";
|
2226
2226
|
|
2227
|
-
// src/
|
2227
|
+
// src/molecules/Tooltip/useTooltipTriggerState.ts
|
2228
2228
|
import { useEffect as useEffect2, useMemo, useRef } from "react";
|
2229
2229
|
import { useOverlayTriggerState } from "@react-stately/overlays";
|
2230
2230
|
var TOOLTIP_DELAY = 1500;
|
@@ -2341,7 +2341,7 @@ function useTooltipTriggerState(props = {}) {
|
|
2341
2341
|
};
|
2342
2342
|
}
|
2343
2343
|
|
2344
|
-
// src/
|
2344
|
+
// src/molecules/Tooltip/Tooltip.tsx
|
2345
2345
|
var Tooltip = (_a) => {
|
2346
2346
|
var _b = _a, { inline = true, delay = 200 } = _b, props = __objRest(_b, ["inline", "delay"]);
|
2347
2347
|
const { placement: _placement = "top", content, disabled: isDisabled, shouldFlip = true } = props;
|
@@ -2455,9 +2455,9 @@ var Arrow = (props) => {
|
|
2455
2455
|
var ghostButtonStyle = tw(
|
2456
2456
|
"text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
|
2457
2457
|
);
|
2458
|
-
var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80"));
|
2458
|
+
var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80 focusable"));
|
2459
2459
|
|
2460
|
-
// src/
|
2460
|
+
// src/molecules/Button/Button.tsx
|
2461
2461
|
var import_chevronDown = __toESM(require_chevronDown());
|
2462
2462
|
var import_loading = __toESM(require_loading());
|
2463
2463
|
var COLOR_CLASSNAMES = {
|
@@ -2569,8 +2569,8 @@ var asButton = (Component, isDropdownButton) => {
|
|
2569
2569
|
!isIconOnlyButton && COLOR_CLASSNAMES[kind],
|
2570
2570
|
tw("inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative", {
|
2571
2571
|
"text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
|
2572
|
-
"typography-default": !dense && !isIconOnlyButton,
|
2573
|
-
"typography-small": dense && !isIconOnlyButton,
|
2572
|
+
"typography-default-strong": !dense && !isIconOnlyButton,
|
2573
|
+
"typography-small-strong": dense && !isIconOnlyButton,
|
2574
2574
|
"py-3 px-4": !dense && isButton,
|
2575
2575
|
"py-2 px-3": dense && isButton,
|
2576
2576
|
"py-3": !dense && isGhost,
|
@@ -2654,7 +2654,7 @@ var SecondaryDropdownButton = React6.forwardRef((props, ref) => /* @__PURE__ */
|
|
2654
2654
|
})));
|
2655
2655
|
SecondaryDropdownButton.displayName = "SecondaryDropdownButton";
|
2656
2656
|
|
2657
|
-
// src/
|
2657
|
+
// src/atoms/Typography/Typography.tsx
|
2658
2658
|
var import_resolveTheme = __toESM(require_resolveTheme());
|
2659
2659
|
import React7 from "react";
|
2660
2660
|
import isUndefined5 from "lodash/isUndefined";
|
@@ -2687,7 +2687,7 @@ var Typography = (_a) => {
|
|
2687
2687
|
}, rest), children);
|
2688
2688
|
};
|
2689
2689
|
|
2690
|
-
// src/
|
2690
|
+
// src/atoms/Alert/Alert.tsx
|
2691
2691
|
var import_confirm = __toESM(require_confirm());
|
2692
2692
|
var import_cross = __toESM(require_cross());
|
2693
2693
|
var import_error = __toESM(require_error());
|
@@ -2780,15 +2780,15 @@ Alert.Dismiss = (_a) => {
|
|
2780
2780
|
})));
|
2781
2781
|
};
|
2782
2782
|
|
2783
|
-
// src/
|
2783
|
+
// src/atoms/Card/Card.tsx
|
2784
2784
|
import React12 from "react";
|
2785
2785
|
import isNumber from "lodash/isNumber";
|
2786
2786
|
|
2787
|
-
// src/
|
2787
|
+
// src/molecules/Box/Box.tsx
|
2788
2788
|
import React11 from "react";
|
2789
2789
|
import isUndefined6 from "lodash/isUndefined";
|
2790
2790
|
|
2791
|
-
// src/
|
2791
|
+
// src/molecules/Element/Element.tsx
|
2792
2792
|
import React9 from "react";
|
2793
2793
|
var Element = (_a) => {
|
2794
2794
|
var _b = _a, { component } = _b, rest = __objRest(_b, ["component"]);
|
@@ -2814,7 +2814,7 @@ var createSimpleComponent = (Component, defaultProps, displayName) => {
|
|
2814
2814
|
return Curried;
|
2815
2815
|
};
|
2816
2816
|
|
2817
|
-
// src/
|
2817
|
+
// src/molecules/Box/Box.tsx
|
2818
2818
|
var Box = (_a) => {
|
2819
2819
|
var _b = _a, {
|
2820
2820
|
style,
|
@@ -2943,7 +2943,7 @@ var BorderBox = createSimpleComponent(
|
|
2943
2943
|
"BorderBox"
|
2944
2944
|
);
|
2945
2945
|
|
2946
|
-
// src/
|
2946
|
+
// src/atoms/Card/Card.tsx
|
2947
2947
|
var Card = React12.forwardRef(
|
2948
2948
|
(_a, ref) => {
|
2949
2949
|
var _b = _a, { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
|
@@ -2955,7 +2955,7 @@ var Card = React12.forwardRef(
|
|
2955
2955
|
"w-[280px]": !fullWidth,
|
2956
2956
|
"w-full": Boolean(fullWidth),
|
2957
2957
|
"min-w-[280px]": Boolean(fullWidth) && Boolean(enableMinWidth),
|
2958
|
-
"active:bg-grey-5 cursor-pointer hover:border-grey-50
|
2958
|
+
"active:bg-grey-5 cursor-pointer hover:border-grey-50 focusable": Boolean(clickable && !disabled),
|
2959
2959
|
"bg-grey-0 cursor-not-allowed focus:border-transparent": Boolean(disabled)
|
2960
2960
|
}),
|
2961
2961
|
className
|
@@ -3009,7 +3009,7 @@ Card.ImageContainer = ImageContainer;
|
|
3009
3009
|
Card.Image = Image;
|
3010
3010
|
Card.ColorHiglight = ColorHighlight;
|
3011
3011
|
|
3012
|
-
// src/
|
3012
|
+
// src/atoms/Checkbox/Checkbox.tsx
|
3013
3013
|
import React13 from "react";
|
3014
3014
|
var import_minus = __toESM(require_minus());
|
3015
3015
|
var import_tick = __toESM(require_tick());
|
@@ -3053,7 +3053,7 @@ var Checkbox = React13.forwardRef(
|
|
3053
3053
|
}
|
3054
3054
|
);
|
3055
3055
|
|
3056
|
-
// src/
|
3056
|
+
// src/atoms/Chip/Chip.tsx
|
3057
3057
|
import React14 from "react";
|
3058
3058
|
var Container = React14.forwardRef(
|
3059
3059
|
(_a, ref) => {
|
@@ -3074,7 +3074,7 @@ var Chip = {
|
|
3074
3074
|
Container
|
3075
3075
|
};
|
3076
3076
|
|
3077
|
-
// src/
|
3077
|
+
// src/atoms/Dialog/Dialog.tsx
|
3078
3078
|
var import_confirm2 = __toESM(require_confirm());
|
3079
3079
|
var import_error2 = __toESM(require_error());
|
3080
3080
|
var import_warningSign2 = __toESM(require_warningSign());
|
@@ -3093,10 +3093,10 @@ var DIALOG_ICONS_AND_COLORS = {
|
|
3093
3093
|
}
|
3094
3094
|
};
|
3095
3095
|
|
3096
|
-
// src/
|
3096
|
+
// src/atoms/DropdownMenu/DropdownMenu.tsx
|
3097
3097
|
import React16 from "react";
|
3098
3098
|
|
3099
|
-
// src/
|
3099
|
+
// src/molecules/Typography/Typography.tsx
|
3100
3100
|
import React15 from "react";
|
3101
3101
|
var Typography2 = (props) => /* @__PURE__ */ React15.createElement(Typography, __spreadValues({}, props));
|
3102
3102
|
Typography2.LargeHeading = (_a) => {
|
@@ -3212,7 +3212,7 @@ Typography2.SmallTextBold = (_a) => {
|
|
3212
3212
|
}));
|
3213
3213
|
};
|
3214
3214
|
|
3215
|
-
// src/
|
3215
|
+
// src/atoms/DropdownMenu/DropdownMenu.tsx
|
3216
3216
|
var import_tick2 = __toESM(require_tick());
|
3217
3217
|
var DropdownMenu = React16.forwardRef(
|
3218
3218
|
(_a, ref) => {
|
@@ -3220,15 +3220,12 @@ var DropdownMenu = React16.forwardRef(
|
|
3220
3220
|
return /* @__PURE__ */ React16.createElement("div", __spreadValues({
|
3221
3221
|
ref,
|
3222
3222
|
style: { maxHeight, minWidth, maxWidth },
|
3223
|
-
className: classNames(
|
3224
|
-
className,
|
3225
|
-
"bg-white w-full overflow-y-auto overflow-x-hidden typography-small text-grey-70"
|
3226
|
-
)
|
3223
|
+
className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70")
|
3227
3224
|
}, props), children);
|
3228
3225
|
}
|
3229
3226
|
);
|
3230
3227
|
var ContentContainer = ({ children }) => /* @__PURE__ */ React16.createElement("div", {
|
3231
|
-
className: tw("p-3")
|
3228
|
+
className: tw("p-3 overflow-y-auto overflow-x-hidden")
|
3232
3229
|
}, children);
|
3233
3230
|
DropdownMenu.ContentContainer = ContentContainer;
|
3234
3231
|
var List = React16.forwardRef(
|
@@ -3293,10 +3290,10 @@ var EmptyStateContainer = (_a) => {
|
|
3293
3290
|
};
|
3294
3291
|
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
3295
3292
|
|
3296
|
-
// src/
|
3293
|
+
// src/atoms/InputGroup/InputGroup.tsx
|
3297
3294
|
import React18 from "react";
|
3298
3295
|
|
3299
|
-
// src/
|
3296
|
+
// src/molecules/Grid/Grid.tsx
|
3300
3297
|
import React17 from "react";
|
3301
3298
|
var Grid = Tailwindify(
|
3302
3299
|
({
|
@@ -3357,7 +3354,7 @@ var Grid = Tailwindify(
|
|
3357
3354
|
}
|
3358
3355
|
);
|
3359
3356
|
|
3360
|
-
// src/
|
3357
|
+
// src/atoms/InputGroup/InputGroup.tsx
|
3361
3358
|
var gridColumnStyles = {
|
3362
3359
|
"1": "grid-cols-1",
|
3363
3360
|
"2": "grid-cols-2",
|
@@ -3375,7 +3372,7 @@ var InputGroup = (_a) => {
|
|
3375
3372
|
}), children);
|
3376
3373
|
};
|
3377
3374
|
|
3378
|
-
// src/
|
3375
|
+
// src/atoms/Link/Link.tsx
|
3379
3376
|
import React19 from "react";
|
3380
3377
|
var Link = (_a) => {
|
3381
3378
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
@@ -3384,7 +3381,7 @@ var Link = (_a) => {
|
|
3384
3381
|
}, props), children);
|
3385
3382
|
};
|
3386
3383
|
|
3387
|
-
// src/
|
3384
|
+
// src/atoms/Modal/Modal.tsx
|
3388
3385
|
import React20 from "react";
|
3389
3386
|
var Modal = (_a) => {
|
3390
3387
|
var _b = _a, { children, className, open } = _b, rest = __objRest(_b, ["children", "className", "open"]);
|
@@ -3486,7 +3483,7 @@ Modal.Actions = (_a) => {
|
|
3486
3483
|
}), children);
|
3487
3484
|
};
|
3488
3485
|
|
3489
|
-
// src/
|
3486
|
+
// src/atoms/Popover/Popover.tsx
|
3490
3487
|
import React21 from "react";
|
3491
3488
|
var PopoverPanel = React21.forwardRef((_a, ref) => {
|
3492
3489
|
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
@@ -3495,7 +3492,7 @@ var PopoverPanel = React21.forwardRef((_a, ref) => {
|
|
3495
3492
|
className: classNames(
|
3496
3493
|
className,
|
3497
3494
|
tw(
|
3498
|
-
"rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
3495
|
+
"rounded-sm shadow-16dp bg-white mt-1 overflow-y-auto flex flex-col focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
|
3499
3496
|
)
|
3500
3497
|
)
|
3501
3498
|
}, props), children);
|
@@ -3504,7 +3501,7 @@ var Popover = {
|
|
3504
3501
|
Panel: PopoverPanel
|
3505
3502
|
};
|
3506
3503
|
|
3507
|
-
// src/
|
3504
|
+
// src/atoms/PopoverDialog/PopoverDialog.tsx
|
3508
3505
|
import React22 from "react";
|
3509
3506
|
var Header = (_a) => {
|
3510
3507
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
@@ -3547,7 +3544,7 @@ var PopoverDialog = {
|
|
3547
3544
|
Actions: Actions2
|
3548
3545
|
};
|
3549
3546
|
|
3550
|
-
// src/
|
3547
|
+
// src/atoms/RadioButton/RadioButton.tsx
|
3551
3548
|
import React23 from "react";
|
3552
3549
|
var RadioButton = React23.forwardRef(
|
3553
3550
|
(_a, ref) => {
|
@@ -3575,7 +3572,7 @@ var RadioButton = React23.forwardRef(
|
|
3575
3572
|
}
|
3576
3573
|
);
|
3577
3574
|
|
3578
|
-
// src/
|
3575
|
+
// src/atoms/Select/Select.tsx
|
3579
3576
|
import React24 from "react";
|
3580
3577
|
var import_chevronDown2 = __toESM(require_chevronDown());
|
3581
3578
|
var import_chevronUp = __toESM(require_chevronUp());
|
@@ -3747,7 +3744,7 @@ var Select = {
|
|
3747
3744
|
Toggle
|
3748
3745
|
};
|
3749
3746
|
|
3750
|
-
// src/
|
3747
|
+
// src/atoms/Stepper/Stepper.tsx
|
3751
3748
|
import React25 from "react";
|
3752
3749
|
var import_tick4 = __toESM(require_tick());
|
3753
3750
|
var Stepper = (_a) => {
|
@@ -3828,7 +3825,7 @@ Stepper.Step = Step;
|
|
3828
3825
|
ConnectorContainer.Connector = Connector;
|
3829
3826
|
Stepper.ConnectorContainer = ConnectorContainer;
|
3830
3827
|
|
3831
|
-
// src/
|
3828
|
+
// src/atoms/Switch/Switch.tsx
|
3832
3829
|
import React26 from "react";
|
3833
3830
|
var Switch = React26.forwardRef(
|
3834
3831
|
(_a, ref) => {
|
@@ -3866,7 +3863,7 @@ var Switch = React26.forwardRef(
|
|
3866
3863
|
}
|
3867
3864
|
);
|
3868
3865
|
|
3869
|
-
// src/
|
3866
|
+
// src/atoms/Table/Table.tsx
|
3870
3867
|
import React27 from "react";
|
3871
3868
|
var import_chevronDown3 = __toESM(require_chevronDown());
|
3872
3869
|
var import_chevronUp2 = __toESM(require_chevronUp());
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type ButtonProps } from '../../../src/
|
3
|
-
import { Typography } from '../../../src/
|
2
|
+
import { type ButtonProps } from '../../../src/molecules/Button/Button';
|
3
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
4
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
5
|
declare type TypographyProps = React.ComponentProps<typeof Typography>;
|
6
6
|
export declare type AlertType = 'information' | 'success' | 'warning' | 'error';
|
@@ -0,0 +1,74 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { IconButton } from '../../../src/molecules/Button/Button';
|
14
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
15
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
16
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
17
|
+
import success from '../../../src/icons/confirm';
|
18
|
+
import cross from '../../../src/icons/cross';
|
19
|
+
import error from '../../../src/icons/error';
|
20
|
+
import info from '../../../src/icons/infoSign';
|
21
|
+
import warning from '../../../src/icons/warningSign';
|
22
|
+
const alertTypes = {
|
23
|
+
information: {
|
24
|
+
icon: info,
|
25
|
+
color: 'info-40',
|
26
|
+
},
|
27
|
+
warning: {
|
28
|
+
icon: warning,
|
29
|
+
color: 'warning-40',
|
30
|
+
},
|
31
|
+
error: {
|
32
|
+
icon: error,
|
33
|
+
color: 'error-40',
|
34
|
+
},
|
35
|
+
success: {
|
36
|
+
icon: success,
|
37
|
+
color: 'success-40',
|
38
|
+
},
|
39
|
+
};
|
40
|
+
export const Alert = (_a) => {
|
41
|
+
var { children, className, type, dense } = _a, rest = __rest(_a, ["children", "className", "type", "dense"]);
|
42
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2', {
|
43
|
+
'bg-error-5': type === 'error',
|
44
|
+
'bg-info-5': type === 'information',
|
45
|
+
'bg-success-5': type === 'success',
|
46
|
+
'bg-warning-5': type === 'warning',
|
47
|
+
'p-4': Boolean(dense),
|
48
|
+
'p-5': !dense,
|
49
|
+
}), className) }), children));
|
50
|
+
};
|
51
|
+
Alert.Title = (_a) => {
|
52
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
53
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "default-strong", color: "grey-80", className: classNames(tw('col-start-2'), className) }), children));
|
54
|
+
};
|
55
|
+
Alert.Description = (_a) => {
|
56
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
57
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "small", color: "grey-60", className: classNames(tw('col-start-2'), className) }), children));
|
58
|
+
};
|
59
|
+
Alert.Actions = (_a) => {
|
60
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
61
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 col-start-2'), className) }), children));
|
62
|
+
};
|
63
|
+
// Wrap the Icon in div because the svg alone will scale down with flex
|
64
|
+
Alert.Icon = (_a) => {
|
65
|
+
var { type, dense } = _a, rest = __rest(_a, ["type", "dense"]);
|
66
|
+
return (React.createElement("div", { className: tw('h-[20px] col-start-1 row-start-1', { 'self-start': !dense }) },
|
67
|
+
React.createElement(Icon, Object.assign({}, rest, { icon: alertTypes[type].icon, color: alertTypes[type].color, fontSize: 20 }))));
|
68
|
+
};
|
69
|
+
Alert.Dismiss = (_a) => {
|
70
|
+
var { type } = _a, rest = __rest(_a, ["type"]);
|
71
|
+
return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
|
72
|
+
React.createElement(IconButton, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
|
73
|
+
};
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFrQixJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQUN4QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxvQkFBb0IsQ0FBQztBQUN0QyxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQztBQXdCNUMsTUFBTSxVQUFVLEdBQWU7SUFDN0IsV0FBVyxFQUFFO1FBQ1gsSUFBSSxFQUFFLElBQUk7UUFDVixLQUFLLEVBQUUsU0FBUztLQUNqQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7SUFDRCxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsWUFBWTtLQUNwQjtDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFNM0UsRUFBRSxFQUFFO1FBTnVFLEVBQzFFLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLEtBQUssT0FFTixFQURJLElB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
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type BoxProps } from '../../../src/
|
3
|
-
import { Typography } from '../../../src/
|
2
|
+
import { type BoxProps } from '../../../src/molecules/Box/Box';
|
3
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
4
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
5
|
declare type TypographyProps = React.ComponentProps<typeof Typography>;
|
6
6
|
export declare type BannerVariantType = 'default' | 'outlined';
|
@@ -0,0 +1,57 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
14
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
15
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
|
+
const spacing = {
|
17
|
+
spacingAroundBanner: 'p-6',
|
18
|
+
omitSpacingAroundBanner: '-6',
|
19
|
+
};
|
20
|
+
export const Banner = (_a) => {
|
21
|
+
var { children, className, layout, variant } = _a, rest = __rest(_a, ["children", "className", "layout", "variant"]);
|
22
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw(`rounded flex justify-between gap-7 flex-nowrap ${spacing.spacingAroundBanner}`, {
|
23
|
+
'items-center': layout === 'horizontal',
|
24
|
+
'bg-grey-0': variant === 'default',
|
25
|
+
'bg-white border border-grey-5': variant === 'outlined',
|
26
|
+
})) }), children));
|
27
|
+
};
|
28
|
+
Banner.Title = (_a) => {
|
29
|
+
var { children, className, layout, titleVariant = 'primary' } = _a, rest = __rest(_a, ["children", "className", "layout", "titleVariant"]);
|
30
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "subheading", color: titleVariant === 'secondary' ? 'primary-80' : 'grey-100', className: classNames(className, tw('whitespace-nowrap', {
|
31
|
+
'mb-3': layout === 'vertical',
|
32
|
+
})) }), children));
|
33
|
+
};
|
34
|
+
Banner.Description = (_a) => {
|
35
|
+
var { flexGrow, children, className } = _a, rest = __rest(_a, ["flexGrow", "children", "className"]);
|
36
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "default", color: "grey-90", className: classNames(className, tw({ 'flex-grow': flexGrow })) }), children));
|
37
|
+
};
|
38
|
+
Banner.ContentContainer = (_a) => {
|
39
|
+
var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
|
40
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw('flex w-full', {
|
41
|
+
'flex-col': layout === 'vertical',
|
42
|
+
'flex-row flex-nowrap gap-7 items-center': layout === 'horizontal',
|
43
|
+
})) }), children));
|
44
|
+
};
|
45
|
+
Banner.ImageContainer = (_a) => {
|
46
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
47
|
+
return (React.createElement(Box, Object.assign({}, rest, { display: "inline-flex", alignItems: "center", margin: spacing.omitSpacingAroundBanner, marginLeft: "0" }), children));
|
48
|
+
};
|
49
|
+
Banner.Actions = (_a) => {
|
50
|
+
var { children, className, layout } = _a, rest = __rest(_a, ["children", "className", "layout"]);
|
51
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw('flex gap-4', { 'mt-5': layout === 'vertical' })) }), children));
|
52
|
+
};
|
53
|
+
Banner.DismissContainer = (_a) => {
|
54
|
+
var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
|
55
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
|
56
|
+
};
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBaUIsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUFpQztDQUMzRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWtFLEVBQUUsRUFBRTtRQUF0RSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksR0FBRyxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQWhFLG1EQUFrRSxD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
|
@@ -0,0 +1,54 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import isNumber from 'lodash/isNumber';
|
14
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
15
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
|
+
export const Card = React.forwardRef((_a, ref) => {
|
17
|
+
var { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
|
18
|
+
return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: classNames(tw('border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5', {
|
19
|
+
'w-[280px]': !fullWidth,
|
20
|
+
'w-full': Boolean(fullWidth),
|
21
|
+
'min-w-[280px]': Boolean(fullWidth) && Boolean(enableMinWidth),
|
22
|
+
'active:bg-grey-5 cursor-pointer hover:border-grey-50 focusable': Boolean(clickable && !disabled),
|
23
|
+
'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
|
24
|
+
}), className) }), children));
|
25
|
+
});
|
26
|
+
const ColorHighlight = (_a) => {
|
27
|
+
var { color, className } = _a, rest = __rest(_a, ["color", "className"]);
|
28
|
+
return (React.createElement(Box, Object.assign({}, rest, { backgroundColor: color, className: classNames(tw('h-1 w-full absolute top-0 left-0 right-0'), className) })));
|
29
|
+
};
|
30
|
+
const ImageContainer = (_a) => {
|
31
|
+
var { className, fullSize } = _a, rest = __rest(_a, ["className", "fullSize"]);
|
32
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('-mx-4', {
|
33
|
+
'-mt-4': Boolean(fullSize),
|
34
|
+
}), className) })));
|
35
|
+
};
|
36
|
+
const classes = 'w-full bg-cover object-cover';
|
37
|
+
const Image = ({ image, imageAlt, fullSize = false, imageHeight }) => (React.createElement("img", { src: image, alt: imageAlt, className: tw(classes, {
|
38
|
+
'h-[174px]': !imageHeight && !fullSize,
|
39
|
+
'h-[225px]': !imageHeight && fullSize,
|
40
|
+
}), style: { height: isNumber(imageHeight) ? `${imageHeight}px` : imageHeight } }));
|
41
|
+
const Content = (_a) => {
|
42
|
+
var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
|
43
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col', { 'gap-4': !dense }), className) })));
|
44
|
+
};
|
45
|
+
const Actions = (_a) => {
|
46
|
+
var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
|
47
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-3 items-center', { 'pt-3 ': !dense }), className) })));
|
48
|
+
};
|
49
|
+
Card.Content = Content;
|
50
|
+
Card.Actions = Actions;
|
51
|
+
Card.ImageContainer = ImageContainer;
|
52
|
+
Card.Image = Image;
|
53
|
+
Card.ColorHiglight = ColorHighlight;
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBeUJwRCxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbEMsQ0FBQyxFQUF1RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWhHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxjQUFjLEdBQUcsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFyRixpRkFBdUYsQ0FBRjtJQUFZLE9BQUEsQ0FDaEcsMkNBQ0UsR0FBRyxFQUFFLEdBQUcsSUFDSixJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJFQUEyRSxFQUFFO1lBQzlFLFdBQVcsRUFBRSxDQUFDLFNBQVM7WUFDdkIsUUFBUSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUM7WUFDNUIsZUFBZSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsY0FBYyxDQUFDO1lBQzlELGdFQUFnRSxFQUFFLE9BQU8sQ0FBQyxTQUFTLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDakcsdURBQXVELEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQztTQUMzRSxDQUFDLEVBQ0YsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQ2UsQ0FBQztBQUVuQixNQUFNLGNBQWMsR0FBdUQsQ0FBQyxFQUE2QixFQUFFLEVBQUU7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
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { Icon } from '../../../src/
|
13
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
14
14
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
15
|
import minus from '../../../src/icons/minus';
|
16
16
|
import tick from '../../../src/icons/tick';
|
@@ -31,4 +31,4 @@ export const Checkbox = React.forwardRef((_a, ref) => {
|
|
31
31
|
'border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
|
32
32
|
}) })));
|
33
33
|
});
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBWWxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxDQUFDLEVBQTJGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBcEcsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsYUFBYSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBekYsbUVBQTJGLENBQUY7SUFBWSxPQUFBLENBQ3BHLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDhEQUE4RCxDQUFDLEVBQUU7WUFDeEYsdURBQXVELEVBQUUsQ0FBQyxRQUFRO1lBQ2xFLGVBQWUsRUFBRSxRQUFRO1NBQzFCLENBQUM7UUFFRiw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkNBQTJDLEVBQUUsc0NBQXNDLEVBQUU7Z0JBQ3RGLHdDQUF3QyxFQUFFLENBQUMsUUFBUTtnQkFDbkQsOEJBQThCLEVBQUUsUUFBUTthQUN6QyxDQUFDLENBQ0gsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDbEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLHdCQUF3QixFQUN4QixxQ0FBcUMsRUFDckMsOENBQThDLEVBQzlDLDREQUE0RCxDQUM3RDtZQUNELDhHQUE4RztZQUM5RztnQkFDRSx1SEFBdUgsRUFDckgsQ0FBQyxRQUFRO2dCQUNYLDhFQUE4RSxFQUFFLFFBQVE7YUFDekYsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
|
@@ -21,4 +21,4 @@ const Container = React.forwardRef((_a, ref) => {
|
|
21
21
|
export const Chip = {
|
22
22
|
Container,
|
23
23
|
};
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DaGlwL0NoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFTcEQsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsQ0FBQyxFQUErQyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXhELEVBQUUsS0FBSyxHQUFHLEtBQUssRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUE3QyxrQ0FBK0MsQ0FBRjtJQUFZLE9BQUEsQ0FDeEQsNENBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsa0VBQWtFLEVBQUU7WUFDckUsb0NBQW9DLEVBQUUsQ0FBQyxLQUFLO1lBQzVDLHNDQUFzQyxFQUFFLEtBQUs7U0FDOUMsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNHLElBQUksR0FFUCxRQUFRLENBQ0osQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDO0FBTUYsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFzQjtJQUNyQyxTQUFTO0NBQ1YsQ0FBQyJ9
|
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { InlineIcon } from '../../../src/
|
14
|
-
import { cellClassNames, getBodyCellClassNames, getHeadCellClassNames, getSortCellButtonClassNames, getSortCellIconClassNames, } from '../../../src/
|
13
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
14
|
+
import { cellClassNames, getBodyCellClassNames, getHeadCellClassNames, getSortCellButtonClassNames, getSortCellIconClassNames, } from '../../../src/atoms/Table/Table';
|
15
15
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
16
|
import chevronDown from '../../../src/icons/chevronDown';
|
17
17
|
import chevronUp from '../../../src/icons/chevronUp';
|
@@ -51,4 +51,4 @@ DataList.HeadCell = HeadCell;
|
|
51
51
|
DataList.SortCell = SortCell;
|
52
52
|
DataList.Cell = Cell;
|
53
53
|
DataList.Row = Row;
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFXNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBaUUsQ0FBQyxFQUsvRSxFQUFFLEVBQUU7UUFMMkUsRUFDOUUsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLE9BRU4sRUFESSxJQUFJLGNBSnVFLGdDQUsvRSxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixJQUFJLEVBQUMsTUFBTSxFQUNYLFNBQVMsRUFBRSxVQUFVLENBQUMsY0FBYyxFQUFFLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxFQUFFLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUMxRyxDQUNILENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQStDLENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsU0FBUyxFQUFFLEtBQUssT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQzFGLDZDQUNNLElBQUksSUFDUixJQUFJLEVBQUMsTUFBTSxFQUNYLFNBQVMsRUFBRSxVQUFVLENBQ25CLGNBQWMsRUFDZCxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsRUFDNUIsa0JBQWtCLENBQUMsS0FBSyxDQUFDLEVBQ3pCLEVBQUUsQ0FBQyw0REFBNEQsQ0FBQyxFQUNoRSxTQUFTLENBQ1YsSUFDRCxDQUNILENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxHQUFHLEdBQXVCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMxRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxTQUFTLENBQUMsRUFBRSxJQUFJLEVBQUMsS0FBSyxJQUFHLENBQ3JGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxRQUFRLEdBT1YsQ0FBQyxFQUEwRCxFQUFFLEVBQUU7UUFBOUQsRUFBRSxRQUFRLEVBQUUsU0FBUyxHQUFHLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF4RCw4Q0FBMEQsQ0FBRjtJQUFPLE9BQUEsQ0FDbEUsb0JBQUMsUUFBUSxvQkFBSyxJQUFJLGlCQUFhLFNBQVMsRUFBRSxJQUFJLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBRSxNQUFNO1FBQ2xFLDhCQUFNLFNBQVMsRUFBRSwyQkFBMkIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU87WUFDckcsUUFBUTtZQUNULHNEQUVFLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxFQUFFO29CQUM3QiwrQkFBK0IsRUFBRSxTQUFTLEtBQUssTUFBTTtpQkFDdEQsQ0FBQztnQkFFRixvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUseUJBQXlCLENBQUMsU0FBUyxLQUFLLFlBQVksQ0FBQyxHQUFJO2dCQUNqRyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUseUJBQXlCLENBQUMsU0FBUyxLQUFLLFdBQVcsQ0FBQyxHQUFJLENBQzlGLENBQ0QsQ0FDRSxDQUNaLENBQUE7Q0FBQSxDQUFDO0FBRUYsUUFBUSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7QUFDN0IsUUFBUSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7QUFDN0IsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFDckIsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMifQ==
|