@simplysm/solid 13.0.53 → 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 +6 -2
- 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.css +28 -10
- 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/Invalid.js +1 -1
- 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/DatePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DatePicker.js +3 -2
- package/dist/components/form-control/field/DatePicker.js.map +2 -2
- package/dist/components/form-control/field/DateTimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DateTimePicker.js +3 -2
- package/dist/components/form-control/field/DateTimePicker.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/field/TimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/TimePicker.js +3 -2
- package/dist/components/form-control/field/TimePicker.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/form-control/state-preset/StatePreset.d.ts.map +1 -1
- package/dist/components/form-control/state-preset/StatePreset.js +1 -1
- package/dist/components/form-control/state-preset/StatePreset.js.map +1 -1
- package/dist/components/layout/topbar/Topbar.d.ts +2 -0
- package/dist/components/layout/topbar/Topbar.d.ts.map +1 -1
- package/dist/components/layout/topbar/Topbar.js +2 -0
- package/dist/components/layout/topbar/Topbar.js.map +2 -2
- package/dist/components/layout/topbar/TopbarActions.d.ts +3 -0
- package/dist/components/layout/topbar/TopbarActions.d.ts.map +1 -0
- package/dist/components/layout/topbar/TopbarActions.js +17 -0
- package/dist/components/layout/topbar/TopbarActions.js.map +6 -0
- package/dist/components/layout/topbar/TopbarContainer.d.ts +1 -1
- package/dist/components/layout/topbar/TopbarContainer.d.ts.map +1 -1
- package/dist/components/layout/topbar/TopbarContainer.js +21 -12
- package/dist/components/layout/topbar/TopbarContainer.js.map +2 -2
- package/dist/components/layout/topbar/TopbarContext.d.ts +9 -0
- package/dist/components/layout/topbar/TopbarContext.d.ts.map +1 -0
- package/dist/components/layout/topbar/TopbarContext.js +29 -0
- package/dist/components/layout/topbar/TopbarContext.js.map +6 -0
- 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 +6 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -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/docs/layout.md +70 -1
- 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.css +28 -10
- 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/Invalid.tsx +1 -1
- package/src/components/form-control/combobox/Combobox.tsx +109 -133
- 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/DatePicker.tsx +4 -1
- package/src/components/form-control/field/DateTimePicker.tsx +3 -0
- package/src/components/form-control/field/Field.styles.ts +1 -0
- package/src/components/form-control/field/NumberInput.tsx +131 -86
- package/src/components/form-control/field/TextInput.tsx +139 -88
- package/src/components/form-control/field/TimePicker.tsx +3 -0
- 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/form-control/state-preset/StatePreset.tsx +1 -0
- package/src/components/layout/topbar/Topbar.tsx +3 -0
- package/src/components/layout/topbar/TopbarActions.tsx +8 -0
- package/src/components/layout/topbar/TopbarContainer.tsx +9 -5
- package/src/components/layout/topbar/TopbarContext.ts +36 -0
- 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 +6 -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
|
@@ -4,9 +4,8 @@ import { setAttribute as _$setAttribute } from "solid-js/web";
|
|
|
4
4
|
import { effect as _$effect } from "solid-js/web";
|
|
5
5
|
import { insert as _$insert } from "solid-js/web";
|
|
6
6
|
import { className as _$className } from "solid-js/web";
|
|
7
|
-
import { use as _$use } from "solid-js/web";
|
|
8
7
|
import { createComponent as _$createComponent } from "solid-js/web";
|
|
9
|
-
var _tmpl$ = /* @__PURE__ */ _$template(`<span data-notification-badge aria-hidden=true>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button data-notification-bell aria-haspopup=true>`), _tmpl$3 = /* @__PURE__ */ _$template(`<button type=button data-notification-clear>\uC804\uCCB4 \uC0AD\uC81C`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`), _tmpl$5 = /* @__PURE__ */ _$template(`<div class=p-2><div><span class=font-bold>\uC54C\uB9BC`), _tmpl$6 = /* @__PURE__ */ _$template(`<div>\uC54C\uB9BC\uC774 \uC5C6\uC2B5\uB2C8\uB2E4`), _tmpl$7 = /* @__PURE__ */ _$template(`<pre>`), _tmpl$8 = /* @__PURE__ */ _$template(`<div><div class=font-medium></div><div>`);
|
|
8
|
+
var _tmpl$ = /* @__PURE__ */ _$template(`<span data-notification-badge aria-hidden=true>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button data-notification-bell aria-haspopup=true>`), _tmpl$3 = /* @__PURE__ */ _$template(`<button type=button data-notification-clear>\uC804\uCCB4 \uC0AD\uC81C`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`), _tmpl$5 = /* @__PURE__ */ _$template(`<div class="w-80 p-2"><div><span class=font-bold>\uC54C\uB9BC`), _tmpl$6 = /* @__PURE__ */ _$template(`<div>\uC54C\uB9BC\uC774 \uC5C6\uC2B5\uB2C8\uB2E4`), _tmpl$7 = /* @__PURE__ */ _$template(`<pre>`), _tmpl$8 = /* @__PURE__ */ _$template(`<div><div class=font-medium></div><div>`);
|
|
10
9
|
import { createSignal, For, Show } from "solid-js";
|
|
11
10
|
import { IconBell } from "@tabler/icons-solidjs";
|
|
12
11
|
import clsx from "clsx";
|
|
@@ -34,7 +33,6 @@ const itemTimeClass = clsx("mt-1 text-xs", "text-base-400");
|
|
|
34
33
|
const NotificationBell = (props) => {
|
|
35
34
|
const notification = useNotification();
|
|
36
35
|
const [open, setOpen] = createSignal(false);
|
|
37
|
-
let buttonRef;
|
|
38
36
|
const handleClear = () => {
|
|
39
37
|
notification.clear();
|
|
40
38
|
setOpen(false);
|
|
@@ -52,99 +50,101 @@ const NotificationBell = (props) => {
|
|
|
52
50
|
get children() {
|
|
53
51
|
return _$createComponent(NotificationBanner, {});
|
|
54
52
|
}
|
|
55
|
-
}), (
|
|
56
|
-
var _el$ = _tmpl$2();
|
|
57
|
-
_el$.$$click = () => handleOpenChange(!open());
|
|
58
|
-
_$use((el) => buttonRef = el, _el$);
|
|
59
|
-
_$className(_el$, buttonClass);
|
|
60
|
-
_$insert(_el$, _$createComponent(Icon, {
|
|
61
|
-
icon: IconBell
|
|
62
|
-
}), null);
|
|
63
|
-
_$insert(_el$, _$createComponent(Show, {
|
|
64
|
-
get when() {
|
|
65
|
-
return notification.unreadCount() > 0;
|
|
66
|
-
},
|
|
67
|
-
get children() {
|
|
68
|
-
var _el$2 = _tmpl$();
|
|
69
|
-
_$className(_el$2, badgeClass);
|
|
70
|
-
_$insert(_el$2, () => notification.unreadCount());
|
|
71
|
-
return _el$2;
|
|
72
|
-
}
|
|
73
|
-
}), null);
|
|
74
|
-
_$effect((_p$) => {
|
|
75
|
-
var _v$ = `\uC54C\uB9BC ${notification.unreadCount()}\uAC1C`, _v$2 = open();
|
|
76
|
-
_v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
|
|
77
|
-
_v$2 !== _p$.t && _$setAttribute(_el$, "aria-expanded", _p$.t = _v$2);
|
|
78
|
-
return _p$;
|
|
79
|
-
}, {
|
|
80
|
-
e: void 0,
|
|
81
|
-
t: void 0
|
|
82
|
-
});
|
|
83
|
-
return _el$;
|
|
84
|
-
})(), _$createComponent(Dropdown, {
|
|
85
|
-
triggerRef: () => buttonRef,
|
|
53
|
+
}), _$createComponent(Dropdown, {
|
|
86
54
|
get open() {
|
|
87
55
|
return open();
|
|
88
56
|
},
|
|
89
57
|
onOpenChange: handleOpenChange,
|
|
90
58
|
maxHeight: 400,
|
|
91
|
-
"class": "w-80",
|
|
92
59
|
get children() {
|
|
93
|
-
|
|
94
|
-
_$className(_el$4, dropdownHeaderClass);
|
|
95
|
-
_$insert(_el$4, _$createComponent(Show, {
|
|
96
|
-
get when() {
|
|
97
|
-
return notification.items().length > 0;
|
|
98
|
-
},
|
|
60
|
+
return [_$createComponent(Dropdown.Trigger, {
|
|
99
61
|
get children() {
|
|
100
|
-
var _el$
|
|
101
|
-
_el
|
|
102
|
-
_$
|
|
103
|
-
|
|
62
|
+
var _el$ = _tmpl$2();
|
|
63
|
+
_$className(_el$, buttonClass);
|
|
64
|
+
_$insert(_el$, _$createComponent(Icon, {
|
|
65
|
+
icon: IconBell
|
|
66
|
+
}), null);
|
|
67
|
+
_$insert(_el$, _$createComponent(Show, {
|
|
68
|
+
get when() {
|
|
69
|
+
return notification.unreadCount() > 0;
|
|
70
|
+
},
|
|
71
|
+
get children() {
|
|
72
|
+
var _el$2 = _tmpl$();
|
|
73
|
+
_$className(_el$2, badgeClass);
|
|
74
|
+
_$insert(_el$2, () => notification.unreadCount());
|
|
75
|
+
return _el$2;
|
|
76
|
+
}
|
|
77
|
+
}), null);
|
|
78
|
+
_$effect((_p$) => {
|
|
79
|
+
var _v$ = `\uC54C\uB9BC ${notification.unreadCount()}\uAC1C`, _v$2 = open();
|
|
80
|
+
_v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
|
|
81
|
+
_v$2 !== _p$.t && _$setAttribute(_el$, "aria-expanded", _p$.t = _v$2);
|
|
82
|
+
return _p$;
|
|
83
|
+
}, {
|
|
84
|
+
e: void 0,
|
|
85
|
+
t: void 0
|
|
86
|
+
});
|
|
87
|
+
return _el$;
|
|
104
88
|
}
|
|
105
|
-
}),
|
|
106
|
-
_$insert(_el$3, _$createComponent(Show, {
|
|
107
|
-
get when() {
|
|
108
|
-
return notification.items().length > 0;
|
|
109
|
-
},
|
|
110
|
-
get fallback() {
|
|
111
|
-
return (() => {
|
|
112
|
-
var _el$8 = _tmpl$6();
|
|
113
|
-
_$className(_el$8, emptyClass);
|
|
114
|
-
return _el$8;
|
|
115
|
-
})();
|
|
116
|
-
},
|
|
89
|
+
}), _$createComponent(Dropdown.Content, {
|
|
117
90
|
get children() {
|
|
118
|
-
var _el$
|
|
119
|
-
_$className(_el$
|
|
120
|
-
_$insert(_el$
|
|
121
|
-
get
|
|
122
|
-
return
|
|
91
|
+
var _el$3 = _tmpl$5(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
|
|
92
|
+
_$className(_el$4, dropdownHeaderClass);
|
|
93
|
+
_$insert(_el$4, _$createComponent(Show, {
|
|
94
|
+
get when() {
|
|
95
|
+
return notification.items().length > 0;
|
|
96
|
+
},
|
|
97
|
+
get children() {
|
|
98
|
+
var _el$6 = _tmpl$3();
|
|
99
|
+
_el$6.$$click = handleClear;
|
|
100
|
+
_$className(_el$6, clearButtonClass);
|
|
101
|
+
return _el$6;
|
|
102
|
+
}
|
|
103
|
+
}), null);
|
|
104
|
+
_$insert(_el$3, _$createComponent(Show, {
|
|
105
|
+
get when() {
|
|
106
|
+
return notification.items().length > 0;
|
|
107
|
+
},
|
|
108
|
+
get fallback() {
|
|
109
|
+
return (() => {
|
|
110
|
+
var _el$8 = _tmpl$6();
|
|
111
|
+
_$className(_el$8, emptyClass);
|
|
112
|
+
return _el$8;
|
|
113
|
+
})();
|
|
123
114
|
},
|
|
124
|
-
children
|
|
125
|
-
var _el$
|
|
126
|
-
_$
|
|
127
|
-
_$insert(_el$
|
|
128
|
-
get
|
|
129
|
-
return
|
|
115
|
+
get children() {
|
|
116
|
+
var _el$7 = _tmpl$4();
|
|
117
|
+
_$className(_el$7, listClass);
|
|
118
|
+
_$insert(_el$7, _$createComponent(For, {
|
|
119
|
+
get each() {
|
|
120
|
+
return [...notification.items()].reverse();
|
|
130
121
|
},
|
|
131
|
-
|
|
132
|
-
var _el$
|
|
133
|
-
_$
|
|
134
|
-
_$insert(_el$
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
122
|
+
children: (item) => (() => {
|
|
123
|
+
var _el$9 = _tmpl$8(), _el$0 = _el$9.firstChild, _el$10 = _el$0.nextSibling;
|
|
124
|
+
_$insert(_el$0, () => item.title);
|
|
125
|
+
_$insert(_el$9, _$createComponent(Show, {
|
|
126
|
+
get when() {
|
|
127
|
+
return item.message;
|
|
128
|
+
},
|
|
129
|
+
get children() {
|
|
130
|
+
var _el$1 = _tmpl$7();
|
|
131
|
+
_$className(_el$1, itemMessageClass);
|
|
132
|
+
_$insert(_el$1, () => item.message);
|
|
133
|
+
return _el$1;
|
|
134
|
+
}
|
|
135
|
+
}), _el$10);
|
|
136
|
+
_$className(_el$10, itemTimeClass);
|
|
137
|
+
_$insert(_el$10, () => item.createdAt.toLocaleTimeString());
|
|
138
|
+
_$effect(() => _$className(_el$9, clsx(itemBaseClass, themeStyles[item.theme])));
|
|
139
|
+
return _el$9;
|
|
140
|
+
})()
|
|
141
|
+
}));
|
|
142
|
+
return _el$7;
|
|
143
|
+
}
|
|
144
|
+
}), null);
|
|
145
|
+
return _el$3;
|
|
145
146
|
}
|
|
146
|
-
})
|
|
147
|
-
return _el$3;
|
|
147
|
+
})];
|
|
148
148
|
}
|
|
149
149
|
})];
|
|
150
150
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/feedback/notification/NotificationBell.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["createSignal", "For", "Show", "IconBell", "clsx", "twMerge", "useNotification", "Dropdown", "Icon", "NotificationBanner", "iconButtonBase", "buttonClass", "badgeClass", "themeStyles", "info", "success", "warning", "danger", "dropdownHeaderClass", "clearButtonClass", "emptyClass", "listClass", "itemBaseClass", "itemMessageClass", "itemTimeClass", "NotificationBell", "props", "notification", "open", "setOpen", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createSignal", "For", "Show", "IconBell", "clsx", "twMerge", "useNotification", "Dropdown", "Icon", "NotificationBanner", "iconButtonBase", "buttonClass", "badgeClass", "themeStyles", "info", "success", "warning", "danger", "dropdownHeaderClass", "clearButtonClass", "emptyClass", "listClass", "itemBaseClass", "itemMessageClass", "itemTimeClass", "NotificationBell", "props", "notification", "open", "setOpen", "handleClear", "clear", "handleOpenChange", "isOpen", "markAllAsRead", "_$createComponent", "when", "showBanner", "children", "onOpenChange", "maxHeight", "Trigger", "_el$", "_tmpl$2", "_$className", "_$insert", "icon", "unreadCount", "_el$2", "_tmpl$", "_$effect", "_p$", "_v$", "_v$2", "e", "_$setAttribute", "t", "undefined", "Content", "_el$3", "_tmpl$5", "_el$4", "firstChild", "_el$5", "items", "length", "_el$6", "_tmpl$3", "$$click", "fallback", "_el$8", "_tmpl$6", "_el$7", "_tmpl$4", "each", "reverse", "item", "_el$9", "_tmpl$8", "_el$0", "_el$10", "nextSibling", "title", "message", "_el$1", "_tmpl$7", "createdAt", "toLocaleTimeString", "theme", "_$delegateEvents"]
|
|
6
6
|
}
|
|
@@ -6,7 +6,7 @@ const Invalid = (props) => {
|
|
|
6
6
|
const hiddenInputEl = document.createElement("input");
|
|
7
7
|
hiddenInputEl.type = "text";
|
|
8
8
|
hiddenInputEl.className = clsx("absolute bottom-0 left-1/2", "size-px opacity-0", "pointer-events-none -z-10");
|
|
9
|
-
hiddenInputEl.autocomplete = "
|
|
9
|
+
hiddenInputEl.autocomplete = "one-time-code";
|
|
10
10
|
hiddenInputEl.tabIndex = -1;
|
|
11
11
|
hiddenInputEl.setAttribute("aria-hidden", "true");
|
|
12
12
|
const [touched, setTouched] = createSignal(false);
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { type JSX } from "solid-js";
|
|
2
2
|
import { ComboboxItem } from "./ComboboxItem";
|
|
3
3
|
import { type ComponentSize } from "../../../styles/tokens.styles";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
/**
|
|
5
|
+
* 아이템 템플릿 서브 컴포넌트
|
|
6
|
+
*/
|
|
7
|
+
declare const ComboboxItemTemplate: <TArgs extends unknown[]>(props: {
|
|
8
|
+
children: (...args: TArgs) => JSX.Element;
|
|
9
|
+
}) => null;
|
|
7
10
|
export interface ComboboxProps<TValue = unknown> {
|
|
8
11
|
/** 현재 선택된 값 */
|
|
9
12
|
value?: TValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\combobox\\Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,GAAG,EAA+B,MAAM,UAAU,CAAC;AAQhG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,+BAA+B,CAAC;AAgB9E;;GAEG;AACH,QAAA,MAAM,oBAAoB,GAAI,KAAK,SAAS,OAAO,EAAE,EAAE,OAAO;IAC5D,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3C,SAMA,CAAC;AAGF,MAAM,WAAW,aAAa,CAAC,MAAM,GAAG,OAAO;IAC7C,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,qBAAqB;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAE3D,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,eAAe;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,kBAAkB;IAClB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAE5C,2BAA2B;IAC3B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5C,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,aAAa;IACb,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,UAAU,iBAAiB;IACzB,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9D,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B,YAAY,EAAE,OAAO,oBAAoB,CAAC;CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,QAAQ,EAAE,iBA0PtB,CAAC"}
|