@eightshift/ui-components 2.0.2 → 3.0.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-OQ5EIPvt.js → Button-D7c-vzAt.js} +5 -5
- package/dist/{Collection-CJM_asJz.js → Collection-CDEKDgvV.js} +234 -128
- 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-BL1hyP4p.js} +42 -21
- package/dist/{Dialog-CIh-hX93.js → Dialog-s3fX5lSh.js} +199 -88
- package/dist/{FieldError-D7A6s7O5.js → FieldError-52GVSGgC.js} +2 -2
- package/dist/{FocusScope-Cs5_OoeA.js → FocusScope-DbqfVa2Z.js} +206 -43
- package/dist/{Group-D6tr3U_n.js → Group-DMRt6g_N.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-CTTTeCpo.js} +10 -10
- package/dist/{Label-Ca9uelsn.js → Label-icmbmNdI.js} +2 -2
- package/dist/{List-Br274SP1.js → List-UdOhiW-i.js} +2 -0
- package/dist/{ListBox-D9dFEh5A.js → ListBox-CfdzmefC.js} +28 -27
- package/dist/{OverlayArrow-1jx-ZyCR.js → OverlayArrow-CMh-7gEM.js} +3 -3
- package/dist/{Separator-BhZycTUp.js → Separator-BxbOoGIK.js} +4 -4
- package/dist/{Slider-BZNaJylD.js → Slider-BZO0Tvut.js} +13 -14
- package/dist/{Text-aOUPPvTO.js → Text-DVSAPY-K.js} +1 -1
- package/dist/{VisuallyHidden-ClTQo25k.js → VisuallyHidden-ooItkWYR.js} +2 -2
- package/dist/assets/style-admin.css +1290 -1335
- package/dist/assets/style-editor.css +433 -478
- package/dist/assets/style.css +433 -478
- 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 +5 -5
- package/dist/components/checkbox/checkbox.js +8 -8
- package/dist/components/color-pickers/color-swatch.js +2 -2
- package/dist/components/color-pickers/gradient-editor.js +2 -2
- package/dist/components/color-pickers/solid-color-picker.js +20 -22
- package/dist/components/container-panel/container-panel.js +9 -3
- package/dist/components/draggable/draggable-handle.js +1 -1
- package/dist/components/draggable/draggable.js +1162 -865
- package/dist/components/draggable-list/draggable-list-item.js +1 -1
- package/dist/components/draggable-list/draggable-list.js +1 -1
- package/dist/components/expandable/expandable.js +7 -7
- package/dist/components/input-field/input-field.js +10 -9
- package/dist/components/link-input/link-input.js +8 -9
- package/dist/components/menu/menu.js +2 -2
- package/dist/components/modal/modal.js +5 -5
- package/dist/components/number-picker/number-picker.js +13 -11
- package/dist/components/options-panel/options-panel.js +1 -1
- package/dist/components/placeholders/image-placeholder.js +1 -1
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/radio/radio.js +16 -15
- package/dist/components/repeater/repeater-item.js +9 -2
- package/dist/components/repeater/repeater.js +32 -3
- package/dist/components/responsive/mini-responsive.js +7 -4
- package/dist/components/responsive/responsive.js +7 -4
- package/dist/components/rich-label/rich-label.js +4 -3
- package/dist/components/select/v2/async-select.js +9 -9
- package/dist/components/select/v2/shared.js +2 -2
- package/dist/components/select/v2/single-select.js +22 -21
- package/dist/components/slider/column-config-slider.js +2 -2
- package/dist/components/slider/slider.js +3 -3
- package/dist/components/tabs/tabs.js +43 -23
- 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 +17 -23
- package/dist/{context-CDOs-GuR.js → context-D2KUdwNL.js} +1 -1
- 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-CcCn9HWX.js → index-BKGQ6jGS.js} +1 -1
- package/dist/{react-jsx-parser.min-CVit0rZn.js → react-jsx-parser.min-DZCiis5V.js} +48 -20
- package/dist/{textSelection-BlTDSskG.js → textSelection-CrrUNX-B.js} +8 -47
- package/dist/{useButton-CmLbE5vg.js → useButton-Dl1C1478.js} +5 -5
- package/dist/{useEvent-cLDJlznQ.js → useEvent-B0b-6KBr.js} +1 -1
- package/dist/useFocusRing-CxlVCVpL.js +107 -0
- package/dist/{useFormReset-NpLM2e3G.js → useFormReset-C5OggHsw.js} +1 -1
- package/dist/{useFormValidation-BWwmZQE2.js → useFormValidation-BgSHI8kQ.js} +2 -2
- package/dist/{focusSafely-CiqTTjWy.js → useHover-B-8Wji4B.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-BXnC0mNr.js} +28 -13
- package/dist/{useLocalizedStringFormatter-BQ4TF72x.js → useLocalizedStringFormatter-CFP1YZWQ.js} +1 -1
- package/dist/{useNumberField-Bm6_BVl9.js → useNumberField-ecr8uK6_.js} +10 -10
- package/dist/{useNumberFormatter-DlUVKkO7.js → useNumberFormatter-321rAb4J.js} +1 -1
- package/dist/{usePress-rg_OQIGW.js → usePress-C3dxzVyi.js} +69 -63
- package/dist/{useSingleSelectListState-Cu3xtEJS.js → useSingleSelectListState-Dgbuzw5o.js} +2 -2
- package/dist/{useToggle-DzlgBLAJ.js → useToggle-DyZydSPy.js} +9 -7
- package/dist/{useToggleState-DhSBQxkp.js → useToggleState-BZoo5qt_.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, createContext, forwardRef } from "react";
|
|
2
|
+
import { b as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-D7c-vzAt.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-DMRt6g_N.js";
|
|
7
|
+
import { b as $2d73ec29415bd339$export$712718f7aec83d5, a as $3985021b0ad6602f$export$37fb8590cf2c088c } from "./Input-CTTTeCpo.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-CfdzmefC.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-s3fX5lSh.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, d as $e1995378a142960e$export$bf788dd355e3a401 } from "./Collection-CDEKDgvV.js";
|
|
13
13
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
|
|
14
|
-
import { a as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-
|
|
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 { a as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-CMh-7gEM.js";
|
|
15
|
+
import { e as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, c as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./Separator-BxbOoGIK.js";
|
|
16
|
+
import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-BgSHI8kQ.js";
|
|
17
|
+
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-Dgbuzw5o.js";
|
|
18
|
+
import { b as $a02d57049d202695$export$d085fb9e920b5ca7 } from "./useListState-BXnC0mNr.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-B-8Wji4B.js";
|
|
20
|
+
import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "./usePress-C3dxzVyi.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,
|