@dust-tt/sparkle 0.2.252 → 0.2.253
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 +33 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/DataTable.d.ts +6 -0
- package/dist/esm/components/DataTable.d.ts.map +1 -1
- package/dist/esm/components/DataTable.js +32 -3
- package/dist/esm/components/DataTable.js.map +1 -1
- package/dist/esm/components/Modal.d.ts +6 -5
- package/dist/esm/components/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal.js +4 -4
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/stories/DataTable.stories.js +1 -1
- package/dist/esm/stories/DataTable.stories.js.map +1 -1
- package/dist/esm/stories/Modal.stories.d.ts.map +1 -1
- package/dist/esm/stories/Modal.stories.js +6 -1
- package/dist/esm/stories/Modal.stories.js.map +1 -1
- package/dist/sparkle.css +6 -0
- package/package.json +1 -1
- package/src/components/DataTable.tsx +52 -2
- package/src/components/Modal.tsx +17 -11
- package/src/stories/DataTable.stories.tsx +1 -1
- package/src/stories/Modal.stories.tsx +17 -0
|
@@ -39,6 +39,7 @@ export declare namespace DataTable {
|
|
|
39
39
|
var Row: ({ children, className, onClick, moreMenuItems, widthClassName, ...props }: RowProps) => React.JSX.Element;
|
|
40
40
|
var Cell: ({ children, className, column, ...props }: CellProps) => React.JSX.Element;
|
|
41
41
|
var CellContent: ({ children, className, avatarUrl, avatarTooltipLabel, roundedAvatar, icon, iconClassName, description, ...props }: CellContentProps) => React.JSX.Element;
|
|
42
|
+
var CellContentWithCopy: ({ children, textToCopy, className, }: CellContentWithCopyProps) => React.JSX.Element;
|
|
42
43
|
var Caption: ({ children, className, ...props }: React.HTMLAttributes<HTMLTableCaptionElement>) => React.JSX.Element;
|
|
43
44
|
}
|
|
44
45
|
interface DataTableRootProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
@@ -72,5 +73,10 @@ interface CellContentProps extends React.TdHTMLAttributes<HTMLDivElement> {
|
|
|
72
73
|
children?: ReactNode;
|
|
73
74
|
description?: string;
|
|
74
75
|
}
|
|
76
|
+
interface CellContentWithCopyProps {
|
|
77
|
+
children: React.ReactNode;
|
|
78
|
+
textToCopy?: string;
|
|
79
|
+
className?: string;
|
|
80
|
+
}
|
|
75
81
|
export {};
|
|
76
82
|
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,SAAS,EAOd,eAAe,EACf,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;
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,SAAS,EAOd,eAAe,EACf,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;AAgB1C,OAAO,QAAQ,uBAAuB,CAAC;IAErC,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM;QAChC,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;CACF;AAED,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,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,gBAAgB,CAAC;IACtC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAYD,wBAAgB,SAAS,CAAC,KAAK,SAAS,SAAS,EAAE,EACjD,IAAI,EACJ,aAAa,EACb,OAAO,EACP,SAAS,EACT,cAAuC,EACvC,MAAM,EACN,YAAY,EACZ,kBAAuB,EACvB,UAAU,EACV,aAAa,EACb,OAAO,EACP,UAAU,EACV,mBAA2B,GAC5B,EAAE,cAAc,CAAC,KAAK,CAAC,qBA+JvB;yBA7Ke,SAAS;;;;;;;;;;;AA+KzB,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAaD,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,SAAU,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;CACrB;AAkCD,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACpC,cAAc,EAAE,MAAM,CAAC;CACxB;AA6CD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;CACrB;AAkCD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA+DD,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __assign, __read, __rest } from "tslib";
|
|
1
|
+
import { __assign, __awaiter, __generator, __read, __rest } from "tslib";
|
|
2
2
|
import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
|
|
3
3
|
import React, { useEffect, useState } from "react";
|
|
4
4
|
import { Avatar } from "../components/Avatar";
|
|
@@ -6,8 +6,8 @@ import { DropdownMenu, } from "../components/DropdownMenu";
|
|
|
6
6
|
import { IconButton } from "../components/IconButton";
|
|
7
7
|
import { Pagination } from "../components/Pagination";
|
|
8
8
|
import { Tooltip } from "../components/Tooltip";
|
|
9
|
-
import { ArrowDownIcon, ArrowUpIcon, MoreIcon } from "../icons";
|
|
10
|
-
import { classNames } from "../lib/utils";
|
|
9
|
+
import { ArrowDownIcon, ArrowUpIcon, ClipboardCheckIcon, ClipboardIcon, MoreIcon, } from "../icons";
|
|
10
|
+
import { classNames, useCopyToClipboard } from "../lib/utils";
|
|
11
11
|
import { Icon } from "./Icon";
|
|
12
12
|
import { breakpoints, useWindowSize } from "./WindowUtility";
|
|
13
13
|
function shouldRenderColumn(windowWidth, breakpoint) {
|
|
@@ -132,6 +132,35 @@ DataTable.CellContent = function CellContent(_a) {
|
|
|
132
132
|
React.createElement("span", { className: "s-truncate s-text-sm s-text-element-800" }, children),
|
|
133
133
|
description && (React.createElement("span", { className: "s-pl-2 s-text-sm s-text-element-600" }, description)))));
|
|
134
134
|
};
|
|
135
|
+
DataTable.CellContentWithCopy = function CellContentWithCopy(_a) {
|
|
136
|
+
var _this = this;
|
|
137
|
+
var children = _a.children, textToCopy = _a.textToCopy, className = _a.className;
|
|
138
|
+
var _b = __read(useCopyToClipboard(), 2), isCopied = _b[0], copyToClipboard = _b[1];
|
|
139
|
+
var handleCopy = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
140
|
+
return __generator(this, function (_a) {
|
|
141
|
+
void copyToClipboard(new ClipboardItem({
|
|
142
|
+
"text/plain": new Blob([textToCopy !== null && textToCopy !== void 0 ? textToCopy : String(children)], {
|
|
143
|
+
type: "text/plain",
|
|
144
|
+
}),
|
|
145
|
+
}));
|
|
146
|
+
return [2 /*return*/];
|
|
147
|
+
});
|
|
148
|
+
}); };
|
|
149
|
+
return (React.createElement("div", { className: classNames("s-flex s-items-center s-space-x-2", className || "") },
|
|
150
|
+
React.createElement("span", { className: "s-truncate" }, children),
|
|
151
|
+
React.createElement(IconButton, { icon: isCopied ? ClipboardCheckIcon : ClipboardIcon, variant: "tertiary", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
|
|
152
|
+
return __generator(this, function (_a) {
|
|
153
|
+
switch (_a.label) {
|
|
154
|
+
case 0:
|
|
155
|
+
e.stopPropagation();
|
|
156
|
+
return [4 /*yield*/, handleCopy()];
|
|
157
|
+
case 1:
|
|
158
|
+
_a.sent();
|
|
159
|
+
return [2 /*return*/];
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
}); }, size: "xs" })));
|
|
163
|
+
};
|
|
135
164
|
DataTable.Caption = function Caption(_a) {
|
|
136
165
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
137
166
|
return (React.createElement("caption", __assign({ className: className }, props), children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAIL,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EAIjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAEL,YAAY,GACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,
|
|
1
|
+
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,18 +6,19 @@ export declare enum ModalType {
|
|
|
6
6
|
Side = "side"
|
|
7
7
|
}
|
|
8
8
|
export type ModalProps = {
|
|
9
|
-
isOpen: boolean;
|
|
10
|
-
onClose: () => void;
|
|
11
9
|
action?: ButtonProps;
|
|
10
|
+
alertModal?: boolean;
|
|
12
11
|
children: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
13
|
hasChanged: boolean;
|
|
14
|
+
isOpen: boolean;
|
|
15
|
+
isSaving?: boolean;
|
|
16
|
+
onClose: () => void;
|
|
14
17
|
onSave?: () => void;
|
|
15
18
|
saveLabel?: string;
|
|
16
|
-
isSaving?: boolean;
|
|
17
19
|
savingLabel?: string;
|
|
18
20
|
title?: string;
|
|
19
21
|
variant?: "full-screen" | "side-sm" | "side-md" | "dialogue";
|
|
20
|
-
className?: string;
|
|
21
22
|
};
|
|
22
|
-
export declare function Modal({
|
|
23
|
+
export declare function Modal({ action, alertModal, children, className, hasChanged, isOpen, isSaving, onClose, onSave, saveLabel, savingLabel, title, variant, }: ModalProps): React.JSX.Element;
|
|
23
24
|
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C,oBAAY,SAAS;IACnB,QAAQ,aAAa;IACrB,UAAU,gBAAgB;IAC1B,IAAI,SAAS;CACd;AAkDD,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C,oBAAY,SAAS;IACnB,QAAQ,aAAa;IACrB,UAAU,gBAAgB;IAC1B,IAAI,SAAS;CACd;AAkDD,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;CAC9D,CAAC;AAIF,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAkB,EAClB,WAAW,EACX,KAAK,EACL,OAAmB,GACpB,EAAE,UAAU,qBAoGZ"}
|
|
@@ -54,7 +54,7 @@ var modalStyles = (_a = {},
|
|
|
54
54
|
_a);
|
|
55
55
|
var getModalClasses = function (type) { return modalStyles[type] || {}; };
|
|
56
56
|
export function Modal(_a) {
|
|
57
|
-
var
|
|
57
|
+
var action = _a.action, alertModal = _a.alertModal, children = _a.children, className = _a.className, hasChanged = _a.hasChanged, isOpen = _a.isOpen, isSaving = _a.isSaving, onClose = _a.onClose, onSave = _a.onSave, _b = _a.saveLabel, saveLabel = _b === void 0 ? "Save" : _b, savingLabel = _a.savingLabel, title = _a.title, _c = _a.variant, variant = _c === void 0 ? "side-sm" : _c;
|
|
58
58
|
var type = variantToType[variant];
|
|
59
59
|
if (variant === "dialogue") {
|
|
60
60
|
console.warn("Dialogue variant of Modal is deprecated. Please use either another variant of Modal or the Dialog component.");
|
|
@@ -75,8 +75,8 @@ export function Modal(_a) {
|
|
|
75
75
|
var _d = getModalClasses(type), containerClasses = _d.containerClasses, transitionEnterFrom = _d.transitionEnterFrom, transitionLeaveFrom = _d.transitionLeaveFrom, transitionEnterTo = _d.transitionEnterTo, transitionLeaveTo = _d.transitionLeaveTo, panelClasses = _d.panelClasses, innerContainerClasses = _d.innerContainerClasses;
|
|
76
76
|
return (React.createElement(Transition, { show: isOpen, as: Fragment, appear: true },
|
|
77
77
|
React.createElement(Dialog, { as: "div", className: "s-fixed s-absolute s-inset-0 s-z-50 s-overflow-hidden", onClose: function () {
|
|
78
|
-
//
|
|
79
|
-
if (!hasChanged) {
|
|
78
|
+
// Close modal on outside click if no changes or not an alert.
|
|
79
|
+
if (!hasChanged && !alertModal) {
|
|
80
80
|
onClose();
|
|
81
81
|
}
|
|
82
82
|
} },
|
|
@@ -85,7 +85,7 @@ export function Modal(_a) {
|
|
|
85
85
|
React.createElement("div", { className: classNames(containerClasses, variantSize[variant]) },
|
|
86
86
|
React.createElement(Transition.Child, { as: Fragment, enter: "s-ease-out s-duration-300", enterFrom: transitionEnterFrom, enterTo: transitionEnterTo, leave: "s-ease-in s-duration-200", leaveFrom: transitionLeaveFrom, leaveTo: transitionLeaveTo },
|
|
87
87
|
React.createElement(Dialog.Panel, { className: classNames("s-absolute s-transform s-bg-structure-0 s-px-3 s-transition-all sm:s-px-4", panelClasses, variantSize[variant]) },
|
|
88
|
-
React.createElement(BarHeader, { title: title || "", leftActions: action ? React.createElement(Button, __assign({}, action)) : undefined, rightActions: React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
|
|
88
|
+
React.createElement(BarHeader, { title: title || "", leftActions: action ? React.createElement(Button, __assign({}, action)) : undefined, rightActions: alertModal ? undefined : (React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps))) }),
|
|
89
89
|
React.createElement("div", { className: classNames("s-pb-6 s-pt-16", innerContainerClasses, className !== null && className !== void 0 ? className : "") }, children)))))));
|
|
90
90
|
}
|
|
91
91
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAA2B,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAE/C,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,kCAAqB,CAAA;IACrB,uCAA0B,CAAA;IAC1B,0BAAa,CAAA;AACf,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,IAAM,aAAa,GAAG;IACpB,aAAa,EAAE,SAAS,CAAC,UAAU;IACnC,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,QAAQ;IAC5B,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAC;AACF,IAAM,WAAW,GAAG;IAClB,aAAa,EAAE,EAAE;IACjB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,gBAAgB;CAC5B,CAAC;AAEF,IAAM,WAAW;IACf,GAAC,SAAS,CAAC,IAAI,IAAG;QAChB,gBAAgB,EAAE,oBAAoB;QACtC,YAAY,EACV,yFAAyF;QAC3F,mBAAmB,EAAE,8BAA8B;QACnD,iBAAiB,EAAE,+BAA+B;QAClD,mBAAmB,EAAE,+BAA+B;QACpD,iBAAiB,EAAE,8BAA8B;QACjD,qBAAqB,EAAE,4BAA4B;KACpD;IACD,GAAC,SAAS,CAAC,UAAU,IAAG;QACtB,gBAAgB,EACd,mEAAmE;QACrE,YAAY,EAAE,yDAAyD;QACvE,mBAAmB,EAAE,qDAAqD;QAC1E,iBAAiB,EAAE,uDAAuD;QAC1E,mBAAmB,EACjB,uDAAuD;QACzD,iBAAiB,EAAE,qDAAqD;QACxE,qBAAqB,EAAE,4BAA4B;KACpD;IACD,GAAC,SAAS,CAAC,QAAQ,IAAG;QACpB,gBAAgB,EACd,2DAA2D;QAC7D,YAAY,EACV,mGAAmG;QACrG,mBAAmB,EAAE,wCAAwC;QAC7D,iBAAiB,EAAE,2CAA2C;QAC9D,mBAAmB,EAAE,2CAA2C;QAChE,iBAAiB,EAAE,wCAAwC;QAC3D,qBAAqB,EAAE,EAAE;KAC1B;OACF,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -121,7 +121,7 @@ var columns = [
|
|
|
121
121
|
meta: {
|
|
122
122
|
width: "100px",
|
|
123
123
|
},
|
|
124
|
-
cell: function (info) { return (React.createElement(DataTable.
|
|
124
|
+
cell: function (info) { return (React.createElement(DataTable.CellContentWithCopy, null, info.row.original.addedBy)); },
|
|
125
125
|
},
|
|
126
126
|
{
|
|
127
127
|
accessorKey: "lastUpdated",
|
|
@@ -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":";AAMA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE9D,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;CACY,CAAC;AAEnC,eAAe,IAAI,CAAC;AAiBpB,IAAM,IAAI,GAAW;IACnB;QACE,IAAI,EAAE,iCAAiC;QACvC,MAAM,EAAE,GAAG;QACX,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,cAAc;QAC3B,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,6DAA6D;QACxE,kBAAkB,EAAE,MAAM;QAC1B,aAAa,EAAE,IAAI;QACnB,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAnB,CAAmB;KACnC;IACD;QACE,IAAI,EAAE,WAAW;QACjB,WAAW,EAAE,YAAY;QACzB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,cAAc;QAC3B,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,qDAAqD;QAChE,aAAa,EAAE,IAAI;QACnB,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,mBAAmB,CAAC,EAA1B,CAA0B;KAC1C;IACD;QACE,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,UAAU;QAChB,aAAa,EAAE;YACb;gBACE,KAAK,EAAE,iBAAiB;gBACxB,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,qBAAqB,CAAC,EAA5B,CAA4B;gBAC3C,QAAQ,EAAE,IAAI;aACf;SACF;QACD,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,gBAAgB,CAAC,EAAvB,CAAuB;KACvC;IACD;QACE,IAAI,EAAE,0GAA0G;QAChH,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,sDAAsD;QAC/D,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,UAAU;QAChB,aAAa,EAAE;YACb;gBACE,KAAK,EAAE,iBAAiB;gBACxB,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,qBAAqB,CAAC,EAA5B,CAA4B;gBAC3C,QAAQ,EAAE,IAAI;aACf;SACF;QACD,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,gBAAgB,CAAC,EAAvB,CAAuB;KACvC;IACD;QACE,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,UAAU;QAChB,aAAa,EAAE;YACb;gBACE,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,qBAAqB,CAAC,EAA5B,CAA4B;aAC5C;SACF;KACF;IACD;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,OAAO;KACd;IACD;QACE,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,MAAM;KACb;IACD;QACE,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,MAAM;KACb;CACF,CAAC;AAEF,IAAM,OAAO,GAAsB;IACjC;QACE,WAAW,EAAE,MAAM;QACnB,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,IAAI,EAAE,UAAC,IAAI,IAAK,OAAA,CACd,oBAAC,SAAS,CAAC,WAAW,IACpB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,EACtC,kBAAkB,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,kBAAkB,EACxD,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAC5B,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,WAAW,EAC1C,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAa,IAE7C,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CACD,CACzB,EAVe,CAUf;KACF;IACD;QACE,WAAW,EAAE,QAAQ;QACrB,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO;SACf;QACD,IAAI,EAAE,UAAC,IAAI,IAAK,OAAA,CACd,oBAAC,SAAS,CAAC,WAAW,QAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAyB,CAC1E,EAFe,CAEf;KACF;IACD;QACE,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO;SACf;QACD,IAAI,EAAE,UAAC,IAAI,IAAK,OAAA,CACd,oBAAC,SAAS,CAAC,mBAAmB,QAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAiC,CAC3F,EAFe,CAEf;KACF;IACD;QACE,WAAW,EAAE,aAAa;QAC1B,MAAM,EAAE,cAAc;QACtB,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO;SACf;QACD,IAAI,EAAE,UAAC,IAAI,IAAK,OAAA,CACd,oBAAC,SAAS,CAAC,WAAW,QACnB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,WAAW,CACR,CACzB,EAJe,CAIf;QACD,aAAa,EAAE,KAAK;KACrB;IACD;QACE,WAAW,EAAE,MAAM;QACnB,MAAM,EAAE,MAAM;QACd,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO;SACf;QACD,IAAI,EAAE,UAAC,IAAI,IAAK,OAAA,CACd,oBAAC,SAAS,CAAC,WAAW,QAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAyB,CACxE,EAFe,CAEf;KACF;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG;IACxB,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,IAAA,EAA/C,MAAM,QAAA,EAAE,SAAS,QAA8B,CAAC;IAEvD,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC;QACrD,oBAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,EAAZ,CAAY,GAC7B;QACF,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,OAAO,GAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG;IACzC,IAAA,KAAA,OAAwB,KAAK,CAAC,QAAQ,CAAe;QACzD,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;KAC3B,CAAC,IAAA,EAFK,OAAO,QAAA,EAAE,UAAU,QAExB,CAAC;IACG,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,IAAA,EAA/C,MAAM,QAAA,EAAE,SAAS,QAA8B,CAAC;IAEvD,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC;QACrD,oBAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,EAAZ,CAAY,GAC7B;QACF,oBAAC,SAAS,IACR,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EACzC,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,yBAAyB,GAAG;IACjC,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAkB;QAClE,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC;KACZ,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACG,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,IAAA,EAA/C,MAAM,QAAA,EAAE,SAAS,QAA8B,CAAC;IAEvD,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC;QACrD,oBAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,EAAZ,CAAY,GAC7B;QACF,oBAAC,SAAS,IACR,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,YAAY,EAAC,MAAM,EACnB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,GACzC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mCAAmC,GAAG;IAC3C,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAkB;QAClE,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC;KACZ,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACG,IAAA,KAAA,OAAwB,KAAK,CAAC,QAAQ,CAAe;QACzD,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;KAC3B,CAAC,IAAA,EAFK,OAAO,QAAA,EAAE,UAAU,QAExB,CAAC;IACG,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,IAAA,EAA/C,MAAM,QAAA,EAAE,SAAS,QAA8B,CAAC;IACvD,IAAM,IAAI,GAAG,OAAO,CAAC;QACnB,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvB,IAAM,OAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvC,OAAO,IAAI;iBACR,IAAI,CAAC,UAAC,CAAO,EAAE,CAAO;gBACrB,OAAO,CACL,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,OAAK,CACjE,CAAC;YACJ,CAAC,CAAC;iBACD,KAAK,CACJ,UAAU,CAAC,SAAS,GAAG,UAAU,CAAC,QAAQ,EAC1C,CAAC,UAAU,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,QAAQ,CACjD,CAAC;QACN,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CACf,UAAU,CAAC,SAAS,GAAG,UAAU,CAAC,QAAQ,EAC1C,CAAC,UAAU,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,QAAQ,CACjD,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAChC,OAAO,CACL,6BAAK,SAAS,EAAC,wCAAwC;QACrD,oBAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,EAAZ,CAAY,GAC7B;QACF,oBAAC,SAAS,IACR,SAAS,EAAC,wCAAwC,EAClD,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,IAAI,CAAC,MAAM,EAC1B,MAAM,EAAE,MAAM,EACd,YAAY,EAAC,MAAM,EACnB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EACzC,mBAAmB,EAAE,IAAI,GACzB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAiB,KAAK,EAAQ,MAAM,uBAAuB,CAAC;AAEnE,QAAA,MAAM,IAAI;;;CAGoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAiB,KAAK,EAAQ,MAAM,uBAAuB,CAAC;AAEnE,QAAA,MAAM,IAAI;;;CAGoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,YAAY,yBAsJxB,CAAC"}
|
|
@@ -14,6 +14,7 @@ export var ModalExample = function () {
|
|
|
14
14
|
var _e = __read(useState(false), 2), isRightSideModalOpen = _e[0], setIsRightSideModalOpen = _e[1];
|
|
15
15
|
var _f = __read(useState("initial value"), 2), inputValue = _f[0], setInputValue = _f[1];
|
|
16
16
|
var _g = __read(useState(false), 2), isRightSideWideModalOpen = _g[0], setIsRightSideWideModalOpen = _g[1];
|
|
17
|
+
var _h = __read(useState(false), 2), isAlertModalOpen = _h[0], setIsAlertModalOpen = _h[1];
|
|
17
18
|
return (React.createElement(Page.Layout, { gap: "md" },
|
|
18
19
|
React.createElement(Modal, { isOpen: isOpenNoActionNoChange, onClose: function () { return setIsOpenNoActionNoChange(false); }, hasChanged: false, title: "Modal title", variant: "dialogue" },
|
|
19
20
|
React.createElement("div", { className: "s-mt-4 s-h-72" }, "I'm the modal content")),
|
|
@@ -42,12 +43,16 @@ export var ModalExample = function () {
|
|
|
42
43
|
React.createElement("div", { className: "bg-red s-mt-4 s-h-96 s-bg-red-300 s-text-left" }, "I'm the modal content"),
|
|
43
44
|
React.createElement("div", { className: "bg-red s-mt-4 s-h-96 s-bg-red-300 s-text-left" }, "I'm the modal content"),
|
|
44
45
|
React.createElement("div", { className: "bg-red s-mt-4 s-h-96 s-bg-red-300 s-text-left" }, "I'm the modal content")),
|
|
46
|
+
React.createElement(Modal, { isOpen: isAlertModalOpen, onClose: function () { }, onSave: function () { }, isSaving: false, hasChanged: false, variant: "side-sm", title: "Alert modal", alertModal: true, action: undefined },
|
|
47
|
+
"This is an alert modal.",
|
|
48
|
+
React.createElement(Button, { label: "Ok", onClick: function () { return setIsAlertModalOpen(false); } })),
|
|
45
49
|
React.createElement("div", { className: "s-flex s-flex-col s-items-start s-gap-3" },
|
|
46
50
|
React.createElement("div", { className: "s-text-lg s-font-bold" }, "Fullscreen"),
|
|
47
51
|
React.createElement(Button, { label: "Modal full screen", onClick: function () { return setIsFullScreenModalOpen(true); } }),
|
|
48
52
|
React.createElement(Button, { label: "Modal full screen with overflowing content", onClick: function () { return setIsFullScreenModalOverflowOpen(true); } }),
|
|
49
53
|
React.createElement("div", { className: "s-text-lg s-font-bold" }, "Side modal"),
|
|
50
54
|
React.createElement(Button, { label: "Modal right side", onClick: function () { return setIsRightSideModalOpen(true); } }),
|
|
51
|
-
React.createElement(Button, { label: "Modal right side wide", onClick: function () { return setIsRightSideWideModalOpen(true); } })
|
|
55
|
+
React.createElement(Button, { label: "Modal right side wide", onClick: function () { return setIsRightSideWideModalOpen(true); } }),
|
|
56
|
+
React.createElement(Button, { label: "Alert modal", onClick: function () { return setIsAlertModalOpen(true); } }))));
|
|
52
57
|
};
|
|
53
58
|
//# sourceMappingURL=Modal.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/stories/Modal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEnE,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,KAAK;CACY,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAA,OAAsD,QAAQ,CAAC,KAAK,CAAC,IAAA,EAApE,sBAAsB,QAAA,EAAE,yBAAyB,QAAmB,CAAC;IACtE,IAAA,KAAA,OACJ,QAAQ,CAAC,KAAK,CAAC,IAAA,EADV,yBAAyB,QAAA,EAAE,4BAA4B,QAC7C,CAAC;IACZ,IAAA,KAAA,OAAoD,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAlE,qBAAqB,QAAA,EAAE,wBAAwB,QAAmB,CAAC;IACpE,IAAA,KAAA,OACJ,QAAQ,CAAC,KAAK,CAAC,IAAA,EADV,6BAA6B,QAAA,EAAE,gCAAgC,QACrD,CAAC;IACZ,IAAA,KAAA,OAAkD,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAhE,oBAAoB,QAAA,EAAE,uBAAuB,QAAmB,CAAC;IAClE,IAAA,KAAA,OAA8B,QAAQ,CAAC,eAAe,CAAC,IAAA,EAAtD,UAAU,QAAA,EAAE,aAAa,QAA6B,CAAC;IACxD,IAAA,KAAA,OACJ,QAAQ,CAAC,KAAK,CAAC,IAAA,EADV,wBAAwB,QAAA,EAAE,2BAA2B,QAC3C,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/stories/Modal.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/sparkle.css
CHANGED
|
@@ -1644,6 +1644,12 @@ select {
|
|
|
1644
1644
|
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1645
1645
|
}
|
|
1646
1646
|
|
|
1647
|
+
.s-space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1648
|
+
--tw-space-x-reverse: 0;
|
|
1649
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1650
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1651
|
+
}
|
|
1652
|
+
|
|
1647
1653
|
.s-space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1648
1654
|
--tw-space-y-reverse: 0;
|
|
1649
1655
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
package/package.json
CHANGED
|
@@ -22,8 +22,14 @@ import {
|
|
|
22
22
|
import { IconButton } from "@sparkle/components/IconButton";
|
|
23
23
|
import { Pagination } from "@sparkle/components/Pagination";
|
|
24
24
|
import { Tooltip } from "@sparkle/components/Tooltip";
|
|
25
|
-
import {
|
|
26
|
-
|
|
25
|
+
import {
|
|
26
|
+
ArrowDownIcon,
|
|
27
|
+
ArrowUpIcon,
|
|
28
|
+
ClipboardCheckIcon,
|
|
29
|
+
ClipboardIcon,
|
|
30
|
+
MoreIcon,
|
|
31
|
+
} from "@sparkle/icons";
|
|
32
|
+
import { classNames, useCopyToClipboard } from "@sparkle/lib/utils";
|
|
27
33
|
|
|
28
34
|
import { Icon } from "./Icon";
|
|
29
35
|
import { breakpoints, useWindowSize } from "./WindowUtility";
|
|
@@ -476,6 +482,50 @@ DataTable.CellContent = function CellContent({
|
|
|
476
482
|
);
|
|
477
483
|
};
|
|
478
484
|
|
|
485
|
+
interface CellContentWithCopyProps {
|
|
486
|
+
children: React.ReactNode;
|
|
487
|
+
textToCopy?: string;
|
|
488
|
+
className?: string;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
DataTable.CellContentWithCopy = function CellContentWithCopy({
|
|
492
|
+
children,
|
|
493
|
+
textToCopy,
|
|
494
|
+
className,
|
|
495
|
+
}: CellContentWithCopyProps) {
|
|
496
|
+
const [isCopied, copyToClipboard] = useCopyToClipboard();
|
|
497
|
+
|
|
498
|
+
const handleCopy = async () => {
|
|
499
|
+
void copyToClipboard(
|
|
500
|
+
new ClipboardItem({
|
|
501
|
+
"text/plain": new Blob([textToCopy ?? String(children)], {
|
|
502
|
+
type: "text/plain",
|
|
503
|
+
}),
|
|
504
|
+
})
|
|
505
|
+
);
|
|
506
|
+
};
|
|
507
|
+
|
|
508
|
+
return (
|
|
509
|
+
<div
|
|
510
|
+
className={classNames(
|
|
511
|
+
"s-flex s-items-center s-space-x-2",
|
|
512
|
+
className || ""
|
|
513
|
+
)}
|
|
514
|
+
>
|
|
515
|
+
<span className="s-truncate">{children}</span>
|
|
516
|
+
<IconButton
|
|
517
|
+
icon={isCopied ? ClipboardCheckIcon : ClipboardIcon}
|
|
518
|
+
variant="tertiary"
|
|
519
|
+
onClick={async (e) => {
|
|
520
|
+
e.stopPropagation();
|
|
521
|
+
await handleCopy();
|
|
522
|
+
}}
|
|
523
|
+
size="xs"
|
|
524
|
+
/>
|
|
525
|
+
</div>
|
|
526
|
+
);
|
|
527
|
+
};
|
|
528
|
+
|
|
479
529
|
DataTable.Caption = function Caption({
|
|
480
530
|
children,
|
|
481
531
|
className,
|
package/src/components/Modal.tsx
CHANGED
|
@@ -61,35 +61,37 @@ const modalStyles = {
|
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
export type ModalProps = {
|
|
64
|
-
isOpen: boolean;
|
|
65
|
-
onClose: () => void;
|
|
66
64
|
action?: ButtonProps;
|
|
65
|
+
alertModal?: boolean;
|
|
67
66
|
children: React.ReactNode;
|
|
67
|
+
className?: string;
|
|
68
68
|
hasChanged: boolean;
|
|
69
|
+
isOpen: boolean;
|
|
70
|
+
isSaving?: boolean;
|
|
71
|
+
onClose: () => void;
|
|
69
72
|
onSave?: () => void;
|
|
70
73
|
saveLabel?: string;
|
|
71
|
-
isSaving?: boolean;
|
|
72
74
|
savingLabel?: string;
|
|
73
75
|
title?: string;
|
|
74
76
|
variant?: "full-screen" | "side-sm" | "side-md" | "dialogue";
|
|
75
|
-
className?: string;
|
|
76
77
|
};
|
|
77
78
|
|
|
78
79
|
const getModalClasses = (type: ModalType) => modalStyles[type] || {};
|
|
79
80
|
|
|
80
81
|
export function Modal({
|
|
81
|
-
isOpen,
|
|
82
|
-
onClose,
|
|
83
82
|
action,
|
|
83
|
+
alertModal,
|
|
84
84
|
children,
|
|
85
|
+
className,
|
|
85
86
|
hasChanged,
|
|
87
|
+
isOpen,
|
|
88
|
+
isSaving,
|
|
89
|
+
onClose,
|
|
86
90
|
onSave,
|
|
87
91
|
saveLabel = "Save",
|
|
88
|
-
isSaving,
|
|
89
92
|
savingLabel,
|
|
90
93
|
title,
|
|
91
94
|
variant = "side-sm",
|
|
92
|
-
className,
|
|
93
95
|
}: ModalProps) {
|
|
94
96
|
const type = variantToType[variant];
|
|
95
97
|
|
|
@@ -129,8 +131,8 @@ export function Modal({
|
|
|
129
131
|
as="div"
|
|
130
132
|
className="s-fixed s-absolute s-inset-0 s-z-50 s-overflow-hidden"
|
|
131
133
|
onClose={() => {
|
|
132
|
-
//
|
|
133
|
-
if (!hasChanged) {
|
|
134
|
+
// Close modal on outside click if no changes or not an alert.
|
|
135
|
+
if (!hasChanged && !alertModal) {
|
|
134
136
|
onClose();
|
|
135
137
|
}
|
|
136
138
|
}}
|
|
@@ -169,7 +171,11 @@ export function Modal({
|
|
|
169
171
|
<BarHeader
|
|
170
172
|
title={title || ""}
|
|
171
173
|
leftActions={action ? <Button {...action} /> : undefined}
|
|
172
|
-
rightActions={
|
|
174
|
+
rightActions={
|
|
175
|
+
alertModal ? undefined : (
|
|
176
|
+
<BarHeader.ButtonBar {...buttonBarProps} />
|
|
177
|
+
)
|
|
178
|
+
}
|
|
173
179
|
/>
|
|
174
180
|
<div
|
|
175
181
|
className={classNames(
|
|
@@ -161,7 +161,7 @@ const columns: ColumnDef<Data>[] = [
|
|
|
161
161
|
width: "100px",
|
|
162
162
|
},
|
|
163
163
|
cell: (info) => (
|
|
164
|
-
<DataTable.
|
|
164
|
+
<DataTable.CellContentWithCopy>{info.row.original.addedBy}</DataTable.CellContentWithCopy>
|
|
165
165
|
),
|
|
166
166
|
},
|
|
167
167
|
{
|
|
@@ -21,6 +21,8 @@ export const ModalExample = () => {
|
|
|
21
21
|
const [inputValue, setInputValue] = useState("initial value");
|
|
22
22
|
const [isRightSideWideModalOpen, setIsRightSideWideModalOpen] =
|
|
23
23
|
useState(false);
|
|
24
|
+
const [isAlertModalOpen, setIsAlertModalOpen] = useState(false);
|
|
25
|
+
|
|
24
26
|
return (
|
|
25
27
|
<Page.Layout gap="md">
|
|
26
28
|
<Modal
|
|
@@ -121,6 +123,20 @@ export const ModalExample = () => {
|
|
|
121
123
|
I'm the modal content
|
|
122
124
|
</div>
|
|
123
125
|
</Modal>
|
|
126
|
+
<Modal
|
|
127
|
+
isOpen={isAlertModalOpen}
|
|
128
|
+
onClose={() => {}}
|
|
129
|
+
onSave={() => {}}
|
|
130
|
+
isSaving={false}
|
|
131
|
+
hasChanged={false}
|
|
132
|
+
variant="side-sm"
|
|
133
|
+
title="Alert modal"
|
|
134
|
+
alertModal
|
|
135
|
+
action={undefined}
|
|
136
|
+
>
|
|
137
|
+
This is an alert modal.
|
|
138
|
+
<Button label="Ok" onClick={() => setIsAlertModalOpen(false)} />
|
|
139
|
+
</Modal>
|
|
124
140
|
<div className="s-flex s-flex-col s-items-start s-gap-3">
|
|
125
141
|
<div className="s-text-lg s-font-bold">Fullscreen</div>
|
|
126
142
|
<Button
|
|
@@ -140,6 +156,7 @@ export const ModalExample = () => {
|
|
|
140
156
|
label="Modal right side wide"
|
|
141
157
|
onClick={() => setIsRightSideWideModalOpen(true)}
|
|
142
158
|
/>
|
|
159
|
+
<Button label="Alert modal" onClick={() => setIsAlertModalOpen(true)} />
|
|
143
160
|
</div>
|
|
144
161
|
</Page.Layout>
|
|
145
162
|
);
|