@pismo/marola 2.1.18 → 2.1.20
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/{Button-Bh6rpTyY.js → Button-BrEDdtHO.js} +2 -2
- package/dist/{ClickAwayListener-BjqhGzJh.js → ClickAwayListener-Z08peX_P.js} +3 -3
- package/dist/{Popup-aWlctE1C.js → Popup-Dffqo7wT.js} +3 -3
- package/dist/{Portal-Dc9ej3DW.js → Portal-DJapUCn6.js} +14 -13
- package/dist/{RadioButton.module-VF7v9SuY.js → RadioButton.module-RTKWJmma.js} +1 -1
- package/dist/{Toggle-DPXiwAx3.js → Toggle-SlvGYQKW.js} +48 -46
- package/dist/assets/Draggable.css +1 -0
- package/dist/{combineHooksSlotProps-CNWfgylM.js → combineHooksSlotProps-BhQ14uyD.js} +5 -5
- package/dist/components/Autocomplete/Autocomplete.js +38 -38
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Chip/Chip.js +6 -3
- package/dist/components/DatePicker/DatePicker.js +4 -4
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +4 -4
- package/dist/components/Draggable/Draggable.d.ts +47 -0
- package/dist/components/Draggable/Draggable.js +151 -0
- package/dist/components/Draggable/Draggable.spec.d.ts +1 -0
- package/dist/components/Draggable/Draggable.stories.d.ts +44 -0
- package/dist/components/Draggable/useDraggable.d.ts +20 -0
- package/dist/components/Draggable/useDraggable.js +11 -0
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/RadioButton/RadioButton.js +17 -15
- package/dist/components/RadioButton/RadioOption.js +13 -12
- package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
- package/dist/components/RowItem/RowItem.js +5 -3
- package/dist/components/Select/Select.js +5 -5
- package/dist/components/Snackbar/Snackbar.js +3 -3
- package/dist/components/Tabs/Tab.js +3 -3
- package/dist/components/Tabs/TabPanel.js +1 -1
- package/dist/components/Tabs/Tabs.js +3 -3
- package/dist/components/Toggle/Toggle.js +1 -1
- package/dist/components/ToggleGroup/Toggle.js +4 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +350 -119
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/contexts/DraggableProvider/DraggableProvider.d.ts +3 -0
- package/dist/contexts/DraggableProvider/DraggableProvider.js +6 -0
- package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
- package/dist/exactProp-SYjL19cU.js +13 -0
- package/dist/{index-Bppuplgd.js → index-1UpBa69h.js} +1361 -1372
- package/dist/main.d.ts +6 -0
- package/dist/main.js +123 -102
- package/dist/{ownerDocument-CXvpb_nj.js → ownerDocument-By592Iy6.js} +1 -1
- package/dist/react-BvI-Sw9b.js +509 -0
- package/dist/{useButton-B8Y1xR88.js → useButton-CezPDte8.js} +6 -6
- package/dist/{useList-9gbS2r78.js → useList-nqLfZem8.js} +2 -2
- package/dist/{useSlotProps-C7dqSmdM.js → useSlotProps-CYHDC4TN.js} +2 -2
- package/dist/utils/draggable.d.ts +8 -0
- package/dist/utils/draggable.js +30 -0
- package/dist/utils/draggable.test.d.ts +1 -0
- package/package.json +4 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as i } from "../Icon/Icon.js";
|
|
3
3
|
import { s as r } from "../../Dialog.module-BtKUNFVu.js";
|
|
4
|
-
import { B as s } from "../../Button-
|
|
4
|
+
import { B as s } from "../../Button-BrEDdtHO.js";
|
|
5
5
|
const n = ({ handleOnClose: t }) => /* @__PURE__ */ o(
|
|
6
6
|
s,
|
|
7
7
|
{
|
|
@@ -8,11 +8,11 @@ import ce from "./CloseIconButton.js";
|
|
|
8
8
|
import de from "./Content.js";
|
|
9
9
|
import { s as z } from "../../Dialog.module-BtKUNFVu.js";
|
|
10
10
|
import ee from "./DialogTitle.js";
|
|
11
|
-
import { u as te, P as l,
|
|
12
|
-
import { o as A, e as oe } from "../../ownerDocument-
|
|
11
|
+
import { u as te, P as l, _ as C, f as ue, g as fe, a as pe, b as be, c as G, d as he, e as me } from "../../useSlotProps-CYHDC4TN.js";
|
|
12
|
+
import { o as A, e as oe } from "../../ownerDocument-By592Iy6.js";
|
|
13
13
|
import { u as X } from "../../useEventCallback-BAQJJ3ye.js";
|
|
14
|
-
import { P as ge, H as Ee } from "../../Portal-
|
|
15
|
-
import { e as Te } from "../../
|
|
14
|
+
import { P as ge, H as Ee } from "../../Portal-DJapUCn6.js";
|
|
15
|
+
import { e as Te } from "../../exactProp-SYjL19cU.js";
|
|
16
16
|
function J(...e) {
|
|
17
17
|
return e.reduce((t, n) => n == null ? t : function(...s) {
|
|
18
18
|
t.apply(this, s), n.apply(this, s);
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type DraggableProps<T> = React.PropsWithChildren<{
|
|
3
|
+
/** Unique identifier for the draggable element */
|
|
4
|
+
id: string;
|
|
5
|
+
/** Callback when an item is dropped */
|
|
6
|
+
onDropItem?: (fromData: T, direction: 'up' | 'down') => void;
|
|
7
|
+
/** Callback when drag starts */
|
|
8
|
+
onDragStarted?: VoidFunction;
|
|
9
|
+
/** Callback when drag end */
|
|
10
|
+
onDragEnded?: VoidFunction;
|
|
11
|
+
/** Mode of the draggable, can be 'replace' or 'sort' */
|
|
12
|
+
mode?: 'replace' | 'sort';
|
|
13
|
+
/** Data associated with the draggable item */
|
|
14
|
+
data?: T;
|
|
15
|
+
/** Index of the draggable item */
|
|
16
|
+
index: number;
|
|
17
|
+
/** Force direction area to drag */
|
|
18
|
+
forceDirection?: 'up' | 'down';
|
|
19
|
+
/** If true, disables the draggable functionality */
|
|
20
|
+
noDraggable?: boolean;
|
|
21
|
+
/** Class name for the draggable element when dragging */
|
|
22
|
+
classNameElementDrag?: string;
|
|
23
|
+
/** Class name for the zone wrapper */
|
|
24
|
+
classNameZoneWrapper?: string;
|
|
25
|
+
/** Class name for the zone wrapper when dragging */
|
|
26
|
+
classNameZoneOnOverWrapper?: string;
|
|
27
|
+
/** Offset for the top zone to drop */
|
|
28
|
+
offsetZoneTopToDrop?: number | string;
|
|
29
|
+
/** Offset for the down zone to drop */
|
|
30
|
+
offsetZoneDownToDrop?: number | string;
|
|
31
|
+
/** Render area no draggable */
|
|
32
|
+
renderWithoutDrag?: React.ReactNode;
|
|
33
|
+
/** Data-testid for the draggable element */
|
|
34
|
+
['data-testid']?: string;
|
|
35
|
+
/** Data-testid for the zone wrapper */
|
|
36
|
+
['data-zone-testid']?: string;
|
|
37
|
+
/** Data-testid for the up zone */
|
|
38
|
+
['data-zone-up-testid']?: string;
|
|
39
|
+
/** Data-testid for the down zone */
|
|
40
|
+
['data-zone-down-testid']?: string;
|
|
41
|
+
/** Data-testid for the divider down */
|
|
42
|
+
['data-divider-down-testid']?: string;
|
|
43
|
+
/** Data-testid for the divider up */
|
|
44
|
+
['data-divider-up-testid']?: string;
|
|
45
|
+
}>;
|
|
46
|
+
export declare const Draggable: <T extends object>({ children, id, onDropItem, data, index, onDragStarted, onDragEnded, forceDirection, noDraggable, classNameElementDrag, classNameZoneWrapper, classNameZoneOnOverWrapper, offsetZoneTopToDrop, offsetZoneDownToDrop, ["data-testid"]: dataTestId, ["data-zone-testid"]: dataZoneTestId, ["data-zone-up-testid"]: dataZoneUpTestId, ["data-zone-down-testid"]: dataZoneDownTestId, ["data-divider-down-testid"]: dataDividerDownTestId, ["data-divider-up-testid"]: dataDividerUpTestId, mode, renderWithoutDrag, }: DraggableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
+
export {};
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { jsxs as p, jsx as b } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as K, useState as w, useMemo as N } from "react";
|
|
3
|
+
import { c as o } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { r as P } from "../../index-1UpBa69h.js";
|
|
5
|
+
import { useDraggable as Q } from "./useDraggable.js";
|
|
6
|
+
import '../../assets/Draggable.css';const e = {
|
|
7
|
+
"draggable-container": "_draggable-container_1muhu_1",
|
|
8
|
+
"draggable-container-draggable": "_draggable-container-draggable_1muhu_4",
|
|
9
|
+
"draggable-container-draggable-dragging": "_draggable-container-draggable-dragging_1muhu_7",
|
|
10
|
+
"draggable-zone": "_draggable-zone_1muhu_11",
|
|
11
|
+
"draggable-zone-to-drop": "_draggable-zone-to-drop_1muhu_15",
|
|
12
|
+
"draggable-zone-replace": "_draggable-zone-replace_1muhu_27",
|
|
13
|
+
"draggable-to-drop": "_draggable-to-drop_1muhu_32",
|
|
14
|
+
"draggable-to-drop-top": "_draggable-to-drop-top_1muhu_42",
|
|
15
|
+
"draggable-to-drop-down": "_draggable-to-drop-down_1muhu_46",
|
|
16
|
+
"draggable-to-drop-visible": "_draggable-to-drop-visible_1muhu_50"
|
|
17
|
+
}, ta = ({
|
|
18
|
+
children: V,
|
|
19
|
+
id: d,
|
|
20
|
+
onDropItem: h,
|
|
21
|
+
data: L,
|
|
22
|
+
index: s,
|
|
23
|
+
onDragStarted: z,
|
|
24
|
+
onDragEnded: m,
|
|
25
|
+
forceDirection: i,
|
|
26
|
+
noDraggable: n,
|
|
27
|
+
classNameElementDrag: l,
|
|
28
|
+
classNameZoneWrapper: j,
|
|
29
|
+
classNameZoneOnOverWrapper: I,
|
|
30
|
+
offsetZoneTopToDrop: x,
|
|
31
|
+
offsetZoneDownToDrop: y,
|
|
32
|
+
["data-testid"]: S,
|
|
33
|
+
["data-zone-testid"]: Y,
|
|
34
|
+
["data-zone-up-testid"]: C,
|
|
35
|
+
["data-zone-down-testid"]: F,
|
|
36
|
+
["data-divider-down-testid"]: M,
|
|
37
|
+
["data-divider-up-testid"]: R,
|
|
38
|
+
mode: _ = "sort",
|
|
39
|
+
renderWithoutDrag: U
|
|
40
|
+
}) => {
|
|
41
|
+
const u = K(null), [g, c] = w(!1), { setFromElement: W, fromElement: a } = Q(), [f, O] = w(!1), [v, T] = w(), Z = (t) => {
|
|
42
|
+
t.preventDefault();
|
|
43
|
+
const r = a == null ? void 0 : a.id;
|
|
44
|
+
u.current && (!r || r === d || c(!0));
|
|
45
|
+
}, k = () => {
|
|
46
|
+
c(!1);
|
|
47
|
+
}, q = () => {
|
|
48
|
+
c(!1), m && m(), O(!1);
|
|
49
|
+
}, A = () => {
|
|
50
|
+
if (n || d === (a == null ? void 0 : a.id)) return;
|
|
51
|
+
const t = () => {
|
|
52
|
+
const J = window.scrollY || window.pageYOffset;
|
|
53
|
+
P.flushSync(() => {
|
|
54
|
+
c(!1), h && h(a == null ? void 0 : a.data, v), setTimeout(() => {
|
|
55
|
+
window == null || window.scrollTo(0, J);
|
|
56
|
+
}, 100);
|
|
57
|
+
});
|
|
58
|
+
}, r = document;
|
|
59
|
+
typeof r.startViewTransition == "function" ? r.startViewTransition(t) : t();
|
|
60
|
+
}, B = () => {
|
|
61
|
+
var t;
|
|
62
|
+
W({
|
|
63
|
+
id: d,
|
|
64
|
+
data: L,
|
|
65
|
+
index: s
|
|
66
|
+
}), O(!0), z && z(), l && ((t = u.current) == null || t.classList.add(l)), setTimeout(() => {
|
|
67
|
+
var r;
|
|
68
|
+
l && ((r = u.current) == null || r.classList.remove(l));
|
|
69
|
+
}, 1);
|
|
70
|
+
}, D = N(() => {
|
|
71
|
+
if (i === "up" || !a) return !1;
|
|
72
|
+
const t = s;
|
|
73
|
+
return a.index != t + 1;
|
|
74
|
+
}, [s, a == null ? void 0 : a.index, i, f]), G = N(() => {
|
|
75
|
+
if (i === "down" || !a) return !1;
|
|
76
|
+
const t = s;
|
|
77
|
+
return a.index + 1 != t;
|
|
78
|
+
}, [s, a == null ? void 0 : a.index, i, f]), H = {
|
|
79
|
+
"--props-offset-zone-top-to-drop": x || "-10px",
|
|
80
|
+
"--props-offset-zone-down-to-drop": y || "20px"
|
|
81
|
+
};
|
|
82
|
+
return /* @__PURE__ */ p("div", { className: o(e["draggable-container"]), "data-testid": S, style: H, children: [
|
|
83
|
+
_ === "sort" && /* @__PURE__ */ b(
|
|
84
|
+
"div",
|
|
85
|
+
{
|
|
86
|
+
className: o(
|
|
87
|
+
e["draggable-to-drop"],
|
|
88
|
+
e["draggable-to-drop-top"],
|
|
89
|
+
g && v === "up" && e["draggable-to-drop-visible"]
|
|
90
|
+
),
|
|
91
|
+
"data-testid": R
|
|
92
|
+
}
|
|
93
|
+
),
|
|
94
|
+
/* @__PURE__ */ p(
|
|
95
|
+
"div",
|
|
96
|
+
{
|
|
97
|
+
className: o(
|
|
98
|
+
e["draggable-zone"],
|
|
99
|
+
j,
|
|
100
|
+
!n && g && _ == "replace" && e["draggable-zone-replace"],
|
|
101
|
+
!n && g && I
|
|
102
|
+
),
|
|
103
|
+
children: [
|
|
104
|
+
U,
|
|
105
|
+
/* @__PURE__ */ p(
|
|
106
|
+
"div",
|
|
107
|
+
{
|
|
108
|
+
id: d,
|
|
109
|
+
"data-testid": Y,
|
|
110
|
+
onDragOver: Z,
|
|
111
|
+
onDragLeave: k,
|
|
112
|
+
onDragEnd: q,
|
|
113
|
+
onDrop: A,
|
|
114
|
+
draggable: !n,
|
|
115
|
+
ref: u,
|
|
116
|
+
onDragStart: B,
|
|
117
|
+
className: o(
|
|
118
|
+
f && e["draggable-container-draggable-dragging"],
|
|
119
|
+
!n && e["draggable-container-draggable"]
|
|
120
|
+
),
|
|
121
|
+
style: {
|
|
122
|
+
viewTransitionName: d
|
|
123
|
+
},
|
|
124
|
+
children: [
|
|
125
|
+
g && /* @__PURE__ */ p("div", { className: o(e["draggable-zone-to-drop"]), children: [
|
|
126
|
+
G && /* @__PURE__ */ b("div", { "data-testid": C, onDragOver: () => T("up") }),
|
|
127
|
+
D && /* @__PURE__ */ b("div", { "data-testid": F, onDragOver: () => T("down") })
|
|
128
|
+
] }),
|
|
129
|
+
V
|
|
130
|
+
]
|
|
131
|
+
}
|
|
132
|
+
)
|
|
133
|
+
]
|
|
134
|
+
}
|
|
135
|
+
),
|
|
136
|
+
_ == "sort" && /* @__PURE__ */ b(
|
|
137
|
+
"div",
|
|
138
|
+
{
|
|
139
|
+
className: o(
|
|
140
|
+
e["draggable-to-drop"],
|
|
141
|
+
e["draggable-to-drop-down"],
|
|
142
|
+
g && v === "down" && e["draggable-to-drop-visible"]
|
|
143
|
+
),
|
|
144
|
+
"data-testid": M
|
|
145
|
+
}
|
|
146
|
+
)
|
|
147
|
+
] });
|
|
148
|
+
};
|
|
149
|
+
export {
|
|
150
|
+
ta as Draggable
|
|
151
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ children }: {
|
|
5
|
+
children?: import('react').ReactNode;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
};
|
|
11
|
+
subcomponents: {
|
|
12
|
+
Draggable: <T extends object>({ children, id, onDropItem, data, index, onDragStarted, onDragEnded, forceDirection, noDraggable, classNameElementDrag, classNameZoneWrapper, classNameZoneOnOverWrapper, offsetZoneTopToDrop, offsetZoneDownToDrop, ["data-testid"]: dataTestId, ["data-zone-testid"]: dataZoneTestId, ["data-zone-up-testid"]: dataZoneUpTestId, ["data-zone-down-testid"]: dataZoneDownTestId, ["data-divider-down-testid"]: dataDividerDownTestId, ["data-divider-up-testid"]: dataDividerUpTestId, mode, renderWithoutDrag, }: {
|
|
13
|
+
id: string;
|
|
14
|
+
onDropItem?: ((fromData: T, direction: "up" | "down") => void) | undefined;
|
|
15
|
+
onDragStarted?: VoidFunction | undefined;
|
|
16
|
+
onDragEnded?: VoidFunction | undefined;
|
|
17
|
+
mode?: "replace" | "sort" | undefined;
|
|
18
|
+
data?: T | undefined;
|
|
19
|
+
index: number;
|
|
20
|
+
forceDirection?: "up" | "down" | undefined;
|
|
21
|
+
noDraggable?: boolean | undefined;
|
|
22
|
+
classNameElementDrag?: string | undefined;
|
|
23
|
+
classNameZoneWrapper?: string | undefined;
|
|
24
|
+
classNameZoneOnOverWrapper?: string | undefined;
|
|
25
|
+
offsetZoneTopToDrop?: string | number | undefined;
|
|
26
|
+
offsetZoneDownToDrop?: string | number | undefined;
|
|
27
|
+
renderWithoutDrag?: import('react').ReactNode;
|
|
28
|
+
"data-testid"?: string | undefined;
|
|
29
|
+
"data-zone-testid"?: string | undefined;
|
|
30
|
+
"data-zone-up-testid"?: string | undefined;
|
|
31
|
+
"data-zone-down-testid"?: string | undefined;
|
|
32
|
+
"data-divider-down-testid"?: string | undefined;
|
|
33
|
+
"data-divider-up-testid"?: string | undefined;
|
|
34
|
+
} & {
|
|
35
|
+
children?: import('react').ReactNode;
|
|
36
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
export default meta;
|
|
40
|
+
type Story = StoryObj<typeof meta>;
|
|
41
|
+
export declare const ModeSort: Story;
|
|
42
|
+
export declare const ModeReplace: Story;
|
|
43
|
+
export declare const CustomArea: Story;
|
|
44
|
+
export declare const Multilevel: Story;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const useDraggable: () => {
|
|
2
|
+
fromElement: {
|
|
3
|
+
id: string;
|
|
4
|
+
data: object;
|
|
5
|
+
index: number;
|
|
6
|
+
} | null;
|
|
7
|
+
setFromElement: (args_0: {
|
|
8
|
+
id: string;
|
|
9
|
+
data: object;
|
|
10
|
+
index: number;
|
|
11
|
+
} | ((prev: {
|
|
12
|
+
id: string;
|
|
13
|
+
data: object;
|
|
14
|
+
index: number;
|
|
15
|
+
} | null) => {
|
|
16
|
+
id: string;
|
|
17
|
+
data: object;
|
|
18
|
+
index: number;
|
|
19
|
+
} | null) | null) => void;
|
|
20
|
+
};
|
|
@@ -22,7 +22,7 @@ declare const meta: {
|
|
|
22
22
|
open?: boolean | undefined;
|
|
23
23
|
onClose?: (() => void) | undefined;
|
|
24
24
|
content: import('react').ReactNode;
|
|
25
|
-
position?: import('@floating-ui/
|
|
25
|
+
position?: import('@floating-ui/react-dom').Placement | undefined;
|
|
26
26
|
disablePortal?: boolean | undefined;
|
|
27
27
|
arialRole?: import('react').AriaRole | undefined;
|
|
28
28
|
disableHoverListener?: boolean | undefined;
|
|
@@ -2,7 +2,7 @@ import { jsx as r, jsxs as c } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as d, useMemo as l } from "react";
|
|
3
3
|
import { c as j } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
|
|
5
|
-
import { B as x } from "../../Button-
|
|
5
|
+
import { B as x } from "../../Button-BrEDdtHO.js";
|
|
6
6
|
import '../../assets/IconButton.css';const o = {
|
|
7
7
|
"u-typography-h1": "_u-typography-h1_gt5j9_1",
|
|
8
8
|
"u-typography-h2": "_u-typography-h2_gt5j9_8",
|
|
@@ -5,7 +5,7 @@ import { formatDecimalValue as ue, allowOnlyIntegerNumbers as be, allowOnlyNumbe
|
|
|
5
5
|
import { c as U } from "../../clsx-OuTLNxxd.js";
|
|
6
6
|
import { Icon as we } from "../Icon/Icon.js";
|
|
7
7
|
import { Typography as re } from "../Typography/Typography.js";
|
|
8
|
-
import { g as ye, a as Ne, u as Ce, f as ie,
|
|
8
|
+
import { g as ye, a as Ne, u as Ce, f as ie, _ as x, b as ve, c as se, i as xe, d as Pe, e as Re, P as n } from "../../useSlotProps-CYHDC4TN.js";
|
|
9
9
|
import '../../assets/Input.css';function Ee(u) {
|
|
10
10
|
let s = "https://mui.com/production-error/?code=" + u;
|
|
11
11
|
for (let m = 1; m < arguments.length; m += 1)
|
|
@@ -4,8 +4,8 @@ import { s as v } from "../../Popover.module-B4boCutS.js";
|
|
|
4
4
|
import { PopoverBody as l } from "./PopoverBody.js";
|
|
5
5
|
import { PopoverFooter as n } from "./PopoverFooter.js";
|
|
6
6
|
import { PopoverHeader as P } from "./PopoverHeader.js";
|
|
7
|
-
import { P as y } from "../../Popup-
|
|
8
|
-
import { C as h } from "../../ClickAwayListener-
|
|
7
|
+
import { P as y } from "../../Popup-Dffqo7wT.js";
|
|
8
|
+
import { C as h } from "../../ClickAwayListener-Z08peX_P.js";
|
|
9
9
|
const r = ({
|
|
10
10
|
anchorRef: t,
|
|
11
11
|
open: m,
|
|
@@ -7,9 +7,11 @@ import { Typography as Me } from "../Typography/Typography.js";
|
|
|
7
7
|
import "../Input/Input.js";
|
|
8
8
|
import "../Avatar/Avatar.js";
|
|
9
9
|
import "../Button/Button.js";
|
|
10
|
-
import "../../Toggle-
|
|
10
|
+
import "../../Toggle-SlvGYQKW.js";
|
|
11
11
|
import "../Dialog/Dialog.js";
|
|
12
12
|
import "../DatePicker/DatePicker.js";
|
|
13
|
+
import { r as Te } from "../../index-1UpBa69h.js";
|
|
14
|
+
import "../Draggable/useDraggable.js";
|
|
13
15
|
import "../IconButton/IconButton.js";
|
|
14
16
|
import "../InputSearch/InputSearch.js";
|
|
15
17
|
import "../Select/Select.js";
|
|
@@ -18,9 +20,9 @@ import "../Table/Table.js";
|
|
|
18
20
|
import "../Tabs/Tabs.js";
|
|
19
21
|
import "../../Group-DJz1rK2n.js";
|
|
20
22
|
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
21
|
-
import
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
23
|
+
import "../../utils/iconsList.js";
|
|
24
|
+
import { u as ne, C as xe, e as Y, b as oe, m as G, D as _e, c as Ae, g as Pe, h as ce, j as ke, r as ve, R as He, i as Ke, s as P } from "../../RadioButton.module-RTKWJmma.js";
|
|
25
|
+
import { P as d } from "../../useSlotProps-CYHDC4TN.js";
|
|
24
26
|
const Le = Object.is;
|
|
25
27
|
function Ge(e, t) {
|
|
26
28
|
if (e === t)
|
|
@@ -80,7 +82,7 @@ function de(e) {
|
|
|
80
82
|
elementsRef: o,
|
|
81
83
|
labelsRef: r
|
|
82
84
|
}), [g, a, u, o, r]);
|
|
83
|
-
return /* @__PURE__ */ V(
|
|
85
|
+
return /* @__PURE__ */ V(xe.Provider, {
|
|
84
86
|
value: p,
|
|
85
87
|
children: t
|
|
86
88
|
});
|
|
@@ -381,7 +383,7 @@ function Ce(e, t) {
|
|
|
381
383
|
}
|
|
382
384
|
};
|
|
383
385
|
}
|
|
384
|
-
const ft = Object.keys(
|
|
386
|
+
const ft = Object.keys(_e);
|
|
385
387
|
function gt() {
|
|
386
388
|
const {
|
|
387
389
|
setValidityData: e,
|
|
@@ -473,7 +475,7 @@ function ht(e) {
|
|
|
473
475
|
id: g,
|
|
474
476
|
controlRef: a,
|
|
475
477
|
commitValidation: p
|
|
476
|
-
} = e, s =
|
|
478
|
+
} = e, s = Ae(e.getValue);
|
|
477
479
|
ne(() => {
|
|
478
480
|
var c;
|
|
479
481
|
let i = l;
|
|
@@ -488,7 +490,7 @@ function ht(e) {
|
|
|
488
490
|
validate() {
|
|
489
491
|
var c;
|
|
490
492
|
let i = l;
|
|
491
|
-
i === void 0 && (i = (c = s.current) == null ? void 0 : c.call(s)), r.current = !0,
|
|
493
|
+
i === void 0 && (i = (c = s.current) == null ? void 0 : c.call(s)), r.current = !0, Te.flushSync(() => p(i));
|
|
492
494
|
}
|
|
493
495
|
});
|
|
494
496
|
}, [p, a, t, s, g, o, r, n, l]);
|
|
@@ -507,7 +509,7 @@ function mt(e) {
|
|
|
507
509
|
rootRef: p,
|
|
508
510
|
enableHomeAndEndKeys: s = !1,
|
|
509
511
|
stopEventPropagation: i = !1
|
|
510
|
-
} = e, [c, m] = f.useState(0), y = o > 1, C = g ?? c, R = oe(a ?? m), E = f.useRef(l ?? null), O = f.useRef(null), I =
|
|
512
|
+
} = e, [c, m] = f.useState(0), y = o > 1, C = g ?? c, R = oe(a ?? m), E = f.useRef(l ?? null), O = f.useRef(null), I = Pe(O, p), h = f.useRef([]), M = f.useCallback((X = {}) => G(X, {
|
|
511
513
|
"aria-orientation": u === "both" ? void 0 : u,
|
|
512
514
|
ref: I,
|
|
513
515
|
onKeyDown(w) {
|
|
@@ -630,7 +632,7 @@ function Ee(e) {
|
|
|
630
632
|
highlightedIndex: E,
|
|
631
633
|
onHighlightedIndexChange: O
|
|
632
634
|
}), [E, O]);
|
|
633
|
-
return /* @__PURE__ */ V(
|
|
635
|
+
return /* @__PURE__ */ V(ke.Provider, {
|
|
634
636
|
value: M,
|
|
635
637
|
children: /* @__PURE__ */ V(de, {
|
|
636
638
|
elementsRef: I,
|
|
@@ -706,7 +708,7 @@ process.env.NODE_ENV !== "production" && (Ee.propTypes = {
|
|
|
706
708
|
/**
|
|
707
709
|
* @ignore
|
|
708
710
|
*/
|
|
709
|
-
rootRef:
|
|
711
|
+
rootRef: ve,
|
|
710
712
|
/**
|
|
711
713
|
* @ignore
|
|
712
714
|
*/
|
|
@@ -804,9 +806,9 @@ const Re = /* @__PURE__ */ f.forwardRef(function(t, o) {
|
|
|
804
806
|
className: n,
|
|
805
807
|
state: E,
|
|
806
808
|
extraProps: s,
|
|
807
|
-
customStyleHookMapping:
|
|
809
|
+
customStyleHookMapping: Ke
|
|
808
810
|
});
|
|
809
|
-
return /* @__PURE__ */ le(
|
|
811
|
+
return /* @__PURE__ */ le(He.Provider, {
|
|
810
812
|
value: O,
|
|
811
813
|
children: [/* @__PURE__ */ V(Ee, {
|
|
812
814
|
direction: i,
|
|
@@ -874,7 +876,7 @@ process.env.NODE_ENV !== "production" && (Re.propTypes = {
|
|
|
874
876
|
*/
|
|
875
877
|
value: d.any
|
|
876
878
|
});
|
|
877
|
-
const
|
|
879
|
+
const zt = ({
|
|
878
880
|
className: e,
|
|
879
881
|
name: t,
|
|
880
882
|
label: o,
|
|
@@ -915,5 +917,5 @@ const Lt = ({
|
|
|
915
917
|
] });
|
|
916
918
|
};
|
|
917
919
|
export {
|
|
918
|
-
|
|
920
|
+
zt as RadioButton
|
|
919
921
|
};
|
|
@@ -6,20 +6,21 @@ import * as a from "react";
|
|
|
6
6
|
import "../Input/Input.js";
|
|
7
7
|
import "../Avatar/Avatar.js";
|
|
8
8
|
import "../Button/Button.js";
|
|
9
|
-
import "../../Toggle-
|
|
9
|
+
import "../../Toggle-SlvGYQKW.js";
|
|
10
10
|
import "../Dialog/Dialog.js";
|
|
11
11
|
import "../DatePicker/DatePicker.js";
|
|
12
|
+
import { r as j } from "../../index-1UpBa69h.js";
|
|
13
|
+
import "../Draggable/useDraggable.js";
|
|
12
14
|
import "../IconButton/IconButton.js";
|
|
13
15
|
import "../InputSearch/InputSearch.js";
|
|
14
16
|
import "../Select/Select.js";
|
|
15
17
|
import "../Popover/Popover.js";
|
|
16
|
-
import { u as v, a as
|
|
18
|
+
import { u as v, a as U, b as E, c as z, d as w, e as F, m as I, f as q, g as V, h as M, r as J, i as Q, N as W, s as N } from "../../RadioButton.module-RTKWJmma.js";
|
|
17
19
|
import "../Table/Table.js";
|
|
18
20
|
import "../Tabs/Tabs.js";
|
|
19
21
|
import "../../Group-DJz1rK2n.js";
|
|
20
22
|
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
21
|
-
import { P as s } from "../../useSlotProps-
|
|
22
|
-
import { r as W } from "../../index-Bppuplgd.js";
|
|
23
|
+
import { P as s } from "../../useSlotProps-CYHDC4TN.js";
|
|
23
24
|
function X(r, e = !1) {
|
|
24
25
|
const [n, o] = a.useState(), [t, d] = a.useState(r);
|
|
25
26
|
return r && !t && (d(!0), n !== "starting" && !e && o("starting")), !r && t && n !== "ending" && o("ending"), !r && !t && n === "ending" && o(void 0), v(() => {
|
|
@@ -48,7 +49,7 @@ function Y(r = {}) {
|
|
|
48
49
|
map: d,
|
|
49
50
|
elementsRef: i,
|
|
50
51
|
labelsRef: u
|
|
51
|
-
} =
|
|
52
|
+
} = U(), [l, m] = a.useState(null), f = a.useRef(null), R = a.useCallback((c) => {
|
|
52
53
|
if (f.current = c, l !== null && (i.current[l] = c, u)) {
|
|
53
54
|
const h = e !== void 0;
|
|
54
55
|
u.current[l] = h ? e : (c == null ? void 0 : c.textContent) ?? null;
|
|
@@ -88,7 +89,7 @@ function te(r, e = !1) {
|
|
|
88
89
|
i && (typeof i.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED ? d() : n.current = requestAnimationFrame(() => {
|
|
89
90
|
function u() {
|
|
90
91
|
i && Promise.allSettled(i.getAnimations().map((l) => l.finished)).then(() => {
|
|
91
|
-
|
|
92
|
+
j.flushSync(d);
|
|
92
93
|
});
|
|
93
94
|
}
|
|
94
95
|
e ? o.current = window.setTimeout(u) : u();
|
|
@@ -100,7 +101,7 @@ function ne(r) {
|
|
|
100
101
|
open: e,
|
|
101
102
|
ref: n,
|
|
102
103
|
onComplete: o
|
|
103
|
-
} = r, t =
|
|
104
|
+
} = r, t = z(e), d = E(o), i = te(n, e);
|
|
104
105
|
v(() => {
|
|
105
106
|
i(() => {
|
|
106
107
|
e === t.current && d();
|
|
@@ -256,7 +257,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
|
|
|
256
257
|
/**
|
|
257
258
|
* @ignore
|
|
258
259
|
*/
|
|
259
|
-
itemRef:
|
|
260
|
+
itemRef: J,
|
|
260
261
|
/**
|
|
261
262
|
* @ignore
|
|
262
263
|
*/
|
|
@@ -278,7 +279,7 @@ const H = {
|
|
|
278
279
|
};
|
|
279
280
|
},
|
|
280
281
|
...ee,
|
|
281
|
-
...
|
|
282
|
+
...Q
|
|
282
283
|
}, G = /* @__PURE__ */ a.forwardRef(function(e, n) {
|
|
283
284
|
const {
|
|
284
285
|
render: o,
|
|
@@ -322,7 +323,7 @@ const H = {
|
|
|
322
323
|
});
|
|
323
324
|
return /* @__PURE__ */ A(D.Provider, {
|
|
324
325
|
value: O,
|
|
325
|
-
children: [c ===
|
|
326
|
+
children: [c === W ? S() : /* @__PURE__ */ k(_, {
|
|
326
327
|
render: S()
|
|
327
328
|
}), /* @__PURE__ */ k("input", {
|
|
328
329
|
...T()
|
|
@@ -427,7 +428,7 @@ process.env.NODE_ENV !== "production" && (L.propTypes = {
|
|
|
427
428
|
*/
|
|
428
429
|
render: s.oneOfType([s.element, s.func])
|
|
429
430
|
});
|
|
430
|
-
const
|
|
431
|
+
const Ie = ({ label: r, value: e, disabled: n, "data-testid": o }) => {
|
|
431
432
|
const t = B(N["radio-label"], n && N["radio-label__disabled"]);
|
|
432
433
|
return /* @__PURE__ */ A("label", { className: N.option, "data-testid": o, children: [
|
|
433
434
|
/* @__PURE__ */ k(G, { disabled: n, value: e, className: N.radio, children: /* @__PURE__ */ k(L, { className: N.indicator }) }),
|
|
@@ -435,5 +436,5 @@ const Ee = ({ label: r, value: e, disabled: n, "data-testid": o }) => {
|
|
|
435
436
|
] });
|
|
436
437
|
};
|
|
437
438
|
export {
|
|
438
|
-
|
|
439
|
+
Ie as RadioOption
|
|
439
440
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { C as t } from "../../Toggle-
|
|
2
|
+
import { C as t } from "../../Toggle-SlvGYQKW.js";
|
|
3
3
|
import '../../assets/ResultWithChips.css';const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
|
|
4
4
|
container: r,
|
|
5
5
|
"chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
|
|
@@ -7,9 +7,11 @@ import "../Typography/Typography.js";
|
|
|
7
7
|
import "../Input/Input.js";
|
|
8
8
|
import "../Avatar/Avatar.js";
|
|
9
9
|
import "../Button/Button.js";
|
|
10
|
-
import { R as
|
|
10
|
+
import { R as n, R as q } from "../../Toggle-SlvGYQKW.js";
|
|
11
11
|
import "../Dialog/Dialog.js";
|
|
12
12
|
import "../DatePicker/DatePicker.js";
|
|
13
|
+
import "../../index-1UpBa69h.js";
|
|
14
|
+
import "../Draggable/useDraggable.js";
|
|
13
15
|
import "../IconButton/IconButton.js";
|
|
14
16
|
import "../InputSearch/InputSearch.js";
|
|
15
17
|
import "../Select/Select.js";
|
|
@@ -19,6 +21,6 @@ import "../Tabs/Tabs.js";
|
|
|
19
21
|
import "../../Group-DJz1rK2n.js";
|
|
20
22
|
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
21
23
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
n as RowItem,
|
|
25
|
+
q as default
|
|
24
26
|
};
|
|
@@ -6,13 +6,13 @@ import { Checkbox as Qe } from "../Checkbox/Checkbox.js";
|
|
|
6
6
|
import { Icon as Xe } from "../Icon/Icon.js";
|
|
7
7
|
import { Typography as _e } from "../Typography/Typography.js";
|
|
8
8
|
import { s as y, S as Ye } from "../../SelectButton-k61YYjLu.js";
|
|
9
|
-
import { g as we, a as Ie, u as ee, f as se,
|
|
10
|
-
import { P as Ze } from "../../Popup-
|
|
11
|
-
import { u as et, c as ae, a as Se, L as Z } from "../../combineHooksSlotProps-
|
|
9
|
+
import { g as we, a as Ie, u as ee, f as se, _ as g, b as Ne, c as re, d as ke, e as Me, P as l } from "../../useSlotProps-CYHDC4TN.js";
|
|
10
|
+
import { P as Ze } from "../../Popup-Dffqo7wT.js";
|
|
11
|
+
import { u as et, c as ae, a as Se, L as Z } from "../../combineHooksSlotProps-BhQ14uyD.js";
|
|
12
12
|
import { u as tt, a as ot, C as nt } from "../../useCompoundItem-B7Eo_qZk.js";
|
|
13
|
-
import { m as Re, h as lt, l as st, u as rt } from "../../useList-
|
|
13
|
+
import { m as Re, h as lt, l as st, u as rt } from "../../useList-nqLfZem8.js";
|
|
14
14
|
import { u as Te } from "../../useId-BW-oWmul.js";
|
|
15
|
-
import { u as Le } from "../../useButton-
|
|
15
|
+
import { u as Le } from "../../useButton-CezPDte8.js";
|
|
16
16
|
import { u as at } from "../../useEnhancedEffect-CJGo-L3B.js";
|
|
17
17
|
const it = {
|
|
18
18
|
border: 0,
|
|
@@ -4,11 +4,11 @@ import S, { useState as V, useRef as X } from "react";
|
|
|
4
4
|
import { c as R } from "../../clsx-OuTLNxxd.js";
|
|
5
5
|
import { Icon as K } from "../Icon/Icon.js";
|
|
6
6
|
import { Text as $ } from "../Typography/Typography.js";
|
|
7
|
-
import { g as z, a as J,
|
|
7
|
+
import { g as z, a as J, _ as D, f as H, b as j, c as U, d as Q, e as Z, P as n } from "../../useSlotProps-CYHDC4TN.js";
|
|
8
8
|
import { u as ee } from "../../useTimeout-DxF9kiZL.js";
|
|
9
9
|
import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
|
|
10
|
-
import { C as B } from "../../ClickAwayListener-
|
|
11
|
-
import { R as P } from "../../index-
|
|
10
|
+
import { C as B } from "../../ClickAwayListener-Z08peX_P.js";
|
|
11
|
+
import { R as P } from "../../index-1UpBa69h.js";
|
|
12
12
|
import '../../assets/Snackbar.css';const W = "Snackbar";
|
|
13
13
|
function te(u) {
|
|
14
14
|
return z(W, u);
|
|
@@ -5,10 +5,10 @@ import { c as x } from "../../clsx-OuTLNxxd.js";
|
|
|
5
5
|
import { Icon as O } from "../Icon/Icon.js";
|
|
6
6
|
import { Skeleton as D } from "../Skeleton/Skeleton.js";
|
|
7
7
|
import { u as L, T as W, s as o } from "../../Tabs.module-DyJgAZt8.js";
|
|
8
|
-
import { g as $, a as q, u as E, f as A,
|
|
9
|
-
import { u as X, c as Y } from "../../combineHooksSlotProps-
|
|
8
|
+
import { g as $, a as q, u as E, f as A, _ as h, b as G, c as J, d as K, e as Q, P as e } from "../../useSlotProps-CYHDC4TN.js";
|
|
9
|
+
import { u as X, c as Y } from "../../combineHooksSlotProps-BhQ14uyD.js";
|
|
10
10
|
import { u as Z } from "../../useId-BW-oWmul.js";
|
|
11
|
-
import { u as ee } from "../../useButton-
|
|
11
|
+
import { u as ee } from "../../useButton-CezPDte8.js";
|
|
12
12
|
import { u as te } from "../../useCompoundItem-B7Eo_qZk.js";
|
|
13
13
|
const F = "Tab";
|
|
14
14
|
function se(a) {
|
|
@@ -3,7 +3,7 @@ import * as P from "react";
|
|
|
3
3
|
import { forwardRef as v } from "react";
|
|
4
4
|
import { c as y } from "../../clsx-OuTLNxxd.js";
|
|
5
5
|
import { u as x, s as C } from "../../Tabs.module-DyJgAZt8.js";
|
|
6
|
-
import { g as N, a as _, u as w, b,
|
|
6
|
+
import { g as N, a as _, u as w, _ as b, b as O, c as E, d as I, e as S, P as o } from "../../useSlotProps-CYHDC4TN.js";
|
|
7
7
|
import { u as U } from "../../useId-BW-oWmul.js";
|
|
8
8
|
import { u as j } from "../../useCompoundItem-B7Eo_qZk.js";
|
|
9
9
|
const h = "TabPanel";
|