@aivenio/aquarium 1.14.0 → 1.16.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 +184 -103
- package/dist/atoms.mjs +183 -103
- package/dist/src/atoms/Navigation/Navigation.d.ts +20 -0
- package/dist/src/atoms/Navigation/Navigation.js +49 -0
- package/dist/src/atoms/PageHeader/PageHeader.d.ts +13 -0
- package/dist/src/atoms/PageHeader/PageHeader.js +43 -0
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/molecules/Alert/Alert.js +4 -5
- package/dist/src/molecules/Banner/Banner.js +4 -4
- package/dist/src/molecules/Button/Button.d.ts +63 -46
- package/dist/src/molecules/Button/Button.js +59 -13
- 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 +3 -3
- package/dist/src/molecules/DataList/DataList.js +20 -7
- package/dist/src/molecules/DataTable/DataTable.d.ts +3 -3
- package/dist/src/molecules/DataTable/DataTable.js +19 -7
- package/dist/src/molecules/Dialog/Dialog.js +4 -4
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +11 -5
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +4 -4
- package/dist/src/molecules/LineClamp/LineClamp.js +3 -3
- package/dist/src/molecules/Modal/Modal.js +4 -4
- package/dist/src/molecules/Navigation/Navigation.d.ts +19 -0
- package/dist/src/molecules/Navigation/Navigation.js +27 -0
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -0
- package/dist/src/molecules/PageHeader/PageHeader.js +13 -12
- package/dist/src/molecules/Section/Section.js +3 -3
- package/dist/src/molecules/Stepper/Stepper.js +2 -1
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/table/types.d.ts +16 -1
- package/dist/src/utils/table/types.js +1 -1
- package/dist/styles.css +24 -11
- package/dist/styles_timescaledb.css +24 -11
- package/dist/system.cjs +1604 -1416
- package/dist/system.mjs +1605 -1418
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +2 -2
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9Db21wYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUU5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLElBQUksSUFBSSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQWMsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFLdEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQWdDaEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUErRCxDQUFDLEVBQ3RGLEtBQUssRUFDTCxVQUFVLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixJQUFJLEVBQ0osS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLFNBQVMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxL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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type DataListColumn, type DataTableRow } from '../../../src/utils/table/types';
|
|
2
|
+
import { type DataListColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
|
3
3
|
export declare type DataListProps<C extends DataListColumn<R>, R extends DataTableRow> = {
|
|
4
4
|
/**
|
|
5
5
|
* Array of column definitions that correspond to the data rows.
|
|
@@ -15,5 +15,5 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
|
15
15
|
* @default true
|
|
16
16
|
*/
|
|
17
17
|
sticky?: boolean;
|
|
18
|
-
}
|
|
19
|
-
export declare const DataList: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, }: DataListProps<C, R>) => JSX.Element;
|
|
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;
|
|
@@ -1,24 +1,37 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import compact from 'lodash/compact';
|
|
3
|
+
import isFunction from 'lodash/isFunction';
|
|
4
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
3
5
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
6
|
+
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
4
7
|
import { Template } from '../../../src/molecules/Template/Template';
|
|
5
8
|
import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
|
|
6
9
|
import { Item } from '../../../src/atoms/Table/Table';
|
|
7
10
|
import { List } from '../../../src/molecules';
|
|
8
11
|
import { renameProperty } from '../../../src/utils/object';
|
|
9
|
-
import { cellProps, columnIsFieldColumn } from '../../../src/utils/table/types';
|
|
12
|
+
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
|
10
13
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
11
14
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
|
12
|
-
|
|
15
|
+
import more from '../../../src/icons/more';
|
|
16
|
+
export const DataList = ({ columns, rows, sticky, menu, onAction, }) => {
|
|
13
17
|
const [sort, updateSort] = useTableSort();
|
|
14
18
|
const sortedRows = sortRowsBy(rows, sort);
|
|
15
|
-
const templateColumns =
|
|
19
|
+
const templateColumns = compact([
|
|
20
|
+
...columns.map((column) => { var _a; return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto'; }),
|
|
21
|
+
menu ? 'auto' : undefined,
|
|
22
|
+
]);
|
|
16
23
|
return (React.createElement(Template, { columns: templateColumns },
|
|
17
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": "Context menu" }),
|
|
18
26
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(DataListBase.Row, { key: row.id },
|
|
19
27
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
20
28
|
React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
21
|
-
React.createElement(
|
|
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])) })
|
|
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
|
+
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
|
+
menu && (React.createElement(DataListBase.Cell, { align: "right" },
|
|
32
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
|
33
|
+
React.createElement(DropdownMenu.Trigger, null,
|
|
34
|
+
React.createElement(Button.Icon, { "aria-label": "menu", icon: more })),
|
|
35
|
+
isFunction(menu) ? menu(row, index) : menu))))) })));
|
|
23
36
|
};
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFlLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRXhFLE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFJTCxTQUFTLEVBQ1QsbUJBQW1CLEdBQ3BCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUVuRCxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQXFCbEMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLENBQXNELEVBQzVFLE9BQU8sRUFDUCxJQUFJLEVBQ0osTUFBTSxFQUNOLElBQUksRUFDSixRQUFRLEdBQ1ksRUFBZSxFQUFFO0lBQ3JDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLEdB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type TableProps } from '../../../src/molecules/Table/Table';
|
|
3
|
-
import { type DataTableColumn, type DataTableRow } from '../../../src/utils/table/types';
|
|
3
|
+
import { type DataTableColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
|
4
4
|
export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataTableRow> = {
|
|
5
5
|
/**
|
|
6
6
|
* Array of column definitions that correspond to the data rows.
|
|
@@ -25,5 +25,5 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
|
25
25
|
* @default true
|
|
26
26
|
*/
|
|
27
27
|
sticky?: boolean;
|
|
28
|
-
} & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'>;
|
|
29
|
-
export declare const DataTable: <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, ...rest }: DataTableProps<C, R>) => JSX.Element;
|
|
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;
|
|
@@ -10,18 +10,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import
|
|
13
|
+
import compact from 'lodash/compact';
|
|
14
|
+
import isFunction from 'lodash/isFunction';
|
|
15
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
14
16
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
17
|
+
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
15
18
|
import { Table } from '../../../src/molecules/Table/Table';
|
|
16
19
|
import { Item } from '../../../src/atoms/Table/Table';
|
|
17
20
|
import { List } from '../../../src/molecules';
|
|
18
21
|
import { renameProperty } from '../../../src/utils/object';
|
|
19
|
-
import { cellProps, columnIsFieldColumn } from '../../../src/utils/table/types';
|
|
22
|
+
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
|
20
23
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
21
24
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
|
22
25
|
import { tw } from '../../../src/utils/tailwind';
|
|
26
|
+
import more from '../../../src/icons/more';
|
|
23
27
|
export const DataTable = (_a) => {
|
|
24
|
-
var { columns, rows, noWrap = false, layout = 'auto', sticky } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky"]);
|
|
28
|
+
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, onAction } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "onAction"]);
|
|
25
29
|
const [sort, updateSort] = useTableSort();
|
|
26
30
|
const sortedRows = sortRowsBy(rows, sort);
|
|
27
31
|
return (React.createElement(Table, Object.assign({}, rest, { className: tw({
|
|
@@ -29,14 +33,22 @@ export const DataTable = (_a) => {
|
|
|
29
33
|
'table-auto': layout === 'auto',
|
|
30
34
|
'table-fixed': layout === 'fixed',
|
|
31
35
|
}) }),
|
|
32
|
-
React.createElement(Table.Head, { sticky: sticky },
|
|
36
|
+
React.createElement(Table.Head, { sticky: sticky }, compact([
|
|
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": "Context menu" }) : null,
|
|
39
|
+
])),
|
|
33
40
|
React.createElement(Table.Body, null,
|
|
34
41
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(Table.Row, { key: row.id },
|
|
35
42
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
|
36
43
|
React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
|
37
|
-
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)),
|
|
38
45
|
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.formatter
|
|
39
46
|
? column.formatter(row[column.field], row, index, sortedRows)
|
|
40
|
-
: row[column.field])) })
|
|
47
|
+
: row[column.field])) }),
|
|
48
|
+
menu && (React.createElement(Table.Cell, { align: "right" },
|
|
49
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
|
50
|
+
React.createElement(DropdownMenu.Trigger, null,
|
|
51
|
+
React.createElement(Button.Icon, { "aria-label": "menu", icon: more })),
|
|
52
|
+
isFunction(menu) ? menu(row, index) : menu))))) }))));
|
|
41
53
|
};
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQW1CLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBSUwsU0FBUyxFQUNULG1CQUFtQixHQUNwQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBaUNsQyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBdUQsRUFTekQsRUFBZSxFQUFFO1FBVHdDLEVBQzlFLE9BQU8sRUFDUCxJQUFJLEVBQ0osTUFBTSxHQUFHLEtBQUssRUFDZCxNQUFNLEdBQUcsTUFBTSxFQUNmLE1BQU0sRUFDTixJ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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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
|
|
@@ -42,13 +42,13 @@ export declare type DropdownMenuSectionProps = {
|
|
|
42
42
|
title?: string;
|
|
43
43
|
children: DropdownMenuItemComponent | DropdownMenuItemComponent[];
|
|
44
44
|
};
|
|
45
|
-
declare type DropdownMenuSectionComponent = React.ReactElement<DropdownMenuSectionProps>;
|
|
46
|
-
declare type DropdownMenuChildComponent = DropdownMenuItemComponent | DropdownMenuSectionComponent;
|
|
47
|
-
declare type DropdownMenuItemsProps = {
|
|
45
|
+
export declare type DropdownMenuSectionComponent = React.ReactElement<DropdownMenuSectionProps>;
|
|
46
|
+
export declare type DropdownMenuChildComponent = DropdownMenuItemComponent | DropdownMenuSectionComponent;
|
|
47
|
+
export declare type DropdownMenuItemsProps = {
|
|
48
48
|
children: DropdownMenuChildComponent | DropdownMenuChildComponent[];
|
|
49
49
|
};
|
|
50
|
-
declare type DropdownMenuItemsComponent = React.ReactElement<DropdownMenuItemsProps>;
|
|
51
|
-
declare type DropdownMenuChildren = [DropdownMenuTriggerComponent, DropdownMenuItemsComponent];
|
|
50
|
+
export declare type DropdownMenuItemsComponent = React.ReactElement<DropdownMenuItemsProps>;
|
|
51
|
+
export declare type DropdownMenuChildren = [DropdownMenuTriggerComponent, DropdownMenuItemsComponent];
|
|
52
52
|
export declare type DropdownMenuProps = {
|
|
53
53
|
/**
|
|
54
54
|
* Callback function that will be called when an item is selected.
|
|
@@ -109,7 +109,13 @@ export declare type DropdownMenuProps = {
|
|
|
109
109
|
searchable?: false;
|
|
110
110
|
emptyState?: never;
|
|
111
111
|
} | {
|
|
112
|
+
/**
|
|
113
|
+
* If true, menu will contain search box that can be used to filter menu entries.
|
|
114
|
+
*/
|
|
112
115
|
searchable: true;
|
|
116
|
+
/**
|
|
117
|
+
* When search filter does not match to any items, this element will be displayed instead.
|
|
118
|
+
*/
|
|
113
119
|
emptyState?: React.ReactNode;
|
|
114
120
|
});
|
|
115
121
|
export declare const DropdownMenu: React.FC<DropdownMenuProps> & {
|
|
@@ -36,6 +36,7 @@ export const DropdownMenu = (_a) => {
|
|
|
36
36
|
state.isOpen && (React.createElement(PopoverOverlay, { triggerRef: triggerRef, state: state, placement: placement, focusable: false },
|
|
37
37
|
React.createElement(MenuWrapper, Object.assign({ onAction: onAction, selectionMode: selectionMode, selection: selection, onSelectionChange: onSelectionChange, searchable: searchable, emptyState: emptyState, minWidth: minWidth, maxWidth: maxWidth, header: header, footer: footer }, menuProps), items.props.children)))));
|
|
38
38
|
};
|
|
39
|
+
DropdownMenu.displayName = 'DropdownMenu';
|
|
39
40
|
const MenuTrigger = () => null;
|
|
40
41
|
const MenuItems = () => null;
|
|
41
42
|
DropdownMenu.Trigger = MenuTrigger;
|
|
@@ -136,4 +137,4 @@ const getDisabledItemKeys = (children) => {
|
|
|
136
137
|
});
|
|
137
138
|
return keys.flat().filter((key) => key !== null);
|
|
138
139
|
};
|
|
139
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
140
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBa0IsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFZbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV0RSxPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQW9KM0MsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUtyQixDQUFDLEVBY0osRUFBRSxF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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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
|
|
@@ -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';
|
|
@@ -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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
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type IconProps } from '../../../src/molecules/Icon/Icon';
|
|
3
|
+
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
|
4
|
+
export declare const Navigation: {
|
|
5
|
+
(props: React.ComponentProps<typeof NavigationBase>): JSX.Element;
|
|
6
|
+
Item: ({ children, icon, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => JSX.Element;
|
|
7
|
+
Divider: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
8
|
+
Footer: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
9
|
+
Header: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
10
|
+
Section: React.FC<React.HTMLProps<HTMLUListElement>>;
|
|
11
|
+
};
|
|
12
|
+
declare type ItemProps = {
|
|
13
|
+
/**
|
|
14
|
+
* Optional icon for item. If provided, it will be displayed on the left side of the text.
|
|
15
|
+
*/
|
|
16
|
+
icon?: IconProps['icon'];
|
|
17
|
+
};
|
|
18
|
+
declare const Item: ({ children, icon, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
|
14
|
+
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
|
15
|
+
export const Navigation = (props) => React.createElement(NavigationBase, Object.assign({}, props));
|
|
16
|
+
const Item = (_a) => {
|
|
17
|
+
var { children, icon } = _a, rest = __rest(_a, ["children", "icon"]);
|
|
18
|
+
return (React.createElement(NavigationBase.Item, Object.assign({}, rest),
|
|
19
|
+
icon && React.createElement(InlineIcon, { icon: icon }),
|
|
20
|
+
children));
|
|
21
|
+
};
|
|
22
|
+
Navigation.Item = Item;
|
|
23
|
+
Navigation.Divider = NavigationBase.Divider;
|
|
24
|
+
Navigation.Footer = NavigationBase.Footer;
|
|
25
|
+
Navigation.Header = NavigationBase.Header;
|
|
26
|
+
Navigation.Section = NavigationBase.Section;
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQWtCLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBa0QsRUFBRSxFQUFFLENBQUMsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLEVBQUksQ0FBQztBQVNoSCxNQUFNLElBQUksR0FBRyxDQUFDLEVBQXlGLEVBQUUsRUFBRTtRQUE3RixFQUFFLFFBQVEsRUFBRSxJQUFJLE9BQXlFLEVBQXBFLElBQUksY0FBekIsb0JBQTJCLENBQUY7SUFBcUUsT0FBQSxDQUMxRyxvQkFBQyxjQUFjLENBQUMsSUFBSSxvQkFBSyxJQUFJO1FBQzFCLElBQUksSUFBSSxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUNsQyxRQUFRLENBQ1csQ0FDdkIsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUN2QixVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7QUFDNUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxjQUFjLENBQUMsTUFBTSxDQUFDO0FBQzFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQztBQUMxQyxVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUMifQ==
|
|
@@ -4,6 +4,8 @@ import { type AsyncActionType } from '../../../types/ActionType';
|
|
|
4
4
|
export declare type PageHeaderProps = {
|
|
5
5
|
/** Short and concise page title. */
|
|
6
6
|
title: string;
|
|
7
|
+
/** Optional subtitle for the page. */
|
|
8
|
+
subtitle?: React.ReactNode;
|
|
7
9
|
/**
|
|
8
10
|
* Optional image src which will be displayed on the left-side
|
|
9
11
|
* of the title. Image size will be set to 56px x 56px.
|
|
@@ -13,28 +13,29 @@ import React from 'react';
|
|
|
13
13
|
import castArray from 'lodash/castArray';
|
|
14
14
|
import omit from 'lodash/omit';
|
|
15
15
|
import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
|
16
|
-
import {
|
|
16
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
|
17
17
|
import { Chip } from '../../../src/molecules/Chip/Chip';
|
|
18
18
|
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
|
19
|
-
import {
|
|
19
|
+
import { PageHeader as BasePageHeader } from '../../../src/atoms/PageHeader/PageHeader';
|
|
20
20
|
import { tw } from '../../../src/utils/tailwind';
|
|
21
|
-
export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
|
22
|
-
return (React.createElement(
|
|
23
|
-
React.createElement(
|
|
21
|
+
export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
|
22
|
+
return (React.createElement(BasePageHeader, null,
|
|
23
|
+
React.createElement(BasePageHeader.Container, null,
|
|
24
24
|
breadcrumbs && React.createElement(Breadcrumbs, null, breadcrumbs),
|
|
25
25
|
React.createElement(Flexbox, { gap: "5" },
|
|
26
26
|
image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
|
|
27
|
-
React.createElement(
|
|
28
|
-
React.createElement(
|
|
29
|
-
chips.length > 0 && (React.createElement(
|
|
30
|
-
|
|
27
|
+
React.createElement(BasePageHeader.TitleContainer, null,
|
|
28
|
+
React.createElement(BasePageHeader.Title, null, title),
|
|
29
|
+
chips.length > 0 && (React.createElement(BasePageHeader.Chips, null, chips.map((chip) => (React.createElement(Chip, { key: chip, dense: true, text: chip }))))),
|
|
30
|
+
subtitle && React.createElement(BasePageHeader.Subtitle, null, subtitle)))),
|
|
31
|
+
(secondaryActions || primaryAction) && (React.createElement(BasePageHeader.Actions, null,
|
|
31
32
|
secondaryActions &&
|
|
32
33
|
castArray(secondaryActions)
|
|
33
34
|
.filter(Boolean)
|
|
34
35
|
.map((_a) => {
|
|
35
36
|
var { text } = _a, action = __rest(_a, ["text"]);
|
|
36
|
-
return (React.createElement(
|
|
37
|
+
return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
|
|
37
38
|
}),
|
|
38
|
-
primaryAction && (React.createElement(
|
|
39
|
+
primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
|
|
39
40
|
};
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUF5QixXQUFXLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsVUFBVSxJQUFJLGNBQWMsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRS9FLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTJDeEMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQ3BELEtBQUssRUFDTCxRQUFRLEVBQ1IsS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLEtBQUssR0FBRyxFQUFFLEVBQ1YsV0FBVyxHQUNaLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCxvQkFBQyxjQUFjO1FBQ2Isb0JBQUMsY0FBYyxDQUFDLFNBQVM7WUFDdEIsV0FBVyxJQUFJLG9CQUFDLFdBQVcsUUFBRSxXQUFXLENBQWU7WUFDeEQsb0JBQUMsT0FBTyxJQUFDLEdBQUcsRUFBQyxHQUFHO2dCQUNiLEtBQUssSUFBSSw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxHQUFJO2dCQUNoRixvQkFBQyxjQUFjLENBQUMsY0FBYztvQkFDNUIsb0JBQUMsY0FBYyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQXdCO29CQUNuRCxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUNuQixvQkFBQyxjQUFjLENBQUMsS0FBSyxRQUNsQixLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUNuQixvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLFFBQUMsSUFBSSxFQUFFLElBQUksR0FBSSxDQUN0QyxDQUFDLENBQ21CLENBQ3hCO29CQUNBLFFBQVEsSUFBSSxvQkFBQyxjQUFjLENBQUMsUUFBUSxRQUFFLFFBQVEsQ0FBMkIsQ0FDNUMsQ0FDeEIsQ0FDZTtRQUMxQixDQUFDLGdCQUFnQixJQUFJLGFBQWEsQ0FBQyxJQUFJLENBQ3RDLG9CQUFDLGNBQWMsQ0FBQyxPQUFPO1lBQ3BCLGdCQUFnQjtnQkFDZixTQUFTLENBQUMsZ0JBQWdCLENBQUM7cUJBQ3hCLE1BQU0sQ0FBQyxPQUFPLENBQUM7cUJBQ2YsR0FBRyxDQUFDLENBQUMsRUFBbUIsRUFBRSxFQUFFO3dCQUF2QixFQUFFLElBQUksT0FBYSxFQUFSLE1BQU0sY0FBakIsUUFBbUIsQ0FBRjtvQkFBTyxPQUFBLENBQzVCLG9CQUFDLE1BQU0sQ0FBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNwQyxJQUFJLENBQ1ksQ0FDcEIsQ0FBQTtpQkFBQSxDQUFDO1lBQ0wsYUFBYSxJQUFJLENBQ2hCLG9CQUFDLE1BQU0sQ0FBQyxPQUFPLGtCQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsSUFBSSxJQUFNLElBQUksQ0FBQyxhQUFhLEVBQUUsTUFBTSxDQUFDLEdBQ3JFLGFBQWEsQ0FBQyxJQUFJLENBQ0osQ0FDbEIsQ0FDc0IsQ0FDMUIsQ0FDYyxDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|