@sparrowengg/integrations-templates-frontend 1.9.1 → 1.9.2
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/commons/components/draftModal.js +40 -0
- package/dist/cjs/commons/components/draftModal.js.map +1 -0
- package/dist/cjs/integration-template/components/dashboard.js +230 -133
- package/dist/cjs/integration-template/components/dashboard.js.map +1 -1
- package/dist/cjs/integration-template/index.js +28 -1
- package/dist/cjs/integration-template/index.js.map +1 -1
- package/dist/cjs/mapping/index.js +7 -1
- package/dist/cjs/mapping/index.js.map +1 -1
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js +114 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js +8 -2
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js.map +1 -1
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js +119 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js +133 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js +117 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js +110 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js +49 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js +83 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-alert-dialog/dist/index.js +184 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-alert-dialog/dist/index.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dialog/dist/index.js +4 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dialog/dist/index.js.map +1 -1
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/close.js +86 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/close.js.map +1 -0
- package/dist/cjs/triggers/components/subcomponents.js +160 -25
- package/dist/cjs/triggers/components/subcomponents.js.map +1 -1
- package/dist/cjs/triggers/components/trigger.js +1 -0
- package/dist/cjs/triggers/components/trigger.js.map +1 -1
- package/dist/cjs/triggers/constants/index.js.map +1 -1
- package/dist/cjs/triggers/index.js +7 -12
- package/dist/cjs/triggers/index.js.map +1 -1
- package/dist/es/commons/components/draftModal.js +36 -0
- package/dist/es/commons/components/draftModal.js.map +1 -0
- package/dist/es/integration-template/components/dashboard.js +230 -133
- package/dist/es/integration-template/components/dashboard.js.map +1 -1
- package/dist/es/integration-template/index.js +28 -1
- package/dist/es/integration-template/index.js.map +1 -1
- package/dist/es/mapping/index.js +7 -1
- package/dist/es/mapping/index.js.map +1 -1
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js +106 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js +7 -4
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js.map +1 -1
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js +117 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-alert.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js +131 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js +115 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js +107 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js +46 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js +81 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-alert-dialog/dist/index.js +146 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-alert-dialog/dist/index.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dialog/dist/index.js +3 -1
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dialog/dist/index.js.map +1 -1
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/close.js +84 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/close.js.map +1 -0
- package/dist/es/triggers/components/subcomponents.js +160 -25
- package/dist/es/triggers/components/subcomponents.js.map +1 -1
- package/dist/es/triggers/components/trigger.js +1 -0
- package/dist/es/triggers/components/trigger.js.map +1 -1
- package/dist/es/triggers/constants/index.js.map +1 -1
- package/dist/es/triggers/index.js +8 -13
- package/dist/es/triggers/index.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/package.json +1 -1
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { isValidElement } from 'react';
|
|
3
|
+
import { AlertDialogCancel, AlertDialog, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogActions, AlertDialogAction } from '../../alert-dialog/alert-dialog.js';
|
|
4
|
+
import { Button } from '../../button/button.js';
|
|
5
|
+
import { IconButton } from '../../button/icon-button.js';
|
|
6
|
+
import '../../button/split-button.js';
|
|
7
|
+
import { Box } from '../../box/box.js';
|
|
8
|
+
import { prefixClassName } from '../../utils/prefix-class-name.js';
|
|
9
|
+
import { CloseIcon } from '../../packages/react-icons/dist/es/icons/close.js';
|
|
10
|
+
|
|
11
|
+
var __defProp = Object.defineProperty;
|
|
12
|
+
var __defProps = Object.defineProperties;
|
|
13
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
14
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
15
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
16
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
17
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
18
|
+
var __spreadValues = (a, b) => {
|
|
19
|
+
for (var prop in b || (b = {}))
|
|
20
|
+
if (__hasOwnProp.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
if (__getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
24
|
+
if (__propIsEnum.call(b, prop))
|
|
25
|
+
__defNormalProp(a, prop, b[prop]);
|
|
26
|
+
}
|
|
27
|
+
return a;
|
|
28
|
+
};
|
|
29
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
30
|
+
const DefaultConfirmDialog = ({
|
|
31
|
+
title,
|
|
32
|
+
content,
|
|
33
|
+
labels = {
|
|
34
|
+
confirm: "Confirm",
|
|
35
|
+
cancel: "Cancel"
|
|
36
|
+
},
|
|
37
|
+
cancelButtonProps,
|
|
38
|
+
confirmButtonProps,
|
|
39
|
+
closeButton = DefaultCloseButton,
|
|
40
|
+
css,
|
|
41
|
+
onConfirm,
|
|
42
|
+
onCancel,
|
|
43
|
+
onClose
|
|
44
|
+
}) => {
|
|
45
|
+
return /* @__PURE__ */ jsx(
|
|
46
|
+
AlertDialog,
|
|
47
|
+
{
|
|
48
|
+
defaultOpen: true,
|
|
49
|
+
onOpenChange: (open) => {
|
|
50
|
+
if (!open) {
|
|
51
|
+
onClose == null ? void 0 : onClose();
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
children: /* @__PURE__ */ jsxs(AlertDialogContent, { css: __spreadValues({}, css), children: [
|
|
55
|
+
/* @__PURE__ */ jsxs(
|
|
56
|
+
AlertDialogTitle,
|
|
57
|
+
{
|
|
58
|
+
css: {
|
|
59
|
+
paddingRight: "calc($20 + $12 + $6)",
|
|
60
|
+
position: "relative"
|
|
61
|
+
},
|
|
62
|
+
children: [
|
|
63
|
+
title,
|
|
64
|
+
closeButton && /* @__PURE__ */ jsx(
|
|
65
|
+
Box,
|
|
66
|
+
{
|
|
67
|
+
css: {
|
|
68
|
+
position: "absolute",
|
|
69
|
+
top: "50%",
|
|
70
|
+
right: "$12",
|
|
71
|
+
transform: "translate(0,-50%)"
|
|
72
|
+
},
|
|
73
|
+
children: closeButton
|
|
74
|
+
}
|
|
75
|
+
)
|
|
76
|
+
]
|
|
77
|
+
}
|
|
78
|
+
),
|
|
79
|
+
/* @__PURE__ */ jsx(AlertDialogDescription, { children: content }),
|
|
80
|
+
/* @__PURE__ */ jsxs(
|
|
81
|
+
AlertDialogActions,
|
|
82
|
+
{
|
|
83
|
+
css: {
|
|
84
|
+
gap: "$6"
|
|
85
|
+
},
|
|
86
|
+
children: [
|
|
87
|
+
labels.cancel && /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: isValidElement(labels.cancel) ? labels.cancel : /* @__PURE__ */ jsx(
|
|
88
|
+
Button,
|
|
89
|
+
__spreadProps(__spreadValues({
|
|
90
|
+
color: "default",
|
|
91
|
+
size: "xl",
|
|
92
|
+
onClick: onCancel
|
|
93
|
+
}, cancelButtonProps), {
|
|
94
|
+
children: labels.cancel
|
|
95
|
+
})
|
|
96
|
+
) }),
|
|
97
|
+
labels.confirm && /* @__PURE__ */ jsx(AlertDialogAction, { asChild: true, children: isValidElement(labels.confirm) ? labels.confirm : /* @__PURE__ */ jsx(
|
|
98
|
+
Button,
|
|
99
|
+
__spreadProps(__spreadValues({
|
|
100
|
+
color: "default",
|
|
101
|
+
size: "xl",
|
|
102
|
+
onClick: onConfirm
|
|
103
|
+
}, confirmButtonProps), {
|
|
104
|
+
children: labels.confirm
|
|
105
|
+
})
|
|
106
|
+
) })
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
)
|
|
110
|
+
] })
|
|
111
|
+
}
|
|
112
|
+
);
|
|
113
|
+
};
|
|
114
|
+
const DefaultCloseButton = /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
115
|
+
IconButton,
|
|
116
|
+
{
|
|
117
|
+
icon: /* @__PURE__ */ jsx(CloseIcon, {}),
|
|
118
|
+
size: "lg",
|
|
119
|
+
"aria-label": "Close",
|
|
120
|
+
color: "bright",
|
|
121
|
+
css: {
|
|
122
|
+
[`& .${prefixClassName("button__icon-container")} > svg`]: {
|
|
123
|
+
width: "$6",
|
|
124
|
+
height: "$6"
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
) });
|
|
129
|
+
|
|
130
|
+
export { DefaultConfirmDialog };
|
|
131
|
+
//# sourceMappingURL=default-confirm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default-confirm.js","sources":["../../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-confirm.js"],"sourcesContent":["import { jsx, jsxs } from 'react/jsx-runtime';\nimport { isValidElement } from 'react';\nimport { AlertDialogCancel, AlertDialog, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogActions, AlertDialogAction } from '../../alert-dialog/alert-dialog.js';\nimport { Button } from '../../button/button.js';\nimport { IconButton } from '../../button/icon-button.js';\nimport '../../button/split-button.js';\nimport { Box } from '../../box/box.js';\nimport { prefixClassName } from '../../utils/prefix-class-name.js';\nimport { CloseIcon } from '../../packages/react-icons/dist/es/icons/close.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst DefaultConfirmDialog = ({\n title,\n content,\n labels = {\n confirm: \"Confirm\",\n cancel: \"Cancel\"\n },\n cancelButtonProps,\n confirmButtonProps,\n closeButton = DefaultCloseButton,\n css,\n onConfirm,\n onCancel,\n onClose\n}) => {\n return /* @__PURE__ */ jsx(\n AlertDialog,\n {\n defaultOpen: true,\n onOpenChange: (open) => {\n if (!open) {\n onClose == null ? void 0 : onClose();\n }\n },\n children: /* @__PURE__ */ jsxs(AlertDialogContent, { css: __spreadValues({}, css), children: [\n /* @__PURE__ */ jsxs(\n AlertDialogTitle,\n {\n css: {\n paddingRight: \"calc($20 + $12 + $6)\",\n position: \"relative\"\n },\n children: [\n title,\n closeButton && /* @__PURE__ */ jsx(\n Box,\n {\n css: {\n position: \"absolute\",\n top: \"50%\",\n right: \"$12\",\n transform: \"translate(0,-50%)\"\n },\n children: closeButton\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsx(AlertDialogDescription, { children: content }),\n /* @__PURE__ */ jsxs(\n AlertDialogActions,\n {\n css: {\n gap: \"$6\"\n },\n children: [\n labels.cancel && /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: isValidElement(labels.cancel) ? labels.cancel : /* @__PURE__ */ jsx(\n Button,\n __spreadProps(__spreadValues({\n color: \"default\",\n size: \"xl\",\n onClick: onCancel\n }, cancelButtonProps), {\n children: labels.cancel\n })\n ) }),\n labels.confirm && /* @__PURE__ */ jsx(AlertDialogAction, { asChild: true, children: isValidElement(labels.confirm) ? labels.confirm : /* @__PURE__ */ jsx(\n Button,\n __spreadProps(__spreadValues({\n color: \"default\",\n size: \"xl\",\n onClick: onConfirm\n }, confirmButtonProps), {\n children: labels.confirm\n })\n ) })\n ]\n }\n )\n ] })\n }\n );\n};\nconst DefaultCloseButton = /* @__PURE__ */ jsx(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(\n IconButton,\n {\n icon: /* @__PURE__ */ jsx(CloseIcon, {}),\n size: \"lg\",\n \"aria-label\": \"Close\",\n color: \"bright\",\n css: {\n [`& .${prefixClassName(\"button__icon-container\")} > svg`]: {\n width: \"$6\",\n height: \"$6\"\n }\n }\n }\n) });\n\nexport { DefaultConfirmDialog };\n//# sourceMappingURL=default-confirm.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { DialogClose, Dialog, DialogContent, DialogTitle, DialogDescription } from '../dialog.js';
|
|
3
|
+
import { Button } from '../../button/button.js';
|
|
4
|
+
import { IconButton } from '../../button/icon-button.js';
|
|
5
|
+
import '../../button/split-button.js';
|
|
6
|
+
import { Flex } from '../../flex/flex.js';
|
|
7
|
+
import { Box } from '../../box/box.js';
|
|
8
|
+
import { prefixClassName } from '../../utils/prefix-class-name.js';
|
|
9
|
+
import { CloseIcon } from '../../packages/react-icons/dist/es/icons/close.js';
|
|
10
|
+
|
|
11
|
+
var __defProp = Object.defineProperty;
|
|
12
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
13
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
14
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
15
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
16
|
+
var __spreadValues = (a, b) => {
|
|
17
|
+
for (var prop in b || (b = {}))
|
|
18
|
+
if (__hasOwnProp.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
if (__getOwnPropSymbols)
|
|
21
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
22
|
+
if (__propIsEnum.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
}
|
|
25
|
+
return a;
|
|
26
|
+
};
|
|
27
|
+
const DefaultModal = ({
|
|
28
|
+
size,
|
|
29
|
+
title,
|
|
30
|
+
content,
|
|
31
|
+
footer,
|
|
32
|
+
children,
|
|
33
|
+
labels = {
|
|
34
|
+
action: "Close"
|
|
35
|
+
},
|
|
36
|
+
closeButton = DefaultCloseButton,
|
|
37
|
+
css,
|
|
38
|
+
onClose,
|
|
39
|
+
onPrimaryAction
|
|
40
|
+
}) => {
|
|
41
|
+
return /* @__PURE__ */ jsx(
|
|
42
|
+
Dialog,
|
|
43
|
+
{
|
|
44
|
+
onOpenChange: (open) => {
|
|
45
|
+
if (!open)
|
|
46
|
+
onClose == null ? void 0 : onClose();
|
|
47
|
+
},
|
|
48
|
+
size,
|
|
49
|
+
defaultOpen: true,
|
|
50
|
+
children: /* @__PURE__ */ jsx(DialogContent, { css: __spreadValues({}, css), children: children != null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
51
|
+
/* @__PURE__ */ jsxs(
|
|
52
|
+
DialogTitle,
|
|
53
|
+
{
|
|
54
|
+
css: {
|
|
55
|
+
paddingRight: "calc($20 + $12 + $6)",
|
|
56
|
+
position: "relative"
|
|
57
|
+
},
|
|
58
|
+
children: [
|
|
59
|
+
title,
|
|
60
|
+
closeButton && /* @__PURE__ */ jsx(
|
|
61
|
+
Box,
|
|
62
|
+
{
|
|
63
|
+
css: {
|
|
64
|
+
position: "absolute",
|
|
65
|
+
top: "50%",
|
|
66
|
+
right: "0",
|
|
67
|
+
transform: "translate(0,-50%)"
|
|
68
|
+
},
|
|
69
|
+
children: closeButton
|
|
70
|
+
}
|
|
71
|
+
)
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ jsx(
|
|
76
|
+
DialogDescription,
|
|
77
|
+
{
|
|
78
|
+
css: {
|
|
79
|
+
paddingTop: "$6",
|
|
80
|
+
paddingBottom: "$6"
|
|
81
|
+
},
|
|
82
|
+
children: content
|
|
83
|
+
}
|
|
84
|
+
),
|
|
85
|
+
footer != null ? footer : /* @__PURE__ */ jsx(
|
|
86
|
+
Flex,
|
|
87
|
+
{
|
|
88
|
+
css: {
|
|
89
|
+
justifyContent: "flex-end"
|
|
90
|
+
},
|
|
91
|
+
children: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "lg", color: "default", onClick: onPrimaryAction, children: labels == null ? void 0 : labels.action }) })
|
|
92
|
+
}
|
|
93
|
+
)
|
|
94
|
+
] }) })
|
|
95
|
+
}
|
|
96
|
+
);
|
|
97
|
+
};
|
|
98
|
+
const DefaultCloseButton = /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
99
|
+
IconButton,
|
|
100
|
+
{
|
|
101
|
+
icon: /* @__PURE__ */ jsx(CloseIcon, {}),
|
|
102
|
+
size: "lg",
|
|
103
|
+
"aria-label": "Close",
|
|
104
|
+
color: "bright",
|
|
105
|
+
css: {
|
|
106
|
+
[`& .${prefixClassName("button__icon-container")} > svg`]: {
|
|
107
|
+
width: "$6",
|
|
108
|
+
height: "$6"
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
) });
|
|
113
|
+
|
|
114
|
+
export { DefaultModal };
|
|
115
|
+
//# sourceMappingURL=default-modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default-modal.js","sources":["../../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/default-modal.js"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { DialogClose, Dialog, DialogContent, DialogTitle, DialogDescription } from '../dialog.js';\nimport { Button } from '../../button/button.js';\nimport { IconButton } from '../../button/icon-button.js';\nimport '../../button/split-button.js';\nimport { Flex } from '../../flex/flex.js';\nimport { Box } from '../../box/box.js';\nimport { prefixClassName } from '../../utils/prefix-class-name.js';\nimport { CloseIcon } from '../../packages/react-icons/dist/es/icons/close.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nconst DefaultModal = ({\n size,\n title,\n content,\n footer,\n children,\n labels = {\n action: \"Close\"\n },\n closeButton = DefaultCloseButton,\n css,\n onClose,\n onPrimaryAction\n}) => {\n return /* @__PURE__ */ jsx(\n Dialog,\n {\n onOpenChange: (open) => {\n if (!open)\n onClose == null ? void 0 : onClose();\n },\n size,\n defaultOpen: true,\n children: /* @__PURE__ */ jsx(DialogContent, { css: __spreadValues({}, css), children: children != null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [\n /* @__PURE__ */ jsxs(\n DialogTitle,\n {\n css: {\n paddingRight: \"calc($20 + $12 + $6)\",\n position: \"relative\"\n },\n children: [\n title,\n closeButton && /* @__PURE__ */ jsx(\n Box,\n {\n css: {\n position: \"absolute\",\n top: \"50%\",\n right: \"0\",\n transform: \"translate(0,-50%)\"\n },\n children: closeButton\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsx(\n DialogDescription,\n {\n css: {\n paddingTop: \"$6\",\n paddingBottom: \"$6\"\n },\n children: content\n }\n ),\n footer != null ? footer : /* @__PURE__ */ jsx(\n Flex,\n {\n css: {\n justifyContent: \"flex-end\"\n },\n children: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: \"lg\", color: \"default\", onClick: onPrimaryAction, children: labels == null ? void 0 : labels.action }) })\n }\n )\n ] }) })\n }\n );\n};\nconst DefaultCloseButton = /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(\n IconButton,\n {\n icon: /* @__PURE__ */ jsx(CloseIcon, {}),\n size: \"lg\",\n \"aria-label\": \"Close\",\n color: \"bright\",\n css: {\n [`& .${prefixClassName(\"button__icon-container\")} > svg`]: {\n width: \"$6\",\n height: \"$6\"\n }\n }\n }\n) });\n\nexport { DefaultModal };\n//# sourceMappingURL=default-modal.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useEffect, createElement } from 'react';
|
|
3
|
+
import { DefaultAlertDialog } from './default-alert.js';
|
|
4
|
+
import { DefaultModal } from './default-modal.js';
|
|
5
|
+
import { store } from './store.js';
|
|
6
|
+
import { DefaultConfirmDialog } from './default-confirm.js';
|
|
7
|
+
|
|
8
|
+
var __defProp = Object.defineProperty;
|
|
9
|
+
var __defProps = Object.defineProperties;
|
|
10
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
11
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
12
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
13
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
14
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
15
|
+
var __spreadValues = (a, b) => {
|
|
16
|
+
for (var prop in b || (b = {}))
|
|
17
|
+
if (__hasOwnProp.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
if (__getOwnPropSymbols)
|
|
20
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
21
|
+
if (__propIsEnum.call(b, prop))
|
|
22
|
+
__defNormalProp(a, prop, b[prop]);
|
|
23
|
+
}
|
|
24
|
+
return a;
|
|
25
|
+
};
|
|
26
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
27
|
+
const defaultDialogs = {
|
|
28
|
+
confirm: DefaultConfirmDialog,
|
|
29
|
+
alert: DefaultAlertDialog,
|
|
30
|
+
modal: DefaultModal
|
|
31
|
+
};
|
|
32
|
+
const DialogsManager = ({
|
|
33
|
+
customDialogs
|
|
34
|
+
}) => {
|
|
35
|
+
const [data, setData] = useState(store.data);
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
const { unsubscribe, id } = store.subscribe((state) => {
|
|
38
|
+
if (`${id}` === store.getLastSubscriber()) {
|
|
39
|
+
setData([...state]);
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
return () => {
|
|
43
|
+
unsubscribe();
|
|
44
|
+
};
|
|
45
|
+
}, []);
|
|
46
|
+
const allDialogs = __spreadValues(__spreadValues({}, defaultDialogs), customDialogs);
|
|
47
|
+
return /* @__PURE__ */ jsx(Fragment, { children: data.map((dia) => {
|
|
48
|
+
const Modal = allDialogs[dia.name];
|
|
49
|
+
return /* @__PURE__ */ createElement(
|
|
50
|
+
Modal,
|
|
51
|
+
__spreadProps(__spreadValues({}, dia.options), {
|
|
52
|
+
key: dia.name,
|
|
53
|
+
onClose: () => {
|
|
54
|
+
var _a, _b;
|
|
55
|
+
store.publish(
|
|
56
|
+
store.data.filter((item) => item.__dialogId !== dia.__dialogId)
|
|
57
|
+
);
|
|
58
|
+
(_b = (_a = dia == null ? void 0 : dia.options) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
|
|
59
|
+
}
|
|
60
|
+
})
|
|
61
|
+
);
|
|
62
|
+
}) });
|
|
63
|
+
};
|
|
64
|
+
function openDialog(name, options) {
|
|
65
|
+
const dialogId = store.getDialogId();
|
|
66
|
+
store.publish([
|
|
67
|
+
{
|
|
68
|
+
name,
|
|
69
|
+
options,
|
|
70
|
+
__dialogId: dialogId
|
|
71
|
+
}
|
|
72
|
+
]);
|
|
73
|
+
const close = () => closeDialog(dialogId);
|
|
74
|
+
return { close, dialogId };
|
|
75
|
+
}
|
|
76
|
+
function pushDialog(name, options) {
|
|
77
|
+
const dialogId = store.getDialogId();
|
|
78
|
+
store.publish([
|
|
79
|
+
...store.data,
|
|
80
|
+
{
|
|
81
|
+
name,
|
|
82
|
+
options,
|
|
83
|
+
__dialogId: dialogId
|
|
84
|
+
}
|
|
85
|
+
]);
|
|
86
|
+
const close = () => closeDialog(dialogId);
|
|
87
|
+
return { close, dialogId };
|
|
88
|
+
}
|
|
89
|
+
function closeDialog(dialogId) {
|
|
90
|
+
if (dialogId) {
|
|
91
|
+
store.publish(store.data.filter((item) => item.__dialogId !== dialogId));
|
|
92
|
+
} else {
|
|
93
|
+
store.publish([...store.data].slice(0, -1));
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
function closeAllDialogs() {
|
|
97
|
+
store.publish([]);
|
|
98
|
+
}
|
|
99
|
+
const dialogs = {
|
|
100
|
+
open: openDialog,
|
|
101
|
+
push: pushDialog,
|
|
102
|
+
close: closeDialog,
|
|
103
|
+
closeAll: closeAllDialogs
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
export { DialogsManager, dialogs };
|
|
107
|
+
//# sourceMappingURL=index.js.map
|
package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/index.js"],"sourcesContent":["import { jsx, Fragment } from 'react/jsx-runtime';\nimport { useState, useEffect, createElement } from 'react';\nimport { DefaultAlertDialog } from './default-alert.js';\nimport { DefaultModal } from './default-modal.js';\nimport { store } from './store.js';\nimport { DefaultConfirmDialog } from './default-confirm.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst defaultDialogs = {\n confirm: DefaultConfirmDialog,\n alert: DefaultAlertDialog,\n modal: DefaultModal\n};\nconst DialogsManager = ({\n customDialogs\n}) => {\n const [data, setData] = useState(store.data);\n useEffect(() => {\n const { unsubscribe, id } = store.subscribe((state) => {\n if (`${id}` === store.getLastSubscriber()) {\n setData([...state]);\n }\n });\n return () => {\n unsubscribe();\n };\n }, []);\n const allDialogs = __spreadValues(__spreadValues({}, defaultDialogs), customDialogs);\n return /* @__PURE__ */ jsx(Fragment, { children: data.map((dia) => {\n const Modal = allDialogs[dia.name];\n return /* @__PURE__ */ createElement(\n Modal,\n __spreadProps(__spreadValues({}, dia.options), {\n key: dia.name,\n onClose: () => {\n var _a, _b;\n store.publish(\n store.data.filter((item) => item.__dialogId !== dia.__dialogId)\n );\n (_b = (_a = dia == null ? void 0 : dia.options) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);\n }\n })\n );\n }) });\n};\nfunction openDialog(name, options) {\n const dialogId = store.getDialogId();\n store.publish([\n {\n name,\n options,\n __dialogId: dialogId\n }\n ]);\n const close = () => closeDialog(dialogId);\n return { close, dialogId };\n}\nfunction pushDialog(name, options) {\n const dialogId = store.getDialogId();\n store.publish([\n ...store.data,\n {\n name,\n options,\n __dialogId: dialogId\n }\n ]);\n const close = () => closeDialog(dialogId);\n return { close, dialogId };\n}\nfunction closeDialog(dialogId) {\n if (dialogId) {\n store.publish(store.data.filter((item) => item.__dialogId !== dialogId));\n } else {\n store.publish([...store.data].slice(0, -1));\n }\n}\nfunction closeAllDialogs() {\n store.publish([]);\n}\nconst dialogs = {\n open: openDialog,\n push: pushDialog,\n close: closeDialog,\n closeAll: closeAllDialogs\n};\n\nexport { DialogsManager, dialogs };\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
7
|
+
class DialogStore {
|
|
8
|
+
constructor() {
|
|
9
|
+
__publicField(this, "data");
|
|
10
|
+
__publicField(this, "subId");
|
|
11
|
+
__publicField(this, "subscribers");
|
|
12
|
+
__publicField(this, "dialogId");
|
|
13
|
+
__publicField(this, "subscribe", (fn) => {
|
|
14
|
+
const { subId } = this;
|
|
15
|
+
this.subscribers[subId] = fn;
|
|
16
|
+
this.subId += 1;
|
|
17
|
+
return {
|
|
18
|
+
id: subId,
|
|
19
|
+
unsubscribe: async () => {
|
|
20
|
+
delete this.subscribers[subId];
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
});
|
|
24
|
+
__publicField(this, "publish", (data) => {
|
|
25
|
+
this.data = data;
|
|
26
|
+
Object.values(this.subscribers).forEach((sub) => {
|
|
27
|
+
sub(this.data);
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
this.data = [];
|
|
31
|
+
this.subId = 1;
|
|
32
|
+
this.subscribers = {};
|
|
33
|
+
this.dialogId = 0;
|
|
34
|
+
}
|
|
35
|
+
getLastSubscriber() {
|
|
36
|
+
return Object.keys(this.subscribers).at(-1);
|
|
37
|
+
}
|
|
38
|
+
getDialogId() {
|
|
39
|
+
this.dialogId += 1;
|
|
40
|
+
return this.dialogId;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
const store = new DialogStore();
|
|
44
|
+
|
|
45
|
+
export { DialogStore, store };
|
|
46
|
+
//# sourceMappingURL=store.js.map
|
package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"store.js","sources":["../../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialogs-manager/store.js"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __publicField = (obj, key, value) => {\n __defNormalProp(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n return value;\n};\nclass DialogStore {\n constructor() {\n __publicField(this, \"data\");\n __publicField(this, \"subId\");\n __publicField(this, \"subscribers\");\n __publicField(this, \"dialogId\");\n __publicField(this, \"subscribe\", (fn) => {\n const { subId } = this;\n this.subscribers[subId] = fn;\n this.subId += 1;\n return {\n id: subId,\n unsubscribe: async () => {\n delete this.subscribers[subId];\n }\n };\n });\n __publicField(this, \"publish\", (data) => {\n this.data = data;\n Object.values(this.subscribers).forEach((sub) => {\n sub(this.data);\n });\n });\n this.data = [];\n this.subId = 1;\n this.subscribers = {};\n this.dialogId = 0;\n }\n getLastSubscriber() {\n return Object.keys(this.subscribers).at(-1);\n }\n getDialogId() {\n this.dialogId += 1;\n return this.dialogId;\n }\n}\nconst store = new DialogStore();\n\nexport { DialogStore, store };\n//# sourceMappingURL=store.js.map\n"],"names":[],"mappings":"AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK;AACzC,EAAE,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC;AACxE,EAAE,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AACF,MAAM,WAAW,CAAC;AAClB,EAAE,WAAW,GAAG;AAChB,IAAI,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAChC,IAAI,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACjC,IAAI,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AACvC,IAAI,aAAa,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;AACpC,IAAI,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK;AAC7C,MAAM,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;AAC7B,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AACnC,MAAM,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;AACtB,MAAM,OAAO;AACb,QAAQ,EAAE,EAAE,KAAK;AACjB,QAAQ,WAAW,EAAE,YAAY;AACjC,UAAU,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACzC,SAAS;AACT,OAAO,CAAC;AACR,KAAK,CAAC,CAAC;AACP,IAAI,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,KAAK;AAC7C,MAAM,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACvB,MAAM,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AACvD,QAAQ,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACvB,OAAO,CAAC,CAAC;AACT,KAAK,CAAC,CAAC;AACP,IAAI,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;AACnB,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AACnB,IAAI,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;AAC1B,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;AACtB,GAAG;AACH,EAAE,iBAAiB,GAAG;AACtB,IAAI,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAChD,GAAG;AACH,EAAE,WAAW,GAAG;AAChB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;AACvB,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC;AACzB,GAAG;AACH,CAAC;AACI,MAAC,KAAK,GAAG,IAAI,WAAW;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { Box } from '../box/box.js';
|
|
4
|
+
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __defProps = Object.defineProperties;
|
|
7
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
+
var __objRest = (source, exclude) => {
|
|
25
|
+
var target = {};
|
|
26
|
+
for (var prop in source)
|
|
27
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
if (source != null && __getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
31
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
}
|
|
34
|
+
return target;
|
|
35
|
+
};
|
|
36
|
+
const widthToColumns = (width, repeat) => `repeat(auto-${repeat}, minmax(${width}px, 1fr))`;
|
|
37
|
+
const Grid = React__default.forwardRef(
|
|
38
|
+
(_a, ref) => {
|
|
39
|
+
var _b = _a, {
|
|
40
|
+
children,
|
|
41
|
+
width,
|
|
42
|
+
templateColumns,
|
|
43
|
+
templateRows,
|
|
44
|
+
templateAreas,
|
|
45
|
+
gap = [3, 3],
|
|
46
|
+
repeat = "fit",
|
|
47
|
+
css
|
|
48
|
+
} = _b, rest = __objRest(_b, [
|
|
49
|
+
"children",
|
|
50
|
+
"width",
|
|
51
|
+
"templateColumns",
|
|
52
|
+
"templateRows",
|
|
53
|
+
"templateAreas",
|
|
54
|
+
"gap",
|
|
55
|
+
"repeat",
|
|
56
|
+
"css"
|
|
57
|
+
]);
|
|
58
|
+
const [columnGap, rowGap] = gap;
|
|
59
|
+
const gridTemplateColumns = width ? widthToColumns(width, repeat) : templateColumns;
|
|
60
|
+
return /* @__PURE__ */ jsx(
|
|
61
|
+
Box,
|
|
62
|
+
__spreadProps(__spreadValues({
|
|
63
|
+
ref,
|
|
64
|
+
"data-testid": "grid",
|
|
65
|
+
css: __spreadValues({
|
|
66
|
+
display: "grid",
|
|
67
|
+
rowGap,
|
|
68
|
+
columnGap,
|
|
69
|
+
gridTemplateColumns,
|
|
70
|
+
gridTemplateRows: templateRows,
|
|
71
|
+
gridTemplateAreas: templateAreas
|
|
72
|
+
}, css)
|
|
73
|
+
}, rest), {
|
|
74
|
+
children
|
|
75
|
+
})
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
|
|
80
|
+
export { Grid };
|
|
81
|
+
//# sourceMappingURL=grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport React__default from 'react';\nimport { Box } from '../box/box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst widthToColumns = (width, repeat) => `repeat(auto-${repeat}, minmax(${width}px, 1fr))`;\nconst Grid = React__default.forwardRef(\n (_a, ref) => {\n var _b = _a, {\n children,\n width,\n templateColumns,\n templateRows,\n templateAreas,\n gap = [3, 3],\n repeat = \"fit\",\n css\n } = _b, rest = __objRest(_b, [\n \"children\",\n \"width\",\n \"templateColumns\",\n \"templateRows\",\n \"templateAreas\",\n \"gap\",\n \"repeat\",\n \"css\"\n ]);\n const [columnGap, rowGap] = gap;\n const gridTemplateColumns = width ? widthToColumns(width, repeat) : templateColumns;\n return /* @__PURE__ */ jsx(\n Box,\n __spreadProps(__spreadValues({\n ref,\n \"data-testid\": \"grid\",\n css: __spreadValues({\n display: \"grid\",\n rowGap,\n columnGap,\n gridTemplateColumns,\n gridTemplateRows: templateRows,\n gridTemplateAreas: templateAreas\n }, css)\n }, rest), {\n children\n })\n );\n }\n);\n\nexport { Grid };\n//# sourceMappingURL=grid.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|