@eightshift/ui-components 6.1.1 → 6.3.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 (73) hide show
  1. package/dist/{Button-CFnNdpNZ.js → Button-DtRmB6b8.js} +7 -6
  2. package/dist/{Dialog-D0jMcN-a.js → Dialog-DTIxSDhz.js} +115 -52
  3. package/dist/{FocusScope-BJhC1-1e.js → FocusScope-CjFQ7cbd.js} +16 -16
  4. package/dist/{Hidden-Rfj-STx7.js → Hidden-DOH36apC.js} +23 -6
  5. package/dist/{Input-B4X6-x6r.js → Input-BG9DaxYN.js} +6 -6
  6. package/dist/{Label-BDlf9vIY.js → Label-_aSf9-8u.js} +1 -1
  7. package/dist/{ListBox-BaN0n5h3.js → ListBox-DXFyyj_r.js} +15 -12
  8. package/dist/{OverlayArrow-Dy0qw7WL.js → OverlayArrow-Fuxj-1QM.js} +27 -9
  9. package/dist/{RadioGroup-CjCAbUr4.js → RadioGroup-DCeiLxLK.js} +9 -9
  10. package/dist/{SearchField-CafsA525.js → SearchField-B_yKFXRk.js} +11 -11
  11. package/dist/{SelectionManager-oojq6MOy.js → SelectionManager-B02LcxLr.js} +143 -96
  12. package/dist/{Slider-BIbaMdUE.js → Slider-bR3fAmim.js} +7 -7
  13. package/dist/{VisuallyHidden-CqnizvzQ.js → VisuallyHidden-DZnWrkn8.js} +1 -1
  14. package/dist/assets/style-admin.css +637 -327
  15. package/dist/assets/style-editor.css +637 -327
  16. package/dist/assets/style.css +637 -327
  17. package/dist/assets/wp-overrides/allow-full-width-blocks.css +1 -1
  18. package/dist/assets/wp-overrides/fix-label-text-case.css +1 -1
  19. package/dist/assets/wp-overrides/increase-sidebar-width.css +1 -1
  20. package/dist/assets/wp-overrides/make-block-messages-nicer.css +7 -7
  21. package/dist/assets/wp-overrides/replace-fonts.css +5 -5
  22. package/dist/assets/wp-overrides/restyle-tooltips.css +3 -3
  23. package/dist/assets/wp-overrides/round-corners.css +1 -1
  24. package/dist/assets/wp-overrides/unify-button-sizes.css +1 -1
  25. package/dist/components/base-control/base-control.js +1 -1
  26. package/dist/components/base-control/container.js +1 -1
  27. package/dist/components/button/button.js +12 -9
  28. package/dist/components/checkbox/checkbox.js +10 -10
  29. package/dist/components/color-pickers/solid-color-picker.js +10 -10
  30. package/dist/components/expandable/expandable.js +5 -5
  31. package/dist/components/input-field/input-field.js +6 -9
  32. package/dist/components/link-input/link-input.js +191 -68
  33. package/dist/components/matrix-align/matrix-align.js +1 -1
  34. package/dist/components/menu/menu.js +5 -5
  35. package/dist/components/modal/modal.js +11 -8
  36. package/dist/components/notice/notice.js +3 -3
  37. package/dist/components/number-picker/number-picker.js +7 -7
  38. package/dist/components/options-panel/options-panel.js +6 -6
  39. package/dist/components/popover/popover.js +8 -7
  40. package/dist/components/radio/radio.js +2 -2
  41. package/dist/components/responsive/mini-responsive.js +81 -70
  42. package/dist/components/responsive/responsive.js +24 -40
  43. package/dist/components/responsive-preview/responsive-preview.js +1 -1
  44. package/dist/components/rich-label/rich-label.js +11 -5
  45. package/dist/components/select/async-multi-select.js +89 -47
  46. package/dist/components/select/async-select.js +90 -47
  47. package/dist/components/select/multi-select.js +161 -117
  48. package/dist/components/select/shared.js +5 -4
  49. package/dist/components/select/single-select.js +159 -115
  50. package/dist/components/slider/column-config-slider.js +3 -3
  51. package/dist/components/slider/slider.js +3 -3
  52. package/dist/components/tabs/tabs.js +39 -8
  53. package/dist/components/toggle/switch.js +5 -5
  54. package/dist/components/toggle/toggle.js +1 -1
  55. package/dist/components/toggle-button/toggle-button.js +6 -6
  56. package/dist/components/tooltip/tooltip.js +11 -9
  57. package/dist/{proxy-DFlYXk07.js → proxy-CNEXmkdK.js} +205 -137
  58. package/dist/{shared-CMLCUova.js → shared-CNH8QfV9.js} +50 -15
  59. package/dist/{textSelection-CeoEP4rL.js → textSelection-DA3VcKpG.js} +1 -1
  60. package/dist/{useButton-5YL_nmpZ.js → useButton-DyMX0EVr.js} +2 -2
  61. package/dist/{useEvent-Zze2g7CX.js → useEvent-Bfy68GHZ.js} +1 -1
  62. package/dist/{useFilter-8S94U4xM.js → useFilter-Bg5C34XC.js} +1 -1
  63. package/dist/{useFocusRing-rUOwLdTK.js → useFocusRing-B2glEZ25.js} +9 -7
  64. package/dist/{useFormReset-BxtOoO5Q.js → useFormReset-BoxsKyJ9.js} +1 -1
  65. package/dist/{useFormValidation-DTmPrTD8.js → useFormValidation-BrbMhS2N.js} +4 -3
  66. package/dist/{useHover-CmyvqeWX.js → useHover-DkmPQdGE.js} +76 -58
  67. package/dist/{useListState-B22CApJO.js → useListState-BjnzKozj.js} +3 -3
  68. package/dist/{useNumberField-CTkI-U9a.js → useNumberField-CsygZKz9.js} +45 -15
  69. package/dist/{usePress-CNefMs8d.js → usePress-Ck5xMtDr.js} +21 -21
  70. package/dist/{useToggle-CFFOmZWi.js → useToggle-Ddc7N8pR.js} +4 -4
  71. package/dist/{useToggleState-BWrKKisg.js → useToggleState-H_lORSWO.js} +1 -1
  72. package/package.json +22 -21
  73. package/dist/useSingleSelectListState-CDZGQDLC.js +0 -38
