@dust-tt/sparkle 0.2.236 → 0.2.238
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/cjs/index.js +38 -40
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/DataTable.d.ts +17 -6
- package/dist/esm/components/DataTable.d.ts.map +1 -1
- package/dist/esm/components/DataTable.js +34 -22
- package/dist/esm/components/DataTable.js.map +1 -1
- package/dist/esm/components/Dialog.d.ts.map +1 -1
- package/dist/esm/components/Dialog.js +2 -2
- package/dist/esm/components/Dialog.js.map +1 -1
- package/dist/esm/components/TextArea.d.ts +2 -2
- package/dist/esm/components/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea.js +3 -17
- package/dist/esm/components/TextArea.js.map +1 -1
- package/dist/esm/stories/DataTable.stories.d.ts.map +1 -1
- package/dist/esm/stories/DataTable.stories.js +32 -2
- package/dist/esm/stories/DataTable.stories.js.map +1 -1
- package/dist/esm/stories/TextArea.stories.js +1 -1
- package/dist/esm/stories/TextArea.stories.js.map +1 -1
- package/dist/sparkle.css +4 -4
- package/package.json +1 -1
- package/src/components/DataTable.tsx +74 -19
- package/src/components/Dialog.tsx +2 -4
- package/src/components/TextArea.tsx +4 -20
- package/src/stories/DataTable.stories.tsx +32 -0
- package/src/stories/TextArea.stories.tsx +1 -1
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
import { type ColumnDef, PaginationState, SortingFn, type SortingState } from "@tanstack/react-table";
|
|
1
|
+
import { Column, type ColumnDef, PaginationState, SortingFn, type SortingState } from "@tanstack/react-table";
|
|
2
2
|
import React, { ReactNode } from "react";
|
|
3
3
|
import { DropdownItemProps } from "../components/DropdownMenu";
|
|
4
|
+
declare module "@tanstack/react-table" {
|
|
5
|
+
interface ColumnMeta<TData, TValue> {
|
|
6
|
+
className?: string;
|
|
7
|
+
width?: string;
|
|
8
|
+
flex?: number;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
4
11
|
interface TBaseData {
|
|
5
12
|
onClick?: () => void;
|
|
6
13
|
moreMenuItems?: DropdownItemProps[];
|
|
@@ -13,6 +20,7 @@ interface DataTableProps<TData extends TBaseData> {
|
|
|
13
20
|
totalRowCount?: number;
|
|
14
21
|
columns: ColumnDef<TData, any>[];
|
|
15
22
|
className?: string;
|
|
23
|
+
widthClassName?: string;
|
|
16
24
|
filter?: string;
|
|
17
25
|
filterColumn?: string;
|
|
18
26
|
pagination?: PaginationState;
|
|
@@ -21,14 +29,14 @@ interface DataTableProps<TData extends TBaseData> {
|
|
|
21
29
|
columnsBreakpoints?: ColumnBreakpoint;
|
|
22
30
|
sortingFn?: SortingFn<TData>;
|
|
23
31
|
}
|
|
24
|
-
export declare function DataTable<TData extends TBaseData>({ data, totalRowCount, columns, className, filter, filterColumn, initialColumnOrder, columnsBreakpoints, pagination, setPagination, }: DataTableProps<TData>): React.JSX.Element;
|
|
32
|
+
export declare function DataTable<TData extends TBaseData>({ data, totalRowCount, columns, className, widthClassName, filter, filterColumn, initialColumnOrder, columnsBreakpoints, pagination, setPagination, }: DataTableProps<TData>): React.JSX.Element;
|
|
25
33
|
export declare namespace DataTable {
|
|
26
|
-
var Root: ({ children,
|
|
34
|
+
var Root: ({ children, ...props }: DataTableRootProps) => React.JSX.Element;
|
|
27
35
|
var Header: ({ children, className, ...props }: HeaderProps) => React.JSX.Element;
|
|
28
|
-
var Head: ({ children, className, ...props }: HeadProps) => React.JSX.Element;
|
|
36
|
+
var Head: ({ children, className, column, ...props }: HeadProps) => React.JSX.Element;
|
|
29
37
|
var Body: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
|
|
30
|
-
var Row: ({ children, className, onClick, moreMenuItems, ...props }: RowProps) => React.JSX.Element;
|
|
31
|
-
var Cell: ({ children, className, ...props }: CellProps) => React.JSX.Element;
|
|
38
|
+
var Row: ({ children, className, onClick, moreMenuItems, widthClassName, ...props }: RowProps) => React.JSX.Element;
|
|
39
|
+
var Cell: ({ children, className, column, ...props }: CellProps) => React.JSX.Element;
|
|
32
40
|
var CellContent: ({ children, className, avatarUrl, avatarTooltipLabel, roundedAvatar, icon, iconClassName, description, ...props }: CellContentProps) => React.JSX.Element;
|
|
33
41
|
var Caption: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
|
|
34
42
|
}
|
|
@@ -40,14 +48,17 @@ interface HeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
|
40
48
|
}
|
|
41
49
|
interface HeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
42
50
|
children?: ReactNode;
|
|
51
|
+
column: Column<any>;
|
|
43
52
|
}
|
|
44
53
|
interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
45
54
|
children: ReactNode;
|
|
46
55
|
onClick?: () => void;
|
|
47
56
|
moreMenuItems?: DropdownItemProps[];
|
|
57
|
+
widthClassName: string;
|
|
48
58
|
}
|
|
49
59
|
interface CellProps extends React.HTMLAttributes<HTMLTableCellElement> {
|
|
50
60
|
children: ReactNode;
|
|
61
|
+
column: Column<any>;
|
|
51
62
|
}
|
|
52
63
|
interface CellContentProps extends React.TdHTMLAttributes<HTMLDivElement> {
|
|
53
64
|
avatarUrl?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAOd,eAAe,EACf,SAAS,EACT,KAAK,YAAY,EAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAC;AAU1C,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD;AAED,UAAU,cAAc,CAAC,KAAK,SAAS,SAAS;IAC9C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;CAC9B;AAYD,wBAAgB,SAAS,CAAC,KAAK,SAAS,SAAS,EAAE,EACjD,IAAI,EACJ,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,kBAAuB,EACvB,UAAU,EACV,aAAa,GACd,EAAE,cAAc,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,10 +17,10 @@ function shouldRenderColumn(windowWidth, breakpoint) {
|
|
|
17
17
|
return windowWidth >= breakpoints[breakpoint];
|
|
18
18
|
}
|
|
19
19
|
export function DataTable(_a) {
|
|
20
|
-
var data = _a.data, totalRowCount = _a.totalRowCount, columns = _a.columns, className = _a.className, filter = _a.filter, filterColumn = _a.filterColumn, initialColumnOrder = _a.initialColumnOrder,
|
|
20
|
+
var data = _a.data, totalRowCount = _a.totalRowCount, columns = _a.columns, className = _a.className, _b = _a.widthClassName, widthClassName = _b === void 0 ? "s-w-full s-max-w-4xl" : _b, filter = _a.filter, filterColumn = _a.filterColumn, initialColumnOrder = _a.initialColumnOrder, _c = _a.columnsBreakpoints, columnsBreakpoints = _c === void 0 ? {} : _c, pagination = _a.pagination, setPagination = _a.setPagination;
|
|
21
21
|
var windowSize = useWindowSize();
|
|
22
|
-
var
|
|
23
|
-
var
|
|
22
|
+
var _d = __read(useState(initialColumnOrder !== null && initialColumnOrder !== void 0 ? initialColumnOrder : []), 2), sorting = _d[0], setSorting = _d[1];
|
|
23
|
+
var _e = __read(useState([]), 2), columnFilters = _e[0], setColumnFilters = _e[1];
|
|
24
24
|
var isServerSidePagination = !!totalRowCount && totalRowCount > data.length;
|
|
25
25
|
var onPaginationChange = pagination && setPagination
|
|
26
26
|
? function (updater) {
|
|
@@ -55,15 +55,15 @@ export function DataTable(_a) {
|
|
|
55
55
|
(_a = table.getColumn(filterColumn)) === null || _a === void 0 ? void 0 : _a.setFilterValue(filter);
|
|
56
56
|
}
|
|
57
57
|
}, [filter, filterColumn]);
|
|
58
|
-
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
|
|
59
|
-
React.createElement(DataTable.Root,
|
|
60
|
-
React.createElement(DataTable.Header, null, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(DataTable.Row, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
|
|
58
|
+
return (React.createElement("div", { className: classNames("s-flex s-flex-col s-gap-2", className || "", widthClassName) },
|
|
59
|
+
React.createElement(DataTable.Root, null,
|
|
60
|
+
React.createElement(DataTable.Header, null, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(DataTable.Row, { key: headerGroup.id, widthClassName: widthClassName }, headerGroup.headers.map(function (header) {
|
|
61
61
|
var breakpoint = columnsBreakpoints[header.id];
|
|
62
62
|
if (!windowSize.width ||
|
|
63
63
|
!shouldRenderColumn(windowSize.width, breakpoint)) {
|
|
64
64
|
return null;
|
|
65
65
|
}
|
|
66
|
-
return (React.createElement(DataTable.Head, { key: header.id, onClick: header.column.getToggleSortingHandler(), className: classNames(header.column.getCanSort() ? "s-cursor-pointer" : "") },
|
|
66
|
+
return (React.createElement(DataTable.Head, { column: header.column, key: header.id, onClick: header.column.getToggleSortingHandler(), className: classNames(header.column.getCanSort() ? "s-cursor-pointer" : "") },
|
|
67
67
|
React.createElement("div", { className: "s-flex s-items-center s-space-x-1 s-whitespace-nowrap" },
|
|
68
68
|
flexRender(header.column.columnDef.header, header.getContext()),
|
|
69
69
|
header.column.getCanSort() && (React.createElement(Icon, { visual: header.column.getIsSorted() === "asc"
|
|
@@ -74,55 +74,67 @@ export function DataTable(_a) {
|
|
|
74
74
|
? "s-opacity-100"
|
|
75
75
|
: "s-opacity-0") })))));
|
|
76
76
|
}))); })),
|
|
77
|
-
React.createElement(DataTable.Body, null, table.getRowModel().rows.map(function (row) { return (React.createElement(DataTable.Row, { key: row.id, onClick: row.original.onClick, moreMenuItems: row.original.moreMenuItems }, row.getVisibleCells().map(function (cell) {
|
|
77
|
+
React.createElement(DataTable.Body, null, table.getRowModel().rows.map(function (row) { return (React.createElement(DataTable.Row, { widthClassName: widthClassName, key: row.id, onClick: row.original.onClick, moreMenuItems: row.original.moreMenuItems }, row.getVisibleCells().map(function (cell) {
|
|
78
78
|
var breakpoint = columnsBreakpoints[cell.column.id];
|
|
79
79
|
if (!windowSize.width ||
|
|
80
80
|
!shouldRenderColumn(windowSize.width, breakpoint)) {
|
|
81
81
|
return null;
|
|
82
82
|
}
|
|
83
|
-
return (React.createElement(DataTable.Cell, { key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
83
|
+
return (React.createElement(DataTable.Cell, { column: cell.column, key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
84
84
|
}))); }))),
|
|
85
85
|
pagination && (React.createElement("div", { className: "s-p-1" },
|
|
86
86
|
React.createElement(Pagination, { pagination: table.getState().pagination, setPagination: table.setPagination, rowCount: table.getRowCount() })))));
|
|
87
87
|
}
|
|
88
88
|
DataTable.Root = function DataTableRoot(_a) {
|
|
89
|
-
var children = _a.children,
|
|
90
|
-
return (React.createElement("table", __assign({ className:
|
|
89
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
90
|
+
return (React.createElement("table", __assign({ className: "s-w-full s-border-collapse" }, props), children));
|
|
91
91
|
};
|
|
92
92
|
DataTable.Header = function Header(_a) {
|
|
93
93
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
94
94
|
return (React.createElement("thead", __assign({ className: classNames("s-text-xs s-capitalize", className || "") }, props), children));
|
|
95
95
|
};
|
|
96
96
|
DataTable.Head = function Head(_a) {
|
|
97
|
-
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
98
|
-
return (React.createElement("th", __assign({ className: classNames("s-
|
|
97
|
+
var children = _a.children, className = _a.className, column = _a.column, props = __rest(_a, ["children", "className", "column"]);
|
|
98
|
+
return (React.createElement("th", __assign({ style: getSize(column.columnDef), className: classNames("s-py-1 s-pr-3 s-text-left s-font-medium s-text-element-800", className || "") }, props), children));
|
|
99
99
|
};
|
|
100
100
|
DataTable.Body = function Body(_a) {
|
|
101
101
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
102
102
|
return (React.createElement("tbody", __assign({ className: className }, props), children));
|
|
103
103
|
};
|
|
104
104
|
DataTable.Row = function Row(_a) {
|
|
105
|
-
var children = _a.children, className = _a.className, onClick = _a.onClick, moreMenuItems = _a.moreMenuItems, props = __rest(_a, ["children", "className", "onClick", "moreMenuItems"]);
|
|
106
|
-
return (React.createElement("tr", __assign({ className: classNames("s-group/dt s-border-b s-border-structure-200 s-text-sm s-transition-colors s-duration-300 s-ease-out", onClick ? "s-cursor-pointer hover:s-bg-structure-50" : "", className || ""), onClick: onClick ? onClick : undefined }, props),
|
|
105
|
+
var children = _a.children, className = _a.className, onClick = _a.onClick, moreMenuItems = _a.moreMenuItems, widthClassName = _a.widthClassName, props = __rest(_a, ["children", "className", "onClick", "moreMenuItems", "widthClassName"]);
|
|
106
|
+
return (React.createElement("tr", __assign({ className: classNames("s-group/dt s-flex s-items-center s-border-b s-border-structure-200 s-text-sm s-transition-colors s-duration-300 s-ease-out", onClick ? "s-cursor-pointer hover:s-bg-structure-50" : "", widthClassName, className || ""), onClick: onClick ? onClick : undefined }, props),
|
|
107
107
|
children,
|
|
108
|
-
React.createElement("td", { className: "s-w-
|
|
108
|
+
React.createElement("td", { className: "s-flex s-w-8 s-cursor-pointer s-items-center s-pl-1 s-text-element-600" }, moreMenuItems && moreMenuItems.length > 0 && (React.createElement(DropdownMenu, { className: "s-mr-1.5 s-flex" },
|
|
109
109
|
React.createElement(DropdownMenu.Button, null,
|
|
110
|
-
React.createElement(IconButton, { icon: MoreIcon, size: "sm", variant: "tertiary" })),
|
|
110
|
+
React.createElement(IconButton, { icon: MoreIcon, size: "sm", variant: "tertiary", className: "s-m-1" })),
|
|
111
111
|
React.createElement(DropdownMenu.Items, { origin: "topRight", width: 220 }, moreMenuItems === null || moreMenuItems === void 0 ? void 0 : moreMenuItems.map(function (item, index) { return (React.createElement(DropdownMenu.Item, __assign({ key: index }, item))); })))))));
|
|
112
112
|
};
|
|
113
113
|
DataTable.Cell = function Cell(_a) {
|
|
114
|
-
var
|
|
115
|
-
|
|
114
|
+
var _b;
|
|
115
|
+
var children = _a.children, className = _a.className, column = _a.column, props = __rest(_a, ["children", "className", "column"]);
|
|
116
|
+
column.columnDef.minSize;
|
|
117
|
+
return (React.createElement("td", __assign({ style: getSize(column.columnDef), className: classNames("s-flex s-h-12 s-items-center s-truncate s-whitespace-nowrap s-pl-1.5 s-text-element-800", ((_b = column.columnDef.meta) === null || _b === void 0 ? void 0 : _b.className) || "", className || "") }, props), children));
|
|
116
118
|
};
|
|
119
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
120
|
+
function getSize(columnDef) {
|
|
121
|
+
var _a, _b, _c;
|
|
122
|
+
if ((_a = columnDef.meta) === null || _a === void 0 ? void 0 : _a.width) {
|
|
123
|
+
return { width: columnDef.meta.width };
|
|
124
|
+
}
|
|
125
|
+
return {
|
|
126
|
+
flex: (_c = (_b = columnDef.meta) === null || _b === void 0 ? void 0 : _b.flex) !== null && _c !== void 0 ? _c : 1,
|
|
127
|
+
};
|
|
128
|
+
}
|
|
117
129
|
DataTable.CellContent = function CellContent(_a) {
|
|
118
130
|
var children = _a.children, className = _a.className, avatarUrl = _a.avatarUrl, avatarTooltipLabel = _a.avatarTooltipLabel, roundedAvatar = _a.roundedAvatar, icon = _a.icon, iconClassName = _a.iconClassName, description = _a.description, props = __rest(_a, ["children", "className", "avatarUrl", "avatarTooltipLabel", "roundedAvatar", "icon", "iconClassName", "description"]);
|
|
119
|
-
return (React.createElement("div", __assign({ className: classNames("s-flex s-items-center s-py-2", className || "") }, props),
|
|
131
|
+
return (React.createElement("div", __assign({ className: classNames("s-flex s-w-full s-items-center s-py-2", className || "") }, props),
|
|
120
132
|
avatarUrl && avatarTooltipLabel && (React.createElement(Tooltip, { label: avatarTooltipLabel, position: "above" },
|
|
121
133
|
React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false }))),
|
|
122
134
|
avatarUrl && !avatarTooltipLabel && (React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false })),
|
|
123
135
|
icon && (React.createElement(Icon, { visual: icon, size: "sm", className: classNames("s-mr-2 s-text-element-800", iconClassName || "") })),
|
|
124
|
-
React.createElement("div", { className: "s-flex" },
|
|
125
|
-
React.createElement("span", { className: "s-text-sm s-text-element-800" }, children),
|
|
136
|
+
React.createElement("div", { className: "s-flex s-shrink s-truncate" },
|
|
137
|
+
React.createElement("span", { className: "s-truncate s-text-sm s-text-element-800" }, children),
|
|
126
138
|
description && (React.createElement("span", { className: "s-pl-2 s-text-sm s-text-element-600" }, description)))));
|
|
127
139
|
};
|
|
128
140
|
DataTable.Caption = function Caption(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAsB,EACtB,aAAoB,EACpB,eAA2B,EAC3B,QAAQ,EACR,cAAuB,GACxB,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,GAAG,gBAAgB,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAsB,EACtB,aAAoB,EACpB,eAA2B,EAC3B,QAAQ,EACR,cAAuB,GACxB,EAAE,UAAU,qBA4EZ"}
|
|
@@ -16,8 +16,8 @@ export function Dialog(_a) {
|
|
|
16
16
|
React.createElement(Transition.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: "s-opacity-0 s-translate-y-4 s-scale-95", enterTo: "s-opacity-100 s-translate-y-0 s-scale-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100 s-translate-y-0 s-scale-100", leaveTo: "s-opacity-0 s-translate-y-4 s-scale-95" },
|
|
17
17
|
React.createElement(HeadlessDialog.Panel, { className: classNames("s-relative s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-p-4 s-shadow-xl s-transition-all", "s-w-full sm:s-w-[448px]", "s-flex s-flex-col s-gap-6"), ref: referentRef },
|
|
18
18
|
React.createElement(HeadlessDialog.Title, { className: "s-text-element-950 s-truncate s-text-lg s-font-medium" }, title),
|
|
19
|
-
React.createElement("div", { className: "s-
|
|
20
|
-
React.createElement("div", { className: "s-
|
|
19
|
+
React.createElement("div", { className: "s-text-base s-text-element-700" }, children),
|
|
20
|
+
React.createElement("div", { className: "s-flex s-w-full s-justify-end" },
|
|
21
21
|
React.createElement(Button.List, null,
|
|
22
22
|
!isSaving && (React.createElement(React.Fragment, null,
|
|
23
23
|
React.createElement(Button, { label: cancelLabel, variant: "tertiary", onClick: onCancel }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AACxE,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAgBlC,MAAM,UAAU,MAAM,CAAC,EAYV;QAXX,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,uBAA2B,EAA3B,eAAe,mBAAG,SAAS,KAAA,EAC3B,QAAQ,cAAA,EACR,sBAAuB,EAAvB,cAAc,mBAAG,MAAM,KAAA;IAEvB,IAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,OAAO,CACL,oBAAC,UAAU,IAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI;QAClD,oBAAC,cAAc,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,QAAQ;YACtE,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,eAAe,EACzB,OAAO,EAAC,aAAa;gBAErB,6BAAK,SAAS,EAAC,gFAAgF,GAAG,CACjF;YAEnB,6BAAK,SAAS,EAAC,0BAA0B;gBACvC,6BAAK,SAAS,EAAC,qDAAqD;oBAClE,oBAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,2CAA2C,EACnD,KAAK,EAAC,0BAA0B,EAChC,SAAS,EAAC,2CAA2C,EACrD,OAAO,EAAC,wCAAwC;wBAEhD,oBAAC,cAAc,CAAC,KAAK,IACnB,SAAS,EAAE,UAAU,CACnB,6GAA6G,EAC7G,yBAAyB,EACzB,2BAA2B,CAC5B,EACD,GAAG,EAAE,WAAW;4BAEhB,oBAAC,cAAc,CAAC,KAAK,IAAC,SAAS,EAAC,uDAAuD,IACpF,KAAK,CACe;4BACvB,6BAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,8 +6,8 @@ type TextAreaProps = {
|
|
|
6
6
|
error?: string | null;
|
|
7
7
|
showErrorLabel?: boolean;
|
|
8
8
|
className?: string;
|
|
9
|
-
|
|
9
|
+
minRows?: number;
|
|
10
10
|
};
|
|
11
|
-
export declare function TextArea({ placeholder, value, onChange, error, showErrorLabel, className,
|
|
11
|
+
export declare function TextArea({ placeholder, value, onChange, error, showErrorLabel, className, minRows }: TextAreaProps): React.JSX.Element;
|
|
12
12
|
export {};
|
|
13
13
|
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,KAAK,aAAa,GAAG;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,cAAsB,EACtB,SAAS,EACT,OAAY,EACb,EAAE,aAAa,qBA4Bf"}
|
|
@@ -1,26 +1,12 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useRef } from "react";
|
|
2
2
|
import { classNames } from "../lib/utils";
|
|
3
3
|
export function TextArea(_a) {
|
|
4
|
-
var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className, _c = _a.
|
|
4
|
+
var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className, _c = _a.minRows, minRows = _c === void 0 ? 10 : _c;
|
|
5
5
|
var textareaRef = useRef(null);
|
|
6
|
-
useEffect(function () {
|
|
7
|
-
var textarea = textareaRef.current;
|
|
8
|
-
if (textarea) {
|
|
9
|
-
textarea.style.height = 'auto'; // Reset height
|
|
10
|
-
textarea.style.height = "".concat(textarea.scrollHeight, "px"); // Set to scroll height
|
|
11
|
-
}
|
|
12
|
-
}, [value]); // Re-run when value changes
|
|
13
6
|
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
|
|
14
|
-
React.createElement("textarea", { rows:
|
|
7
|
+
React.createElement("textarea", { rows: minRows, ref: textareaRef, className: classNames("overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-placeholder-element-700 s-transition-all s-duration-200 s-scrollbar-hide", !error
|
|
15
8
|
? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
|
|
16
9
|
: "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : ""), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
|
|
17
|
-
var newValue = e.target.value;
|
|
18
|
-
var textAreaComponent = textareaRef.current;
|
|
19
|
-
if (textAreaComponent &&
|
|
20
|
-
(value === null || value === void 0 ? void 0 : value.length) &&
|
|
21
|
-
newValue.length < value.length) {
|
|
22
|
-
textAreaComponent.style.height = "auto"; // Reset height to recalculate
|
|
23
|
-
}
|
|
24
10
|
onChange(e.target.value);
|
|
25
11
|
} }),
|
|
26
12
|
error && showErrorLabel && (React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAYhD,MAAM,UAAU,QAAQ,CAAC,EAQT;QAPd,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,SAAS,eAAA,EACT,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;IAEZ,IAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEtD,OAAO,CACL,6BAAK,SAAS,EAAC,kCAAkC;QAC/C,kCACE,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,UAAU,CACnB,8IAA8I,EAC9I,CAAC,KAAK;gBACJ,CAAC,CAAC,0EAA0E;gBAC5E,CAAC,CAAC,8DAA8D,EAClE,0CAA0C,EAC1C,YAAY,EACZ,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAChB,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,UAAC,CAAC;gBACV,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,GACD;QACD,KAAK,IAAI,cAAc,IAAI,CAC1B,6BAAK,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAO,CACnE,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAc,MAAM,uBAAuB,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAc,MAAM,uBAAuB,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AA6KpB,eAAO,MAAM,gBAAgB,yBAmB5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,yBA4BrC,CAAC;AAEF,eAAO,MAAM,mCAAmC,yBAmC/C,CAAC"}
|
|
@@ -46,6 +46,22 @@ var data = [
|
|
|
46
46
|
],
|
|
47
47
|
onClick: function () { return alert("Design clicked"); },
|
|
48
48
|
},
|
|
49
|
+
{
|
|
50
|
+
name: "Very long name that should be truncated at some point to avoid overflow and make the table more readable",
|
|
51
|
+
usedBy: 2,
|
|
52
|
+
addedBy: "Another very long user name that should be truncated",
|
|
53
|
+
lastUpdated: "2023-07-09",
|
|
54
|
+
size: "64kb",
|
|
55
|
+
icon: FolderIcon,
|
|
56
|
+
moreMenuItems: [
|
|
57
|
+
{
|
|
58
|
+
label: "Edit (disabled)",
|
|
59
|
+
onClick: function () { return alert("Design menu clicked"); },
|
|
60
|
+
disabled: true,
|
|
61
|
+
},
|
|
62
|
+
],
|
|
63
|
+
onClick: function () { return alert("Design clicked"); },
|
|
64
|
+
},
|
|
49
65
|
{
|
|
50
66
|
name: "design",
|
|
51
67
|
usedBy: 3,
|
|
@@ -91,23 +107,37 @@ var columns = [
|
|
|
91
107
|
},
|
|
92
108
|
{
|
|
93
109
|
accessorKey: "usedBy",
|
|
110
|
+
minSize: 100,
|
|
111
|
+
size: 100,
|
|
94
112
|
header: "Used by",
|
|
113
|
+
meta: {
|
|
114
|
+
width: "100px",
|
|
115
|
+
},
|
|
95
116
|
cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.usedBy)); },
|
|
96
117
|
},
|
|
97
118
|
{
|
|
98
119
|
accessorKey: "addedBy",
|
|
99
120
|
header: "Added by",
|
|
121
|
+
meta: {
|
|
122
|
+
width: "100px",
|
|
123
|
+
},
|
|
100
124
|
cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.addedBy)); },
|
|
101
125
|
},
|
|
102
126
|
{
|
|
103
127
|
accessorKey: "lastUpdated",
|
|
104
128
|
header: "Last updated",
|
|
129
|
+
meta: {
|
|
130
|
+
width: "200px",
|
|
131
|
+
},
|
|
105
132
|
cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.lastUpdated)); },
|
|
106
133
|
enableSorting: false,
|
|
107
134
|
},
|
|
108
135
|
{
|
|
109
136
|
accessorKey: "size",
|
|
110
137
|
header: "Size",
|
|
138
|
+
meta: {
|
|
139
|
+
width: "100px",
|
|
140
|
+
},
|
|
111
141
|
cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.size)); },
|
|
112
142
|
},
|
|
113
143
|
];
|
|
@@ -125,7 +155,7 @@ export var DataTablePaginatedExample = function () {
|
|
|
125
155
|
var _b = __read(React.useState(""), 2), filter = _b[0], setFilter = _b[1];
|
|
126
156
|
return (React.createElement("div", { className: "s-w-full s-max-w-4xl s-overflow-x-auto" },
|
|
127
157
|
React.createElement(Input, { name: "filter", placeholder: "Filter", value: filter, onChange: function (v) { return setFilter(v); } }),
|
|
128
|
-
React.createElement(DataTable, { data: data, filter: filter, filterColumn: "name", pagination: pagination, setPagination: setPagination, columns: columns, initialColumnOrder: [{ id: "name", desc: false }], columnsBreakpoints: { lastUpdated: "sm" } })));
|
|
158
|
+
React.createElement(DataTable, { className: "s-w-full s-max-w-4xl s-overflow-x-auto", data: data, filter: filter, filterColumn: "name", pagination: pagination, setPagination: setPagination, columns: columns, initialColumnOrder: [{ id: "name", desc: false }], columnsBreakpoints: { lastUpdated: "sm" } })));
|
|
129
159
|
};
|
|
130
160
|
export var DataTablePaginatedServerSideExample = function () {
|
|
131
161
|
var _a = __read(React.useState({
|
|
@@ -138,6 +168,6 @@ export var DataTablePaginatedServerSideExample = function () {
|
|
|
138
168
|
}, [data, pagination]);
|
|
139
169
|
return (React.createElement("div", { className: "s-w-full s-max-w-4xl s-overflow-x-auto" },
|
|
140
170
|
React.createElement(Input, { name: "filter", placeholder: "Filter", value: filter, onChange: function (v) { return setFilter(v); } }),
|
|
141
|
-
React.createElement(DataTable, { data: rows, totalRowCount: data.length, filter: filter, filterColumn: "name", pagination: pagination, setPagination: setPagination, columns: columns, initialColumnOrder: [{ id: "name", desc: false }], columnsBreakpoints: { lastUpdated: "sm" } })));
|
|
171
|
+
React.createElement(DataTable, { className: "s-w-full s-max-w-4xl s-overflow-x-auto", data: rows, totalRowCount: data.length, filter: filter, filterColumn: "name", pagination: pagination, setPagination: setPagination, columns: columns, initialColumnOrder: [{ id: "name", desc: false }], columnsBreakpoints: { lastUpdated: "sm" } })));
|
|
142
172
|
};
|
|
143
173
|
//# sourceMappingURL=DataTable.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.stories.js","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DataTable.stories.js","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export var TextAreaExample = function () {
|
|
|
17
17
|
React.createElement("div", { className: "s-grid s-grid-cols-3 s-gap-4" },
|
|
18
18
|
React.createElement(TextArea, { placeholder: "placeholder", value: textValues[0], onChange: function (v) {
|
|
19
19
|
return setTextValues([v, textValues[1], textValues[2], textValues[3]]);
|
|
20
|
-
},
|
|
20
|
+
}, minRows: 2 }),
|
|
21
21
|
React.createElement(TextArea, { placeholder: "placeholder", value: textValues[1], error: "errored because blah", onChange: function (v) {
|
|
22
22
|
return setTextValues([textValues[0], v, textValues[2], textValues[3]]);
|
|
23
23
|
}, showErrorLabel: true }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../src/stories/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACY,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,eAAe,GAAG;IACvB,IAAA,KAAA,OAA8B,QAAQ,CAAC;QAC3C,EAAE;QACF,kBAAkB;QAClB,gBAAgB;QAChB,EAAE;KACH,CAAC,IAAA,EALK,UAAU,QAAA,EAAE,aAAa,QAK9B,CAAC;IACH,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,8BAA8B;YAC3C,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,
|
|
1
|
+
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../src/stories/TextArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;CACY,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,eAAe,GAAG;IACvB,IAAA,KAAA,OAA8B,QAAQ,CAAC;QAC3C,EAAE;QACF,kBAAkB;QAClB,gBAAgB;QAChB,EAAE;KACH,CAAC,IAAA,EALK,UAAU,QAAA,EAAE,aAAa,QAK9B,CAAC;IACH,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BAAK,SAAS,EAAC,8BAA8B;YAC3C,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,OAAO,EAAE,CAAC,GACV;YACF,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,cAAc,SACd;YACF,oBAAC,QAAQ,IACP,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,UAAC,CAAC;oBACV,OAAA,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBAA/D,CAA+D,EAEjE,KAAK,EAAE,sBAAsB,GAC7B,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/sparkle.css
CHANGED
|
@@ -853,6 +853,10 @@ select {
|
|
|
853
853
|
margin: 0px;
|
|
854
854
|
}
|
|
855
855
|
|
|
856
|
+
.s-m-1 {
|
|
857
|
+
margin: 0.25rem;
|
|
858
|
+
}
|
|
859
|
+
|
|
856
860
|
.s-m-px {
|
|
857
861
|
margin: 1px;
|
|
858
862
|
}
|
|
@@ -1126,10 +1130,6 @@ select {
|
|
|
1126
1130
|
width: 0.125rem;
|
|
1127
1131
|
}
|
|
1128
1132
|
|
|
1129
|
-
.s-w-1 {
|
|
1130
|
-
width: 0.25rem;
|
|
1131
|
-
}
|
|
1132
|
-
|
|
1133
1133
|
.s-w-1\/2 {
|
|
1134
1134
|
width: 50%;
|
|
1135
1135
|
}
|
package/package.json
CHANGED