@aivenio/aquarium 1.15.0 → 1.17.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 +35 -13
- package/dist/atoms.mjs +35 -13
- package/dist/src/atoms/Navigation/Navigation.d.ts +3 -1
- package/dist/src/atoms/Navigation/Navigation.js +5 -4
- package/dist/src/molecules/Alert/Alert.js +4 -5
- package/dist/src/molecules/Banner/Banner.js +4 -4
- package/dist/src/molecules/Box/Box.d.ts +34 -1
- package/dist/src/molecules/Box/Box.js +2 -1
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/Button/Button.d.ts +63 -46
- package/dist/src/molecules/Button/Button.js +56 -10
- package/dist/src/molecules/Card/Card.js +4 -4
- package/dist/src/molecules/Card/Compact.js +4 -4
- package/dist/src/molecules/DataList/DataList.d.ts +1 -1
- package/dist/src/molecules/DataList/DataList.js +7 -7
- package/dist/src/molecules/DataTable/DataTable.d.ts +1 -1
- package/dist/src/molecules/DataTable/DataTable.js +6 -6
- package/dist/src/molecules/Dialog/Dialog.js +4 -4
- package/dist/src/molecules/EmptyState/EmptyState.js +4 -4
- package/dist/src/molecules/Flexbox/Flexbox.d.ts +3 -0
- package/dist/src/molecules/Flexbox/Flexbox.js +4 -1
- package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +3 -0
- package/dist/src/molecules/Flexbox/FlexboxItem.js +4 -1
- package/dist/src/molecules/LineClamp/LineClamp.js +3 -3
- package/dist/src/molecules/Modal/Modal.js +5 -5
- package/dist/src/molecules/MultiInput/InputChip.js +13 -9
- package/dist/src/molecules/Navigation/Navigation.d.ts +3 -1
- package/dist/src/molecules/PageHeader/PageHeader.js +7 -5
- package/dist/src/molecules/Section/Section.js +3 -3
- package/dist/src/molecules/Tooltip/Tooltip.js +6 -1
- package/dist/src/utils/table/types.d.ts +4 -0
- package/dist/styles.css +26 -14
- package/dist/styles_timescaledb.css +26 -14
- package/dist/system.cjs +254 -218
- package/dist/system.mjs +249 -213
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ import { Card as CardBase } from '../../../src/atoms/Card/Card';
|
|
|
6
6
|
import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
|
|
7
7
|
import { Avatar } from '../Avatar/Avatar';
|
|
8
8
|
import { Box } from '../Box/Box';
|
|
9
|
-
import {
|
|
9
|
+
import { Button } from '../Button/Button';
|
|
10
10
|
import { Chip, ChipContainer } from '../Chip/Chip';
|
|
11
11
|
import { Skeleton } from '../Skeleton/Skeleton';
|
|
12
12
|
export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action, link, onClick, disabled, fullWidth, children, }) => {
|
|
@@ -25,8 +25,8 @@ export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action
|
|
|
25
25
|
clampTitle ? (React.createElement(LineClamp, { lines: clampTitle, wordBreak: "break-all" }, titleContent)) : (titleContent),
|
|
26
26
|
React.createElement(Typography.Caption, { color: "grey-70" }, children))),
|
|
27
27
|
(action || link) && (React.createElement(CardBase.Actions, { dense: true },
|
|
28
|
-
action && (React.createElement(
|
|
29
|
-
link && (React.createElement(
|
|
28
|
+
action && (React.createElement(Button.Secondary, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
|
29
|
+
link && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
|
|
30
30
|
};
|
|
31
31
|
const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth = false, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
|
|
32
32
|
chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
|
|
@@ -40,4 +40,4 @@ const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth
|
|
|
40
40
|
React.createElement(Skeleton, { width: 115, height: 25 }),
|
|
41
41
|
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
|
42
42
|
CompactCard.Skeleton = CompactSkeleton;
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9Db21wYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUU5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLElBQUksSUFBSSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQWMsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFLdEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQWdDaEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUErRCxDQUFDLEVBQ3RGLEtBQUssRUFDTCxVQUFVLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixJQUFJLEVBQ0osS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLFNBQVMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDdkcsTUFBTSxZQUFZLEdBQUcsb0JBQUMsVUFBVSxDQUFDLFdBQVcsSUFBQyxLQUFLLEVBQUMsT0FBTyxJQUFFLEtBQUssQ0FBMEIsQ0FBQztJQUU1RixPQUFPLENBQ0wsb0JBQUMsUUFBUSxrQkFDUCxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQzNCLFNBQVMsRUFBRSxTQUFTO1FBQ3BCLDRFQUE0RTtRQUM1RSxvQ0FBb0M7UUFDcEMsY0FBYyxFQUFFLE9BQU8sQ0FBQyxNQUFNLElBQUksSUFBSSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFDbkQsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQ2hDLFFBQVEsRUFBRSxRQUFRO1FBRWpCLEtBQUssSUFBSSxvQkFBQyxRQUFRLENBQUMsYUFBYSxJQUFDLEtBQUssRUFBRSxLQUFLLEdBQUk7UUFDakQsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDbkIsb0JBQUMsYUFBYSxJQUFDLEtBQUssVUFDakIsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FDbkIsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUNoQyxDQUFDLENBQ1ksQ0FDakI7UUFDRCxvQkFBQyxHQUFHLElBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxHQUFHLEVBQUMsR0FBRztZQUN4QixJQUFJLElBQUksb0JBQUMsTUFBTSxJQUFDLEtBQUssRUFBRSxJQUFJLEdBQUk7WUFDaEMsb0JBQUMsUUFBUSxDQUFDLE9BQU8sSUFBQyxLQUFLO2dCQUNwQixVQUFVLENBQUMsQ0FBQyxDQUFDLENBQ1osb0JBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFDLFdBQVcsSUFDaEQsWUFBWSxDQUNILENBQ2IsQ0FBQyxDQUFDLENBQUMsQ0FDRixZQUFZLENBQ2I7Z0JBQ0Qsb0JBQUMsVUFBVSxDQUFDLE9BQU8sSUFBQyxLQUFLLEVBQUMsU0FBUyxJQUFFLFFBQVEsQ0FBc0IsQ0FDbEQsQ0FDZjtRQUNMLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQ25CLG9CQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUMsS0FBSztZQUNwQixNQUFNLElBQUksQ0FDVCxvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDN0MsTUFBTSxDQUFDLElBQUksQ0FDSyxDQUNwQjtZQUNBLElBQUksSUFBSSxDQUNQLG9CQUFDLE1BQU0sQ0FBQyxZQUFZLGtCQUFDLEtBQUssUUFBQyxJQUFJLEVBQUMsT0FBTyxJQUFLLElBQUksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLEdBQzNELElBQUksQ0FBQyxJQUFJLENBQ1UsQ0FDdkIsQ0FDZ0IsQ0FDcEIsQ0FDUSxDQUNaLENBQUM7QUFDSixDQUFDLENBQUM7QUFTRixNQUFNLGVBQWUsR0FBbUMsQ0FBQyxFQUN2RCxLQUFLLEdBQUcsSUFBSSxFQUNaLElBQUksR0FBRyxJQUFJLEVBQ1gsT0FBTyxHQUFHLElBQUksRUFDZCxTQUFTLEdBQUcsS0FBSyxHQUNsQixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLFFBQVEsSUFBQyxTQUFTLEVBQUUsU0FBUztJQUMzQixLQUFLLElBQUksQ0FDUixvQkFBQyxhQUFhLElBQUMsS0FBSyxVQUNqQixLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDekMsb0JBQUMsSUFBSSxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQzVCLENBQUMsQ0FDWSxDQUNqQjtJQUNELG9CQUFDLEdBQUcsSUFBQyxPQUFPLEVBQUMsTUFBTSxFQUFDLEdBQUcsRUFBQyxHQUFHO1FBQ3hCLElBQUksSUFBSSxvQkFBQyxNQUFNLENBQUMsUUFBUSxPQUFHO1FBQzVCLG9CQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUMsS0FBSztZQUNyQixvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxHQUFJO1lBQ25DLG9CQUFDLEdBQUcsSUFBQyxNQUFNLEVBQUMsR0FBRyxHQUFHO1lBQ2xCLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxFQUFFLEdBQUksQ0FDbkIsQ0FDZjtJQUNMLE9BQU8sSUFBSSxDQUNWLG9CQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUMsS0FBSztRQUNyQixvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsRUFBRSxHQUFJO1FBQ3BDLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEdBQUksQ0FDbEIsQ0FDcEIsQ0FDUSxDQUNaLENBQUM7QUFFRixXQUFXLENBQUMsUUFBUSxHQUFHLGVBQWUsQ0FBQyJ9
|
|
@@ -16,4 +16,4 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
|
16
16
|
*/
|
|
17
17
|
sticky?: boolean;
|
|
18
18
|
} & DataTableMenuProps<R>;
|
|
19
|
-
export declare const DataList: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, onAction, }: DataListProps<C, R>) => JSX.Element;
|
|
19
|
+
export declare const DataList: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, menuLabel, onAction, }: DataListProps<C, R>) => JSX.Element;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import compact from 'lodash/compact';
|
|
3
3
|
import isFunction from 'lodash/isFunction';
|
|
4
|
-
import {
|
|
4
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
5
5
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
6
6
|
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
7
|
+
import { List } from '../../../src/molecules/List/List';
|
|
7
8
|
import { Template } from '../../../src/molecules/Template/Template';
|
|
8
9
|
import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
|
|
9
10
|
import { Item } from '../../../src/atoms/Table/Table';
|
|
10
|
-
import { List } from '../../../src/molecules';
|
|
11
11
|
import { renameProperty } from '../../../src/utils/object';
|
|
12
12
|
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
|
13
13
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
14
14
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
|
15
15
|
import more from '../../../src/icons/more';
|
|
16
|
-
export const DataList = ({ columns, rows, sticky, menu, onAction, }) => {
|
|
16
|
+
export const DataList = ({ columns, rows, sticky, menu, menuLabel = 'Context menu', onAction, }) => {
|
|
17
17
|
const [sort, updateSort] = useTableSort();
|
|
18
18
|
const sortedRows = sortRowsBy(rows, sort);
|
|
19
19
|
const templateColumns = compact([
|
|
@@ -22,16 +22,16 @@ export const DataList = ({ columns, rows, sticky, menu, onAction, }) => {
|
|
|
22
22
|
]);
|
|
23
23
|
return (React.createElement(Template, { columns: templateColumns },
|
|
24
24
|
columns.map((column) => (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(DataListBase.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), sticky: sticky }, cellProps(column)), column.headerName)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), column.headerName))),
|
|
25
|
-
menu && React.createElement(DataListBase.HeadCell, { align: "right", "aria-label":
|
|
25
|
+
menu && React.createElement(DataListBase.HeadCell, { align: "right", "aria-label": menuLabel }),
|
|
26
26
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(DataListBase.Row, { key: row.id },
|
|
27
27
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
28
28
|
React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
29
|
-
React.createElement(
|
|
29
|
+
React.createElement(Button.Secondary, 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, Object.assign({}, cellProps(column)),
|
|
30
30
|
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])) }),
|
|
31
31
|
menu && (React.createElement(DataListBase.Cell, { align: "right" },
|
|
32
32
|
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
|
33
33
|
React.createElement(DropdownMenu.Trigger, null,
|
|
34
|
-
React.createElement(
|
|
34
|
+
React.createElement(Button.Icon, { "aria-label": menuLabel, icon: more })),
|
|
35
35
|
isFunction(menu) ? menu(row, index) : menu))))) })));
|
|
36
36
|
};
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBZSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUlMLFNBQVMsRUFDVCxtQkFBbUIsR0FDcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRW5ELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBcUJsQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBc0QsRUFDNUUsT0FBTyxFQUNQLElBQUksRUFDSixNQUFNLEVBQ04sSUFBSSxFQUNKLFNBQVMsR0FBRyxjQUFjLEVBQzFCLFFBQVEsR0FDWSxFQUFlLEVBQUU7SUFDckMsTUFBTSxDQUFD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
|
|
@@ -26,4 +26,4 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
|
26
26
|
*/
|
|
27
27
|
sticky?: boolean;
|
|
28
28
|
} & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'> & DataTableMenuProps<R>;
|
|
29
|
-
export declare const DataTable: <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, onAction, ...rest }: DataTableProps<C, R>) => JSX.Element;
|
|
29
|
+
export declare const DataTable: <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, onAction, ...rest }: DataTableProps<C, R>) => JSX.Element;
|
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import compact from 'lodash/compact';
|
|
14
14
|
import isFunction from 'lodash/isFunction';
|
|
15
|
-
import {
|
|
15
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
16
16
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
17
17
|
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
18
18
|
import { Table } from '../../../src/molecules/Table/Table';
|
|
@@ -25,7 +25,7 @@ import { sortRowsBy } from '../../../src/utils/table/utils';
|
|
|
25
25
|
import { tw } from '../../../src/utils/tailwind';
|
|
26
26
|
import more from '../../../src/icons/more';
|
|
27
27
|
export const DataTable = (_a) => {
|
|
28
|
-
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, onAction } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "onAction"]);
|
|
28
|
+
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, menuLabel = 'Context menu', onAction } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "menuLabel", "onAction"]);
|
|
29
29
|
const [sort, updateSort] = useTableSort();
|
|
30
30
|
const sortedRows = sortRowsBy(rows, sort);
|
|
31
31
|
return (React.createElement(Table, Object.assign({}, rest, { className: tw({
|
|
@@ -35,20 +35,20 @@ export const DataTable = (_a) => {
|
|
|
35
35
|
}) }),
|
|
36
36
|
React.createElement(Table.Head, { sticky: sticky }, compact([
|
|
37
37
|
...columns.map((column) => (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(Table.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }, cellProps(column)), !column.headerInvisible && column.headerName)) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column), { style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }), !column.headerInvisible && column.headerName))),
|
|
38
|
-
menu ? React.createElement(Table.Cell, { key: "__contextMenu", align: "right", "aria-label":
|
|
38
|
+
menu ? React.createElement(Table.Cell, { key: "__contextMenu", align: "right", "aria-label": menuLabel }) : null,
|
|
39
39
|
])),
|
|
40
40
|
React.createElement(Table.Body, null,
|
|
41
41
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(Table.Row, { key: row.id },
|
|
42
42
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
|
43
43
|
React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
|
44
|
-
React.createElement(
|
|
44
|
+
React.createElement(Button.Secondary, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
|
45
45
|
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.formatter
|
|
46
46
|
? column.formatter(row[column.field], row, index, sortedRows)
|
|
47
47
|
: row[column.field])) }),
|
|
48
48
|
menu && (React.createElement(Table.Cell, { align: "right" },
|
|
49
49
|
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
|
50
50
|
React.createElement(DropdownMenu.Trigger, null,
|
|
51
|
-
React.createElement(
|
|
51
|
+
React.createElement(Button.Icon, { "aria-label": menuLabel, icon: more })),
|
|
52
52
|
isFunction(menu) ? menu(row, index) : menu))))) }))));
|
|
53
53
|
};
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQW1CLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBSUwsU0FBUyxFQUNULG1CQUFtQixHQUNwQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBaUNsQyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBdUQsRUFVekQsRUFBZSxFQUFFO1FBVndDLEVBQzlFLE9BQU8sRUFDUCxJQUFJLEVBQ0osTUFBTSxHQUFHLEtBQUssRUFDZCxNQUFNLEdBQUcsTUFBTSxFQUNmLE1BQU0sRUFDTixJ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
|
|
@@ -4,7 +4,7 @@ import { Overlay, useModalOverlay } from '@react-aria/overlays';
|
|
|
4
4
|
import { useId } from '@react-aria/utils';
|
|
5
5
|
import { useOverlayTriggerState } from '@react-stately/overlays';
|
|
6
6
|
import omit from 'lodash/omit';
|
|
7
|
-
import {
|
|
7
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
8
8
|
import { Icon } from '../../../src/molecules/Icon/Icon';
|
|
9
9
|
import { DIALOG_ICONS_AND_COLORS } from '../../../src/atoms/Dialog/Dialog';
|
|
10
10
|
import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
|
|
@@ -39,7 +39,7 @@ const DialogWrapper = ({ title, type = 'confirmation', children, primaryAction,
|
|
|
39
39
|
React.createElement(BaseModal.Body, { id: describedBy }, children),
|
|
40
40
|
React.createElement(BaseModal.Footer, null,
|
|
41
41
|
React.createElement(BaseModal.Actions, null,
|
|
42
|
-
secondaryAction && (React.createElement(
|
|
43
|
-
React.createElement(
|
|
42
|
+
secondaryAction && (React.createElement(Button.Ghost, Object.assign({ key: secondaryAction.text }, omit(secondaryAction, 'text')), secondaryAction.text)),
|
|
43
|
+
React.createElement(Button.Secondary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))));
|
|
44
44
|
};
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EaWFsb2cvRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRS9DLE9BQU8sRUFBbUIsdUJBQXVCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNuRixPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXVCeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUEwQixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ3JELE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sS0FBSyxHQUFHLHNCQUFzQixDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzdELE1BQU0sRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLEdBQUcsZUFBZSxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDdEUsSUFBSSxDQUFDLEtBQUssQ0FB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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import omit from 'lodash/omit';
|
|
3
3
|
import { Box } from '../../../src/molecules/Box/Box';
|
|
4
|
-
import {
|
|
4
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
5
5
|
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
|
6
6
|
import { FlexboxItem } from '../../../src/molecules/Flexbox/FlexboxItem';
|
|
7
7
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
@@ -66,9 +66,9 @@ export const EmptyState = ({ title, image, imageAlt = '', imageWidth, descriptio
|
|
|
66
66
|
(description || children) && (React.createElement(Box, { marginTop: "5" },
|
|
67
67
|
React.createElement(Typography, { variant: "default", color: "grey-60" }, children || description))),
|
|
68
68
|
(secondaryAction || primaryAction) && (React.createElement(Flexbox, { marginTop: "7", gap: "4", justifyContent: "center", alignItems: "center", wrap: "wrap" },
|
|
69
|
-
primaryAction && React.createElement(
|
|
70
|
-
secondaryAction && (React.createElement(
|
|
69
|
+
primaryAction && React.createElement(Button.Primary, Object.assign({}, omit(primaryAction, 'text')), primaryAction.text),
|
|
70
|
+
secondaryAction && (React.createElement(Button.Secondary, Object.assign({}, omit(secondaryAction, 'text')), secondaryAction.text)))),
|
|
71
71
|
footer && (React.createElement(Box, { marginTop: "7" },
|
|
72
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxNQUFNLENBQU4sSUFBWSxnQkFLWDtBQUxELFdBQVksZ0JBQWdCO0lBQzFCLHNEQUFrQyxDQUFBO0lBQ2xDLGtEQUE4QixDQUFBO0lBQzlCLDBEQUFzQyxDQUFBO0lBQ3RDLHNEQUFrQyxDQUFBO0FBQ3BDLENBQUMsRUFMVyxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBSzNCO0FBa0VELE1BQU0sV0FBVyxHQUFHLENBQUMsTUFBd0IsRUFBb0IsRUFBRTtJQUNqRSxRQUFRLE1BQU0sRUFBRTtRQUNkLEtBQUssZ0JBQWdCLENBQUMsWUFBWTtZQUNoQyxPQUFPO2dCQUNMLE1BQU0sRUFBRSxRQUFRO2dCQUNoQixjQUFjLEVBQUUsWUFBWTtnQkFDNUIsVUFBVSxFQUFFLFlBQVk7YUFDekIsQ0FBQztRQUNKLEtBQUssZ0JBQWdCLENBQUMsY0FBYztZQUNsQyxPQUFPO2dCQUNMLE1BQU0sRUFBRSxLQUFLO2dCQUNiLGNBQWMsRUFBRSxZQUFZO2dCQUM1QixVQUFVLEVB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
|
|
@@ -17,4 +17,7 @@ export declare type FlexboxProps = {
|
|
|
17
17
|
colGap?: keyof (typeof twTheme)['gap'];
|
|
18
18
|
rowGap?: keyof (typeof twTheme)['gap'];
|
|
19
19
|
}>;
|
|
20
|
+
/**
|
|
21
|
+
* @deprecated Use Box.Flex, Template or Spacing instead
|
|
22
|
+
*/
|
|
20
23
|
export declare const Flexbox: (props: import("../../../src/molecules/Tailwindify/Tailwindify").TailwindifyProps<FlexboxProps>) => JSX.Element;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Tailwindify } from '../../../src/molecules/Tailwindify/Tailwindify';
|
|
3
3
|
import { useStyle } from '../../../src/utils/useStyle';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use Box.Flex, Template or Spacing instead
|
|
6
|
+
*/
|
|
4
7
|
export const Flexbox = Tailwindify(({ htmlTag = 'div', className, style, children, display = 'flex', justifyContent, alignContent, alignItems, direction, wrap, gap, colGap, rowGap, }) => {
|
|
5
8
|
const hookStyle = useStyle({
|
|
6
9
|
display,
|
|
@@ -16,4 +19,4 @@ export const Flexbox = Tailwindify(({ htmlTag = 'div', className, style, childre
|
|
|
16
19
|
const HtmlElement = htmlTag;
|
|
17
20
|
return (React.createElement(HtmlElement, { style: Object.assign(Object.assign({}, hookStyle), style), className: className }, children));
|
|
18
21
|
});
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleGJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRmxleGJveC9GbGV4Ym94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBRXBFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXNCOUM7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsV0FBVyxDQUNoQyxDQUFDLEVBQ0MsT0FBTyxHQUFHLEtBQUssRUFDZixTQUFTLEVBQ1QsS0FBSyxFQUNMLFFBQVEsRUFDUixPQUFPLEdBQUcsTUFBTSxFQUNoQixjQUFjLEVBQ2QsWUFBWSxFQUNaLFVBQVUsRUFDVixTQUFTLEVBQ1QsSUFBSSxFQUNKLEdBQUcsRUFDSCxNQUFNLEVBQ04sTUFBTSxHQUNQLEVBQUUsRUFBRTtJQUNILE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUN6QixPQUFPO1FBQ1AsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsYUFBYSxFQUFFLFNBQVM7UUFDeEIsUUFBUSxFQUFFLElBQUk7UUFDZCxHQUFHO1FBQ0gsU0FBUyxFQUFFLE1BQU07UUFDakIsTUFBTTtLQUNQLENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBQztJQUU1QixPQUFPLENBQ0wsb0JBQUMsV0FBVyxJQUFDLEtBQUssa0NBQU8sU0FBUyxHQUFLLEtBQUssR0FBSSxTQUFTLEVBQUUsU0FBUyxJQUNqRSxRQUFRLENBQ0csQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
|
|
@@ -14,4 +14,7 @@ export declare type FlexboxItemProps = {
|
|
|
14
14
|
order?: keyof (typeof twTheme)['order'];
|
|
15
15
|
alignSelf?: React.CSSProperties['alignSelf'];
|
|
16
16
|
}>;
|
|
17
|
+
/**
|
|
18
|
+
* @deprecated Use Box.Flex, Template or Spacing instead
|
|
19
|
+
*/
|
|
17
20
|
export declare const FlexboxItem: (props: import("../../../src/molecules/Tailwindify/Tailwindify").TailwindifyProps<FlexboxItemProps>) => JSX.Element;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Tailwindify } from '../../../src/molecules/Tailwindify/Tailwindify';
|
|
3
3
|
import { useStyle } from '../../../src/utils/useStyle';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated Use Box.Flex, Template or Spacing instead
|
|
6
|
+
*/
|
|
4
7
|
export const FlexboxItem = Tailwindify(({ htmlTag = 'div', className, style, children, display, flex, grow, shrink, order, alignSelf }) => {
|
|
5
8
|
const hookStyle = useStyle({
|
|
6
9
|
display,
|
|
@@ -13,4 +16,4 @@ export const FlexboxItem = Tailwindify(({ htmlTag = 'div', className, style, chi
|
|
|
13
16
|
const HtmlElement = htmlTag;
|
|
14
17
|
return (React.createElement(HtmlElement, { style: Object.assign(Object.assign({}, hookStyle), style), className: className }, children));
|
|
15
18
|
});
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleGJveEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0ZsZXhib3gvRmxleGJveEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFcEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBbUI5Qzs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxXQUFXLENBQ3BDLENBQUMsRUFBRSxPQUFPLEdBQUcsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRTtJQUNqRyxNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUM7UUFDekIsT0FBTztRQUNQLElBQUk7UUFDSixRQUFRLEVBQUUsSUFBSTtRQUNkLFVBQVUsRUFBRSxNQUFNO1FBQ2xCLEtBQUs7UUFDTCxTQUFTO0tBQ1YsQ0FBQyxDQUFDO0lBRUgsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO0lBRTVCLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLElBQUMsS0FBSyxrQ0FBTyxTQUFTLEdBQUssS0FBSyxHQUFJLFNBQVMsRUFBRSxTQUFTLElBQ2pFLFFBQVEsQ0FDRyxDQUNmLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
3
3
|
import { LineClamp as Base } from '../../../src/atoms/LineClamp/LineClamp';
|
|
4
4
|
export const LineClamp = ({ lines, children, wordBreak, expandLabel, collapseLabel, onClampedChange, }) => {
|
|
5
5
|
const ref = React.useRef(null);
|
|
@@ -16,6 +16,6 @@ export const LineClamp = ({ lines, children, wordBreak, expandLabel, collapseLab
|
|
|
16
16
|
};
|
|
17
17
|
return (React.createElement("div", null,
|
|
18
18
|
React.createElement(Base, { ref: ref, lines: lines, clamped: clamped, wordBreak: wordBreak }, children),
|
|
19
|
-
expandLabel && isClampingEnabled && (React.createElement(
|
|
19
|
+
expandLabel && isClampingEnabled && (React.createElement(Button.Ghost, { dense: true, onClick: handleClampedChange }, clamped ? expandLabel : collapseLabel))));
|
|
20
20
|
};
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9MaW5lQ2xhbXAvTGluZUNsYW1wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXJELE9BQU8sRUFBOEIsU0FBUyxJQUFJLElBQUksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBb0M5RixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFDbEQsS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsV0FBVyxFQUNYLGFBQWEsRUFDYixlQUFlLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuRCxNQUFNLENBQUMsaUJBQWlCLEVBQUUsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRXRFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFOztRQUNuQixNQUFNLEVBQUUsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1FBQ3ZCLGtCQUFrQixDQUFDLENBQUMsTUFBQSxFQUFFLGFBQUYsRUFBRSx1QkFBRixFQUFFLENBQUUsWUFBWSxtQ0FBSSxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQUEsRUFBRSxhQUFGLEVBQUUsdUJBQUYsRUFBRSxDQUFFLFlBQVksbUNBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVsQixNQUFNLG1CQUFtQixHQUFHLEdBQUcsRUFBRTtRQUMvQixVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyQixlQUFlLGFBQWYsZUFBZSx1QkFBZixlQUFlLENBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5QixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0w7UUFDRSxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsSUFDakUsUUFBUSxDQUNKO1FBQ04sV0FBVyxJQUFJLGlCQUFpQixJQUFJLENBQ25DLG9CQUFDLE1BQU0sQ0FBQyxLQUFLLElBQUMsS0FBSyxRQUFDLE9BQU8sRUFBRSxtQkFBbUIsSUFDN0MsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FDekIsQ0FDaEIsQ0FDRyxDQUNQLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -16,7 +16,7 @@ import { useId } from '@react-aria/utils';
|
|
|
16
16
|
import { useOverlayTriggerState } from '@react-stately/overlays';
|
|
17
17
|
import castArray from 'lodash/castArray';
|
|
18
18
|
import omit from 'lodash/omit';
|
|
19
|
-
import {
|
|
19
|
+
import { Button, IconButton } from '../../../src/molecules/Button/Button';
|
|
20
20
|
import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, } from '../../../src/molecules/Tabs/Tabs';
|
|
21
21
|
import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
|
|
22
22
|
import { tw } from '../../../src/utils/tailwind';
|
|
@@ -27,7 +27,7 @@ export const Modal = (_a) => {
|
|
|
27
27
|
const { open, onClose, size, portalContainer } = props;
|
|
28
28
|
const ref = React.useRef(null);
|
|
29
29
|
const state = useOverlayTriggerState({ isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose() });
|
|
30
|
-
const { modalProps, underlayProps } = useModalOverlay({ isDismissable:
|
|
30
|
+
const { modalProps, underlayProps } = useModalOverlay({ isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc }, state, ref);
|
|
31
31
|
if (!state.isOpen) {
|
|
32
32
|
return null;
|
|
33
33
|
}
|
|
@@ -62,10 +62,10 @@ const ModalWrapper = React.forwardRef((_a, ref) => {
|
|
|
62
62
|
.filter(Boolean)
|
|
63
63
|
.map((_a) => {
|
|
64
64
|
var { text } = _a, action = __rest(_a, ["text"]);
|
|
65
|
-
return (React.createElement(
|
|
65
|
+
return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
|
|
66
66
|
}),
|
|
67
|
-
primaryAction && (React.createElement(
|
|
67
|
+
primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))));
|
|
68
68
|
});
|
|
69
69
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
|
70
70
|
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFJTCxtQkFBbUIsRUFDbkIsUUFBUSxFQUNSLGlCQUFpQixFQUNqQixPQUFPLEdBQ1IsTUFBTSx5QkFBeUIsQ0FBQztBQUVqQyxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBZ0RwQyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFBK0IsRUFBRSxFQUFFO1FBQW5DLEVBQUUsVUFBVSxHQUFHLElBQUksT0FBWSxFQUFQLEtBQUssY0FBN0IsY0FBK0IsQ0FBRjtJQUN2RSxNQUFNLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxDQUFD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
|
|
@@ -21,17 +21,21 @@ export const InputChip = React.forwardRef((_a, ref) => {
|
|
|
21
21
|
_onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
-
return (React.createElement("div",
|
|
24
|
+
return (React.createElement("div", { className: classNames(className, 'inline-flex align-middle mx-1 items-stretch rounded-sm break-all', {
|
|
25
25
|
'bg-error-0 ': invalid,
|
|
26
|
-
'bg-grey-0': !invalid && !disabled,
|
|
27
|
-
'
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
!readOnly && (React.createElement("div",
|
|
32
|
-
|
|
26
|
+
'bg-grey-0 ': !invalid && !disabled,
|
|
27
|
+
'bg-grey-5': disabled,
|
|
28
|
+
}) },
|
|
29
|
+
React.createElement("div", { className: tw('px-2 py-1') },
|
|
30
|
+
React.createElement(Typography, { variant: "small", color: invalid ? 'error-80' : disabled ? 'grey-40' : 'grey-70' }, children)),
|
|
31
|
+
!readOnly && (React.createElement("div", Object.assign({ ref: ref }, props, { onClick: onClick, className: tw('flex items-center p-1', {
|
|
32
|
+
'pointer-events-none': !!disabled,
|
|
33
|
+
'hover:bg-error-10 focus:bg-error-20': invalid,
|
|
34
|
+
'hover:bg-grey-10 focus:bg-grey-20': !invalid && !disabled,
|
|
35
|
+
}), role: "button", "aria-label": `Remove ${children}` }),
|
|
36
|
+
React.createElement(Icon, { icon: smallCross, className: tw({
|
|
33
37
|
'text-error-70': invalid,
|
|
34
38
|
'text-grey-70': !invalid,
|
|
35
39
|
}) })))));
|
|
36
40
|
});
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDaGlwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9NdWx0aUlucHV0L0lucHV0Q2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQTBCLE1BQU0sT0FBTyxDQUFDO0FBRS9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFVBQVUsTUFBTSxzQkFBc0IsQ0FBQztBQU85QyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdkMsQ0FBQyxFQUF5RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWxHLEVBQUUsT0FBTyxHQUFHLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBdkYsdUVBQXlGLENBQUY7SUFDdEYsTUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUE2QixFQUFFLEVBQUU7UUFDaEQsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUMxQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsQ0FBQyxDQUFDLENBQUM7U0FDZjtJQUNILENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCw2QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxrRUFBa0UsRUFBRTtZQUNuRyxhQUFhLEVBQUUsT0FBTztZQUN0QixZQUFZLEVBQUUsQ0FBQyxPQUFPLElBQUksQ0FBQyxRQUFRO1lBQ25DLFdBQVcsRUFBRSxRQUFRO1NBQ3RCLENBQUM7UUFFRiw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQztZQUM3QixvQkFBQyxVQUFVLElBQUMsT0FBTyxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3ZGLFFBQVEsQ0FDRSxDQUNUO1FBQ0wsQ0FBQyxRQUFRLElBQUksQ0FDWiwyQ0FDRSxHQUFHLEVBQUUsR0FBRyxJQUNKLEtBQUssSUFDVCxPQUFPLEVBQUUsT0FBTyxFQUNoQixTQUFTLEVBQUUsRUFBRSxDQUFDLHVCQUF1QixFQUFFO2dCQUNyQyxxQkFBcUIsRUFBRSxDQUFDLENBQUMsUUFBUTtnQkFDakMscUNBQXFDLEVBQUUsT0FBTztnQkFDOUMsbUNBQW1DLEVBQUUsQ0FBQyxPQUFPLElBQUksQ0FBQyxRQUFRO2FBQzNELENBQUMsRUFDRixJQUFJLEVBQUMsUUFBUSxnQkFDRCxVQUFVLFFBQVEsRUFBRTtZQUVoQyxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFVBQVUsRUFDaEIsU0FBUyxFQUFFLEVBQUUsQ0FBQztvQkFDWixlQUFlLEVBQUUsT0FBTztvQkFDeEIsY0FBYyxFQUFFLENBQUMsT0FBTztpQkFDekIsQ0FBQyxHQUNGLENBQ0UsQ0FDUCxDQUNHLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
|
@@ -7,7 +7,9 @@ export declare const Navigation: {
|
|
|
7
7
|
Divider: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
8
8
|
Footer: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
9
9
|
Header: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
10
|
-
Section: React.FC<React.HTMLProps<HTMLUListElement
|
|
10
|
+
Section: React.FC<React.HTMLProps<HTMLUListElement> & {
|
|
11
|
+
title?: string | undefined;
|
|
12
|
+
}>;
|
|
11
13
|
};
|
|
12
14
|
declare type ItemProps = {
|
|
13
15
|
/**
|
|
@@ -12,8 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import castArray from 'lodash/castArray';
|
|
14
14
|
import omit from 'lodash/omit';
|
|
15
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
|
15
16
|
import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
|
16
|
-
import {
|
|
17
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
17
18
|
import { Chip } from '../../../src/molecules/Chip/Chip';
|
|
18
19
|
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
|
19
20
|
import { PageHeader as BasePageHeader } from '../../../src/atoms/PageHeader/PageHeader';
|
|
@@ -21,7 +22,8 @@ import { tw } from '../../../src/utils/tailwind';
|
|
|
21
22
|
export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
|
22
23
|
return (React.createElement(BasePageHeader, null,
|
|
23
24
|
React.createElement(BasePageHeader.Container, null,
|
|
24
|
-
breadcrumbs && React.createElement(
|
|
25
|
+
breadcrumbs && (React.createElement(Box, { marginBottom: image ? '3' : undefined },
|
|
26
|
+
React.createElement(Breadcrumbs, null, breadcrumbs))),
|
|
25
27
|
React.createElement(Flexbox, { gap: "5" },
|
|
26
28
|
image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
|
|
27
29
|
React.createElement(BasePageHeader.TitleContainer, null,
|
|
@@ -34,8 +36,8 @@ export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, se
|
|
|
34
36
|
.filter(Boolean)
|
|
35
37
|
.map((_a) => {
|
|
36
38
|
var { text } = _a, action = __rest(_a, ["text"]);
|
|
37
|
-
return (React.createElement(
|
|
39
|
+
return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
|
|
38
40
|
}),
|
|
39
|
-
primaryAction && (React.createElement(
|
|
41
|
+
primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
|
|
40
42
|
};
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBeUIsV0FBVyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDM0YsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEyQ3hDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGdCQUFnQixFQUNoQixLQUFLLEdBQUcsRUFBRSxFQUNWLFdBQVcsR0FDWixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGNBQWMsQ0FBQyxTQUFTO1lBQ3RCLFdBQVcsSUFBSSxDQUNkLG9CQUFDLEdBQUcsSUFBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVM7Z0JBQ3hDLG9CQUFDLFdBQVcsUUFBRSxXQUFXLENBQWUsQ0FDcEMsQ0FDUDtZQUNELG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRztnQkFDYixLQUFLLElBQUksNkJBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsbUJBQW1CLENBQUMsR0FBSTtnQkFDaEYsb0JBQUMsY0FBYyxDQUFDLGNBQWM7b0JBQzVCLG9CQUFDLGNBQWMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUF3QjtvQkFDbkQsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDbkIsb0JBQUMsY0FBYyxDQUFDLEtBQUssUUFDbEIsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FDbkIsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsS0FBSyxRQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdEMsQ0FBQyxDQUNtQixDQUN4QjtvQkFDQSxRQUFRLElBQUksb0JBQUMsY0FBYyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQTJCLENBQzVDLENBQ3hCLENBQ2U7UUFDMUIsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxjQUFjLENBQUMsT0FBTztZQUNwQixnQkFBZ0I7Z0JBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3FCQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDcEMsSUFBSSxDQUNZLENBQ3BCLENBQUE7aUJBQUEsQ0FBQztZQUNMLGFBQWEsSUFBSSxDQUNoQixvQkFBQyxNQUFNLENBQUMsT0FBTyxrQkFBQyxHQUFHLEVBQUUsYUFBYSxDQUFDLElBQUksSUFBTSxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxHQUNyRSxhQUFhLENBQUMsSUFBSSxDQUNKLENBQ2xCLENBQ3NCLENBQzFCLENBQ2MsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import castArray from 'lodash/castArray';
|
|
14
|
-
import {
|
|
14
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
15
15
|
import { Divider } from '../../../src/molecules/Divider/Divider';
|
|
16
16
|
import { Section as BaseSection } from '../../../src/atoms/Section/Section';
|
|
17
17
|
export const Section = ({ title, subtitle, actions, children }) => (React.createElement(BaseSection, null,
|
|
@@ -25,8 +25,8 @@ export const Section = ({ title, subtitle, actions, children }) => (React.create
|
|
|
25
25
|
.filter(Boolean)
|
|
26
26
|
.map((_a) => {
|
|
27
27
|
var { text } = _a, action = __rest(_a, ["text"]);
|
|
28
|
-
return (React.createElement(
|
|
28
|
+
return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
|
|
29
29
|
}))),
|
|
30
30
|
React.createElement(Divider, null))),
|
|
31
31
|
React.createElement(BaseSection.Body, null, children)));
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUV6QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxPQUFPLElBQUksV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUF1Qm5FLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBMkIsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RixvQkFBQyxXQUFXO0lBQ1QsS0FBSyxJQUFJLENBQ1I7UUFDRSxvQkFBQyxXQUFXLENBQUMsTUFBTTtZQUNqQixvQkFBQyxXQUFXLENBQUMsY0FBYztnQkFDekIsb0JBQUMsV0FBVyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQXFCO2dCQUM3QyxRQUFRLElBQUksb0JBQUMsV0FBVyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQXdCLENBQ3pDO1lBQzdCLG9CQUFDLFdBQVcsQ0FBQyxPQUFPLFFBQ2pCLE9BQU87Z0JBQ04sU0FBUyxDQUFDLE9BQU8sQ0FBQztxQkFDZixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDcEMsSUFBSSxDQUNZLENBQ3BCLENBQUE7aUJBQUEsQ0FBQyxDQUNjLENBQ0g7UUFDckIsb0JBQUMsT0FBTyxPQUFHLENBQ1YsQ0FDSjtJQUNELG9CQUFDLFdBQVcsQ0FBQyxJQUFJLFFBQUUsUUFBUSxDQUFvQixDQUNuQyxDQUNmLENBQUMifQ==
|