@eightshift/ui-components 2.0.2 → 3.0.1
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-OQ5EIPvt.js → Button-BPLceDeW.js} +5 -5
- package/dist/{Collection-CJM_asJz.js → Collection-CZxddMZS.js} +241 -135
- package/dist/{Color-B0HgM8f4.js → Color-MV5kBVXr.js} +1 -1
- package/dist/{ColorSwatch-Dv3Wxdl_.js → ColorSwatch-BqQfVu4L.js} +5 -5
- package/dist/{ComboBox-BnlZjJ3T.js → ComboBox-_RfyhwZw.js} +42 -21
- package/dist/{Dialog-CIh-hX93.js → Dialog-8tYeQ9n4.js} +202 -91
- package/dist/{FieldError-D7A6s7O5.js → FieldError-52GVSGgC.js} +2 -2
- package/dist/{FocusScope-Cs5_OoeA.js → FocusScope-Cri5BFRz.js} +206 -43
- package/dist/{Group-D6tr3U_n.js → Group-_emcIVxI.js} +3 -3
- package/dist/{Heading-DiYTXoIW.js → Heading-B2153VXe.js} +1 -1
- package/dist/{Hidden-DnOd_jPX.js → Hidden-rE6uR-lr.js} +2 -6
- package/dist/{Input-Se0m3ubj.js → Input-BxpFEIXV.js} +10 -10
- package/dist/{Label-Ca9uelsn.js → Label-icmbmNdI.js} +2 -2
- package/dist/{List-Br274SP1.js → List-CZMUbkFU.js} +3 -1
- package/dist/{ListBox-D9dFEh5A.js → ListBox-Ca6hiCqz.js} +29 -28
- package/dist/{OverlayArrow-1jx-ZyCR.js → OverlayArrow-CYXQSlEU.js} +7 -7
- package/dist/{Select-aab027f3.esm-HFNIFFya.js → Select-aab027f3.esm-PDJCDE95.js} +2 -2
- package/dist/{Separator-BhZycTUp.js → Separator-4IIDRlV_.js} +4 -4
- package/dist/{Slider-BZNaJylD.js → Slider-rz2XRMGm.js} +15 -16
- package/dist/{Text-aOUPPvTO.js → Text-DVSAPY-K.js} +1 -1
- package/dist/{VisuallyHidden-ClTQo25k.js → VisuallyHidden-f9zX67a_.js} +2 -2
- package/dist/assets/style-admin.css +1289 -1338
- package/dist/assets/style-editor.css +433 -482
- package/dist/assets/style.css +433 -482
- package/dist/assets/wp-font-enhancements.css +3 -3
- package/dist/assets/wp-ui-enhancements.css +45 -45
- package/dist/components/base-control/base-control.js +1 -1
- package/dist/components/button/button.js +6 -6
- package/dist/components/checkbox/checkbox.js +13 -10
- package/dist/components/color-pickers/color-picker.js +1 -1
- package/dist/components/color-pickers/color-swatch.js +3 -3
- package/dist/components/color-pickers/gradient-editor.js +4 -4
- package/dist/components/color-pickers/solid-color-picker.js +22 -24
- package/dist/components/component-toggle/component-toggle.js +1 -1
- package/dist/components/container-panel/container-panel.js +9 -3
- package/dist/components/draggable/draggable-handle.js +2 -2
- package/dist/components/draggable/draggable.js +1167 -871
- package/dist/components/draggable-list/draggable-list-item.js +2 -2
- package/dist/components/draggable-list/draggable-list.js +2 -2
- package/dist/components/expandable/expandable.js +9 -9
- package/dist/components/input-field/input-field.js +10 -9
- package/dist/components/item-collection/item-collection.js +1 -1
- package/dist/components/link-input/link-input.js +9 -10
- package/dist/components/matrix-align/matrix-align.js +2 -2
- package/dist/components/menu/menu.js +3 -3
- package/dist/components/modal/modal.js +7 -7
- package/dist/components/number-picker/number-picker.js +15 -13
- package/dist/components/option-select/option-select.js +1 -1
- package/dist/components/options-panel/options-panel.js +1 -1
- package/dist/components/placeholders/file-placeholder.js +1 -1
- package/dist/components/placeholders/image-placeholder.js +1 -1
- package/dist/components/popover/popover.js +2 -2
- package/dist/components/radio/radio.js +20 -17
- package/dist/components/repeater/repeater-item.js +10 -3
- package/dist/components/repeater/repeater.js +34 -5
- package/dist/components/responsive/mini-responsive.js +8 -5
- package/dist/components/responsive/responsive-legacy.js +2 -2
- package/dist/components/responsive/responsive.js +10 -7
- package/dist/components/responsive-preview/responsive-preview.js +1 -1
- package/dist/components/rich-label/rich-label.js +4 -3
- package/dist/components/select/async-multi-select.js +4 -4
- package/dist/components/select/async-single-select.js +3 -3
- package/dist/components/select/custom-select-default-components.js +1 -1
- package/dist/components/select/multi-select-components.js +3 -3
- package/dist/components/select/multi-select.js +4 -4
- package/dist/components/select/react-select-component-wrappers.js +1 -1
- package/dist/components/select/single-select.js +3 -3
- package/dist/components/select/v2/async-select.js +10 -10
- package/dist/components/select/v2/shared.js +2 -2
- package/dist/components/select/v2/single-select.js +24 -23
- package/dist/components/slider/column-config-slider.js +3 -3
- package/dist/components/slider/slider.js +3 -3
- package/dist/components/slider/utils.js +1 -1
- package/dist/components/tabs/tabs.js +46 -26
- package/dist/components/toggle/switch.js +7 -7
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-button/toggle-button.js +6 -6
- package/dist/components/tooltip/tooltip.js +18 -24
- package/dist/{context-CDOs-GuR.js → context-D2KUdwNL.js} +1 -1
- package/dist/{default-i18n-CM1-Xvzf.js → default-i18n-CT_oS1Fy.js} +22 -3
- package/dist/icons/icons.js +229 -1629
- package/dist/icons/index.js +2 -3
- package/dist/icons/jsx-svg.js +1 -1
- package/dist/{index-641ee5b8.esm-DbdaYaxR.js → index-641ee5b8.esm-DIuJijyT.js} +31 -31
- package/dist/{index-CcCn9HWX.js → index-BKGQ6jGS.js} +1 -1
- package/dist/{index-BRp93Yfa.js → index-CFozsmNS.js} +4 -1
- package/dist/{multi-select-components-DJfz929p.js → multi-select-components-Sp-JEFEX.js} +4 -4
- package/dist/{react-jsx-parser.min-CVit0rZn.js → react-jsx-parser.min-DZCiis5V.js} +48 -20
- package/dist/{react-select-async.esm-DcVLw9X5.js → react-select-async.esm-Bql4G5iV.js} +3 -3
- package/dist/{react-select.esm-OZ0cmTjg.js → react-select.esm-B_TudhTU.js} +3 -3
- package/dist/{textSelection-BlTDSskG.js → textSelection-0UUS8Yfg.js} +8 -47
- package/dist/{useButton-CmLbE5vg.js → useButton-Cg474OYB.js} +5 -5
- package/dist/{useEvent-cLDJlznQ.js → useEvent-B0b-6KBr.js} +1 -1
- package/dist/useFocusRing-CV5l3lf6.js +107 -0
- package/dist/{useFormReset-NpLM2e3G.js → useFormReset-C5OggHsw.js} +1 -1
- package/dist/{useFormValidation-BWwmZQE2.js → useFormValidation-DhDNSjws.js} +3 -3
- package/dist/{focusSafely-CiqTTjWy.js → useHover-DwDr6ozG.js} +305 -98
- package/dist/{useLabel-C85N3Hzw.js → useLabel-D7HkNEHT.js} +2 -2
- package/dist/{useLabels-C_2wWraB.js → useLabels-D8cxd1Z8.js} +1 -1
- package/dist/{useListState-Z7FB_NzO.js → useListState-DVr6aYd_.js} +28 -13
- package/dist/{useLocalizedStringFormatter-BQ4TF72x.js → useLocalizedStringFormatter-CFP1YZWQ.js} +1 -1
- package/dist/{useNumberField-Bm6_BVl9.js → useNumberField-TwM0Z9D1.js} +10 -10
- package/dist/{useNumberFormatter-DlUVKkO7.js → useNumberFormatter-321rAb4J.js} +1 -1
- package/dist/{usePress-rg_OQIGW.js → usePress-Cucx-xSA.js} +69 -63
- package/dist/{useSingleSelectListState-Cu3xtEJS.js → useSingleSelectListState-CMGsRHHh.js} +2 -2
- package/dist/{useToggle-DzlgBLAJ.js → useToggle-C0I3vs0g.js} +9 -7
- package/dist/{useToggleState-DhSBQxkp.js → useToggleState-CmQX3SoX.js} +1 -1
- package/dist/{utils-39D0mStj.js → utils-DkCSC521.js} +38 -35
- package/package.json +32 -32
- package/dist/useFocusRing-CGp3guTX.js +0 -41
- package/dist/useFocusable-087cO5Ct.js +0 -81
|
@@ -1,25 +1,41 @@
|
|
|
1
|
-
import React__default, {
|
|
2
|
-
import { b as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-
|
|
3
|
-
import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e,
|
|
4
|
-
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-
|
|
1
|
+
import React__default, { useRef, useEffect, useCallback, useMemo, useState, useReducer, forwardRef, createContext } from "react";
|
|
2
|
+
import { b as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-BPLceDeW.js";
|
|
3
|
+
import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-DkCSC521.js";
|
|
4
|
+
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-52GVSGgC.js";
|
|
5
5
|
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
|
|
6
|
-
import { a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Group-
|
|
7
|
-
import { b as $2d73ec29415bd339$export$712718f7aec83d5, a as $3985021b0ad6602f$export$37fb8590cf2c088c } from "./Input-
|
|
8
|
-
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-
|
|
9
|
-
import { d as $b1f0cad8af73213b$export$3585ede4d035bf14, e as $b1f0cad8af73213b$export$9145995848b05025, b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2 } from "./ListBox-
|
|
10
|
-
import { o as $168583247155ddda$export$dc9c12ed27dd1b49, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-
|
|
11
|
-
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-
|
|
12
|
-
import {
|
|
6
|
+
import { a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Group-_emcIVxI.js";
|
|
7
|
+
import { b as $2d73ec29415bd339$export$712718f7aec83d5, a as $3985021b0ad6602f$export$37fb8590cf2c088c } from "./Input-BxpFEIXV.js";
|
|
8
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-icmbmNdI.js";
|
|
9
|
+
import { d as $b1f0cad8af73213b$export$3585ede4d035bf14, e as $b1f0cad8af73213b$export$9145995848b05025, b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2 } from "./ListBox-Ca6hiCqz.js";
|
|
10
|
+
import { o as $168583247155ddda$export$dc9c12ed27dd1b49, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-8tYeQ9n4.js";
|
|
11
|
+
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-DVSAPY-K.js";
|
|
12
|
+
import { k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, l as $c5a24bc478652b5f$export$1005530eda016c13, p as $55f9b1ae81f22853$export$2b35b76d2e30e129, e as $e1995378a142960e$export$bf788dd355e3a401 } from "./Collection-CZxddMZS.js";
|
|
13
13
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
|
|
14
|
-
import {
|
|
15
|
-
import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./Separator-
|
|
16
|
-
import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-
|
|
17
|
-
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "./usePress-
|
|
21
|
-
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-
|
|
22
|
-
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-
|
|
14
|
+
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-CYXQSlEU.js";
|
|
15
|
+
import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./Separator-4IIDRlV_.js";
|
|
16
|
+
import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-DhDNSjws.js";
|
|
17
|
+
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-CMGsRHHh.js";
|
|
18
|
+
import { b as $a02d57049d202695$export$d085fb9e920b5ca7 } from "./useListState-DVr6aYd_.js";
|
|
19
|
+
import { J as $c87311424ea30a05$export$e1865c3bedcd822b, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DwDr6ozG.js";
|
|
20
|
+
import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "./usePress-Cucx-xSA.js";
|
|
21
|
+
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-D8cxd1Z8.js";
|
|
22
|
+
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CFP1YZWQ.js";
|
|
23
|
+
function $4f58c5f72bcf79f7$export$496315a1608d9602(effect, dependencies) {
|
|
24
|
+
const isInitialMount = useRef(true);
|
|
25
|
+
const lastDeps = useRef(null);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
isInitialMount.current = true;
|
|
28
|
+
return () => {
|
|
29
|
+
isInitialMount.current = false;
|
|
30
|
+
};
|
|
31
|
+
}, []);
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
let prevDeps = lastDeps.current;
|
|
34
|
+
if (isInitialMount.current) isInitialMount.current = false;
|
|
35
|
+
else if (!prevDeps || dependencies.some((dep, i) => !Object.is(dep, prevDeps[i]))) effect();
|
|
36
|
+
lastDeps.current = dependencies;
|
|
37
|
+
}, dependencies);
|
|
38
|
+
}
|
|
23
39
|
function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
|
|
24
40
|
let collator = $325a3faab7a68acd$export$a16aca283550c30d({
|
|
25
41
|
usage: "search",
|
|
@@ -985,6 +1001,11 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
|
|
|
985
1001
|
inputRef,
|
|
986
1002
|
popoverRef
|
|
987
1003
|
]);
|
|
1004
|
+
$4f58c5f72bcf79f7$export$496315a1608d9602(() => {
|
|
1005
|
+
if (!focusedItem && inputRef.current && $d4ee10de306f2510$export$cd4e5573fbe2b576($431fbd86ca7dc216$export$b204af158042fbac(inputRef.current)) === inputRef.current) $55f9b1ae81f22853$export$2b35b76d2e30e129(inputRef.current, null);
|
|
1006
|
+
}, [
|
|
1007
|
+
focusedItem
|
|
1008
|
+
]);
|
|
988
1009
|
return {
|
|
989
1010
|
labelProps,
|
|
990
1011
|
buttonProps: {
|
|
@@ -1735,7 +1756,7 @@ function $d01f2c01039c0eec$var$ComboBoxInner({ props, collection, comboBoxRef: r
|
|
|
1735
1756
|
let inputRef = useRef(null);
|
|
1736
1757
|
let listBoxRef = useRef(null);
|
|
1737
1758
|
let popoverRef = useRef(null);
|
|
1738
|
-
let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
|
|
1759
|
+
let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
|
|
1739
1760
|
let { buttonProps, inputProps, listBoxProps, labelProps, descriptionProps, errorMessageProps, ...validation } = $c350ade66beef0af$export$8c18d1b4f7232bbf({
|
|
1740
1761
|
...$64fa3d84918910a7$export$ef03459518577ad4(props),
|
|
1741
1762
|
label,
|