@eightshift/ui-components 1.4.6 → 1.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 (95) hide show
  1. package/dist/{Button-uYE9D_E3.js → Button-CYX0D6At.js} +5 -5
  2. package/dist/{ColorSwatch-Bev-9Vbr.js → ColorSwatch-BNX2quma.js} +4 -4
  3. package/dist/{Dialog-CGE2ficT.js → Dialog-DSquJZb-.js} +110 -18
  4. package/dist/{FieldError-CBPJ4Xx8.js → FieldError-ClB3-XvF.js} +2 -2
  5. package/dist/{FocusScope-CVd6C65L.js → FocusScope-B5L3qI3N.js} +4 -4
  6. package/dist/{Group-WZgNv9RE.js → Group-ubPTwji_.js} +3 -3
  7. package/dist/{Hidden-YSmyVF_5.js → Hidden-CupIZhlF.js} +1 -1
  8. package/dist/{Input-CaS4qmLb.js → Input-BoNEjaXM.js} +8 -8
  9. package/dist/{Label-yZgqvhXc.js → Label-BqW0M3HN.js} +2 -2
  10. package/dist/{ListBox-MZyPpwvj.js → ListBox-civ86c_v.js} +13 -18
  11. package/dist/{Select-49a62830.esm-CqLHaIei.js → Select-49a62830.esm-D8voKavK.js} +1 -1
  12. package/dist/{SelectionManager-CvRaua4m.js → SelectionManager-Ctbzoj1E.js} +12 -21
  13. package/dist/{Separator-C7Few7L6.js → Separator-CDhAddZc.js} +3 -3
  14. package/dist/{Slider-D8a63VhT.js → Slider-Dkj8Slw3.js} +11 -11
  15. package/dist/{Text-D8qh3_U7.js → Text-CdwRBXol.js} +1 -1
  16. package/dist/{VisuallyHidden-DD480kAb.js → VisuallyHidden-DsMLX-RC.js} +2 -2
  17. package/dist/assets/style.css +1 -1
  18. package/dist/components/animated-visibility/animated-visibility.js +5794 -5751
  19. package/dist/components/base-control/base-control.js +1 -1
  20. package/dist/components/button/button.js +5 -5
  21. package/dist/components/checkbox/checkbox.js +7 -7
  22. package/dist/components/color-pickers/color-swatch.js +2 -2
  23. package/dist/components/color-pickers/gradient-editor.js +1 -1
  24. package/dist/components/color-pickers/solid-color-picker.js +18 -18
  25. package/dist/components/component-toggle/component-toggle.js +1 -0
  26. package/dist/components/draggable/draggable-context.js +5 -0
  27. package/dist/components/draggable/draggable-item.js +66 -0
  28. package/dist/components/draggable/draggable.js +159 -0
  29. package/dist/components/draggable-list/draggable-list-context.js +5 -0
  30. package/dist/components/draggable-list/draggable-list-item.js +51 -39
  31. package/dist/components/draggable-list/draggable-list.js +93 -3736
  32. package/dist/components/expandable/expandable.js +2 -2
  33. package/dist/components/index.js +10 -2
  34. package/dist/components/input-field/input-field.js +7 -7
  35. package/dist/components/item-collection/item-collection.js +54 -0
  36. package/dist/components/link-input/link-input.js +217 -31
  37. package/dist/components/list-box/list-box.js +1 -1
  38. package/dist/components/matrix-align/matrix-align.js +1 -1
  39. package/dist/components/menu/menu.js +14 -13
  40. package/dist/components/modal/modal.js +3 -4
  41. package/dist/components/number-picker/number-picker.js +10 -10
  42. package/dist/components/popover/popover.js +1 -1
  43. package/dist/components/radio/radio.js +13 -13
  44. package/dist/components/repeater/repeater.js +52 -48
  45. package/dist/components/responsive/responsive-legacy.js +1 -1
  46. package/dist/components/responsive/responsive.js +1 -1
  47. package/dist/components/select/async-multi-select.js +2 -2
  48. package/dist/components/select/async-single-select.js +2 -2
  49. package/dist/components/select/custom-select-default-components.js +1 -1
  50. package/dist/components/select/multi-select.js +2 -2
  51. package/dist/components/select/react-select-component-wrappers.js +1 -1
  52. package/dist/components/select/single-select.js +2 -2
  53. package/dist/components/slider/column-config-slider.js +2 -2
  54. package/dist/components/slider/slider.js +3 -3
  55. package/dist/components/tabs/tabs.js +46 -12
  56. package/dist/components/toggle/switch.js +7 -7
  57. package/dist/components/toggle/toggle.js +1 -1
  58. package/dist/components/toggle-button/toggle-button.js +6 -6
  59. package/dist/components/tooltip/tooltip.js +3 -3
  60. package/dist/{context-Bon2Gyx5.js → context-kCEA3M_y.js} +1 -1
  61. package/dist/{focusSafely-PMGZgZ9-.js → focusSafely-xMzk3syC.js} +1 -1
  62. package/dist/{index-a301f526.esm-B9tWL9yi.js → index-a301f526.esm-BMg114iK.js} +8 -3
  63. package/dist/index.js +10 -2
  64. package/dist/{intlStrings-KQxgp5tS.js → intlStrings-BxJIrC6b.js} +1 -1
  65. package/dist/{react-select-async.esm-8Rba_3KV.js → react-select-async.esm-DY-cP0QK.js} +2 -2
  66. package/dist/{react-select.esm-DkSeQzOP.js → react-select.esm-DNlXj0hV.js} +2 -2
  67. package/dist/swapy-qb4t7itb.js +3059 -0
  68. package/dist/{textSelection-DS7-670U.js → textSelection-D5Bit8i8.js} +1 -1
  69. package/dist/{tooltip-C9mg1CP5.js → tooltip-srrt1p-b.js} +9 -8
  70. package/dist/{useButton-BPY4yXUo.js → useButton-6H5k2W5N.js} +3 -3
  71. package/dist/{useEvent-DDLT851Z.js → useEvent-BY-3vfxa.js} +1 -1
  72. package/dist/{useFocusRing-DsxEaA2J.js → useFocusRing-rz8eyzby.js} +1 -1
  73. package/dist/{useFocusable-BFKHuYS9.js → useFocusable-Bu2Ovohk.js} +2 -2
  74. package/dist/{useFormReset-BCPbwfnH.js → useFormReset-fUHUaaR6.js} +1 -1
  75. package/dist/{useFormValidationState-DC5jbhBW.js → useFormValidationState-DAan_XbC.js} +2 -2
  76. package/dist/{useLabel-DuJhImKc.js → useLabel-Bk7iP__W.js} +2 -2
  77. package/dist/{useLabels-JaBafrnV.js → useLabels-DmsOywGg.js} +1 -1
  78. package/dist/{useListState-Csx05BmT.js → useListState-GXSJsAgz.js} +1 -1
  79. package/dist/{useLocalizedStringFormatter-CVIIVTgz.js → useLocalizedStringFormatter-m03yY3xi.js} +1 -1
  80. package/dist/{useMenuTrigger-CMgzyMKW.js → useMenuTrigger-BbwpSVmh.js} +4 -4
  81. package/dist/{useNumberFieldState-BVFqhboT.js → useNumberFieldState-CpmU88xz.js} +9 -9
  82. package/dist/{useNumberFormatter-BEeBSV-N.js → useNumberFormatter-B-20GQ2u.js} +1 -1
  83. package/dist/{usePress-CY8MpqYD.js → usePress-Cs8K7gKw.js} +4 -16
  84. package/dist/{useSingleSelectListState-CzZUgAt0.js → useSingleSelectListState-C1ddMCq3.js} +2 -2
  85. package/dist/{useToggle-CJp2Fh_L.js → useToggle-Cn2nQUNS.js} +4 -4
  86. package/dist/{useToggleState-B4--Ski0.js → useToggleState-Dj0JhD9W.js} +1 -1
  87. package/dist/utilities/index.js +2 -1
  88. package/dist/utilities/text-helpers.js +38 -0
  89. package/dist/{utils-B4IdLYb8.js → utils-Du2x3YVu.js} +4 -4
  90. package/package.json +19 -18
  91. package/dist/GridList-PBJsm70G.js +0 -1268
  92. package/dist/ariaHideOutside-BzxkODNq.js +0 -89
  93. package/dist/getScrollParent-B3XgpXBL.js +0 -10
  94. package/dist/useHasTabbableChild-Byd7ylXD.js +0 -37
  95. package/dist/useListData-B5Pk32vd.js +0 -200
