@revikornmann/muka-ui 0.7.0 → 0.9.0

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.
Files changed (172) hide show
  1. package/build/manifest.json +4 -1
  2. package/dist/cjs/components/Alert/Alert.css +7 -0
  3. package/dist/cjs/components/Button/Button.css +29 -0
  4. package/dist/cjs/components/Button/Button.js +1 -1
  5. package/dist/cjs/components/Checkbox/Checkbox.js +44 -5
  6. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  7. package/dist/cjs/components/DataPieChart/DataPieChart.css +29 -0
  8. package/dist/cjs/components/DataPieChart/DataPieChart.js +20 -3
  9. package/dist/cjs/components/DataPieChart/DataPieChart.js.map +1 -1
  10. package/dist/cjs/components/DatePicker/DatePicker.js +51 -6
  11. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  12. package/dist/cjs/components/Dialog/Dialog.js +64 -7
  13. package/dist/cjs/components/Dialog/Dialog.js.map +1 -1
  14. package/dist/cjs/components/Form/Form.css +17 -0
  15. package/dist/cjs/components/Form/Form.js +31 -0
  16. package/dist/cjs/components/Form/Form.js.map +1 -0
  17. package/dist/cjs/components/Form/index.js +13 -0
  18. package/dist/cjs/components/Form/index.js.map +1 -0
  19. package/dist/cjs/components/Form/useForm.js +95 -0
  20. package/dist/cjs/components/Form/useForm.js.map +1 -0
  21. package/dist/cjs/components/Input/Input.js +52 -5
  22. package/dist/cjs/components/Input/Input.js.map +1 -1
  23. package/dist/cjs/components/LicensePlateInput/LicensePlateInput.js +50 -5
  24. package/dist/cjs/components/LicensePlateInput/LicensePlateInput.js.map +1 -1
  25. package/dist/cjs/components/NumberInput/NumberInput.js +51 -6
  26. package/dist/cjs/components/NumberInput/NumberInput.js.map +1 -1
  27. package/dist/cjs/components/PhotoUploader/PhotoUploader.css +125 -0
  28. package/dist/cjs/components/PhotoUploader/PhotoUploader.js +257 -0
  29. package/dist/cjs/components/PhotoUploader/PhotoUploader.js.map +1 -0
  30. package/dist/cjs/components/PhotoUploader/index.js +6 -0
  31. package/dist/cjs/components/PhotoUploader/index.js.map +1 -0
  32. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.css +32 -2
  33. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js +13 -2
  34. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -1
  35. package/dist/cjs/components/Radio/Radio.js +37 -5
  36. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  37. package/dist/cjs/components/RangeSlider/RangeSlider.js +37 -5
  38. package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
  39. package/dist/cjs/components/Select/Select.js +53 -7
  40. package/dist/cjs/components/Select/Select.js.map +1 -1
  41. package/dist/cjs/components/Textarea/Textarea.js +43 -5
  42. package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
  43. package/dist/cjs/components/Thumbnail/Thumbnail.css +171 -0
  44. package/dist/cjs/components/Thumbnail/Thumbnail.js +55 -0
  45. package/dist/cjs/components/Thumbnail/Thumbnail.js.map +1 -0
  46. package/dist/cjs/components/Thumbnail/index.js +6 -0
  47. package/dist/cjs/components/Thumbnail/index.js.map +1 -0
  48. package/dist/cjs/components/Toggle/Toggle.js +37 -5
  49. package/dist/cjs/components/Toggle/Toggle.js.map +1 -1
  50. package/dist/cjs/components/index.js +10 -3
  51. package/dist/cjs/components/index.js.map +1 -1
  52. package/dist/esm/components/Alert/Alert.css +7 -0
  53. package/dist/esm/components/Button/Button.css +29 -0
  54. package/dist/esm/components/Button/Button.js +1 -1
  55. package/dist/esm/components/Checkbox/Checkbox.js +11 -4
  56. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  57. package/dist/esm/components/DataPieChart/DataPieChart.css +29 -0
  58. package/dist/esm/components/DataPieChart/DataPieChart.js +20 -3
  59. package/dist/esm/components/DataPieChart/DataPieChart.js.map +1 -1
  60. package/dist/esm/components/DatePicker/DatePicker.js +18 -5
  61. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  62. package/dist/esm/components/Dialog/Dialog.js +31 -7
  63. package/dist/esm/components/Dialog/Dialog.js.map +1 -1
  64. package/dist/esm/components/Form/Form.css +17 -0
  65. package/dist/esm/components/Form/Form.js +27 -0
  66. package/dist/esm/components/Form/Form.js.map +1 -0
  67. package/dist/esm/components/Form/index.js +4 -0
  68. package/dist/esm/components/Form/index.js.map +1 -0
  69. package/dist/esm/components/Form/useForm.js +92 -0
  70. package/dist/esm/components/Form/useForm.js.map +1 -0
  71. package/dist/esm/components/Input/Input.js +19 -4
  72. package/dist/esm/components/Input/Input.js.map +1 -1
  73. package/dist/esm/components/LicensePlateInput/LicensePlateInput.js +17 -4
  74. package/dist/esm/components/LicensePlateInput/LicensePlateInput.js.map +1 -1
  75. package/dist/esm/components/NumberInput/NumberInput.js +18 -5
  76. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  77. package/dist/esm/components/PhotoUploader/PhotoUploader.css +125 -0
  78. package/dist/esm/components/PhotoUploader/PhotoUploader.js +254 -0
  79. package/dist/esm/components/PhotoUploader/PhotoUploader.js.map +1 -0
  80. package/dist/esm/components/PhotoUploader/index.js +2 -0
  81. package/dist/esm/components/PhotoUploader/index.js.map +1 -0
  82. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.css +32 -2
  83. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js +13 -2
  84. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -1
  85. package/dist/esm/components/Radio/Radio.js +4 -4
  86. package/dist/esm/components/Radio/Radio.js.map +1 -1
  87. package/dist/esm/components/RangeSlider/RangeSlider.js +4 -4
  88. package/dist/esm/components/RangeSlider/RangeSlider.js.map +1 -1
  89. package/dist/esm/components/Select/Select.js +18 -5
  90. package/dist/esm/components/Select/Select.js.map +1 -1
  91. package/dist/esm/components/Textarea/Textarea.js +10 -4
  92. package/dist/esm/components/Textarea/Textarea.js.map +1 -1
  93. package/dist/esm/components/Thumbnail/Thumbnail.css +171 -0
  94. package/dist/esm/components/Thumbnail/Thumbnail.js +52 -0
  95. package/dist/esm/components/Thumbnail/Thumbnail.js.map +1 -0
  96. package/dist/esm/components/Thumbnail/index.js +2 -0
  97. package/dist/esm/components/Thumbnail/index.js.map +1 -0
  98. package/dist/esm/components/Toggle/Toggle.js +4 -4
  99. package/dist/esm/components/Toggle/Toggle.js.map +1 -1
  100. package/dist/esm/components/index.js +3 -0
  101. package/dist/esm/components/index.js.map +1 -1
  102. package/dist/styles/components/Alert.css +7 -0
  103. package/dist/styles/components/Button.css +29 -0
  104. package/dist/styles/components/DataPieChart.css +29 -0
  105. package/dist/styles/components/Form.css +17 -0
  106. package/dist/styles/components/PhotoUploader.css +125 -0
  107. package/dist/styles/components/ProgressAccordeon.css +32 -2
  108. package/dist/styles/components/Thumbnail.css +171 -0
  109. package/dist/styles/index.css +2554 -2099
  110. package/dist/styles/muka-dark.css +2554 -2099
  111. package/dist/styles/muka-light.css +2554 -2099
  112. package/dist/styles/tokens-bouwplan-dark.css +38 -0
  113. package/dist/styles/tokens-bouwplan-light.css +38 -0
  114. package/dist/styles/tokens-fscl-dark.css +38 -0
  115. package/dist/styles/tokens-fscl-light.css +38 -0
  116. package/dist/styles/tokens-grip-dark.css +38 -0
  117. package/dist/styles/tokens-grip-light.css +38 -0
  118. package/dist/styles/tokens-muka-dark.css +38 -0
  119. package/dist/styles/tokens-muka-light.css +38 -0
  120. package/dist/styles/tokens-wireframe-dark.css +80 -42
  121. package/dist/styles/tokens-wireframe-light.css +80 -42
  122. package/dist/styles/wireframe-dark.css +2596 -2141
  123. package/dist/styles/wireframe-light.css +2596 -2141
  124. package/dist/types/components/Button/Button.d.ts +2 -2
  125. package/dist/types/components/Button/Button.d.ts.map +1 -1
  126. package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
  127. package/dist/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  128. package/dist/types/components/DataPieChart/DataPieChart.d.ts +7 -0
  129. package/dist/types/components/DataPieChart/DataPieChart.d.ts.map +1 -1
  130. package/dist/types/components/DatePicker/DatePicker.d.ts +5 -1
  131. package/dist/types/components/DatePicker/DatePicker.d.ts.map +1 -1
  132. package/dist/types/components/Dialog/Dialog.d.ts.map +1 -1
  133. package/dist/types/components/FileUpload/FileUpload.d.ts +1 -1
  134. package/dist/types/components/FileUpload/FileUpload.d.ts.map +1 -1
  135. package/dist/types/components/FileUpload/FileUploadItem.d.ts +1 -1
  136. package/dist/types/components/FileUpload/FileUploadItem.d.ts.map +1 -1
  137. package/dist/types/components/Form/Form.d.ts +34 -0
  138. package/dist/types/components/Form/Form.d.ts.map +1 -0
  139. package/dist/types/components/Form/index.d.ts +4 -0
  140. package/dist/types/components/Form/index.d.ts.map +1 -0
  141. package/dist/types/components/Form/useForm.d.ts +74 -0
  142. package/dist/types/components/Form/useForm.d.ts.map +1 -0
  143. package/dist/types/components/Input/Input.d.ts +5 -1
  144. package/dist/types/components/Input/Input.d.ts.map +1 -1
  145. package/dist/types/components/LicensePlateInput/LicensePlateInput.d.ts +5 -1
  146. package/dist/types/components/LicensePlateInput/LicensePlateInput.d.ts.map +1 -1
  147. package/dist/types/components/NumberInput/NumberInput.d.ts +5 -1
  148. package/dist/types/components/NumberInput/NumberInput.d.ts.map +1 -1
  149. package/dist/types/components/PhotoUploader/PhotoUploader.d.ts +71 -0
  150. package/dist/types/components/PhotoUploader/PhotoUploader.d.ts.map +1 -0
  151. package/dist/types/components/PhotoUploader/index.d.ts +2 -0
  152. package/dist/types/components/PhotoUploader/index.d.ts.map +1 -0
  153. package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts.map +1 -1
  154. package/dist/types/components/Radio/Radio.d.ts +1 -1
  155. package/dist/types/components/Radio/Radio.d.ts.map +1 -1
  156. package/dist/types/components/RangeSlider/RangeSlider.d.ts +1 -1
  157. package/dist/types/components/RangeSlider/RangeSlider.d.ts.map +1 -1
  158. package/dist/types/components/Select/Select.d.ts +7 -1
  159. package/dist/types/components/Select/Select.d.ts.map +1 -1
  160. package/dist/types/components/Textarea/Textarea.d.ts +5 -1
  161. package/dist/types/components/Textarea/Textarea.d.ts.map +1 -1
  162. package/dist/types/components/Thumbnail/Thumbnail.d.ts +77 -0
  163. package/dist/types/components/Thumbnail/Thumbnail.d.ts.map +1 -0
  164. package/dist/types/components/Thumbnail/index.d.ts +2 -0
  165. package/dist/types/components/Thumbnail/index.d.ts.map +1 -0
  166. package/dist/types/components/Toggle/Toggle.d.ts +1 -1
  167. package/dist/types/components/Toggle/Toggle.d.ts.map +1 -1
  168. package/dist/types/components/index.d.ts +3 -0
  169. package/dist/types/components/index.d.ts.map +1 -1
  170. package/package.json +1 -1
  171. package/tokens/t2-alias/brand/wireframe/radius.json +34 -0
  172. package/tokens/t4-components/button.json +56 -0
