@eightshift/ui-components 5.3.3 → 5.5.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-npzfSoYo.js → Button-CQ5ZZJ2w.js} +8 -14
- package/dist/{Dialog-CQ8H6Noi.js → Dialog-BMgMUQuN.js} +81 -73
- package/dist/{FocusScope-DJApHXhY.js → FocusScope-B5vxRkHm.js} +1 -1
- package/dist/{Heading-bh1HU5HH.js → Heading-B5aEynOM.js} +1 -1
- package/dist/{Input-ChJaTNa5.js → Input-8yja_IHC.js} +6 -5
- package/dist/{ListBox-D0Stb4wr.js → ListBox-DggfiuO_.js} +28 -16
- package/dist/{OverlayArrow-DivvkAVb.js → OverlayArrow-DraDOoRn.js} +1 -1
- package/dist/{RSPContexts-2lR5GG9p.js → RSPContexts-CJ-HBf0L.js} +8 -4
- package/dist/{SearchField-jVsbJe1O.js → SearchField-DWGdCvnn.js} +24 -18
- package/dist/{Select-ciHB1pub.js → Select-BvggcFOX.js} +204 -68
- package/dist/SelectionIndicator-D7WMzeAW.js +7 -0
- package/dist/{SelectionManager-CabSdgMq.js → SelectionManager-B6-b5NM2.js} +98 -59
- package/dist/{Separator-BPvqJny4.js → Separator-B-xeqOkC.js} +6 -6
- package/dist/SharedElementTransition-fML-zIv6.js +12 -0
- package/dist/{Slider-ChP04COa.js → Slider-DfU6bRtH.js} +4 -4
- package/dist/{VisuallyHidden-X6SggVVO.js → VisuallyHidden-CgnIuZJ2.js} +1 -1
- package/dist/assets/style-admin.css +925 -79
- package/dist/assets/style-editor.css +925 -79
- package/dist/assets/style.css +925 -79
- package/dist/assets/wp-font-enhancements.css +1 -1
- package/dist/assets/wp-ui-enhancements.css +1 -1
- package/dist/components/button/button.js +75 -22
- package/dist/components/checkbox/checkbox.js +14 -10
- package/dist/components/color-pickers/solid-color-picker.js +8 -8
- package/dist/components/expandable/expandable.js +40 -10
- package/dist/components/index.js +4 -0
- package/dist/components/input-field/input-field.js +5 -5
- package/dist/components/link-input/link-input.js +32 -21
- package/dist/components/menu/menu.js +2 -2
- package/dist/components/modal/modal.js +34 -6
- package/dist/components/number-picker/number-picker.js +5 -4
- package/dist/components/options-panel/options-panel.js +1 -1
- package/dist/components/placeholders/file-picker-shell.js +130 -0
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/radio/radio.js +20 -11
- package/dist/components/select/v2/async-multi-select.js +6 -6
- package/dist/components/select/v2/async-select.js +6 -6
- package/dist/components/select/v2/multi-select.js +7 -7
- package/dist/components/select/v2/shared.js +1 -1
- package/dist/components/select/v2/single-select.js +7 -7
- package/dist/components/slider/column-config-slider.js +1 -1
- package/dist/components/slider/slider.js +1 -1
- package/dist/components/smart-image/smart-image.js +117 -0
- package/dist/components/tabs/tabs.js +16 -10
- package/dist/components/toggle/switch.js +5 -5
- package/dist/components/toggle-button/toggle-button.js +10 -5
- package/dist/components/tooltip/tooltip.js +2 -2
- package/dist/icons/icons.js +10 -0
- package/dist/index.js +4 -0
- package/dist/{textSelection-k0u64dDA.js → textSelection-DbCKqaw8.js} +1 -1
- package/dist/{useButton-Bn4ZT295.js → useButton-v9ngEj50.js} +2 -2
- package/dist/{useDragAndDrop-DVLrIdEn.js → useDragAndDrop-C08ZXv4F.js} +5 -5
- package/dist/{useFilter-C4wo8Iii.js → useFilter-BlkUH1Ma.js} +1 -1
- package/dist/{useFocusRing-CUxgjvAY.js → useFocusRing-Cgm0R4Cf.js} +1 -1
- package/dist/{useFormValidation-CUtZcedF.js → useFormValidation-CeNsUGWK.js} +1 -1
- package/dist/{useHover-LmGemtHE.js → useHover-BRDW3y7-.js} +3 -1
- package/dist/{useListState-Xsk-aOvN.js → useListState-RdLrYsMP.js} +1 -1
- package/dist/{useNumberField-BCjjZWaz.js → useNumberField-D16dDfYF.js} +5 -5
- package/dist/{usePress-CBQIDzpQ.js → usePress-DJskZBH9.js} +4 -2
- package/dist/{useSingleSelectListState-DattSD7d.js → useSingleSelectListState-n0AVMr3Y.js} +2 -2
- package/dist/{useToggle-C8CedY6Z.js → useToggle-DSBDAfdw.js} +2 -2
- package/dist/{useToggleState-CiAradXs.js → useToggleState-CzN79ary.js} +1 -1
- package/dist/utilities/general.js +4142 -0
- package/dist/utilities/index.js +5 -0
- package/package.json +19 -15
- package/dist/context-DCAZLyDS.js +0 -7
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { d as $cc38e7bd3fc7b213$export$2bb74740c4e19def, q as $feb5ffebff200149$export$c3d8340acf92597f, m as $ae20dd8cbca75726$export$d6daf82dcd84e87c, r as $c5a24bc478652b5f$export$1005530eda016c13, f as $e1995378a142960e$export$18af5c7a9e9b3664, s as $23b9f4fcf0fe224b$export$5ae2504e948afce5, o as $23b9f4fcf0fe224b$export$d68d59712b04d9d1 } from "./SelectionManager-B6-b5NM2.js";
|
|
2
2
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
|
|
3
3
|
import React__default, { useMemo, createContext } from "react";
|
|
4
4
|
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-cvK1vxO7.js";
|
|
@@ -27,8 +27,8 @@ class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
|
|
|
27
27
|
let containerRect = container.getBoundingClientRect();
|
|
28
28
|
let itemRect = item.getBoundingClientRect();
|
|
29
29
|
return {
|
|
30
|
-
x: itemRect.left - containerRect.left + container.scrollLeft,
|
|
31
|
-
y: itemRect.top - containerRect.top + container.scrollTop,
|
|
30
|
+
x: itemRect.left - containerRect.left - container.clientLeft + container.scrollLeft,
|
|
31
|
+
y: itemRect.top - containerRect.top - container.clientTop + container.scrollTop,
|
|
32
32
|
width: itemRect.width,
|
|
33
33
|
height: itemRect.height
|
|
34
34
|
};
|
|
@@ -43,12 +43,12 @@ class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
|
|
|
43
43
|
}
|
|
44
44
|
getVisibleRect() {
|
|
45
45
|
let container = this.ref.current;
|
|
46
|
-
var _container_scrollLeft, _container_scrollTop,
|
|
46
|
+
var _container_scrollLeft, _container_scrollTop, _container_clientWidth, _container_clientHeight;
|
|
47
47
|
return {
|
|
48
48
|
x: (_container_scrollLeft = container === null || container === void 0 ? void 0 : container.scrollLeft) !== null && _container_scrollLeft !== void 0 ? _container_scrollLeft : 0,
|
|
49
49
|
y: (_container_scrollTop = container === null || container === void 0 ? void 0 : container.scrollTop) !== null && _container_scrollTop !== void 0 ? _container_scrollTop : 0,
|
|
50
|
-
width: (
|
|
51
|
-
height: (
|
|
50
|
+
width: (_container_clientWidth = container === null || container === void 0 ? void 0 : container.clientWidth) !== null && _container_clientWidth !== void 0 ? _container_clientWidth : 0,
|
|
51
|
+
height: (_container_clientHeight = container === null || container === void 0 ? void 0 : container.clientHeight) !== null && _container_clientHeight !== void 0 ? _container_clientHeight : 0
|
|
52
52
|
};
|
|
53
53
|
}
|
|
54
54
|
constructor(ref) {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "./index-D8-Zjpbd.js";
|
|
2
|
+
import React__default, { useRef, createContext } from "react";
|
|
3
|
+
const $c8a5a149f625efcf$var$SharedElementContext = /* @__PURE__ */ createContext(null);
|
|
4
|
+
function $c8a5a149f625efcf$export$758399f318e6385a(props) {
|
|
5
|
+
let ref = useRef({});
|
|
6
|
+
return /* @__PURE__ */ React__default.createElement($c8a5a149f625efcf$var$SharedElementContext.Provider, {
|
|
7
|
+
value: ref
|
|
8
|
+
}, props.children);
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
$c8a5a149f625efcf$export$758399f318e6385a as $
|
|
12
|
+
};
|
|
@@ -3,14 +3,14 @@ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DWVaNd2E
|
|
|
3
3
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
|
|
4
4
|
import React__default, { useRef, useMemo, useCallback, useState, useEffect, forwardRef, createContext, useContext } from "react";
|
|
5
5
|
import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BCmkV-7c.js";
|
|
6
|
-
import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, v as $507fabe10e71c6fb$export$8397ddfc504fdb9a, z as $7215afc6de606d6b$export$de79e2c695e052f3, A as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $f645667febf57a63$export$4c014de7c8940b4c, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-
|
|
6
|
+
import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, v as $507fabe10e71c6fb$export$8397ddfc504fdb9a, z as $7215afc6de606d6b$export$de79e2c695e052f3, A as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $f645667febf57a63$export$4c014de7c8940b4c, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BRDW3y7-.js";
|
|
7
7
|
import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
|
|
8
|
-
import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-
|
|
8
|
+
import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DbCKqaw8.js";
|
|
9
9
|
import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C8umX0gk.js";
|
|
10
10
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
|
|
11
11
|
import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-yV9VVy9R.js";
|
|
12
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-
|
|
13
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-
|
|
12
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cgm0R4Cf.js";
|
|
13
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-CgnIuZJ2.js";
|
|
14
14
|
function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
|
|
15
15
|
let { onMoveStart, onMove, onMoveEnd } = props;
|
|
16
16
|
let state = useRef({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-cvK1vxO7.js";
|
|
2
2
|
import React__default, { useState, useMemo } from "react";
|
|
3
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-
|
|
3
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-Cgm0R4Cf.js";
|
|
4
4
|
const $5c3e21d68f1c4674$var$styles = {
|
|
5
5
|
border: 0,
|
|
6
6
|
clip: "rect(0 0 0 0)",
|