@@ -1,5 +1,5 @@
1
1
  import { useRef, useCallback, useEffect } from "react";
2
- import { j as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, k as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-PMGZgZ9-.js";
2
+ import { j as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, k as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-xMzk3syC.js";
3
3
  function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
4
4
  let globalListeners = useRef(/* @__PURE__ */ new Map());
5
5
  let addGlobalListener = useCallback((eventTarget, type, listener, options) => {
@@ -1,12 +1,12 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, o as $64fa3d84918910a7$export$45fda7c47f93fd48, p as $64fa3d84918910a7$export$6d3443f2c48bfc20 } from "./utils-B4IdLYb8.js";
2
+ import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, o as $64fa3d84918910a7$export$45fda7c47f93fd48, p as $64fa3d84918910a7$export$6d3443f2c48bfc20 } from "./utils-Du2x3YVu.js";
3
3
  import React__default, { useEffect, useState, useRef, useCallback, useContext, useMemo, forwardRef, createContext } from "react";
4
- import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, b as $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 } from "./useFocusable-BFKHuYS9.js";
5
- import { o as $c87311424ea30a05$export$78551043582a6a98, $ as $6179b936705e76d3$export$ae780daf29e6d456, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-PMGZgZ9-.js";
4
+ import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, b as $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 } from "./useFocusable-Bu2Ovohk.js";
5
+ import { o as $c87311424ea30a05$export$78551043582a6a98, $ as $6179b936705e76d3$export$ae780daf29e6d456, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-xMzk3syC.js";
6
6
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
7
7
  import { $ as $dbSRa$reactdom } from "./index-BTCzc3zb.js";
8
8
  import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CHmNj-oR.js";
9
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Bon2Gyx5.js";
9
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-kCEA3M_y.js";
10
10
  import { c as clsx } from "./lite-DVmmD_-j.js";
11
11
  function $9daab02d461809db$var$hasResizeObserver() {
12
12
  return typeof window.ResizeObserver !== "undefined";
@@ -217,11 +217,12 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
217
217
  delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
218
218
  position[crossAxis] += delta;
219
219
  let arrowPosition = {};
220
- let preferredArrowPosition = childOffset[crossAxis] + 0.5 * childOffset[crossSize] - position[crossAxis];
220
+ let preferredArrowPosition = childOffset[crossAxis] + 0.5 * childOffset[crossSize] - position[crossAxis] - margins[$edcf132a9284368a$var$AXIS[crossAxis]];
221
221
  const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;
222
- const arrowMaxPosition = overlaySize[crossSize] - arrowSize / 2 - arrowBoundaryOffset;
223
- const arrowOverlappingChildMinEdge = childOffset[crossAxis] - position[crossAxis] + arrowSize / 2;
224
- const arrowOverlappingChildMaxEdge = childOffset[crossAxis] + childOffset[crossSize] - position[crossAxis] - arrowSize / 2;
222
+ const overlayMargin = $edcf132a9284368a$var$AXIS[crossAxis] === "left" ? margins.left + margins.right : margins.top + margins.bottom;
223
+ const arrowMaxPosition = overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;
224
+ const arrowOverlappingChildMinEdge = childOffset[crossAxis] + arrowSize / 2 - (position[crossAxis] + margins[$edcf132a9284368a$var$AXIS[crossAxis]]);
225
+ const arrowOverlappingChildMaxEdge = childOffset[crossAxis] + childOffset[crossSize] - arrowSize / 2 - (position[crossAxis] + margins[$edcf132a9284368a$var$AXIS[crossAxis]]);
225
226
  const arrowPositionOverlappingChild = $9446cca9a3875146$export$7d15b64cf5a3a4c4(preferredArrowPosition, arrowOverlappingChildMinEdge, arrowOverlappingChildMaxEdge);
226
227
  arrowPosition[crossAxis] = $9446cca9a3875146$export$7d15b64cf5a3a4c4(arrowPositionOverlappingChild, arrowMinPosition, arrowMaxPosition);
227
228
  return {
@@ -1,7 +1,7 @@
1
- import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B4IdLYb8.js";
1
+ import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Du2x3YVu.js";
2
2
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
3
- import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-BFKHuYS9.js";
4
- import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CY8MpqYD.js";
3
+ import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-Bu2Ovohk.js";
4
+ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Cs8K7gKw.js";
5
5
  function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
6
6
  let {
7
7
  elementType = "button",
@@ -1,4 +1,4 @@
1
- import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-B4IdLYb8.js";
1
+ import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-Du2x3YVu.js";
2
2
  import { useEffect } from "react";
3
3
  function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
4
4
  let handleEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(handler);
@@ -1,4 +1,4 @@
1
- import { a as $507fabe10e71c6fb$export$b9b3dfddab17db27, b as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-PMGZgZ9-.js";
1
+ import { a as $507fabe10e71c6fb$export$b9b3dfddab17db27, b as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-xMzk3syC.js";
2
2
  import { useRef, useState, useCallback } from "react";
3
3
  function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
4
4
  let { autoFocus = false, isTextInput, within } = props;
@@ -1,5 +1,5 @@
1
- import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, h as $6a99195332edec8b$export$80f3e147d781571c, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-PMGZgZ9-.js";
2
- import { l as $df56164dff5785e2$export$4338b53315abf666, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B4IdLYb8.js";
1
+ import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, h as $6a99195332edec8b$export$80f3e147d781571c, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-xMzk3syC.js";
2
+ import { l as $df56164dff5785e2$export$4338b53315abf666, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Du2x3YVu.js";
3
3
  import React__default, { useRef, useEffect, useContext } from "react";
4
4
  function $93925083ecbb358c$export$48d1ea6320830260(handler) {
5
5
  if (!handler) return void 0;
@@ -1,4 +1,4 @@
1
- import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-B4IdLYb8.js";
1
+ import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-Du2x3YVu.js";
2
2
  import { useRef, useEffect } from "react";
3
3
  function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
4
4
  let resetValue = useRef(initialValue);
@@ -1,6 +1,6 @@
1
- import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-PMGZgZ9-.js";
1
+ import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-xMzk3syC.js";
2
2
  import { useEffect, createContext, useMemo, useContext, useState, useRef } from "react";
3
- import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-B4IdLYb8.js";
3
+ import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-Du2x3YVu.js";
4
4
  function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
5
5
  let { validationBehavior, focus } = props;
6
6
  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
@@ -1,5 +1,5 @@
1
- import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-B4IdLYb8.js";
2
- import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-JaBafrnV.js";
1
+ import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-Du2x3YVu.js";
2
+ import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-DmsOywGg.js";
3
3
  function $d191a55c9702f145$export$8467354a121f1b9f(props) {
4
4
  let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
5
5
  id = $bdb11010cef70236$export$f680877a34711e37(id);
@@ -1,4 +1,4 @@
1
- import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-B4IdLYb8.js";
1
+ import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-Du2x3YVu.js";
2
2
  function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
3
3
  let { id, "aria-label": label, "aria-labelledby": labelledBy } = props;
4
4
  id = $bdb11010cef70236$export$f680877a34711e37(id);
@@ -1,4 +1,4 @@
1
- import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-CvRaua4m.js";
1
+ import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-Ctbzoj1E.js";
2
2
  import { useMemo, useCallback, useRef, useEffect } from "react";
3
3
  class $a02d57049d202695$export$d085fb9e920b5ca7 {
4
4
  *[Symbol.iterator]() {
@@ -1,4 +1,4 @@
1
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Bon2Gyx5.js";
1
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-kCEA3M_y.js";
2
2
  import { useMemo } from "react";
3
3
  const $5b160d28a433310d$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
4
4
  const $5b160d28a433310d$var$stringsSymbol = Symbol.for("react-aria.i18n.strings");
@@ -1,7 +1,7 @@
1
- import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-B4IdLYb8.js";
2
- import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CVIIVTgz.js";
3
- import { n as $8a26561d2877236e$export$c24ed0104d07eab9 } from "./SelectionManager-CvRaua4m.js";
4
- import { l as $628037886ba31236$export$f9d5c8beee7d008d } from "./Dialog-CGE2ficT.js";
1
+ import { e as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-Du2x3YVu.js";
2
+ import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-m03yY3xi.js";
3
+ import { n as $8a26561d2877236e$export$c24ed0104d07eab9 } from "./SelectionManager-Ctbzoj1E.js";
4
+ import { m as $628037886ba31236$export$f9d5c8beee7d008d } from "./Dialog-DSquJZb-.js";
5
5
  var $c0398ad35c3639b7$exports = {};
6
6
  $c0398ad35c3639b7$exports = {
7
7
  "longPressMessage": `اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة`
@@ -1,15 +1,15 @@
1
- import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-B4IdLYb8.js";
1
+ import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-Du2x3YVu.js";
2
2
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
3
- import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec, x as $c87311424ea30a05$export$186c6964ca17d99, v as $c87311424ea30a05$export$a11b0059900ceec8, j as $c87311424ea30a05$export$fedb369cb70207f1, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-PMGZgZ9-.js";
4
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BCPbwfnH.js";
3
+ import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec, x as $c87311424ea30a05$export$186c6964ca17d99, v as $c87311424ea30a05$export$a11b0059900ceec8, j as $c87311424ea30a05$export$fedb369cb70207f1, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-xMzk3syC.js";
4
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-fUHUaaR6.js";
5
5
  import { useCallback, useEffect, useRef, useMemo, useState } from "react";
6
- import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidationState-DC5jbhBW.js";
7
- import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-DDLT851Z.js";
8
- import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-CaS4qmLb.js";
9
- import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CVIIVTgz.js";
10
- import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BEeBSV-N.js";
6
+ import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidationState-DAan_XbC.js";
7
+ import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BY-3vfxa.js";
8
+ import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-BoNEjaXM.js";
9
+ import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-m03yY3xi.js";
10
+ import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-B-20GQ2u.js";
11
11
  import { a as $319e236875307eab$export$d10ae4f68404609a, $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./LiveAnnouncer-D8h-3GrG.js";
12
- import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-DS7-670U.js";
12
+ import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-D5Bit8i8.js";
13
13
  import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CHmNj-oR.js";
14
14
  import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-U_Gx0UDq.js";
15
15
  function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
@@ -1,4 +1,4 @@
1
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Bon2Gyx5.js";
1
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-kCEA3M_y.js";
2
2
  import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-U_Gx0UDq.js";
3
3
  import { useMemo } from "react";
4
4
  function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
@@ -1,7 +1,7 @@
1
- import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DS7-670U.js";
1
+ import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-D5Bit8i8.js";
2
2
  import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
3
- import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-B4IdLYb8.js";
4
- import { p as $c87311424ea30a05$export$b7d78993b74f766d, n as $c87311424ea30a05$export$9ac100e40613ea10, o as $c87311424ea30a05$export$78551043582a6a98, q as $c87311424ea30a05$export$7bef049ce92e4224, m as $7215afc6de606d6b$export$de79e2c695e052f3, r as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, s as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-PMGZgZ9-.js";
3
+ import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-Du2x3YVu.js";
4
+ import { p as $c87311424ea30a05$export$b7d78993b74f766d, n as $c87311424ea30a05$export$9ac100e40613ea10, o as $c87311424ea30a05$export$78551043582a6a98, q as $c87311424ea30a05$export$7bef049ce92e4224, m as $7215afc6de606d6b$export$de79e2c695e052f3, r as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, s as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-xMzk3syC.js";
5
5
  const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
6
6
  isNative: true,
7
7
  open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
@@ -55,17 +55,6 @@ function $ea8dcbcb9ea1b556$var$getSyntheticLink(target, open) {
55
55
  function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
56
56
  $ea8dcbcb9ea1b556$var$getSyntheticLink(target, (link) => $ea8dcbcb9ea1b556$export$95185d699e05d4d7(link, modifiers));
57
57
  }
58
- function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
59
- let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
60
- return {
61
- "data-href": props.href ? router.useHref(props.href) : void 0,
62
- "data-target": props.target,
63
- "data-rel": props.rel,
64
- "data-download": props.download,
65
- "data-ping": props.ping,
66
- "data-referrer-policy": props.referrerPolicy
67
- };
68
- }
69
58
  function $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props) {
70
59
  let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
71
60
  return {
@@ -652,6 +641,5 @@ export {
652
641
  $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 as a,
653
642
  $ea8dcbcb9ea1b556$export$9a302a45f65d0572 as b,
654
643
  $ea8dcbcb9ea1b556$export$95185d699e05d4d7 as c,
655
- $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 as d,
656
- $ae1eeba8b9eafd08$export$5165eccb35aaadb5 as e
644
+ $ae1eeba8b9eafd08$export$5165eccb35aaadb5 as d
657
645
  };
@@ -1,5 +1,5 @@
1
- import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-Csx05BmT.js";
2
- import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-PMGZgZ9-.js";
1
+ import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-GXSJsAgz.js";
2
+ import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-xMzk3syC.js";
3
3
  import { useMemo } from "react";
4
4
  function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
5
5
  var _props_defaultSelectedKey;
@@ -1,8 +1,8 @@
1
- import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B4IdLYb8.js";
1
+ import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Du2x3YVu.js";
2
2
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
3
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BCPbwfnH.js";
4
- import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-BFKHuYS9.js";
5
- import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CY8MpqYD.js";
3
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-fUHUaaR6.js";
4
+ import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-Bu2Ovohk.js";
5
+ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Cs8K7gKw.js";
6
6
  function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
7
7
  let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
8
8
  let onChange = (e) => {
@@ -1,4 +1,4 @@
1
- import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-PMGZgZ9-.js";
1
+ import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-xMzk3syC.js";
2
2
  function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
3
3
  let { isReadOnly } = props;
4
4
  let [isSelected, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);
@@ -1,6 +1,6 @@
1
1
  import { arrayMoveMultiple, fixIds } from "./array-helpers.js";
2
2
  import { camelCase, has, isEmpty, isEqual, isObject, isPlainObject, kebabCase, lowerFirst, pascalCase, snakeCase, upperFirst } from "./es-dash.js";
3
- import { truncate, truncateMiddle, unescapeHTML } from "./text-helpers.js";
3
+ import { truncate, truncateEnd, truncateMiddle, unescapeHTML } from "./text-helpers.js";
4
4
  import { debounce, throttle } from "./debounce-throttle.js";
5
5
  import { c } from "../lite-DVmmD_-j.js";
6
6
  export {
@@ -20,6 +20,7 @@ export {
20
20
  snakeCase,
21
21
  throttle,
22
22
  truncate,
23
+ truncateEnd,
23
24
  truncateMiddle,
24
25
  unescapeHTML,
25
26
  upperFirst
@@ -85,8 +85,46 @@ const truncate = (input, maxLength, separator = "...") => {
85
85
  const leftPart = input.slice(0, maxStringLength).trim();
86
86
  return `${leftPart}${separator}`;
87
87
  };
88
+ /**
89
+ * Slices the string at the end and inputs the provided separator so that the string is maxLength characters long.
90
+ *
91
+ * @param {string} input - String to slice.
92
+ * @param {number} maxLength - Maximum allowed string length.
93
+ * @param {string} [separator='...'] - Separator to insert.
94
+ *
95
+ * @access public
96
+ *
97
+ * @returns {string|Error} Truncated string or error if separator length exceeds maxLength.
98
+ *
99
+ * Usage:
100
+ * ```js
101
+ * truncateMiddle('https://eightshift.com/contact/', 22);
102
+ * ```
103
+ *
104
+ * Output:
105
+ * ```js
106
+ * "https://ei.../contact/"
107
+ *
108
+ * @preserve
109
+ */
110
+ const truncateEnd = (input, maxLength, separator = "...") => {
111
+ if (!input) {
112
+ return null;
113
+ }
114
+ if ((input == null ? void 0 : input.length) <= maxLength) {
115
+ return input;
116
+ }
117
+ if (separator.length + 1 > maxLength) {
118
+ throw new Error("Separator length exceeds the passed maximum length, string wouldn't be visible.");
119
+ }
120
+ const maxStringLength = maxLength - separator.length;
121
+ const leftPartLength = Math.ceil(maxStringLength);
122
+ const leftPart = input.slice(0, leftPartLength).trim();
123
+ return `${leftPart}${separator}`;
124
+ };
88
125
  export {
89
126
  truncate,
127
+ truncateEnd,
90
128
  truncateMiddle,
91
129
  unescapeHTML
92
130
  };
@@ -396,10 +396,10 @@ export {
396
396
  $b5e257d569688ac6$export$535bd6ca7f90a273 as d,
397
397
  $bdb11010cef70236$export$f680877a34711e37 as e,
398
398
  $8ae05eaa5c114e9c$export$7f54fc3180508a52 as f,
399
- $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as g,
400
- $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as h,
401
- $64fa3d84918910a7$export$ef03459518577ad4 as i,
402
- $64fa3d84918910a7$export$2881499e37b75b9a as j,
399
+ $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as g,
400
+ $64fa3d84918910a7$export$ef03459518577ad4 as h,
401
+ $64fa3d84918910a7$export$2881499e37b75b9a as i,
402
+ $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as j,
403
403
  $bdb11010cef70236$export$b4cc09c592e8fdb8 as k,
404
404
  $df56164dff5785e2$export$4338b53315abf666 as l,
405
405
  $5dc95899b306f630$export$c9058316764c140e as m,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eightshift/ui-components",
3
- "version": "1.4.6",
3
+ "version": "1.5.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -43,29 +43,30 @@
43
43
  "react": "^18.3.1",
44
44
  "react-dom": "^18.3.1",
45
45
  "react-jsx-parser": "^2.0.0",
46
- "svg-to-jsx-string": "^0.1.1"
46
+ "svg-to-jsx-string": "^0.1.1",
47
+ "swapy": "^0.2.1"
47
48
  },
48
49
  "devDependencies": {
49
- "@adobe/react-spectrum": "^3.36.1",
50
+ "@adobe/react-spectrum": "^3.36.3",
50
51
  "@dnd-kit/core": "^6.1.0",
51
52
  "@dnd-kit/modifiers": "^7.0.0",
52
53
  "@dnd-kit/sortable": "^8.0.0",
53
54
  "@dnd-kit/utilities": "^3.2.2",
54
55
  "@eslint/compat": "^1.1.1",
55
56
  "@react-stately/collections": "^3.10.9",
56
- "@stylistic/eslint-plugin-js": "^2.6.1",
57
+ "@stylistic/eslint-plugin-js": "^2.8.0",
57
58
  "@types/react": "^18.3.3",
58
59
  "@types/react-dom": "^18.3.0",
59
60
  "@vitejs/plugin-react-swc": "^3.7.0",
60
- "@wordpress/i18n": "^5.4.0",
61
+ "@wordpress/i18n": "^5.7.0",
61
62
  "autoprefixer": "^10.4.20",
62
63
  "clsx": "^2.1.1",
63
64
  "css-gradient-parser": "^0.0.16",
64
- "eslint": "^9.8.0",
65
+ "eslint": "^9.10.0",
65
66
  "eslint-config-prettier": "^9.1.0",
66
- "eslint-plugin-jsdoc": "^50.0.0",
67
+ "eslint-plugin-jsdoc": "^50.2.2",
67
68
  "eslint-plugin-prettier": "^5.2.1",
68
- "framer-motion": "^11.3.22",
69
+ "framer-motion": "^11.5.4",
69
70
  "glob": "^11.0.0",
70
71
  "globals": "^15.9.0",
71
72
  "just-camel-case": "^6.2.0",
@@ -74,19 +75,19 @@
74
75
  "just-is-empty": "^3.4.1",
75
76
  "just-kebab-case": "^4.2.0",
76
77
  "just-throttle": "^4.2.0",
77
- "lightningcss": "^1.26.0",
78
- "postcss": "^8.4.41",
78
+ "lightningcss": "^1.27.0",
79
+ "postcss": "^8.4.45",
79
80
  "prettier": "^3.3.3",
80
- "prettier-plugin-tailwindcss": "^0.6.5",
81
- "react-aria": "^3.34.1",
82
- "react-aria-components": "^1.3.1",
81
+ "prettier-plugin-tailwindcss": "^0.6.6",
82
+ "react-aria": "^3.34.3",
83
+ "react-aria-components": "^1.3.3",
83
84
  "react-select": "^5.8.0",
84
- "react-stately": "^3.32.1",
85
- "tailwindcss": "^3.4.7",
85
+ "react-stately": "^3.32.2",
86
+ "tailwindcss": "^3.4.10",
86
87
  "tailwindcss-animate": "^1.0.7",
87
- "tailwindcss-react-aria-components": "^1.1.4",
88
- "tailwindcss-scoped-preflight": "^3.4.3",
89
- "vite": "^5.3.5",
88
+ "tailwindcss-react-aria-components": "^1.1.5",
89
+ "tailwindcss-scoped-preflight": "^3.4.4",
90
+ "vite": "^5.4.4",
90
91
  "vite-plugin-lib-inject-css": "^2.1.1"
91
92
  },
92
93
  "scripts": {