@@ -0,0 +1,257 @@
1
+ "use strict";
2
+ 'use client';
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.PhotoUploader = void 0;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const react_1 = require("react");
7
+ const Button_1 = require("../Button");
8
+ const Icon_1 = require("../Icon");
9
+ const Dialog_1 = require("../Dialog");
10
+ const Alert_1 = require("../Alert");
11
+ const Thumbnail_1 = require("../Thumbnail");
12
+ require("./PhotoUploader.css");
13
+ function generateId() {
14
+ return `photo-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
15
+ }
16
+ function isImageFile(file) {
17
+ return file.type.startsWith('image/');
18
+ }
19
+ /**
20
+ * PhotoUploader Component
21
+ *
22
+ * A photo-first uploader: a primary "choose photos" button, a grid of
23
+ * `Thumbnail` tiles for the selected photos, and a drop-zone card. Each
24
+ * thumbnail shows a progress donut while uploading, a remove (×) button once
25
+ * loaded, and — when `enableDialog` is set — opens the photo full-size in a
26
+ * `Dialog` (original aspect ratio preserved) on click.
27
+ *
28
+ * Photos can be supplied controlled (`files` + `onFilesChange`) or left
29
+ * uncontrolled. Provide `uploadFn` to drive per-photo upload progress.
30
+ */
31
+ exports.PhotoUploader = (0, react_1.forwardRef)(({ accept = 'image/*', multiple = true, maxSize, maxFiles, disabled = false, files: controlledFiles, onFilesChange, onError, uploadFn, processFile, shape = '4:3', chooseLabel = 'Choose photos', dropzoneLabel = 'Or drag photos here', dialogTitle, enableDialog = true, dialogCloseButtonLabel = 'Close', dialogRemoveLabel = 'Delete photo', dialogCloseLabel = 'Close', showErrorAlert = true, errorAlertTitle = (count) => `${count} photo${count === 1 ? '' : 's'} couldn’t be added`, errorAlertMessage = 'Check if photos are fully downloaded and try again', className = '', 'aria-label': ariaLabel, ...props }, ref) => {
32
+ const [internalFiles, setInternalFiles] = (0, react_1.useState)([]);
33
+ const [isDragActive, setIsDragActive] = (0, react_1.useState)(false);
34
+ const [activeId, setActiveId] = (0, react_1.useState)(null);
35
+ const [alertDismissed, setAlertDismissed] = (0, react_1.useState)(false);
36
+ const inputRef = (0, react_1.useRef)(null);
37
+ const files = controlledFiles ?? internalFiles;
38
+ // Latest-value ref so functional `setFiles` updates chain correctly across
39
+ // the awaits in `processFiles` (process → upload) without stale closures.
40
+ const filesRef = (0, react_1.useRef)(files);
41
+ filesRef.current = files;
42
+ const setFiles = (0, react_1.useCallback)((newFiles) => {
43
+ const updatedFiles = typeof newFiles === 'function' ? newFiles(filesRef.current) : newFiles;
44
+ filesRef.current = updatedFiles;
45
+ if (!controlledFiles) {
46
+ setInternalFiles(updatedFiles);
47
+ }
48
+ onFilesChange?.(updatedFiles);
49
+ }, [controlledFiles, onFilesChange]);
50
+ const validateFile = (0, react_1.useCallback)((file) => {
51
+ if (accept) {
52
+ const acceptedTypes = accept.split(',').map((t) => t.trim());
53
+ const isAccepted = acceptedTypes.some((type) => {
54
+ if (type.startsWith('.')) {
55
+ return file.name.toLowerCase().endsWith(type.toLowerCase());
56
+ }
57
+ if (type.endsWith('/*')) {
58
+ return file.type.startsWith(type.slice(0, -1));
59
+ }
60
+ return file.type === type;
61
+ });
62
+ if (!isAccepted) {
63
+ return { type: 'type', message: `File type not accepted: ${file.name}`, file };
64
+ }
65
+ }
66
+ if (maxSize && file.size > maxSize) {
67
+ return { type: 'size', message: `File too large: ${file.name}`, file };
68
+ }
69
+ return null;
70
+ }, [accept, maxSize]);
71
+ const processFiles = (0, react_1.useCallback)(async (selectedFiles) => {
72
+ const fileArray = Array.from(selectedFiles);
73
+ if (maxFiles && files.length + fileArray.length > maxFiles) {
74
+ onError?.({ type: 'count', message: `Maximum ${maxFiles} photos allowed` });
75
+ return;
76
+ }
77
+ const newFiles = [];
78
+ for (const file of fileArray) {
79
+ const error = validateFile(file);
80
+ if (error) {
81
+ onError?.(error);
82
+ continue;
83
+ }
84
+ newFiles.push({
85
+ file,
86
+ id: generateId(),
87
+ status: processFile ? 'processing' : uploadFn ? 'pending' : 'success',
88
+ previewUrl: isImageFile(file) ? URL.createObjectURL(file) : undefined,
89
+ });
90
+ }
91
+ if (newFiles.length === 0)
92
+ return;
93
+ setFiles(multiple ? [...files, ...newFiles] : newFiles);
94
+ if (!processFile && !uploadFn)
95
+ return;
96
+ for (const fileWithStatus of newFiles) {
97
+ let currentFile = fileWithStatus.file;
98
+ // ─── Pre-upload transform (HEIC conversion / compression) ─────────
99
+ if (processFile) {
100
+ try {
101
+ currentFile = await processFile(currentFile);
102
+ const processed = currentFile;
103
+ // Regenerate the preview from the processed file (e.g. a HEIC
104
+ // original can't preview, but its converted JPEG can).
105
+ setFiles((prev) => prev.map((f) => {
106
+ if (f.id !== fileWithStatus.id)
107
+ return f;
108
+ if (f.previewUrl)
109
+ URL.revokeObjectURL(f.previewUrl);
110
+ return {
111
+ ...f,
112
+ file: processed,
113
+ previewUrl: isImageFile(processed)
114
+ ? URL.createObjectURL(processed)
115
+ : undefined,
116
+ };
117
+ }));
118
+ }
119
+ catch (err) {
120
+ setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id
121
+ ? {
122
+ ...f,
123
+ status: 'error',
124
+ error: err instanceof Error ? err.message : 'Processing failed',
125
+ }
126
+ : f));
127
+ continue;
128
+ }
129
+ }
130
+ // ─── Upload ───────────────────────────────────────────────────────
131
+ if (!uploadFn) {
132
+ setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id ? { ...f, status: 'success' } : f));
133
+ continue;
134
+ }
135
+ setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id
136
+ ? { ...f, status: 'uploading', progress: 0 }
137
+ : f));
138
+ try {
139
+ const result = await uploadFn(currentFile, (progress) => {
140
+ setFiles((prev) => prev.map((f) => (f.id === fileWithStatus.id ? { ...f, progress } : f)));
141
+ });
142
+ setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id
143
+ ? {
144
+ ...f,
145
+ status: result.success ? 'success' : 'error',
146
+ error: result.error,
147
+ progress: 100,
148
+ }
149
+ : f));
150
+ }
151
+ catch (err) {
152
+ setFiles((prev) => prev.map((f) => f.id === fileWithStatus.id
153
+ ? {
154
+ ...f,
155
+ status: 'error',
156
+ error: err instanceof Error ? err.message : 'Upload failed',
157
+ }
158
+ : f));
159
+ }
160
+ }
161
+ }, [files, maxFiles, multiple, onError, setFiles, uploadFn, processFile, validateFile]);
162
+ const handleRemove = (0, react_1.useCallback)((id) => {
163
+ setFiles((prev) => {
164
+ const target = prev.find((f) => f.id === id);
165
+ if (target?.previewUrl) {
166
+ URL.revokeObjectURL(target.previewUrl);
167
+ }
168
+ return prev.filter((f) => f.id !== id);
169
+ });
170
+ }, [setFiles]);
171
+ const openPicker = (0, react_1.useCallback)(() => {
172
+ if (!disabled)
173
+ inputRef.current?.click();
174
+ }, [disabled]);
175
+ const handleInputChange = (0, react_1.useCallback)((e) => {
176
+ const selected = e.target.files;
177
+ if (selected && selected.length > 0) {
178
+ processFiles(selected);
179
+ }
180
+ e.target.value = '';
181
+ }, [processFiles]);
182
+ const handleDragEnter = (0, react_1.useCallback)((e) => {
183
+ e.preventDefault();
184
+ e.stopPropagation();
185
+ if (!disabled)
186
+ setIsDragActive(true);
187
+ }, [disabled]);
188
+ const handleDragLeave = (0, react_1.useCallback)((e) => {
189
+ e.preventDefault();
190
+ e.stopPropagation();
191
+ setIsDragActive(false);
192
+ }, []);
193
+ const handleDragOver = (0, react_1.useCallback)((e) => {
194
+ e.preventDefault();
195
+ e.stopPropagation();
196
+ if (!disabled)
197
+ setIsDragActive(true);
198
+ }, [disabled]);
199
+ const handleDrop = (0, react_1.useCallback)((e) => {
200
+ e.preventDefault();
201
+ e.stopPropagation();
202
+ setIsDragActive(false);
203
+ if (disabled)
204
+ return;
205
+ const dropped = e.dataTransfer.files;
206
+ if (dropped.length > 0)
207
+ processFiles(dropped);
208
+ }, [disabled, processFiles]);
209
+ const handleDropzoneKeyDown = (0, react_1.useCallback)((e) => {
210
+ if ((e.key === 'Enter' || e.key === ' ') && !disabled) {
211
+ e.preventDefault();
212
+ openPicker();
213
+ }
214
+ }, [disabled, openPicker]);
215
+ const closeDialog = (0, react_1.useCallback)(() => setActiveId(null), []);
216
+ const handleDialogRemove = (0, react_1.useCallback)(() => {
217
+ if (activeId) {
218
+ handleRemove(activeId);
219
+ setActiveId(null);
220
+ }
221
+ }, [activeId, handleRemove]);
222
+ const activePhoto = activeId ? files.find((f) => f.id === activeId) : undefined;
223
+ const errorCount = files.reduce((n, f) => (f.status === 'error' ? n + 1 : n), 0);
224
+ // Re-surface the Alert only when the failure count grows (a new failure),
225
+ // not while previously-failed photos merely persist after a dismissal.
226
+ const prevErrorCount = (0, react_1.useRef)(0);
227
+ (0, react_1.useEffect)(() => {
228
+ if (errorCount > prevErrorCount.current)
229
+ setAlertDismissed(false);
230
+ prevErrorCount.current = errorCount;
231
+ }, [errorCount]);
232
+ const showAlert = showErrorAlert && errorCount > 0 && !alertDismissed;
233
+ const classes = [
234
+ 'muka-photo-uploader',
235
+ disabled && 'muka-photo-uploader--disabled',
236
+ className,
237
+ ]
238
+ .filter(Boolean)
239
+ .join(' ');
240
+ return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: classes, ...props, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, disabled: disabled, onChange: handleInputChange, className: "muka-photo-uploader__input", tabIndex: -1, "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: openPicker, disabled: disabled, iconLeft: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "add", variant: "line" }), children: chooseLabel }), showAlert && ((0, jsx_runtime_1.jsx)(Alert_1.Alert, { className: "muka-photo-uploader__alert", variant: "error", title: errorAlertTitle(errorCount), icon: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "alert", variant: "fill", size: "md" }), dismissible: true, onDismiss: () => setAlertDismissed(true), children: errorAlertMessage })), files.length > 0 && ((0, jsx_runtime_1.jsx)("ul", { className: "muka-photo-uploader__grid", "aria-label": "Selected photos", children: files.map((f) => {
241
+ const isProcessing = f.status === 'processing';
242
+ const isUploading = f.status === 'uploading' || f.status === 'pending';
243
+ const isError = f.status === 'error';
244
+ const isBusy = isProcessing || isUploading;
245
+ return ((0, jsx_runtime_1.jsx)("li", { className: "muka-photo-uploader__grid-item", children: (0, jsx_runtime_1.jsx)(Thumbnail_1.Thumbnail, { src: f.previewUrl ?? '', alt: f.file.name, shape: shape, processing: isProcessing, loading: isUploading, error: isError, caption: isError ? f.file.name : undefined, errorReason: f.error, progress: f.progress ?? 0, onRemove: disabled ? undefined : () => handleRemove(f.id), onClick: enableDialog && !isBusy && !isError && f.previewUrl
246
+ ? () => setActiveId(f.id)
247
+ : undefined, viewLabel: `View ${f.file.name}`, removeLabel: `Remove ${f.file.name}` }) }, f.id));
248
+ }) })), (0, jsx_runtime_1.jsxs)("div", { className: [
249
+ 'muka-photo-uploader__dropzone',
250
+ isDragActive && 'muka-photo-uploader__dropzone--active',
251
+ ]
252
+ .filter(Boolean)
253
+ .join(' '), onClick: openPicker, onKeyDown: handleDropzoneKeyDown, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, role: "button", tabIndex: disabled ? -1 : 0, "aria-label": ariaLabel ?? 'Upload photos', "aria-disabled": disabled, "aria-dropeffect": "copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "muka-photo-uploader__dropzone-icon", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "image", variant: "line", size: "lg", colorVariant: "subtle" }) }), (0, jsx_runtime_1.jsx)("span", { className: "muka-photo-uploader__dropzone-text", children: dropzoneLabel })] }), enableDialog && ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { open: Boolean(activePhoto), onClose: closeDialog, modal: false, size: "md", title: dialogTitle, "aria-label": dialogTitle ?? activePhoto?.file.name ?? 'Photo preview', trailing: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", size: "sm", iconOnly: true, onClick: closeDialog, "aria-label": dialogCloseButtonLabel, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "close", variant: "line" }) }), footerActions: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", onClick: handleDialogRemove, children: dialogRemoveLabel }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: closeDialog, children: dialogCloseLabel })] }), children: activePhoto?.previewUrl && ((0, jsx_runtime_1.jsx)("div", { className: "muka-photo-uploader__preview", children: (0, jsx_runtime_1.jsx)("img", { className: "muka-photo-uploader__preview-image", src: activePhoto.previewUrl, alt: activePhoto.file.name }) })) }))] }));
254
+ });
255
+ exports.PhotoUploader.displayName = 'PhotoUploader';
256
+ exports.default = exports.PhotoUploader;
257
+ //# sourceMappingURL=PhotoUploader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PhotoUploader.js","sourceRoot":"","sources":["../../../../components/PhotoUploader/PhotoUploader.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.PhotoUploader = void 0;
4
+ var PhotoUploader_1 = require("./PhotoUploader");
5
+ Object.defineProperty(exports, "PhotoUploader", { enumerable: true, get: function () { return PhotoUploader_1.PhotoUploader; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/PhotoUploader/index.ts"],"names":[],"mappings":";;;AAAA,iDAMyB;AALvB,8GAAA,aAAa,OAAA"}
@@ -22,11 +22,13 @@
22
22
  gap: var(--spacing-8);
23
23
  }
24
24
 
25
- /* Past-expanded groups header + slot with a tighter internal gap */
25
+ /* Past steps group header + slot. The header↔content gap lives inside the
26
+ collapsing slot (as padding-top) so it collapses with the content, so the
27
+ body gap itself is 0. */
26
28
  .muka-progress-accordeon__body {
27
29
  display: flex;
28
30
  flex-direction: column;
29
- gap: var(--spacing-4);
31
+ gap: 0;
30
32
  width: 100%;
31
33
  }
32
34
 
@@ -159,6 +161,34 @@
159
161
  width: 100%;
160
162
  }
161
163
 
164
+ /* ─── Collapse/expand animation (past steps) ─────────────────
165
+ The grid-template-rows 1fr → 0fr technique animates the content to/from its
166
+ intrinsic (auto) height with no magic max-height. Under prefers-reduced-motion
167
+ --motion-duration-view resolves to 0ms, so the toggle stays instant. */
168
+ .muka-progress-accordeon__slot-wrapper {
169
+ display: grid;
170
+ grid-template-rows: 1fr;
171
+ transition: grid-template-rows var(--motion-duration-view) var(--motion-easing-enter);
172
+ }
173
+
174
+ .muka-progress-accordeon__slot-wrapper--collapsed {
175
+ grid-template-rows: 0fr;
176
+ }
177
+
178
+ /* The direct grid child clips and must have NO padding/border of its own —
179
+ min-height:0 lets it shrink, and with no padding the 0fr track reaches a true
180
+ 0 height (padding on the item would leave a residual gap when collapsed). */
181
+ .muka-progress-accordeon__slot-clip {
182
+ overflow: hidden;
183
+ min-height: 0;
184
+ }
185
+
186
+ /* The header↔content spacing lives on the inner slot (inside the clip region)
187
+ so it collapses together with the content. */
188
+ .muka-progress-accordeon__slot-wrapper .muka-progress-accordeon__slot {
189
+ padding-top: var(--spacing-4);
190
+ }
191
+
162
192
  /* ─── Action buttons (current state) ─────────────────────── */
163
193
  .muka-progress-accordeon__actions {
164
194
  display: flex;
@@ -45,7 +45,9 @@ const ProgressAccordeon = ({ state, stepNumber, heading, description, children,
45
45
  const showToggle = isPast && Boolean(onToggle);
46
46
  const showEdit = isExpanded && Boolean(onEdit);
47
47
  const showDescription = Boolean(description) && !collapsed;
48
- const hasSlot = (isExpanded || isCurrent) && Boolean(children);
48
+ // Past steps keep their content mounted regardless of `collapsed` so the
49
+ // collapse/expand can be CSS-animated (you can't animate an unmounted node).
50
+ const hasSlot = (isPast || isCurrent) && Boolean(children);
49
51
  const hasActions = isCurrent && Boolean(primaryAction || secondaryAction);
50
52
  const rootClasses = [
51
53
  'muka-progress-accordeon',
@@ -59,7 +61,16 @@ const ProgressAccordeon = ({ state, stepNumber, heading, description, children,
59
61
  ].join(' ');
60
62
  const header = ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__header-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__heading-group", children: [(0, jsx_runtime_1.jsx)("div", { className: indicatorClasses, "aria-hidden": "true", children: isPast ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "check", variant: "fill", size: "sm", className: "muka-progress-accordeon__check-icon" })) : ((0, jsx_runtime_1.jsx)("span", { className: "muka-progress-accordeon__number", children: stepNumber })) }), (0, jsx_runtime_1.jsx)("h3", { className: "muka-progress-accordeon__heading", children: heading })] }), (showEdit || showToggle) && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__controls", children: [showEdit && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", onClick: onEdit, iconLeft: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "pencil", variant: "line", size: "md" }), className: "muka-progress-accordeon__edit muka-progress-accordeon__edit--wide", children: editLabel }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", iconOnly: true, onClick: onEdit, className: "muka-progress-accordeon__edit muka-progress-accordeon__edit--narrow", "aria-label": editLabel, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "pencil", variant: "line", size: "md" }) })] })), showToggle && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", iconOnly: true, onClick: onToggle, className: "muka-progress-accordeon__toggle", "aria-label": collapsed ? 'Expand' : 'Collapse', "aria-expanded": !collapsed, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: collapsed ? 'arrow-down-s' : 'arrow-up-s', variant: "line", size: "md" }) }))] }))] }), showDescription && ((0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__description", children: description }))] }));
61
63
  const slot = hasSlot ? ((0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__slot", children: children })) : null;
62
- return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, role: "group", "aria-label": `Step ${stepNumber}: ${heading}`, "aria-current": isCurrent ? 'step' : undefined, children: [isExpanded ? ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__body", children: [header, slot] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [header, slot] })), hasActions && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__actions", children: [secondaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: "md", onClick: secondaryAction.onClick, disabled: secondaryAction.disabled, className: "muka-progress-accordeon__action", children: secondaryAction.label })), primaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: primaryAction.onClick, disabled: primaryAction.disabled, className: "muka-progress-accordeon__action", children: primaryAction.label }))] })), divider && (0, jsx_runtime_1.jsx)(Divider_1.Divider, { className: "muka-progress-accordeon__divider" })] }));
64
+ // Past steps wrap the (always-mounted) slot in a grid animation container that
65
+ // collapses its height to zero. Marked inert + aria-hidden while collapsed so
66
+ // the still-mounted content is skipped by keyboard focus and assistive tech.
67
+ // React 18's DOM types don't include `inert`, and its runtime drops a boolean
68
+ // `inert` prop — so it's applied as a real (string) attribute when collapsed.
69
+ const collapsedAttrs = collapsed
70
+ ? { inert: '', 'aria-hidden': true }
71
+ : {};
72
+ const pastSlot = hasSlot ? ((0, jsx_runtime_1.jsx)("div", { className: `muka-progress-accordeon__slot-wrapper${collapsed ? ' muka-progress-accordeon__slot-wrapper--collapsed' : ''}`, ...collapsedAttrs, children: (0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__slot-clip", children: slot }) })) : null;
73
+ return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, role: "group", "aria-label": `Step ${stepNumber}: ${heading}`, "aria-current": isCurrent ? 'step' : undefined, children: [isPast ? ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__body", children: [header, pastSlot] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [header, slot] })), hasActions && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__actions", children: [secondaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: "md", onClick: secondaryAction.onClick, disabled: secondaryAction.disabled, className: "muka-progress-accordeon__action", children: secondaryAction.label })), primaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: primaryAction.onClick, disabled: primaryAction.disabled, className: "muka-progress-accordeon__action", children: primaryAction.label }))] })), divider && (0, jsx_runtime_1.jsx)(Divider_1.Divider, { className: "muka-progress-accordeon__divider" })] }));
63
74
  };
64
75
  exports.ProgressAccordeon = ProgressAccordeon;
65
76
  exports.default = exports.ProgressAccordeon;
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressAccordeon.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProgressAccordeon.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,42 @@
1
1
  "use strict";
2
2
  'use client';
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
3
36
  Object.defineProperty(exports, "__esModule", { value: true });
4
37
  exports.Radio = void 0;
5
38
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
39
+ const react_1 = __importStar(require("react"));
7
40
  require("./Radio.css");
8
41
  /**
9
42
  * Radio Component
@@ -20,7 +53,7 @@ require("./Radio.css");
20
53
  * - radio.dot.size.{size}
21
54
  * - radio.color.{state}.{background|border|dot}
22
55
  */
23
- const Radio = ({ checked, defaultChecked, onChange, label, disabled = false, name, value, size = 'md', className = '', id, ...props }) => {
56
+ exports.Radio = react_1.default.forwardRef(function Radio({ checked, defaultChecked, onChange, label, disabled = false, name, value, size = 'md', className = '', id, ...props }, forwardedRef) {
24
57
  const generatedId = (0, react_1.useId)();
25
58
  const inputId = id || generatedId;
26
59
  const wrapperClasses = [
@@ -29,8 +62,7 @@ const Radio = ({ checked, defaultChecked, onChange, label, disabled = false, nam
29
62
  disabled && 'muka-radio--disabled',
30
63
  className
31
64
  ].filter(Boolean).join(' ');
32
- return ((0, jsx_runtime_1.jsxs)("label", { className: wrapperClasses, htmlFor: inputId, children: [(0, jsx_runtime_1.jsxs)("span", { className: "muka-radio__control", children: [(0, jsx_runtime_1.jsx)("input", { type: "radio", id: inputId, className: "muka-radio__input", checked: checked, defaultChecked: defaultChecked, onChange: onChange, disabled: disabled, name: name, value: value, ...props }), (0, jsx_runtime_1.jsx)("span", { className: "muka-radio__indicator", children: (0, jsx_runtime_1.jsx)("span", { className: "muka-radio__dot" }) })] }), label && (0, jsx_runtime_1.jsx)("span", { className: "muka-radio__label", children: label })] }));
33
- };
34
- exports.Radio = Radio;
65
+ return ((0, jsx_runtime_1.jsxs)("label", { className: wrapperClasses, htmlFor: inputId, children: [(0, jsx_runtime_1.jsxs)("span", { className: "muka-radio__control", children: [(0, jsx_runtime_1.jsx)("input", { ref: forwardedRef, type: "radio", id: inputId, className: "muka-radio__input", checked: checked, defaultChecked: defaultChecked, onChange: onChange, disabled: disabled, name: name, value: value, ...props }), (0, jsx_runtime_1.jsx)("span", { className: "muka-radio__indicator", children: (0, jsx_runtime_1.jsx)("span", { className: "muka-radio__dot" }) })] }), label && (0, jsx_runtime_1.jsx)("span", { className: "muka-radio__label", children: label })] }));
66
+ });
35
67
  exports.default = exports.Radio;
36
68
  //# sourceMappingURL=Radio.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAAqC;AACrC,uBAAqB;AAkCrB;;;;;;;;;;;;;;GAcG;AACI,MAAM,KAAK,GAAyB,CAAC,EAC1C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAElC,MAAM,cAAc,GAAG;QACrB,YAAY;QACZ,eAAe,IAAI,EAAE;QACrB,QAAQ,IAAI,sBAAsB;QAClC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,mCAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,aAChD,kCAAM,SAAS,EAAC,qBAAqB,aACnC,kCACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,KAAK,GACT,EACF,iCAAM,SAAS,EAAC,uBAAuB,YACrC,iCAAM,SAAS,EAAC,iBAAiB,GAAG,GAC/B,IACF,EACN,KAAK,IAAI,iCAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,IACtD,CACT,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,KAAK,SA6ChB;AAEF,kBAAe,aAAK,CAAC"}
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,+CAAqC;AACrC,uBAAqB;AAkCrB;;;;;;;;;;;;;;GAcG;AACU,QAAA,KAAK,GAAG,eAAK,CAAC,UAAU,CAA+B,SAAS,KAAK,CAChF,EACE,OAAO,EACP,cAAc,EACd,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EACD,YAAY;IAEZ,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAElC,MAAM,cAAc,GAAG;QACrB,YAAY;QACZ,eAAe,IAAI,EAAE;QACrB,QAAQ,IAAI,sBAAsB;QAClC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,mCAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,aAChD,kCAAM,SAAS,EAAC,qBAAqB,aACnC,kCACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,KAAK,GACT,EACF,iCAAM,SAAS,EAAC,uBAAuB,YACrC,iCAAM,SAAS,EAAC,iBAAiB,GAAG,GAC/B,IACF,EACN,KAAK,IAAI,iCAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,IACtD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}
@@ -1,9 +1,42 @@
1
1
  "use strict";
2
2
  'use client';
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
3
36
  Object.defineProperty(exports, "__esModule", { value: true });
4
37
  exports.RangeSlider = void 0;
5
38
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
39
+ const react_1 = __importStar(require("react"));
7
40
  const Icon_1 = require("../Icon");
8
41
  require("./RangeSlider.css");
9
42
  /**
@@ -22,7 +55,7 @@ require("./RangeSlider.css");
22
55
  * - Wraps a native <input type="range">, so keyboard and screen-reader support
23
56
  * come for free. Provide a visible `label` or an `aria-label`.
24
57
  */
25
- const RangeSlider = ({ value, onChange, min, max, step = 1, label, tooltip, optional = false, showValue = true, formatValue, helperText, size = 'md', disabled = false, id, className = '', 'aria-label': ariaLabel, }) => {
58
+ exports.RangeSlider = react_1.default.forwardRef(function RangeSlider({ value, onChange, min, max, step = 1, label, tooltip, optional = false, showValue = true, formatValue, helperText, size = 'md', disabled = false, id, className = '', 'aria-label': ariaLabel, }, forwardedRef) {
26
59
  const generatedId = (0, react_1.useId)();
27
60
  const inputId = id ?? generatedId;
28
61
  const helperId = helperText ? `${inputId}-helper` : undefined;
@@ -38,8 +71,7 @@ const RangeSlider = ({ value, onChange, min, max, step = 1, label, tooltip, opti
38
71
  disabled ? 'muka-range-slider--disabled' : '',
39
72
  className,
40
73
  ].filter(Boolean).join(' ');
41
- return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, children: [showHeader && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-range-slider__header", children: [(0, jsx_runtime_1.jsxs)("span", { className: "muka-range-slider__label-group", children: [label && ((0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, className: "muka-range-slider__label", children: label })), tooltip && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "information", variant: "line", size: "sm", colorVariant: "subtle", label: tooltip, className: "muka-range-slider__info" })), optional && ((0, jsx_runtime_1.jsx)("span", { className: "muka-range-slider__optional", children: "Optional" }))] }), showValue && ((0, jsx_runtime_1.jsx)("span", { className: "muka-range-slider__value", children: formatValue ? formatValue(value) : value }))] })), (0, jsx_runtime_1.jsx)("div", { className: "muka-range-slider__bar", children: (0, jsx_runtime_1.jsx)("input", { id: inputId, type: "range", className: "muka-range-slider__input", value: value, min: min, max: max, step: step, disabled: disabled, "aria-label": label ? undefined : ariaLabel, "aria-describedby": helperId, style: { ['--muka-range-fill']: `${fillPct}%` }, onChange: (e) => onChange(Number(e.target.value)) }) }), helperText && ((0, jsx_runtime_1.jsx)("p", { id: helperId, className: "muka-range-slider__helper", children: helperText }))] }));
42
- };
43
- exports.RangeSlider = RangeSlider;
74
+ return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, children: [showHeader && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-range-slider__header", children: [(0, jsx_runtime_1.jsxs)("span", { className: "muka-range-slider__label-group", children: [label && ((0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, className: "muka-range-slider__label", children: label })), tooltip && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "information", variant: "line", size: "sm", colorVariant: "subtle", label: tooltip, className: "muka-range-slider__info" })), optional && ((0, jsx_runtime_1.jsx)("span", { className: "muka-range-slider__optional", children: "Optional" }))] }), showValue && ((0, jsx_runtime_1.jsx)("span", { className: "muka-range-slider__value", children: formatValue ? formatValue(value) : value }))] })), (0, jsx_runtime_1.jsx)("div", { className: "muka-range-slider__bar", children: (0, jsx_runtime_1.jsx)("input", { ref: forwardedRef, id: inputId, type: "range", className: "muka-range-slider__input", value: value, min: min, max: max, step: step, disabled: disabled, "aria-label": label ? undefined : ariaLabel, "aria-describedby": helperId, style: { ['--muka-range-fill']: `${fillPct}%` }, onChange: (e) => onChange(Number(e.target.value)) }) }), helperText && ((0, jsx_runtime_1.jsx)("p", { id: helperId, className: "muka-range-slider__helper", children: helperText }))] }));
75
+ });
44
76
  exports.default = exports.RangeSlider;
45
77
  //# sourceMappingURL=RangeSlider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../../components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../../components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"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"}