stargazer-ui 1.5.3 → 1.5.5
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/Button/Button.js +3 -2
- package/Button/Button.js.map +1 -1
- package/ButtonGroup/ButtonGroup.js +3 -2
- package/ButtonGroup/ButtonGroup.js.map +1 -1
- package/Card/Card.js +8 -7
- package/Card/Card.js.map +1 -1
- package/CloseButton/CloseButton.js +3 -3
- package/CloseButton/CloseButton.js.map +1 -1
- package/Dropdown/Dropdown.d.ts +1 -1
- package/Dropdown/Dropdown.js +28 -17
- package/Dropdown/Dropdown.js.map +1 -1
- package/FileUploadButton/FileUploadButton.js +3 -4
- package/FileUploadButton/FileUploadButton.js.map +1 -1
- package/FloatingLabel/FloatingLabel.js +3 -5
- package/FloatingLabel/FloatingLabel.js.map +1 -1
- package/Form/Form.d.ts +11 -15
- package/Form/Form.js +29 -176
- package/Form/Form.js.map +1 -1
- package/Form/Form.types.d.ts +33 -12
- package/Form/FormSelect.d.ts +15 -0
- package/Form/FormSelect.js +437 -0
- package/Form/FormSelect.js.map +1 -0
- package/InputGroup/InputGroup.js +5 -5
- package/InputGroup/InputGroup.js.map +1 -1
- package/List/List.d.ts +1 -1
- package/List/List.js +10 -9
- package/List/List.js.map +1 -1
- package/Modal/Modal.js +11 -21
- package/Modal/Modal.js.map +1 -1
- package/Nav/Nav.js +5 -4
- package/Nav/Nav.js.map +1 -1
- package/NavBar/Navbar.js +6 -6
- package/NavBar/Navbar.js.map +1 -1
- package/NavDropdown/NavDropdown.js +3 -5
- package/NavDropdown/NavDropdown.js.map +1 -1
- package/Overlay/Overlay.js +15 -22
- package/Overlay/Overlay.js.map +1 -1
- package/Overlay/Overlay.types.d.ts +1 -1
- package/Popout/Popout.js +8 -7
- package/Popout/Popout.js.map +1 -1
- package/Spinner/Spinner.js +3 -4
- package/Spinner/Spinner.js.map +1 -1
- package/Table/Table.js +3 -2
- package/Table/Table.js.map +1 -1
- package/Tabs/Tabs.js +9 -17
- package/Tabs/Tabs.js.map +1 -1
- package/ToggleButton/ToggleButton.js +3 -2
- package/ToggleButton/ToggleButton.js.map +1 -1
- package/package.json +1 -1
- package/styles/stargazerui.css +47 -20
- package/styles/stargazerui.css.map +1 -1
- package/utils/BaseTypes.d.ts +2 -1
- package/utils/CreateSyntheticEvent.d.ts +3 -0
- package/utils/CreateSyntheticEvent.js +33 -0
- package/utils/CreateSyntheticEvent.js.map +1 -0
- package/utils/IsInputKey.d.ts +7 -0
- package/utils/IsInputKey.js +20 -0
- package/utils/IsInputKey.js.map +1 -0
|
@@ -0,0 +1,437 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { createContext, forwardRef, useMemo, useRef, useState, useEffect, useLayoutEffect, useContext } from 'react';
|
|
4
|
+
import Overlay from '../Overlay/Overlay.js';
|
|
5
|
+
import { useFormTagContext, useFormContext, ErrorMessage, HintMessage } from './Form.js';
|
|
6
|
+
import mergeRefs from '../utils/MergeRefs.js';
|
|
7
|
+
import mergeClassnames from '../utils/MergeClassnames.js';
|
|
8
|
+
import createSyntheticEvent from '../utils/CreateSyntheticEvent.js';
|
|
9
|
+
import { isValidInputKey } from '../utils/IsInputKey.js';
|
|
10
|
+
|
|
11
|
+
const SelectContext = createContext(null);
|
|
12
|
+
const SelectContextProvider = ({ children, value }) => {
|
|
13
|
+
return (jsx(SelectContext.Provider, { value: value, children: children }));
|
|
14
|
+
};
|
|
15
|
+
const useSelectContext = () => {
|
|
16
|
+
const context = useContext(SelectContext);
|
|
17
|
+
if (!context) {
|
|
18
|
+
throw new Error("UseSelectContext must be used within a SelectContextProvider!");
|
|
19
|
+
}
|
|
20
|
+
return context;
|
|
21
|
+
};
|
|
22
|
+
const useCustomState = (test, middleware) => {
|
|
23
|
+
const [state, setState] = useState(test);
|
|
24
|
+
const customSetState = (callback, options = { middleware: true }) => {
|
|
25
|
+
let newValue;
|
|
26
|
+
if ((typeof callback) === "function") {
|
|
27
|
+
newValue = callback(state);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
newValue = callback;
|
|
31
|
+
}
|
|
32
|
+
if (middleware && options.middleware === true)
|
|
33
|
+
middleware(newValue);
|
|
34
|
+
setState(newValue);
|
|
35
|
+
};
|
|
36
|
+
return [state, customSetState];
|
|
37
|
+
};
|
|
38
|
+
const inputKeys = [
|
|
39
|
+
{
|
|
40
|
+
id: "ArrowDown",
|
|
41
|
+
alt: true
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
id: "ArrowUp",
|
|
45
|
+
alt: true
|
|
46
|
+
},
|
|
47
|
+
{ id: "Home" }, { id: "End" }, { id: "Enter" }, { id: "Escape" },
|
|
48
|
+
{ id: "PageDown" }, { id: "PageUp" }, { id: " " }, { id: "Tab" }
|
|
49
|
+
];
|
|
50
|
+
const Select = forwardRef(({ children, className, id, required = false, disabled = false, value, label, errorAsOverlay, error, hint, "aria-describedby": ariaDescribedby, onClick, onBlur, onKeyUp, onKeyDown, onChange, ...restProps }, ref) => {
|
|
51
|
+
if (Array.isArray(children)) {
|
|
52
|
+
children = children.filter(child => child !== null && child !== undefined);
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
children = [children].filter(child => child !== null && child !== undefined);
|
|
56
|
+
}
|
|
57
|
+
const { noValidate } = useFormTagContext();
|
|
58
|
+
const { controlId, isInputGroup, isFLoatingLabel } = useFormContext();
|
|
59
|
+
const isOverlay = isInputGroup || isFLoatingLabel || errorAsOverlay;
|
|
60
|
+
const computedClassName = mergeClassnames("sg-form-select", className, error ? "invalid" : "", disabled ? "disabled" : "");
|
|
61
|
+
let elementId = controlId ?? id;
|
|
62
|
+
if (elementId === undefined) {
|
|
63
|
+
throw new Error("Form.Select needs to have an id, either provided directly through the 'id' property or wrapped in a Form.Group with a 'controlId' !");
|
|
64
|
+
}
|
|
65
|
+
const hasValidChildren = useMemo(() => {
|
|
66
|
+
if (!children || !Array.isArray(children))
|
|
67
|
+
return false;
|
|
68
|
+
if (children.length < 1)
|
|
69
|
+
return false;
|
|
70
|
+
let isValid = true;
|
|
71
|
+
children.forEach(child => {
|
|
72
|
+
if (child.props.value === undefined || child.props.value === null) {
|
|
73
|
+
isValid = false;
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
if (children[0].props.value && children[0].props.value != "") {
|
|
77
|
+
console.warn("It is recommended to have the first select option in a 'Form.Select' to be a placeholder like 'Select option...' with a value of an empty string");
|
|
78
|
+
}
|
|
79
|
+
return isValid;
|
|
80
|
+
}, [children]);
|
|
81
|
+
if (!hasValidChildren || !Array.isArray(children)) {
|
|
82
|
+
throw new Error("Form.Select needs to have 1 or more 'Form.Select.Option' children, each with value attributes!");
|
|
83
|
+
}
|
|
84
|
+
const errorMessageId = error ? elementId + "-error-message" : undefined;
|
|
85
|
+
const hintMessageId = hint ? elementId + "-hint-message" : undefined;
|
|
86
|
+
const tooltipMessage = isOverlay && (error || hint) ?
|
|
87
|
+
jsxs("div", { className: "sg-form-control-description tooltip", children: [error ? jsx(ErrorMessage, { id: errorMessageId, message: error.message }) : null, hint ? jsx(HintMessage, { id: hintMessageId, message: hint.message }) : null] }) : undefined; // "Testing a tooltip with a long message. This messsage is so long it hsould in theory trigger a wrap."
|
|
88
|
+
const describedby = mergeClassnames(ariaDescribedby, errorMessageId, hintMessageId);
|
|
89
|
+
const internalSelectControlRef = useRef(null);
|
|
90
|
+
const [showList, setShowList] = useState(false);
|
|
91
|
+
const initialValue = value ?
|
|
92
|
+
{
|
|
93
|
+
value: value,
|
|
94
|
+
label: children.find(child => child.props.value === value).children ?? "no label found"
|
|
95
|
+
} :
|
|
96
|
+
{
|
|
97
|
+
value: children[0].props.value ?? "",
|
|
98
|
+
label: children[0].props.children ?? "no label found"
|
|
99
|
+
};
|
|
100
|
+
const handleChange = (newValue) => {
|
|
101
|
+
if (!internalSelectControlRef.current)
|
|
102
|
+
return;
|
|
103
|
+
const target = internalSelectControlRef.current;
|
|
104
|
+
target.value = newValue.value;
|
|
105
|
+
const event = new Event('change', { bubbles: true });
|
|
106
|
+
Object.defineProperty(event, 'target', { writable: false, value: target });
|
|
107
|
+
const syntheticEvent = createSyntheticEvent(event);
|
|
108
|
+
if (onChange)
|
|
109
|
+
onChange(syntheticEvent);
|
|
110
|
+
};
|
|
111
|
+
const [activeDescendant, setActiveDescendant] = useState(initialValue.value);
|
|
112
|
+
const [selectedDescendant, setSelectedDescendant] = useCustomState(initialValue, handleChange);
|
|
113
|
+
const [inputValue, setInputValue] = useState("");
|
|
114
|
+
if (value && value !== selectedDescendant.value) {
|
|
115
|
+
const computedLabel = children.find(child => child.props.value === value).props.children ?? "no label found";
|
|
116
|
+
setSelectedDescendant({
|
|
117
|
+
value: value,
|
|
118
|
+
label: computedLabel
|
|
119
|
+
}, { middleware: false });
|
|
120
|
+
}
|
|
121
|
+
const resetFocus = () => {
|
|
122
|
+
setActiveDescendant(selectedDescendant.value);
|
|
123
|
+
};
|
|
124
|
+
const handleSetShowList = (show) => {
|
|
125
|
+
if (!showList) {
|
|
126
|
+
resetFocus();
|
|
127
|
+
}
|
|
128
|
+
setShowList(show);
|
|
129
|
+
};
|
|
130
|
+
const handleClick = (event) => {
|
|
131
|
+
handleSetShowList(prev => !prev);
|
|
132
|
+
/*
|
|
133
|
+
if(!showList) {
|
|
134
|
+
const firstChildValue = children[0].props.value ?? ""
|
|
135
|
+
console.log(firstChildValue)
|
|
136
|
+
setActiveDescendant(firstChildValue)
|
|
137
|
+
}
|
|
138
|
+
*/
|
|
139
|
+
if (onClick && event)
|
|
140
|
+
onClick(event);
|
|
141
|
+
};
|
|
142
|
+
const handleBlur = (event, hasOnBlur = true) => {
|
|
143
|
+
handleSetShowList(false);
|
|
144
|
+
if (onBlur && hasOnBlur)
|
|
145
|
+
onBlur(event);
|
|
146
|
+
};
|
|
147
|
+
useEffect(() => {
|
|
148
|
+
const select = internalSelectControlRef.current;
|
|
149
|
+
window.addEventListener("pointerdown", event => {
|
|
150
|
+
if (!select?.contains(event.target))
|
|
151
|
+
handleSetShowList(false);
|
|
152
|
+
}, true);
|
|
153
|
+
window.addEventListener("resize", event => handleSetShowList(false), true);
|
|
154
|
+
return function cleanup() {
|
|
155
|
+
window.removeEventListener("pointerdown", event => {
|
|
156
|
+
if (select?.contains(event.target))
|
|
157
|
+
handleSetShowList(false);
|
|
158
|
+
}, true);
|
|
159
|
+
window.removeEventListener("resize", event => handleSetShowList(false), true);
|
|
160
|
+
};
|
|
161
|
+
}, []);
|
|
162
|
+
const changeActiveDescendant = (number, type) => {
|
|
163
|
+
const maxIndex = children.length - 1;
|
|
164
|
+
const minIndex = 0;
|
|
165
|
+
const currentIndex = children.indexOf(children.find(child => child.props.value === activeDescendant));
|
|
166
|
+
let newIndex, temp;
|
|
167
|
+
switch (type) {
|
|
168
|
+
case "add":
|
|
169
|
+
temp = currentIndex + number;
|
|
170
|
+
newIndex = temp > maxIndex ? maxIndex : temp;
|
|
171
|
+
break;
|
|
172
|
+
case "sub":
|
|
173
|
+
temp = currentIndex - number;
|
|
174
|
+
newIndex = temp < minIndex ? minIndex : temp;
|
|
175
|
+
break;
|
|
176
|
+
case "set":
|
|
177
|
+
newIndex = number > maxIndex ? maxIndex : (number < minIndex ? 0 : number);
|
|
178
|
+
break;
|
|
179
|
+
default:
|
|
180
|
+
newIndex = 0;
|
|
181
|
+
break;
|
|
182
|
+
}
|
|
183
|
+
setActiveDescendant(children[newIndex].props.value);
|
|
184
|
+
};
|
|
185
|
+
const handleKeyDown = (event) => {
|
|
186
|
+
const isInputKey = isValidInputKey(event, inputKeys);
|
|
187
|
+
if (onKeyDown)
|
|
188
|
+
onKeyDown(event);
|
|
189
|
+
if (!isInputKey)
|
|
190
|
+
return;
|
|
191
|
+
let isPreventDefault = true;
|
|
192
|
+
let isStopPropagation = true;
|
|
193
|
+
switch (event.key) {
|
|
194
|
+
case "ArrowDown":
|
|
195
|
+
if (showList)
|
|
196
|
+
changeActiveDescendant(1, "add");
|
|
197
|
+
break;
|
|
198
|
+
case "ArrowUp":
|
|
199
|
+
if (showList)
|
|
200
|
+
changeActiveDescendant(1, "sub");
|
|
201
|
+
break;
|
|
202
|
+
case "Tab":
|
|
203
|
+
if (!showList) {
|
|
204
|
+
isPreventDefault = false;
|
|
205
|
+
isStopPropagation = false;
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
if (isPreventDefault)
|
|
209
|
+
event.preventDefault();
|
|
210
|
+
if (isStopPropagation)
|
|
211
|
+
event.stopPropagation();
|
|
212
|
+
};
|
|
213
|
+
const handleKeyUp = (event) => {
|
|
214
|
+
const isInputKey = isValidInputKey(event, inputKeys);
|
|
215
|
+
if (onKeyUp)
|
|
216
|
+
onKeyUp(event);
|
|
217
|
+
if (!isInputKey)
|
|
218
|
+
return;
|
|
219
|
+
let isPreventDefault = true;
|
|
220
|
+
let isStopPropagation = true;
|
|
221
|
+
switch (event.key) {
|
|
222
|
+
case "ArrowDown":
|
|
223
|
+
if (!showList) {
|
|
224
|
+
handleSetShowList(true);
|
|
225
|
+
}
|
|
226
|
+
break;
|
|
227
|
+
case "ArrowUp":
|
|
228
|
+
if (!showList) {
|
|
229
|
+
handleSetShowList(true);
|
|
230
|
+
changeActiveDescendant(0, "set");
|
|
231
|
+
}
|
|
232
|
+
break;
|
|
233
|
+
case "Home":
|
|
234
|
+
if (!showList) {
|
|
235
|
+
handleSetShowList(true);
|
|
236
|
+
}
|
|
237
|
+
changeActiveDescendant(0, "set");
|
|
238
|
+
break;
|
|
239
|
+
case "End":
|
|
240
|
+
if (!showList) {
|
|
241
|
+
handleSetShowList(true);
|
|
242
|
+
}
|
|
243
|
+
changeActiveDescendant(children.length - 1, "set");
|
|
244
|
+
break;
|
|
245
|
+
case "Enter":
|
|
246
|
+
case " ":
|
|
247
|
+
handleClick();
|
|
248
|
+
if (showList) {
|
|
249
|
+
const focusElement = document.getElementById(elementId + "-list-item-" + activeDescendant);
|
|
250
|
+
focusElement?.click();
|
|
251
|
+
}
|
|
252
|
+
break;
|
|
253
|
+
case "Escape":
|
|
254
|
+
if (showList) {
|
|
255
|
+
handleSetShowList(false);
|
|
256
|
+
}
|
|
257
|
+
break;
|
|
258
|
+
case "PageDown":
|
|
259
|
+
changeActiveDescendant(10, "add");
|
|
260
|
+
break;
|
|
261
|
+
case "PageUp":
|
|
262
|
+
changeActiveDescendant(10, "sub");
|
|
263
|
+
break;
|
|
264
|
+
case "Tab":
|
|
265
|
+
if (showList) {
|
|
266
|
+
handleClick();
|
|
267
|
+
const focusElement = document.getElementById(elementId + "-list-item-" + activeDescendant);
|
|
268
|
+
focusElement?.click();
|
|
269
|
+
}
|
|
270
|
+
isPreventDefault = false;
|
|
271
|
+
isStopPropagation = false;
|
|
272
|
+
break;
|
|
273
|
+
}
|
|
274
|
+
if (event.key === "Tab")
|
|
275
|
+
console.log(isPreventDefault);
|
|
276
|
+
if (isPreventDefault)
|
|
277
|
+
event.preventDefault();
|
|
278
|
+
if (isStopPropagation)
|
|
279
|
+
event.stopPropagation();
|
|
280
|
+
};
|
|
281
|
+
const context = useMemo(() => ({
|
|
282
|
+
internalId: elementId,
|
|
283
|
+
showList,
|
|
284
|
+
setShowList: handleSetShowList,
|
|
285
|
+
activeDescendant,
|
|
286
|
+
setActiveDescendant,
|
|
287
|
+
inputValue,
|
|
288
|
+
setInputValue,
|
|
289
|
+
selectedDescendant,
|
|
290
|
+
setSelectedDescendant,
|
|
291
|
+
children,
|
|
292
|
+
handleBlur
|
|
293
|
+
}), [elementId, showList, activeDescendant, inputValue]);
|
|
294
|
+
return (jsxs(SelectContextProvider, { value: context, children: [jsx(Overlay, { trigger: "focus", position: "auto", tooltip: tooltipMessage, children: jsx(SelectControl, { value: selectedDescendant.value, label: selectedDescendant.label, className: computedClassName, id: elementId, required: (required && !noValidate) ?? undefined, disabled: disabled, "aria-required": required ?? undefined, "aria-invalid": error ? "true" : "false", "aria-describedby": describedby != "" ? describedby : undefined, onClick: handleClick, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, ...restProps, ref: mergeRefs([ref, internalSelectControlRef]), children: jsx(SelectList, { children: children }) }) }), jsxs("div", { className: "sg-form-control-description", children: [error && !isOverlay ?
|
|
295
|
+
jsx(ErrorMessage, { id: elementId, message: error.message, style: error.style, className: error.className })
|
|
296
|
+
: null, hint && !isOverlay ?
|
|
297
|
+
jsx(HintMessage, { id: elementId, message: hint.message, style: hint.style, className: hint.className })
|
|
298
|
+
: null] })] }));
|
|
299
|
+
});
|
|
300
|
+
Select.displayName = "FormSelect";
|
|
301
|
+
const SelectInput = forwardRef(({ className, id, value, onChange, ...restProps }, ref) => {
|
|
302
|
+
const { showList, setShowList, inputValue, setInputValue, internalId } = useSelectContext();
|
|
303
|
+
const handleChange = (event) => {
|
|
304
|
+
console.log(event);
|
|
305
|
+
if (!showList) {
|
|
306
|
+
setShowList(true);
|
|
307
|
+
}
|
|
308
|
+
if (onChange) {
|
|
309
|
+
onChange(event);
|
|
310
|
+
}
|
|
311
|
+
//debouncedInput(event.target.value)
|
|
312
|
+
setInputValue(event.target.value);
|
|
313
|
+
};
|
|
314
|
+
const handleKeyUp = (event) => {
|
|
315
|
+
const key = event.key;
|
|
316
|
+
switch (key) {
|
|
317
|
+
case "ArrowDown":
|
|
318
|
+
console.log("down arrow");
|
|
319
|
+
break;
|
|
320
|
+
case "ArrowUp":
|
|
321
|
+
console.log("up arrow");
|
|
322
|
+
break;
|
|
323
|
+
}
|
|
324
|
+
};
|
|
325
|
+
return (jsx("input", { value: inputValue, ref: ref, onKeyUp: handleKeyUp, onChange: handleChange, className: mergeClassnames("sg-select-input", className), ...restProps }));
|
|
326
|
+
});
|
|
327
|
+
SelectInput.displayName = "FormSelectInput";
|
|
328
|
+
const SelectControl = forwardRef(({ children, className, value, label, searchable = false, required = false, onChange, ...restProps }, ref) => {
|
|
329
|
+
const { activeDescendant, showList, internalId } = useSelectContext();
|
|
330
|
+
const internalButtonRef = useRef(null);
|
|
331
|
+
const computedClassName = mergeClassnames(className, "sg-select-control");
|
|
332
|
+
return (jsxs("button", { role: "combobox", "aria-controls": internalId + "list", "aria-expanded": showList, "aria-activedescendant": activeDescendant === false ? "" : internalId + "-list-item-" + activeDescendant, ref: mergeRefs([ref, internalButtonRef]), value: value, type: "button", className: computedClassName, id: internalId + "-control", ...restProps, children: [jsx("span", { children: label }), children] }));
|
|
333
|
+
});
|
|
334
|
+
SelectControl.displayName = "FormSelectControl";
|
|
335
|
+
/*
|
|
336
|
+
const SelectControlAlternate = forwardRef<HTMLDivElement, FormSelectControlType>( ({children, className, placeholder="Placeholder...", searchable=false, inputRef, inputOptions, ...restProps}, ref) => {
|
|
337
|
+
const { setShowList, internalId } = useSelectContext()
|
|
338
|
+
const selectControlRef = useRef<HTMLDivElement>(null)
|
|
339
|
+
|
|
340
|
+
const handlePointerUp = (event: React.MouseEvent) => {
|
|
341
|
+
setShowList(prev => !prev);
|
|
342
|
+
const selectControl = selectControlRef.current
|
|
343
|
+
if(selectControl) {
|
|
344
|
+
selectControl.classList.add("focus")
|
|
345
|
+
const eventTargetChildren = selectControl.children[0] as HTMLElement
|
|
346
|
+
if(eventTargetChildren) { eventTargetChildren.focus() }
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
const inputParams = {...inputOptions, disabled:searchable, placeholder:placeholder, ref:inputRef}
|
|
350
|
+
|
|
351
|
+
return (
|
|
352
|
+
<div ref={mergeRefs([ref, selectControlRef])} onPointerUp={handlePointerUp} className={mergeClassnames("sg-select-control", className)} {...restProps}>
|
|
353
|
+
<SelectInput {...inputParams}/>
|
|
354
|
+
</div>
|
|
355
|
+
)
|
|
356
|
+
})
|
|
357
|
+
SelectControl.displayName = "FormSelectControl"
|
|
358
|
+
*/
|
|
359
|
+
const listPositionSetter = (listRef) => {
|
|
360
|
+
const listElement = listRef.current;
|
|
361
|
+
if (!listElement)
|
|
362
|
+
return;
|
|
363
|
+
const parent = listElement.parentElement;
|
|
364
|
+
if (!parent)
|
|
365
|
+
return;
|
|
366
|
+
let position = {};
|
|
367
|
+
const { height: listHeight } = listElement.getBoundingClientRect();
|
|
368
|
+
const { top, bottom } = parent.getBoundingClientRect();
|
|
369
|
+
const { innerHeight } = window;
|
|
370
|
+
const isTop = top > listHeight;
|
|
371
|
+
const isBottom = innerHeight - bottom > listHeight;
|
|
372
|
+
const coordinate = "calc(100% + 4px)";
|
|
373
|
+
if (isBottom) {
|
|
374
|
+
position = { top: coordinate, bottom: "unset" };
|
|
375
|
+
}
|
|
376
|
+
else if (isTop) {
|
|
377
|
+
position = { bottom: coordinate, top: "unset" };
|
|
378
|
+
}
|
|
379
|
+
else {
|
|
380
|
+
const height = innerHeight - bottom - 2;
|
|
381
|
+
position = { top: coordinate, maxHeight: height };
|
|
382
|
+
}
|
|
383
|
+
if (!listElement.children)
|
|
384
|
+
return;
|
|
385
|
+
const listChildren = listElement.children;
|
|
386
|
+
const numberChildren = listChildren.length;
|
|
387
|
+
const listElementHeight = listChildren[0].getBoundingClientRect().height;
|
|
388
|
+
const numberOfRenderedChildren = numberChildren >= 5 ? 5 : numberChildren;
|
|
389
|
+
const computedListHeight = numberOfRenderedChildren * listElementHeight + 4;
|
|
390
|
+
position.height = computedListHeight;
|
|
391
|
+
return position;
|
|
392
|
+
};
|
|
393
|
+
const SelectList = forwardRef(({ children, className, id, ...restProps }, ref) => {
|
|
394
|
+
const { showList, internalId } = useSelectContext();
|
|
395
|
+
const [computedStyle, setComputedStyle] = useState({});
|
|
396
|
+
const listRef = useRef(null);
|
|
397
|
+
useLayoutEffect(() => {
|
|
398
|
+
if (!showList)
|
|
399
|
+
return;
|
|
400
|
+
const newPosition = listPositionSetter(listRef);
|
|
401
|
+
setComputedStyle(newPosition);
|
|
402
|
+
}, [showList]);
|
|
403
|
+
return (jsx("ul", { role: "listbox", ref: mergeRefs([ref, listRef]), id: internalId + "-list", className: mergeClassnames("sg-select-list", className), style: showList ? { ...computedStyle } : { display: "none" }, ...restProps, children: children }));
|
|
404
|
+
});
|
|
405
|
+
SelectList.displayName = "FormSelectList";
|
|
406
|
+
const SelectOption = forwardRef(({ children, className, id, value, disabled, label, selected, onPointerDown, onPointerOver, onClick, ...restProps }, ref) => {
|
|
407
|
+
const { internalId, activeDescendant, setActiveDescendant, selectedDescendant, setSelectedDescendant, setShowList } = useSelectContext();
|
|
408
|
+
const handlePointerEnter = (event) => {
|
|
409
|
+
if (!event.target)
|
|
410
|
+
return;
|
|
411
|
+
setActiveDescendant(value);
|
|
412
|
+
if (onPointerOver)
|
|
413
|
+
onPointerOver(event);
|
|
414
|
+
};
|
|
415
|
+
const handleCLick = (event) => {
|
|
416
|
+
event.stopPropagation();
|
|
417
|
+
setSelectedDescendant((prev) => ({
|
|
418
|
+
value: value,
|
|
419
|
+
label: children
|
|
420
|
+
}));
|
|
421
|
+
setShowList(false);
|
|
422
|
+
if (onClick)
|
|
423
|
+
onClick(event);
|
|
424
|
+
};
|
|
425
|
+
const computedClassName = mergeClassnames("sg-select-list-item", className, activeDescendant === value ? "focus" : "");
|
|
426
|
+
return (jsx("li", { role: "option", "aria-selected": selectedDescendant.value === value ? true : false, ref: ref, id: internalId + "-list-item-" + value, className: computedClassName, onPointerOver: handlePointerEnter, onClick: handleCLick, ...restProps, children: children }));
|
|
427
|
+
});
|
|
428
|
+
SelectOption.displayName = "FormSelectOption";
|
|
429
|
+
var Select$1 = Object.assign(Select, {
|
|
430
|
+
Control: SelectControl,
|
|
431
|
+
Input: SelectInput,
|
|
432
|
+
Options: SelectList,
|
|
433
|
+
Option: SelectOption
|
|
434
|
+
});
|
|
435
|
+
|
|
436
|
+
export { SelectContext, SelectContextProvider, Select$1 as default, useSelectContext };
|
|
437
|
+
//# sourceMappingURL=FormSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormSelect.js","sources":["../../src/Form/FormSelect.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
package/InputGroup/InputGroup.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef, useMemo } from 'react';
|
|
3
4
|
import { FormContextProvider, useFormContext } from '../Form/Form.js';
|
|
4
5
|
import useClassname from '../hooks/useClassname.js';
|
|
5
6
|
import 'lodash';
|
|
@@ -8,18 +9,17 @@ const InputGroup = forwardRef(({ children, className, controlId, ...restProps },
|
|
|
8
9
|
const context = useMemo(() => {
|
|
9
10
|
return { controlId: controlId, isInputGroup: true };
|
|
10
11
|
}, [controlId]);
|
|
11
|
-
return (
|
|
12
|
-
React.createElement(FormContextProvider, { value: context }, children)));
|
|
12
|
+
return (jsx("div", { ref: ref, className: useClassname("sg-input-group", className), ...restProps, children: jsx(FormContextProvider, { value: context, children: children }) }));
|
|
13
13
|
});
|
|
14
14
|
InputGroup.displayName = "InputGroup";
|
|
15
15
|
const Grid = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
16
|
-
return (
|
|
16
|
+
return (jsx("div", { ref: ref, className: useClassname("sg-input-group-grid", className), ...restProps, children: children }));
|
|
17
17
|
});
|
|
18
18
|
Grid.displayName = "InputGroupGrid";
|
|
19
19
|
const Text = forwardRef(({ children, className, htmlFor, ...restProps }, ref) => {
|
|
20
20
|
const { controlId } = useFormContext();
|
|
21
21
|
const computedHtmlFor = controlId ?? htmlFor;
|
|
22
|
-
return (
|
|
22
|
+
return (jsx("label", { ref: ref, htmlFor: computedHtmlFor, className: useClassname("sg-input-group-text", className), ...restProps, children: children }));
|
|
23
23
|
});
|
|
24
24
|
Text.displayName = "InputGroupText";
|
|
25
25
|
var InputGroup$1 = Object.assign(InputGroup, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sources":["../../src/InputGroup/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sources":["../../src/InputGroup/InputGroup.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAOA,MAAM,UAAU,GAAG,UAAU,CAAiC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACnH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAK;QACzB,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAC,CAAA;AACrD,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACf,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAM,GAAA,SAAS,EAC9E,QAAA,EAAAA,GAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EAC9B,QAAQ,EAAA,CACS,EACpB,CAAA,EACT;AACL,CAAC,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,IAAI,GAAG,UAAU,CAAsC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IACtG,QACIA,aAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAM,GAAA,SAAS,YAClF,QAAQ,EAAA,CACP,EACT;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEnC,MAAM,IAAI,GAAG,UAAU,CAAoC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC7G,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;AAEtC,IAAA,MAAM,eAAe,GAAG,SAAS,IAAI,OAAO,CAAA;IAC5C,QACIA,GAAO,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAA,GAAM,SAAS,EAC9G,QAAA,EAAA,QAAQ,EACL,CAAA,EACX;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEnC,mBAAgB,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AACtC,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,IAAI,EAAE,IAAI;AACb,CAAA,CAAC;;;;"}
|
package/List/List.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export declare const ListContext: React.Context<FormContextType | null>;
|
|
|
4
4
|
export declare const ListContextProvider: ({ children, value }: {
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
value: FormContextType;
|
|
7
|
-
}) =>
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export declare const useListContext: () => FormContextType | null;
|
|
9
9
|
declare const _default: React.ForwardRefExoticComponent<Omit<ListType, "ref"> & React.RefAttributes<HTMLUListElement>> & {
|
|
10
10
|
Sublist: React.ForwardRefExoticComponent<Omit<ListSublistType, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
package/List/List.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { createContext, forwardRef, useMemo, useRef, cloneElement, useContext } from 'react';
|
|
3
4
|
import useDraggable from '../hooks/useDraggable.js';
|
|
4
5
|
import useClassname from '../hooks/useClassname.js';
|
|
5
6
|
import mergeRefs from '../utils/MergeRefs.js';
|
|
6
7
|
|
|
7
8
|
const ListContext = createContext(null);
|
|
8
9
|
const ListContextProvider = ({ children, value }) => {
|
|
9
|
-
return (
|
|
10
|
+
return (jsx(ListContext.Provider, { value: value, children: children }));
|
|
10
11
|
};
|
|
11
12
|
const useListContext = () => {
|
|
12
13
|
const context = useContext(ListContext);
|
|
@@ -25,24 +26,24 @@ const List = forwardRef(({ children, className, depth, tree = false, dragdrop =
|
|
|
25
26
|
tree: tree,
|
|
26
27
|
draggable: dragdrop
|
|
27
28
|
}), []);
|
|
28
|
-
return (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
return (jsx("ul", { ref: ref, id: "test-list", "data-context": context ? "true" : "false", className: useClassname("sg-list", className), style: { "--depth": depth }, ...restProps, children: !context ?
|
|
30
|
+
jsx(ListContextProvider, { value: initialContext, children: children })
|
|
31
|
+
:
|
|
32
|
+
children }));
|
|
32
33
|
});
|
|
33
34
|
List.displayName = "List";
|
|
34
35
|
const Sublist = forwardRef(({ children, className, depth, ...restProps }, ref) => {
|
|
35
36
|
const { draggable } = useListContext();
|
|
36
37
|
const itemRef = useRef(null);
|
|
37
38
|
const { coordinates, isMouseDown } = useDraggable(itemRef, { draggable });
|
|
38
|
-
return (
|
|
39
|
+
return (jsx("li", { ref: mergeRefs([ref, itemRef]), "data-phantom": "none", className: useClassname("sg-sublist", className), style: { "--depth": depth, top: coordinates.top, left: coordinates.left, width: coordinates.width }, ...restProps, children: children }));
|
|
39
40
|
});
|
|
40
41
|
Sublist.displayName = "ListSubList";
|
|
41
42
|
const Item = forwardRef(({ children, className, ...restProps }, ref) => {
|
|
42
43
|
const { draggable } = useListContext();
|
|
43
44
|
const itemRef = useRef(null);
|
|
44
45
|
const { coordinates, isMouseDown } = useDraggable(itemRef, { draggable });
|
|
45
|
-
return (
|
|
46
|
+
return (jsx("li", { ref: itemRef, "data-phantom": "none", className: useClassname("sg-list-item", className), style: { top: coordinates.top, left: coordinates.left, width: coordinates.width }, ...restProps, children: children }));
|
|
46
47
|
});
|
|
47
48
|
Item.displayName = "ListItem";
|
|
48
49
|
const Label = forwardRef(({ children, className, style, ...restProps }, ref) => {
|
|
@@ -50,7 +51,7 @@ const Label = forwardRef(({ children, className, style, ...restProps }, ref) =>
|
|
|
50
51
|
const computedClass = useClassname("sg-list-label", className);
|
|
51
52
|
//const coordinates = useDraggable(labelRef)
|
|
52
53
|
return ((typeof children === "string") ?
|
|
53
|
-
|
|
54
|
+
jsx("span", { ref: mergeRefs([ref, labelRef]), className: computedClass, style: { ...style }, ...restProps, children: children })
|
|
54
55
|
:
|
|
55
56
|
cloneElement(children, {
|
|
56
57
|
ref: mergeRefs([ref, labelRef]),
|
package/List/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../src/List/List.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../src/List/List.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|