@@ -1,17 +1,18 @@
1
- import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, O as $c87311424ea30a05$export$186c6964ca17d99, s as $c87311424ea30a05$export$a11b0059900ceec8, c as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-CmyvqeWX.js";
1
+ import { c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, P as $c87311424ea30a05$export$186c6964ca17d99, s as $c87311424ea30a05$export$a11b0059900ceec8, d as $c87311424ea30a05$export$fedb369cb70207f1, j as $d4ee10de306f2510$export$cd4e5573fbe2b576 } from "./useHover-DkmPQdGE.js";
2
2
  import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
3
- import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-DTmPrTD8.js";
3
+ import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-BrbMhS2N.js";
4
4
  import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
5
5
  import { useCallback, useEffect, useRef, useState, useMemo } from "react";
6
+ import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-DtRmB6b8.js";
6
7
  import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, o as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-Cr3pLd9c.js";
7
8
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
8
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BxtOoO5Q.js";
9
- import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-rUOwLdTK.js";
10
- import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-Zze2g7CX.js";
11
- import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-B4X6-x6r.js";
9
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BoxsKyJ9.js";
10
+ import { r as reactDomExports } from "./index-BL5gdWX4.js";
11
+ import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-B2glEZ25.js";
12
+ import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-Bfy68GHZ.js";
13
+ import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-BG9DaxYN.js";
12
14
  import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CEDs0LsA.js";
13
15
  import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CG_IQXp9.js";
14
- import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-CFnNdpNZ.js";
15
16
  const $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
16
17
  const $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
17
18
  "latn",
@@ -294,7 +295,7 @@ function $d841c8010a73d545$export$4f384c9210e583c3(props, state, inputRef) {
294
295
  inputRef
295
296
  ]);
296
297
  let onBeforeInput = !$d841c8010a73d545$var$supportsNativeBeforeInputEvent() ? (e) => {
297
- let nextValue = e.target.value.slice(0, e.target.selectionStart) + e.data + e.target.value.slice(e.target.selectionEnd);
298
+ let nextValue = $d4ee10de306f2510$export$e58f029f0fbfdb29(e).value.slice(0, $d4ee10de306f2510$export$e58f029f0fbfdb29(e).selectionStart) + e.data + $d4ee10de306f2510$export$e58f029f0fbfdb29(e).value.slice($d4ee10de306f2510$export$e58f029f0fbfdb29(e).selectionEnd);
298
299
  if (!state.validate(nextValue)) e.preventDefault();
299
300
  } : null;
