ag-common 0.0.767 → 0.0.770
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/api/helpers/cosmos/get.d.ts +2 -2
- package/dist/api/helpers/cosmos/get.js +12 -3
- package/dist/api/helpers/cosmos/index.d.ts +2 -2
- package/dist/api/helpers/index.d.ts +1 -1
- package/dist/api/helpers/index.js +1 -1
- package/dist/ui/components/index.d.ts +1 -2
- package/dist/ui/components/index.js +1 -2
- package/dist/ui/components/shadcn/accordion.d.ts +16 -0
- package/dist/ui/components/shadcn/accordion.js +83 -0
- package/dist/ui/components/shadcn/alert.d.ts +8 -0
- package/dist/ui/components/shadcn/alert.js +79 -0
- package/dist/ui/components/shadcn/avatar.d.ts +6 -0
- package/dist/ui/components/shadcn/avatar.js +69 -0
- package/dist/ui/components/shadcn/button.d.ts +11 -0
- package/dist/ui/components/shadcn/button.js +81 -0
- package/dist/ui/components/shadcn/card.d.ts +8 -0
- package/dist/ui/components/shadcn/card.js +85 -0
- package/dist/ui/components/shadcn/checkbox.d.ts +4 -0
- package/dist/ui/components/shadcn/checkbox.js +60 -0
- package/dist/ui/components/shadcn/dialog.d.ts +19 -0
- package/dist/ui/components/shadcn/dialog.js +106 -0
- package/dist/ui/components/shadcn/divider.d.ts +8 -0
- package/dist/ui/components/shadcn/divider.js +14 -0
- package/dist/ui/components/shadcn/dropdown-menu.d.ts +27 -0
- package/dist/ui/components/shadcn/dropdown-menu.js +132 -0
- package/dist/ui/components/shadcn/index.d.ts +17 -0
- package/dist/ui/components/shadcn/index.js +33 -0
- package/dist/ui/components/shadcn/input-selector.d.ts +17 -0
- package/dist/ui/components/shadcn/input-selector.js +99 -0
- package/dist/ui/components/shadcn/input.d.ts +3 -0
- package/dist/ui/components/shadcn/input.js +55 -0
- package/dist/ui/components/shadcn/label.d.ts +5 -0
- package/dist/ui/components/{Accordion/index.js → shadcn/label.js} +22 -32
- package/dist/ui/components/shadcn/popover.d.ts +7 -0
- package/dist/ui/components/shadcn/popover.js +64 -0
- package/dist/ui/components/shadcn/scroll-area.d.ts +5 -0
- package/dist/ui/components/shadcn/scroll-area.js +69 -0
- package/dist/ui/components/shadcn/select.d.ts +13 -0
- package/dist/ui/components/shadcn/select.js +116 -0
- package/dist/ui/components/shadcn/sheet.d.ts +25 -0
- package/dist/ui/components/shadcn/sheet.js +116 -0
- package/dist/ui/components/shadcn/textarea.d.ts +3 -0
- package/dist/ui/components/shadcn/textarea.js +55 -0
- package/dist/ui/helpers/index.d.ts +2 -0
- package/dist/ui/helpers/index.js +2 -0
- package/dist/ui/helpers/openDialog.d.ts +23 -0
- package/dist/ui/helpers/openDialog.js +95 -0
- package/dist/ui/helpers/utils.d.ts +2 -0
- package/dist/ui/helpers/utils.js +8 -0
- package/dist/ui/index.d.ts +0 -1
- package/dist/ui/index.js +0 -1
- package/package.json +23 -3
- package/dist/ui/components/Accordion/index.d.ts +0 -12
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.PopoverTrigger = exports.PopoverContent = exports.PopoverAnchor = exports.Popover = void 0;
|
|
49
|
+
const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
|
|
50
|
+
const React = __importStar(require("react"));
|
|
51
|
+
const utils_1 = require("../../helpers/utils");
|
|
52
|
+
const Popover = PopoverPrimitive.Root;
|
|
53
|
+
exports.Popover = Popover;
|
|
54
|
+
const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
55
|
+
exports.PopoverTrigger = PopoverTrigger;
|
|
56
|
+
const PopoverAnchor = PopoverPrimitive.Anchor;
|
|
57
|
+
exports.PopoverAnchor = PopoverAnchor;
|
|
58
|
+
const PopoverContent = React.forwardRef((_a, ref) => {
|
|
59
|
+
var { className, align = 'center', sideOffset = 4 } = _a, props = __rest(_a, ["className", "align", "sideOffset"]);
|
|
60
|
+
return (React.createElement(PopoverPrimitive.Portal, null,
|
|
61
|
+
React.createElement(PopoverPrimitive.Content, Object.assign({ ref: ref, align: align, sideOffset: sideOffset, className: (0, utils_1.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className) }, props))));
|
|
62
|
+
});
|
|
63
|
+
exports.PopoverContent = PopoverContent;
|
|
64
|
+
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.ScrollBar = exports.ScrollArea = void 0;
|
|
49
|
+
const ScrollAreaPrimitive = __importStar(require("@radix-ui/react-scroll-area"));
|
|
50
|
+
const React = __importStar(require("react"));
|
|
51
|
+
const utils_1 = require("../../helpers/utils");
|
|
52
|
+
const ScrollArea = React.forwardRef((_a, ref) => {
|
|
53
|
+
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
54
|
+
return (React.createElement(ScrollAreaPrimitive.Root, Object.assign({ ref: ref, className: (0, utils_1.cn)('relative overflow-hidden', className) }, props),
|
|
55
|
+
React.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit] *:block!" }, children),
|
|
56
|
+
React.createElement(ScrollBar, null),
|
|
57
|
+
React.createElement(ScrollAreaPrimitive.Corner, null)));
|
|
58
|
+
});
|
|
59
|
+
exports.ScrollArea = ScrollArea;
|
|
60
|
+
ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
|
|
61
|
+
const ScrollBar = React.forwardRef((_a, ref) => {
|
|
62
|
+
var { className, orientation = 'vertical' } = _a, props = __rest(_a, ["className", "orientation"]);
|
|
63
|
+
return (React.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, Object.assign({ ref: ref, orientation: orientation, className: (0, utils_1.cn)('flex touch-none select-none transition-colors', orientation === 'vertical' &&
|
|
64
|
+
'h-full w-2.5 border-l border-l-transparent p-[1px]', orientation === 'horizontal' &&
|
|
65
|
+
'h-2.5 flex-col border-t border-t-transparent p-[1px]', className) }, props),
|
|
66
|
+
React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 bg-border" })));
|
|
67
|
+
});
|
|
68
|
+
exports.ScrollBar = ScrollBar;
|
|
69
|
+
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
4
|
+
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.SelectValue = exports.SelectTrigger = exports.SelectSeparator = exports.SelectScrollUpButton = exports.SelectScrollDownButton = exports.SelectLabel = exports.SelectItem = exports.SelectGroup = exports.SelectContent = exports.Select = void 0;
|
|
49
|
+
const react_icons_1 = require("@radix-ui/react-icons");
|
|
50
|
+
const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
|
|
51
|
+
const React = __importStar(require("react"));
|
|
52
|
+
const utils_1 = require("../../helpers/utils");
|
|
53
|
+
const Select = SelectPrimitive.Root;
|
|
54
|
+
exports.Select = Select;
|
|
55
|
+
const SelectGroup = SelectPrimitive.Group;
|
|
56
|
+
exports.SelectGroup = SelectGroup;
|
|
57
|
+
const SelectValue = SelectPrimitive.Value;
|
|
58
|
+
exports.SelectValue = SelectValue;
|
|
59
|
+
const SelectTrigger = React.forwardRef((_a, ref) => {
|
|
60
|
+
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
61
|
+
return (React.createElement(SelectPrimitive.Trigger, Object.assign({ ref: ref, className: (0, utils_1.cn)('flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1', className) }, props),
|
|
62
|
+
children,
|
|
63
|
+
React.createElement(SelectPrimitive.Icon, { asChild: true },
|
|
64
|
+
React.createElement(react_icons_1.ChevronDownIcon, { className: "h-4 w-4 opacity-50" }))));
|
|
65
|
+
});
|
|
66
|
+
exports.SelectTrigger = SelectTrigger;
|
|
67
|
+
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
68
|
+
const SelectScrollUpButton = React.forwardRef((_a, ref) => {
|
|
69
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
70
|
+
return (React.createElement(SelectPrimitive.ScrollUpButton, Object.assign({ ref: ref, className: (0, utils_1.cn)('flex cursor-default items-center justify-center py-1', className) }, props),
|
|
71
|
+
React.createElement(react_icons_1.ChevronUpIcon, { className: "h-4 w-4" })));
|
|
72
|
+
});
|
|
73
|
+
exports.SelectScrollUpButton = SelectScrollUpButton;
|
|
74
|
+
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
75
|
+
const SelectScrollDownButton = React.forwardRef((_a, ref) => {
|
|
76
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
77
|
+
return (React.createElement(SelectPrimitive.ScrollDownButton, Object.assign({ ref: ref, className: (0, utils_1.cn)('flex cursor-default items-center justify-center py-1', className) }, props),
|
|
78
|
+
React.createElement(react_icons_1.ChevronDownIcon, { className: "h-4 w-4" })));
|
|
79
|
+
});
|
|
80
|
+
exports.SelectScrollDownButton = SelectScrollDownButton;
|
|
81
|
+
SelectScrollDownButton.displayName =
|
|
82
|
+
SelectPrimitive.ScrollDownButton.displayName;
|
|
83
|
+
const SelectContent = React.forwardRef((_a, ref) => {
|
|
84
|
+
var { className, children, position = 'popper' } = _a, props = __rest(_a, ["className", "children", "position"]);
|
|
85
|
+
return (React.createElement(SelectPrimitive.Portal, null,
|
|
86
|
+
React.createElement(SelectPrimitive.Content, Object.assign({ ref: ref, className: (0, utils_1.cn)('relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', position === 'popper' &&
|
|
87
|
+
'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position }, props),
|
|
88
|
+
React.createElement(SelectScrollUpButton, null),
|
|
89
|
+
React.createElement(SelectPrimitive.Viewport, { className: (0, utils_1.cn)('p-1', position === 'popper' &&
|
|
90
|
+
'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]') }, children),
|
|
91
|
+
React.createElement(SelectScrollDownButton, null))));
|
|
92
|
+
});
|
|
93
|
+
exports.SelectContent = SelectContent;
|
|
94
|
+
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
95
|
+
const SelectLabel = React.forwardRef((_a, ref) => {
|
|
96
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
97
|
+
return (React.createElement(SelectPrimitive.Label, Object.assign({ ref: ref, className: (0, utils_1.cn)('px-2 py-1.5 text-sm font-semibold', className) }, props)));
|
|
98
|
+
});
|
|
99
|
+
exports.SelectLabel = SelectLabel;
|
|
100
|
+
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
101
|
+
const SelectItem = React.forwardRef((_a, ref) => {
|
|
102
|
+
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
103
|
+
return (React.createElement(SelectPrimitive.Item, Object.assign({ ref: ref, className: (0, utils_1.cn)('relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50', className) }, props),
|
|
104
|
+
React.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" },
|
|
105
|
+
React.createElement(SelectPrimitive.ItemIndicator, null,
|
|
106
|
+
React.createElement(react_icons_1.CheckIcon, { className: "h-4 w-4" }))),
|
|
107
|
+
React.createElement(SelectPrimitive.ItemText, null, children)));
|
|
108
|
+
});
|
|
109
|
+
exports.SelectItem = SelectItem;
|
|
110
|
+
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
111
|
+
const SelectSeparator = React.forwardRef((_a, ref) => {
|
|
112
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
113
|
+
return (React.createElement(SelectPrimitive.Separator, Object.assign({ ref: ref, className: (0, utils_1.cn)('-mx-1 my-1 h-px bg-muted', className) }, props)));
|
|
114
|
+
});
|
|
115
|
+
exports.SelectSeparator = SelectSeparator;
|
|
116
|
+
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
|
|
5
|
+
declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
|
|
8
|
+
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const sheetVariants: (props?: ({
|
|
10
|
+
side?: "left" | "right" | "top" | "bottom" | null | undefined;
|
|
11
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
|
+
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
13
|
+
}
|
|
14
|
+
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const SheetHeader: {
|
|
16
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
declare const SheetFooter: {
|
|
20
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
24
|
+
declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
25
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, };
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
+
var t = {};
|
|
38
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
+
t[p] = s[p];
|
|
40
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
+
t[p[i]] = s[p[i]];
|
|
44
|
+
}
|
|
45
|
+
return t;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.SheetTrigger = exports.SheetTitle = exports.SheetPortal = exports.SheetOverlay = exports.SheetHeader = exports.SheetFooter = exports.SheetDescription = exports.SheetContent = exports.SheetClose = exports.Sheet = void 0;
|
|
49
|
+
const SheetPrimitive = __importStar(require("@radix-ui/react-dialog"));
|
|
50
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
51
|
+
const lucide_react_1 = require("lucide-react");
|
|
52
|
+
const React = __importStar(require("react"));
|
|
53
|
+
const utils_1 = require("../../helpers/utils");
|
|
54
|
+
const Sheet = SheetPrimitive.Root;
|
|
55
|
+
exports.Sheet = Sheet;
|
|
56
|
+
const SheetTrigger = SheetPrimitive.Trigger;
|
|
57
|
+
exports.SheetTrigger = SheetTrigger;
|
|
58
|
+
const SheetClose = SheetPrimitive.Close;
|
|
59
|
+
exports.SheetClose = SheetClose;
|
|
60
|
+
const SheetPortal = SheetPrimitive.Portal;
|
|
61
|
+
exports.SheetPortal = SheetPortal;
|
|
62
|
+
const SheetOverlay = React.forwardRef((_a, ref) => {
|
|
63
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
64
|
+
return (React.createElement(SheetPrimitive.Overlay, Object.assign({ className: (0, utils_1.cn)('fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className) }, props, { ref: ref })));
|
|
65
|
+
});
|
|
66
|
+
exports.SheetOverlay = SheetOverlay;
|
|
67
|
+
SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
|
|
68
|
+
const sheetVariants = (0, class_variance_authority_1.cva)('fixed z-50 gap-4 bg-background p-2 md:p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500', {
|
|
69
|
+
variants: {
|
|
70
|
+
side: {
|
|
71
|
+
top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
|
|
72
|
+
bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
|
|
73
|
+
left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
|
|
74
|
+
right: 'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
defaultVariants: {
|
|
78
|
+
side: 'right',
|
|
79
|
+
},
|
|
80
|
+
});
|
|
81
|
+
const SheetContent = React.forwardRef((_a, ref) => {
|
|
82
|
+
var { side = 'right', className, children } = _a, props = __rest(_a, ["side", "className", "children"]);
|
|
83
|
+
return (React.createElement(SheetPortal, null,
|
|
84
|
+
React.createElement(SheetOverlay, null),
|
|
85
|
+
React.createElement(SheetPrimitive.Content, Object.assign({ ref: ref, className: (0, utils_1.cn)(sheetVariants({ side }), className) }, props),
|
|
86
|
+
children,
|
|
87
|
+
React.createElement(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" },
|
|
88
|
+
React.createElement(lucide_react_1.X, { className: "h-4 w-4" }),
|
|
89
|
+
React.createElement("span", { className: "sr-only" }, "Close")))));
|
|
90
|
+
});
|
|
91
|
+
exports.SheetContent = SheetContent;
|
|
92
|
+
SheetContent.displayName = SheetPrimitive.Content.displayName;
|
|
93
|
+
const SheetHeader = (_a) => {
|
|
94
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
95
|
+
return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('flex flex-col space-y-2 text-center sm:text-left', className) }, props)));
|
|
96
|
+
};
|
|
97
|
+
exports.SheetHeader = SheetHeader;
|
|
98
|
+
SheetHeader.displayName = 'SheetHeader';
|
|
99
|
+
const SheetFooter = (_a) => {
|
|
100
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
101
|
+
return (React.createElement("div", Object.assign({ className: (0, utils_1.cn)('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className) }, props)));
|
|
102
|
+
};
|
|
103
|
+
exports.SheetFooter = SheetFooter;
|
|
104
|
+
SheetFooter.displayName = 'SheetFooter';
|
|
105
|
+
const SheetTitle = React.forwardRef((_a, ref) => {
|
|
106
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
107
|
+
return (React.createElement(SheetPrimitive.Title, Object.assign({ ref: ref, className: (0, utils_1.cn)('text-lg font-semibold text-foreground', className) }, props)));
|
|
108
|
+
});
|
|
109
|
+
exports.SheetTitle = SheetTitle;
|
|
110
|
+
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
111
|
+
const SheetDescription = React.forwardRef((_a, ref) => {
|
|
112
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
113
|
+
return (React.createElement(SheetPrimitive.Description, Object.assign({ ref: ref, className: (0, utils_1.cn)('text-sm text-muted-foreground', className) }, props)));
|
|
114
|
+
});
|
|
115
|
+
exports.SheetDescription = SheetDescription;
|
|
116
|
+
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
36
|
+
var t = {};
|
|
37
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
38
|
+
t[p] = s[p];
|
|
39
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
40
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
41
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
42
|
+
t[p[i]] = s[p[i]];
|
|
43
|
+
}
|
|
44
|
+
return t;
|
|
45
|
+
};
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
exports.Textarea = void 0;
|
|
48
|
+
const React = __importStar(require("react"));
|
|
49
|
+
const utils_1 = require("../../helpers/utils");
|
|
50
|
+
const Textarea = React.forwardRef((_a, ref) => {
|
|
51
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
52
|
+
return (React.createElement("textarea", Object.assign({ className: (0, utils_1.cn)('flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref }, props)));
|
|
53
|
+
});
|
|
54
|
+
exports.Textarea = Textarea;
|
|
55
|
+
Textarea.displayName = 'Textarea';
|
|
@@ -5,6 +5,7 @@ export * from './debounce';
|
|
|
5
5
|
export * from './dom';
|
|
6
6
|
export * from './extractAttributes';
|
|
7
7
|
export type * from './jwt';
|
|
8
|
+
export * from './openDialog';
|
|
8
9
|
export * from './plural';
|
|
9
10
|
export * from './routes';
|
|
10
11
|
export * from './serviceWorker';
|
|
@@ -22,3 +23,4 @@ export * from './useQueryString';
|
|
|
22
23
|
export * from './useResize';
|
|
23
24
|
export * from './useTimeout';
|
|
24
25
|
export * from './useTooltip';
|
|
26
|
+
export * from './utils';
|
package/dist/ui/helpers/index.js
CHANGED
|
@@ -19,6 +19,7 @@ __exportStar(require("./date"), exports);
|
|
|
19
19
|
__exportStar(require("./debounce"), exports);
|
|
20
20
|
__exportStar(require("./dom"), exports);
|
|
21
21
|
__exportStar(require("./extractAttributes"), exports);
|
|
22
|
+
__exportStar(require("./openDialog"), exports);
|
|
22
23
|
__exportStar(require("./plural"), exports);
|
|
23
24
|
__exportStar(require("./routes"), exports);
|
|
24
25
|
__exportStar(require("./serviceWorker"), exports);
|
|
@@ -36,3 +37,4 @@ __exportStar(require("./useQueryString"), exports);
|
|
|
36
37
|
__exportStar(require("./useResize"), exports);
|
|
37
38
|
__exportStar(require("./useTimeout"), exports);
|
|
38
39
|
__exportStar(require("./useTooltip"), exports);
|
|
40
|
+
__exportStar(require("./utils"), exports);
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
type DialogAction = {
|
|
3
|
+
label: string;
|
|
4
|
+
onClick?: () => void;
|
|
5
|
+
variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
|
|
6
|
+
};
|
|
7
|
+
type DialogConfig = {
|
|
8
|
+
key: string;
|
|
9
|
+
title: string;
|
|
10
|
+
contentClassName?: string;
|
|
11
|
+
content: (p: {
|
|
12
|
+
/** call this to close */
|
|
13
|
+
onClose: () => void;
|
|
14
|
+
}) => ReactNode;
|
|
15
|
+
} & ({
|
|
16
|
+
/** will present the user with actions to click */
|
|
17
|
+
actions: DialogAction[];
|
|
18
|
+
} | {
|
|
19
|
+
/** if passed in, will close when this is complete */
|
|
20
|
+
asyncAction: () => Promise<void>;
|
|
21
|
+
});
|
|
22
|
+
export declare const openDialog: (config: DialogConfig) => Promise<DialogAction | undefined>;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.openDialog = void 0;
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const client_1 = require("react-dom/client");
|
|
39
|
+
const log_1 = require("../../common/helpers/log");
|
|
40
|
+
const button_1 = require("../components/shadcn/button");
|
|
41
|
+
const dialog_1 = require("../components/shadcn/dialog");
|
|
42
|
+
const openDialog = (config) => {
|
|
43
|
+
return new Promise((resolve) => {
|
|
44
|
+
const idName = 'dialog-' + config.key;
|
|
45
|
+
if (document.body.querySelectorAll('#' + idName).length !== 0) {
|
|
46
|
+
(0, log_1.error)('Dialog already open:' + idName);
|
|
47
|
+
resolve(undefined);
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const wrapper = document.body.appendChild(document.createElement('div'));
|
|
51
|
+
wrapper.id = idName;
|
|
52
|
+
const root = (0, client_1.createRoot)(wrapper);
|
|
53
|
+
const onAction = (actionLabel) => {
|
|
54
|
+
try {
|
|
55
|
+
resolve(actionLabel);
|
|
56
|
+
}
|
|
57
|
+
finally {
|
|
58
|
+
try {
|
|
59
|
+
root.unmount();
|
|
60
|
+
wrapper.remove();
|
|
61
|
+
}
|
|
62
|
+
catch (e) {
|
|
63
|
+
(0, log_1.error)('Error unmounting dialog', e);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
};
|
|
67
|
+
const DialogComponent = () => {
|
|
68
|
+
const [open, setOpen] = (0, react_1.useState)(true);
|
|
69
|
+
(0, react_1.useEffect)(() => {
|
|
70
|
+
if ('asyncAction' in config) {
|
|
71
|
+
void config.asyncAction().then(() => {
|
|
72
|
+
onAction(undefined);
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
}, []);
|
|
76
|
+
return (react_1.default.createElement(dialog_1.Dialog, { open: open, onOpenChange: (isOpen) => {
|
|
77
|
+
setOpen(isOpen);
|
|
78
|
+
if (!isOpen) {
|
|
79
|
+
onAction(undefined);
|
|
80
|
+
}
|
|
81
|
+
} },
|
|
82
|
+
react_1.default.createElement(dialog_1.DialogContent, { className: config.contentClassName, "aria-description": config.title },
|
|
83
|
+
react_1.default.createElement(dialog_1.DialogTitle, null, config.title),
|
|
84
|
+
react_1.default.createElement(dialog_1.DialogDescription, null),
|
|
85
|
+
config.content({ onClose: () => onAction() }),
|
|
86
|
+
'actions' in config && (react_1.default.createElement(dialog_1.DialogFooter, null, config.actions.map((action) => (react_1.default.createElement(button_1.Button, { key: action.label, onClick: () => {
|
|
87
|
+
var _a;
|
|
88
|
+
(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
|
|
89
|
+
onAction(action);
|
|
90
|
+
}, variant: action.variant || 'default', className: "cursor-pointer" }, action.label))))))));
|
|
91
|
+
};
|
|
92
|
+
root.render(react_1.default.createElement(DialogComponent, null));
|
|
93
|
+
});
|
|
94
|
+
};
|
|
95
|
+
exports.openDialog = openDialog;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.cn = cn;
|
|
4
|
+
const clsx_1 = require("clsx");
|
|
5
|
+
const tailwind_merge_1 = require("tailwind-merge");
|
|
6
|
+
function cn(...inputs) {
|
|
7
|
+
return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
|
|
8
|
+
}
|
package/dist/ui/index.d.ts
CHANGED