@simplysm/solid 13.0.55 → 13.0.56
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/README.md +3 -1
- package/dist/components/data/crud-detail/CrudDetail.d.ts +14 -0
- package/dist/components/data/crud-detail/CrudDetail.d.ts.map +1 -0
- package/dist/components/data/crud-detail/CrudDetail.js +348 -0
- package/dist/components/data/crud-detail/CrudDetail.js.map +6 -0
- package/dist/components/data/crud-detail/CrudDetailAfter.d.ts +7 -0
- package/dist/components/data/crud-detail/CrudDetailAfter.d.ts.map +1 -0
- package/dist/components/data/crud-detail/CrudDetailAfter.js +14 -0
- package/dist/components/data/crud-detail/CrudDetailAfter.js.map +6 -0
- package/dist/components/data/crud-detail/CrudDetailBefore.d.ts +7 -0
- package/dist/components/data/crud-detail/CrudDetailBefore.d.ts.map +1 -0
- package/dist/components/data/crud-detail/CrudDetailBefore.js +14 -0
- package/dist/components/data/crud-detail/CrudDetailBefore.js.map +6 -0
- package/dist/components/data/crud-detail/CrudDetailTools.d.ts +7 -0
- package/dist/components/data/crud-detail/CrudDetailTools.d.ts.map +1 -0
- package/dist/components/data/crud-detail/CrudDetailTools.js +14 -0
- package/dist/components/data/crud-detail/CrudDetailTools.js.map +6 -0
- package/dist/components/data/crud-detail/types.d.ts +45 -0
- package/dist/components/data/crud-detail/types.d.ts.map +1 -0
- package/dist/components/data/crud-detail/types.js +1 -0
- package/dist/components/data/crud-detail/types.js.map +6 -0
- package/dist/components/data/crud-sheet/CrudSheet.d.ts +17 -0
- package/dist/components/data/crud-sheet/CrudSheet.d.ts.map +1 -0
- package/dist/components/data/crud-sheet/CrudSheet.js +679 -0
- package/dist/components/data/crud-sheet/CrudSheet.js.map +6 -0
- package/dist/components/data/crud-sheet/CrudSheetColumn.d.ts +5 -0
- package/dist/components/data/crud-sheet/CrudSheetColumn.d.ts.map +1 -0
- package/dist/components/data/crud-sheet/CrudSheetColumn.js +29 -0
- package/dist/components/data/crud-sheet/CrudSheetColumn.js.map +6 -0
- package/dist/components/data/crud-sheet/CrudSheetFilter.d.ts +7 -0
- package/dist/components/data/crud-sheet/CrudSheetFilter.d.ts.map +1 -0
- package/dist/components/data/crud-sheet/CrudSheetFilter.js +14 -0
- package/dist/components/data/crud-sheet/CrudSheetFilter.js.map +6 -0
- package/dist/components/data/crud-sheet/CrudSheetHeader.d.ts +7 -0
- package/dist/components/data/crud-sheet/CrudSheetHeader.d.ts.map +1 -0
- package/dist/components/data/crud-sheet/CrudSheetHeader.js +14 -0
- package/dist/components/data/crud-sheet/CrudSheetHeader.js.map +6 -0
- package/dist/components/data/crud-sheet/CrudSheetTools.d.ts +7 -0
- package/dist/components/data/crud-sheet/CrudSheetTools.d.ts.map +1 -0
- package/dist/components/data/crud-sheet/CrudSheetTools.js +14 -0
- package/dist/components/data/crud-sheet/CrudSheetTools.js.map +6 -0
- package/dist/components/data/crud-sheet/types.d.ts +109 -0
- package/dist/components/data/crud-sheet/types.d.ts.map +1 -0
- package/dist/components/data/crud-sheet/types.js +1 -0
- package/dist/components/data/crud-sheet/types.js.map +6 -0
- package/dist/components/data/kanban/Kanban.d.ts.map +1 -1
- package/dist/components/data/kanban/Kanban.js +137 -138
- package/dist/components/data/kanban/Kanban.js.map +2 -2
- package/dist/components/data/kanban/KanbanContext.d.ts +5 -1
- package/dist/components/data/kanban/KanbanContext.d.ts.map +1 -1
- package/dist/components/data/kanban/KanbanContext.js.map +1 -1
- package/dist/components/data/list/ListItem.d.ts.map +1 -1
- package/dist/components/data/list/ListItem.js +109 -99
- package/dist/components/data/list/ListItem.js.map +2 -2
- package/dist/components/data/sheet/DataSheet.js +1 -1
- package/dist/components/data/sheet/DataSheet.js.map +2 -2
- package/dist/components/data/sheet/DataSheet.styles.d.ts.map +1 -1
- package/dist/components/data/sheet/DataSheet.styles.js +1 -1
- package/dist/components/data/sheet/DataSheet.styles.js.map +1 -1
- package/dist/components/disclosure/Dialog.d.ts +16 -10
- package/dist/components/disclosure/Dialog.d.ts.map +1 -1
- package/dist/components/disclosure/Dialog.js +126 -91
- package/dist/components/disclosure/Dialog.js.map +2 -2
- package/dist/components/disclosure/DialogContext.d.ts +2 -4
- package/dist/components/disclosure/DialogContext.d.ts.map +1 -1
- package/dist/components/disclosure/DialogContext.js.map +1 -1
- package/dist/components/disclosure/DialogProvider.d.ts.map +1 -1
- package/dist/components/disclosure/DialogProvider.js +14 -9
- package/dist/components/disclosure/DialogProvider.js.map +2 -2
- package/dist/components/disclosure/Dropdown.d.ts +46 -22
- package/dist/components/disclosure/Dropdown.d.ts.map +1 -1
- package/dist/components/disclosure/Dropdown.js +100 -65
- package/dist/components/disclosure/Dropdown.js.map +2 -2
- package/dist/components/feedback/notification/NotificationBanner.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationBanner.js +3 -3
- package/dist/components/feedback/notification/NotificationBanner.js.map +1 -1
- package/dist/components/feedback/notification/NotificationBell.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationBell.js +84 -84
- package/dist/components/feedback/notification/NotificationBell.js.map +2 -2
- package/dist/components/form-control/combobox/Combobox.d.ts +6 -3
- package/dist/components/form-control/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/form-control/combobox/Combobox.js +150 -168
- package/dist/components/form-control/combobox/Combobox.js.map +2 -2
- package/dist/components/form-control/combobox/ComboboxContext.d.ts +3 -0
- package/dist/components/form-control/combobox/ComboboxContext.d.ts.map +1 -1
- package/dist/components/form-control/combobox/ComboboxContext.js.map +1 -1
- package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts +0 -2
- package/dist/components/form-control/date-range-picker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/form-control/date-range-picker/DateRangePicker.js +9 -17
- package/dist/components/form-control/date-range-picker/DateRangePicker.js.map +2 -2
- package/dist/components/form-control/field/Field.styles.d.ts.map +1 -1
- package/dist/components/form-control/field/Field.styles.js +2 -1
- package/dist/components/form-control/field/Field.styles.js.map +1 -1
- package/dist/components/form-control/field/NumberInput.d.ts +15 -5
- package/dist/components/form-control/field/NumberInput.d.ts.map +1 -1
- package/dist/components/form-control/field/NumberInput.js +181 -141
- package/dist/components/form-control/field/NumberInput.js.map +2 -2
- package/dist/components/form-control/field/TextInput.d.ts +9 -5
- package/dist/components/form-control/field/TextInput.d.ts.map +1 -1
- package/dist/components/form-control/field/TextInput.js +199 -154
- package/dist/components/form-control/field/TextInput.js.map +2 -2
- package/dist/components/form-control/select/Select.d.ts +3 -3
- package/dist/components/form-control/select/Select.d.ts.map +1 -1
- package/dist/components/form-control/select/Select.js +116 -100
- package/dist/components/form-control/select/Select.js.map +2 -2
- package/dist/components/form-control/select/SelectContext.d.ts +9 -1
- package/dist/components/form-control/select/SelectContext.d.ts.map +1 -1
- package/dist/components/form-control/select/SelectContext.js.map +1 -1
- package/dist/components/form-control/select/SelectItem.d.ts.map +1 -1
- package/dist/components/form-control/select/SelectItem.js +77 -67
- package/dist/components/form-control/select/SelectItem.js.map +2 -2
- package/dist/components/layout/topbar/TopbarMenu.d.ts.map +1 -1
- package/dist/components/layout/topbar/TopbarMenu.js +63 -57
- package/dist/components/layout/topbar/TopbarMenu.js.map +2 -2
- package/dist/components/layout/topbar/TopbarUser.d.ts.map +1 -1
- package/dist/components/layout/topbar/TopbarUser.js +53 -54
- package/dist/components/layout/topbar/TopbarUser.js.map +2 -2
- package/dist/hooks/createControllableStore.d.ts +29 -0
- package/dist/hooks/createControllableStore.d.ts.map +1 -0
- package/dist/hooks/createControllableStore.js +19 -0
- package/dist/hooks/createControllableStore.js.map +6 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/styles/patterns.styles.d.ts.map +1 -1
- package/dist/styles/patterns.styles.js +7 -1
- package/dist/styles/patterns.styles.js.map +1 -1
- package/docs/data-components.md +428 -0
- package/docs/disclosure.md +65 -35
- package/docs/form-controls.md +18 -3
- package/docs/helpers.md +0 -39
- package/docs/hooks.md +39 -0
- package/package.json +4 -3
- package/src/components/data/crud-detail/CrudDetail.tsx +346 -0
- package/src/components/data/crud-detail/CrudDetailAfter.tsx +19 -0
- package/src/components/data/crud-detail/CrudDetailBefore.tsx +19 -0
- package/src/components/data/crud-detail/CrudDetailTools.tsx +19 -0
- package/src/components/data/crud-detail/types.ts +58 -0
- package/src/components/data/crud-sheet/CrudSheet.tsx +628 -0
- package/src/components/data/crud-sheet/CrudSheetColumn.tsx +34 -0
- package/src/components/data/crud-sheet/CrudSheetFilter.tsx +21 -0
- package/src/components/data/crud-sheet/CrudSheetHeader.tsx +19 -0
- package/src/components/data/crud-sheet/CrudSheetTools.tsx +21 -0
- package/src/components/data/crud-sheet/types.ts +133 -0
- package/src/components/data/kanban/Kanban.tsx +72 -65
- package/src/components/data/kanban/KanbanContext.ts +7 -1
- package/src/components/data/list/ListItem.tsx +31 -18
- package/src/components/data/sheet/DataSheet.styles.ts +1 -1
- package/src/components/data/sheet/DataSheet.tsx +1 -1
- package/src/components/disclosure/Dialog.tsx +143 -105
- package/src/components/disclosure/DialogContext.ts +2 -4
- package/src/components/disclosure/DialogProvider.tsx +4 -2
- package/src/components/disclosure/Dropdown.tsx +174 -86
- package/src/components/feedback/notification/NotificationBanner.tsx +3 -9
- package/src/components/feedback/notification/NotificationBell.tsx +51 -57
- package/src/components/form-control/combobox/Combobox.tsx +109 -134
- package/src/components/form-control/combobox/ComboboxContext.ts +4 -1
- package/src/components/form-control/date-range-picker/DateRangePicker.tsx +6 -16
- package/src/components/form-control/field/Field.styles.ts +1 -0
- package/src/components/form-control/field/NumberInput.tsx +131 -88
- package/src/components/form-control/field/TextInput.tsx +139 -88
- package/src/components/form-control/select/Select.tsx +85 -67
- package/src/components/form-control/select/SelectContext.ts +12 -1
- package/src/components/form-control/select/SelectItem.tsx +39 -18
- package/src/components/layout/topbar/TopbarMenu.tsx +52 -55
- package/src/components/layout/topbar/TopbarUser.tsx +28 -31
- package/src/hooks/createControllableStore.ts +47 -0
- package/src/index.ts +5 -1
- package/src/styles/patterns.styles.ts +7 -1
- package/tailwind.css +4 -0
- package/dist/helpers/splitSlots.d.ts +0 -25
- package/dist/helpers/splitSlots.d.ts.map +0 -1
- package/dist/helpers/splitSlots.js +0 -25
- package/dist/helpers/splitSlots.js.map +0 -6
- package/dist/hooks/createItemTemplate.d.ts +0 -17
- package/dist/hooks/createItemTemplate.d.ts.map +0 -1
- package/dist/hooks/createItemTemplate.js +0 -40
- package/dist/hooks/createItemTemplate.js.map +0 -6
- package/src/helpers/splitSlots.ts +0 -51
- package/src/hooks/createItemTemplate.tsx +0 -42
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { template as _$template } from "solid-js/web";
|
|
2
2
|
import { delegateEvents as _$delegateEvents } from "solid-js/web";
|
|
3
|
-
import { setAttribute as _$setAttribute } from "solid-js/web";
|
|
4
3
|
import { style as _$style } from "solid-js/web";
|
|
5
4
|
import { memo as _$memo } from "solid-js/web";
|
|
6
5
|
import { insert as _$insert } from "solid-js/web";
|
|
6
|
+
import { setAttribute as _$setAttribute } from "solid-js/web";
|
|
7
7
|
import { createComponent as _$createComponent } from "solid-js/web";
|
|
8
8
|
import { className as _$className } from "solid-js/web";
|
|
9
9
|
import { effect as _$effect } from "solid-js/web";
|
|
10
10
|
import { use as _$use } from "solid-js/web";
|
|
11
11
|
var _tmpl$ = /* @__PURE__ */ _$template(`<div data-modal-backdrop>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button data-modal-close type=button>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div data-modal-header><h5>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div data-modal><div data-modal-dialog role=dialog tabindex=0><div data-modal-content>`), _tmpl$5 = /* @__PURE__ */ _$template(`<div>`);
|
|
12
|
-
import { createEffect, onCleanup, Show, splitProps, For, useContext } from "solid-js";
|
|
12
|
+
import { createContext, createEffect, createUniqueId, onCleanup, Show, splitProps, For, useContext, createSignal } from "solid-js";
|
|
13
13
|
import { Portal } from "solid-js/web";
|
|
14
14
|
import clsx from "clsx";
|
|
15
15
|
import { twMerge } from "tailwind-merge";
|
|
@@ -22,6 +22,19 @@ import { Icon } from "../display/Icon.js";
|
|
|
22
22
|
import { borderSubtle } from "../../styles/tokens.styles.js";
|
|
23
23
|
import { DialogDefaultsContext } from "./DialogContext.js";
|
|
24
24
|
import { registerDialog, unregisterDialog, bringToFront } from "./dialogZIndex.js";
|
|
25
|
+
const DialogSlotsContext = createContext();
|
|
26
|
+
const DialogHeader = (props) => {
|
|
27
|
+
const ctx = useContext(DialogSlotsContext);
|
|
28
|
+
ctx.setHeader(() => props.children);
|
|
29
|
+
onCleanup(() => ctx.setHeader(void 0));
|
|
30
|
+
return null;
|
|
31
|
+
};
|
|
32
|
+
const DialogAction = (props) => {
|
|
33
|
+
const ctx = useContext(DialogSlotsContext);
|
|
34
|
+
ctx.setAction(() => props.children);
|
|
35
|
+
onCleanup(() => ctx.setAction(void 0));
|
|
36
|
+
return null;
|
|
37
|
+
};
|
|
25
38
|
const RESIZE_DIRECTIONS = ["left", "right", "top", "bottom", "top-left", "top-right", "bottom-left", "bottom-right"];
|
|
26
39
|
const resizeCursorMap = {
|
|
27
40
|
"left": "cursor-ew-resize",
|
|
@@ -46,7 +59,13 @@ const resizePositionMap = {
|
|
|
46
59
|
};
|
|
47
60
|
const Dialog = (props) => {
|
|
48
61
|
const dialogDefaults = useContext(DialogDefaultsContext);
|
|
49
|
-
const [local] = splitProps(props, ["open", "onOpenChange", "
|
|
62
|
+
const [local] = splitProps(props, ["open", "onOpenChange", "closable", "closeOnBackdrop", "closeOnEscape", "resizable", "movable", "float", "fill", "width", "height", "minWidth", "minHeight", "position", "headerStyle", "canDeactivate", "onCloseComplete", "class", "children"]);
|
|
63
|
+
const headerId = "dialog-header-" + createUniqueId();
|
|
64
|
+
const [header, _setHeader] = createSignal();
|
|
65
|
+
const setHeader = (content) => _setHeader(() => content);
|
|
66
|
+
const [action, _setAction] = createSignal();
|
|
67
|
+
const setAction = (content) => _setAction(() => content);
|
|
68
|
+
const hasHeader = () => header() !== void 0;
|
|
50
69
|
const [open, setOpen] = createControllableSignal({
|
|
51
70
|
value: () => local.open ?? false,
|
|
52
71
|
onChange: () => local.onOpenChange
|
|
@@ -70,7 +89,7 @@ const Dialog = (props) => {
|
|
|
70
89
|
}
|
|
71
90
|
});
|
|
72
91
|
let dialogRef;
|
|
73
|
-
|
|
92
|
+
const [wrapperRef, setWrapperRef] = createSignal();
|
|
74
93
|
const closeOnEscape = () => local.closeOnEscape ?? (dialogDefaults == null ? void 0 : dialogDefaults().closeOnEscape) ?? true;
|
|
75
94
|
const closeOnBackdrop = () => local.closeOnBackdrop ?? (dialogDefaults == null ? void 0 : dialogDefaults().closeOnBackdrop) ?? false;
|
|
76
95
|
createEffect(() => {
|
|
@@ -86,11 +105,10 @@ const Dialog = (props) => {
|
|
|
86
105
|
});
|
|
87
106
|
createEffect(() => {
|
|
88
107
|
if (!open()) return;
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
});
|
|
108
|
+
const el = wrapperRef();
|
|
109
|
+
if (!el) return;
|
|
110
|
+
registerDialog(el);
|
|
111
|
+
onCleanup(() => unregisterDialog(el));
|
|
94
112
|
});
|
|
95
113
|
const tryClose = () => {
|
|
96
114
|
if (local.canDeactivate && !local.canDeactivate()) return;
|
|
@@ -110,16 +128,17 @@ const Dialog = (props) => {
|
|
|
110
128
|
}
|
|
111
129
|
};
|
|
112
130
|
const handleDialogFocus = () => {
|
|
113
|
-
|
|
114
|
-
|
|
131
|
+
const el = wrapperRef();
|
|
132
|
+
if (!el) return;
|
|
133
|
+
bringToFront(el);
|
|
115
134
|
};
|
|
116
135
|
const handleHeaderPointerDown = (event) => {
|
|
117
136
|
if (local.movable === false) return;
|
|
118
|
-
|
|
137
|
+
const wrapperEl = wrapperRef();
|
|
138
|
+
if (!dialogRef || !wrapperEl) return;
|
|
119
139
|
if (event.target.closest("button")) return;
|
|
120
140
|
const target = event.currentTarget;
|
|
121
141
|
const dialogEl = dialogRef;
|
|
122
|
-
const wrapperEl = wrapperRef;
|
|
123
142
|
const startX = event.clientX;
|
|
124
143
|
const startY = event.clientY;
|
|
125
144
|
const startTop = dialogEl.offsetTop;
|
|
@@ -249,104 +268,120 @@ const Dialog = (props) => {
|
|
|
249
268
|
get children() {
|
|
250
269
|
return _$createComponent(Portal, {
|
|
251
270
|
get children() {
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
_$insert(_el$, _$createComponent(Show, {
|
|
257
|
-
get when() {
|
|
258
|
-
return !local.float;
|
|
271
|
+
return _$createComponent(DialogSlotsContext.Provider, {
|
|
272
|
+
value: {
|
|
273
|
+
setHeader,
|
|
274
|
+
setAction
|
|
259
275
|
},
|
|
260
276
|
get children() {
|
|
261
|
-
var _el$
|
|
262
|
-
_el$
|
|
263
|
-
_$
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
_el$
|
|
279
|
-
_$insert(_el$
|
|
280
|
-
|
|
281
|
-
|
|
277
|
+
var _el$ = _tmpl$4(), _el$3 = _el$.firstChild, _el$7 = _el$3.firstChild;
|
|
278
|
+
_$use(setWrapperRef, _el$);
|
|
279
|
+
_$insert(_el$, _$createComponent(Show, {
|
|
280
|
+
get when() {
|
|
281
|
+
return !local.float;
|
|
282
|
+
},
|
|
283
|
+
get children() {
|
|
284
|
+
var _el$2 = _tmpl$();
|
|
285
|
+
_el$2.$$click = handleBackdropClick;
|
|
286
|
+
_$effect(() => _$className(_el$2, backdropClass()));
|
|
287
|
+
return _el$2;
|
|
288
|
+
}
|
|
289
|
+
}), _el$3);
|
|
290
|
+
_el$3.addEventListener("transitionend", handleTransitionEnd);
|
|
291
|
+
_el$3.addEventListener("focus", handleDialogFocus);
|
|
292
|
+
_$use((el) => {
|
|
293
|
+
dialogRef = el;
|
|
294
|
+
}, _el$3);
|
|
295
|
+
_$insert(_el$3, _$createComponent(Show, {
|
|
296
|
+
get when() {
|
|
297
|
+
return hasHeader();
|
|
298
|
+
},
|
|
299
|
+
get children() {
|
|
300
|
+
var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
|
|
301
|
+
_el$4.$$pointerdown = handleHeaderPointerDown;
|
|
302
|
+
_$setAttribute(_el$5, "id", headerId);
|
|
303
|
+
_$insert(_el$5, header());
|
|
304
|
+
_$insert(_el$4, _$createComponent(Show, {
|
|
305
|
+
get when() {
|
|
306
|
+
return action();
|
|
307
|
+
},
|
|
308
|
+
get children() {
|
|
309
|
+
return action()();
|
|
310
|
+
}
|
|
311
|
+
}), null);
|
|
312
|
+
_$insert(_el$4, _$createComponent(Show, {
|
|
313
|
+
get when() {
|
|
314
|
+
return local.closable ?? true;
|
|
315
|
+
},
|
|
316
|
+
get children() {
|
|
317
|
+
var _el$6 = _tmpl$2();
|
|
318
|
+
_el$6.$$click = handleCloseClick;
|
|
319
|
+
_$insert(_el$6, _$createComponent(Icon, {
|
|
320
|
+
icon: IconX,
|
|
321
|
+
size: "1.25em"
|
|
322
|
+
}));
|
|
323
|
+
_$effect(() => _$className(_el$6, clsx("inline-flex items-center justify-center", "px-3 py-2", "text-base-400 dark:text-base-500", "hover:text-base-600 dark:hover:text-base-300", "cursor-pointer", "transition-colors")));
|
|
324
|
+
return _el$6;
|
|
325
|
+
}
|
|
326
|
+
}), null);
|
|
327
|
+
_$effect((_p$) => {
|
|
328
|
+
var _v$ = clsx(headerClass(), "touch-none"), _v$2 = typeof local.headerStyle === "string" ? mergeStyles(local.headerStyle) : local.headerStyle, _v$3 = clsx("flex-1", "px-4 py-2", "text-sm font-bold");
|
|
329
|
+
_v$ !== _p$.e && _$className(_el$4, _p$.e = _v$);
|
|
330
|
+
_p$.t = _$style(_el$4, _v$2, _p$.t);
|
|
331
|
+
_v$3 !== _p$.a && _$className(_el$5, _p$.a = _v$3);
|
|
332
|
+
return _p$;
|
|
333
|
+
}, {
|
|
334
|
+
e: void 0,
|
|
335
|
+
t: void 0,
|
|
336
|
+
a: void 0
|
|
337
|
+
});
|
|
338
|
+
return _el$4;
|
|
339
|
+
}
|
|
340
|
+
}), _el$7);
|
|
341
|
+
_$className(_el$7, dialogContentClass);
|
|
342
|
+
_$insert(_el$7, () => local.children);
|
|
343
|
+
_$insert(_el$3, _$createComponent(Show, {
|
|
282
344
|
get when() {
|
|
283
|
-
return local.
|
|
345
|
+
return local.resizable;
|
|
284
346
|
},
|
|
285
347
|
get children() {
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
348
|
+
return _$createComponent(For, {
|
|
349
|
+
each: RESIZE_DIRECTIONS,
|
|
350
|
+
children: (direction) => (() => {
|
|
351
|
+
var _el$8 = _tmpl$5();
|
|
352
|
+
_el$8.$$pointerdown = (e) => handleResizeBarPointerDown(e, direction);
|
|
353
|
+
_$setAttribute(_el$8, "data-resize-bar", direction);
|
|
354
|
+
_$effect(() => _$className(_el$8, clsx("absolute", "touch-none", resizePositionMap[direction], resizeCursorMap[direction])));
|
|
355
|
+
return _el$8;
|
|
356
|
+
})()
|
|
357
|
+
});
|
|
294
358
|
}
|
|
295
359
|
}), null);
|
|
296
360
|
_$effect((_p$) => {
|
|
297
|
-
var _v$ =
|
|
298
|
-
_v$ !== _p$.e && _$className(_el
|
|
299
|
-
_p$.t
|
|
300
|
-
_v$
|
|
361
|
+
var _v$4 = wrapperClass(), _v$5 = local.float ? void 0 : true, _v$6 = hasHeader() ? headerId : void 0, _v$7 = twMerge(dialogBaseClass(), local.class), _v$8 = dialogStyle();
|
|
362
|
+
_v$4 !== _p$.e && _$className(_el$, _p$.e = _v$4);
|
|
363
|
+
_v$5 !== _p$.t && _$setAttribute(_el$3, "aria-modal", _p$.t = _v$5);
|
|
364
|
+
_v$6 !== _p$.a && _$setAttribute(_el$3, "aria-labelledby", _p$.a = _v$6);
|
|
365
|
+
_v$7 !== _p$.o && _$className(_el$3, _p$.o = _v$7);
|
|
366
|
+
_p$.i = _$style(_el$3, _v$8, _p$.i);
|
|
301
367
|
return _p$;
|
|
302
368
|
}, {
|
|
303
369
|
e: void 0,
|
|
304
370
|
t: void 0,
|
|
305
|
-
a: void 0
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
}
|
|
309
|
-
}), _el$7);
|
|
310
|
-
_$className(_el$7, dialogContentClass);
|
|
311
|
-
_$insert(_el$7, () => local.children);
|
|
312
|
-
_$insert(_el$3, _$createComponent(Show, {
|
|
313
|
-
get when() {
|
|
314
|
-
return local.resizable;
|
|
315
|
-
},
|
|
316
|
-
get children() {
|
|
317
|
-
return _$createComponent(For, {
|
|
318
|
-
each: RESIZE_DIRECTIONS,
|
|
319
|
-
children: (direction) => (() => {
|
|
320
|
-
var _el$8 = _tmpl$5();
|
|
321
|
-
_el$8.$$pointerdown = (e) => handleResizeBarPointerDown(e, direction);
|
|
322
|
-
_$setAttribute(_el$8, "data-resize-bar", direction);
|
|
323
|
-
_$effect(() => _$className(_el$8, clsx("absolute", "touch-none", resizePositionMap[direction], resizeCursorMap[direction])));
|
|
324
|
-
return _el$8;
|
|
325
|
-
})()
|
|
371
|
+
a: void 0,
|
|
372
|
+
o: void 0,
|
|
373
|
+
i: void 0
|
|
326
374
|
});
|
|
375
|
+
return _el$;
|
|
327
376
|
}
|
|
328
|
-
}), null);
|
|
329
|
-
_$effect((_p$) => {
|
|
330
|
-
var _v$4 = wrapperClass(), _v$5 = local.float ? void 0 : true, _v$6 = local.title, _v$7 = twMerge(dialogBaseClass(), local.class), _v$8 = dialogStyle();
|
|
331
|
-
_v$4 !== _p$.e && _$className(_el$, _p$.e = _v$4);
|
|
332
|
-
_v$5 !== _p$.t && _$setAttribute(_el$3, "aria-modal", _p$.t = _v$5);
|
|
333
|
-
_v$6 !== _p$.a && _$setAttribute(_el$3, "aria-label", _p$.a = _v$6);
|
|
334
|
-
_v$7 !== _p$.o && _$className(_el$3, _p$.o = _v$7);
|
|
335
|
-
_p$.i = _$style(_el$3, _v$8, _p$.i);
|
|
336
|
-
return _p$;
|
|
337
|
-
}, {
|
|
338
|
-
e: void 0,
|
|
339
|
-
t: void 0,
|
|
340
|
-
a: void 0,
|
|
341
|
-
o: void 0,
|
|
342
|
-
i: void 0
|
|
343
377
|
});
|
|
344
|
-
return _el$;
|
|
345
378
|
}
|
|
346
379
|
});
|
|
347
380
|
}
|
|
348
381
|
});
|
|
349
382
|
};
|
|
383
|
+
Dialog.Header = DialogHeader;
|
|
384
|
+
Dialog.Action = DialogAction;
|
|
350
385
|
_$delegateEvents(["click", "pointerdown"]);
|
|
351
386
|
export {
|
|
352
387
|
Dialog
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/disclosure/Dialog.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;AAAA,SAGEA,cACAC,WACAC,MACAC,YACAC,KACAC,
|
|
5
|
-
"names": ["createEffect", "onCleanup", "Show", "splitProps", "For", "useContext", "Portal", "clsx", "twMerge", "IconX", "createControllableSignal", "createMountTransition", "createPointerDrag", "mergeStyles", "Icon", "borderSubtle", "DialogDefaultsContext", "registerDialog", "unregisterDialog", "bringToFront", "RESIZE_DIRECTIONS", "resizeCursorMap", "dialogContentClass", "resizePositionMap", "Dialog", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createContext", "createEffect", "createUniqueId", "onCleanup", "Show", "splitProps", "For", "useContext", "createSignal", "Portal", "clsx", "twMerge", "IconX", "createControllableSignal", "createMountTransition", "createPointerDrag", "mergeStyles", "Icon", "borderSubtle", "DialogDefaultsContext", "registerDialog", "unregisterDialog", "bringToFront", "DialogSlotsContext", "DialogHeader", "props", "ctx", "setHeader", "children", "undefined", "DialogAction", "setAction", "RESIZE_DIRECTIONS", "resizeCursorMap", "dialogContentClass", "resizePositionMap", "Dialog", "dialogDefaults", "local", "headerId", "header", "_setHeader", "content", "action", "_setAction", "hasHeader", "open", "setOpen", "value", "onChange", "onOpenChange", "mounted", "animating", "unmount", "closeCompleteEmitted", "emitCloseComplete", "onCloseComplete", "dialogRef", "wrapperRef", "setWrapperRef", "closeOnEscape", "closeOnBackdrop", "handleKeyDown", "e", "key", "tryClose", "document", "addEventListener", "removeEventListener", "el", "canDeactivate", "handleBackdropClick", "handleCloseClick", "handleTransitionEnd", "propertyName", "handleDialogFocus", "handleHeaderPointerDown", "event", "movable", "wrapperEl", "target", "closest", "currentTarget", "dialogEl", "startX", "clientX", "startY", "clientY", "startTop", "offsetTop", "startLeft", "offsetLeft", "pointerId", "onMove", "stopPropagation", "preventDefault", "style", "position", "left", "top", "right", "bottom", "margin", "offsetWidth", "offsetHeight", "onEnd", "handleResizeBarPointerDown", "direction", "resizable", "startHeight", "clientHeight", "startWidth", "clientWidth", "height", "Math", "max", "minHeight", "width", "minWidth", "dialogStyle", "fill", "animationClass", "base", "wrapperClass", "float", "backdropClass", "dialogBaseClass", "headerClass", "_$createComponent", "when", "Provider", "_el$", "_tmpl$4", "_el$3", "firstChild", "_el$7", "_$use", "_$insert", "_el$2", "_tmpl$", "$$click", "_$effect", "_$className", "_el$4", "_tmpl$3", "_el$5", "$$pointerdown", "_$setAttribute", "closable", "_el$6", "_tmpl$2", "icon", "size", "_p$", "_v$", "_v$2", "headerStyle", "_v$3", "t", "_$style", "a", "each", "_el$8", "_tmpl$5", "_v$4", "_v$5", "_v$6", "_v$7", "class", "_v$8", "o", "i", "Header", "Action", "_$delegateEvents"]
|
|
6
6
|
}
|
|
@@ -10,10 +10,8 @@ export interface DialogDefaults {
|
|
|
10
10
|
export declare const DialogDefaultsContext: import("solid-js").Context<Accessor<DialogDefaults> | undefined>;
|
|
11
11
|
/** 프로그래매틱 다이얼로그 옵션 */
|
|
12
12
|
export interface DialogShowOptions {
|
|
13
|
-
/** 다이얼로그
|
|
14
|
-
|
|
15
|
-
/** 헤더 숨김 */
|
|
16
|
-
hideHeader?: boolean;
|
|
13
|
+
/** 다이얼로그 헤더 */
|
|
14
|
+
header?: JSX.Element;
|
|
17
15
|
/** 닫기 버튼 표시 */
|
|
18
16
|
closable?: boolean;
|
|
19
17
|
/** 백드롭 클릭으로 닫기 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogContext.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\disclosure\\DialogContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE9E,kBAAkB;AAClB,MAAM,WAAW,cAAc;IAC7B,mBAAmB;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,0BAA0B;AAC1B,eAAO,MAAM,qBAAqB,kEAA4C,CAAC;AAE/E,sBAAsB;AACtB,MAAM,WAAW,iBAAiB;IAChC,eAAe;IACf,
|
|
1
|
+
{"version":3,"file":"DialogContext.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\disclosure\\DialogContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAE9E,kBAAkB;AAClB,MAAM,WAAW,cAAc;IAC7B,mBAAmB;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,0BAA0B;AAC1B,eAAO,MAAM,qBAAqB,kEAA4C,CAAC;AAE/E,sBAAsB;AACtB,MAAM,WAAW,iBAAiB;IAChC,eAAe;IACf,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gBAAgB;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa;IACb,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;IACxC,iBAAiB;IACjB,WAAW,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,MAAM,CAAC;IACzC,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;CAC/B;AAED,6BAA6B;AAC7B,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,IAAI,CAAC,CAAC,GAAG,SAAS,EAChB,OAAO,EAAE,MAAM,GAAG,CAAC,OAAO,EAC1B,OAAO,EAAE,iBAAiB,GACzB,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;CAC3B;AAED,2BAA2B;AAC3B,eAAO,MAAM,aAAa,4DAAsC,CAAC;AAEjE;;;;GAIG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAI9C"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/disclosure/DialogContext.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAS,eAAe,kBAA2C;AAW5D,MAAM,wBAAwB,cAAwC;
|
|
4
|
+
"mappings": "AAAA,SAAS,eAAe,kBAA2C;AAW5D,MAAM,wBAAwB,cAAwC;AA8CtE,MAAM,gBAAgB,cAAkC;AAOxD,SAAS,YAAgC;AAC9C,QAAM,MAAM,WAAW,aAAa;AACpC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,kHAA4C;AACtE,SAAO;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogProvider.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\disclosure\\DialogProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,
|
|
1
|
+
{"version":3,"file":"DialogProvider.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\disclosure\\DialogProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EAMrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAIL,KAAK,cAAc,EAEpB,MAAM,iBAAiB,CAAC;AAgBzB;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAAG;AAE9D,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,mBAAmB,CAoG/D,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { createComponent as _$createComponent } from "solid-js/web";
|
|
2
2
|
import { memo as _$memo } from "solid-js/web";
|
|
3
|
-
import { createSignal, For, splitProps } from "solid-js";
|
|
3
|
+
import { createSignal, For, Show, splitProps } from "solid-js";
|
|
4
4
|
import { DialogContext, DialogDefaultsContext } from "./DialogContext.js";
|
|
5
5
|
import { DialogInstanceContext } from "./DialogInstanceContext.js";
|
|
6
6
|
import { Dialog } from "./Dialog.js";
|
|
@@ -70,12 +70,6 @@ const DialogProvider = (props) => {
|
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
72
|
onCloseComplete: () => removeEntry(entry.id),
|
|
73
|
-
get title() {
|
|
74
|
-
return entry.options.title;
|
|
75
|
-
},
|
|
76
|
-
get hideHeader() {
|
|
77
|
-
return entry.options.hideHeader;
|
|
78
|
-
},
|
|
79
73
|
get closable() {
|
|
80
74
|
return entry.options.closable;
|
|
81
75
|
},
|
|
@@ -119,12 +113,23 @@ const DialogProvider = (props) => {
|
|
|
119
113
|
return entry.options.canDeactivate;
|
|
120
114
|
},
|
|
121
115
|
get children() {
|
|
122
|
-
return _$createComponent(
|
|
116
|
+
return [_$createComponent(Show, {
|
|
117
|
+
get when() {
|
|
118
|
+
return entry.options.header !== void 0;
|
|
119
|
+
},
|
|
120
|
+
get children() {
|
|
121
|
+
return _$createComponent(Dialog.Header, {
|
|
122
|
+
get children() {
|
|
123
|
+
return entry.options.header;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
}), _$createComponent(DialogInstanceContext.Provider, {
|
|
123
128
|
value: instance,
|
|
124
129
|
get children() {
|
|
125
130
|
return entry.factory();
|
|
126
131
|
}
|
|
127
|
-
});
|
|
132
|
+
})];
|
|
128
133
|
}
|
|
129
134
|
});
|
|
130
135
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/disclosure/DialogProvider.tsx"],
|
|
4
|
-
"mappings": ";;AAAA,SAGEA,cACAC,KACAC,kBAEK;AACP,SACEC,eACAC,6BAIK;AACP,SAASC,6BAAkD;AAC3D,SAASC,cAAc;AAYvB,IAAIC,SAAS;AAiBN,MAAMC,iBAAwDC,WAAU;AAC7E,QAAM,CAACC,OAAOC,KAAK,IAAIT,WAAWO,OAAO,CAAC,iBAAiB,mBAAmB,UAAU,CAAC;AAEzF,QAAMG,WAAWA,OAAO;IACtBC,eAAeH,MAAMG;IACrBC,iBAAiBJ,MAAMI;EACzB;AAEA,QAAM,CAACC,SAASC,UAAU,
|
|
5
|
-
"names": ["createSignal", "For", "splitProps", "DialogContext", "DialogDefaultsContext", "DialogInstanceContext", "Dialog", "nextId", "DialogProvider", "props", "local", "_rest", "defaults", "closeOnEscape", "closeOnBackdrop", "entries", "setEntries", "show", "factory", "options", "Promise", "resolve", "id", "String", "open", "setOpen", "entry", "prev", "requestClose", "result", "find", "e", "pendingResult", "removeEntry", "filter", "contextValue", "_$createComponent", "Provider", "value", "children", "_$memo", "each", "instance", "close", "onOpenChange", "undefined", "onCloseComplete", "
|
|
4
|
+
"mappings": ";;AAAA,SAGEA,cACAC,KACAC,MACAC,kBAEK;AACP,SACEC,eACAC,6BAIK;AACP,SAASC,6BAAkD;AAC3D,SAASC,cAAc;AAYvB,IAAIC,SAAS;AAiBN,MAAMC,iBAAwDC,WAAU;AAC7E,QAAM,CAACC,OAAOC,KAAK,IAAIT,WAAWO,OAAO,CAAC,iBAAiB,mBAAmB,UAAU,CAAC;AAEzF,QAAMG,WAAWA,OAAO;IACtBC,eAAeH,MAAMG;IACrBC,iBAAiBJ,MAAMI;EACzB;AAEA,QAAM,CAACC,SAASC,UAAU,IAAIjB,aAA4B,CAAA,CAAE;AAE5D,QAAMkB,OAAOA,CACXC,SACAC,YAC2B;AAC3B,WAAO,IAAIC,QAAwBC,aAAY;AAC7C,YAAMC,KAAKC,OAAOhB,QAAQ;AAC1B,YAAM,CAACiB,MAAMC,OAAO,IAAI1B,aAAa,IAAI;AACzC,YAAM2B,QAAqB;QACzBJ;QACAJ;QACAC;QACAE;QACAG;QACAC;MACF;AACAT,iBAAYW,UAAS,CAAC,GAAGA,MAAMD,KAAK,CAAC;IACvC,CAAC;EACH;AAGA,QAAME,eAAeA,CAACN,IAAYO,WAAqB;AACrD,UAAMH,QAAQX,QAAQ,EAAEe,KAAMC,OAAMA,EAAET,OAAOA,EAAE;AAC/C,QAAII,OAAO;AACTA,YAAMM,gBAAgBH;AACtBH,YAAMD,QAAQ,KAAK;IACrB;EACF;AAGA,QAAMQ,cAAeX,QAAe;AAClCN,eAAYW,UAAS;AACnB,YAAMD,QAAQC,KAAKG,KAAMC,OAAMA,EAAET,OAAOA,EAAE;AAC1C,UAAII,OAAO;AACTA,cAAML,QAAQK,MAAMM,aAAa;MACnC;AACA,aAAOL,KAAKO,OAAQH,OAAMA,EAAET,OAAOA,EAAE;IACvC,CAAC;EACH;AAEA,QAAMa,eAAmC;IACvClB;EACF;AAEA,SAAAmB,kBACGhC,sBAAsBiC,UAAQ;IAACC,OAAO1B;IAAQ,IAAA2B,WAAA;AAAA,aAAAH,kBAC5CjC,cAAckC,UAAQ;QAACC,OAAOH;QAAY,IAAAI,WAAA;AAAA,iBAAA,CAAAC,OAAA,MACxC9B,MAAM6B,QAAQ,GAAAH,kBACdpC,KAAG;YAAA,IAACyC,OAAI;AAAA,qBAAE1B,QAAQ;YAAC;YAAAwB,UAChBb,WAAU;AACV,oBAAMgB,WAAoC;gBACxCC,OAAQd,YAAqBD,aAAaF,MAAMJ,IAAIO,MAAM;cAC5D;AAEA,qBAAAO,kBACG9B,QAAM;gBAAA,IACLkB,OAAI;AAAA,yBAAEE,MAAMF,KAAK;gBAAC;gBAClBoB,cAAepB,UAAS;AACtB,sBAAI,CAACA,QAAQE,MAAMM,kBAAkBa,QAAW;AAC9CjB,iCAAaF,MAAMJ,EAAE;kBACvB;gBACF;gBACAwB,iBAAiBA,MAAMb,YAAYP,MAAMJ,EAAE;gBAAC,IAC5CyB,WAAQ;AAAA,yBAAErB,MAAMP,QAAQ4B;gBAAQ;gBAAA,IAChCjC,kBAAe;AAAA,yBAAEY,MAAMP,QAAQL;gBAAe;gBAAA,IAC9CD,gBAAa;AAAA,yBAAEa,MAAMP,QAAQN;gBAAa;gBAAA,IAC1CmC,YAAS;AAAA,yBAAEtB,MAAMP,QAAQ6B;gBAAS;gBAAA,IAClCC,UAAO;AAAA,yBAAEvB,MAAMP,QAAQ8B;gBAAO;gBAAA,IAC9BC,QAAK;AAAA,yBAAExB,MAAMP,QAAQ+B;gBAAK;gBAAA,IAC1BC,OAAI;AAAA,yBAAEzB,MAAMP,QAAQgC;gBAAI;gBAAA,IACxBC,QAAK;AAAA,yBAAE1B,MAAMP,QAAQiC;gBAAK;gBAAA,IAC1BC,SAAM;AAAA,yBAAE3B,MAAMP,QAAQkC;gBAAM;gBAAA,IAC5BC,WAAQ;AAAA,yBAAE5B,MAAMP,QAAQmC;gBAAQ;gBAAA,IAChCC,YAAS;AAAA,yBAAE7B,MAAMP,QAAQoC;gBAAS;gBAAA,IAClCC,WAAQ;AAAA,yBAAE9B,MAAMP,QAAQqC;gBAAQ;gBAAA,IAChCC,cAAW;AAAA,yBAAE/B,MAAMP,QAAQsC;gBAAW;gBAAA,IACtCC,gBAAa;AAAA,yBAAEhC,MAAMP,QAAQuC;gBAAa;gBAAA,IAAAnB,WAAA;AAAA,yBAAA,CAAAH,kBAEzCnC,MAAI;oBAAA,IAAC0D,OAAI;AAAA,6BAAEjC,MAAMP,QAAQyC,WAAWf;oBAAS;oBAAA,IAAAN,WAAA;AAAA,6BAAAH,kBAC3C9B,OAAOuD,QAAM;wBAAA,IAAAtB,WAAA;AAAA,iCAAEb,MAAMP,QAAQyC;wBAAM;sBAAA,CAAA;oBAAA;kBAAA,CAAA,GAAAxB,kBAErC/B,sBAAsBgC,UAAQ;oBAACC,OAAOI;oBAAQ,IAAAH,WAAA;AAAA,6BAC5Cb,MAAMR,QAAQ;oBAAC;kBAAA,CAAA,CAAA;gBAAA;cAAA,CAAA;YAIxB;UAAC,CAAA,CAAA;QAAA;MAAA,CAAA;IAAA;EAAA,CAAA;AAKX;",
|
|
5
|
+
"names": ["createSignal", "For", "Show", "splitProps", "DialogContext", "DialogDefaultsContext", "DialogInstanceContext", "Dialog", "nextId", "DialogProvider", "props", "local", "_rest", "defaults", "closeOnEscape", "closeOnBackdrop", "entries", "setEntries", "show", "factory", "options", "Promise", "resolve", "id", "String", "open", "setOpen", "entry", "prev", "requestClose", "result", "find", "e", "pendingResult", "removeEntry", "filter", "contextValue", "_$createComponent", "Provider", "value", "children", "_$memo", "each", "instance", "close", "onOpenChange", "undefined", "onCloseComplete", "closable", "resizable", "movable", "float", "fill", "width", "height", "minWidth", "minHeight", "position", "headerStyle", "canDeactivate", "when", "header", "Header"]
|
|
6
6
|
}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
* position과 함께 사용 불가
|
|
6
|
-
*/
|
|
7
|
-
triggerRef?: () => HTMLElement | undefined;
|
|
2
|
+
declare const DropdownTrigger: ParentComponent;
|
|
3
|
+
declare const DropdownContent: ParentComponent;
|
|
4
|
+
export interface DropdownProps {
|
|
8
5
|
/**
|
|
9
6
|
* 절대 위치 (컨텍스트 메뉴 등, minWidth 없음)
|
|
10
|
-
*
|
|
7
|
+
* Trigger와 함께 사용 시 Trigger 기준 위치 계산
|
|
11
8
|
*/
|
|
12
9
|
position?: {
|
|
13
10
|
x: number;
|
|
@@ -25,41 +22,68 @@ export interface DropdownProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>,
|
|
|
25
22
|
* 팝업 최대 높이 (기본값: 300px), 초과 시 내부 스크롤
|
|
26
23
|
*/
|
|
27
24
|
maxHeight?: number;
|
|
25
|
+
/**
|
|
26
|
+
* 비활성화 (Trigger 클릭 무시)
|
|
27
|
+
*/
|
|
28
|
+
disabled?: boolean;
|
|
28
29
|
/**
|
|
29
30
|
* 키보드 네비게이션 활성화 (Select 등에서 사용)
|
|
30
31
|
*
|
|
31
32
|
* direction=down일 때:
|
|
32
|
-
* - 트리거에서 ArrowDown
|
|
33
|
-
* - 첫 아이템에서 ArrowUp
|
|
34
|
-
* - 트리거에서 ArrowUp
|
|
33
|
+
* - 트리거에서 ArrowDown -> 첫 focusable 아이템 포커스
|
|
34
|
+
* - 첫 아이템에서 ArrowUp -> 트리거 포커스
|
|
35
|
+
* - 트리거에서 ArrowUp -> 닫기
|
|
35
36
|
*
|
|
36
37
|
* direction=up일 때:
|
|
37
|
-
* - 트리거에서 ArrowUp
|
|
38
|
-
* - 마지막 아이템에서 ArrowDown
|
|
39
|
-
* - 트리거에서 ArrowDown
|
|
38
|
+
* - 트리거에서 ArrowUp -> 마지막 focusable 아이템 포커스
|
|
39
|
+
* - 마지막 아이템에서 ArrowDown -> 트리거 포커스
|
|
40
|
+
* - 트리거에서 ArrowDown -> 닫기
|
|
40
41
|
*/
|
|
41
42
|
keyboardNav?: boolean;
|
|
42
43
|
/**
|
|
43
|
-
*
|
|
44
|
+
* 팝업에 적용할 커스텀 class
|
|
45
|
+
*/
|
|
46
|
+
class?: string;
|
|
47
|
+
/**
|
|
48
|
+
* 팝업에 적용할 커스텀 style
|
|
49
|
+
*/
|
|
50
|
+
style?: JSX.CSSProperties;
|
|
51
|
+
/**
|
|
52
|
+
* children (Dropdown.Trigger, Dropdown.Content)
|
|
44
53
|
*/
|
|
45
54
|
children: JSX.Element;
|
|
46
55
|
}
|
|
56
|
+
interface DropdownComponent extends ParentComponent<DropdownProps> {
|
|
57
|
+
Trigger: typeof DropdownTrigger;
|
|
58
|
+
Content: typeof DropdownContent;
|
|
59
|
+
}
|
|
47
60
|
/**
|
|
48
61
|
* 드롭다운 팝업 컴포넌트
|
|
49
62
|
*
|
|
50
|
-
*
|
|
51
|
-
*
|
|
63
|
+
* Trigger/Content 슬롯 패턴으로 트리거와 컨텐츠를 분리합니다.
|
|
64
|
+
* Trigger 클릭 시 auto-toggle되며, disabled prop으로 비활성화할 수 있습니다.
|
|
52
65
|
*
|
|
53
66
|
* @example
|
|
54
67
|
* ```tsx
|
|
55
|
-
*
|
|
56
|
-
*
|
|
68
|
+
* <Dropdown>
|
|
69
|
+
* <Dropdown.Trigger>
|
|
70
|
+
* <Button>열기</Button>
|
|
71
|
+
* </Dropdown.Trigger>
|
|
72
|
+
* <Dropdown.Content>
|
|
73
|
+
* <div>팝업 내용</div>
|
|
74
|
+
* </Dropdown.Content>
|
|
75
|
+
* </Dropdown>
|
|
76
|
+
* ```
|
|
57
77
|
*
|
|
58
|
-
*
|
|
59
|
-
*
|
|
60
|
-
*
|
|
78
|
+
* @example Context menu (Trigger 없이 position 사용)
|
|
79
|
+
* ```tsx
|
|
80
|
+
* <Dropdown position={{ x: 300, y: 200 }} open={true}>
|
|
81
|
+
* <Dropdown.Content>
|
|
82
|
+
* <div>메뉴</div>
|
|
83
|
+
* </Dropdown.Content>
|
|
61
84
|
* </Dropdown>
|
|
62
85
|
* ```
|
|
63
86
|
*/
|
|
64
|
-
export declare const Dropdown:
|
|
87
|
+
export declare const Dropdown: DropdownComponent;
|
|
88
|
+
export {};
|
|
65
89
|
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\disclosure\\Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,eAAe,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\components\\disclosure\\Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,eAAe,EAQrB,MAAM,UAAU,CAAC;AAuBlB,QAAA,MAAM,eAAe,EAAE,eAMtB,CAAC;AAIF,QAAA,MAAM,eAAe,EAAE,eAMtB,CAAC;AAIF,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB;AAED,UAAU,iBAAkB,SAAQ,eAAe,CAAC,aAAa,CAAC;IAChE,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC,OAAO,EAAE,OAAO,eAAe,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,EAAE,iBAqWA,CAAC"}
|