300
301
  let { labelProps, inputProps: textFieldProps, descriptionProps, errorMessageProps, ...validation } = $2d73ec29415bd339$export$712718f7aec83d5(props, inputRef);
@@ -380,19 +381,22 @@ function $de67e98908f0c6ee$export$7f629e9dc1ecf37c(props) {
380
381
  numberParser,
381
382
  inputValue
382
383
  ]);
383
- let commit = () => {
384
- if (!inputValue.length) {
384
+ let commit = (overrideValue) => {
385
+ let newInputValue = overrideValue === void 0 ? inputValue : overrideValue;
386
+ let newParsedValue = parsedValue;
387
+ if (overrideValue !== void 0) newParsedValue = numberParser.parse(newInputValue);
388
+ if (!newInputValue.length) {
385
389
  setNumberValue(NaN);
386
390
  setInputValue(value === void 0 ? "" : format(numberValue));
387
391
  return;
388
392
  }
389
- if (isNaN(parsedValue)) {
393
+ if (isNaN(newParsedValue)) {
390
394
  setInputValue(format(numberValue));
391
395
  return;
392
396
  }
393
397
  let clampedValue;
394
- if (step === void 0 || isNaN(step)) clampedValue = $9446cca9a3875146$export$7d15b64cf5a3a4c4(parsedValue, minValue, maxValue);
395
- else clampedValue = $9446cca9a3875146$export$cb6e0bb50bc19463(parsedValue, minValue, maxValue, step);
398
+ if (step === void 0 || isNaN(step)) clampedValue = $9446cca9a3875146$export$7d15b64cf5a3a4c4(newParsedValue, minValue, maxValue);
399
+ else clampedValue = $9446cca9a3875146$export$cb6e0bb50bc19463(newParsedValue, minValue, maxValue, step);
396
400
  clampedValue = numberParser.parse(format(clampedValue));
397
401
  setNumberValue(clampedValue);
398
402
  setInputValue(format(value === void 0 ? clampedValue : numberValue));
@@ -1114,10 +1118,23 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
1114
1118
  }, onFocus, onFocusChange, onKeyDown, onKeyUp, description, errorMessage, isWheelDisabled, ...otherProps } = props;
1115
1119
  let { increment, incrementToMax, decrement, decrementToMin, numberValue, inputValue, commit, commitValidation } = state;
1116
1120
  const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($280a227d7cb94b92$exports), "@react-aria/numberfield");
1121
+ let commitAndAnnounce = useCallback(() => {
1122
+ var _inputRef_current, _inputRef_current1, _inputRef_current2;
1123
+ var _inputRef_current_value;
1124
+ let oldValue = (_inputRef_current_value = (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.value) !== null && _inputRef_current_value !== void 0 ? _inputRef_current_value : "";
1125
+ reactDomExports.flushSync(() => {
1126
+ commit();
1127
+ });
1128
+ var _inputRef_current_value1;
1129
+ if (((_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.value) !== oldValue) $319e236875307eab$export$a9b970dcc4ae71a9((_inputRef_current_value1 = (_inputRef_current2 = inputRef.current) === null || _inputRef_current2 === void 0 ? void 0 : _inputRef_current2.value) !== null && _inputRef_current_value1 !== void 0 ? _inputRef_current_value1 : "", "assertive");
1130
+ }, [
1131
+ commit,
1132
+ inputRef
1133
+ ]);
1117
1134
  let inputId = $bdb11010cef70236$export$f680877a34711e37(id);
1118
1135
  let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
1119
1136
  onBlur() {
1120
- commit();
1137
+ commitAndAnnounce();
1121
1138
  }
1122
1139
  });
1123
1140
  let numberFormatter = $a916eb452884faea$export$b7a616150fdb9f44(formatOptions);
@@ -1177,6 +1194,18 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
1177
1194
  let onChange = (value) => {
1178
1195
  if (state.validate(value)) state.setInputValue(value);
1179
1196
  };
1197
+ let onPaste = (e) => {
1198
+ var _props_onPaste;
1199
+ (_props_onPaste = props.onPaste) === null || _props_onPaste === void 0 ? void 0 : _props_onPaste.call(props, e);
1200
+ let inputElement = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
1201
+ var _inputElement_selectionEnd, _inputElement_selectionStart;
1202
+ if (inputElement && ((_inputElement_selectionEnd = inputElement.selectionEnd) !== null && _inputElement_selectionEnd !== void 0 ? _inputElement_selectionEnd : -1) - ((_inputElement_selectionStart = inputElement.selectionStart) !== null && _inputElement_selectionStart !== void 0 ? _inputElement_selectionStart : 0) === inputElement.value.length) {
1203
+ var _e_clipboardData_getData, _e_clipboardData_getData1, _e_clipboardData;
1204
+ e.preventDefault();
1205
+ var _e_clipboardData_getData_trim;
1206
+ commit((_e_clipboardData_getData_trim = (_e_clipboardData = e.clipboardData) === null || _e_clipboardData === void 0 ? void 0 : (_e_clipboardData_getData1 = _e_clipboardData.getData) === null || _e_clipboardData_getData1 === void 0 ? void 0 : (_e_clipboardData_getData = _e_clipboardData_getData1.call(_e_clipboardData, "text/plain")) === null || _e_clipboardData_getData === void 0 ? void 0 : _e_clipboardData_getData.trim()) !== null && _e_clipboardData_getData_trim !== void 0 ? _e_clipboardData_getData_trim : "");
1207
+ }
1208
+ };
1180
1209
  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
1181
1210
  let onKeyDownEnter = useCallback((e) => {
1182
1211
  if (e.nativeEvent.isComposing) return;
@@ -1219,6 +1248,7 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
1219
1248
  onKeyDown
1220
1249
  ]),
1221
1250
  onKeyUp,
1251
+ onPaste,
1222
1252
  description,
1223
1253
  errorMessage
1224
1254
  }, state, inputRef);
