@aivenio/aquarium 0.0.1 → 1.0.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 +2 -1
- package/dist/_variables_timescale.scss +2 -1
- package/dist/atoms.cjs +1 -0
- package/dist/atoms.mjs +1 -0
- package/dist/src/common/Section/Section.d.ts +14 -0
- package/dist/src/common/Section/Section.js +46 -0
- package/dist/src/common/Typography/Typography.d.ts +1 -1
- package/dist/src/components/Box/Box.d.ts +1 -1
- package/dist/src/components/DataTable/DataTable.js +7 -4
- package/dist/src/components/List/List.d.ts +1 -1
- package/dist/src/components/MultiInput/MultiInput.d.ts +2 -1
- package/dist/src/components/MultiInput/MultiInput.js +3 -3
- package/dist/src/components/Pagination/usePagination.d.ts +42 -0
- package/dist/src/components/Pagination/usePagination.js +34 -0
- package/dist/src/components/Section/Section.d.ts +13 -0
- package/dist/src/components/Section/Section.js +31 -0
- package/dist/src/components/index.d.ts +2 -1
- package/dist/src/components/index.js +3 -2
- package/dist/styles.css +12 -11
- package/dist/styles_timescaledb.css +12 -11
- package/dist/system.cjs +291 -341
- package/dist/system.mjs +286 -337
- package/dist/tailwind.config.js +1 -1
- package/dist/tailwind.theme.json +1 -0
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +2 -2
- package/dist/src/components/Positioner/Positioner.d.ts +0 -21
- package/dist/src/components/Positioner/Positioner.js +0 -97
package/dist/_variables.scss
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
|
2
2
|
// Do not edit directly
|
3
|
-
// Generated on
|
3
|
+
// Generated on Fri, 09 Dec 2022 14:13:08 GMT
|
4
4
|
|
5
5
|
$border-radius-none: 0px !default;
|
6
6
|
$border-radius-sm: 0.125rem !default;
|
@@ -97,6 +97,7 @@ $colors-primary-0: #fff9fc !default;
|
|
97
97
|
$colors-grey-20: #d2d2d6 !default;
|
98
98
|
$colors-transparent: transparent !default;
|
99
99
|
$colors-white: white !default;
|
100
|
+
$colors-black: black !default;
|
100
101
|
$colors-current: currentColor !default;
|
101
102
|
$colors-navy-blue-100: #30375E !default;
|
102
103
|
$box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08) !default;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
|
2
2
|
// Do not edit directly
|
3
|
-
// Generated on
|
3
|
+
// Generated on Fri, 09 Dec 2022 14:13:09 GMT
|
4
4
|
|
5
5
|
$border-radius-none: 0px;
|
6
6
|
$border-radius-sm: 0.125rem;
|
@@ -97,6 +97,7 @@ $colors-primary-5: #effaff;
|
|
97
97
|
$colors-primary-0: #f9fdff;
|
98
98
|
$colors-transparent: transparent;
|
99
99
|
$colors-white: white;
|
100
|
+
$colors-black: black;
|
100
101
|
$colors-current: currentColor;
|
101
102
|
$colors-navy-blue-100: #30375E;
|
102
103
|
$box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
|
package/dist/atoms.cjs
CHANGED
package/dist/atoms.mjs
CHANGED
@@ -0,0 +1,14 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Typography } from '../../../src/components/Typography/Typography';
|
3
|
+
import { Box } from '../../../src/components/Box/Box';
|
4
|
+
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
|
+
declare type ComposedSectionProps = {
|
6
|
+
Header: React.FC<DivProps>;
|
7
|
+
TitleContainer: React.FC<DivProps>;
|
8
|
+
Title: React.FC<React.ComponentProps<typeof Typography.Subheading>>;
|
9
|
+
Subtitle: React.FC<React.ComponentProps<typeof Typography.SmallText>>;
|
10
|
+
Actions: React.FC<DivProps>;
|
11
|
+
Body: React.FC<DivProps>;
|
12
|
+
};
|
13
|
+
export declare const Section: React.FC<React.ComponentProps<typeof Box>> & ComposedSectionProps;
|
14
|
+
export {};
|
@@ -0,0 +1,46 @@
|
|
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 { tw, classNames } from '../../../src/utils/tailwind';
|
14
|
+
import { Typography } from '../../../src/components/Typography/Typography';
|
15
|
+
import { Typography as BaseTypography } from '../../../src/common/Typography/Typography';
|
16
|
+
import { Box } from '../../../src/components/Box/Box';
|
17
|
+
export const Section = (_a) => {
|
18
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
19
|
+
return (React.createElement(Box, Object.assign({ borderColor: "grey-5", borderWidth: "1px" }, rest), children));
|
20
|
+
};
|
21
|
+
Section.Header = (_a) => {
|
22
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
23
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-6 py-5 flex gap-5 justify-between items-center'), className) }), children));
|
24
|
+
};
|
25
|
+
Section.TitleContainer = (_a) => {
|
26
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
27
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col grow gap-2'), className) }), children));
|
28
|
+
};
|
29
|
+
Section.Title = (_a) => {
|
30
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
31
|
+
return (React.createElement(Typography.Subheading, Object.assign({}, rest, { color: "black" }), children));
|
32
|
+
};
|
33
|
+
Section.Subtitle = (_a) => {
|
34
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
35
|
+
return (React.createElement(Typography.SmallText, Object.assign({}, rest, { color: "grey-70" }), children));
|
36
|
+
};
|
37
|
+
Section.Actions = (_a) => {
|
38
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
39
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 justify-end'), className) }), children));
|
40
|
+
};
|
41
|
+
Section.Body = (_a) => {
|
42
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
43
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
|
44
|
+
React.createElement(BaseTypography, { htmlTag: "div", color: "grey-70" }, children)));
|
45
|
+
};
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsVUFBVSxJQUFJLGNBQWMsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQWE3QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFdBQVcsRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFDLEtBQUssSUFBSyxJQUFJLEdBQ2pELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNyRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsbURBQW1ELENBQUMsRUFBRSxTQUFTLENBQUMsS0FDckcsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQzdELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxLQUM1RSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQW5CLFlBQXFCLENBQUY7SUFBTyxPQUFBLENBQ3pDLG9CQUFDLFVBQVUsQ0FBQyxVQUFVLG9CQUFLLElBQUksSUFBRSxLQUFLLEVBQUMsT0FBTyxLQUMzQyxRQUFRLENBQ2EsQ0FDekIsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUM1QyxvQkFBQyxVQUFVLENBQUMsU0FBUyxvQkFBSyxJQUFJLElBQUUsS0FBSyxFQUFDLFNBQVMsS0FDNUMsUUFBUSxDQUNZLENBQ3hCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN0RCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsd0JBQXdCLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDMUUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ25ELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUM7UUFDeEQsb0JBQUMsY0FBYyxJQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsS0FBSyxFQUFDLFNBQVMsSUFDMUMsUUFBUSxDQUNNLENBQ2IsQ0FDUCxDQUFBO0NBQUEsQ0FBQyJ9
|
@@ -3,7 +3,7 @@ import { ColorName, TypographyName } from '../../../types/designTokens';
|
|
3
3
|
export declare type TypographyProps = {
|
4
4
|
children: React.ReactNode;
|
5
5
|
variant?: TypographyName;
|
6
|
-
color?: ColorName | 'current';
|
6
|
+
color?: ColorName | 'current' | 'black';
|
7
7
|
className?: string;
|
8
8
|
htmlTag?: keyof JSX.IntrinsicElements;
|
9
9
|
fontWeight?: React.CSSProperties['fontWeight'];
|
@@ -40,7 +40,7 @@ export declare const BorderBox: React.ComponentType<{
|
|
40
40
|
space?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
41
41
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
42
42
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
43
|
-
backgroundColor?: "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "transparent" | "white" | "current" | "navyBlue-100" | undefined;
|
43
|
+
backgroundColor?: "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "black" | "transparent" | "white" | "current" | "navyBlue-100" | undefined;
|
44
44
|
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full" | "fit" | undefined;
|
45
45
|
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "full" | "fit" | undefined;
|
46
46
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
@@ -16,6 +16,7 @@ import { StatusChip } from '../../../src/components/Chip/Chip';
|
|
16
16
|
import { SecondaryButton } from '../../../src/components/Button/Button';
|
17
17
|
import { renameProperty } from '../../../src/utils/object';
|
18
18
|
import orderBy from 'lodash/orderBy';
|
19
|
+
import { List } from '../../../src/components';
|
19
20
|
const toSortDirection = (direction) => direction === 'ascending' ? 'asc' : direction === 'descending' ? 'desc' : false;
|
20
21
|
const isFieldColumn = (column) => Boolean(column.field);
|
21
22
|
const isNumberColumn = (column) => column.type === 'number';
|
@@ -47,8 +48,10 @@ export const DataTable = (_a) => {
|
|
47
48
|
'table-fixed': layout === 'fixed',
|
48
49
|
}) }),
|
49
50
|
React.createElement(Table.Head, null, columns.map((column) => isFieldColumn(column) && column.sortable ? (React.createElement(Table.SortCell, { key: column.headerName, direction: sort && sort.key === column.field ? sort.direction : 'none', onClick: () => updateSort(column.field), align: isNumberColumn(column) ? 'right' : 'left', style: { width: column.width } }, column.headerName)) : (React.createElement(Table.Cell, { align: isNumberColumn(column) ? 'right' : 'left', key: column.headerName, style: { width: column.width } }, column.headerName)))),
|
50
|
-
React.createElement(Table.Body, null,
|
51
|
-
React.createElement(
|
52
|
-
|
51
|
+
React.createElement(Table.Body, null,
|
52
|
+
React.createElement(List, { items: orderBy(rows, [sort === null || sort === void 0 ? void 0 : sort.key], [toSortDirection(sort === null || sort === void 0 ? void 0 : sort.direction)]), renderItem: (row) => (React.createElement(Table.Row, { key: row.id },
|
53
|
+
React.createElement(List, { items: columns, renderItem: (column, index) => isFieldColumn(column) ? (React.createElement(Table.Cell, { key: column.field, align: isNumberColumn(column) ? 'right' : 'left' }, row[column.field])) : isStatusColumn(column) ? (React.createElement(Table.Cell, { key: column.headerName },
|
54
|
+
React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, rows))))) : isActionColumn(column) ? (React.createElement(Table.Cell, { align: "right", key: column.headerName },
|
55
|
+
React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, rows)))))) : (React.createElement(Table.Cell, { key: column.headerName }, column.UNSAFE_render(row, index, rows))) }))) }))));
|
53
56
|
};
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGF0YVRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxLQUFLLEVBQWMsTUFBTSw0QkFBNEIsQ0FBQztBQUUvRCxPQUFPLEVBQWMsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRS9ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFtSHRDLE1BQU0sZUFBZSxHQUFHLENBQUMsU0FBb0MsRUFBRSxFQUFFLENBQy9ELFNBQVMsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxLQUFLLFlBQVksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7QUFFbEYsTUFBTSxhQUFhLEdBQUcsQ0FBeUIsTUFBMEIsRUFBNEIsRUFBRSxDQUNyRyxPQUFPLENBQUUsTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUU1QyxNQUFNLGNBQWMsR0FBRyxDQUF5QixNQUEwQixFQUE2QixFQUFFLENBQ3RHLE1BQTBCLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQztBQUVoRCxNQUFNLGNBQWMsR0FBRyxDQUF5QixNQUEwQixFQUE2QixFQUFFLENBQ3RHLE1BQTBCLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQztBQUVoRCxNQUFNLGNBQWMsR0FBRyxD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
|
@@ -8,7 +8,7 @@ declare type ListProps<I extends Item> = {
|
|
8
8
|
/**
|
9
9
|
* Render callback function for each of your items
|
10
10
|
*/
|
11
|
-
renderItem: (item: I) => JSX.Element | null;
|
11
|
+
renderItem: (item: I, index: number) => JSX.Element | null;
|
12
12
|
/**
|
13
13
|
* Optional container element.
|
14
14
|
* @default React.Fragment
|
@@ -22,10 +22,11 @@ export declare type MultiInputBaseProps<Item extends unknown> = {
|
|
22
22
|
itemToString?: (opt: Item | null) => string | null;
|
23
23
|
createItem?: (value: string) => Item;
|
24
24
|
onChange?: (values: Item[] | undefined) => void;
|
25
|
+
onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
|
25
26
|
isItemValid?: (item: Item, index: number) => boolean;
|
26
27
|
};
|
27
28
|
export declare const MultiInputBase: {
|
28
|
-
<Item extends unknown>({ id, name, type, placeholder, autoFocus, delimiter, defaultValue, value, endAdornment, max, maxLength, inline, itemToString, createItem, onChange, isItemValid, disabled, readOnly, valid, ...props }: MultiInputBaseProps<Item>): React.ReactElement<MultiInputBaseProps<Item>, string | React.JSXElementConstructor<any>>;
|
29
|
+
<Item extends unknown>({ id, name, type, placeholder, autoFocus, delimiter, defaultValue, value, endAdornment, max, maxLength, inline, itemToString, createItem, onChange, onInputChange, isItemValid, disabled, readOnly, valid, ...props }: MultiInputBaseProps<Item>): React.ReactElement<MultiInputBaseProps<Item>, string | React.JSXElementConstructor<any>>;
|
29
30
|
Skeleton: React.FC<{}>;
|
30
31
|
};
|
31
32
|
export declare type MultiInputProps<Item extends unknown> = MultiInputBaseProps<Item> & Omit<LabelControlProps, 'length'>;
|
@@ -22,7 +22,7 @@ import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Labe
|
|
22
22
|
import { tw } from '../../../src/utils/tailwind';
|
23
23
|
export const MultiInputBase = (_a) => {
|
24
24
|
var _b;
|
25
|
-
var { id, name, type, placeholder, autoFocus, delimiter = 'enter', defaultValue, value, endAdornment, max, maxLength = max, inline = true, itemToString = (val) => String(val), createItem = (val) => val, onChange, isItemValid, disabled = false, readOnly = false, valid = true } = _a, props = __rest(_a, ["id", "name", "type", "placeholder", "autoFocus", "delimiter", "defaultValue", "value", "endAdornment", "max", "maxLength", "inline", "itemToString", "createItem", "onChange", "isItemValid", "disabled", "readOnly", "valid"]);
|
25
|
+
var { id, name, type, placeholder, autoFocus, delimiter = 'enter', defaultValue, value, endAdornment, max, maxLength = max, inline = true, itemToString = (val) => String(val), createItem = (val) => val, onChange, onInputChange, isItemValid, disabled = false, readOnly = false, valid = true } = _a, props = __rest(_a, ["id", "name", "type", "placeholder", "autoFocus", "delimiter", "defaultValue", "value", "endAdornment", "max", "maxLength", "inline", "itemToString", "createItem", "onChange", "onInputChange", "isItemValid", "disabled", "readOnly", "valid"]);
|
26
26
|
const inputRef = useRef(null);
|
27
27
|
const [items, setItems] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : []);
|
28
28
|
const [hasFocus, setFocus] = useState(false);
|
@@ -116,7 +116,7 @@ export const MultiInputBase = (_a) => {
|
|
116
116
|
React.createElement(Select.InputContainer, { variant: disabled ? 'disabled' : valid === false ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default' },
|
117
117
|
React.createElement("div", { className: 'grow inline-flex flex-row flex-wrap gap-y-2' },
|
118
118
|
inline && renderChips(),
|
119
|
-
React.createElement(Select.Input, Object.assign({ ref: inputRef, id: id !== null && id !== void 0 ? id : name, name: name, type: type }, props, { autoFocus: autoFocus, disabled: disabled, readOnly: readOnly, placeholder: !inline || (items === null || items === void 0 ? void 0 : items.length) === 0 ? placeholder : '', onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, onFocus: handleFocus, onBlur: handleBlur, autoComplete: 'off' }))),
|
119
|
+
React.createElement(Select.Input, Object.assign({ ref: inputRef, id: id !== null && id !== void 0 ? id : name, name: name, type: type }, props, { onChange: onInputChange, autoFocus: autoFocus, disabled: disabled, readOnly: readOnly, placeholder: !inline || (items === null || items === void 0 ? void 0 : items.length) === 0 ? placeholder : '', onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, onFocus: handleFocus, onBlur: handleBlur, autoComplete: 'off' }))),
|
120
120
|
endAdornment && React.createElement(InputAdornment, null, endAdornment)),
|
121
121
|
!inline && React.createElement("div", { className: tw('flex flex-row flex-wrap gap-y-2 mt-2') }, renderChips())));
|
122
122
|
};
|
@@ -147,4 +147,4 @@ const MultiInputSkeleton = () => (React.createElement(LabelControl.Skeleton, nul
|
|
147
147
|
React.createElement(MultiInputBase.Skeleton, null)));
|
148
148
|
MultiInput.Skeleton = MultiInputSkeleton;
|
149
149
|
MultiInput.Skeleton.displayName = 'MultiInput.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
150
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlJbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpSW5wdXQvTXVsdGlJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMzRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDOUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBcUIsTUFBTSw0QkFBNEIsQ0FBQztBQUNuRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEyQnhDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUF1QixFQXFCekIsRUFBaUQsRUFBRTs7UUFyQjFCLEVBQ25ELEVBQUUsRUFDRixJQUFJLEVBQ0osSUFBSSxFQUNKLFdBQVcsRUFDWCxTQUFTLEVBQ1QsU0FBUyxHQUFHLE9BQU8sRUFDbkIsWUFBWSxFQUNaLEtBQUssRUFDTCxZQUFZLEVBQ1osR0FBRyxFQUNILFNBQVMsR0FBRyxHQUFHLEVBQ2YsTUFBTSxHQUFHLElBQUksRUFDYixZQUFZLEdBQUcsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMs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
|
150
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTXVsdGlJbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL011bHRpSW5wdXQvTXVsdGlJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMzRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDOUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBcUIsTUFBTSw0QkFBNEIsQ0FBQztBQUNuRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE0QnhDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUF1QixFQXNCekIsRUFBaUQsRUFBRTs7UUF0QjFCLEVBQ25ELEVBQUUsRUFDRixJQUFJLEVBQ0osSUFBSSxFQUNKLFdBQVcsRUFDWCxTQUFTLEVBQ1QsU0FBUyxHQUFHLE9BQU8sRUFDbkIsWUFBWSxFQUNaLEtBQUssRUFDTCxZQUFZLEVBQ1osR0FBRyxFQUNILFNBQVMsR0FBRyxHQUFHLEVBQ2YsTUFBTSxHQUFHLElBQUksRUFDYixZQUFZLEdBQUcsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMs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
|
@@ -0,0 +1,42 @@
|
|
1
|
+
declare type PaginationState = {
|
2
|
+
/**
|
3
|
+
* Current page number. Not an index, starts from 1.
|
4
|
+
*/
|
5
|
+
currentPage: number;
|
6
|
+
/**
|
7
|
+
* Page size. Tells how many items fit in one page
|
8
|
+
*/
|
9
|
+
pageSize: number;
|
10
|
+
/**
|
11
|
+
* Total amount of pages. Calculated from amount of items and page size.
|
12
|
+
*/
|
13
|
+
totalPages: number;
|
14
|
+
/**
|
15
|
+
* True when the hook has next page available.
|
16
|
+
*/
|
17
|
+
hasNextPage: boolean;
|
18
|
+
/**
|
19
|
+
* True when the hook has next previous available.
|
20
|
+
*/
|
21
|
+
hasPreviousPage: boolean;
|
22
|
+
/**
|
23
|
+
* Callback function to change current page.
|
24
|
+
*/
|
25
|
+
onPageChange: (page: number) => void;
|
26
|
+
/**
|
27
|
+
* Callback function to change current page size.
|
28
|
+
*/
|
29
|
+
onPageSizeChange: (size: number) => void;
|
30
|
+
};
|
31
|
+
declare type PaginationOptions = {
|
32
|
+
/**
|
33
|
+
* Initial page in case you do not want to star from page 1.
|
34
|
+
*/
|
35
|
+
initialPage?: number;
|
36
|
+
/**
|
37
|
+
* Initial page size if you do not want to start from 10.
|
38
|
+
*/
|
39
|
+
initialPageSize?: number;
|
40
|
+
};
|
41
|
+
export declare const usePagination: <Item extends unknown>(items: Item[], options?: PaginationOptions) => [Item[], PaginationState];
|
42
|
+
export {};
|
@@ -0,0 +1,34 @@
|
|
1
|
+
import { useState, useEffect } from 'react';
|
2
|
+
const initialState = {
|
3
|
+
currentPage: 1,
|
4
|
+
pageSize: 10,
|
5
|
+
};
|
6
|
+
const getPageIndex = (currentPage, pageSize) => (currentPage === 0 ? 0 : (currentPage - 1) * pageSize);
|
7
|
+
export const usePagination = (items, options) => {
|
8
|
+
const [currentPage, setCurrentPage] = useState((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage);
|
9
|
+
const [pageSize, setPageSize] = useState((options === null || options === void 0 ? void 0 : options.initialPageSize) || initialState.pageSize);
|
10
|
+
const totalPages = items.length > 0 ? Math.ceil(items.length / pageSize) : 1;
|
11
|
+
const hasPreviousPage = currentPage > 1;
|
12
|
+
const hasNextPage = currentPage < totalPages;
|
13
|
+
const pageIndex = getPageIndex(currentPage, pageSize);
|
14
|
+
const onPageSizeChange = (pageSize) => {
|
15
|
+
setPageSize(pageSize);
|
16
|
+
setCurrentPage((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage);
|
17
|
+
};
|
18
|
+
useEffect(() => {
|
19
|
+
setCurrentPage((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage);
|
20
|
+
}, [items.length]);
|
21
|
+
return [
|
22
|
+
items.slice(pageIndex, Math.min(pageIndex + pageSize, items.length)),
|
23
|
+
{
|
24
|
+
currentPage,
|
25
|
+
totalPages,
|
26
|
+
pageSize,
|
27
|
+
hasPreviousPage,
|
28
|
+
hasNextPage,
|
29
|
+
onPageChange: setCurrentPage,
|
30
|
+
onPageSizeChange,
|
31
|
+
},
|
32
|
+
];
|
33
|
+
};
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vdXNlUGFnaW5hdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFPNUMsTUFBTSxZQUFZLEdBQVU7SUFDMUIsV0FBVyxFQUFFLENBQUM7SUFDZCxRQUFRLEVBQUUsRUFBRTtDQUNiLENBQUM7QUE0Q0YsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLFFBQWdCLEVBQUUsRUFBRSxDQUFDLENBQUMsV0FBVyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQztBQUV2SCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FDM0IsS0FBYSxFQUNiLE9BQTJCLEVBQ0EsRUFBRTtJQUM3QixNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLFFBQVEsQ0FBUyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxXQUFXLEtBQUksWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3pHLE1BQU0sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLEdBQUcsUUFBUSxDQUFTLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLGVBQWUsS0FBSSxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDcEcsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdFLE1BQU0sZUFBZSxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFDeEMsTUFBTSxXQUFXLEdBQUcsV0FBVyxHQUFHLFVBQVUsQ0FBQztJQUM3QyxNQUFNLFNBQVMsR0FBRyxZQUFZLENBQUMsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBRXRELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxRQUFnQixFQUFFLEVBQUU7UUFDNUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RCLGNBQWMsQ0FBQyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxXQUFXLEtBQUksWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ25FLENBQUMsQ0FBQztJQUVGLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixjQUFjLENBQUMsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsV0FBVyxLQUFJLFlBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNuRSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUVuQixPQUFPO1FBQ0wsS0FBSyxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEdBQUcsUUFBUSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwRTtZQUNFLFdBQVc7WUFDWCxVQUFVO1lBQ1YsUUFBUTtZQUNSLGVBQWU7WUFDZixXQUFXO1lBQ1gsWUFBWSxFQUFFLGNBQWM7WUFDNUIsZ0JBQWdCO1NBQ2pCO0tBQ0YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { AsyncActionType } from '../../../types/ActionType';
|
3
|
+
export declare type SectionProps = {
|
4
|
+
/** Section's title */
|
5
|
+
title: string;
|
6
|
+
/** Optional section's subtitle. */
|
7
|
+
subtitle?: string;
|
8
|
+
/**
|
9
|
+
* Optional actions. There can be 1-2 secondary actions only in a section.
|
10
|
+
*/
|
11
|
+
actions?: AsyncActionType | AsyncActionType[];
|
12
|
+
};
|
13
|
+
export declare const Section: React.FC<SectionProps>;
|
@@ -0,0 +1,31 @@
|
|
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 { Section as BaseSection } from '../../../src/common/Section/Section';
|
14
|
+
import { SecondaryButton } from '../../../src/components/Button/Button';
|
15
|
+
import { Divider } from '../../../src/components/Divider/Divider';
|
16
|
+
import castArray from 'lodash/castArray';
|
17
|
+
export const Section = ({ title, subtitle, actions, children }) => (React.createElement(BaseSection, null,
|
18
|
+
React.createElement(BaseSection.Header, null,
|
19
|
+
React.createElement(BaseSection.TitleContainer, null,
|
20
|
+
React.createElement(BaseSection.Title, null, title),
|
21
|
+
React.createElement(BaseSection.Subtitle, null, subtitle)),
|
22
|
+
React.createElement(BaseSection.Actions, null, actions &&
|
23
|
+
castArray(actions)
|
24
|
+
.filter(Boolean)
|
25
|
+
.map((_a) => {
|
26
|
+
var { text } = _a, action = __rest(_a, ["text"]);
|
27
|
+
return (React.createElement(SecondaryButton, Object.assign({ key: text }, action), text));
|
28
|
+
}))),
|
29
|
+
React.createElement(Divider, null),
|
30
|
+
React.createElement(BaseSection.Body, null, children)));
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlY3Rpb24vU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxXQUFXLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRXpELE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBZXpDLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBMkIsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RixvQkFBQyxXQUFXO0lBQ1Ysb0JBQUMsV0FBVyxDQUFDLE1BQU07UUFDakIsb0JBQUMsV0FBVyxDQUFDLGNBQWM7WUFDekIsb0JBQUMsV0FBVyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQXFCO1lBQzlDLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLFFBQUUsUUFBUSxDQUF3QixDQUM1QjtRQUM3QixvQkFBQyxXQUFXLENBQUMsT0FBTyxRQUNqQixPQUFPO1lBQ04sU0FBUyxDQUFDLE9BQU8sQ0FBQztpQkFDZixNQUFNLENBQUMsT0FBTyxDQUFDO2lCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTtvQkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7Z0JBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTthQUFBLENBQUMsQ0FDYyxDQUNIO0lBQ3JCLG9CQUFDLE9BQU8sT0FBRztJQUNYLG9CQUFDLFdBQVcsQ0FBQyxJQUFJLFFBQUUsUUFBUSxDQUFvQixDQUNuQyxDQUNmLENBQUMifQ==
|
@@ -39,10 +39,10 @@ export * from './Popover/Popover';
|
|
39
39
|
export * from './PopoverDialog/PopoverDialog';
|
40
40
|
export { usePopoverContext } from './Popover/PopoverContext';
|
41
41
|
export * from './Portal/Portal';
|
42
|
-
export * from './Positioner/Positioner';
|
43
42
|
export * from './ProgressBar/ProgressBar';
|
44
43
|
export * from './RadioButton/RadioButton';
|
45
44
|
export * from './RadioButtonGroup/RadioButtonGroup';
|
45
|
+
export * from './Section/Section';
|
46
46
|
export * from './SegmentedControl/SegmentedControl';
|
47
47
|
export * from './Select/Select';
|
48
48
|
export * from './Skeleton/Skeleton';
|
@@ -56,6 +56,7 @@ export * from './Textarea/Textarea';
|
|
56
56
|
export * from './Tooltip/Tooltip';
|
57
57
|
export * from './Typography/Typography';
|
58
58
|
export * from '../common/Table/Table.utils';
|
59
|
+
export * from './Pagination/usePagination';
|
59
60
|
export declare const SelectItem: import("react").ForwardRefExoticComponent<{
|
60
61
|
key: string;
|
61
62
|
value: string;
|
@@ -40,10 +40,10 @@ export * from './Popover/Popover';
|
|
40
40
|
export * from './PopoverDialog/PopoverDialog';
|
41
41
|
export { usePopoverContext } from './Popover/PopoverContext';
|
42
42
|
export * from './Portal/Portal';
|
43
|
-
export * from './Positioner/Positioner';
|
44
43
|
export * from './ProgressBar/ProgressBar';
|
45
44
|
export * from './RadioButton/RadioButton';
|
46
45
|
export * from './RadioButtonGroup/RadioButtonGroup';
|
46
|
+
export * from './Section/Section';
|
47
47
|
export * from './SegmentedControl/SegmentedControl';
|
48
48
|
export * from './Select/Select';
|
49
49
|
export * from './Skeleton/Skeleton';
|
@@ -58,5 +58,6 @@ export * from './Tooltip/Tooltip';
|
|
58
58
|
export * from './Typography/Typography';
|
59
59
|
// Exported atoms and utility functions
|
60
60
|
export * from '../common/Table/Table.utils';
|
61
|
+
export * from './Pagination/usePagination';
|
61
62
|
export const SelectItem = Select.Item;
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFakQsc0RBQXNEO0FBQ3RELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM3RCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx5QkFBeUIsQ0FBQztBQUV4Qyx1Q0FBdUM7QUFDdkMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBRTNDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDIn0=
|
package/dist/styles.css
CHANGED
@@ -926,17 +926,6 @@ input[type='number'].no-arrows {
|
|
926
926
|
.transform {
|
927
927
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
928
928
|
}
|
929
|
-
@keyframes positioner-fade-in {
|
930
|
-
from {
|
931
|
-
opacity: 0;
|
932
|
-
}
|
933
|
-
to {
|
934
|
-
opacity: 1;
|
935
|
-
}
|
936
|
-
}
|
937
|
-
.animate-positioner-fade-in {
|
938
|
-
animation: positioner-fade-in 300ms ease-in-out !important;
|
939
|
-
}
|
940
929
|
@keyframes pulse {
|
941
930
|
50% {
|
942
931
|
opacity: .5;
|
@@ -1026,6 +1015,10 @@ input[type='number'].no-arrows {
|
|
1026
1015
|
grid-gap: 4px !important;
|
1027
1016
|
gap: 4px !important;
|
1028
1017
|
}
|
1018
|
+
.gap-5 {
|
1019
|
+
grid-gap: 16px !important;
|
1020
|
+
gap: 16px !important;
|
1021
|
+
}
|
1029
1022
|
.gap-8 {
|
1030
1023
|
grid-gap: 40px !important;
|
1031
1024
|
gap: 40px !important;
|
@@ -1310,6 +1303,14 @@ input[type='number'].no-arrows {
|
|
1310
1303
|
padding-left: 16px !important;
|
1311
1304
|
padding-right: 16px !important;
|
1312
1305
|
}
|
1306
|
+
.px-6 {
|
1307
|
+
padding-left: 24px !important;
|
1308
|
+
padding-right: 24px !important;
|
1309
|
+
}
|
1310
|
+
.py-5 {
|
1311
|
+
padding-top: 16px !important;
|
1312
|
+
padding-bottom: 16px !important;
|
1313
|
+
}
|
1313
1314
|
.py-\[6px\] {
|
1314
1315
|
padding-top: 6px !important;
|
1315
1316
|
padding-bottom: 6px !important;
|
@@ -926,17 +926,6 @@ input[type='number'].no-arrows {
|
|
926
926
|
.transform {
|
927
927
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
928
928
|
}
|
929
|
-
@keyframes positioner-fade-in {
|
930
|
-
from {
|
931
|
-
opacity: 0;
|
932
|
-
}
|
933
|
-
to {
|
934
|
-
opacity: 1;
|
935
|
-
}
|
936
|
-
}
|
937
|
-
.animate-positioner-fade-in {
|
938
|
-
animation: positioner-fade-in 300ms ease-in-out !important;
|
939
|
-
}
|
940
929
|
@keyframes pulse {
|
941
930
|
50% {
|
942
931
|
opacity: .5;
|
@@ -1026,6 +1015,10 @@ input[type='number'].no-arrows {
|
|
1026
1015
|
grid-gap: 4px !important;
|
1027
1016
|
gap: 4px !important;
|
1028
1017
|
}
|
1018
|
+
.gap-5 {
|
1019
|
+
grid-gap: 16px !important;
|
1020
|
+
gap: 16px !important;
|
1021
|
+
}
|
1029
1022
|
.gap-8 {
|
1030
1023
|
grid-gap: 40px !important;
|
1031
1024
|
gap: 40px !important;
|
@@ -1310,6 +1303,14 @@ input[type='number'].no-arrows {
|
|
1310
1303
|
padding-left: 16px !important;
|
1311
1304
|
padding-right: 16px !important;
|
1312
1305
|
}
|
1306
|
+
.px-6 {
|
1307
|
+
padding-left: 24px !important;
|
1308
|
+
padding-right: 24px !important;
|
1309
|
+
}
|
1310
|
+
.py-5 {
|
1311
|
+
padding-top: 16px !important;
|
1312
|
+
padding-bottom: 16px !important;
|
1313
|
+
}
|
1313
1314
|
.py-\[6px\] {
|
1314
1315
|
padding-top: 6px !important;
|
1315
1316
|
padding-bottom: 6px !important;
|