@aivenio/aquarium 1.2.0 → 1.3.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/README.md +2 -2
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +646 -4297
- package/dist/atoms.mjs +636 -4288
- package/dist/src/common/Alert/Alert.d.ts +1 -1
- package/dist/src/common/Alert/Alert.js +6 -6
- package/dist/src/common/Banner/Banner.d.ts +1 -1
- package/dist/src/common/Banner/Banner.js +5 -5
- package/dist/src/common/Checkbox/Checkbox.js +12 -19
- package/dist/src/common/Chip/Chip.js +4 -4
- package/dist/src/common/DataList/DataList.d.ts +1 -1
- package/dist/src/common/DataList/DataList.js +4 -4
- package/dist/src/common/Dialog/Dialog.d.ts +2 -2
- package/dist/src/common/Dialog/Dialog.js +2 -2
- package/dist/src/common/DropdownMenu/DropdownMenu.js +4 -4
- package/dist/src/common/InputGroup/InputGroup.d.ts +1 -1
- package/dist/src/common/InputGroup/InputGroup.js +1 -1
- package/dist/src/common/Modal/Modal.d.ts +6 -0
- package/dist/src/common/Modal/Modal.js +14 -5
- package/dist/src/common/Popover/Popover.d.ts +1 -1
- package/dist/src/common/Popover/Popover.js +2 -2
- package/dist/src/common/PopoverDialog/PopoverDialog.js +4 -4
- package/dist/src/common/ProgressBar/ProgressBar.js +4 -4
- package/dist/src/common/RadioButton/RadioButton.js +14 -16
- package/dist/src/common/Section/Section.d.ts +1 -1
- package/dist/src/common/Section/Section.js +3 -3
- package/dist/src/common/Select/Select.d.ts +1 -1
- package/dist/src/common/Select/Select.js +6 -6
- package/dist/src/common/Switch/Switch.d.ts +11 -0
- package/dist/src/common/Switch/Switch.js +28 -0
- package/dist/src/common/Table/Table.d.ts +5 -5
- package/dist/src/common/Table/Table.js +6 -6
- package/dist/src/common/Timeline/Timeline.js +2 -2
- package/dist/src/common/Typography/Typography.d.ts +1 -1
- package/dist/src/common/Typography/Typography.js +3 -3
- package/dist/src/common/index.d.ts +2 -1
- package/dist/src/common/index.js +3 -2
- package/dist/src/components/Alert/Alert.d.ts +7 -4
- package/dist/src/components/Alert/Alert.js +4 -4
- package/dist/src/components/Avatar/Avatar.js +2 -2
- package/dist/src/components/Badge/Badge.js +2 -2
- package/dist/src/components/Banner/Banner.d.ts +7 -4
- package/dist/src/components/Banner/Banner.js +5 -6
- package/dist/src/components/Box/Box.d.ts +6 -6
- package/dist/src/components/Box/Box.js +3 -3
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/dist/src/components/Breadcrumbs/Breadcrumbs.js +5 -5
- package/dist/src/components/Button/Button.d.ts +1 -1
- package/dist/src/components/Button/Button.js +5 -5
- package/dist/src/components/Card/Card.d.ts +12 -5
- package/dist/src/components/Card/Card.js +15 -13
- package/dist/src/components/Carousel/Carousel.js +4 -4
- package/dist/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/components/Checkbox/Checkbox.js +5 -11
- package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts +4 -4
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/src/components/Chip/Chip.d.ts +1 -1
- package/dist/src/components/Chip/Chip.js +3 -3
- package/dist/src/components/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/components/Combobox/Combobox.d.ts +1 -1
- package/dist/src/components/Combobox/Combobox.js +7 -7
- package/dist/src/components/Context/Context.d.ts +1 -1
- package/dist/src/components/Context/Context.js +1 -1
- package/dist/src/components/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/components/ControlLabel/ControlLabel.js +4 -4
- package/dist/src/components/DataList/DataList.d.ts +1 -1
- package/dist/src/components/DataList/DataList.js +7 -7
- package/dist/src/components/DataTable/DataTable.d.ts +2 -2
- package/dist/src/components/DataTable/DataTable.js +7 -7
- package/dist/src/components/Dialog/Dialog.d.ts +2 -2
- package/dist/src/components/Dialog/Dialog.js +5 -5
- package/dist/src/components/Divider/Divider.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.d.ts +5 -2
- package/dist/src/components/Dropdown/Dropdown.js +8 -8
- package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +3 -3
- package/dist/src/components/DropdownMenu/DropdownMenu.js +8 -8
- package/dist/src/components/DropdownMenu/utils.d.ts +1 -1
- package/dist/src/components/DropdownMenu/utils.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.d.ts +2 -2
- package/dist/src/components/EmptyState/EmptyState.js +12 -12
- package/dist/src/components/Flexbox/Flexbox.d.ts +5 -5
- package/dist/src/components/Flexbox/Flexbox.js +1 -1
- package/dist/src/components/Flexbox/FlexboxItem.d.ts +4 -4
- package/dist/src/components/Flexbox/FlexboxItem.js +1 -1
- package/dist/src/components/Grid/Grid.d.ts +15 -15
- package/dist/src/components/Grid/Grid.js +1 -1
- package/dist/src/components/Grid/GridItem.d.ts +8 -8
- package/dist/src/components/Grid/GridItem.js +2 -2
- package/dist/src/components/Icon/Icon.d.ts +2 -2
- package/dist/src/components/Icon/Icon.js +1 -1
- package/dist/src/components/Input/Input.d.ts +1 -1
- package/dist/src/components/Input/Input.js +6 -6
- package/dist/src/components/ListItem/ListItem.js +2 -2
- package/dist/src/components/Modal/Modal.d.ts +8 -4
- package/dist/src/components/Modal/Modal.js +12 -10
- package/dist/src/components/MultiInput/InputChip.js +5 -5
- package/dist/src/components/MultiInput/MultiInput.d.ts +1 -1
- package/dist/src/components/MultiInput/MultiInput.js +7 -5
- package/dist/src/components/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/src/components/MultiSelect/MultiSelect.js +5 -5
- package/dist/src/components/NativeSelect/NativeSelect.d.ts +1 -2
- package/dist/src/components/NativeSelect/NativeSelect.js +29 -9
- package/dist/src/components/PageHeader/PageHeader.d.ts +2 -2
- package/dist/src/components/PageHeader/PageHeader.js +5 -5
- package/dist/src/components/Pagination/Pagination.js +4 -4
- package/dist/src/components/Pagination/usePagination.js +2 -2
- package/dist/src/components/Popover/Popover.d.ts +2 -2
- package/dist/src/components/Popover/Popover.js +2 -2
- package/dist/src/components/Popover/PopoverContext.d.ts +1 -1
- package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -1
- package/dist/src/components/Popover/PopoverWrapper.js +1 -1
- package/dist/src/components/PopoverDialog/PopoverDialog.d.ts +2 -2
- package/dist/src/components/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/components/Portal/Portal.d.ts +1 -1
- package/dist/src/components/Portal/Portal.js +1 -1
- package/dist/src/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/components/RadioButton/RadioButton.js +6 -12
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.d.ts +4 -4
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +4 -4
- package/dist/src/components/Section/Section.d.ts +1 -1
- package/dist/src/components/Section/Section.js +3 -3
- package/dist/src/components/SegmentedControl/SegmentedControl.js +4 -4
- package/dist/src/components/Select/Select.d.ts +2 -2
- package/dist/src/components/Select/Select.js +12 -12
- package/dist/src/components/Skeleton/Skeleton.js +2 -2
- package/dist/src/components/Switch/Switch.d.ts +2 -4
- package/dist/src/components/Switch/Switch.js +7 -31
- package/dist/src/components/SwitchGroup/SwitchGroup.d.ts +4 -4
- package/dist/src/components/SwitchGroup/SwitchGroup.js +4 -4
- package/dist/src/components/Table/Table.d.ts +1 -1
- package/dist/src/components/Table/Table.js +2 -2
- package/dist/src/components/Tabs/Tabs.js +11 -11
- package/dist/src/components/TagLabel/TagLabel.js +2 -2
- package/dist/src/components/Tailwindify/Tailwindify.d.ts +26 -26
- package/dist/src/components/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/components/Template/Template.d.ts +4 -4
- package/dist/src/components/Template/Template.js +1 -1
- package/dist/src/components/Textarea/Textarea.d.ts +1 -1
- package/dist/src/components/Textarea/Textarea.js +5 -5
- package/dist/src/components/Timeline/Timeline.js +7 -7
- package/dist/src/components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/src/components/Tooltip/Tooltip.js +3 -3
- package/dist/src/components/Tooltip/useTooltipTriggerState.d.ts +1 -1
- package/dist/src/components/Tooltip/useTooltipTriggerState.js +1 -1
- package/dist/src/components/Typography/Typography.d.ts +28 -4
- package/dist/src/components/Typography/Typography.js +61 -21
- package/dist/src/components/index.d.ts +3 -3
- package/dist/src/components/index.js +4 -4
- package/dist/src/js/resolveTheme.d.ts +1 -1
- package/dist/src/system.d.ts +6 -6
- package/dist/src/system.js +6 -6
- package/dist/src/utils/Blueprint.js +2 -2
- package/dist/src/utils/breakpoints.d.ts +2 -2
- package/dist/src/utils/breakpoints.js +2 -2
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/createComponent.d.ts +1 -1
- package/dist/src/utils/createComponent.js +2 -2
- package/dist/src/utils/form/CharCounter/CharCounter.js +2 -2
- package/dist/src/utils/form/FormControl/FormControl.js +1 -1
- package/dist/src/utils/form/HelperText/HelperText.js +5 -5
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
- package/dist/src/utils/form/Label/Label.d.ts +2 -2
- package/dist/src/utils/form/Label/Label.js +5 -5
- package/dist/src/utils/table/types.d.ts +6 -5
- package/dist/src/utils/table/types.js +1 -1
- package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
- package/dist/src/utils/table/useScrollTarget.js +1 -1
- package/dist/src/utils/table/useTableSort.d.ts +1 -1
- package/dist/src/utils/table/useTableSort.js +1 -1
- package/dist/src/utils/tailwind.d.ts +2 -2
- package/dist/src/utils/tailwind.js +1 -1
- package/dist/src/utils/useStyle.d.ts +1 -1
- package/dist/src/utils/useStyle.js +3 -3
- package/dist/src/utils/useWindowSize.js +3 -3
- package/dist/styles.css +220 -61
- package/dist/styles_timescaledb.css +220 -62
- package/dist/system.cjs +1209 -958
- package/dist/system.mjs +1204 -953
- package/dist/tokens.json +260 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +2 -2
- package/dist/types/IconProps.d.ts +2 -2
- package/dist/types/designTokens.d.ts +1 -1
- package/dist/types/tailwind.d.ts +3 -3
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +1 -1
- package/dist/types/utils.js +1 -1
- package/package.json +30 -27
@@ -15,4 +15,4 @@ const context = {
|
|
15
15
|
breakpointMatches: getMatches(undefined),
|
16
16
|
};
|
17
17
|
export const DesignSystemContext = React.createContext(context);
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvbnRleHQvQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVyRCxPQUFPLEVBQTBCLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQVV4RCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBZ0IsRUFBZSxFQUFFO0lBQ2pFLE1BQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQ25DLE1BQU0sQ0FBQyxpQkFBaUIsRUFBRSxvQkFBb0IsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQW9CLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTVHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFFakIsT0FBTyxDQUNMLG9CQUFDLG1CQUFtQixDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxpQkFBaUIsRUFBRTtRQUN4RCxvQkFBQyxhQUFhLFFBQUUsUUFBUSxDQUFpQixDQUNaLENBQ2hDLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBa0I7SUFDN0IsaUJBQWlCLEVBQUUsVUFBVSxDQUFDLFNBQVMsQ0FBQztDQUN6QyxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBZ0IsT0FBTyxDQUFDLENBQUMifQ==
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { ElementProps } from '../../../src/components';
|
2
|
+
import { type ElementProps } from '../../../src/components';
|
3
3
|
declare type LabelPlacement = 'top' | 'bottom' | 'right' | 'left';
|
4
4
|
export declare type ControlLabelProps = Omit<ElementProps<'label'>, 'component'> & {
|
5
5
|
label?: React.ReactNode;
|
@@ -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 { tw } from '../../../src/utils/tailwind';
|
14
13
|
import { Typography } from '../../../src/components/Typography/Typography';
|
14
|
+
import { tw } from '../../../src/utils/tailwind';
|
15
15
|
export const ControlLabel = (_a) => {
|
16
16
|
var { label, caption, disabled = false, readOnly = false, children, style } = _a, rest = __rest(_a, ["label", "caption", "disabled", "readOnly", "children", "style"]);
|
17
17
|
const textClass = disabled ? 'text-grey-40' : 'text-grey-100';
|
@@ -20,7 +20,7 @@ export const ControlLabel = (_a) => {
|
|
20
20
|
'cursor-not-allowed': disabled,
|
21
21
|
}, textClass), style: Object.assign({}, style) }, rest),
|
22
22
|
children,
|
23
|
-
label && React.createElement("span", { className: tw('typography-
|
24
|
-
caption && (React.createElement(Typography, { className: tw('col-start-2'), variant: "caption
|
23
|
+
label && React.createElement("span", { className: tw('typography-small self-center') }, label),
|
24
|
+
caption && (React.createElement(Typography, { className: tw('col-start-2'), variant: "caption", color: disabled ? 'grey-40' : 'grey-50' }, caption))));
|
25
25
|
};
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udHJvbExhYmVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29udHJvbExhYmVsL0NvbnRyb2xMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBR2xFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVl4QyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFRekQsRUFBRSxFQUFFO1FBUnFELEVBQ3hELEtBQUssRUFDTCxPQUFPLEVBQ1AsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxFQUNSLEtBQUssT0FFTixFQURJLElBQUksY0FQaUQsaUVBUXpELENBRFE7SUFFUCxNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDO0lBRTlELE9BQU8sQ0FDTCw2Q0FDRSxTQUFTLEVBQUUsRUFBRSxDQUNYLGtDQUFrQyxFQUNsQztZQUNFLGdCQUFnQixFQUFFLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUTtZQUN4QyxvQkFBb0IsRUFBRSxRQUFRO1NBQy9CLEVBQ0QsU0FBUyxDQUNWLEVBQ0QsS0FBSyxvQkFBTyxLQUFLLEtBQ2IsSUFBSTtRQUVQLFFBQVE7UUFDUixLQUFLLElBQUksOEJBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQyxJQUFHLEtBQUssQ0FBUTtRQUM1RSxPQUFPLElBQUksQ0FDVixvQkFBQyxVQUFVLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxPQUFPLEVBQUMsU0FBUyxFQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUNoRyxPQUFPLENBQ0csQ0FDZCxDQUNLLENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import {
|
2
|
+
import { type DataListColumn, type DataTableRow } from '../../../src/utils/table/types';
|
3
3
|
export declare type DataListProps<R extends DataTableRow> = {
|
4
4
|
/**
|
5
5
|
* Array of column definitions that correspond to the data rows.
|
@@ -1,13 +1,13 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import
|
3
|
-
import {
|
4
|
-
import { Item } from '../../../src/common/Table/Table';
|
2
|
+
import orderBy from 'lodash/orderBy';
|
3
|
+
import { SecondaryButton } from '../../../src/components/Button/Button';
|
5
4
|
import { StatusChip } from '../../../src/components/Chip/Chip';
|
6
5
|
import { Template } from '../../../src/components/Template/Template';
|
7
|
-
import {
|
8
|
-
import {
|
9
|
-
import orderBy from 'lodash/orderBy';
|
6
|
+
import { DataList as DataListBase } from '../../../src/common/DataList/DataList';
|
7
|
+
import { Item } from '../../../src/common/Table/Table';
|
10
8
|
import { List } from '../../../src/components';
|
9
|
+
import { renameProperty } from '../../../src/utils/object';
|
10
|
+
import { cellProps, toSortDirection } from '../../../src/utils/table/types';
|
11
11
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
12
12
|
export const DataList = ({ columns, rows }) => {
|
13
13
|
const [sort, updateSort] = useTableSort();
|
@@ -21,4 +21,4 @@ export const DataList = ({ columns, rows }) => {
|
|
21
21
|
React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(DataListBase.Cell, null,
|
22
22
|
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])) }))) })));
|
23
23
|
};
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EYXRhTGlzdC9EYXRhTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sT0FBTyxNQUFNLGdCQUFnQixDQUFDO0FBRXJDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTlDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUEwQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0csT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBYzVELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUF5QixFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQW9CLEVBQWUsRUFBRTtJQUNuRyxNQUFNLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxHQUFHLFlBQVksRUFBSyxDQUFDO0lBQzdDLE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLFNBQVMsQ0FBQyxDQUFDLENBQVEsQ0FBQztJQUN6RixNQUFNLGVBQWUsR0FBRyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsV0FBQyxPQUFBLE1BQUEsTUFBTSxDQUFDLEtBQUssbUNBQUksTUFBTSxDQUFBLEVBQUEsQ0FBQyxDQUFDO0lBQ3hFLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLElBQUMsT0FBTyxFQUFFLGVBQWU7UUFDL0IsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQ3RCLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUN4RSxvQkFBQyxZQUFZLENBQUMsUUFBUSxrQkFDcEIsU0FBUyxFQUFFLElBQUksSUFBSSxJQUFJLENBQUMsR0FBRyxLQUFLLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFDdEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLElBQ25DLFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FFcEIsTUFBTSxDQUFDLFVBQVUsQ0FDSSxDQUN6QixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLFlBQVksQ0FBQyxRQUFRLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUF5QixDQUMxRixDQUNGO1FBQ0Qsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRSxVQUFVLEVBQ2pCLFVBQVUsRUFBRSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQzFCLG9CQUFDLFlBQVksQ0FBQyxHQUFHLElBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxFQUFFO2dCQUMzQixvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLE9BQU8sRUFDZCxVQUFVLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUNyQixNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDekIsb0JBQUMsWUFBWSxDQUFDLElBQUksb0JBQUssU0FBUyxDQUFDLE1BQU0sQ0FBQzt3QkFDdEMsb0JBQUMsVUFBVSxrQkFBQyxLQUFLLFVBQUssTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFJLENBQzdDLENBQ3JCLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUM3QixvQkFBQyxZQUFZLENBQUMsSUFBSSxvQkFBSyxTQUFTLENBQUMsTUFBTSxDQUFDO3dCQUN0QyxvQkFBQyxlQUFlLGtCQUNkLEtBQUssVUFDRCxjQUFjLENBQUMsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUMsRUFDN0UsQ0FDZ0IsQ0FDckIsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQzdCLG9CQUFDLFlBQVksQ0FBQyxJQUFJLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FDckMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUMzQixDQUNyQixDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FDM0Isb0JBQUMsWUFBWSxDQUFDLElBQUk7d0JBQ2hCLG9CQUFDLElBQUksb0JBQUssTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFJLENBQy9CLENBQ3JCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsWUFBWSxDQUFDLElBQUksb0JBQUssU0FBUyxDQUFDLE1BQU0sQ0FBQyxHQUNyQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FDakYsQ0FDckIsR0FFSCxDQUNlLENBQ3BCLEdBQ0QsQ0FDTyxDQUNaLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { TableProps } from '../../../src/components/Table/Table';
|
3
|
-
import {
|
2
|
+
import { type TableProps } from '../../../src/components/Table/Table';
|
3
|
+
import { type DataTableColumn, type DataTableRow } from '../../../src/utils/table/types';
|
4
4
|
export declare type DataTableProps<R extends DataTableRow> = {
|
5
5
|
/**
|
6
6
|
* Array of column definitions that correspond to the data rows.
|
@@ -10,16 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import
|
13
|
+
import orderBy from 'lodash/orderBy';
|
14
|
+
import { SecondaryButton } from '../../../src/components/Button/Button';
|
15
|
+
import { StatusChip } from '../../../src/components/Chip/Chip';
|
14
16
|
import { Table } from '../../../src/components/Table/Table';
|
15
17
|
import { Item } from '../../../src/common/Table/Table';
|
16
|
-
import { StatusChip } from '../../../src/components/Chip/Chip';
|
17
|
-
import { SecondaryButton } from '../../../src/components/Button/Button';
|
18
|
-
import { renameProperty } from '../../../src/utils/object';
|
19
|
-
import orderBy from 'lodash/orderBy';
|
20
18
|
import { List } from '../../../src/components';
|
21
|
-
import {
|
19
|
+
import { renameProperty } from '../../../src/utils/object';
|
20
|
+
import { cellProps, toSortDirection } from '../../../src/utils/table/types';
|
22
21
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
22
|
+
import { tw } from '../../../src/utils/tailwind';
|
23
23
|
export const DataTable = (_a) => {
|
24
24
|
var { columns, rows, noWrap = false, layout = 'auto' } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout"]);
|
25
25
|
const [sort, updateSort] = useTableSort();
|
@@ -39,4 +39,4 @@ export const DataTable = (_a) => {
|
|
39
39
|
? column.formatter(row[column.field], row, index, sortedRows)
|
40
40
|
: row[column.field])) }))) }))));
|
41
41
|
};
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0YVRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFFckMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQW1CLEtBQUssRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXBFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFBMkMsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUF5QnhDLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUF5QixFQU05QixFQUFlLEVBQUU7UUFOYSxFQUNoRCxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sR0FBRyxLQUFLLEVBQ2QsTUFBTSxHQUFHLE1BQU0sT0FFRyxFQURmLElBQUksY0FMeUMsdUNBTWpELENBRFE7SUFFUCxNQUFNLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxHQUFHLFlBQVksRUFBSyxDQUFDO0lBQzdDLE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsR0FB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
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import
|
2
|
+
import { type DialogType } from '../../../src/common/Dialog/Dialog';
|
3
3
|
import { Modal } from '../../../src/common/Modal/Modal';
|
4
|
-
import {
|
4
|
+
import { type ActionType, type AsyncActionType } from '../../../types/ActionType';
|
5
5
|
export declare type DialogProps = {
|
6
6
|
/** Title of the dialog. Use 'Confirmation', 'Warning' or 'Danger'. */
|
7
7
|
title: string;
|
@@ -1,14 +1,14 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import omit from 'lodash/omit';
|
3
|
-
import { Overlay, useModalOverlay } from '@react-aria/overlays';
|
4
2
|
import { useDialog } from '@react-aria/dialog';
|
5
3
|
import { FocusScope } from '@react-aria/focus';
|
4
|
+
import { Overlay, useModalOverlay } from '@react-aria/overlays';
|
6
5
|
import { useId } from '@react-aria/utils';
|
7
6
|
import { useOverlayTriggerState } from '@react-stately/overlays';
|
7
|
+
import omit from 'lodash/omit';
|
8
8
|
import { GhostButton, SecondaryButton } from '../../../src/components/Button/Button';
|
9
9
|
import { Icon } from '../../../src/components/Icon/Icon';
|
10
|
-
import { Modal } from '../../../src/common/Modal/Modal';
|
11
10
|
import { DIALOG_ICONS_AND_COLORS } from '../../../src/common/Dialog/Dialog';
|
11
|
+
import { Modal } from '../../../src/common/Modal/Modal';
|
12
12
|
export const Dialog = ({ title, type = 'confirmation', open, children, primaryAction, secondaryAction, }) => {
|
13
13
|
const ref = React.useRef(null);
|
14
14
|
const state = useOverlayTriggerState({ isOpen: open });
|
@@ -31,11 +31,11 @@ export const Dialog = ({ title, type = 'confirmation', open, children, primaryAc
|
|
31
31
|
React.createElement(Modal.Dialog, Object.assign({ ref: ref, size: "sm" }, modalProps, dialogProps),
|
32
32
|
React.createElement(Modal.Header, null,
|
33
33
|
React.createElement(Icon, { icon: DIALOG_ICONS_AND_COLORS[type].icon, color: DIALOG_ICONS_AND_COLORS[type].color, fontSize: 20 }),
|
34
|
-
React.createElement(Modal.Title, { id: labelledBy, variant: "
|
34
|
+
React.createElement(Modal.Title, { id: labelledBy, variant: "large-strong", color: DIALOG_ICONS_AND_COLORS[type].color }, title)),
|
35
35
|
React.createElement(Modal.Body, { id: describedBy }, children),
|
36
36
|
React.createElement(Modal.Footer, null,
|
37
37
|
React.createElement(Modal.Actions, null,
|
38
38
|
secondaryAction && (React.createElement(GhostButton, Object.assign({ key: secondaryAction.text }, omit(secondaryAction, 'text')), secondaryAction.text)),
|
39
39
|
React.createElement(SecondaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))))));
|
40
40
|
};
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakUsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWhELE9BQU8sRUFBbUIsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUF3Qi9DLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBMEIsQ0FBQyxFQUM1QyxLQUFLLEVBQ0wsSUFBSSxHQUFHLGNBQWMsRUFDckIsSUFBSSxFQUNKLFFBQVEsRUFDUixhQUFhLEVBQ2IsZUFBZSxHQUNoQixFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUMvQyxNQUFNLEtBQUssR0FBRyxzQkFBc0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZELE1BQU0sRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLEdBQUcsZUFBZSxDQUFDLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztJQUM1RixNQUFNLFVBQVUsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUMzQixNQUFNLFdBQVcsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUM1Qix1RUFBdUU7SUFDdkUsNEVBQTRFO0lBQzVFLHdFQUF3RTtJQUN4RSx5RUFBeUU7SUFDekUsbUVBQW1FO0lBQ25FLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxTQUFTLENBQy9CLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsV0FBVyxFQUFFLEVBQ3pGLEdBQUcsQ0FDSixDQUFDO0lBRUYsSUFBSSxDQUFDLElBQUksRUFBRTtRQUNULE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxPQUFPLENBQ0wsb0JBQUMsT0FBTztRQUNOLG9CQUFDLEtBQUssSUFBQyxJQUFJLEVBQUUsSUFBSTtZQUNmLG9CQUFDLEtBQUssQ0FBQyxRQUFRLG9CQUFLLGFBQWEsRUFBSTtZQUNyQyxvQkFBQyxVQUFVLElBQUMsT0FBTyxRQUFDLFlBQVksUUFBQyxTQUFTO2dCQUN4QyxvQkFBQyxLQUFLLENBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBQyxJQUFJLElBQUssVUFBVSxFQUFNLFdBQVc7b0JBSy9ELG9CQUFDLEtBQUssQ0FBQyxNQUFNO3dCQUNYLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUN4QyxLQUFLLEVBQUUsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxFQUMxQyxRQUFRLEVBQUUsRUFBRSxHQUNaO3dCQUNGLG9CQUFDLEtBQUssQ0FBQyxLQUFLLElBQUMsRUFBRSxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsY0FBYyxFQUFDLEtBQUssRUFBRSx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxLQUFLLElBQzNGLEtBQUssQ0FDTSxDQUNEO29CQUNmLG9CQUFDLEtBQUssQ0FBQyxJQUFJLElBQUMsRUFBRSxFQUFFLFdBQVcsSUFBRyxRQUFRLENBQWM7b0JBQ3BELG9CQUFDLEtBQUssQ0FBQyxNQUFNO3dCQUNYLG9CQUFDLEtBQUssQ0FBQyxPQUFPOzRCQUNYLGVBQWUsSUFBSSxDQUNsQixvQkFBQyxXQUFXLGtCQUFDLEdBQUcsRUFBRSxlQUFlLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLEdBQ3RFLGVBQWUsQ0FBQyxJQUFJLENBQ1QsQ0FDZjs0QkFDRCxvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3RFLGFBQWEsQ0FBQyxJQUFJLENBQ0gsQ0FDSixDQUNILENBQ0YsQ0FDSixDQUNQLENBQ0EsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -44,4 +44,4 @@ export const Divider = (_a) => {
|
|
44
44
|
'inline-block h-full': direction === 'vertical',
|
45
45
|
}) })));
|
46
46
|
};
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RpdmlkZXIvRGl2aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBOEJ4QyxNQUFNLFdBQVcsR0FBZ0I7SUFDL0IsVUFBVSxFQUFFO1FBQ1YsQ0FBQyxFQUFFLE9BQU87UUFDVixDQUFDLEVBQUUsS0FBSztRQUNSLENBQUMsRUFBRSxLQUFLO1FBQ1IsQ0FBQyxFQUFFLEtBQUs7UUFDUixFQUFFLEVBQUUsS0FBSztRQUNULEVBQUUsRUFBRSxLQUFLO0tBQ1Y7SUFDRCxRQUFRLEVBQUU7UUFDUixDQUFDLEVBQUUsT0FBTztRQUNWLENBQUMsRUFBRSxLQUFLO1FBQ1IsQ0FBQyxFQUFFLEtBQUs7UUFDUixDQUFDLEVBQUUsS0FBSztRQUNSLEVBQUUsRUFBRSxLQUFLO1FBQ1QsRUFBRSxFQUFFLEtBQUs7S0FDVjtDQUNGLENBQUM7QUFFRjs7Ozs7O0dBTUc7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBZ0QsRUFBRSxFQUFFO1FBQXBELEVBQUUsU0FBUyxHQUFHLFlBQVksRUFBRSxJQUFJLEdBQUcsQ0FBQyxPQUFZLEVBQVAsS0FBSyxjQUE5QyxxQkFBZ0QsQ0FBRjtJQUM1RixNQUFNLFNBQVMsR0FBRyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0MsT0FBTyxDQUNMLDZDQUNNLEtBQUssSUFDVCxTQUFTLEVBQUUsRUFBRSxDQUFDLGFBQWEsU0FBUyxFQUFXLEVBQUU7WUFDL0MsY0FBYyxFQUFFLFNBQVMsS0FBSyxZQUFZO1lBQzFDLHFCQUFxQixFQUFFLFNBQVMsS0FBSyxVQUFVO1NBQ2hELENBQUMsSUFDRixDQUNILENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
3
|
-
import {
|
2
|
+
import { type PopoverPlacement } from '../../../src/components/Popover/Popover';
|
3
|
+
import { type TooltipProps } from '../../../src/components/Tooltip/Tooltip';
|
4
4
|
declare type DropdownProps = {
|
5
5
|
children: React.ReactElement;
|
6
6
|
content: React.ReactElement<DropdownMenuProps>;
|
@@ -21,6 +21,9 @@ declare type DropdownItemProps = React.ButtonHTMLAttributes<HTMLLIElement> & {
|
|
21
21
|
onSelect?: () => void;
|
22
22
|
setClose?: () => void;
|
23
23
|
};
|
24
|
+
/**
|
25
|
+
* @deprecated Please use <DropdownMenu> component instead.
|
26
|
+
*/
|
24
27
|
export declare const Dropdown: React.FC<DropdownProps> & {
|
25
28
|
Menu: React.FC<DropdownMenuProps>;
|
26
29
|
Item: React.FC<DropdownItemProps>;
|
@@ -10,18 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw } from '../../../src/utils/tailwind';
|
14
|
-
import { Tooltip } from '../../../src/components/Tooltip/Tooltip';
|
15
13
|
import { Popover } from '../../../src/components/Popover/Popover';
|
16
14
|
import { usePopoverContext } from '../../../src/components/Popover/PopoverContext';
|
15
|
+
import { Tooltip } from '../../../src/components/Tooltip/Tooltip';
|
16
|
+
import { tw } from '../../../src/utils/tailwind';
|
17
|
+
/**
|
18
|
+
* @deprecated Please use <DropdownMenu> component instead.
|
19
|
+
*/
|
17
20
|
export const Dropdown = ({ children, content, placement = 'bottom-left' }) => {
|
18
21
|
return (React.createElement(Popover, { type: "menu", placement: placement, autoFocus: true },
|
19
22
|
React.createElement(Popover.Trigger, null, children),
|
20
23
|
React.createElement(Popover.Panel, null, content)));
|
21
24
|
};
|
22
|
-
/**
|
23
|
-
* @deprecated Please use <DropdownMenu> component instead.
|
24
|
-
*/
|
25
25
|
const DropdownMenu = ({ title, children, contentId, triggerId, setClose = () => undefined, }) => {
|
26
26
|
const menuRef = React.useRef(null);
|
27
27
|
React.useEffect(() => {
|
@@ -29,7 +29,7 @@ const DropdownMenu = ({ title, children, contentId, triggerId, setClose = () =>
|
|
29
29
|
return () => clearTimeout(id);
|
30
30
|
}, [menuRef.current]);
|
31
31
|
return (React.createElement("div", { style: { minWidth: '250px' }, className: tw('py-3 bg-white') },
|
32
|
-
!!title &&
|
32
|
+
!!title && React.createElement("div", { className: tw('px-4 py-4 text-left text-grey-100 typography-default-strong') }, title),
|
33
33
|
React.createElement("ol", { role: 'menu', ref: menuRef, id: contentId, "aria-labelledby": triggerId }, React.Children.map(children, (child) => {
|
34
34
|
return React.cloneElement(child, { setClose });
|
35
35
|
}))));
|
@@ -76,7 +76,7 @@ const DropdownItem = (_a) => {
|
|
76
76
|
}
|
77
77
|
};
|
78
78
|
const itemContent = React.createElement("div", { className: tw('py-3 px-4') }, children);
|
79
|
-
return (React.createElement("li", Object.assign({ role: 'menuitem', tabIndex: -1, onClick: handleClick, onKeyDown: handleKeyDown }, props, { className: tw('typography-
|
79
|
+
return (React.createElement("li", Object.assign({ role: 'menuitem', tabIndex: -1, onClick: handleClick, onKeyDown: handleKeyDown }, props, { className: tw('typography-small flex items-center focus:ring-0', {
|
80
80
|
'text-grey-70 cursor-pointer hover:bg-grey-0': !disabled,
|
81
81
|
'text-grey-10 cursor-not-allowed': disabled,
|
82
82
|
'text-primary-70 hover:text-primary-80': color === 'danger' && !disabled,
|
@@ -84,4 +84,4 @@ const DropdownItem = (_a) => {
|
|
84
84
|
};
|
85
85
|
Dropdown.Menu = DropdownMenu;
|
86
86
|
Dropdown.Item = DropdownItem;
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUF5QixPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMxRSxPQUFPLEVBQXFCLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRTVFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXlCeEM7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBR2pCLENBQUMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBRyxhQUFhLEVBQUUsRUFBRSxFQUFFO0lBQ3ZELE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxJQUFJO1FBQ3hELG9CQUFDLE9BQU8sQ0FBQyxPQUFPLFFBQUUsUUFBUSxDQUFtQjtRQUM3QyxvQkFBQyxPQUFPLENBQUMsS0FBSyxRQUFFLE9BQU8sQ0FBaUIsQ0FDaEMsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFDakQsS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxFQUNULFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxTQUFTLEdBQzNCLEVBQUUsRUFBRTtJQUNILE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBQ3JELEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sRUFBRSxHQUFHLFVBQVUsQ0FB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
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { ItemProps, Selection, SelectionMode } from '@react-types/shared';
|
3
|
-
import type
|
4
|
-
import type
|
2
|
+
import { type ItemProps, type Selection, type SelectionMode } from '@react-types/shared';
|
3
|
+
import { type PopoverPlacement } from '../../../src/components/Popover/Popover';
|
4
|
+
import { type Icon } from '../../../types/IconProps';
|
5
5
|
declare type DropdownMenuTriggerProps = {
|
6
6
|
children: React.ReactElement;
|
7
7
|
};
|
@@ -11,19 +11,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
13
|
import { useFilter } from '@react-aria/i18n';
|
14
|
-
import {
|
15
|
-
import {
|
16
|
-
import { useMenuTriggerState } from '@react-stately/menu';
|
14
|
+
import { PressResponder, usePress } from '@react-aria/interactions';
|
15
|
+
import { useMenu, useMenuItem, useMenuSection, useMenuTrigger } from '@react-aria/menu';
|
17
16
|
import { useOverlayPosition } from '@react-aria/overlays';
|
18
|
-
import { useMenuTrigger, useMenu, useMenuItem, useMenuSection } from '@react-aria/menu';
|
19
17
|
import { useSeparator } from '@react-aria/separator';
|
20
|
-
import { usePress, PressResponder } from '@react-aria/interactions';
|
21
18
|
import { mergeProps } from '@react-aria/utils';
|
22
|
-
import {
|
19
|
+
import { Item, Section } from '@react-stately/collections';
|
20
|
+
import { useMenuTriggerState } from '@react-stately/menu';
|
21
|
+
import { useTreeState } from '@react-stately/tree';
|
22
|
+
import { SearchInput } from '../../../src/components/Input/Input';
|
23
23
|
import { PopoverWrapper } from '../../../src/components/Popover/PopoverWrapper';
|
24
24
|
import { DropdownMenu as Base } from '../../../src/common/DropdownMenu/DropdownMenu';
|
25
|
+
import { tw } from '../../../src/utils/tailwind';
|
25
26
|
import { isComponentType } from '../../../types/utils';
|
26
|
-
import { SearchInput } from '../../../src/components/Input/Input';
|
27
27
|
import { filterCollection } from './utils';
|
28
28
|
export const DropdownMenu = (_a) => {
|
29
29
|
var { onAction, selectionMode, selection, onSelectionChange, placement = 'bottom-left', minWidth, maxWidth, searchable = false, emptyState, header, footer, children } = _a, props = __rest(_a, ["onAction", "selectionMode", "selection", "onSelectionChange", "placement", "minWidth", "maxWidth", "searchable", "emptyState", "header", "footer", "children"]);
|
@@ -141,4 +141,4 @@ const getDisabledItemKeys = (children) => {
|
|
141
141
|
});
|
142
142
|
return keys.flat().filter((key) => key !== null);
|
143
143
|
};
|
144
|
-
//# sourceMappingURL=data:application/json;base64,
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRHJvcGRvd25NZW51L0Ryb3Bkb3duTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDcEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQWtCLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBYW5FLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFdkUsT0FBTyxFQUFFLFlBQVksSUFBSSxJQUFJLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUU1RSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFr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
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Collection, Node } from '@react-types/shared';
|
1
|
+
import { type Collection, type Node } from '@react-types/shared';
|
2
2
|
export declare type FilterFn = (textValue: string, inputValue: string) => boolean;
|
3
3
|
export declare const filterCollection: <T extends Record<string, unknown>>(collection: Collection<Node<T>>, inputValue: string, filter: FilterFn) => Collection<Node<T>>;
|
4
4
|
export declare const filterNodes: <T>(nodes: Iterable<Node<T>>, inputValue: string, filter: FilterFn) => Iterable<Node<T>>;
|
@@ -17,4 +17,4 @@ export const filterNodes = (nodes, inputValue, filter) => {
|
|
17
17
|
}
|
18
18
|
return filteredNode;
|
19
19
|
};
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ecm9wZG93bk1lbnUvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBS3JELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLENBQzlCLFVBQStCLEVBQy9CLFVBQWtCLEVBQ2xCLE1BQWdCLEVBQ0ssRUFBRTtJQUN2QixPQUFPLElBQUksY0FBYyxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFDekUsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLENBQUksS0FBd0IsRUFBRSxVQUFrQixFQUFFLE1BQWdCLEVBQXFCLEVBQUU7SUFDbEgsTUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFDO0lBRXhCLEtBQUssTUFBTSxJQUFJLElBQUksS0FBSyxFQUFFO1FBQ3hCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUNqRCxNQUFNLFFBQVEsR0FBRyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDbEUsSUFBSSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtnQkFDNUIsWUFBWSxDQUFDLElBQUksaUNBQU0sSUFBSSxLQUFFLFVBQVUsRUFBRSxRQUFRLElBQUcsQ0FBQzthQUN0RDtTQUNGO2FBQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRTtZQUN4RSxZQUFZLENBQUMsSUFBSSxtQkFBTSxJQUFJLEVBQUcsQ0FBQztTQUNoQztLQUNGO0lBQ0QsT0FBTyxZQUFZLENBQUM7QUFDdEIsQ0FBQyxDQUFDIn0=
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type
|
2
|
+
import { type AsyncActionType } from '../../../types/ActionType';
|
3
3
|
export declare enum EmptyStateLayout {
|
4
4
|
CenterVertical = "center-vertical",
|
5
5
|
LeftVertical = "left-vertical",
|
@@ -39,7 +39,7 @@ export declare type EmptyStateProps = {
|
|
39
39
|
*/
|
40
40
|
secondaryAction?: AsyncActionType;
|
41
41
|
/**
|
42
|
-
* Use Typography component if possible. By default, this is wrapped by typography '
|
42
|
+
* Use Typography component if possible. By default, this is wrapped by typography 'small' size.
|
43
43
|
*/
|
44
44
|
footer?: React.ReactNode;
|
45
45
|
/**
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import
|
2
|
+
import omit from 'lodash/omit';
|
3
3
|
import { Box } from '../../../src/components/Box/Box';
|
4
4
|
import { PrimaryButton, SecondaryButton } from '../../../src/components/Button/Button';
|
5
5
|
import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
|
6
6
|
import { FlexboxItem } from '../../../src/components/Flexbox/FlexboxItem';
|
7
7
|
import { Typography } from '../../../src/components/Typography/Typography';
|
8
|
-
import
|
8
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
9
9
|
export var EmptyStateLayout;
|
10
10
|
(function (EmptyStateLayout) {
|
11
11
|
EmptyStateLayout["CenterVertical"] = "center-vertical";
|
@@ -55,20 +55,20 @@ export const EmptyState = ({ title, image, imageAlt = '', imageWidth, descriptio
|
|
55
55
|
'border border-solid': borderStyle === 'solid',
|
56
56
|
'text-left': layout !== EmptyStateLayout.CenterVertical,
|
57
57
|
'text-center': layout === EmptyStateLayout.CenterVertical,
|
58
|
-
})), backgroundColor:
|
58
|
+
})), backgroundColor: "transparent", borderColor: "grey-10", padding: "9" },
|
59
59
|
React.createElement(Flexbox, { direction: template.layout, justifyContent: template.justifyContent,
|
60
60
|
// in case of horizontal layouts, the content inside the 2nd col should align center with image.
|
61
|
-
alignItems: template.layout === 'row' ? 'center' : template.alignItems, colGap:
|
61
|
+
alignItems: template.layout === 'row' ? 'center' : template.alignItems, colGap: "l5", rowGap: "8" },
|
62
62
|
image && (React.createElement(FlexboxItem, null,
|
63
63
|
React.createElement("img", { src: image, alt: imageAlt, style: { width: imageWidth ? `${imageWidth}px` : undefined, height: 'auto' } }))),
|
64
|
-
React.createElement(Flexbox, { style: { maxWidth: '610px' }, direction:
|
65
|
-
React.createElement(Typography, { variant:
|
66
|
-
description && (React.createElement(Box, { marginTop:
|
67
|
-
React.createElement(Typography, { variant:
|
68
|
-
(secondaryAction || primaryAction) && (React.createElement(Flexbox, { marginTop:
|
64
|
+
React.createElement(Flexbox, { style: { maxWidth: '610px' }, direction: "column", justifyContent: template.justifyContent, alignItems: template.alignItems },
|
65
|
+
React.createElement(Typography, { variant: "heading", htmlTag: "h2" }, title),
|
66
|
+
description && (React.createElement(Box, { marginTop: "5" },
|
67
|
+
React.createElement(Typography, { variant: "default", color: "grey-60" }, description))),
|
68
|
+
(secondaryAction || primaryAction) && (React.createElement(Flexbox, { marginTop: "7", gap: "4", justifyContent: "center", alignItems: "center", wrap: "wrap" },
|
69
69
|
primaryAction && React.createElement(PrimaryButton, Object.assign({}, omit(primaryAction, 'text')), primaryAction.text),
|
70
70
|
secondaryAction && (React.createElement(SecondaryButton, Object.assign({}, omit(secondaryAction, 'text')), secondaryAction.text)))),
|
71
|
-
footer && (React.createElement(Box, { marginTop:
|
72
|
-
React.createElement(Typography, { htmlTag:
|
71
|
+
footer && (React.createElement(Box, { marginTop: "7" },
|
72
|
+
React.createElement(Typography, { htmlTag: "div", variant: "small", color: "grey-60" }, footer)))))));
|
73
73
|
};
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE1BQU0sQ0FBTixJQUFZLGdCQUtYO0FBTEQsV0FBWSxnQkFBZ0I7SUFDMUIsc0RBQWtDLENBQUE7SUFDbEMsa0RBQThCLENBQUE7SUFDOUIsMERBQXNDLENBQUE7SUFDdEMsc0RBQWtDLENBQUE7QUFDcEMsQ0FBQyxFQUxXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFLM0I7QUFpRUQsTUFBTSxXQUFXLEdBQUcsQ0FBQyxNQUF3QixFQUFvQixFQUFFO0lBQ2pFLFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxnQkFBZ0IsQ0FBQyxZQUFZO1lBQ2hDLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLFFBQVE7Z0JBQ2hCLGNBQWMsRUFBRSxZQUFZO2dCQUM1QixVQUFVLEVBQUUsWUFBWTthQUN6QixDQUFDO1FBQ0osS0FBSyxnQkFBZ0IsQ0FBQyxjQUFjO1lBQ2xDLE9BQU87Z0JBQ0wsTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsY0FBYyxFQUFFLFlBQVk7Z0JB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
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { ObjectBreakpointable } from '../../../types/tailwind';
|
3
|
-
import twTheme from '../../../tailwind.theme.json';
|
2
|
+
import { type ObjectBreakpointable } from '../../../types/tailwind';
|
3
|
+
import type twTheme from '../../../tailwind.theme.json';
|
4
4
|
export declare type FlexboxProps = {
|
5
5
|
children: React.ReactNode;
|
6
6
|
htmlTag?: keyof JSX.IntrinsicElements;
|
@@ -13,8 +13,8 @@ export declare type FlexboxProps = {
|
|
13
13
|
alignItems?: React.CSSProperties['alignItems'];
|
14
14
|
direction?: React.CSSProperties['flexDirection'];
|
15
15
|
wrap?: React.CSSProperties['flexWrap'];
|
16
|
-
gap?: keyof typeof twTheme['gap'];
|
17
|
-
colGap?: keyof typeof twTheme['gap'];
|
18
|
-
rowGap?: keyof typeof twTheme['gap'];
|
16
|
+
gap?: keyof (typeof twTheme)['gap'];
|
17
|
+
colGap?: keyof (typeof twTheme)['gap'];
|
18
|
+
rowGap?: keyof (typeof twTheme)['gap'];
|
19
19
|
}>;
|
20
20
|
export declare const Flexbox: (props: import("../../../src/components/Tailwindify/Tailwindify").TailwindifyProps<FlexboxProps>) => JSX.Element;
|
@@ -16,4 +16,4 @@ export const Flexbox = Tailwindify(({ htmlTag = 'div', className, style, childre
|
|
16
16
|
const HtmlElement = htmlTag;
|
17
17
|
return (React.createElement(HtmlElement, { style: Object.assign(Object.assign({}, hookStyle), style), className: className }, children));
|
18
18
|
});
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleGJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZsZXhib3gvRmxleGJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFzQjlDLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxXQUFXLENBQ2hDLENBQUMsRUFDQyxPQUFPLEdBQUcsS0FBSyxFQUNmLFNBQVMsRUFDVCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sR0FBRyxNQUFNLEVBQ2hCLGNBQWMsRUFDZCxZQUFZLEVBQ1osVUFBVSxFQUNWLFNBQVMsRUFDVCxJQUFJLEVBQ0osR0FBRyxFQUNILE1BQU0sRUFDTixNQUFNLEdBQ1AsRUFBRSxFQUFFO0lBQ0gsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLE9BQU87UUFDUCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixhQUFhLEVBQUUsU0FBUztRQUN4QixRQUFRLEVBQUUsSUFBSTtRQUNkLEdBQUc7UUFDSCxTQUFTLEVBQUUsTUFBTTtRQUNqQixNQUFNO0tBQ1AsQ0FBQyxDQUFDO0lBRUgsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO0lBRTVCLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLElBQUMsS0FBSyxrQ0FBTyxTQUFTLEdBQUssS0FBSyxHQUFJLFNBQVMsRUFBRSxTQUFTLElBQ2pFLFFBQVEsQ0FDRyxDQUNmLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { ObjectBreakpointable } from '../../../types/tailwind';
|
3
|
-
import twTheme from '../../../tailwind.theme.json';
|
2
|
+
import { type ObjectBreakpointable } from '../../../types/tailwind';
|
3
|
+
import type twTheme from '../../../tailwind.theme.json';
|
4
4
|
export declare type FlexboxItemProps = {
|
5
5
|
children?: React.ReactNode;
|
6
6
|
htmlTag?: keyof JSX.IntrinsicElements;
|
@@ -8,10 +8,10 @@ export declare type FlexboxItemProps = {
|
|
8
8
|
className?: string;
|
9
9
|
} & ObjectBreakpointable<{
|
10
10
|
display?: React.CSSProperties['display'];
|
11
|
-
flex?: keyof typeof twTheme['flex'];
|
11
|
+
flex?: keyof (typeof twTheme)['flex'];
|
12
12
|
grow?: React.CSSProperties['flexGrow'];
|
13
13
|
shrink?: React.CSSProperties['flexShrink'];
|
14
|
-
order?: keyof typeof twTheme['order'];
|
14
|
+
order?: keyof (typeof twTheme)['order'];
|
15
15
|
alignSelf?: React.CSSProperties['alignSelf'];
|
16
16
|
}>;
|
17
17
|
export declare const FlexboxItem: (props: import("../../../src/components/Tailwindify/Tailwindify").TailwindifyProps<FlexboxItemProps>) => JSX.Element;
|
@@ -13,4 +13,4 @@ export const FlexboxItem = Tailwindify(({ htmlTag = 'div', className, style, chi
|
|
13
13
|
const HtmlElement = htmlTag;
|
14
14
|
return (React.createElement(HtmlElement, { style: Object.assign(Object.assign({}, hookStyle), style), className: className }, children));
|
15
15
|
});
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleGJveEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GbGV4Ym94L0ZsZXhib3hJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQW1COUMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLFdBQVcsQ0FDcEMsQ0FBQyxFQUFFLE9BQU8sR0FBRyxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFO0lBQ2pHLE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUN6QixPQUFPO1FBQ1AsSUFBSTtRQUNKLFFBQVEsRUFBRSxJQUFJO1FBQ2QsVUFBVSxFQUFFLE1BQU07UUFDbEIsS0FBSztRQUNMLFNBQVM7S0FDVixDQUFDLENBQUM7SUFFSCxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUM7SUFFNUIsT0FBTyxDQUNMLG9CQUFDLFdBQVcsSUFBQyxLQUFLLGtDQUFPLFNBQVMsR0FBSyxLQUFLLEdBQUksU0FBUyxFQUFFLFNBQVMsSUFDakUsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|