@@ -1238,7 +1268,7 @@ function $81397a9303501bda$export$23f548e970bdf099(props, state, inputRef) {
1238
1268
  if (props.validationBehavior === "native") inputProps["aria-required"] = void 0;
1239
1269
  let onButtonPressStart = (e) => {
1240
1270
  var _inputRef_current;
1241
- if (document.activeElement === inputRef.current) return;
1271
+ if ($d4ee10de306f2510$export$cd4e5573fbe2b576() === inputRef.current) return;
1242
1272
  if (e.pointerType === "mouse") (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
1243
1273
  else e.target.focus();
1244
1274
  };
@@ -1,5 +1,5 @@
1
- import { f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, d as $431fbd86ca7dc216$export$b204af158042fbac, y as $431fbd86ca7dc216$export$f21a1ffae260145a, g as $d4ee10de306f2510$export$4282f70798064fe0, j as $d4ee10de306f2510$export$e58f029f0fbfdb29, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, G as $8a9cb279dc87e130$export$cabe61c495ee3649, H as $6a7db85432448f7f$export$60278871457622de, I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, J as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, A as $7215afc6de606d6b$export$de79e2c695e052f3, D as $c87311424ea30a05$export$9ac100e40613ea10 } from "./useHover-CmyvqeWX.js";
2
- import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-CeoEP4rL.js";
1
+ import { g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, c as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, e as $431fbd86ca7dc216$export$b204af158042fbac, w as $431fbd86ca7dc216$export$f21a1ffae260145a, h as $d4ee10de306f2510$export$4282f70798064fe0, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, G as $6a7db85432448f7f$export$29bf1b5f2c56cf63, H as $8a9cb279dc87e130$export$cabe61c495ee3649, I as $6a7db85432448f7f$export$60278871457622de, J as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, K as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, A as $7215afc6de606d6b$export$de79e2c695e052f3, E as $c87311424ea30a05$export$9ac100e40613ea10 } from "./useHover-DkmPQdGE.js";
2
+ import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DA3VcKpG.js";
3
3
  import $dbSRa$react__default, { useState, useRef, useCallback, useMemo, useEffect, useContext } from "react";
4
4
  import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, o as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
5
5
  import { r as reactDomExports } from "./index-BL5gdWX4.js";
@@ -233,7 +233,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
233
233
  var _state_metaKeyEvents1;
234
234
  if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
235
235
  let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
236
- let wasPressed = $d4ee10de306f2510$export$4282f70798064fe0(state.target, $d4ee10de306f2510$export$e58f029f0fbfdb29(e));
236
+ let wasPressed = $d4ee10de306f2510$export$4282f70798064fe0(state.target, target);
237
237
  triggerPressEndEvent($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", wasPressed);
238
238
  if (wasPressed) triggerSyntheticClickEvent(e, state.target);
239
239
  removeAllGlobalListeners();
@@ -284,7 +284,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
284
284
  }
285
285
  }
286
286
  }, 80);
