@simplysm/solid 13.0.29 → 13.0.30
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 +10 -5
- package/dist/components/data/Pagination.d.ts +4 -5
- package/dist/components/data/Pagination.d.ts.map +1 -1
- package/dist/components/data/Pagination.js +14 -14
- package/dist/components/data/Pagination.js.map +2 -2
- package/dist/components/data/Table.js +1 -1
- package/dist/components/data/calendar/Calendar.js +1 -1
- package/dist/components/data/kanban/Kanban.d.ts +9 -9
- package/dist/components/data/kanban/Kanban.d.ts.map +1 -1
- package/dist/components/data/kanban/Kanban.js +4 -4
- package/dist/components/data/kanban/Kanban.js.map +2 -2
- package/dist/components/data/sheet/DataSheet.d.ts.map +1 -1
- package/dist/components/data/sheet/DataSheet.js +102 -107
- package/dist/components/data/sheet/DataSheet.js.map +2 -2
- package/dist/components/data/sheet/DataSheet.styles.js +1 -1
- package/dist/components/data/sheet/types.d.ts +2 -2
- package/dist/components/data/sheet/types.d.ts.map +1 -1
- package/dist/components/disclosure/Dialog.d.ts +8 -8
- package/dist/components/disclosure/Dialog.d.ts.map +1 -1
- package/dist/components/disclosure/Dialog.js +64 -69
- package/dist/components/disclosure/Dialog.js.map +2 -2
- package/dist/components/disclosure/DialogContext.d.ts +4 -4
- package/dist/components/disclosure/DialogContext.d.ts.map +1 -1
- package/dist/components/disclosure/DialogProvider.js +8 -8
- package/dist/components/disclosure/DialogProvider.js.map +2 -2
- package/dist/components/feedback/Progress.d.ts +3 -3
- package/dist/components/feedback/Progress.d.ts.map +1 -1
- package/dist/components/feedback/Progress.js +1 -1
- package/dist/components/feedback/Progress.js.map +2 -2
- package/dist/components/feedback/busy/BusyContainer.d.ts +1 -0
- package/dist/components/feedback/busy/BusyContainer.d.ts.map +1 -1
- package/dist/components/feedback/busy/BusyContainer.js +13 -6
- package/dist/components/feedback/busy/BusyContainer.js.map +2 -2
- package/dist/components/feedback/notification/NotificationBanner.js +1 -1
- 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 +4 -2
- package/dist/components/feedback/notification/NotificationBell.js.map +2 -2
- package/dist/components/feedback/notification/NotificationProvider.d.ts.map +1 -1
- package/dist/components/feedback/notification/NotificationProvider.js +1 -0
- package/dist/components/feedback/notification/NotificationProvider.js.map +1 -1
- package/dist/components/form-control/Invalid.d.ts +4 -2
- package/dist/components/form-control/Invalid.d.ts.map +1 -1
- package/dist/components/form-control/Invalid.js +81 -41
- package/dist/components/form-control/Invalid.js.map +2 -2
- package/dist/components/form-control/ThemeToggle.d.ts.map +1 -1
- package/dist/components/form-control/ThemeToggle.js +4 -5
- package/dist/components/form-control/ThemeToggle.js.map +2 -2
- package/dist/components/form-control/checkbox/Checkbox.d.ts +4 -2
- package/dist/components/form-control/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/Checkbox.js +65 -52
- package/dist/components/form-control/checkbox/Checkbox.js.map +2 -2
- package/dist/components/form-control/checkbox/Checkbox.styles.d.ts +1 -2
- package/dist/components/form-control/checkbox/Checkbox.styles.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/Checkbox.styles.js +3 -9
- package/dist/components/form-control/checkbox/Checkbox.styles.js.map +1 -1
- package/dist/components/form-control/checkbox/CheckboxGroup.d.ts +9 -9
- package/dist/components/form-control/checkbox/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/CheckboxGroup.js +10 -82
- package/dist/components/form-control/checkbox/CheckboxGroup.js.map +2 -2
- package/dist/components/form-control/checkbox/Radio.d.ts +4 -2
- package/dist/components/form-control/checkbox/Radio.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/Radio.js +64 -51
- package/dist/components/form-control/checkbox/Radio.js.map +2 -2
- package/dist/components/form-control/checkbox/RadioGroup.d.ts +9 -9
- package/dist/components/form-control/checkbox/RadioGroup.d.ts.map +1 -1
- package/dist/components/form-control/checkbox/RadioGroup.js +10 -77
- package/dist/components/form-control/checkbox/RadioGroup.js.map +2 -2
- package/dist/components/form-control/color-picker/ColorPicker.d.ts +8 -3
- package/dist/components/form-control/color-picker/ColorPicker.d.ts.map +1 -1
- package/dist/components/form-control/color-picker/ColorPicker.js +43 -26
- package/dist/components/form-control/color-picker/ColorPicker.js.map +2 -2
- package/dist/components/form-control/combobox/Combobox.d.ts +8 -8
- package/dist/components/form-control/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/form-control/combobox/Combobox.js +72 -59
- package/dist/components/form-control/combobox/Combobox.js.map +2 -2
- package/dist/components/form-control/editor/EditorToolbar.d.ts.map +1 -1
- package/dist/components/form-control/editor/EditorToolbar.js +3 -2
- package/dist/components/form-control/editor/EditorToolbar.js.map +2 -2
- package/dist/components/form-control/field/DatePicker.d.ts +6 -0
- package/dist/components/form-control/field/DatePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DatePicker.js +138 -117
- package/dist/components/form-control/field/DatePicker.js.map +2 -2
- package/dist/components/form-control/field/DateTimePicker.d.ts +6 -0
- package/dist/components/form-control/field/DateTimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/DateTimePicker.js +138 -115
- package/dist/components/form-control/field/DateTimePicker.js.map +2 -2
- package/dist/components/form-control/field/Field.styles.d.ts +14 -0
- package/dist/components/form-control/field/Field.styles.d.ts.map +1 -1
- package/dist/components/form-control/field/Field.styles.js +30 -0
- package/dist/components/form-control/field/Field.styles.js.map +1 -1
- package/dist/components/form-control/field/FieldPlaceholder.d.ts +7 -0
- package/dist/components/form-control/field/FieldPlaceholder.d.ts.map +1 -0
- package/dist/components/form-control/field/FieldPlaceholder.js +34 -0
- package/dist/components/form-control/field/FieldPlaceholder.js.map +6 -0
- package/dist/components/form-control/field/NumberInput.d.ts +10 -0
- package/dist/components/form-control/field/NumberInput.d.ts.map +1 -1
- package/dist/components/form-control/field/NumberInput.js +149 -115
- package/dist/components/form-control/field/NumberInput.js.map +2 -2
- package/dist/components/form-control/field/TextInput.d.ts +12 -0
- package/dist/components/form-control/field/TextInput.d.ts.map +1 -1
- package/dist/components/form-control/field/TextInput.js +162 -116
- package/dist/components/form-control/field/TextInput.js.map +2 -2
- package/dist/components/form-control/field/Textarea.d.ts +10 -0
- package/dist/components/form-control/field/Textarea.d.ts.map +1 -1
- package/dist/components/form-control/field/Textarea.js +156 -121
- package/dist/components/form-control/field/Textarea.js.map +2 -2
- package/dist/components/form-control/field/TimePicker.d.ts +10 -0
- package/dist/components/form-control/field/TimePicker.d.ts.map +1 -1
- package/dist/components/form-control/field/TimePicker.js +126 -94
- package/dist/components/form-control/field/TimePicker.js.map +2 -2
- package/dist/components/form-control/select/Select.d.ts +7 -9
- package/dist/components/form-control/select/Select.d.ts.map +1 -1
- package/dist/components/form-control/select/Select.js +71 -60
- package/dist/components/form-control/select/Select.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 +2 -1
- package/dist/components/form-control/state-preset/StatePreset.js.map +2 -2
- package/dist/components/layout/sidebar/SidebarMenu.js +1 -1
- package/dist/components/layout/sidebar/SidebarMenu.js.map +1 -1
- package/dist/components/layout/sidebar/SidebarUser.js +2 -2
- package/dist/components/layout/sidebar/SidebarUser.js.map +1 -1
- package/dist/hooks/createItemTemplate.d.ts +17 -0
- package/dist/hooks/createItemTemplate.d.ts.map +1 -0
- package/dist/hooks/createItemTemplate.js +40 -0
- package/dist/hooks/createItemTemplate.js.map +6 -0
- package/dist/hooks/createPointerDrag.d.ts +13 -0
- package/dist/hooks/createPointerDrag.d.ts.map +1 -0
- package/dist/hooks/createPointerDrag.js +15 -0
- package/dist/hooks/createPointerDrag.js.map +6 -0
- package/dist/hooks/createSelectionGroup.d.ts +70 -0
- package/dist/hooks/createSelectionGroup.d.ts.map +1 -0
- package/dist/hooks/createSelectionGroup.js +141 -0
- package/dist/hooks/createSelectionGroup.js.map +6 -0
- package/dist/hooks/useLocalStorage.d.ts +5 -3
- package/dist/hooks/useLocalStorage.d.ts.map +1 -1
- package/dist/hooks/useLocalStorage.js.map +1 -1
- package/dist/hooks/{createPwaUpdate.d.ts → usePwaUpdate.d.ts} +2 -2
- package/dist/hooks/usePwaUpdate.d.ts.map +1 -0
- package/dist/hooks/{createPwaUpdate.js → usePwaUpdate.js} +3 -3
- package/dist/hooks/usePwaUpdate.js.map +6 -0
- package/dist/hooks/useSyncConfig.d.ts +3 -3
- package/dist/hooks/useSyncConfig.d.ts.map +1 -1
- package/dist/hooks/useSyncConfig.js +6 -7
- package/dist/hooks/useSyncConfig.js.map +1 -1
- package/dist/index.d.ts +1 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -4
- package/dist/index.js.map +1 -1
- package/dist/providers/InitializeProvider.js +2 -2
- package/dist/providers/InitializeProvider.js.map +2 -2
- package/dist/providers/ThemeContext.d.ts.map +1 -1
- package/dist/providers/ThemeContext.js +2 -1
- package/dist/providers/ThemeContext.js.map +2 -2
- package/dist/styles/patterns.styles.d.ts +1 -0
- package/dist/styles/patterns.styles.d.ts.map +1 -1
- package/dist/styles/patterns.styles.js +11 -0
- package/dist/styles/patterns.styles.js.map +1 -1
- package/dist/styles/tokens.styles.d.ts +1 -0
- package/dist/styles/tokens.styles.d.ts.map +1 -1
- package/dist/styles/tokens.styles.js.map +1 -1
- package/docs/data-components.md +34 -5
- package/docs/disclosure.md +28 -8
- package/docs/feedback.md +25 -2
- package/docs/form-controls.md +289 -33
- package/docs/hooks.md +19 -7
- package/docs/layout.md +12 -0
- package/docs/providers.md +120 -8
- package/docs/styling.md +90 -0
- package/package.json +3 -3
- package/src/components/data/Pagination.tsx +20 -21
- package/src/components/data/Table.tsx +1 -1
- package/src/components/data/calendar/Calendar.tsx +1 -1
- package/src/components/data/kanban/Kanban.tsx +18 -25
- package/src/components/data/sheet/DataSheet.styles.ts +1 -1
- package/src/components/data/sheet/DataSheet.tsx +122 -131
- package/src/components/data/sheet/types.ts +2 -2
- package/src/components/disclosure/Dialog.tsx +87 -100
- package/src/components/disclosure/DialogContext.ts +4 -4
- package/src/components/disclosure/DialogProvider.tsx +4 -4
- package/src/components/feedback/Progress.tsx +9 -5
- package/src/components/feedback/busy/BusyContainer.tsx +9 -5
- package/src/components/feedback/notification/NotificationBanner.tsx +1 -1
- package/src/components/feedback/notification/NotificationBell.tsx +4 -12
- package/src/components/feedback/notification/NotificationProvider.tsx +1 -0
- package/src/components/form-control/Invalid.tsx +114 -52
- package/src/components/form-control/ThemeToggle.tsx +4 -17
- package/src/components/form-control/checkbox/Checkbox.styles.ts +2 -9
- package/src/components/form-control/checkbox/Checkbox.tsx +39 -28
- package/src/components/form-control/checkbox/CheckboxGroup.tsx +18 -97
- package/src/components/form-control/checkbox/Radio.tsx +39 -28
- package/src/components/form-control/checkbox/RadioGroup.tsx +18 -92
- package/src/components/form-control/color-picker/ColorPicker.tsx +36 -16
- package/src/components/form-control/combobox/Combobox.tsx +43 -33
- package/src/components/form-control/editor/EditorToolbar.tsx +3 -14
- package/src/components/form-control/field/DatePicker.tsx +99 -97
- package/src/components/form-control/field/DateTimePicker.tsx +107 -95
- package/src/components/form-control/field/Field.styles.ts +45 -0
- package/src/components/form-control/field/FieldPlaceholder.tsx +18 -0
- package/src/components/form-control/field/NumberInput.tsx +122 -94
- package/src/components/form-control/field/TextInput.tsx +119 -95
- package/src/components/form-control/field/Textarea.tsx +124 -98
- package/src/components/form-control/field/TimePicker.tsx +101 -75
- package/src/components/form-control/select/Select.tsx +52 -44
- package/src/components/form-control/state-preset/StatePreset.tsx +2 -8
- package/src/components/layout/sidebar/SidebarMenu.tsx +1 -1
- package/src/components/layout/sidebar/SidebarUser.tsx +3 -3
- package/src/hooks/createItemTemplate.tsx +42 -0
- package/src/hooks/createPointerDrag.ts +28 -0
- package/src/hooks/createSelectionGroup.tsx +235 -0
- package/src/hooks/useLocalStorage.ts +8 -4
- package/src/hooks/{createPwaUpdate.ts → usePwaUpdate.ts} +1 -1
- package/src/hooks/useSyncConfig.ts +9 -13
- package/src/index.ts +1 -3
- package/src/providers/InitializeProvider.tsx +2 -2
- package/src/providers/ThemeContext.tsx +2 -1
- package/src/styles/patterns.styles.ts +12 -0
- package/src/styles/tokens.styles.ts +1 -0
- package/dist/hooks/createPwaUpdate.d.ts.map +0 -1
- package/dist/hooks/createPwaUpdate.js.map +0 -6
|
@@ -16,6 +16,7 @@ import { twMerge } from "tailwind-merge";
|
|
|
16
16
|
import { IconX } from "@tabler/icons-solidjs";
|
|
17
17
|
import { createControllableSignal } from "../../hooks/createControllableSignal.js";
|
|
18
18
|
import { createMountTransition } from "../../hooks/createMountTransition.js";
|
|
19
|
+
import { createPointerDrag } from "../../hooks/createPointerDrag.js";
|
|
19
20
|
import { mergeStyles } from "../../helpers/mergeStyles.js";
|
|
20
21
|
import { Icon } from "../display/Icon.js";
|
|
21
22
|
import { borderSubtle } from "../../styles/tokens.styles.js";
|
|
@@ -45,7 +46,7 @@ const resizePositionMap = {
|
|
|
45
46
|
};
|
|
46
47
|
const Dialog = (props) => {
|
|
47
48
|
const dialogDefaults = useContext(DialogDefaultsContext);
|
|
48
|
-
const [local] = splitProps(props, ["open", "onOpenChange", "title", "hideHeader", "closable", "closeOnBackdrop", "closeOnEscape", "resizable", "movable", "float", "fill", "
|
|
49
|
+
const [local] = splitProps(props, ["open", "onOpenChange", "title", "hideHeader", "closable", "closeOnBackdrop", "closeOnEscape", "resizable", "movable", "float", "fill", "width", "height", "minWidth", "minHeight", "position", "headerStyle", "headerAction", "canDeactivate", "onCloseComplete", "class", "children"]);
|
|
49
50
|
const [open, setOpen] = createControllableSignal({
|
|
50
51
|
value: () => local.open ?? false,
|
|
51
52
|
onChange: () => local.onOpenChange
|
|
@@ -117,49 +118,45 @@ const Dialog = (props) => {
|
|
|
117
118
|
if (!dialogRef || !wrapperRef) return;
|
|
118
119
|
if (event.target.closest("button")) return;
|
|
119
120
|
const target = event.currentTarget;
|
|
120
|
-
target.setPointerCapture(event.pointerId);
|
|
121
121
|
const dialogEl = dialogRef;
|
|
122
122
|
const wrapperEl = wrapperRef;
|
|
123
123
|
const startX = event.clientX;
|
|
124
124
|
const startY = event.clientY;
|
|
125
125
|
const startTop = dialogEl.offsetTop;
|
|
126
126
|
const startLeft = dialogEl.offsetLeft;
|
|
127
|
-
|
|
128
|
-
e
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
dialogEl.
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
dialogEl.
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
dialogEl.
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
dialogEl.
|
|
127
|
+
createPointerDrag(target, event.pointerId, {
|
|
128
|
+
onMove(e) {
|
|
129
|
+
e.stopPropagation();
|
|
130
|
+
e.preventDefault();
|
|
131
|
+
dialogEl.style.position = "absolute";
|
|
132
|
+
dialogEl.style.left = `${startLeft + e.clientX - startX}px`;
|
|
133
|
+
dialogEl.style.top = `${startTop + e.clientY - startY}px`;
|
|
134
|
+
dialogEl.style.right = "auto";
|
|
135
|
+
dialogEl.style.bottom = "auto";
|
|
136
|
+
dialogEl.style.margin = "0";
|
|
137
|
+
if (dialogEl.offsetLeft > wrapperEl.offsetWidth - 100) {
|
|
138
|
+
dialogEl.style.left = wrapperEl.offsetWidth - 100 + "px";
|
|
139
|
+
}
|
|
140
|
+
if (dialogEl.offsetTop > wrapperEl.offsetHeight - 100) {
|
|
141
|
+
dialogEl.style.top = wrapperEl.offsetHeight - 100 + "px";
|
|
142
|
+
}
|
|
143
|
+
if (dialogEl.offsetTop < 0) {
|
|
144
|
+
dialogEl.style.top = "0";
|
|
145
|
+
}
|
|
146
|
+
if (dialogEl.offsetLeft < -dialogEl.offsetWidth + 100) {
|
|
147
|
+
dialogEl.style.left = -dialogEl.offsetWidth + 100 + "px";
|
|
148
|
+
}
|
|
149
|
+
},
|
|
150
|
+
onEnd(e) {
|
|
151
|
+
e.stopPropagation();
|
|
152
|
+
e.preventDefault();
|
|
147
153
|
}
|
|
148
|
-
};
|
|
149
|
-
const stopDrag = (e) => {
|
|
150
|
-
e.stopPropagation();
|
|
151
|
-
e.preventDefault();
|
|
152
|
-
target.removeEventListener("pointermove", doDrag);
|
|
153
|
-
target.removeEventListener("pointerup", stopDrag);
|
|
154
|
-
};
|
|
155
|
-
target.addEventListener("pointermove", doDrag);
|
|
156
|
-
target.addEventListener("pointerup", stopDrag);
|
|
154
|
+
});
|
|
157
155
|
};
|
|
158
156
|
const handleResizeBarPointerDown = (event, direction) => {
|
|
159
157
|
if (!local.resizable) return;
|
|
160
158
|
if (!dialogRef) return;
|
|
161
159
|
const target = event.currentTarget;
|
|
162
|
-
target.setPointerCapture(event.pointerId);
|
|
163
160
|
const dialogEl = dialogRef;
|
|
164
161
|
const startX = event.clientX;
|
|
165
162
|
const startY = event.clientY;
|
|
@@ -167,37 +164,35 @@ const Dialog = (props) => {
|
|
|
167
164
|
const startWidth = dialogEl.clientWidth;
|
|
168
165
|
const startTop = dialogEl.offsetTop;
|
|
169
166
|
const startLeft = dialogEl.offsetLeft;
|
|
170
|
-
|
|
171
|
-
e
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
if (
|
|
175
|
-
dialogEl.style.
|
|
176
|
-
|
|
167
|
+
createPointerDrag(target, event.pointerId, {
|
|
168
|
+
onMove(e) {
|
|
169
|
+
e.stopPropagation();
|
|
170
|
+
e.preventDefault();
|
|
171
|
+
if (direction === "top" || direction === "top-right" || direction === "top-left") {
|
|
172
|
+
if (dialogEl.style.position === "absolute") {
|
|
173
|
+
dialogEl.style.top = startTop + (e.clientY - startY) + "px";
|
|
174
|
+
dialogEl.style.bottom = "auto";
|
|
175
|
+
}
|
|
176
|
+
dialogEl.style.height = `${Math.max(startHeight - (e.clientY - startY), local.minHeight ?? 0)}px`;
|
|
177
177
|
}
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
if (direction === "right" || direction === "bottom-right" || direction === "top-right") {
|
|
184
|
-
dialogEl.style.width = `${Math.max(startWidth + (e.clientX - startX) * (dialogEl.style.position === "absolute" ? 1 : 2), local.minWidthPx ?? 0)}px`;
|
|
185
|
-
}
|
|
186
|
-
if (direction === "left" || direction === "bottom-left" || direction === "top-left") {
|
|
187
|
-
if (dialogEl.style.position === "absolute") {
|
|
188
|
-
dialogEl.style.left = startLeft + (e.clientX - startX) + "px";
|
|
178
|
+
if (direction === "bottom" || direction === "bottom-right" || direction === "bottom-left") {
|
|
179
|
+
dialogEl.style.height = `${Math.max(startHeight + e.clientY - startY, local.minHeight ?? 0)}px`;
|
|
180
|
+
}
|
|
181
|
+
if (direction === "right" || direction === "bottom-right" || direction === "top-right") {
|
|
182
|
+
dialogEl.style.width = `${Math.max(startWidth + (e.clientX - startX) * (dialogEl.style.position === "absolute" ? 1 : 2), local.minWidth ?? 0)}px`;
|
|
189
183
|
}
|
|
190
|
-
|
|
184
|
+
if (direction === "left" || direction === "bottom-left" || direction === "top-left") {
|
|
185
|
+
if (dialogEl.style.position === "absolute") {
|
|
186
|
+
dialogEl.style.left = startLeft + (e.clientX - startX) + "px";
|
|
187
|
+
}
|
|
188
|
+
dialogEl.style.width = `${Math.max(startWidth - (e.clientX - startX) * (dialogEl.style.position === "absolute" ? 1 : 2), local.minWidth ?? 0)}px`;
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
onEnd(e) {
|
|
192
|
+
e.stopPropagation();
|
|
193
|
+
e.preventDefault();
|
|
191
194
|
}
|
|
192
|
-
};
|
|
193
|
-
const stopDrag = (e) => {
|
|
194
|
-
e.stopPropagation();
|
|
195
|
-
e.preventDefault();
|
|
196
|
-
target.removeEventListener("pointermove", doDrag);
|
|
197
|
-
target.removeEventListener("pointerup", stopDrag);
|
|
198
|
-
};
|
|
199
|
-
target.addEventListener("pointermove", doDrag);
|
|
200
|
-
target.addEventListener("pointerup", stopDrag);
|
|
195
|
+
});
|
|
201
196
|
};
|
|
202
197
|
const dialogStyle = () => {
|
|
203
198
|
const style = {};
|
|
@@ -205,18 +200,18 @@ const Dialog = (props) => {
|
|
|
205
200
|
style.width = "100%";
|
|
206
201
|
style.height = "100%";
|
|
207
202
|
} else {
|
|
208
|
-
if (local.
|
|
209
|
-
style.width = `${local.
|
|
203
|
+
if (local.width !== void 0) {
|
|
204
|
+
style.width = `${local.width}px`;
|
|
210
205
|
}
|
|
211
|
-
if (local.
|
|
212
|
-
style.height = `${local.
|
|
206
|
+
if (local.height !== void 0) {
|
|
207
|
+
style.height = `${local.height}px`;
|
|
213
208
|
}
|
|
214
209
|
}
|
|
215
|
-
if (local.
|
|
216
|
-
style["min-width"] = `${local.
|
|
210
|
+
if (local.minWidth !== void 0) {
|
|
211
|
+
style["min-width"] = `${local.minWidth}px`;
|
|
217
212
|
}
|
|
218
|
-
if (local.
|
|
219
|
-
style["min-height"] = `${local.
|
|
213
|
+
if (local.minHeight !== void 0) {
|
|
214
|
+
style["min-height"] = `${local.minHeight}px`;
|
|
220
215
|
}
|
|
221
216
|
if (local.position === "bottom-right") {
|
|
222
217
|
style.position = "absolute";
|
|
@@ -299,7 +294,7 @@ const Dialog = (props) => {
|
|
|
299
294
|
}
|
|
300
295
|
}), null);
|
|
301
296
|
_$effect((_p$) => {
|
|
302
|
-
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-
|
|
297
|
+
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");
|
|
303
298
|
_v$ !== _p$.e && _$className(_el$4, _p$.e = _v$);
|
|
304
299
|
_p$.t = _$style(_el$4, _v$2, _p$.t);
|
|
305
300
|
_v$3 !== _p$.a && _$className(_el$5, _p$.a = _v$3);
|
|
@@ -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,kBACK;AACP,SAASC,cAAc;AACvB,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,aAAa;AACtB,SAASC,gCAAgC;AACzC,SAASC,6BAA6B;AACtC,SAASC,mBAAmB;AAC5B,SAASC,YAAY;AACrB,SAASC,oBAAoB;AAC7B,SAASC,6BAA6B;AACtC,SAASC,gBAAgBC,kBAAkBC,oBAAoB;AA2D/D,MAAMC,oBAAuC,CAC3C,QACA,SACA,OACA,UACA,YACA,aACA,eACA,cAAc;AAGhB,MAAMC,kBAAmD;EACvD,QAAQ;EACR,SAAS;EACT,OAAO;EACP,UAAU;EACV,YAAY;EACZ,aAAa;EACb,eAAe;EACf,gBAAgB;AAClB;AAEA,MAAMC,
|
|
5
|
-
"names": ["createEffect", "onCleanup", "Show", "splitProps", "For", "useContext", "Portal", "clsx", "twMerge", "IconX", "createControllableSignal", "createMountTransition", "mergeStyles", "Icon", "borderSubtle", "DialogDefaultsContext", "registerDialog", "unregisterDialog", "bringToFront", "RESIZE_DIRECTIONS", "resizeCursorMap", "dialogContentClass", "resizePositionMap", "Dialog", "props", "dialogDefaults", "local", "open", "setOpen", "value", "onChange", "onOpenChange", "mounted", "animating", "unmount", "closeCompleteEmitted", "emitCloseComplete", "onCloseComplete", "dialogRef", "wrapperRef", "closeOnEscape", "closeOnBackdrop", "handleKeyDown", "e", "key", "tryClose", "document", "addEventListener", "removeEventListener", "canDeactivate", "handleBackdropClick", "handleCloseClick", "handleTransitionEnd", "propertyName", "handleDialogFocus", "handleHeaderPointerDown", "event", "movable", "target", "closest", "currentTarget", "
|
|
4
|
+
"mappings": "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",
|
|
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", "props", "dialogDefaults", "local", "open", "setOpen", "value", "onChange", "onOpenChange", "mounted", "animating", "unmount", "closeCompleteEmitted", "emitCloseComplete", "onCloseComplete", "dialogRef", "wrapperRef", "closeOnEscape", "closeOnBackdrop", "handleKeyDown", "e", "key", "tryClose", "document", "addEventListener", "removeEventListener", "canDeactivate", "handleBackdropClick", "handleCloseClick", "handleTransitionEnd", "propertyName", "handleDialogFocus", "handleHeaderPointerDown", "event", "movable", "target", "closest", "currentTarget", "dialogEl", "wrapperEl", "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", "undefined", "animationClass", "base", "wrapperClass", "float", "backdropClass", "dialogBaseClass", "headerClass", "_$createComponent", "when", "children", "_el$", "_tmpl$4", "_el$3", "firstChild", "_el$7", "_$use", "el", "_$insert", "_el$2", "_tmpl$", "$$click", "_$effect", "_$className", "hideHeader", "_el$4", "_tmpl$3", "_el$5", "$$pointerdown", "title", "headerAction", "closable", "_el$6", "_tmpl$2", "icon", "size", "_p$", "_v$", "_v$2", "headerStyle", "_v$3", "t", "_$style", "a", "each", "_el$8", "_tmpl$5", "_$setAttribute", "_v$4", "_v$5", "_v$6", "_v$7", "class", "_v$8", "o", "i", "_$delegateEvents"]
|
|
6
6
|
}
|
|
@@ -14,10 +14,10 @@ export interface DialogShowOptions {
|
|
|
14
14
|
movable?: boolean;
|
|
15
15
|
float?: boolean;
|
|
16
16
|
fill?: boolean;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
width?: number;
|
|
18
|
+
height?: number;
|
|
19
|
+
minWidth?: number;
|
|
20
|
+
minHeight?: number;
|
|
21
21
|
position?: "bottom-right" | "top-right";
|
|
22
22
|
headerStyle?: JSX.CSSProperties | string;
|
|
23
23
|
canDeactivate?: () => boolean;
|
|
@@ -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,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB,kEAA4C,CAAC;AAE/E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;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,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB,kEAA4C,CAAC;AAE/E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;IACxC,WAAW,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,MAAM,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,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,eAAO,MAAM,aAAa,4DAAsC,CAAC;AAEjE,wBAAgB,SAAS,IAAI,kBAAkB,CAI9C"}
|
|
@@ -97,17 +97,17 @@ const DialogProvider = (props) => {
|
|
|
97
97
|
get fill() {
|
|
98
98
|
return entry.options.fill;
|
|
99
99
|
},
|
|
100
|
-
get
|
|
101
|
-
return entry.options.
|
|
100
|
+
get width() {
|
|
101
|
+
return entry.options.width;
|
|
102
102
|
},
|
|
103
|
-
get
|
|
104
|
-
return entry.options.
|
|
103
|
+
get height() {
|
|
104
|
+
return entry.options.height;
|
|
105
105
|
},
|
|
106
|
-
get
|
|
107
|
-
return entry.options.
|
|
106
|
+
get minWidth() {
|
|
107
|
+
return entry.options.minWidth;
|
|
108
108
|
},
|
|
109
|
-
get
|
|
110
|
-
return entry.options.
|
|
109
|
+
get minHeight() {
|
|
110
|
+
return entry.options.minHeight;
|
|
111
111
|
},
|
|
112
112
|
get position() {
|
|
113
113
|
return entry.options.position;
|
|
@@ -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,IAAIhB,aAA4B,CAAA,CAAE;AAE5D,QAAMiB,OAAOA,CACXC,SACAC,YAC2B;AAC3B,WAAO,IAAIC,QAAwBC,aAAY;AAC7C,YAAMC,KAAKC,OAAOhB,QAAQ;AAC1B,YAAM,CAACiB,MAAMC,OAAO,IAAIzB,aAAa,IAAI;AACzC,YAAM0B,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,kBACdnC,KAAG;YAAA,IAACwC,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,QAAK;AAAA,yBAAErB,MAAMP,QAAQ4B;gBAAK;gBAAA,IAC1BC,aAAU;AAAA,yBAAEtB,MAAMP,QAAQ6B;gBAAU;gBAAA,IACpCC,WAAQ;AAAA,yBAAEvB,MAAMP,QAAQ8B;gBAAQ;gBAAA,IAChCnC,kBAAe;AAAA,yBAAEY,MAAMP,QAAQL;gBAAe;gBAAA,IAC9CD,gBAAa;AAAA,yBAAEa,MAAMP,QAAQN;gBAAa;gBAAA,IAC1CqC,YAAS;AAAA,yBAAExB,MAAMP,QAAQ+B;gBAAS;gBAAA,IAClCC,UAAO;AAAA,yBAAEzB,MAAMP,QAAQgC;gBAAO;gBAAA,IAC9BC,QAAK;AAAA,yBAAE1B,MAAMP,QAAQiC;gBAAK;gBAAA,IAC1BC,OAAI;AAAA,yBAAE3B,MAAMP,QAAQkC;gBAAI;gBAAA,IACxBC,
|
|
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", "title", "hideHeader", "closable", "resizable", "movable", "float", "fill", "
|
|
4
|
+
"mappings": "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",
|
|
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", "title", "hideHeader", "closable", "resizable", "movable", "float", "fill", "width", "height", "minWidth", "minHeight", "position", "headerStyle", "canDeactivate"]
|
|
6
6
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { type JSX, type ParentComponent } from "solid-js";
|
|
2
|
-
import { type SemanticTheme } from "../../styles/tokens.styles";
|
|
2
|
+
import { type ComponentSizeCompact, type SemanticTheme } from "../../styles/tokens.styles";
|
|
3
3
|
export type ProgressTheme = SemanticTheme;
|
|
4
|
-
export type ProgressSize = "sm" | "lg";
|
|
5
4
|
export interface ProgressProps extends JSX.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
/** 진행률 (0~1 범위, 0 = 0%, 1 = 100%) */
|
|
6
6
|
value: number;
|
|
7
7
|
theme?: ProgressTheme;
|
|
8
|
-
size?:
|
|
8
|
+
size?: ComponentSizeCompact;
|
|
9
9
|
inset?: boolean;
|
|
10
10
|
}
|
|
11
11
|
export declare const Progress: ParentComponent<ProgressProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAG5E,OAAO,
|
|
1
|
+
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAoB,MAAM,UAAU,CAAC;AAG5E,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAEnB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC;AAE1C,MAAM,WAAW,aAAc,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsBD,eAAO,MAAM,QAAQ,EAAE,eAAe,CAAC,aAAa,CAyBnD,CAAC"}
|
|
@@ -29,7 +29,7 @@ const Progress = (props) => {
|
|
|
29
29
|
const theme = local.theme ?? "primary";
|
|
30
30
|
return clsx("absolute left-0 top-0 h-full", "z-[1]", "transition-all", barThemeClasses[theme]);
|
|
31
31
|
};
|
|
32
|
-
const getPercentText = () => (local.value * 100).toFixed(2) + "%";
|
|
32
|
+
const getPercentText = () => (Math.max(0, Math.min(1, local.value)) * 100).toFixed(2) + "%";
|
|
33
33
|
return (() => {
|
|
34
34
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
35
35
|
_$spread(_el$, _$mergeProps({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/feedback/Progress.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;AAAA,SAAyCA,MAAMC,kBAAkB;AACjE,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,
|
|
5
|
-
"names": ["Show", "splitProps", "clsx", "twMerge", "themeTokens", "baseClass", "sizeClasses", "default", "sm", "lg", "insetClass", "barThemeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "Progress", "props", "local", "rest", "getClassName", "size", "inset", "undefined", "class", "getBarClassName", "getPercentText", "value", "toFixed", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "nextSibling", "_$spread", "_$mergeProps", "_$insert", "_$createComponent", "when", "children", "fallback", "_$effect", "_p$", "_v$", "_v$2", "_v$3", "e", "_$className", "_$setStyleProperty", "a"]
|
|
4
|
+
"mappings": ";;;;;;;;;AAAA,SAAyCA,MAAMC,kBAAkB;AACjE,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAGEC,mBACK;AAYP,MAAMC,YAAYH,KAChB,yBACA,mBACA,WACA,gCACA,6CACF;AAEA,MAAMI,cAAgE;EACpEC,SAAS;EACTC,IAAI;EACJC,IAAI;AACN;AAEA,MAAMC,aAAaR,KAAK,gBAAgB,YAAY,gBAAgB;AAEpE,MAAMS,kBAAiDC,OAAOC,YAC5DD,OAAOE,QAAQV,WAAW,EAAEW,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAACD,OAAOC,EAAEC,KAAK,CAAC,CAClE;AAEO,MAAMC,WAA4CC,WAAU;AACjE,QAAM,CAACC,OAAOC,IAAI,IAAIrB,WAAWmB,OAAO,CAAC,YAAY,SAAS,SAAS,QAAQ,SAAS,OAAO,CAAC;AAEhG,QAAMG,eAAeA,MAAM;AACzB,UAAMC,OAAOH,MAAMG,QAAQ;AAC3B,WAAOrB,QAAQE,WAAWC,YAAYkB,IAAI,GAAGH,MAAMI,QAAQf,aAAagB,QAAWL,MAAMM,KAAK;EAChG;AAEA,QAAMC,kBAAkBA,MAAM;AAC5B,UAAMZ,QAAQK,MAAML,SAAS;AAC7B,WAAOd,KAAK,gCAAgC,SAAS,kBAAkBS,gBAAgBK,KAAK,CAAC;EAC/F;AAEA,QAAMa,iBAAiBA,OAAOC,KAAKC,IAAI,GAAGD,KAAKE,IAAI,GAAGX,MAAMY,KAAK,CAAC,IAAI,KAAKC,QAAQ,CAAC,IAAI;AAExF,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,aAAAN,MAAAO,aAAA;MAAA,KAAA,OAAA,IAAA;AAAA,eAC4BnB,aAAa;MAAC;IAAA,GAAMD,IAAI,GAAA,OAAA,IAAA;AAAAqB,aAAAJ,OAAAK,kBAG7C5C,MAAI;MAAA,IAAC6C,OAAI;AAAA,eAAExB,MAAMyB;MAAQ;MAAA,IAAEC,WAAQ;AAAA,eAAElB,eAAe;MAAC;MAAA,IAAAiB,WAAA;AAAA,eACnDzB,MAAMyB;MAAQ;IAAA,CAAA,CAAA;AAAAE,aAAAC,SAAA;AAAA,UAAAC,MAHPtB,gBAAgB,GAACuB,OAAkBtB,eAAe,GAACuB,OACnDlD,KAAK,YAAY,SAAS,YAAY;AAACgD,cAAAD,IAAAI,KAAAC,YAAAjB,OAAAY,IAAAI,IAAAH,GAAA;AAAAC,eAAAF,IAAAhC,KAAAsC,mBAAAlB,OAAA,SAAAY,IAAAhC,IAAAkC,IAAA;AAAAC,eAAAH,IAAAO,KAAAF,YAAAf,OAAAU,IAAAO,IAAAJ,IAAA;AAAA,aAAAH;IAAA,GAAA;MAAAI,GAAA3B;MAAAT,GAAAS;MAAA8B,GAAA9B;IAAA,CAAA;AAAA,WAAAS;EAAA,GAAA;AAOzD;",
|
|
5
|
+
"names": ["Show", "splitProps", "clsx", "twMerge", "themeTokens", "baseClass", "sizeClasses", "default", "sm", "lg", "insetClass", "barThemeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "Progress", "props", "local", "rest", "getClassName", "size", "inset", "undefined", "class", "getBarClassName", "getPercentText", "Math", "max", "min", "value", "toFixed", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "nextSibling", "_$spread", "_$mergeProps", "_$insert", "_$createComponent", "when", "children", "fallback", "_$effect", "_p$", "_v$", "_v$2", "_v$3", "e", "_$className", "_$setStyleProperty", "a"]
|
|
6
6
|
}
|
|
@@ -3,6 +3,7 @@ import { type BusyVariant } from "./BusyContext";
|
|
|
3
3
|
import "./BusyContainer.css";
|
|
4
4
|
export interface BusyContainerProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> {
|
|
5
5
|
busy?: boolean;
|
|
6
|
+
ready?: boolean;
|
|
6
7
|
variant?: BusyVariant;
|
|
7
8
|
message?: string;
|
|
8
9
|
progressPercent?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BusyContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/busy/BusyContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,GAAG,EAMT,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAmCD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"BusyContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/busy/BusyContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,GAAG,EAMT,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAmCD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,kBAAkB,CA2G7D,CAAC"}
|
|
@@ -23,24 +23,24 @@ const progressTrackClass = clsx("absolute left-0 top-0", "h-1 w-full", "bg-white
|
|
|
23
23
|
const progressBarClass = clsx("h-1 w-full", "bg-primary-500 dark:bg-primary-400", "transition-transform duration-100 ease-in", "origin-left");
|
|
24
24
|
const barIndicatorClass = clsx("absolute left-0 top-0", "h-1 w-full", "bg-white dark:bg-base-800");
|
|
25
25
|
const BusyContainer = (props) => {
|
|
26
|
-
const [local, rest] = splitProps(props, ["busy", "variant", "message", "progressPercent", "class", "children"]);
|
|
26
|
+
const [local, rest] = splitProps(props, ["busy", "ready", "variant", "message", "progressPercent", "class", "children"]);
|
|
27
27
|
const busyCtx = useContext(BusyContext);
|
|
28
28
|
const currVariant = () => local.variant ?? (busyCtx == null ? void 0 : busyCtx.variant()) ?? "spinner";
|
|
29
29
|
const {
|
|
30
30
|
mounted,
|
|
31
31
|
animating,
|
|
32
32
|
unmount
|
|
33
|
-
} = createMountTransition(() => !!local.busy);
|
|
33
|
+
} = createMountTransition(() => local.ready === false || !!local.busy);
|
|
34
34
|
const handleTransitionEnd = (e) => {
|
|
35
35
|
if (e.propertyName !== "opacity") return;
|
|
36
|
-
if (!local.busy) {
|
|
36
|
+
if (local.ready !== false && !local.busy) {
|
|
37
37
|
unmount();
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
let containerRef;
|
|
41
41
|
createEffect(() => {
|
|
42
42
|
const handleKeyDownCapture = (e) => {
|
|
43
|
-
if (local.busy) {
|
|
43
|
+
if (local.ready === false || local.busy) {
|
|
44
44
|
e.preventDefault();
|
|
45
45
|
e.stopPropagation();
|
|
46
46
|
}
|
|
@@ -85,7 +85,7 @@ const BusyContainer = (props) => {
|
|
|
85
85
|
}), null);
|
|
86
86
|
_$insert(_el$3, _$createComponent(Show, {
|
|
87
87
|
get when() {
|
|
88
|
-
return _$memo(() => currVariant() === "bar")() && local.busy;
|
|
88
|
+
return _$memo(() => currVariant() === "bar")() && (local.ready === false || local.busy);
|
|
89
89
|
},
|
|
90
90
|
get children() {
|
|
91
91
|
var _el$5 = _tmpl$2(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
|
|
@@ -137,7 +137,14 @@ const BusyContainer = (props) => {
|
|
|
137
137
|
return _el$2;
|
|
138
138
|
}
|
|
139
139
|
}), null);
|
|
140
|
-
_$insert(_el$, (
|
|
140
|
+
_$insert(_el$, _$createComponent(Show, {
|
|
141
|
+
get when() {
|
|
142
|
+
return local.ready !== false;
|
|
143
|
+
},
|
|
144
|
+
get children() {
|
|
145
|
+
return local.children;
|
|
146
|
+
}
|
|
147
|
+
}), null);
|
|
141
148
|
return _el$;
|
|
142
149
|
})();
|
|
143
150
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/feedback/busy/BusyContainer.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;AAAA,SAGEA,YACAC,cACAC,WACAC,MACAC,kBACK;AACP,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,mBAAqC;AAC9C,SAASC,6BAA6B;AACtC,OAAO;
|
|
5
|
-
"names": ["splitProps", "createEffect", "onCleanup", "Show", "useContext", "clsx", "twMerge", "BusyContext", "createMountTransition", "baseClass", "screenBaseClass", "spinnerClass", "messageClass", "progressTrackClass", "progressBarClass", "barIndicatorClass", "BusyContainer", "props", "local", "rest", "busyCtx", "currVariant", "variant", "mounted", "animating", "unmount", "busy", "handleTransitionEnd", "e", "propertyName", "containerRef", "handleKeyDownCapture", "preventDefault", "stopPropagation", "addEventListener", "capture", "removeEventListener", "screenClass", "rectClass", "_el$", "_tmpl$", "_ref$", "_$use", "_$spread", "_$mergeProps", "class", "_$insert", "_$createComponent", "when", "children", "_el$2", "_tmpl$4", "_el$3", "firstChild", "_el$4", "_$className", "_$memo", "_el$5", "_tmpl$2", "_el$6", "_el$7", "nextSibling", "_$effect", "_p$", "_v$", "_v$2", "t", "undefined", "message", "_el$8", "_tmpl$3", "_el$9", "progressPercent", "_el$0", "_el$1", "_$p", "_$setStyleProperty", "_v$3", "_v$4"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["splitProps", "createEffect", "onCleanup", "Show", "useContext", "clsx", "twMerge", "BusyContext", "createMountTransition", "baseClass", "screenBaseClass", "spinnerClass", "messageClass", "progressTrackClass", "progressBarClass", "barIndicatorClass", "BusyContainer", "props", "local", "rest", "busyCtx", "currVariant", "variant", "mounted", "animating", "unmount", "ready", "busy", "handleTransitionEnd", "e", "propertyName", "containerRef", "handleKeyDownCapture", "preventDefault", "stopPropagation", "addEventListener", "capture", "removeEventListener", "screenClass", "rectClass", "_el$", "_tmpl$", "_ref$", "_$use", "_$spread", "_$mergeProps", "class", "_$insert", "_$createComponent", "when", "children", "_el$2", "_tmpl$4", "_el$3", "firstChild", "_el$4", "_$className", "_$memo", "_el$5", "_tmpl$2", "_el$6", "_el$7", "nextSibling", "_$effect", "_p$", "_v$", "_v$2", "t", "undefined", "message", "_el$8", "_tmpl$3", "_el$9", "progressPercent", "_el$0", "_el$1", "_$p", "_$setStyleProperty", "_v$3", "_v$4"]
|
|
6
6
|
}
|
|
@@ -5,7 +5,7 @@ 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
7
|
import { createComponent as _$createComponent } from "solid-js/web";
|
|
8
|
-
var _tmpl$ = /* @__PURE__ */ _$template(`<pre>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div data-notification-banner role=alert><div><span class=font-
|
|
8
|
+
var _tmpl$ = /* @__PURE__ */ _$template(`<pre>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button type=button>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div data-notification-banner role=alert><div><span class=font-bold></span></div><div><button type=button aria-label="\uC54C\uB9BC \uB2EB\uAE30">`);
|
|
9
9
|
import { Show } from "solid-js";
|
|
10
10
|
import { Portal } from "solid-js/web";
|
|
11
11
|
import clsx from "clsx";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/feedback/notification/NotificationBanner.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;AAAA,SAAyBA,YAAY;AACrC,SAASC,cAAc;AACvB,OAAOC,UAAU;AACjB,SAASC,aAAa;AACtB,SAASC,uBAAuB;AAChC,SAASC,YAAY;AACrB,SAASC,mBAAmB;AAE5B,MAAMC,YAAYL,KAChB,SACA,SACA,WACA,QACA,QACA,eACA,SACA,QACA,QACA,cACA,aACA,wBACA,cACA,0BACF;AAEA,MAAMM,eAAuC;EAC3CC,MAAMH,YAAYG,KAAKC;EACvBC,SAASL,YAAYK,QAAQD;EAC7BE,SAASN,YAAYM,QAAQF;EAC7BG,QAAQP,YAAYO,OAAOH;AAC7B;AAEA,MAAMI,eAAeZ,KAAK,iBAAiB,WAAW,SAAS;AAC/D,MAAMa,eAAeb,KAAK,WAAW,cAAc,eAAe;AAClE,MAAMc,eAAed,KAAK,qBAAqB,SAAS,UAAU;AAClE,MAAMe,oBAAoBf,KACxB,WACA,eACA,aACA,WACA,mBACF;AACA,MAAMgB,qBAAqBhB,KAAK,WAAW,OAAO,mBAAmB;AAE9D,MAAMiB,qBAAgCA,MAAM;AACjD,QAAMC,eAAehB,gBAAgB;AAErC,QAAMiB,gBAAgBA,MAAM;AAC1BD,iBAAaE,cAAc;EAC7B;AAEA,QAAMC,eAAeA,MAAM;;AACzB,UAAMC,SAASJ,aAAaK,aAAa;AACzCD,2CAAQE,WAARF,mBAAgBG;EAClB;AAEA,SAAAC,kBACG5B,MAAI;IAAA,IAAC6B,OAAI;AAAA,aAAET,aAAaK,aAAa;IAAC;IAAAK,UACnCC,UAAIH,kBACH3B,QAAM;MAAA,IAAA6B,WAAA;AAAA,YAAAE,OAAAC,QAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAH,MAAAI,aAAAC,QAAAF,MAAAF;AAAAK,oBAAAN,OAOSpB,YAAY;AAAA2B,iBAAAL,OAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Show", "Portal", "clsx", "IconX", "useNotification", "Icon", "themeTokens", "baseClass", "themeClasses", "info", "solid", "success", "warning", "danger", "contentClass", "messageClass", "actionsClass", "actionButtonClass", "dismissButtonClass", "NotificationBanner", "notification", "handleDismiss", "dismissBanner", "handleAction", "latest", "latestUnread", "action", "onClick", "_$createComponent", "when", "children", "item", "_el$", "_tmpl$3", "_el$2", "firstChild", "_el$3", "_el$5", "nextSibling", "_el$7", "_$className", "_$insert", "title", "message", "_el$4", "_tmpl$", "_el$6", "_tmpl$2", "$$click", "label", "icon", "size", "_$effect", "_p$", "_v$", "theme", "_v$2", "e", "_$setAttribute", "t", "undefined", "_$delegateEvents"]
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationBell.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notification/NotificationBell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationBell.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/notification/NotificationBell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2B,MAAM,UAAU,CAAC;AAUnE,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAwCD,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAqF7D,CAAC"}
|
|
@@ -6,15 +6,17 @@ import { insert as _$insert } from "solid-js/web";
|
|
|
6
6
|
import { className as _$className } from "solid-js/web";
|
|
7
7
|
import { use as _$use } from "solid-js/web";
|
|
8
8
|
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-
|
|
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>`);
|
|
10
10
|
import { createSignal, For, Show } from "solid-js";
|
|
11
11
|
import { IconBell } from "@tabler/icons-solidjs";
|
|
12
12
|
import clsx from "clsx";
|
|
13
|
+
import { twMerge } from "tailwind-merge";
|
|
13
14
|
import { useNotification } from "./NotificationContext.js";
|
|
14
15
|
import { Dropdown } from "../../disclosure/Dropdown.js";
|
|
15
16
|
import { Icon } from "../../display/Icon.js";
|
|
16
17
|
import { NotificationBanner } from "./NotificationBanner.js";
|
|
17
|
-
|
|
18
|
+
import { iconButtonBase } from "../../../styles/patterns.styles.js";
|
|
19
|
+
const buttonClass = twMerge(iconButtonBase, "relative", "p-2", "rounded-full");
|
|
18
20
|
const badgeClass = clsx("absolute", "top-0", "right-0", "flex", "items-center", "justify-center", "w-5", "h-5", "px-1", "text-xs", "font-bold", "text-white", "bg-danger-500", "rounded-full");
|
|
19
21
|
const themeStyles = {
|
|
20
22
|
info: clsx("border-l-info-500", "bg-info-50", "dark:bg-info-900/10"),
|