@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.
Files changed (66) hide show
  1. package/dist/{Button-npzfSoYo.js → Button-CQ5ZZJ2w.js} +8 -14
  2. package/dist/{Dialog-CQ8H6Noi.js → Dialog-BMgMUQuN.js} +81 -73
  3. package/dist/{FocusScope-DJApHXhY.js → FocusScope-B5vxRkHm.js} +1 -1
  4. package/dist/{Heading-bh1HU5HH.js → Heading-B5aEynOM.js} +1 -1
  5. package/dist/{Input-ChJaTNa5.js → Input-8yja_IHC.js} +6 -5
  6. package/dist/{ListBox-D0Stb4wr.js → ListBox-DggfiuO_.js} +28 -16
  7. package/dist/{OverlayArrow-DivvkAVb.js → OverlayArrow-DraDOoRn.js} +1 -1
  8. package/dist/{RSPContexts-2lR5GG9p.js → RSPContexts-CJ-HBf0L.js} +8 -4
  9. package/dist/{SearchField-jVsbJe1O.js → SearchField-DWGdCvnn.js} +24 -18
  10. package/dist/{Select-ciHB1pub.js → Select-BvggcFOX.js} +204 -68
  11. package/dist/SelectionIndicator-D7WMzeAW.js +7 -0
  12. package/dist/{SelectionManager-CabSdgMq.js → SelectionManager-B6-b5NM2.js} +98 -59
  13. package/dist/{Separator-BPvqJny4.js → Separator-B-xeqOkC.js} +6 -6
  14. package/dist/SharedElementTransition-fML-zIv6.js +12 -0
  15. package/dist/{Slider-ChP04COa.js → Slider-DfU6bRtH.js} +4 -4
  16. package/dist/{VisuallyHidden-X6SggVVO.js → VisuallyHidden-CgnIuZJ2.js} +1 -1
  17. package/dist/assets/style-admin.css +925 -79
  18. package/dist/assets/style-editor.css +925 -79
  19. package/dist/assets/style.css +925 -79
  20. package/dist/assets/wp-font-enhancements.css +1 -1
  21. package/dist/assets/wp-ui-enhancements.css +1 -1
  22. package/dist/components/button/button.js +75 -22
  23. package/dist/components/checkbox/checkbox.js +14 -10
  24. package/dist/components/color-pickers/solid-color-picker.js +8 -8
  25. package/dist/components/expandable/expandable.js +40 -10
  26. package/dist/components/index.js +4 -0
  27. package/dist/components/input-field/input-field.js +5 -5
  28. package/dist/components/link-input/link-input.js +32 -21
  29. package/dist/components/menu/menu.js +2 -2
  30. package/dist/components/modal/modal.js +34 -6
  31. package/dist/components/number-picker/number-picker.js +5 -4
  32. package/dist/components/options-panel/options-panel.js +1 -1
  33. package/dist/components/placeholders/file-picker-shell.js +130 -0
  34. package/dist/components/popover/popover.js +1 -1
  35. package/dist/components/radio/radio.js +20 -11
  36. package/dist/components/select/v2/async-multi-select.js +6 -6
  37. package/dist/components/select/v2/async-select.js +6 -6
  38. package/dist/components/select/v2/multi-select.js +7 -7
  39. package/dist/components/select/v2/shared.js +1 -1
  40. package/dist/components/select/v2/single-select.js +7 -7
  41. package/dist/components/slider/column-config-slider.js +1 -1
  42. package/dist/components/slider/slider.js +1 -1
  43. package/dist/components/smart-image/smart-image.js +117 -0
  44. package/dist/components/tabs/tabs.js +16 -10
  45. package/dist/components/toggle/switch.js +5 -5
  46. package/dist/components/toggle-button/toggle-button.js +10 -5
  47. package/dist/components/tooltip/tooltip.js +2 -2
  48. package/dist/icons/icons.js +10 -0
  49. package/dist/index.js +4 -0
  50. package/dist/{textSelection-k0u64dDA.js → textSelection-DbCKqaw8.js} +1 -1
  51. package/dist/{useButton-Bn4ZT295.js → useButton-v9ngEj50.js} +2 -2
  52. package/dist/{useDragAndDrop-DVLrIdEn.js → useDragAndDrop-C08ZXv4F.js} +5 -5
  53. package/dist/{useFilter-C4wo8Iii.js → useFilter-BlkUH1Ma.js} +1 -1
  54. package/dist/{useFocusRing-CUxgjvAY.js → useFocusRing-Cgm0R4Cf.js} +1 -1
  55. package/dist/{useFormValidation-CUtZcedF.js → useFormValidation-CeNsUGWK.js} +1 -1
  56. package/dist/{useHover-LmGemtHE.js → useHover-BRDW3y7-.js} +3 -1
  57. package/dist/{useListState-Xsk-aOvN.js → useListState-RdLrYsMP.js} +1 -1
  58. package/dist/{useNumberField-BCjjZWaz.js → useNumberField-D16dDfYF.js} +5 -5
  59. package/dist/{usePress-CBQIDzpQ.js → usePress-DJskZBH9.js} +4 -2
  60. package/dist/{useSingleSelectListState-DattSD7d.js → useSingleSelectListState-n0AVMr3Y.js} +2 -2
  61. package/dist/{useToggle-C8CedY6Z.js → useToggle-DSBDAfdw.js} +2 -2
  62. package/dist/{useToggleState-CiAradXs.js → useToggleState-CzN79ary.js} +1 -1
  63. package/dist/utilities/general.js +4142 -0
  64. package/dist/utilities/index.js +5 -0
  65. package/package.json +19 -15
  66. package/dist/context-DCAZLyDS.js +0 -7
@@ -1,4 +1,4 @@
1
- import { o as $cc38e7bd3fc7b213$export$2bb74740c4e19def, p as $feb5ffebff200149$export$c3d8340acf92597f, k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, q as $c5a24bc478652b5f$export$1005530eda016c13, d as $e1995378a142960e$export$18af5c7a9e9b3664, r as $23b9f4fcf0fe224b$export$5ae2504e948afce5, m as $23b9f4fcf0fe224b$export$d68d59712b04d9d1 } from "./SelectionManager-CabSdgMq.js";
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, _container_offsetWidth, _container_offsetHeight;
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: (_container_offsetWidth = container === null || container === void 0 ? void 0 : container.offsetWidth) !== null && _container_offsetWidth !== void 0 ? _container_offsetWidth : 0,
51
- height: (_container_offsetHeight = container === null || container === void 0 ? void 0 : container.offsetHeight) !== null && _container_offsetHeight !== void 0 ? _container_offsetHeight : 0
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-LmGemtHE.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-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-k0u64dDA.js";
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-CUxgjvAY.js";
13
- import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-X6SggVVO.js";
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-CUxgjvAY.js";
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)",