287
- addGlobalListener(e.currentTarget, "click", () => clicked = true, true);
287
+ if (e.currentTarget) addGlobalListener(e.currentTarget, "click", () => clicked = true, true);
288
288
  state.disposables.push(() => clearTimeout(timeout));
289
289
  } else cancelEvent(e);
290
290
  state.isOverTarget = false;
@@ -338,9 +338,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
338
338
  let state = ref.current;
339
339
  let pressProps2 = {
340
340
  onKeyDown(e) {
341
- if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && $d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) {
341
+ if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && $d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) {
342
342
  var _state_metaKeyEvents;
343
- if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent), e.key)) e.preventDefault();
343
+ if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
344
344
  let shouldStopPropagation = true;
345
345
  if (!state.isPressed && !e.repeat) {
346
346
  state.target = e.currentTarget;
@@ -354,7 +354,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
354
354
  } else if (e.key === "Meta") state.metaKeyEvents = /* @__PURE__ */ new Map();
355
355
  },
356
356
  onClick(e) {
357
- if (e && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
357
+ if (e && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
358
358
  if (e && e.button === 0 && !state.isTriggeringEvent && !$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening) {
359
359
  let shouldStopPropagation = true;
360
360
  if (isDisabled) e.preventDefault();
@@ -380,7 +380,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
380
380
  };
381
381
  if (typeof PointerEvent !== "undefined") {
382
382
  pressProps2.onPointerDown = (e) => {
383
- if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
383
+ if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
384
384
  if ($6a7db85432448f7f$export$29bf1b5f2c56cf63(e.nativeEvent)) {
385
385
  state.pointerType = "virtual";
386
386
  return;
@@ -395,7 +395,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
395
395
  state.target = e.currentTarget;
396
396
  if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
397
397
  shouldStopPropagation = triggerPressStart(e, state.pointerType);
398
- let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent);
398
+ let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
399
399
  if ("releasePointerCapture" in target) {
400
400
  if ("hasPointerCapture" in target) {
401
401
  if (target.hasPointerCapture(e.pointerId)) target.releasePointerCapture(e.pointerId);
@@ -405,7 +405,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
405
405
  if (shouldStopPropagation) e.stopPropagation();
406
406
  };
407
407
  pressProps2.onMouseDown = (e) => {
408
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
408
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
409
409
  if (e.button === 0) {
410
410
  if (preventFocusOnPress) {
411
411
  let dispose = $8a9cb279dc87e130$export$cabe61c495ee3649(e.target);
@@ -415,7 +415,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
415
415
  }
416
416
  };
417
417
  pressProps2.onPointerUp = (e) => {
418
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) || state.pointerType === "virtual") return;
418
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)) || state.pointerType === "virtual") return;
419
419
  if (e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || e.pointerType);
420
420
  };
421
421
  pressProps2.onPointerEnter = (e) => {
@@ -432,12 +432,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
432
432
  }
433
433
  };
434
434
  pressProps2.onDragStart = (e) => {
435
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
435
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
436
436
  cancel(e);
437
437
  };
438
438
  } else if (process.env.NODE_ENV === "test") {
439
439
  pressProps2.onMouseDown = (e) => {
440
- if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
440
+ if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
441
441
  if (state.ignoreEmulatedMouseEvents) {
442
442
  e.stopPropagation();
443
443
  return;
@@ -455,7 +455,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
455
455
  }
456
456
  };
457
457
  pressProps2.onMouseEnter = (e) => {
458
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
458
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
459
459
  let shouldStopPropagation = true;
460
460
  if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
461
461
  state.isOverTarget = true;
@@ -464,7 +464,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
464
464
  if (shouldStopPropagation) e.stopPropagation();
465
465
  };
466
466
  pressProps2.onMouseLeave = (e) => {
467
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
467
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
468
468
  let shouldStopPropagation = true;
469
469
  if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
470
470
  state.isOverTarget = false;
@@ -474,11 +474,11 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
474
474
  if (shouldStopPropagation) e.stopPropagation();
475
475
  };
476
476
  pressProps2.onMouseUp = (e) => {
477
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
477
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
478
478
  if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || "mouse");
479
479
  };
