@eightshift/ui-components 6.2.0 → 6.3.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.
- package/dist/{Button-CFnNdpNZ.js → Button-DtRmB6b8.js} +7 -6
- package/dist/{Dialog-DDfABlp4.js → Dialog-DTIxSDhz.js} +91 -37
- package/dist/{FocusScope-BJhC1-1e.js → FocusScope-CjFQ7cbd.js} +16 -16
- package/dist/{Hidden-Rfj-STx7.js → Hidden-DOH36apC.js} +23 -6
- package/dist/{Input-B4X6-x6r.js → Input-BG9DaxYN.js} +6 -6
- package/dist/{Label-BDlf9vIY.js → Label-_aSf9-8u.js} +1 -1
- package/dist/{ListBox-ByPsaVVK.js → ListBox-DXFyyj_r.js} +8 -7
- package/dist/{OverlayArrow-Dy0qw7WL.js → OverlayArrow-Fuxj-1QM.js} +27 -9
- package/dist/{RadioGroup-CjCAbUr4.js → RadioGroup-DCeiLxLK.js} +9 -9
- package/dist/{SearchField-BME59dt-.js → SearchField-B_yKFXRk.js} +11 -11
- package/dist/{SelectionManager-iru59gc4.js → SelectionManager-B02LcxLr.js} +111 -65
- package/dist/{Slider-BIbaMdUE.js → Slider-bR3fAmim.js} +7 -7
- package/dist/{VisuallyHidden-CqnizvzQ.js → VisuallyHidden-DZnWrkn8.js} +1 -1
- package/dist/assets/style-admin.css +628 -327
- package/dist/assets/style-editor.css +628 -327
- package/dist/assets/style.css +628 -327
- package/dist/assets/wp-overrides/allow-full-width-blocks.css +1 -1
- package/dist/assets/wp-overrides/fix-label-text-case.css +1 -1
- package/dist/assets/wp-overrides/increase-sidebar-width.css +1 -1
- package/dist/assets/wp-overrides/make-block-messages-nicer.css +7 -7
- package/dist/assets/wp-overrides/replace-fonts.css +5 -5
- package/dist/assets/wp-overrides/restyle-tooltips.css +3 -3
- package/dist/assets/wp-overrides/round-corners.css +1 -1
- package/dist/assets/wp-overrides/unify-button-sizes.css +1 -1
- package/dist/components/base-control/base-control.js +1 -1
- package/dist/components/base-control/container.js +1 -1
- package/dist/components/button/button.js +12 -9
- package/dist/components/checkbox/checkbox.js +10 -10
- package/dist/components/color-pickers/solid-color-picker.js +9 -9
- package/dist/components/expandable/expandable.js +5 -5
- package/dist/components/input-field/input-field.js +6 -9
- package/dist/components/link-input/link-input.js +191 -68
- package/dist/components/matrix-align/matrix-align.js +1 -1
- package/dist/components/menu/menu.js +5 -5
- package/dist/components/modal/modal.js +11 -8
- package/dist/components/notice/notice.js +3 -3
- package/dist/components/number-picker/number-picker.js +7 -7
- package/dist/components/options-panel/options-panel.js +6 -6
- package/dist/components/popover/popover.js +8 -7
- package/dist/components/radio/radio.js +2 -2
- package/dist/components/responsive/mini-responsive.js +81 -70
- package/dist/components/responsive/responsive.js +24 -40
- package/dist/components/responsive-preview/responsive-preview.js +1 -1
- package/dist/components/rich-label/rich-label.js +6 -4
- package/dist/components/select/async-multi-select.js +16 -12
- package/dist/components/select/async-select.js +16 -13
- package/dist/components/select/multi-select.js +17 -13
- package/dist/components/select/shared.js +3 -3
- package/dist/components/select/single-select.js +14 -12
- package/dist/components/slider/column-config-slider.js +3 -3
- package/dist/components/slider/slider.js +3 -3
- package/dist/components/tabs/tabs.js +39 -8
- package/dist/components/toggle/switch.js +5 -5
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-button/toggle-button.js +6 -6
- package/dist/components/tooltip/tooltip.js +11 -9
- package/dist/{proxy-DFlYXk07.js → proxy-CNEXmkdK.js} +205 -137
- package/dist/{shared-HdRrpnhs.js → shared-CNH8QfV9.js} +15 -14
- package/dist/{textSelection-CeoEP4rL.js → textSelection-DA3VcKpG.js} +1 -1
- package/dist/{useButton-5YL_nmpZ.js → useButton-DyMX0EVr.js} +2 -2
- package/dist/{useEvent-Zze2g7CX.js → useEvent-Bfy68GHZ.js} +1 -1
- package/dist/{useFilter-NhAlifsK.js → useFilter-Bg5C34XC.js} +1 -1
- package/dist/{useFocusRing-rUOwLdTK.js → useFocusRing-B2glEZ25.js} +9 -7
- package/dist/{useFormReset-BxtOoO5Q.js → useFormReset-BoxsKyJ9.js} +1 -1
- package/dist/{useFormValidation-DTmPrTD8.js → useFormValidation-BrbMhS2N.js} +4 -3
- package/dist/{useHover-CmyvqeWX.js → useHover-DkmPQdGE.js} +76 -58
- package/dist/{useListState-HOvCQJFf.js → useListState-BjnzKozj.js} +3 -3
- package/dist/{useNumberField-CTkI-U9a.js → useNumberField-CsygZKz9.js} +45 -15
- package/dist/{usePress-CNefMs8d.js → usePress-Ck5xMtDr.js} +21 -21
- package/dist/{useToggle-CFFOmZWi.js → useToggle-Ddc7N8pR.js} +4 -4
- package/dist/{useToggleState-BWrKKisg.js → useToggleState-H_lORSWO.js} +1 -1
- package/package.json +22 -21
- package/dist/useSingleSelectListState-BtrMHGeE.js +0 -38
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-
|
|
1
|
+
import { g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, e as $431fbd86ca7dc216$export$b204af158042fbac, w as $431fbd86ca7dc216$export$f21a1ffae260145a, h as $d4ee10de306f2510$export$4282f70798064fe0, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, G as $6a7db85432448f7f$export$29bf1b5f2c56cf63, H as $8a9cb279dc87e130$export$cabe61c495ee3649, I as $6a7db85432448f7f$export$60278871457622de, J as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, K as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, A as $7215afc6de606d6b$export$de79e2c695e052f3, E as $c87311424ea30a05$export$9ac100e40613ea10 } from "./useHover-DkmPQdGE.js";
|
|
2
|
+
import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DA3VcKpG.js";
|
|
3
3
|
import $dbSRa$react__default, { useState, useRef, useCallback, useMemo, useEffect, useContext } from "react";
|
|
4
4
|
import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, o as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
|
|
5
5
|
import { r as reactDomExports } from "./index-BL5gdWX4.js";
|
|
@@ -233,7 +233,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
233
233
|
var _state_metaKeyEvents1;
|
|
234
234
|
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
|
|
235
235
|
let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
236
|
-
let wasPressed = $d4ee10de306f2510$export$4282f70798064fe0(state.target,
|
|
236
|
+
let wasPressed = $d4ee10de306f2510$export$4282f70798064fe0(state.target, target);
|
|
237
237
|
triggerPressEndEvent($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", wasPressed);
|
|
238
238
|
if (wasPressed) triggerSyntheticClickEvent(e, state.target);
|
|
239
239
|
removeAllGlobalListeners();
|
|
@@ -284,7 +284,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
286
|
}, 80);
|
|
287
|
-
addGlobalListener(e.currentTarget, "click", () => clicked = true, true);
|
|
287
|
+
if (e.currentTarget) addGlobalListener(e.currentTarget, "click", () => clicked = true, true);
|
|
288
288
|
state.disposables.push(() => clearTimeout(timeout));
|
|
289
289
|
} else cancelEvent(e);
|
|
290
290
|
state.isOverTarget = false;
|
|
@@ -338,9 +338,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
338
338
|
let state = ref.current;
|
|
339
339
|
let pressProps2 = {
|
|
340
340
|
onKeyDown(e) {
|
|
341
|
-
if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && $d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
341
|
+
if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && $d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) {
|
|
342
342
|
var _state_metaKeyEvents;
|
|
343
|
-
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
343
|
+
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
|
|
344
344
|
let shouldStopPropagation = true;
|
|
345
345
|
if (!state.isPressed && !e.repeat) {
|
|
346
346
|
state.target = e.currentTarget;
|
|
@@ -354,7 +354,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
354
354
|
} else if (e.key === "Meta") state.metaKeyEvents = /* @__PURE__ */ new Map();
|
|
355
355
|
},
|
|
356
356
|
onClick(e) {
|
|
357
|
-
if (e && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
357
|
+
if (e && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
358
358
|
if (e && e.button === 0 && !state.isTriggeringEvent && !$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening) {
|
|
359
359
|
let shouldStopPropagation = true;
|
|
360
360
|
if (isDisabled) e.preventDefault();
|
|
@@ -380,7 +380,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
380
380
|
};
|
|
381
381
|
if (typeof PointerEvent !== "undefined") {
|
|
382
382
|
pressProps2.onPointerDown = (e) => {
|
|
383
|
-
if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
383
|
+
if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
384
384
|
if ($6a7db85432448f7f$export$29bf1b5f2c56cf63(e.nativeEvent)) {
|
|
385
385
|
state.pointerType = "virtual";
|
|
386
386
|
return;
|
|
@@ -395,7 +395,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
395
395
|
state.target = e.currentTarget;
|
|
396
396
|
if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
|
|
397
397
|
shouldStopPropagation = triggerPressStart(e, state.pointerType);
|
|
398
|
-
let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
398
|
+
let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
399
399
|
if ("releasePointerCapture" in target) {
|
|
400
400
|
if ("hasPointerCapture" in target) {
|
|
401
401
|
if (target.hasPointerCapture(e.pointerId)) target.releasePointerCapture(e.pointerId);
|
|
@@ -405,7 +405,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
405
405
|
if (shouldStopPropagation) e.stopPropagation();
|
|
406
406
|
};
|
|
407
407
|
pressProps2.onMouseDown = (e) => {
|
|
408
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
408
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
409
409
|
if (e.button === 0) {
|
|
410
410
|
if (preventFocusOnPress) {
|
|
411
411
|
let dispose = $8a9cb279dc87e130$export$cabe61c495ee3649(e.target);
|
|
@@ -415,7 +415,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
415
415
|
}
|
|
416
416
|
};
|
|
417
417
|
pressProps2.onPointerUp = (e) => {
|
|
418
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
418
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)) || state.pointerType === "virtual") return;
|
|
419
419
|
if (e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || e.pointerType);
|
|
420
420
|
};
|
|
421
421
|
pressProps2.onPointerEnter = (e) => {
|
|
@@ -432,12 +432,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
432
432
|
}
|
|
433
433
|
};
|
|
434
434
|
pressProps2.onDragStart = (e) => {
|
|
435
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
435
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
436
436
|
cancel(e);
|
|
437
437
|
};
|
|
438
438
|
} else if (process.env.NODE_ENV === "test") {
|
|
439
439
|
pressProps2.onMouseDown = (e) => {
|
|
440
|
-
if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
440
|
+
if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
441
441
|
if (state.ignoreEmulatedMouseEvents) {
|
|
442
442
|
e.stopPropagation();
|
|
443
443
|
return;
|
|
@@ -455,7 +455,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
455
455
|
}
|
|
456
456
|
};
|
|
457
457
|
pressProps2.onMouseEnter = (e) => {
|
|
458
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
458
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
459
459
|
let shouldStopPropagation = true;
|
|
460
460
|
if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
|
|
461
461
|
state.isOverTarget = true;
|
|
@@ -464,7 +464,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
464
464
|
if (shouldStopPropagation) e.stopPropagation();
|
|
465
465
|
};
|
|
466
466
|
pressProps2.onMouseLeave = (e) => {
|
|
467
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
467
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
468
468
|
let shouldStopPropagation = true;
|
|
469
469
|
if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
|
|
470
470
|
state.isOverTarget = false;
|
|
@@ -474,11 +474,11 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
474
474
|
if (shouldStopPropagation) e.stopPropagation();
|
|
475
475
|
};
|
|
476
476
|
pressProps2.onMouseUp = (e) => {
|
|
477
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
477
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
478
478
|
if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || "mouse");
|
|
479
479
|
};
|
|
480
480
|
pressProps2.onTouchStart = (e) => {
|
|
481
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
481
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
482
482
|
let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
|
|
483
483
|
if (!touch) return;
|
|
484
484
|
state.activePointerId = touch.identifier;
|
|
@@ -493,7 +493,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
493
493
|
if (shouldStopPropagation) e.stopPropagation();
|
|
494
494
|
};
|
|
495
495
|
pressProps2.onTouchMove = (e) => {
|
|
496
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
496
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
497
497
|
if (!state.isPressed) {
|
|
498
498
|
e.stopPropagation();
|
|
499
499
|
return;
|
|
@@ -513,7 +513,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
513
513
|
if (shouldStopPropagation) e.stopPropagation();
|
|
514
514
|
};
|
|
515
515
|
pressProps2.onTouchEnd = (e) => {
|
|
516
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
516
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
517
517
|
if (!state.isPressed) {
|
|
518
518
|
e.stopPropagation();
|
|
519
519
|
return;
|
|
@@ -535,12 +535,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
535
535
|
removeAllGlobalListeners();
|
|
536
536
|
};
|
|
537
537
|
pressProps2.onTouchCancel = (e) => {
|
|
538
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
538
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
539
539
|
e.stopPropagation();
|
|
540
540
|
if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
|
|
541
541
|
};
|
|
542
542
|
pressProps2.onDragStart = (e) => {
|
|
543
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e
|
|
543
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
544
544
|
cancel(e);
|
|
545
545
|
};
|
|
546
546
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
+
import { $ as $f645667febf57a63$export$4c014de7c8940b4c, b as $d4ee10de306f2510$export$e58f029f0fbfdb29 } from "./useHover-DkmPQdGE.js";
|
|
1
2
|
import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
|
|
2
3
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
|
|
3
|
-
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-
|
|
4
|
-
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-
|
|
5
|
-
import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-CmyvqeWX.js";
|
|
4
|
+
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BoxsKyJ9.js";
|
|
5
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Ck5xMtDr.js";
|
|
6
6
|
function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
|
|
7
7
|
let { isDisabled = false, isReadOnly = false, value, name, form, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
|
|
8
8
|
let onChange = (e) => {
|
|
9
9
|
e.stopPropagation();
|
|
10
|
-
state.setSelected(e.
|
|
10
|
+
state.setSelected($d4ee10de306f2510$export$e58f029f0fbfdb29(e).checked);
|
|
11
11
|
};
|
|
12
12
|
let hasChildren = children != null;
|
|
13
13
|
let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-
|
|
1
|
+
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DkmPQdGE.js";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
|
|
4
4
|
let { isReadOnly } = props;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eightshift/ui-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.3.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -48,33 +48,33 @@
|
|
|
48
48
|
"react-dom": "^18.3.1"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@adobe/react-spectrum": "^3.46.
|
|
51
|
+
"@adobe/react-spectrum": "^3.46.2",
|
|
52
52
|
"@atom-universe/use-web-worker": "^2.2.1",
|
|
53
53
|
"@dnd-kit/abstract": "^0.2.4",
|
|
54
54
|
"@dnd-kit/dom": "^0.2.4",
|
|
55
55
|
"@dnd-kit/helpers": "^0.2.4",
|
|
56
56
|
"@dnd-kit/react": "^0.2.4",
|
|
57
|
-
"@eslint/compat": "^2.0.
|
|
58
|
-
"@react-stately/collections": "^3.12.
|
|
57
|
+
"@eslint/compat": "^2.0.3",
|
|
58
|
+
"@react-stately/collections": "^3.12.10",
|
|
59
59
|
"@stylistic/eslint-plugin-js": "^4.4.1",
|
|
60
|
-
"@tailwindcss/vite": "^4.1
|
|
61
|
-
"@thi.ng/color": "^5.8.
|
|
62
|
-
"@thi.ng/pixel": "^7.5.
|
|
63
|
-
"@thi.ng/pixel-analysis": "^2.0.
|
|
64
|
-
"@thi.ng/pixel-dominant-colors": "^2.0.
|
|
60
|
+
"@tailwindcss/vite": "^4.2.1",
|
|
61
|
+
"@thi.ng/color": "^5.8.16",
|
|
62
|
+
"@thi.ng/pixel": "^7.5.25",
|
|
63
|
+
"@thi.ng/pixel-analysis": "^2.0.31",
|
|
64
|
+
"@thi.ng/pixel-dominant-colors": "^2.0.34",
|
|
65
65
|
"@types/react": "^18.3.28",
|
|
66
66
|
"@types/react-dom": "^18.3.7",
|
|
67
67
|
"@vitejs/plugin-react-swc": "^4.2.3",
|
|
68
|
-
"@wordpress/i18n": "^6.
|
|
69
|
-
"autoprefixer": "^10.4.
|
|
68
|
+
"@wordpress/i18n": "^6.14.0",
|
|
69
|
+
"autoprefixer": "^10.4.27",
|
|
70
70
|
"class-variance-authority": "^0.7.1",
|
|
71
71
|
"clsx": "^2.1.1",
|
|
72
72
|
"css-gradient-parser": "^0.0.18",
|
|
73
|
-
"eslint": "^9.39.
|
|
73
|
+
"eslint": "^9.39.4",
|
|
74
74
|
"eslint-config-prettier": "^10.1.8",
|
|
75
75
|
"eslint-plugin-jsdoc": "^61.7.1",
|
|
76
76
|
"eslint-plugin-prettier": "^5.5.5",
|
|
77
|
-
"glob": "^13.0.
|
|
77
|
+
"glob": "^13.0.6",
|
|
78
78
|
"globals": "^16.5.0",
|
|
79
79
|
"just-camel-case": "^6.2.0",
|
|
80
80
|
"just-debounce-it": "^3.2.0",
|
|
@@ -82,27 +82,28 @@
|
|
|
82
82
|
"just-is-empty": "^3.4.1",
|
|
83
83
|
"just-kebab-case": "^4.2.0",
|
|
84
84
|
"just-throttle": "^4.2.0",
|
|
85
|
-
"lightningcss": "^1.
|
|
86
|
-
"postcss": "^8.5.
|
|
85
|
+
"lightningcss": "^1.32.0",
|
|
86
|
+
"postcss": "^8.5.8",
|
|
87
87
|
"prettier": "^3.8.1",
|
|
88
88
|
"prettier-plugin-tailwindcss": "^0.7.2",
|
|
89
89
|
"react": "^18.3.1",
|
|
90
|
-
"react-aria": "^3.
|
|
91
|
-
"react-aria-components": "^1.
|
|
90
|
+
"react-aria": "^3.47.0",
|
|
91
|
+
"react-aria-components": "^1.16.0",
|
|
92
92
|
"react-dom": "^18.3.1",
|
|
93
93
|
"react-jsx-parser": "^2.4.1",
|
|
94
94
|
"react-movable": "^3.4.1",
|
|
95
|
-
"react-stately": "^3.
|
|
95
|
+
"react-stately": "^3.45.0",
|
|
96
96
|
"svg-to-jsx-string": "^0.1.1",
|
|
97
|
-
"tailwindcss": "^4.1
|
|
97
|
+
"tailwindcss": "^4.2.1",
|
|
98
98
|
"tailwindcss-motion": "^1.1.1",
|
|
99
99
|
"tailwindcss-react-aria-components": "^2.0.1",
|
|
100
100
|
"vite": "^7.3.1",
|
|
101
101
|
"vite-plugin-lib-inject-css": "^2.2.2"
|
|
102
102
|
},
|
|
103
103
|
"dependencies": {
|
|
104
|
+
"@fontsource-variable/geist": "^5.2.8",
|
|
104
105
|
"@fontsource-variable/geist-mono": "^5.2.7",
|
|
105
|
-
"@fontsource-variable/
|
|
106
|
-
"motion": "^12.
|
|
106
|
+
"@fontsource-variable/google-sans-flex": "^5.2.1",
|
|
107
|
+
"motion": "^12.35.2"
|
|
107
108
|
}
|
|
108
109
|
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-HOvCQJFf.js";
|
|
2
|
-
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CmyvqeWX.js";
|
|
3
|
-
import { useMemo } from "react";
|
|
4
|
-
function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
|
|
5
|
-
var _props_defaultSelectedKey;
|
|
6
|
-
let [selectedKey, setSelectedKey] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null, props.onSelectionChange);
|
|
7
|
-
let selectedKeys = useMemo(() => selectedKey != null ? [
|
|
8
|
-
selectedKey
|
|
9
|
-
] : [], [
|
|
10
|
-
selectedKey
|
|
11
|
-
]);
|
|
12
|
-
let { collection, disabledKeys, selectionManager } = $e72dd72e1c76a225$export$2f645645f7bca764({
|
|
13
|
-
...props,
|
|
14
|
-
selectionMode: "single",
|
|
15
|
-
disallowEmptySelection: true,
|
|
16
|
-
allowDuplicateSelectionEvents: true,
|
|
17
|
-
selectedKeys,
|
|
18
|
-
onSelectionChange: (keys) => {
|
|
19
|
-
if (keys === "all") return;
|
|
20
|
-
var _keys_values_next_value;
|
|
21
|
-
let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
|
|
22
|
-
if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
|
|
23
|
-
setSelectedKey(key);
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
let selectedItem = selectedKey != null ? collection.getItem(selectedKey) : null;
|
|
27
|
-
return {
|
|
28
|
-
collection,
|
|
29
|
-
disabledKeys,
|
|
30
|
-
selectionManager,
|
|
31
|
-
selectedKey,
|
|
32
|
-
setSelectedKey,
|
|
33
|
-
selectedItem
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
export {
|
|
37
|
-
$a0d645289fe9b86b$export$e7f05e985daf4b5f as $
|
|
38
|
-
};
|