@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.270
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/Accordion/Accordion.d.ts +1 -1
- package/Accordion/Accordion.d.ts.map +1 -1
- package/Accordion/Accordion.js +48 -26
- package/Accordion/Accordion.js.map +1 -1
- package/AlertDialog/AlertDialog.stories.js +66 -23
- package/AlertDialog/AlertDialog.stories.js.map +1 -1
- package/AlertDialog/AlertDialogRoot.d.ts.map +1 -1
- package/AlertDialog/AlertDialogRoot.js +19 -18
- package/AlertDialog/AlertDialogRoot.js.map +1 -1
- package/Button/Button.d.ts.map +1 -1
- package/Button/Button.js +40 -40
- package/Button/Button.js.map +1 -1
- package/Button/Button.stories.js +15 -12
- package/Button/Button.stories.js.map +1 -1
- package/Button/Button.utils.d.ts +3 -0
- package/Button/Button.utils.d.ts.map +1 -0
- package/Button/Button.utils.js +14 -0
- package/Button/Button.utils.js.map +1 -0
- package/Button/buttonVariants.d.ts +2 -2
- package/Button/buttonVariants.d.ts.map +1 -1
- package/Button/buttonVariants.js +38 -6
- package/Button/buttonVariants.js.map +1 -1
- package/Button/index.d.ts +1 -0
- package/Button/index.d.ts.map +1 -1
- package/Button/index.js +8 -6
- package/Button/index.js.map +1 -1
- package/ButtonIcon/ButtonIcon.d.ts.map +1 -1
- package/ButtonIcon/ButtonIcon.js +47 -47
- package/ButtonIcon/ButtonIcon.js.map +1 -1
- package/ButtonIcon/ButtonIcon.stories.js +35 -33
- package/ButtonIcon/ButtonIcon.stories.js.map +1 -1
- package/ButtonIcon/buttonIconVariants.d.ts +1 -1
- package/ButtonIcon/buttonIconVariants.d.ts.map +1 -1
- package/ButtonIcon/buttonIconVariants.js +3 -2
- package/ButtonIcon/buttonIconVariants.js.map +1 -1
- package/CHANGELOG.md +1527 -0
- package/Card/Card.d.ts.map +1 -1
- package/Card/Card.js +22 -21
- package/Card/Card.js.map +1 -1
- package/Checkbox/Checkbox.d.ts.map +1 -1
- package/Checkbox/Checkbox.js +35 -33
- package/Checkbox/Checkbox.js.map +1 -1
- package/Checkbox/Checkbox.stories.js +108 -0
- package/Checkbox/Checkbox.stories.js.map +1 -0
- package/Checkbox/Checkbox.types.d.ts +2 -1
- package/Checkbox/Checkbox.types.d.ts.map +1 -1
- package/Combobox/Combobox.d.ts +4 -2
- package/Combobox/Combobox.d.ts.map +1 -1
- package/Combobox/Combobox.js +222 -192
- package/Combobox/Combobox.js.map +1 -1
- package/Combobox/Combobox.stories.js +231 -85
- package/Combobox/Combobox.stories.js.map +1 -1
- package/Combobox/Combobox.types.d.ts +88 -24
- package/Combobox/Combobox.types.d.ts.map +1 -1
- package/Combobox/Combobox.types.js +4 -1
- package/Combobox/Combobox.types.js.map +1 -1
- package/Combobox/ComboboxOptionItem.d.ts +5 -3
- package/Combobox/ComboboxOptionItem.d.ts.map +1 -1
- package/Combobox/ComboboxOptionItem.js +80 -23
- package/Combobox/ComboboxOptionItem.js.map +1 -1
- package/Combobox/ComboboxRenderContent.d.ts +28 -0
- package/Combobox/ComboboxRenderContent.d.ts.map +1 -0
- package/Combobox/ComboboxRenderContent.js +142 -0
- package/Combobox/ComboboxRenderContent.js.map +1 -0
- package/Combobox/ComboboxRenderOptions.d.ts +4 -0
- package/Combobox/ComboboxRenderOptions.d.ts.map +1 -0
- package/Combobox/ComboboxRenderOptions.js +53 -0
- package/Combobox/ComboboxRenderOptions.js.map +1 -0
- package/Combobox/ComboboxRenderTrigger.d.ts +18 -0
- package/Combobox/ComboboxRenderTrigger.d.ts.map +1 -0
- package/Combobox/ComboboxRenderTrigger.js +118 -0
- package/Combobox/ComboboxRenderTrigger.js.map +1 -0
- package/Command/Command.d.ts +6 -1
- package/Command/Command.d.ts.map +1 -1
- package/Command/Command.js +66 -48
- package/Command/Command.js.map +1 -1
- package/ContextPopover/ContextDropdownMenu.d.ts +12 -0
- package/ContextPopover/ContextDropdownMenu.d.ts.map +1 -0
- package/ContextPopover/ContextDropdownMenu.js +41 -0
- package/ContextPopover/ContextDropdownMenu.js.map +1 -0
- package/ContextPopover/ContextPopover.d.ts +12 -0
- package/ContextPopover/ContextPopover.d.ts.map +1 -0
- package/ContextPopover/ContextPopover.js +34 -0
- package/ContextPopover/ContextPopover.js.map +1 -0
- package/ContextPopover/index.d.ts +4 -0
- package/ContextPopover/index.d.ts.map +1 -0
- package/ContextPopover/index.js +9 -0
- package/ContextPopover/index.js.map +1 -0
- package/ContextPopover/useContextPopoverHandler.d.ts +14 -0
- package/ContextPopover/useContextPopoverHandler.d.ts.map +1 -0
- package/ContextPopover/useContextPopoverHandler.js +21 -0
- package/ContextPopover/useContextPopoverHandler.js.map +1 -0
- package/DataTable/DataTable.js +6 -6
- package/DataTable/useDataTable.d.ts +1 -1
- package/Dialog/Dialog.d.ts +4 -1
- package/Dialog/Dialog.d.ts.map +1 -1
- package/Dialog/Dialog.js +82 -40
- package/Dialog/Dialog.js.map +1 -1
- package/Dialog/Dialog.stories.js +108 -0
- package/Dialog/Dialog.stories.js.map +1 -0
- package/Dialog/Dialog.types.d.ts +4 -0
- package/Dialog/Dialog.types.d.ts.map +1 -0
- package/Dialog/Dialog.types.js +2 -0
- package/Dialog/Dialog.types.js.map +1 -0
- package/Dialog/index.d.ts +1 -0
- package/Dialog/index.d.ts.map +1 -1
- package/Dialog/useDialogClosePosition.d.ts +11 -0
- package/Dialog/useDialogClosePosition.d.ts.map +1 -0
- package/Dialog/useDialogClosePosition.js +50 -0
- package/Dialog/useDialogClosePosition.js.map +1 -0
- package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/DropdownMenu/DropdownMenu.js +33 -20
- package/DropdownMenu/DropdownMenu.js.map +1 -1
- package/Dropzone/Dropzone.d.ts.map +1 -1
- package/Dropzone/Dropzone.js +340 -141
- package/Dropzone/Dropzone.js.map +1 -1
- package/Dropzone/Dropzone.stories.js +308 -0
- package/Dropzone/Dropzone.stories.js.map +1 -0
- package/Dropzone/Dropzone.types.d.ts +17 -1
- package/Dropzone/Dropzone.types.d.ts.map +1 -1
- package/Dropzone/Dropzone.types.js +19 -8
- package/Dropzone/Dropzone.types.js.map +1 -1
- package/Dropzone/DropzoneFilePreview.d.ts.map +1 -1
- package/Dropzone/DropzoneFilePreview.js +46 -26
- package/Dropzone/DropzoneFilePreview.js.map +1 -1
- package/Dropzone/DropzoneSinglePickPreview.d.ts +5 -2
- package/Dropzone/DropzoneSinglePickPreview.d.ts.map +1 -1
- package/Dropzone/DropzoneSinglePickPreview.js +119 -22
- package/Dropzone/DropzoneSinglePickPreview.js.map +1 -1
- package/Dropzone/index.js +7 -5
- package/Form/FormRenderControl.d.ts +1 -1
- package/Form/FormRenderControl.d.ts.map +1 -1
- package/Form/FormRenderControl.js +51 -24
- package/Form/FormRenderControl.js.map +1 -1
- package/Form/FormRenderControl.types.d.ts +4 -1
- package/Form/FormRenderControl.types.d.ts.map +1 -1
- package/FormCombobox/FormCombobox.d.ts +4 -2
- package/FormCombobox/FormCombobox.d.ts.map +1 -1
- package/FormCombobox/FormCombobox.js +30 -17
- package/FormCombobox/FormCombobox.js.map +1 -1
- package/FormCombobox/FormCombobox.types.d.ts +6 -2
- package/FormCombobox/FormCombobox.types.d.ts.map +1 -1
- package/FormDatePicker/FormDatePicker.d.ts.map +1 -1
- package/FormDatePicker/FormDatePicker.js +18 -16
- package/FormDatePicker/FormDatePicker.js.map +1 -1
- package/FormDropzone/FormDropzone.d.ts.map +1 -1
- package/FormDropzone/FormDropzone.js +11 -9
- package/FormDropzone/FormDropzone.js.map +1 -1
- package/FormInput/FormInput.d.ts.map +1 -1
- package/FormInput/FormInput.js +47 -28
- package/FormInput/FormInput.js.map +1 -1
- package/FormInput/FormInput.stories.js +61 -0
- package/FormInput/FormInput.stories.js.map +1 -0
- package/FormInput/FormInput.types.d.ts +1 -0
- package/FormInput/FormInput.types.d.ts.map +1 -1
- package/FormSelect/FormSelect.d.ts.map +1 -1
- package/FormSelect/FormSelect.js +33 -29
- package/FormSelect/FormSelect.js.map +1 -1
- package/FormTextarea/FormTextarea.d.ts.map +1 -1
- package/FormTextarea/FormTextarea.js +15 -12
- package/FormTextarea/FormTextarea.js.map +1 -1
- package/InfoBlock/InfoBlock.d.ts +7 -0
- package/InfoBlock/InfoBlock.d.ts.map +1 -0
- package/InfoBlock/InfoBlock.js +28 -0
- package/InfoBlock/InfoBlock.js.map +1 -0
- package/InfoBlock/InfoBlock.stories.js +50 -0
- package/InfoBlock/InfoBlock.stories.js.map +1 -0
- package/InfoBlock/InfoBlock.types.d.ts +9 -0
- package/InfoBlock/InfoBlock.types.d.ts.map +1 -0
- package/InfoBlock/InfoBlock.types.js +2 -0
- package/InfoBlock/InfoBlock.types.js.map +1 -0
- package/InfoBlock/index.d.ts +3 -0
- package/InfoBlock/index.d.ts.map +1 -0
- package/InfoBlock/index.js +5 -0
- package/InfoBlock/index.js.map +1 -0
- package/InfoBlock/infoBlockVariants.d.ts +6 -0
- package/InfoBlock/infoBlockVariants.d.ts.map +1 -0
- package/InfoBlock/infoBlockVariants.js +27 -0
- package/InfoBlock/infoBlockVariants.js.map +1 -0
- package/Input/Input.d.ts.map +1 -1
- package/Input/Input.js +104 -53
- package/Input/Input.js.map +1 -1
- package/Input/Input.stories.js +225 -0
- package/Input/Input.stories.js.map +1 -0
- package/Input/Input.types.d.ts +5 -0
- package/Input/Input.types.d.ts.map +1 -1
- package/LoadingMask/LoadingMask.d.ts +1 -2
- package/LoadingMask/LoadingMask.d.ts.map +1 -1
- package/LoadingMask/LoadingMask.js +8 -8
- package/LoadingMask/LoadingMask.js.map +1 -1
- package/LoadingMask/LoadingMask.types.d.ts +1 -0
- package/LoadingMask/LoadingMask.types.d.ts.map +1 -1
- package/Popover/Popover.d.ts +3 -1
- package/Popover/Popover.d.ts.map +1 -1
- package/Popover/Popover.js +15 -10
- package/Popover/Popover.js.map +1 -1
- package/ScrollArea/ScrollArea.d.ts +5 -1
- package/ScrollArea/ScrollArea.d.ts.map +1 -1
- package/ScrollArea/ScrollArea.js +23 -17
- package/ScrollArea/ScrollArea.js.map +1 -1
- package/Search/Search.d.ts.map +1 -1
- package/Search/Search.js +40 -31
- package/Search/Search.js.map +1 -1
- package/Select/Select.d.ts.map +1 -1
- package/Select/Select.js +53 -48
- package/Select/Select.js.map +1 -1
- package/Select/Select.types.d.ts +4 -0
- package/Select/Select.types.d.ts.map +1 -1
- package/Select/SelectRoot.d.ts.map +1 -1
- package/Select/SelectRoot.js +81 -68
- package/Select/SelectRoot.js.map +1 -1
- package/Switch/Switch.d.ts +1 -1
- package/Switch/Switch.d.ts.map +1 -1
- package/Switch/Switch.js +19 -9
- package/Switch/Switch.js.map +1 -1
- package/Switch/Switch.stories.js +62 -0
- package/Switch/Switch.stories.js.map +1 -0
- package/Textarea/Textarea.d.ts.map +1 -1
- package/Textarea/Textarea.js +50 -45
- package/Textarea/Textarea.js.map +1 -1
- package/Textarea/Textarea.types.d.ts +3 -1
- package/Textarea/Textarea.types.d.ts.map +1 -1
- package/Toast/Toast.d.ts +1 -1
- package/Toast/toastVariants.d.ts +1 -1
- package/Tooltip/QuestionMarkIcon.svg.js +6 -0
- package/Tooltip/QuestionMarkIcon.svg.js.map +1 -0
- package/Tooltip/Tooltip.d.ts.map +1 -1
- package/Tooltip/Tooltip.js +52 -32
- package/Tooltip/Tooltip.js.map +1 -1
- package/Tooltip/Tooltip.types.d.ts +10 -0
- package/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/Tooltip/tooltipVariants.d.ts +4 -0
- package/Tooltip/tooltipVariants.d.ts.map +1 -0
- package/Tooltip/tooltipVariants.js +23 -0
- package/Tooltip/tooltipVariants.js.map +1 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.js +352 -340
- package/index.js.map +1 -1
- package/package.json +10 -6
- package/styles.css +1 -0
- package/vite-env.d.js +2 -0
- package/vite-env.d.js.map +1 -0
- package/vite-env.d.ts +7 -0
- package/Combobox/ComboboxOptions.d.ts +0 -4
- package/Combobox/ComboboxOptions.d.ts.map +0 -1
- package/Combobox/ComboboxOptions.js +0 -64
- package/Combobox/ComboboxOptions.js.map +0 -1
- package/Form/FormTooltipButton.d.ts +0 -6
- package/Form/FormTooltipButton.d.ts.map +0 -1
- package/Form/FormTooltipButton.js +0 -33
- package/Form/FormTooltipButton.js.map +0 -1
package/Accordion/Accordion.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
3
|
-
declare function Accordion(
|
|
3
|
+
declare function Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare function AccordionTrigger({ className, children, showChevron, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
|
|
6
6
|
showChevron?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,iBAAS,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,iBAAS,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAe7E;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAY7E;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CAsB/G;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUnF;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
|
package/Accordion/Accordion.js
CHANGED
|
@@ -1,50 +1,72 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as c } from "react/jsx-runtime";
|
|
2
2
|
import * as n from "@radix-ui/react-accordion";
|
|
3
|
-
import {
|
|
3
|
+
import { ChevronRightIcon as s } from "lucide-react";
|
|
4
4
|
import { cn as i } from "@oneplatformdev/utils";
|
|
5
|
-
function u({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
function u(o) {
|
|
6
|
+
const {
|
|
7
|
+
className: t,
|
|
8
|
+
...r
|
|
9
|
+
} = o;
|
|
10
|
+
return /* @__PURE__ */ e(
|
|
11
|
+
n.Root,
|
|
12
|
+
{
|
|
13
|
+
"data-slot": "accordion",
|
|
14
|
+
className: i(
|
|
15
|
+
"group group/accordion",
|
|
16
|
+
t
|
|
17
|
+
),
|
|
18
|
+
...r
|
|
19
|
+
}
|
|
20
|
+
);
|
|
9
21
|
}
|
|
10
|
-
function
|
|
11
|
-
className:
|
|
12
|
-
...
|
|
22
|
+
function p({
|
|
23
|
+
className: o,
|
|
24
|
+
...t
|
|
13
25
|
}) {
|
|
14
26
|
return /* @__PURE__ */ e(
|
|
15
27
|
n.Item,
|
|
16
28
|
{
|
|
17
29
|
"data-slot": "accordion-item",
|
|
18
|
-
className: i(
|
|
19
|
-
|
|
30
|
+
className: i(
|
|
31
|
+
"group group/accordion-item",
|
|
32
|
+
"border-b last:border-b-0",
|
|
33
|
+
o
|
|
34
|
+
),
|
|
35
|
+
...t
|
|
20
36
|
}
|
|
21
37
|
);
|
|
22
38
|
}
|
|
23
|
-
function
|
|
24
|
-
className:
|
|
25
|
-
children:
|
|
39
|
+
function g({
|
|
40
|
+
className: o,
|
|
41
|
+
children: t,
|
|
26
42
|
showChevron: r = !0,
|
|
27
43
|
...a
|
|
28
44
|
}) {
|
|
29
|
-
return /* @__PURE__ */ e(n.Header, { className: "flex", children: /* @__PURE__ */
|
|
45
|
+
return /* @__PURE__ */ e(n.Header, { className: "flex", children: /* @__PURE__ */ c(
|
|
30
46
|
n.Trigger,
|
|
31
47
|
{
|
|
32
48
|
"data-slot": "accordion-trigger",
|
|
33
49
|
className: i(
|
|
34
|
-
"
|
|
35
|
-
|
|
50
|
+
"group group/accordion-trigger",
|
|
51
|
+
"flex flex-1 items-start justify-between gap-4 rounded-md py-4",
|
|
52
|
+
"text-left text-sm font-medium",
|
|
53
|
+
"transition-all outline-none",
|
|
54
|
+
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
55
|
+
"disabled:pointer-events-none disabled:opacity-50",
|
|
56
|
+
"[&[data-state=open]>svg]:rotate-90",
|
|
57
|
+
o
|
|
36
58
|
),
|
|
37
59
|
...a,
|
|
38
60
|
children: [
|
|
39
|
-
|
|
40
|
-
|
|
61
|
+
r && /* @__PURE__ */ e(s, { "data-slot": "accordion-chevrone", className: "text-[#06080D] pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" }),
|
|
62
|
+
t
|
|
41
63
|
]
|
|
42
64
|
}
|
|
43
65
|
) });
|
|
44
66
|
}
|
|
45
|
-
function
|
|
46
|
-
className:
|
|
47
|
-
children:
|
|
67
|
+
function f({
|
|
68
|
+
className: o,
|
|
69
|
+
children: t,
|
|
48
70
|
...r
|
|
49
71
|
}) {
|
|
50
72
|
return /* @__PURE__ */ e(
|
|
@@ -53,14 +75,14 @@ function g({
|
|
|
53
75
|
"data-slot": "accordion-content",
|
|
54
76
|
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
|
|
55
77
|
...r,
|
|
56
|
-
children: /* @__PURE__ */ e("div", { className: i("pt-0 pb-4",
|
|
78
|
+
children: /* @__PURE__ */ e("div", { className: i("group group/accordion-content", "pt-0 pb-4", o), children: t })
|
|
57
79
|
}
|
|
58
80
|
);
|
|
59
81
|
}
|
|
60
82
|
export {
|
|
61
83
|
u as Accordion,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
84
|
+
f as AccordionContent,
|
|
85
|
+
p as AccordionItem,
|
|
86
|
+
g as AccordionTrigger
|
|
65
87
|
};
|
|
66
88
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\r\nimport {
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\r\nimport { ChevronRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>) {\r\n const {\r\n className,\r\n ...rest\r\n } = props;\r\n return (\r\n <AccordionPrimitive.Root\r\n data-slot=\"accordion\"\r\n className={cn(\r\n 'group group/accordion',\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AccordionItem({\r\n className,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\r\n return (\r\n <AccordionPrimitive.Item\r\n data-slot=\"accordion-item\"\r\n className={cn(\r\n 'group group/accordion-item',\r\n \"border-b last:border-b-0\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction AccordionTrigger({\r\n className,\r\n children,\r\n showChevron = true,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\r\n return (\r\n <AccordionPrimitive.Header className=\"flex\">\r\n <AccordionPrimitive.Trigger\r\n data-slot=\"accordion-trigger\"\r\n className={cn(\r\n 'group group/accordion-trigger',\r\n 'flex flex-1 items-start justify-between gap-4 rounded-md py-4',\r\n 'text-left text-sm font-medium',\r\n 'transition-all outline-none',\r\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\r\n 'disabled:pointer-events-none disabled:opacity-50',\r\n '[&[data-state=open]>svg]:rotate-90',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {showChevron && <ChevronRightIcon data-slot=\"accordion-chevrone\" className=\"text-[#06080D] pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />}\r\n {children}\r\n </AccordionPrimitive.Trigger>\r\n </AccordionPrimitive.Header>\r\n )\r\n}\r\n\r\nfunction AccordionContent({\r\n className,\r\n children,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\r\n return (\r\n <AccordionPrimitive.Content\r\n data-slot=\"accordion-content\"\r\n className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\r\n {...props}\r\n >\r\n <div className={cn('group group/accordion-content', \"pt-0 pb-4\", className)}>{children}</div>\r\n </AccordionPrimitive.Content>\r\n )\r\n}\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\r\n"],"names":["Accordion","props","className","rest","jsx","AccordionPrimitive","cn","AccordionItem","AccordionTrigger","children","showChevron","jsxs","ChevronRightIcon","AccordionContent"],"mappings":";;;;AAQA,SAASA,EAAUC,GAA6D;AAC9E,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDF;AACJ,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAc;AAAA,EACE,WAAAL;AAAA,EACA,GAAGD;AACL,GAAyD;AAC9E,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAiB;AAAA,EACE,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGT;AACL,GAAwF;AAChH,SACE,gBAAAG,EAACC,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAM;AAAA,IAACN,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAS,KAAe,gBAAAN,EAACQ,GAAA,EAAiB,aAAU,sBAAqB,WAAU,wGAAuG;AAAA,QACjLH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAASI,EAAiB;AAAA,EACE,WAAAX;AAAA,EACA,UAAAO;AAAA,EACA,GAAGR;AACL,GAA4D;AACpF,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGJ;AAAA,MAEJ,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAG,iCAAiC,aAAaJ,CAAS,GAAI,UAAAO,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7F;"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { AlertDialog as n } from "./AlertDialog.js";
|
|
3
|
-
import { Button as
|
|
4
|
-
|
|
3
|
+
import { Button as o } from "../Button/Button.js";
|
|
4
|
+
import { InfoBlock as p } from "../InfoBlock/InfoBlock.js";
|
|
5
|
+
const d = (e) => /* @__PURE__ */ t(n, { ...e }), l = ["confirm", "alert", "destructive"], C = {
|
|
5
6
|
title: "AlertDialog",
|
|
6
7
|
component: n,
|
|
7
|
-
render:
|
|
8
|
+
render: d,
|
|
8
9
|
argTypes: {
|
|
9
10
|
open: {
|
|
10
11
|
control: {
|
|
@@ -14,7 +15,7 @@ const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destr
|
|
|
14
15
|
variant: {
|
|
15
16
|
name: "variant",
|
|
16
17
|
description: "ButtonIcon variant",
|
|
17
|
-
options:
|
|
18
|
+
options: l,
|
|
18
19
|
control: {
|
|
19
20
|
type: "inline-radio"
|
|
20
21
|
}
|
|
@@ -45,13 +46,13 @@ const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destr
|
|
|
45
46
|
cancelLabel: "Cancel",
|
|
46
47
|
actionLabel: "Action"
|
|
47
48
|
}
|
|
48
|
-
},
|
|
49
|
+
}, m = (e) => /* @__PURE__ */ t(
|
|
49
50
|
n,
|
|
50
51
|
{
|
|
51
52
|
...e
|
|
52
53
|
}
|
|
53
54
|
);
|
|
54
|
-
|
|
55
|
+
m.args = {
|
|
55
56
|
trigger: "Trigger text or ReactNode",
|
|
56
57
|
variant: "confirm",
|
|
57
58
|
title: "Dialog title...",
|
|
@@ -59,33 +60,33 @@ s.args = {
|
|
|
59
60
|
cancelLabel: "Cancel label",
|
|
60
61
|
actionLabel: "Action label"
|
|
61
62
|
};
|
|
62
|
-
const
|
|
63
|
+
const r = (e) => /* @__PURE__ */ t("div", { className: "flex gap-3", children: l.map((i) => /* @__PURE__ */ t(
|
|
63
64
|
n,
|
|
64
65
|
{
|
|
65
|
-
trigger:
|
|
66
|
+
trigger: i,
|
|
66
67
|
...e,
|
|
67
|
-
variant:
|
|
68
|
+
variant: i
|
|
68
69
|
},
|
|
69
|
-
|
|
70
|
+
i
|
|
70
71
|
)) });
|
|
71
|
-
|
|
72
|
+
r.parameters = {
|
|
72
73
|
controls: {
|
|
73
74
|
include: ["title", "description", "cancelLabel", "actionLabel"]
|
|
74
75
|
}
|
|
75
76
|
};
|
|
76
|
-
|
|
77
|
+
r.args = {
|
|
77
78
|
title: "Dialog title",
|
|
78
79
|
description: "Description text..."
|
|
79
80
|
};
|
|
80
81
|
const a = (e) => /* @__PURE__ */ t(
|
|
81
82
|
n,
|
|
82
83
|
{
|
|
83
|
-
onOpenChange: (
|
|
84
|
-
trigger: /* @__PURE__ */ t(
|
|
84
|
+
onOpenChange: (i) => console.log(i),
|
|
85
|
+
trigger: /* @__PURE__ */ t(o, { variant: "outline", children: "Control Trigger" }),
|
|
85
86
|
header: /* @__PURE__ */ t("div", { children: "Custom Header" }),
|
|
86
87
|
footer: [
|
|
87
|
-
/* @__PURE__ */ t(
|
|
88
|
-
/* @__PURE__ */ t(
|
|
88
|
+
/* @__PURE__ */ t(o, { variant: "outline", onClick: console.log, children: "On cancel" }, "cancel"),
|
|
89
|
+
/* @__PURE__ */ t(o, { variant: "outline", onClick: console.log, children: "On Action" }, "action")
|
|
89
90
|
],
|
|
90
91
|
...e
|
|
91
92
|
}
|
|
@@ -98,24 +99,66 @@ a.parameters = {
|
|
|
98
99
|
a.args = {
|
|
99
100
|
open: !1
|
|
100
101
|
};
|
|
101
|
-
const
|
|
102
|
+
const L = (e) => /* @__PURE__ */ t(
|
|
102
103
|
n,
|
|
103
104
|
{
|
|
104
|
-
trigger: /* @__PURE__ */ t(
|
|
105
|
+
trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Full Content Trigger" }),
|
|
105
106
|
...e,
|
|
106
107
|
children: "Full Content..."
|
|
107
108
|
}
|
|
108
109
|
);
|
|
109
|
-
|
|
110
|
+
L.parameters = {
|
|
110
111
|
controls: {
|
|
111
112
|
include: []
|
|
112
113
|
}
|
|
113
114
|
};
|
|
115
|
+
const c = "a".repeat(300), s = (e) => /* @__PURE__ */ t(
|
|
116
|
+
n,
|
|
117
|
+
{
|
|
118
|
+
...e,
|
|
119
|
+
trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Long Description" })
|
|
120
|
+
}
|
|
121
|
+
);
|
|
122
|
+
s.args = {
|
|
123
|
+
trigger: "Long description",
|
|
124
|
+
variant: "confirm",
|
|
125
|
+
title: "Dialog title",
|
|
126
|
+
description: c,
|
|
127
|
+
cancelLabel: "Cancel",
|
|
128
|
+
actionLabel: "Action"
|
|
129
|
+
};
|
|
130
|
+
s.parameters = {
|
|
131
|
+
controls: {
|
|
132
|
+
include: ["title", "cancelLabel", "actionLabel"]
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
const g = (e) => /* @__PURE__ */ t(
|
|
136
|
+
n,
|
|
137
|
+
{
|
|
138
|
+
...e,
|
|
139
|
+
trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Long InfoBlock Description" }),
|
|
140
|
+
description: /* @__PURE__ */ t(p, { content: c })
|
|
141
|
+
}
|
|
142
|
+
);
|
|
143
|
+
g.args = {
|
|
144
|
+
trigger: "Long InfoBlock description",
|
|
145
|
+
variant: "confirm",
|
|
146
|
+
title: "Dialog title",
|
|
147
|
+
cancelLabel: "Cancel",
|
|
148
|
+
actionLabel: "Action"
|
|
149
|
+
};
|
|
150
|
+
g.parameters = {
|
|
151
|
+
controls: {
|
|
152
|
+
include: ["title", "cancelLabel", "actionLabel"]
|
|
153
|
+
}
|
|
154
|
+
};
|
|
114
155
|
export {
|
|
115
|
-
|
|
156
|
+
L as FullContent,
|
|
116
157
|
a as FullControl,
|
|
117
|
-
s as
|
|
118
|
-
|
|
119
|
-
|
|
158
|
+
s as LongDescription,
|
|
159
|
+
g as LongInfoBlockDescription,
|
|
160
|
+
m as Playground,
|
|
161
|
+
r as Variants,
|
|
162
|
+
C as default
|
|
120
163
|
};
|
|
121
164
|
//# sourceMappingURL=AlertDialog.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialog.stories.js","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\n\r\nimport { AlertDialog } from './AlertDialog';\r\nimport { AlertDialogProps } from './AlertDialog.types';\r\nimport React from 'react';\r\nimport { Button } from '../Button';\r\n\r\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\r\n\r\nconst variants = ['confirm', 'alert', 'destructive'] as const;\r\n\r\nconst meta = {\r\n title: 'AlertDialog',\r\n component: AlertDialog,\r\n render: Template,\r\n argTypes: {\r\n open: {\r\n control: {\r\n type: 'boolean',\r\n },\r\n },\r\n variant: {\r\n name: 'variant',\r\n description: 'ButtonIcon variant',\r\n options: variants,\r\n control: {\r\n type: 'inline-radio',\r\n },\r\n },\r\n cancelLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n actionLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n title: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n description: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n },\r\n args: {\r\n variant: 'alert',\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n },\r\n} satisfies Meta<typeof AlertDialog>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Playground = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n />\r\n);\r\nPlayground.args = {\r\n trigger: 'Trigger text or ReactNode',\r\n variant: 'confirm',\r\n title: 'Dialog title...',\r\n description: 'Description text...',\r\n cancelLabel: 'Cancel label',\r\n actionLabel: 'Action label',\r\n}\r\n\r\nexport const Variants = (args: AlertDialogProps) => (\r\n <div className='flex gap-3'>\r\n {variants.map((variant) => (\r\n <AlertDialog\r\n key={variant}\r\n trigger={variant}\r\n {...args}\r\n variant={variant}\r\n />\r\n ))}\r\n </div>\r\n);\r\nVariants.parameters = {\r\n controls: {\r\n include: ['title', 'description', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\nVariants.args = {\r\n title: \"Dialog title\",\r\n description: \"Description text...\"\r\n}\r\n\r\nexport const FullControl = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n onOpenChange={(nextState) => console.log(nextState)}\r\n trigger={<Button variant=\"outline\">Control Trigger</Button>}\r\n header={<div>Custom Header</div>}\r\n footer={[\r\n <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\r\n <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\r\n ]}\r\n {...args}\r\n />\r\n);\r\nFullControl.parameters = {\r\n controls: {\r\n include: ['open'],\r\n },\r\n};\r\nFullControl.args = {\r\n open: false,\r\n}\r\n\r\n\r\nexport const FullContent = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n trigger={<Button variant=\"
|
|
1
|
+
{"version":3,"file":"AlertDialog.stories.js","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\n\r\nimport { AlertDialog } from './AlertDialog';\r\nimport { AlertDialogProps } from './AlertDialog.types';\r\nimport React from 'react';\r\nimport { Button } from '../Button';\r\nimport { InfoBlock } from '../InfoBlock';\r\n\r\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\r\n\r\nconst variants = ['confirm', 'alert', 'destructive'] as const;\r\n\r\nconst meta = {\r\n title: 'AlertDialog',\r\n component: AlertDialog,\r\n render: Template,\r\n argTypes: {\r\n open: {\r\n control: {\r\n type: 'boolean',\r\n },\r\n },\r\n variant: {\r\n name: 'variant',\r\n description: 'ButtonIcon variant',\r\n options: variants,\r\n control: {\r\n type: 'inline-radio',\r\n },\r\n },\r\n cancelLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n actionLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n title: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n description: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n },\r\n args: {\r\n variant: 'alert',\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n },\r\n} satisfies Meta<typeof AlertDialog>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Playground = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n />\r\n);\r\nPlayground.args = {\r\n trigger: 'Trigger text or ReactNode',\r\n variant: 'confirm',\r\n title: 'Dialog title...',\r\n description: 'Description text...',\r\n cancelLabel: 'Cancel label',\r\n actionLabel: 'Action label',\r\n}\r\n\r\nexport const Variants = (args: AlertDialogProps) => (\r\n <div className='flex gap-3'>\r\n {variants.map((variant) => (\r\n <AlertDialog\r\n key={variant}\r\n trigger={variant}\r\n {...args}\r\n variant={variant}\r\n />\r\n ))}\r\n </div>\r\n);\r\nVariants.parameters = {\r\n controls: {\r\n include: ['title', 'description', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\nVariants.args = {\r\n title: \"Dialog title\",\r\n description: \"Description text...\"\r\n}\r\n\r\nexport const FullControl = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n onOpenChange={(nextState) => console.log(nextState)}\r\n trigger={<Button variant=\"outline\">Control Trigger</Button>}\r\n header={<div>Custom Header</div>}\r\n footer={[\r\n <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\r\n <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\r\n ]}\r\n {...args}\r\n />\r\n);\r\nFullControl.parameters = {\r\n controls: {\r\n include: ['open'],\r\n },\r\n};\r\nFullControl.args = {\r\n open: false,\r\n}\r\n\r\n\r\nexport const FullContent = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n trigger={<Button variant=\"outlined\">Full Content Trigger</Button>}\r\n {...args}\r\n >\r\n Full Content...\r\n </AlertDialog>\r\n);\r\nFullContent.parameters = {\r\n controls: {\r\n include: [],\r\n },\r\n};\r\n\r\nconst LONG_UNBREAKABLE_STRING = 'a'.repeat(300);\r\n\r\nexport const LongDescription = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n trigger={<Button variant=\"outlined\">Long Description</Button>}\r\n />\r\n);\r\nLongDescription.args = {\r\n trigger: 'Long description',\r\n variant: 'confirm',\r\n title: 'Dialog title',\r\n description: LONG_UNBREAKABLE_STRING,\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n};\r\nLongDescription.parameters = {\r\n controls: {\r\n include: ['title', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\n\r\nexport const LongInfoBlockDescription = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n trigger={<Button variant=\"outlined\">Long InfoBlock Description</Button>}\r\n description={\r\n <InfoBlock content={LONG_UNBREAKABLE_STRING} />\r\n }\r\n />\r\n);\r\nLongInfoBlockDescription.args = {\r\n trigger: 'Long InfoBlock description',\r\n variant: 'confirm',\r\n title: 'Dialog title',\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n};\r\nLongInfoBlockDescription.parameters = {\r\n controls: {\r\n include: ['title', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent","LONG_UNBREAKABLE_STRING","LongDescription","LongInfoBlockDescription","InfoBlock"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAErF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3F;
|
|
1
|
+
{"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAErF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3F;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEzF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAY3F;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAmB3F;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY5D;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CASvF;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAanG;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACrB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { buttonVariants as d } from "../Button/buttonVariants.js";
|
|
|
5
5
|
function x(t) {
|
|
6
6
|
return /* @__PURE__ */ o(r.Root, { "data-slot": "alert-dialog", ...t });
|
|
7
7
|
}
|
|
8
|
-
function
|
|
8
|
+
function w(t) {
|
|
9
9
|
return /* @__PURE__ */ o(r.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
|
|
10
10
|
}
|
|
11
11
|
function m(t) {
|
|
@@ -25,7 +25,7 @@ function g(t) {
|
|
|
25
25
|
}
|
|
26
26
|
);
|
|
27
27
|
}
|
|
28
|
-
function
|
|
28
|
+
function N(t) {
|
|
29
29
|
const { className: a, ...e } = t;
|
|
30
30
|
return /* @__PURE__ */ c(m, { children: [
|
|
31
31
|
/* @__PURE__ */ o(g, {}),
|
|
@@ -35,7 +35,7 @@ function A(t) {
|
|
|
35
35
|
"data-slot": "alert-dialog-content",
|
|
36
36
|
className: l(
|
|
37
37
|
"fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]",
|
|
38
|
-
"grid w-full max-w-[calc(100%-2rem)] sm:max-w-
|
|
38
|
+
"grid w-full max-w-[calc(100%-2rem)] sm:max-w-md min-h-10 gap-4 p-6",
|
|
39
39
|
"bg-background border rounded-lg shadow-lg",
|
|
40
40
|
"overflow-x-hidden break-words",
|
|
41
41
|
"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 duration-200",
|
|
@@ -46,18 +46,18 @@ function A(t) {
|
|
|
46
46
|
)
|
|
47
47
|
] });
|
|
48
48
|
}
|
|
49
|
-
function
|
|
49
|
+
function A(t) {
|
|
50
50
|
const { className: a, ...e } = t;
|
|
51
51
|
return /* @__PURE__ */ o(
|
|
52
52
|
"div",
|
|
53
53
|
{
|
|
54
54
|
"data-slot": "alert-dialog-header",
|
|
55
|
-
className: l("flex flex-col gap-
|
|
55
|
+
className: l("flex flex-col gap-3 text-center sm:text-left min-w-0", a),
|
|
56
56
|
...e
|
|
57
57
|
}
|
|
58
58
|
);
|
|
59
59
|
}
|
|
60
|
-
function
|
|
60
|
+
function D(t) {
|
|
61
61
|
const { className: a, ...e } = t;
|
|
62
62
|
return /* @__PURE__ */ o(
|
|
63
63
|
"div",
|
|
@@ -71,29 +71,30 @@ function w(t) {
|
|
|
71
71
|
}
|
|
72
72
|
);
|
|
73
73
|
}
|
|
74
|
-
function
|
|
74
|
+
function h(t) {
|
|
75
75
|
const { className: a, ...e } = t;
|
|
76
76
|
return /* @__PURE__ */ o(
|
|
77
77
|
r.Title,
|
|
78
78
|
{
|
|
79
79
|
"data-slot": "alert-dialog-title",
|
|
80
|
-
className: l("text-lg font-semibold break-words", a),
|
|
80
|
+
className: l("min-w-0 text-lg font-semibold break-words min-h-10 flex items-center", a),
|
|
81
81
|
...e
|
|
82
82
|
}
|
|
83
83
|
);
|
|
84
84
|
}
|
|
85
85
|
function v(t) {
|
|
86
|
-
const { className: a,
|
|
86
|
+
const { className: a, children: e, ...s } = t;
|
|
87
87
|
return /* @__PURE__ */ o(
|
|
88
88
|
r.Description,
|
|
89
89
|
{
|
|
90
|
+
...s,
|
|
91
|
+
asChild: !0,
|
|
90
92
|
"data-slot": "alert-dialog-description",
|
|
91
|
-
className: l("text-muted-foreground text-sm whitespace-pre-wrap
|
|
92
|
-
...e
|
|
93
|
+
children: /* @__PURE__ */ o("div", { className: l("min-w-0 text-muted-foreground text-sm whitespace-pre-wrap [overflow-wrap:anywhere]", a), children: e })
|
|
93
94
|
}
|
|
94
95
|
);
|
|
95
96
|
}
|
|
96
|
-
function
|
|
97
|
+
function b(t) {
|
|
97
98
|
const { className: a, variant: e, size: s, color: n, ...i } = t;
|
|
98
99
|
return /* @__PURE__ */ o(
|
|
99
100
|
r.Action,
|
|
@@ -114,17 +115,17 @@ function y(t) {
|
|
|
114
115
|
);
|
|
115
116
|
}
|
|
116
117
|
export {
|
|
117
|
-
|
|
118
|
+
b as AlertDialogAction,
|
|
118
119
|
y as AlertDialogCancel,
|
|
119
|
-
|
|
120
|
+
N as AlertDialogContent,
|
|
120
121
|
v as AlertDialogDescription,
|
|
121
|
-
|
|
122
|
-
|
|
122
|
+
D as AlertDialogFooter,
|
|
123
|
+
A as AlertDialogHeader,
|
|
123
124
|
g as AlertDialogOverlay,
|
|
124
125
|
m as AlertDialogPortal,
|
|
125
126
|
r as AlertDialogPrimitive,
|
|
126
127
|
x as AlertDialogRoot,
|
|
127
|
-
|
|
128
|
-
|
|
128
|
+
h as AlertDialogTitle,
|
|
129
|
+
w as AlertDialogTrigger
|
|
129
130
|
};
|
|
130
131
|
//# sourceMappingURL=AlertDialogRoot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { ButtonProps, buttonVariants } from '../Button';\r\n\r\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\r\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\r\n}\r\n\r\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\r\n return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\r\n}\r\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\r\n return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\r\n}\r\n\r\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Overlay\r\n data-slot=\"alert-dialog-overlay\"\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay
|
|
1
|
+
{"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { ButtonProps, buttonVariants } from '../Button';\r\n\r\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\r\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\r\n}\r\n\r\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\r\n return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\r\n}\r\n\r\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\r\n return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\r\n}\r\n\r\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Overlay\r\n data-slot=\"alert-dialog-overlay\"\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay/>\r\n <AlertDialogPrimitive.Content\r\n data-slot=\"alert-dialog-content\"\r\n className={cn(\r\n 'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\r\n 'grid w-full max-w-[calc(100%-2rem)] sm:max-w-md min-h-10 gap-4 p-6',\r\n 'bg-background border rounded-lg shadow-lg',\r\n 'overflow-x-hidden break-words',\r\n '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 duration-200',\r\n className\r\n )}\r\n {...rest}\r\n />\r\n </AlertDialogPortal>\r\n )\r\n}\r\n\r\n\r\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\r\n const { className, ...rest } = props;\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-header\"\r\n className={cn(\"flex flex-col gap-3 text-center sm:text-left min-w-0\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\r\n const { className, ...rest } = props;\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-footer\"\r\n className={cn(\r\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Title\r\n data-slot=\"alert-dialog-title\"\r\n className={cn(\"min-w-0 text-lg font-semibold break-words min-h-10 flex items-center\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\r\n const { className, children, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Description\r\n {...rest}\r\n asChild\r\n data-slot=\"alert-dialog-description\"\r\n >\r\n <div className={cn(\"min-w-0 text-muted-foreground text-sm whitespace-pre-wrap [overflow-wrap:anywhere]\", className)}>\r\n {children}\r\n </div>\r\n </AlertDialogPrimitive.Description>\r\n )\r\n}\r\n\r\n\r\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\r\n const { className, variant, size, color, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Action\r\n className={cn(buttonVariants({ variant, size, color }), className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\r\n const { className, variant, color = 'secondary', size, ...rest } = props\r\n return (\r\n <AlertDialogPrimitive.Cancel\r\n className={cn(buttonVariants({ variant, size, color }), className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n AlertDialogRoot,\r\n AlertDialogPortal,\r\n AlertDialogOverlay,\r\n AlertDialogTrigger,\r\n AlertDialogContent,\r\n AlertDialogHeader,\r\n AlertDialogFooter,\r\n AlertDialogTitle,\r\n AlertDialogDescription,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogPrimitive\r\n};\r\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","children","AlertDialogAction","variant","size","color","buttonVariants","AlertDialogCancel"],"mappings":"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"}
|
package/Button/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+ClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,MAAM,uFA0ElB,CAAA;AAED,eAAe,MAAM,CAAC"}
|
package/Button/Button.js
CHANGED
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as I, Fragment as N, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import * as R from "react";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { LoadedIcon as
|
|
8
|
-
import { Tooltip as
|
|
9
|
-
const
|
|
10
|
-
const { variant:
|
|
11
|
-
if (
|
|
3
|
+
import { Slot as j } from "@radix-ui/react-slot";
|
|
4
|
+
import { cn as A } from "@oneplatformdev/utils";
|
|
5
|
+
import { buttonVariants as C } from "./buttonVariants.js";
|
|
6
|
+
import { renderInnerIcon as y } from "./Button.utils.js";
|
|
7
|
+
import { LoadedIcon as B } from "../LoadedIcon/LoadedIcon.js";
|
|
8
|
+
import { Tooltip as V } from "../Tooltip/Tooltip.js";
|
|
9
|
+
const E = (i) => {
|
|
10
|
+
const { variant: n, size: t, color: s } = i, e = { color: s, variant: n, size: t };
|
|
11
|
+
if (n === "default")
|
|
12
12
|
return console.warn('Button variant "default" is deprecated. Please use "variant=contained color=primary" instead.'), e.variant = "contained", e.color = "primary", e;
|
|
13
|
-
if (
|
|
13
|
+
if (t === "icon")
|
|
14
14
|
return console.warn('Button size "icon" is deprecated. Please use "<ButtonIcon/>" component instead.'), e.variant = "contained", e.color = "secondary", e;
|
|
15
|
-
if (
|
|
15
|
+
if (n === "transparent")
|
|
16
16
|
throw console.warn('Button variant "transparent" is removed. Please use "variant=none" instead.'), new Error('Button variant "transparent" is removed. Please use "variant=none" instead.');
|
|
17
|
-
return
|
|
18
|
-
},
|
|
19
|
-
(
|
|
17
|
+
return n === "outline" ? (console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), e.variant = "outlined", e.color = "primary", e) : n === "secondary" ? (console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), e.variant = "contained", e.color = "secondary", e) : (n === "destructive" && (console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), e.variant = "contained", e.color = "error"), e);
|
|
18
|
+
}, F = R.forwardRef(
|
|
19
|
+
(i, n) => {
|
|
20
20
|
const {
|
|
21
|
-
disabled:
|
|
21
|
+
disabled: t,
|
|
22
22
|
className: s,
|
|
23
23
|
variant: e,
|
|
24
24
|
color: h,
|
|
25
25
|
size: c,
|
|
26
|
-
asChild:
|
|
26
|
+
asChild: l = !1,
|
|
27
27
|
title: w = "",
|
|
28
28
|
tooltip: P,
|
|
29
29
|
tooltipProps: u = {},
|
|
30
30
|
message: g,
|
|
31
|
-
loading:
|
|
31
|
+
loading: o = !1,
|
|
32
32
|
children: p,
|
|
33
33
|
startAdornment: m,
|
|
34
|
-
endAdornment:
|
|
35
|
-
screenReader:
|
|
34
|
+
endAdornment: v,
|
|
35
|
+
screenReader: a,
|
|
36
36
|
...b
|
|
37
|
-
} =
|
|
38
|
-
!!m && /* @__PURE__ */
|
|
37
|
+
} = i, x = l ? j : "button", d = g || P || w, z = l ? p : /* @__PURE__ */ I(N, { children: [
|
|
38
|
+
!!m && /* @__PURE__ */ r(B, { loading: o, size: c, children: y(m) }),
|
|
39
39
|
p,
|
|
40
|
-
!!
|
|
41
|
-
!!
|
|
42
|
-
] }),
|
|
40
|
+
!!v && /* @__PURE__ */ r(B, { loading: o, size: c, children: y(v) }),
|
|
41
|
+
!!a && /* @__PURE__ */ r("span", { className: "sr-only", children: typeof a == "string" ? a : a.text })
|
|
42
|
+
] }), f = /* @__PURE__ */ r(
|
|
43
43
|
x,
|
|
44
44
|
{
|
|
45
45
|
type: "button",
|
|
46
|
-
ref:
|
|
47
|
-
disabled:
|
|
48
|
-
className:
|
|
49
|
-
|
|
50
|
-
...
|
|
46
|
+
ref: n,
|
|
47
|
+
disabled: t,
|
|
48
|
+
className: A(
|
|
49
|
+
C({
|
|
50
|
+
...E({ variant: e, size: c, color: h }),
|
|
51
51
|
className: s
|
|
52
52
|
}),
|
|
53
|
-
|
|
53
|
+
o && "pointer-events-none opacity-80 user-select-none"
|
|
54
54
|
),
|
|
55
55
|
...b,
|
|
56
56
|
children: z
|
|
57
57
|
}
|
|
58
58
|
);
|
|
59
|
-
return
|
|
60
|
-
|
|
59
|
+
return d ? /* @__PURE__ */ r(
|
|
60
|
+
V,
|
|
61
61
|
{
|
|
62
62
|
...u || {},
|
|
63
|
-
open: u.open ?? (
|
|
64
|
-
message:
|
|
65
|
-
children:
|
|
63
|
+
open: u.open ?? (t || o || !d) ? !1 : void 0,
|
|
64
|
+
message: d,
|
|
65
|
+
children: f
|
|
66
66
|
}
|
|
67
|
-
) :
|
|
67
|
+
) : f;
|
|
68
68
|
}
|
|
69
69
|
);
|
|
70
|
-
|
|
70
|
+
F.displayName = "Button";
|
|
71
71
|
export {
|
|
72
|
-
|
|
73
|
-
|
|
72
|
+
F as Button,
|
|
73
|
+
F as default
|
|
74
74
|
};
|
|
75
75
|
//# sourceMappingURL=Button.js.map
|