480
480
  pressProps2.onTouchStart = (e) => {
481
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
481
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
482
482
  let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
483
483
  if (!touch) return;
484
484
  state.activePointerId = touch.identifier;
@@ -493,7 +493,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
493
493
  if (shouldStopPropagation) e.stopPropagation();
494
494
  };
495
495
  pressProps2.onTouchMove = (e) => {
496
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
496
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
497
497
  if (!state.isPressed) {
498
498
  e.stopPropagation();
499
499
  return;
@@ -513,7 +513,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
513
513
  if (shouldStopPropagation) e.stopPropagation();
514
514
  };
515
515
  pressProps2.onTouchEnd = (e) => {
516
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
516
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
517
517
  if (!state.isPressed) {
518
518
  e.stopPropagation();
519
519
  return;
@@ -535,12 +535,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
535
535
  removeAllGlobalListeners();
536
536
  };
537
537
  pressProps2.onTouchCancel = (e) => {
538
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
538
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
539
539
  e.stopPropagation();
540
540
  if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
541
541
  };
542
542
  pressProps2.onDragStart = (e) => {
543
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
543
+ if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
544
544
  cancel(e);
545
545
  };
546
546
  }
@@ -1,13 +1,13 @@
1
+ import { $ as $f645667febf57a63$export$4c014de7c8940b4c, b as $d4ee10de306f2510$export$e58f029f0fbfdb29 } from "./useHover-DkmPQdGE.js";
1
2
  import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
2
3
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
3
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BxtOoO5Q.js";
4
- import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CNefMs8d.js";
5
- import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-CmyvqeWX.js";
4
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BoxsKyJ9.js";
5
+ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Ck5xMtDr.js";
6
6
  function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
7
7
  let { isDisabled = false, isReadOnly = false, value, name, form, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
8
8
  let onChange = (e) => {
9
9
  e.stopPropagation();
10
- state.setSelected(e.target.checked);
10
+ state.setSelected($d4ee10de306f2510$export$e58f029f0fbfdb29(e).checked);
11
11
  };
12
12
  let hasChildren = children != null;
13
13
  let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
@@ -1,4 +1,4 @@
1
- import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CmyvqeWX.js";
1
+ import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DkmPQdGE.js";
2
2
  import { useState } from "react";
3
3
  function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
4
4
  let { isReadOnly } = props;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eightshift/ui-components",
3
- "version": "6.1.1",
3
+ "version": "6.3.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -48,33 +48,33 @@
48
48
  "react-dom": "^18.3.1"
49
49
  },
50
50
  "devDependencies": {
51
- "@adobe/react-spectrum": "^3.46.1",
51
+ "@adobe/react-spectrum": "^3.46.2",
52
52
  "@atom-universe/use-web-worker": "^2.2.1",
53
53
  "@dnd-kit/abstract": "^0.2.4",
54
54
  "@dnd-kit/dom": "^0.2.4",
55
55
  "@dnd-kit/helpers": "^0.2.4",
56
56
  "@dnd-kit/react": "^0.2.4",
57
- "@eslint/compat": "^2.0.2",
58
- "@react-stately/collections": "^3.12.9",
57
+ "@eslint/compat": "^2.0.3",
58
+ "@react-stately/collections": "^3.12.10",
59
59
  "@stylistic/eslint-plugin-js": "^4.4.1",
60
- "@tailwindcss/vite": "^4.1.18",
61
- "@thi.ng/color": "^5.8.9",
62
- "@thi.ng/pixel": "^7.5.22",
63
- "@thi.ng/pixel-analysis": "^2.0.24",
64
- "@thi.ng/pixel-dominant-colors": "^2.0.28",
60
+ "@tailwindcss/vite": "^4.2.1",
61
+ "@thi.ng/color": "^5.8.16",
62
+ "@thi.ng/pixel": "^7.5.25",
63
+ "@thi.ng/pixel-analysis": "^2.0.31",
64
+ "@thi.ng/pixel-dominant-colors": "^2.0.34",
65
65
  "@types/react": "^18.3.28",
66
66
  "@types/react-dom": "^18.3.7",
67
67
  "@vitejs/plugin-react-swc": "^4.2.3",
68
- "@wordpress/i18n": "^6.12.0",
69
- "autoprefixer": "^10.4.24",
68
+ "@wordpress/i18n": "^6.14.0",
69
+ "autoprefixer": "^10.4.27",
70
70
  "class-variance-authority": "^0.7.1",
71
71
  "clsx": "^2.1.1",
72
72
  "css-gradient-parser": "^0.0.18",
73
- "eslint": "^9.39.2",
73
+ "eslint": "^9.39.4",
74
74
  "eslint-config-prettier": "^10.1.8",
75
75
  "eslint-plugin-jsdoc": "^61.7.1",
76
76
  "eslint-plugin-prettier": "^5.5.5",
77
- "glob": "^13.0.1",
77
+ "glob": "^13.0.6",
78
78
  "globals": "^16.5.0",
79
79
  "just-camel-case": "^6.2.0",
80
80
  "just-debounce-it": "^3.2.0",
@@ -82,27 +82,28 @@
82
82
  "just-is-empty": "^3.4.1",
83
83
  "just-kebab-case": "^4.2.0",
84
84
  "just-throttle": "^4.2.0",
85
- "lightningcss": "^1.31.1",
86
- "postcss": "^8.5.6",
85
+ "lightningcss": "^1.32.0",
86
+ "postcss": "^8.5.8",
87
87
  "prettier": "^3.8.1",
88
88
  "prettier-plugin-tailwindcss": "^0.7.2",
89
89
  "react": "^18.3.1",
90
- "react-aria": "^3.46.0",
91
- "react-aria-components": "^1.15.0",
90
+ "react-aria": "^3.47.0",
91
+ "react-aria-components": "^1.16.0",
92
92
  "react-dom": "^18.3.1",
93
93
  "react-jsx-parser": "^2.4.1",
94
94
  "react-movable": "^3.4.1",
95
- "react-stately": "^3.44.0",
95
+ "react-stately": "^3.45.0",
96
96
  "svg-to-jsx-string": "^0.1.1",
97
- "tailwindcss": "^4.1.18",
97
+ "tailwindcss": "^4.2.1",
98
98
  "tailwindcss-motion": "^1.1.1",
99
99
  "tailwindcss-react-aria-components": "^2.0.1",
100
100
  "vite": "^7.3.1",
101
101
  "vite-plugin-lib-inject-css": "^2.2.2"
102
102
  },
103
103
  "dependencies": {
104
+ "@fontsource-variable/geist": "^5.2.8",
104
105
  "@fontsource-variable/geist-mono": "^5.2.7",
105
- "@fontsource-variable/roboto-flex": "^5.2.8",
106
- "motion": "^12.31.2"
106
+ "@fontsource-variable/google-sans-flex": "^5.2.1",
107
+ "motion": "^12.35.2"
107
108
  }
108
109
  }
