@open-mercato/ui 0.6.1-develop.3256.1.fe3dec2464 → 0.6.1-develop.3276.1.1fcd145078
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/.turbo/turbo-build.log +1 -1
- package/dist/backend/CrudForm.js +46 -129
- package/dist/backend/CrudForm.js.map +3 -3
- package/dist/backend/DataTable.js +10 -3
- package/dist/backend/DataTable.js.map +2 -2
- package/dist/backend/EmptyState.js +1 -47
- package/dist/backend/EmptyState.js.map +2 -2
- package/dist/backend/FilterOverlay.js +31 -26
- package/dist/backend/FilterOverlay.js.map +2 -2
- package/dist/backend/FlashMessages.js +23 -25
- package/dist/backend/FlashMessages.js.map +2 -2
- package/dist/backend/JsonBuilder.js +4 -2
- package/dist/backend/JsonBuilder.js.map +2 -2
- package/dist/backend/LogList.js +49 -0
- package/dist/backend/LogList.js.map +7 -0
- package/dist/backend/crud/CollapsibleGroup.js +13 -3
- package/dist/backend/crud/CollapsibleGroup.js.map +2 -2
- package/dist/backend/detail/InlineEditors.js +80 -32
- package/dist/backend/detail/InlineEditors.js.map +2 -2
- package/dist/backend/inputs/ComboboxInput.js +60 -6
- package/dist/backend/inputs/ComboboxInput.js.map +2 -2
- package/dist/backend/inputs/DatePicker.js +6 -142
- package/dist/backend/inputs/DatePicker.js.map +2 -2
- package/dist/backend/inputs/DateTimePicker.js +6 -182
- package/dist/backend/inputs/DateTimePicker.js.map +2 -2
- package/dist/backend/inputs/TagsInput.js +16 -19
- package/dist/backend/inputs/TagsInput.js.map +2 -2
- package/dist/backend/inputs/TimeInput.js +1 -1
- package/dist/backend/inputs/TimeInput.js.map +2 -2
- package/dist/backend/inputs/TimePicker.js +83 -72
- package/dist/backend/inputs/TimePicker.js.map +2 -2
- package/dist/backend/utils/customFieldForms.js +2 -2
- package/dist/backend/utils/customFieldForms.js.map +1 -1
- package/dist/portal/components/PortalEmptyState.js +13 -9
- package/dist/portal/components/PortalEmptyState.js.map +2 -2
- package/dist/primitives/accordion.js +137 -0
- package/dist/primitives/accordion.js.map +7 -0
- package/dist/primitives/alert.js +180 -12
- package/dist/primitives/alert.js.map +2 -2
- package/dist/primitives/calendar.js +122 -32
- package/dist/primitives/calendar.js.map +2 -2
- package/dist/primitives/compact-select.js +47 -0
- package/dist/primitives/compact-select.js.map +7 -0
- package/dist/primitives/counter-input.js +174 -0
- package/dist/primitives/counter-input.js.map +7 -0
- package/dist/primitives/date-picker-helpers.js +79 -0
- package/dist/primitives/date-picker-helpers.js.map +7 -0
- package/dist/primitives/date-picker.js +216 -0
- package/dist/primitives/date-picker.js.map +7 -0
- package/dist/primitives/date-range-picker.js +239 -0
- package/dist/primitives/date-range-picker.js.map +7 -0
- package/dist/primitives/digit-input.js +157 -0
- package/dist/primitives/digit-input.js.map +7 -0
- package/dist/primitives/empty-state.js +93 -0
- package/dist/primitives/empty-state.js.map +7 -0
- package/dist/primitives/inline-input.js +29 -0
- package/dist/primitives/inline-input.js.map +7 -0
- package/dist/primitives/inline-select.js +41 -0
- package/dist/primitives/inline-select.js.map +7 -0
- package/dist/primitives/notification-stack.js +116 -0
- package/dist/primitives/notification-stack.js.map +7 -0
- package/dist/primitives/notification.js +62 -0
- package/dist/primitives/notification.js.map +7 -0
- package/dist/primitives/rich-editor.js +1230 -0
- package/dist/primitives/rich-editor.js.map +7 -0
- package/dist/primitives/select.js +1 -0
- package/dist/primitives/select.js.map +2 -2
- package/dist/primitives/skeleton.js +55 -0
- package/dist/primitives/skeleton.js.map +7 -0
- package/dist/primitives/tag-input.js +186 -0
- package/dist/primitives/tag-input.js.map +7 -0
- package/dist/primitives/tag.js +66 -13
- package/dist/primitives/tag.js.map +2 -2
- package/dist/primitives/time-picker.js +793 -0
- package/dist/primitives/time-picker.js.map +7 -0
- package/package.json +4 -3
- package/src/backend/CrudForm.tsx +61 -113
- package/src/backend/DataTable.tsx +17 -5
- package/src/backend/EmptyState.tsx +13 -63
- package/src/backend/FilterOverlay.tsx +38 -22
- package/src/backend/FlashMessages.tsx +23 -24
- package/src/backend/JsonBuilder.tsx +4 -2
- package/src/backend/LogList.tsx +109 -0
- package/src/backend/__tests__/CrudForm.datetime.test.tsx +12 -7
- package/src/backend/__tests__/FilterOverlay.dateRange.test.tsx +89 -0
- package/src/backend/__tests__/LogList.test.tsx +163 -0
- package/src/backend/crud/CollapsibleGroup.tsx +17 -3
- package/src/backend/detail/InlineEditors.tsx +78 -25
- package/src/backend/detail/__tests__/InlineEditors.test.tsx +81 -1
- package/src/backend/inputs/ComboboxInput.tsx +81 -9
- package/src/backend/inputs/DatePicker.tsx +28 -155
- package/src/backend/inputs/DateTimePicker.tsx +25 -193
- package/src/backend/inputs/TagsInput.tsx +10 -13
- package/src/backend/inputs/TimeInput.tsx +2 -1
- package/src/backend/inputs/TimePicker.tsx +99 -70
- package/src/backend/inputs/__tests__/ComboboxInput.test.tsx +133 -0
- package/src/backend/inputs/__tests__/TimePicker.test.tsx +2 -2
- package/src/backend/utils/__tests__/richTextSanitizer.test.ts +5 -2
- package/src/backend/utils/customFieldForms.ts +2 -2
- package/src/portal/components/PortalEmptyState.tsx +27 -22
- package/src/primitives/__tests__/accordion.test.tsx +197 -0
- package/src/primitives/__tests__/alert.test.tsx +204 -0
- package/src/primitives/__tests__/compact-select.test.tsx +98 -0
- package/src/primitives/__tests__/counter-input.test.tsx +165 -0
- package/src/primitives/__tests__/date-picker.test.tsx +221 -0
- package/src/primitives/__tests__/date-range-picker.test.tsx +173 -0
- package/src/primitives/__tests__/digit-input.test.tsx +168 -0
- package/src/primitives/__tests__/empty-state.test.tsx +154 -0
- package/src/primitives/__tests__/inline-input.test.tsx +100 -0
- package/src/primitives/__tests__/inline-select.test.tsx +103 -0
- package/src/primitives/__tests__/notification-stack.test.tsx +174 -0
- package/src/primitives/__tests__/notification.test.tsx +119 -0
- package/src/primitives/__tests__/rich-editor.test.tsx +411 -0
- package/src/primitives/__tests__/skeleton.test.tsx +76 -0
- package/src/primitives/__tests__/tag-input.test.tsx +198 -0
- package/src/primitives/__tests__/tag.test.tsx +123 -0
- package/src/primitives/__tests__/time-picker.test.tsx +392 -0
- package/src/primitives/accordion.tsx +225 -0
- package/src/primitives/alert.tsx +234 -24
- package/src/primitives/calendar.tsx +146 -38
- package/src/primitives/compact-select.tsx +59 -0
- package/src/primitives/counter-input.tsx +211 -0
- package/src/primitives/date-picker-helpers.ts +96 -0
- package/src/primitives/date-picker.tsx +290 -0
- package/src/primitives/date-range-picker.tsx +281 -0
- package/src/primitives/digit-input.tsx +208 -0
- package/src/primitives/empty-state.tsx +140 -0
- package/src/primitives/inline-input.tsx +55 -0
- package/src/primitives/inline-select.tsx +74 -0
- package/src/primitives/notification-stack.tsx +185 -0
- package/src/primitives/notification.tsx +136 -0
- package/src/primitives/rich-editor.tsx +1578 -0
- package/src/primitives/select.tsx +1 -0
- package/src/primitives/skeleton.tsx +70 -0
- package/src/primitives/tag-input.tsx +223 -0
- package/src/primitives/tag.tsx +69 -10
- package/src/primitives/time-picker.tsx +1059 -0
|
@@ -24,6 +24,7 @@ function ComboboxInput({
|
|
|
24
24
|
onChange,
|
|
25
25
|
placeholder,
|
|
26
26
|
suggestions,
|
|
27
|
+
seedOptions,
|
|
27
28
|
loadSuggestions,
|
|
28
29
|
resolveLabel,
|
|
29
30
|
resolveDescription,
|
|
@@ -33,34 +34,48 @@ function ComboboxInput({
|
|
|
33
34
|
}) {
|
|
34
35
|
const [input, setInput] = React.useState("");
|
|
35
36
|
const [asyncOptions, setAsyncOptions] = React.useState([]);
|
|
37
|
+
const [resolvedOptions, setResolvedOptions] = React.useState([]);
|
|
36
38
|
const [loading, setLoading] = React.useState(false);
|
|
37
39
|
const [touched, setTouched] = React.useState(false);
|
|
38
40
|
const [showSuggestions, setShowSuggestions] = React.useState(false);
|
|
39
41
|
const [selectedIndex, setSelectedIndex] = React.useState(-1);
|
|
40
42
|
const inputRef = React.useRef(null);
|
|
41
43
|
const suppressOpenOnFocusRef = React.useRef(Boolean(autoFocus && !disabled));
|
|
42
|
-
const staticOptions = React.useMemo(
|
|
44
|
+
const staticOptions = React.useMemo(
|
|
45
|
+
() => normalizeOptions([...seedOptions ?? [], ...suggestions ?? []]),
|
|
46
|
+
[seedOptions, suggestions]
|
|
47
|
+
);
|
|
48
|
+
const knownLabelValues = React.useMemo(() => {
|
|
49
|
+
const set = /* @__PURE__ */ new Set();
|
|
50
|
+
for (const option of [...staticOptions, ...asyncOptions, ...resolvedOptions]) {
|
|
51
|
+
if (option.label && option.label !== option.value) set.add(option.value);
|
|
52
|
+
}
|
|
53
|
+
return set;
|
|
54
|
+
}, [staticOptions, asyncOptions, resolvedOptions]);
|
|
43
55
|
const optionMap = React.useMemo(() => {
|
|
44
56
|
const map = /* @__PURE__ */ new Map();
|
|
45
57
|
const register = (option) => {
|
|
46
|
-
|
|
58
|
+
const existing = map.get(option.value);
|
|
59
|
+
if (!existing || existing.label === existing.value && option.label !== option.value) {
|
|
47
60
|
map.set(option.value, option);
|
|
48
61
|
}
|
|
49
62
|
};
|
|
50
63
|
staticOptions.forEach(register);
|
|
51
64
|
asyncOptions.forEach(register);
|
|
65
|
+
resolvedOptions.forEach(register);
|
|
52
66
|
if (value) {
|
|
53
67
|
const existing = map.get(value);
|
|
54
68
|
if (!existing) {
|
|
69
|
+
const sync = typeof resolveLabel === "function" ? resolveLabel(value) : void 0;
|
|
55
70
|
map.set(value, {
|
|
56
71
|
value,
|
|
57
|
-
label:
|
|
72
|
+
label: typeof sync === "string" && sync ? sync : value,
|
|
58
73
|
description: resolveDescription?.(value) ?? null
|
|
59
74
|
});
|
|
60
75
|
}
|
|
61
76
|
}
|
|
62
77
|
return map;
|
|
63
|
-
}, [asyncOptions, resolveDescription, resolveLabel, staticOptions, value]);
|
|
78
|
+
}, [asyncOptions, resolvedOptions, resolveDescription, resolveLabel, staticOptions, value]);
|
|
64
79
|
const availableOptions = React.useMemo(() => {
|
|
65
80
|
return Array.from(optionMap.values());
|
|
66
81
|
}, [optionMap]);
|
|
@@ -93,6 +108,41 @@ function ComboboxInput({
|
|
|
93
108
|
window.clearTimeout(handle);
|
|
94
109
|
};
|
|
95
110
|
}, [disabled, input, loadSuggestions, touched]);
|
|
111
|
+
const eagerResolveLabel = typeof resolveLabel === "function" ? resolveLabel : void 0;
|
|
112
|
+
React.useEffect(() => {
|
|
113
|
+
if (!value || disabled) return;
|
|
114
|
+
if (knownLabelValues.has(value)) return;
|
|
115
|
+
let cancelled = false;
|
|
116
|
+
const apply = (label, description) => {
|
|
117
|
+
const clean = typeof label === "string" ? label.trim() : "";
|
|
118
|
+
if (cancelled || !clean || clean === value) return;
|
|
119
|
+
setResolvedOptions((prev) => {
|
|
120
|
+
if (prev.some((option) => option.value === value && option.label === clean)) return prev;
|
|
121
|
+
return [...prev.filter((option) => option.value !== value), { value, label: clean, description: description ?? null }];
|
|
122
|
+
});
|
|
123
|
+
};
|
|
124
|
+
if (eagerResolveLabel) {
|
|
125
|
+
Promise.resolve().then(() => eagerResolveLabel(value)).then((label) => apply(label, resolveDescription?.(value))).catch(() => {
|
|
126
|
+
});
|
|
127
|
+
return () => {
|
|
128
|
+
cancelled = true;
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
if (loadSuggestions) {
|
|
132
|
+
setLoading(true);
|
|
133
|
+
Promise.resolve().then(() => loadSuggestions()).then((items) => {
|
|
134
|
+
if (cancelled) return;
|
|
135
|
+
const normalized = normalizeOptions(items);
|
|
136
|
+
setAsyncOptions(normalized);
|
|
137
|
+
}).catch(() => {
|
|
138
|
+
}).finally(() => {
|
|
139
|
+
if (!cancelled) setLoading(false);
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
return () => {
|
|
143
|
+
cancelled = true;
|
|
144
|
+
};
|
|
145
|
+
}, [value, disabled, knownLabelValues, eagerResolveLabel, loadSuggestions]);
|
|
96
146
|
React.useEffect(() => {
|
|
97
147
|
if (document.activeElement !== inputRef.current) {
|
|
98
148
|
const option = optionMap.get(value);
|
|
@@ -132,9 +182,13 @@ function ComboboxInput({
|
|
|
132
182
|
return;
|
|
133
183
|
}
|
|
134
184
|
if (!allowCustomValues) {
|
|
135
|
-
const currentOption = optionMap.get(value);
|
|
136
|
-
setInput(currentOption?.label ?? value ?? "");
|
|
137
185
|
setShowSuggestions(false);
|
|
186
|
+
const currentOption = optionMap.get(value);
|
|
187
|
+
if (currentOption && currentOption.label !== currentOption.value) {
|
|
188
|
+
setInput(currentOption.label);
|
|
189
|
+
} else if (!value) {
|
|
190
|
+
setInput("");
|
|
191
|
+
}
|
|
138
192
|
return;
|
|
139
193
|
}
|
|
140
194
|
selectValue(raw);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/backend/inputs/ComboboxInput.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '../../primitives/button'\n\nexport type ComboboxOption = {\n value: string\n label: string\n description?: string | null\n}\n\nexport type ComboboxInputProps = {\n value: string\n onChange: (next: string) => void\n placeholder?: string\n suggestions?: Array<string | ComboboxOption>\n loadSuggestions?: (query?: string) => Promise<Array<string | ComboboxOption>>\n resolveLabel?: (value: string) => string\n resolveDescription?: (value: string) => string | null | undefined\n autoFocus?: boolean\n disabled?: boolean\n allowCustomValues?: boolean\n}\n\nfunction normalizeOptions(input?: Array<string | ComboboxOption>): ComboboxOption[] {\n if (!Array.isArray(input)) return []\n return input\n .map((option) => {\n if (typeof option === 'string') {\n const trimmed = option.trim()\n if (!trimmed) return null\n return { value: trimmed, label: trimmed }\n }\n const value = typeof option.value === 'string' ? option.value.trim() : ''\n if (!value) return null\n return {\n value,\n label: option.label?.trim() || value,\n description: option.description ?? null,\n }\n })\n .filter((option): option is ComboboxOption => !!option)\n}\n\nexport function ComboboxInput({\n value,\n onChange,\n placeholder,\n suggestions,\n loadSuggestions,\n resolveLabel,\n resolveDescription,\n autoFocus,\n disabled = false,\n allowCustomValues = true,\n}: ComboboxInputProps) {\n const [input, setInput] = React.useState('')\n const [asyncOptions, setAsyncOptions] = React.useState<ComboboxOption[]>([])\n const [loading, setLoading] = React.useState(false)\n const [touched, setTouched] = React.useState(false)\n const [showSuggestions, setShowSuggestions] = React.useState(false)\n const [selectedIndex, setSelectedIndex] = React.useState(-1)\n const inputRef = React.useRef<HTMLInputElement>(null)\n const suppressOpenOnFocusRef = React.useRef(Boolean(autoFocus && !disabled))\n\n const staticOptions = React.useMemo(() => normalizeOptions(suggestions), [suggestions])\n\n const optionMap = React.useMemo(() => {\n const map = new Map<string, ComboboxOption>()\n const register = (option: ComboboxOption) => {\n if (!map.has(option.value)) {\n map.set(option.value, option)\n }\n }\n staticOptions.forEach(register)\n asyncOptions.forEach(register)\n if (value) {\n const existing = map.get(value)\n if (!existing) {\n map.set(value, {\n value,\n label: resolveLabel?.(value) ?? value,\n description: resolveDescription?.(value) ?? null,\n })\n }\n }\n return map\n }, [asyncOptions, resolveDescription, resolveLabel, staticOptions, value])\n\n const availableOptions = React.useMemo(() => {\n return Array.from(optionMap.values())\n }, [optionMap])\n\n const filteredSuggestions = React.useMemo(() => {\n const query = input.toLowerCase().trim()\n if (!query) return availableOptions\n return availableOptions.filter((option) => {\n const labelMatch = option.label.toLowerCase().includes(query)\n const descMatch = option.description?.toLowerCase().includes(query)\n return labelMatch || Boolean(descMatch)\n })\n }, [availableOptions, input])\n\n React.useEffect(() => {\n if (!loadSuggestions || !touched || disabled) return\n const query = input.trim()\n let cancelled = false\n const handle = window.setTimeout(async () => {\n setLoading(true)\n try {\n const items = await loadSuggestions(query)\n if (!cancelled) {\n setAsyncOptions(normalizeOptions(items))\n }\n } finally {\n if (!cancelled) setLoading(false)\n }\n }, 200)\n return () => {\n cancelled = true\n window.clearTimeout(handle)\n }\n }, [disabled, input, loadSuggestions, touched])\n\n // Sync input with value when value changes externally and input is not focused\n React.useEffect(() => {\n if (document.activeElement !== inputRef.current) {\n const option = optionMap.get(value)\n setInput(option?.label ?? value ?? '')\n }\n }, [value, optionMap])\n\n const selectValue = React.useCallback(\n (nextValue: string) => {\n if (disabled) return\n const trimmed = nextValue.trim()\n onChange(trimmed)\n const option = optionMap.get(trimmed)\n setInput(option?.label ?? trimmed)\n setShowSuggestions(false)\n setSelectedIndex(-1)\n },\n [disabled, onChange, optionMap]\n )\n\n const findOptionForInput = React.useCallback(\n (raw: string): ComboboxOption | null => {\n const query = raw.trim().toLowerCase()\n if (!query) return null\n for (const option of optionMap.values()) {\n if (option.value === raw.trim()) return option\n if (option.label.toLowerCase() === query) return option\n }\n return null\n },\n [optionMap]\n )\n\n const confirmSelection = React.useCallback(\n (raw: string) => {\n if (disabled) return\n const option = findOptionForInput(raw)\n if (option) {\n selectValue(option.value)\n return\n }\n if (!allowCustomValues) {\n // Revert to current value if custom values not allowed\n const currentOption = optionMap.get(value)\n setInput(currentOption?.label ?? value ?? '')\n setShowSuggestions(false)\n return\n }\n selectValue(raw)\n },\n [allowCustomValues, disabled, findOptionForInput, optionMap, selectValue, value]\n )\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled) return\n\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n if (!showSuggestions) {\n setShowSuggestions(true)\n setSelectedIndex(0)\n } else {\n setSelectedIndex((prev) => Math.min(prev + 1, filteredSuggestions.length - 1))\n }\n } else if (event.key === 'ArrowUp') {\n event.preventDefault()\n setSelectedIndex((prev) => Math.max(prev - 1, -1))\n } else if (event.key === 'Enter') {\n event.preventDefault()\n if (selectedIndex >= 0 && filteredSuggestions[selectedIndex]) {\n selectValue(filteredSuggestions[selectedIndex].value)\n } else {\n confirmSelection(input)\n }\n } else if (event.key === 'Escape') {\n event.preventDefault()\n setShowSuggestions(false)\n setSelectedIndex(-1)\n }\n },\n [confirmSelection, disabled, filteredSuggestions, input, selectValue, selectedIndex, showSuggestions]\n )\n\n return (\n <div className=\"relative w-full\">\n {/* Use raw <input> here instead of the DS Input primitive: ComboboxInput's\n focus / suggestions-popup interplay relies on the trigger being a plain\n input element. The DS wrapper introduces a <div> that desyncs autocomplete\n on this specific surface. Keeps the rest of the form on Input primitive. */}\n <input\n ref={inputRef}\n type=\"text\"\n className=\"w-full h-9 rounded border px-2 text-sm disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed\"\n value={input}\n placeholder={placeholder || 'Type to search...'}\n autoFocus={autoFocus}\n data-crud-focus-target=\"\"\n disabled={disabled}\n onFocus={() => {\n setTouched(true)\n if (suppressOpenOnFocusRef.current) {\n suppressOpenOnFocusRef.current = false\n return\n }\n setShowSuggestions(true)\n }}\n onChange={(event) => {\n setTouched(true)\n setInput(event.target.value)\n setShowSuggestions(true)\n setSelectedIndex(-1)\n }}\n onKeyDown={handleKeyDown}\n onBlur={() => {\n // Delay to allow click on suggestions\n setTimeout(() => {\n if (disabled) return\n confirmSelection(input)\n }, 200)\n }}\n />\n\n {showSuggestions && !disabled && (loading || filteredSuggestions.length > 0) && (\n <div className=\"absolute z-popover w-full mt-1 rounded border bg-popover shadow-lg max-h-48 sm:max-h-60 overflow-auto\">\n {loading && touched ? (\n <div className=\"px-3 py-2 text-xs text-muted-foreground\">Loading suggestions\u2026</div>\n ) : (\n filteredSuggestions.map((option, index) => (\n <Button\n key={option.value}\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className={[\n 'w-full h-auto justify-start font-normal text-left flex flex-col items-start px-3 py-2',\n index === selectedIndex ? 'bg-accent' : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onMouseDown={(event) => event.preventDefault()}\n onClick={() => selectValue(option.value)}\n onMouseEnter={() => setSelectedIndex(index)}\n >\n <span className=\"font-medium\">{option.label}</span>\n {option.description ? (\n <span className=\"text-xs text-muted-foreground\">{option.description}</span>\n ) : null}\n </Button>\n ))\n )}\n </div>\n )}\n </div>\n )\n}\n"],
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '../../primitives/button'\n\nexport type ComboboxOption = {\n value: string\n label: string\n description?: string | null\n}\n\nexport type ComboboxInputProps = {\n value: string\n onChange: (next: string) => void\n placeholder?: string\n suggestions?: Array<string | ComboboxOption>\n // Options to hydrate the option map up front (typically the linked entity's\n // display fields, already present in a record-detail payload). Merged with\n // `suggestions` so a pre-selected value renders its label without interaction.\n seedOptions?: ComboboxOption[]\n loadSuggestions?: (query?: string) => Promise<Array<string | ComboboxOption>>\n // Eagerly resolve a pre-selected `value` to a human label when it is not\n // covered by `suggestions`/`seedOptions`/`loadSuggestions` results. Runs once\n // per value, before any user interaction. May be sync or async.\n resolveLabel?: (value: string) => string | Promise<string>\n resolveDescription?: (value: string) => string | null | undefined\n autoFocus?: boolean\n disabled?: boolean\n allowCustomValues?: boolean\n}\n\nfunction normalizeOptions(input?: Array<string | ComboboxOption>): ComboboxOption[] {\n if (!Array.isArray(input)) return []\n return input\n .map((option) => {\n if (typeof option === 'string') {\n const trimmed = option.trim()\n if (!trimmed) return null\n return { value: trimmed, label: trimmed }\n }\n const value = typeof option.value === 'string' ? option.value.trim() : ''\n if (!value) return null\n return {\n value,\n label: option.label?.trim() || value,\n description: option.description ?? null,\n }\n })\n .filter((option): option is ComboboxOption => !!option)\n}\n\nexport function ComboboxInput({\n value,\n onChange,\n placeholder,\n suggestions,\n seedOptions,\n loadSuggestions,\n resolveLabel,\n resolveDescription,\n autoFocus,\n disabled = false,\n allowCustomValues = true,\n}: ComboboxInputProps) {\n const [input, setInput] = React.useState('')\n const [asyncOptions, setAsyncOptions] = React.useState<ComboboxOption[]>([])\n const [resolvedOptions, setResolvedOptions] = React.useState<ComboboxOption[]>([])\n const [loading, setLoading] = React.useState(false)\n const [touched, setTouched] = React.useState(false)\n const [showSuggestions, setShowSuggestions] = React.useState(false)\n const [selectedIndex, setSelectedIndex] = React.useState(-1)\n const inputRef = React.useRef<HTMLInputElement>(null)\n const suppressOpenOnFocusRef = React.useRef(Boolean(autoFocus && !disabled))\n\n const staticOptions = React.useMemo(\n () => normalizeOptions([...(seedOptions ?? []), ...(suggestions ?? [])]),\n [seedOptions, suggestions]\n )\n\n // Options whose label is genuinely known (not a self-mapping `value === label`\n // placeholder). Used to decide whether eager resolution still needs to run.\n const knownLabelValues = React.useMemo(() => {\n const set = new Set<string>()\n for (const option of [...staticOptions, ...asyncOptions, ...resolvedOptions]) {\n if (option.label && option.label !== option.value) set.add(option.value)\n }\n return set\n }, [staticOptions, asyncOptions, resolvedOptions])\n\n const optionMap = React.useMemo(() => {\n const map = new Map<string, ComboboxOption>()\n const register = (option: ComboboxOption) => {\n const existing = map.get(option.value)\n // Prefer an entry that carries a real label over a self-mapping placeholder.\n if (!existing || (existing.label === existing.value && option.label !== option.value)) {\n map.set(option.value, option)\n }\n }\n staticOptions.forEach(register)\n asyncOptions.forEach(register)\n resolvedOptions.forEach(register)\n if (value) {\n const existing = map.get(value)\n if (!existing) {\n const sync = typeof resolveLabel === 'function' ? resolveLabel(value) : undefined\n map.set(value, {\n value,\n label: typeof sync === 'string' && sync ? sync : value,\n description: resolveDescription?.(value) ?? null,\n })\n }\n }\n return map\n }, [asyncOptions, resolvedOptions, resolveDescription, resolveLabel, staticOptions, value])\n\n const availableOptions = React.useMemo(() => {\n return Array.from(optionMap.values())\n }, [optionMap])\n\n const filteredSuggestions = React.useMemo(() => {\n const query = input.toLowerCase().trim()\n if (!query) return availableOptions\n return availableOptions.filter((option) => {\n const labelMatch = option.label.toLowerCase().includes(query)\n const descMatch = option.description?.toLowerCase().includes(query)\n return labelMatch || Boolean(descMatch)\n })\n }, [availableOptions, input])\n\n React.useEffect(() => {\n if (!loadSuggestions || !touched || disabled) return\n const query = input.trim()\n let cancelled = false\n const handle = window.setTimeout(async () => {\n setLoading(true)\n try {\n const items = await loadSuggestions(query)\n if (!cancelled) {\n setAsyncOptions(normalizeOptions(items))\n }\n } finally {\n if (!cancelled) setLoading(false)\n }\n }, 200)\n return () => {\n cancelled = true\n window.clearTimeout(handle)\n }\n }, [disabled, input, loadSuggestions, touched])\n\n // Eagerly resolve a pre-selected value to its label without requiring the user\n // to focus the field. Runs once per value when it is not already covered.\n const eagerResolveLabel = typeof resolveLabel === 'function' ? resolveLabel : undefined\n React.useEffect(() => {\n if (!value || disabled) return\n if (knownLabelValues.has(value)) return\n let cancelled = false\n const apply = (label?: string | null, description?: string | null) => {\n const clean = typeof label === 'string' ? label.trim() : ''\n if (cancelled || !clean || clean === value) return\n setResolvedOptions((prev) => {\n if (prev.some((option) => option.value === value && option.label === clean)) return prev\n return [...prev.filter((option) => option.value !== value), { value, label: clean, description: description ?? null }]\n })\n }\n if (eagerResolveLabel) {\n Promise.resolve()\n .then(() => eagerResolveLabel(value))\n .then((label) => apply(label, resolveDescription?.(value)))\n .catch(() => {})\n return () => { cancelled = true }\n }\n // Fallback: pull the first page of async suggestions so a remount that lost\n // its option cache can still recover the label without user interaction.\n if (loadSuggestions) {\n setLoading(true)\n Promise.resolve()\n .then(() => loadSuggestions())\n .then((items) => {\n if (cancelled) return\n const normalized = normalizeOptions(items)\n setAsyncOptions(normalized)\n })\n .catch(() => {})\n .finally(() => { if (!cancelled) setLoading(false) })\n }\n return () => { cancelled = true }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, disabled, knownLabelValues, eagerResolveLabel, loadSuggestions])\n\n // Sync input with value when value changes externally and input is not focused.\n React.useEffect(() => {\n if (document.activeElement !== inputRef.current) {\n const option = optionMap.get(value)\n setInput(option?.label ?? value ?? '')\n }\n }, [value, optionMap])\n\n const selectValue = React.useCallback(\n (nextValue: string) => {\n if (disabled) return\n const trimmed = nextValue.trim()\n onChange(trimmed)\n const option = optionMap.get(trimmed)\n setInput(option?.label ?? trimmed)\n setShowSuggestions(false)\n setSelectedIndex(-1)\n },\n [disabled, onChange, optionMap]\n )\n\n const findOptionForInput = React.useCallback(\n (raw: string): ComboboxOption | null => {\n const query = raw.trim().toLowerCase()\n if (!query) return null\n for (const option of optionMap.values()) {\n if (option.value === raw.trim()) return option\n if (option.label.toLowerCase() === query) return option\n }\n return null\n },\n [optionMap]\n )\n\n const confirmSelection = React.useCallback(\n (raw: string) => {\n if (disabled) return\n const option = findOptionForInput(raw)\n if (option) {\n selectValue(option.value)\n return\n }\n if (!allowCustomValues) {\n // Revert to the current value's label \u2014 but only if we actually know it.\n // Baking the raw value back in while eager resolution is still pending\n // would freeze a placeholder (e.g. a UUID) into the visible input.\n setShowSuggestions(false)\n const currentOption = optionMap.get(value)\n if (currentOption && currentOption.label !== currentOption.value) {\n setInput(currentOption.label)\n } else if (!value) {\n setInput('')\n }\n return\n }\n selectValue(raw)\n },\n [allowCustomValues, disabled, findOptionForInput, optionMap, selectValue, value]\n )\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (disabled) return\n\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n if (!showSuggestions) {\n setShowSuggestions(true)\n setSelectedIndex(0)\n } else {\n setSelectedIndex((prev) => Math.min(prev + 1, filteredSuggestions.length - 1))\n }\n } else if (event.key === 'ArrowUp') {\n event.preventDefault()\n setSelectedIndex((prev) => Math.max(prev - 1, -1))\n } else if (event.key === 'Enter') {\n event.preventDefault()\n if (selectedIndex >= 0 && filteredSuggestions[selectedIndex]) {\n selectValue(filteredSuggestions[selectedIndex].value)\n } else {\n confirmSelection(input)\n }\n } else if (event.key === 'Escape') {\n event.preventDefault()\n setShowSuggestions(false)\n setSelectedIndex(-1)\n }\n },\n [confirmSelection, disabled, filteredSuggestions, input, selectValue, selectedIndex, showSuggestions]\n )\n\n return (\n <div className=\"relative w-full\">\n {/* Use raw <input> here instead of the DS Input primitive: ComboboxInput's\n focus / suggestions-popup interplay relies on the trigger being a plain\n input element. The DS wrapper introduces a <div> that desyncs autocomplete\n on this specific surface. Keeps the rest of the form on Input primitive. */}\n <input\n ref={inputRef}\n type=\"text\"\n className=\"w-full h-9 rounded border px-2 text-sm disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed\"\n value={input}\n placeholder={placeholder || 'Type to search...'}\n autoFocus={autoFocus}\n data-crud-focus-target=\"\"\n disabled={disabled}\n onFocus={() => {\n setTouched(true)\n if (suppressOpenOnFocusRef.current) {\n suppressOpenOnFocusRef.current = false\n return\n }\n setShowSuggestions(true)\n }}\n onChange={(event) => {\n setTouched(true)\n setInput(event.target.value)\n setShowSuggestions(true)\n setSelectedIndex(-1)\n }}\n onKeyDown={handleKeyDown}\n onBlur={() => {\n // Delay to allow click on suggestions\n setTimeout(() => {\n if (disabled) return\n confirmSelection(input)\n }, 200)\n }}\n />\n\n {showSuggestions && !disabled && (loading || filteredSuggestions.length > 0) && (\n <div className=\"absolute z-popover w-full mt-1 rounded border bg-popover shadow-lg max-h-48 sm:max-h-60 overflow-auto\">\n {loading && touched ? (\n <div className=\"px-3 py-2 text-xs text-muted-foreground\">Loading suggestions\u2026</div>\n ) : (\n filteredSuggestions.map((option, index) => (\n <Button\n key={option.value}\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className={[\n 'w-full h-auto justify-start font-normal text-left flex flex-col items-start px-3 py-2',\n index === selectedIndex ? 'bg-accent' : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onMouseDown={(event) => event.preventDefault()}\n onClick={() => selectValue(option.value)}\n onMouseEnter={() => setSelectedIndex(index)}\n >\n <span className=\"font-medium\">{option.label}</span>\n {option.description ? (\n <span className=\"text-xs text-muted-foreground\">{option.description}</span>\n ) : null}\n </Button>\n ))\n )}\n </div>\n )}\n </div>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,146 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import { Popover, PopoverContent, PopoverTrigger } from "../../primitives/popover.js";
|
|
9
|
-
import { Calendar } from "../../primitives/calendar.js";
|
|
10
|
-
const DAY_FIRST_LOCALE_CODES = /* @__PURE__ */ new Set([
|
|
11
|
-
"pl",
|
|
12
|
-
"de",
|
|
13
|
-
"fr",
|
|
14
|
-
"es",
|
|
15
|
-
"it",
|
|
16
|
-
"pt",
|
|
17
|
-
"nl",
|
|
18
|
-
"ru",
|
|
19
|
-
"cs",
|
|
20
|
-
"sk",
|
|
21
|
-
"hu",
|
|
22
|
-
"ro"
|
|
23
|
-
]);
|
|
24
|
-
function deriveDisplayFormat(locale) {
|
|
25
|
-
if (!locale) return "MMM d, yyyy";
|
|
26
|
-
const code = locale.code?.split("-")[0]?.toLowerCase() ?? "";
|
|
27
|
-
return DAY_FIRST_LOCALE_CODES.has(code) ? "d MMM yyyy" : "MMM d, yyyy";
|
|
28
|
-
}
|
|
29
|
-
function DatePicker({
|
|
30
|
-
value,
|
|
31
|
-
onChange,
|
|
32
|
-
placeholder,
|
|
33
|
-
disabled = false,
|
|
34
|
-
readOnly = false,
|
|
35
|
-
className,
|
|
36
|
-
locale,
|
|
37
|
-
displayFormat,
|
|
38
|
-
showTodayButton = true,
|
|
39
|
-
showClearButton = true,
|
|
40
|
-
closeOnSelect = true,
|
|
41
|
-
minDate,
|
|
42
|
-
maxDate
|
|
43
|
-
}) {
|
|
44
|
-
const t = useT();
|
|
45
|
-
const [open, setOpen] = React.useState(false);
|
|
46
|
-
const resolvedFormat = displayFormat ?? deriveDisplayFormat(locale);
|
|
47
|
-
const placeholderText = placeholder ?? t("ui.datePicker.placeholder", "Pick a date");
|
|
48
|
-
const todayText = t("ui.datePicker.todayButton", "Today");
|
|
49
|
-
const clearText = t("ui.datePicker.clearButton", "Clear");
|
|
50
|
-
const formattedValue = React.useMemo(() => {
|
|
51
|
-
if (!value) return null;
|
|
52
|
-
try {
|
|
53
|
-
return format(value, resolvedFormat, locale ? { locale } : void 0);
|
|
54
|
-
} catch {
|
|
55
|
-
return null;
|
|
56
|
-
}
|
|
57
|
-
}, [value, resolvedFormat, locale]);
|
|
58
|
-
const handleDaySelect = React.useCallback(
|
|
59
|
-
(day) => {
|
|
60
|
-
if (!day) return;
|
|
61
|
-
const next = new Date(day);
|
|
62
|
-
next.setHours(0, 0, 0, 0);
|
|
63
|
-
onChange(next);
|
|
64
|
-
if (closeOnSelect) setOpen(false);
|
|
65
|
-
},
|
|
66
|
-
[onChange, closeOnSelect]
|
|
67
|
-
);
|
|
68
|
-
const handleToday = React.useCallback(() => {
|
|
69
|
-
const today = /* @__PURE__ */ new Date();
|
|
70
|
-
today.setHours(0, 0, 0, 0);
|
|
71
|
-
onChange(today);
|
|
72
|
-
setOpen(false);
|
|
73
|
-
}, [onChange]);
|
|
74
|
-
const handleClear = React.useCallback(() => {
|
|
75
|
-
onChange(null);
|
|
76
|
-
setOpen(false);
|
|
77
|
-
}, [onChange]);
|
|
78
|
-
const isInteractive = !disabled && !readOnly;
|
|
79
|
-
const disabledMatcher = React.useMemo(() => {
|
|
80
|
-
if (!minDate && !maxDate) return void 0;
|
|
81
|
-
const matchers = [];
|
|
82
|
-
if (minDate) matchers.push({ before: minDate });
|
|
83
|
-
if (maxDate) matchers.push({ after: maxDate });
|
|
84
|
-
return matchers;
|
|
85
|
-
}, [minDate, maxDate]);
|
|
86
|
-
return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: isInteractive ? setOpen : void 0, children: [
|
|
87
|
-
/* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
|
|
88
|
-
"button",
|
|
89
|
-
{
|
|
90
|
-
type: "button",
|
|
91
|
-
"data-crud-focus-target": "",
|
|
92
|
-
disabled,
|
|
93
|
-
"aria-haspopup": "dialog",
|
|
94
|
-
className: cn(
|
|
95
|
-
"w-full h-9 flex items-center gap-2 rounded border px-3 text-sm text-left",
|
|
96
|
-
"bg-background transition-colors",
|
|
97
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
|
|
98
|
-
"disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
|
|
99
|
-
readOnly && "cursor-default opacity-70",
|
|
100
|
-
!formattedValue && "text-muted-foreground",
|
|
101
|
-
className
|
|
102
|
-
),
|
|
103
|
-
onClick: isInteractive ? void 0 : (e) => e.preventDefault(),
|
|
104
|
-
children: [
|
|
105
|
-
/* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
|
|
106
|
-
/* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: formattedValue ?? placeholderText })
|
|
107
|
-
]
|
|
108
|
-
}
|
|
109
|
-
) }),
|
|
110
|
-
/* @__PURE__ */ jsxs(PopoverContent, { className: "p-0 w-auto", children: [
|
|
111
|
-
/* @__PURE__ */ jsx(
|
|
112
|
-
Calendar,
|
|
113
|
-
{
|
|
114
|
-
mode: "single",
|
|
115
|
-
selected: value ?? void 0,
|
|
116
|
-
onSelect: handleDaySelect,
|
|
117
|
-
locale,
|
|
118
|
-
disabled: disabledMatcher,
|
|
119
|
-
initialFocus: true
|
|
120
|
-
}
|
|
121
|
-
),
|
|
122
|
-
(showTodayButton || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t px-3 py-2", children: [
|
|
123
|
-
showTodayButton && /* @__PURE__ */ jsx(
|
|
124
|
-
"button",
|
|
125
|
-
{
|
|
126
|
-
type: "button",
|
|
127
|
-
onClick: handleToday,
|
|
128
|
-
className: "text-sm text-primary hover:underline focus-visible:outline-none",
|
|
129
|
-
children: todayText
|
|
130
|
-
}
|
|
131
|
-
),
|
|
132
|
-
showClearButton && /* @__PURE__ */ jsx(
|
|
133
|
-
"button",
|
|
134
|
-
{
|
|
135
|
-
type: "button",
|
|
136
|
-
onClick: handleClear,
|
|
137
|
-
className: "text-sm text-muted-foreground hover:text-foreground hover:underline focus-visible:outline-none ml-auto",
|
|
138
|
-
children: clearText
|
|
139
|
-
}
|
|
140
|
-
)
|
|
141
|
-
] })
|
|
142
|
-
] })
|
|
143
|
-
] });
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import {
|
|
4
|
+
DatePicker as DatePickerPrimitive
|
|
5
|
+
} from "../../primitives/date-picker.js";
|
|
6
|
+
function DatePicker(props) {
|
|
7
|
+
return /* @__PURE__ */ jsx(DatePickerPrimitive, { ...props });
|
|
144
8
|
}
|
|
145
9
|
export {
|
|
146
10
|
DatePicker
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/backend/inputs/DatePicker.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["/**\n * @deprecated Import from `@open-mercato/ui/primitives/date-picker` instead.\n *\n * This shim preserves the legacy import path\n * `@open-mercato/ui/backend/inputs/DatePicker` for existing consumers\n * (CrudForm, example pages) while the DatePicker is promoted to a\n * primitive in DS Foundation v3.\n *\n * Default footer is the Figma-aligned `'apply-cancel'` mode (per user\n * directive 2026-05-09 \u2014 \"zmie\u0144 globalnie\"). Consumers that explicitly\n * need the legacy `Today` / `Clear` footer can pass `footer=\"today-clear\"`.\n *\n * Migration: replace\n * import { DatePicker } from '@open-mercato/ui/backend/inputs/DatePicker'\n * with\n * import { DatePicker } from '@open-mercato/ui/primitives/date-picker'\n */\n\n\"use client\"\n\nimport * as React from 'react'\nimport {\n DatePicker as DatePickerPrimitive,\n type DatePickerProps as DatePickerPrimitivePropsBase,\n type DatePickerFooter,\n} from '../../primitives/date-picker'\n\nexport type DatePickerProps = DatePickerPrimitivePropsBase\n\n/** @deprecated Use `DatePicker` from `@open-mercato/ui/primitives/date-picker`. */\nexport function DatePicker(props: DatePickerProps) {\n return <DatePickerPrimitive {...props} />\n}\n\nexport type { DatePickerFooter }\n"],
|
|
5
|
+
"mappings": ";AA+BS;AAVT;AAAA,EACE,cAAc;AAAA,OAGT;AAKA,SAAS,WAAW,OAAwB;AACjD,SAAO,oBAAC,uBAAqB,GAAG,OAAO;AACzC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,186 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import { Popover, PopoverContent, PopoverTrigger } from "../../primitives/popover.js";
|
|
9
|
-
import { Calendar } from "../../primitives/calendar.js";
|
|
10
|
-
import { TimeInput } from "./TimeInput.js";
|
|
11
|
-
const DAY_FIRST_LOCALE_CODES = /* @__PURE__ */ new Set([
|
|
12
|
-
"pl",
|
|
13
|
-
"de",
|
|
14
|
-
"fr",
|
|
15
|
-
"es",
|
|
16
|
-
"it",
|
|
17
|
-
"pt",
|
|
18
|
-
"nl",
|
|
19
|
-
"ru",
|
|
20
|
-
"cs",
|
|
21
|
-
"sk",
|
|
22
|
-
"hu",
|
|
23
|
-
"ro"
|
|
24
|
-
]);
|
|
25
|
-
function deriveDisplayFormat(locale) {
|
|
26
|
-
if (!locale) return "MMM d, yyyy HH:mm";
|
|
27
|
-
const code = locale.code?.split("-")[0]?.toLowerCase() ?? "";
|
|
28
|
-
return DAY_FIRST_LOCALE_CODES.has(code) ? "d MMM yyyy HH:mm" : "MMM d, yyyy HH:mm";
|
|
29
|
-
}
|
|
30
|
-
function extractTime(date) {
|
|
31
|
-
const hour = String(date.getHours()).padStart(2, "0");
|
|
32
|
-
const minute = String(date.getMinutes()).padStart(2, "0");
|
|
33
|
-
return `${hour}:${minute}`;
|
|
34
|
-
}
|
|
35
|
-
function applyTimeToDate(base, time) {
|
|
36
|
-
const parts = time.split(":");
|
|
37
|
-
const hour = parseInt(parts[0] ?? "0", 10);
|
|
38
|
-
const minute = parseInt(parts[1] ?? "0", 10);
|
|
39
|
-
const next = new Date(base);
|
|
40
|
-
next.setHours(isNaN(hour) ? 0 : hour);
|
|
41
|
-
next.setMinutes(isNaN(minute) ? 0 : minute);
|
|
42
|
-
next.setSeconds(0);
|
|
43
|
-
next.setMilliseconds(0);
|
|
44
|
-
return next;
|
|
45
|
-
}
|
|
46
|
-
function DateTimePicker({
|
|
47
|
-
value,
|
|
48
|
-
onChange,
|
|
49
|
-
placeholder,
|
|
50
|
-
disabled = false,
|
|
51
|
-
readOnly = false,
|
|
52
|
-
className,
|
|
53
|
-
locale,
|
|
54
|
-
displayFormat,
|
|
55
|
-
minuteStep = 1,
|
|
56
|
-
showTodayButton = true,
|
|
57
|
-
showClearButton = true,
|
|
58
|
-
minDate,
|
|
59
|
-
maxDate
|
|
60
|
-
}) {
|
|
61
|
-
const t = useT();
|
|
62
|
-
const [open, setOpen] = React.useState(false);
|
|
63
|
-
const resolvedFormat = displayFormat ?? deriveDisplayFormat(locale);
|
|
64
|
-
const placeholderText = placeholder ?? t("ui.dateTimePicker.placeholder", "Pick date and time");
|
|
65
|
-
const timeLabelText = t("ui.dateTimePicker.timeLabel", "Time");
|
|
66
|
-
const todayText = t("ui.dateTimePicker.todayButton", "Today");
|
|
67
|
-
const clearText = t("ui.dateTimePicker.clearButton", "Clear");
|
|
68
|
-
const formattedValue = React.useMemo(() => {
|
|
69
|
-
if (!value) return null;
|
|
70
|
-
try {
|
|
71
|
-
return format(value, resolvedFormat, locale ? { locale } : void 0);
|
|
72
|
-
} catch {
|
|
73
|
-
return null;
|
|
74
|
-
}
|
|
75
|
-
}, [value, resolvedFormat, locale]);
|
|
76
|
-
const handleDaySelect = React.useCallback(
|
|
77
|
-
(day) => {
|
|
78
|
-
if (!day) return;
|
|
79
|
-
const currentTime = value ? extractTime(value) : "00:00";
|
|
80
|
-
onChange(applyTimeToDate(day, currentTime));
|
|
81
|
-
},
|
|
82
|
-
[onChange, value]
|
|
83
|
-
);
|
|
84
|
-
const handleTimeChange = React.useCallback(
|
|
85
|
-
(time) => {
|
|
86
|
-
const base = value ?? null;
|
|
87
|
-
if (!base) return;
|
|
88
|
-
onChange(applyTimeToDate(base, time));
|
|
89
|
-
},
|
|
90
|
-
[onChange, value]
|
|
91
|
-
);
|
|
92
|
-
const handleToday = React.useCallback(() => {
|
|
93
|
-
const now = /* @__PURE__ */ new Date();
|
|
94
|
-
const currentTime = value ? extractTime(value) : extractTime(now);
|
|
95
|
-
onChange(applyTimeToDate(now, currentTime));
|
|
96
|
-
setOpen(false);
|
|
97
|
-
}, [onChange, value]);
|
|
98
|
-
const handleClear = React.useCallback(() => {
|
|
99
|
-
onChange(null);
|
|
100
|
-
setOpen(false);
|
|
101
|
-
}, [onChange]);
|
|
102
|
-
const isInteractive = !disabled && !readOnly;
|
|
103
|
-
const disabledMatcher = React.useMemo(() => {
|
|
104
|
-
if (!minDate && !maxDate) return void 0;
|
|
105
|
-
const matchers = [];
|
|
106
|
-
if (minDate) matchers.push({ before: minDate });
|
|
107
|
-
if (maxDate) matchers.push({ after: maxDate });
|
|
108
|
-
return matchers;
|
|
109
|
-
}, [minDate, maxDate]);
|
|
110
|
-
return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: isInteractive ? setOpen : void 0, children: [
|
|
111
|
-
/* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
|
|
112
|
-
"button",
|
|
113
|
-
{
|
|
114
|
-
type: "button",
|
|
115
|
-
"data-crud-focus-target": "",
|
|
116
|
-
disabled,
|
|
117
|
-
"aria-haspopup": "dialog",
|
|
118
|
-
className: cn(
|
|
119
|
-
"w-full h-9 flex items-center gap-2 rounded border px-3 text-sm text-left",
|
|
120
|
-
"bg-background transition-colors",
|
|
121
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
|
|
122
|
-
"disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed",
|
|
123
|
-
readOnly && "cursor-default opacity-70",
|
|
124
|
-
!formattedValue && "text-muted-foreground",
|
|
125
|
-
className
|
|
126
|
-
),
|
|
127
|
-
onClick: isInteractive ? void 0 : (e) => e.preventDefault(),
|
|
128
|
-
children: [
|
|
129
|
-
/* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
|
|
130
|
-
/* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: formattedValue ?? placeholderText })
|
|
131
|
-
]
|
|
132
|
-
}
|
|
133
|
-
) }),
|
|
134
|
-
/* @__PURE__ */ jsxs(PopoverContent, { className: "p-0 w-auto", children: [
|
|
135
|
-
/* @__PURE__ */ jsx(
|
|
136
|
-
Calendar,
|
|
137
|
-
{
|
|
138
|
-
mode: "single",
|
|
139
|
-
selected: value ?? void 0,
|
|
140
|
-
onSelect: handleDaySelect,
|
|
141
|
-
locale,
|
|
142
|
-
disabled: disabledMatcher,
|
|
143
|
-
initialFocus: true
|
|
144
|
-
}
|
|
145
|
-
),
|
|
146
|
-
/* @__PURE__ */ jsxs("div", { className: "border-t px-3 py-2 space-y-2", children: [
|
|
147
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
148
|
-
/* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground shrink-0", children: [
|
|
149
|
-
timeLabelText,
|
|
150
|
-
":"
|
|
151
|
-
] }),
|
|
152
|
-
/* @__PURE__ */ jsx(
|
|
153
|
-
TimeInput,
|
|
154
|
-
{
|
|
155
|
-
value: value ? extractTime(value) : void 0,
|
|
156
|
-
onChange: handleTimeChange,
|
|
157
|
-
minuteStep
|
|
158
|
-
}
|
|
159
|
-
)
|
|
160
|
-
] }),
|
|
161
|
-
(showTodayButton || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
|
|
162
|
-
showTodayButton && /* @__PURE__ */ jsx(
|
|
163
|
-
"button",
|
|
164
|
-
{
|
|
165
|
-
type: "button",
|
|
166
|
-
onClick: handleToday,
|
|
167
|
-
className: "text-sm text-primary hover:underline focus-visible:outline-none",
|
|
168
|
-
children: todayText
|
|
169
|
-
}
|
|
170
|
-
),
|
|
171
|
-
showClearButton && /* @__PURE__ */ jsx(
|
|
172
|
-
"button",
|
|
173
|
-
{
|
|
174
|
-
type: "button",
|
|
175
|
-
onClick: handleClear,
|
|
176
|
-
className: "text-sm text-muted-foreground hover:text-foreground hover:underline focus-visible:outline-none ml-auto",
|
|
177
|
-
children: clearText
|
|
178
|
-
}
|
|
179
|
-
)
|
|
180
|
-
] })
|
|
181
|
-
] })
|
|
182
|
-
] })
|
|
183
|
-
] });
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import {
|
|
4
|
+
DatePicker as DatePickerPrimitive
|
|
5
|
+
} from "../../primitives/date-picker.js";
|
|
6
|
+
function DateTimePicker(props) {
|
|
7
|
+
return /* @__PURE__ */ jsx(DatePickerPrimitive, { ...props, withTime: true });
|
|
184
8
|
}
|
|
185
9
|
export {
|
|
186
10
|
DateTimePicker
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/backend/inputs/DateTimePicker.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["/**\n * @deprecated Import `DatePicker` from `@open-mercato/ui/primitives/date-picker`\n * and pass `withTime` instead. The standalone `DateTimePicker` is replaced by\n * a `withTime` prop on the unified primitive in DS Foundation v3.\n *\n * Default footer is the Figma-aligned `'apply-cancel'` mode (per user\n * directive 2026-05-09 \u2014 \"zmie\u0144 globalnie\"). Consumers that explicitly\n * need the legacy `Today` / `Clear` footer can pass `footer=\"today-clear\"`.\n *\n * Migration: replace\n * import { DateTimePicker } from '@open-mercato/ui/backend/inputs/DateTimePicker'\n * <DateTimePicker value={...} onChange={...} />\n * with\n * import { DatePicker } from '@open-mercato/ui/primitives/date-picker'\n * <DatePicker value={...} onChange={...} withTime />\n */\n\n\"use client\"\n\nimport * as React from 'react'\nimport {\n DatePicker as DatePickerPrimitive,\n type DatePickerProps as DatePickerPrimitiveProps,\n} from '../../primitives/date-picker'\n\nexport type DateTimePickerProps = Omit<DatePickerPrimitiveProps, 'withTime'>\n\n/** @deprecated Use `DatePicker withTime` from `@open-mercato/ui/primitives/date-picker`. */\nexport function DateTimePicker(props: DateTimePickerProps) {\n return <DatePickerPrimitive {...props} withTime />\n}\n"],
|
|
5
|
+
"mappings": ";AA6BS;AATT;AAAA,EACE,cAAc;AAAA,OAET;AAKA,SAAS,eAAe,OAA4B;AACzD,SAAO,oBAAC,uBAAqB,GAAG,OAAO,UAAQ,MAAC;AAClD;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|