@@ -1,38 +0,0 @@
1
- import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-B22CApJO.js";
2
- import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CmyvqeWX.js";
3
- import { useMemo } from "react";
4
- function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
5
- var _props_defaultSelectedKey;
6
- let [selectedKey, setSelectedKey] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null, props.onSelectionChange);
7
- let selectedKeys = useMemo(() => selectedKey != null ? [
8
- selectedKey
9
- ] : [], [
10
- selectedKey
11
- ]);
12
- let { collection, disabledKeys, selectionManager } = $e72dd72e1c76a225$export$2f645645f7bca764({
13
- ...props,
14
- selectionMode: "single",
15
- disallowEmptySelection: true,
16
- allowDuplicateSelectionEvents: true,
17
- selectedKeys,
18
- onSelectionChange: (keys) => {
19
- if (keys === "all") return;
20
- var _keys_values_next_value;
21
- let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
22
- if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
23
- setSelectedKey(key);
24
- }
25
- });
26
- let selectedItem = selectedKey != null ? collection.getItem(selectedKey) : null;
27
- return {
28
- collection,
29
- disabledKeys,
30
- selectionManager,
31
- selectedKey,
32
- setSelectedKey,
33
- selectedItem
34
- };
35
- }
36
- export {
37
- $a0d645289fe9b86b$export$e7f05e985daf4b5f as $
38
- };