@eightshift/ui-components 1.8.0 → 1.9.1

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 (83) hide show
  1. package/dist/{Button-Xa6Ny0p_.js → Button-BEIi9mB_.js} +5 -5
  2. package/dist/{Color-VsesNqCf.js → Color-CZxTZUqH.js} +1 -1
  3. package/dist/{ColorSwatch-xOFAZO_h.js → ColorSwatch-Iijp9hzP.js} +4 -4
  4. package/dist/{ComboBox-CP_SqnqT.js → ComboBox-DVPU5XzU.js} +19 -19
  5. package/dist/{Dialog-jcIYer1n.js → Dialog-17uxPRe5.js} +16 -16
  6. package/dist/{FieldError-BPe3YgNH.js → FieldError-huHsqqMP.js} +2 -2
  7. package/dist/{FocusScope-uV-xoRHT.js → FocusScope-7r2_SUa9.js} +5 -5
  8. package/dist/{Group-Bvmb49y7.js → Group-k_oyd3Te.js} +3 -3
  9. package/dist/{Heading-Bfhyr4ZC.js → Heading-DRBzKYHb.js} +1 -1
  10. package/dist/{Hidden-7ZhNuLM9.js → Hidden-5cXbU70C.js} +1 -1
  11. package/dist/{Input-C2dTSp9z.js → Input-DCmTv_Qw.js} +8 -8
  12. package/dist/{Label-DqNX_sAU.js → Label-D8G0GMsc.js} +2 -2
  13. package/dist/{ListBox-B9r1QoSm.js → ListBox-BxZwDp9o.js} +11 -11
  14. package/dist/{OverlayArrow-ClRhYjQu.js → OverlayArrow-Dca2JXYU.js} +3 -3
  15. package/dist/{Select-aab027f3.esm-B8nEum75.js → Select-aab027f3.esm-OvJ8lZs8.js} +1 -1
  16. package/dist/{SelectionManager-DP537Pbu.js → SelectionManager-DGbP8Ntl.js} +108 -159
  17. package/dist/{Separator-Dmxzf3m_.js → Separator-B_VdRHCf.js} +3 -3
  18. package/dist/{Slider-BgHBCyI7.js → Slider-CgEZmlNY.js} +11 -11
  19. package/dist/{Text-DImhB4rT.js → Text-Cld9rkzJ.js} +1 -1
  20. package/dist/{VisuallyHidden-wryJF4qQ.js → VisuallyHidden-D0lsNfi4.js} +2 -2
  21. package/dist/assets/style.css +1 -1
  22. package/dist/components/animated-visibility/animated-visibility.js +67 -7273
  23. package/dist/components/base-control/base-control.js +1 -1
  24. package/dist/components/button/button.js +4 -4
  25. package/dist/components/checkbox/checkbox.js +11 -10
  26. package/dist/components/color-pickers/color-swatch.js +2 -2
  27. package/dist/components/color-pickers/gradient-editor.js +1 -1
  28. package/dist/components/color-pickers/solid-color-picker.js +18 -18
  29. package/dist/components/container-panel/container-panel.js +6 -4
  30. package/dist/components/expandable/expandable.js +220 -25
  31. package/dist/components/input-field/input-field.js +7 -7
  32. package/dist/components/link-input/link-input.js +7 -7
  33. package/dist/components/list-box/list-box.js +1 -1
  34. package/dist/components/menu/menu.js +3 -3
  35. package/dist/components/modal/modal.js +4 -4
  36. package/dist/components/number-picker/number-picker.js +9 -9
  37. package/dist/components/options-panel/options-panel.js +1 -1
  38. package/dist/components/popover/popover.js +1 -1
  39. package/dist/components/radio/radio.js +13 -13
  40. package/dist/components/responsive/mini-responsive.js +1 -1
  41. package/dist/components/select/async-multi-select.js +3 -3
  42. package/dist/components/select/async-single-select.js +2 -2
  43. package/dist/components/select/custom-select-default-components.js +1 -1
  44. package/dist/components/select/multi-select-components.js +1 -1
  45. package/dist/components/select/multi-select.js +3 -3
  46. package/dist/components/select/react-select-component-wrappers.js +1 -1
  47. package/dist/components/select/single-select.js +2 -2
  48. package/dist/components/select/v2/async-select.js +8 -8
  49. package/dist/components/select/v2/shared.js +2 -2
  50. package/dist/components/select/v2/single-select.js +17 -17
  51. package/dist/components/slider/column-config-slider.js +2 -2
  52. package/dist/components/slider/slider.js +3 -3
  53. package/dist/components/tabs/tabs.js +10 -10
  54. package/dist/components/toggle/switch.js +6 -6
  55. package/dist/components/toggle/toggle.js +1 -1
  56. package/dist/components/toggle-button/toggle-button.js +5 -5
  57. package/dist/components/tooltip/tooltip.js +4 -4
  58. package/dist/{context-BI3VdU0Z.js → context-DtrQ3I5U.js} +1 -1
  59. package/dist/{focusSafely-Cl9cN7Qx.js → focusSafely-ChK5oW-0.js} +1 -1
  60. package/dist/icons/icons.js +112 -0
  61. package/dist/{index-641ee5b8.esm-BclOH4xf.js → index-641ee5b8.esm-DRaWil7u.js} +61 -46
  62. package/dist/{multi-select-components-BGQBvx-z.js → multi-select-components-2Ax71j9a.js} +57 -1
  63. package/dist/{react-select-async.esm-B8kK0aL4.js → react-select-async.esm-BZwl7Ddb.js} +2 -2
  64. package/dist/{react-select.esm-ucYwBxq5.js → react-select.esm-DI0eSkd8.js} +2 -2
  65. package/dist/{textSelection-DDDNsS-g.js → textSelection-CdZPiDxh.js} +1 -1
  66. package/dist/{useButton-CRKy9xk2.js → useButton-C5e_EJlC.js} +3 -3
  67. package/dist/{useEvent-D54lIBrO.js → useEvent-BW_vevRp.js} +1 -1
  68. package/dist/{useFocusRing-DKxoCzVD.js → useFocusRing-Dbj6MsFR.js} +1 -1
  69. package/dist/{useFocusable-CPKTGWPn.js → useFocusable-C2xrPFl6.js} +2 -2
  70. package/dist/{useFormReset-CTp--h9B.js → useFormReset-DDCE2RPv.js} +1 -1
  71. package/dist/{useFormValidation-BNBrliSj.js → useFormValidation-BxnASugK.js} +2 -2
  72. package/dist/{useLabel-CzGdEzIq.js → useLabel-C3sAYsiC.js} +2 -2
  73. package/dist/{useLabels-eGSmZC_Z.js → useLabels-WnPbJUyQ.js} +1 -1
  74. package/dist/{useListState-D7mE1Y00.js → useListState-BmTFGt2_.js} +1 -1
  75. package/dist/{useLocalizedStringFormatter-BBeUyA9l.js → useLocalizedStringFormatter-BurzRhbk.js} +1 -1
  76. package/dist/{useNumberField-BmEJmL3K.js → useNumberField-D_Azw6A1.js} +10 -10
  77. package/dist/{useNumberFormatter-CTY_UZxq.js → useNumberFormatter-B58dTQ-c.js} +1 -1
  78. package/dist/{usePress-BG9At5Lb.js → usePress-DZ9pn6Jl.js} +3 -3
  79. package/dist/{useSingleSelectListState-DeJEr7lC.js → useSingleSelectListState-Dr843geC.js} +2 -2
  80. package/dist/{useToggle-QlyoyPYv.js → useToggle-Dq9VpeCd.js} +4 -4
  81. package/dist/{useToggleState-C1mnFRiI.js → useToggleState-DA_b3LG_.js} +1 -1
  82. package/dist/{utils-BSxcP7tv.js → utils-BmaSD6gC.js} +6 -6
  83. package/package.json +18 -19
@@ -628,7 +628,8 @@ var compat = function compat2(element) {
628
628
  element.length < 1) {
629
629
  return;
630
630
  }
631
- var value = element.value, parent = element.parent;
631
+ var value = element.value;
632
+ var parent = element.parent;
632
633
  var isImplicitRule = element.column === parent.column && element.line === parent.line;
633
634
  while (parent.type !== "rule") {
634
635
  parent = parent.parent;
@@ -1281,7 +1282,7 @@ function getRegisteredStyles(registered, registeredStyles, classNames2) {
1281
1282
  classNames2.split(" ").forEach(function(className) {
1282
1283
  if (registered[className] !== void 0) {
1283
1284
  registeredStyles.push(registered[className] + ";");
1284
- } else {
1285
+ } else if (className) {
1285
1286
  rawClassName += className + " ";
1286
1287
  }
1287
1288
  });
@@ -1440,14 +1441,14 @@ function handleInterpolation(mergedProps, registered, interpolation) {
1440
1441
  return "";
1441
1442
  }
1442
1443
  case "object": {
1443
- var keyframes3 = interpolation;
1444
- if (keyframes3.anim === 1) {
1444
+ var keyframes2 = interpolation;
1445
+ if (keyframes2.anim === 1) {
1445
1446
  cursor = {
1446
- name: keyframes3.name,
1447
- styles: keyframes3.styles,
1447
+ name: keyframes2.name,
1448
+ styles: keyframes2.styles,
1448
1449
  next: cursor
1449
1450
  };
1450
- return keyframes3.name;
1451
+ return keyframes2.name;
1451
1452
  }
1452
1453
  var serializedStyles = interpolation;
1453
1454
  if (serializedStyles.styles !== void 0) {
@@ -1524,7 +1525,7 @@ function createStringFromObject(mergedProps, registered, obj) {
1524
1525
  }
1525
1526
  return string;
1526
1527
  }
1527
- var labelPattern = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
1528
+ var labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g;
1528
1529
  var cursor;
1529
1530
  function serializeStyles(args, registered, mergedProps) {
1530
1531
  if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) {
@@ -1590,9 +1591,9 @@ var hasOwn = {}.hasOwnProperty;
1590
1591
  var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
1591
1592
  var createEmotionProps = function createEmotionProps2(type, props) {
1592
1593
  var newProps = {};
1593
- for (var key in props) {
1594
- if (hasOwn.call(props, key)) {
1595
- newProps[key] = props[key];
1594
+ for (var _key in props) {
1595
+ if (hasOwn.call(props, _key)) {
1596
+ newProps[_key] = props[_key];
1596
1597
  }
1597
1598
  }
1598
1599
  newProps[typePropName] = type;
@@ -1606,40 +1607,37 @@ var Insertion = function Insertion2(_ref) {
1606
1607
  });
1607
1608
  return null;
1608
1609
  };
1609
- var Emotion = /* @__PURE__ */ withEmotionCache(
1610
- /* <any, any> */
1611
- function(props, cache, ref) {
1612
- var cssProp = props.css;
1613
- if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) {
1614
- cssProp = cache.registered[cssProp];
1615
- }
1616
- var WrappedComponent = props[typePropName];
1617
- var registeredStyles = [cssProp];
1618
- var className = "";
1619
- if (typeof props.className === "string") {
1620
- className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
1621
- } else if (props.className != null) {
1622
- className = props.className + " ";
1623
- }
1624
- var serialized = serializeStyles(registeredStyles, void 0, React.useContext(ThemeContext));
1625
- className += cache.key + "-" + serialized.name;
1626
- var newProps = {};
1627
- for (var key in props) {
1628
- if (hasOwn.call(props, key) && key !== "css" && key !== typePropName && !isDevelopment) {
1629
- newProps[key] = props[key];
1630
- }
1631
- }
1632
- newProps.className = className;
1633
- if (ref) {
1634
- newProps.ref = ref;
1610
+ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
1611
+ var cssProp = props.css;
1612
+ if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) {
1613
+ cssProp = cache.registered[cssProp];
1614
+ }
1615
+ var WrappedComponent = props[typePropName];
1616
+ var registeredStyles = [cssProp];
1617
+ var className = "";
1618
+ if (typeof props.className === "string") {
1619
+ className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
1620
+ } else if (props.className != null) {
1621
+ className = props.className + " ";
1622
+ }
1623
+ var serialized = serializeStyles(registeredStyles, void 0, React.useContext(ThemeContext));
1624
+ className += cache.key + "-" + serialized.name;
1625
+ var newProps = {};
1626
+ for (var _key2 in props) {
1627
+ if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && !isDevelopment) {
1628
+ newProps[_key2] = props[_key2];
1635
1629
  }
1636
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Insertion, {
1637
- cache,
1638
- serialized,
1639
- isStringTag: typeof WrappedComponent === "string"
1640
- }), /* @__PURE__ */ React.createElement(WrappedComponent, newProps));
1641
1630
  }
1642
- );
1631
+ newProps.className = className;
1632
+ if (ref) {
1633
+ newProps.ref = ref;
1634
+ }
1635
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Insertion, {
1636
+ cache,
1637
+ serialized,
1638
+ isStringTag: typeof WrappedComponent === "string"
1639
+ }), /* @__PURE__ */ React.createElement(WrappedComponent, newProps));
1640
+ });
1643
1641
  var Emotion$1 = Emotion;
1644
1642
  var jsx = function jsx2(type, props) {
1645
1643
  var args = arguments;
@@ -1655,13 +1653,18 @@ var jsx = function jsx2(type, props) {
1655
1653
  }
1656
1654
  return React.createElement.apply(null, createElementArgArray);
1657
1655
  };
1656
+ (function(_jsx) {
1657
+ var JSX;
1658
+ /* @__PURE__ */ (function(_JSX) {
1659
+ })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
1660
+ })(jsx || (jsx = {}));
1658
1661
  function css$2() {
1659
1662
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1660
1663
  args[_key] = arguments[_key];
1661
1664
  }
1662
1665
  return serializeStyles(args);
1663
1666
  }
1664
- var keyframes = function keyframes2() {
1667
+ function keyframes() {
1665
1668
  var insertable = css$2.apply(void 0, arguments);
1666
1669
  var name = "animation-" + insertable.name;
1667
1670
  return {
@@ -1672,7 +1675,7 @@ var keyframes = function keyframes2() {
1672
1675
  return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
1673
1676
  }
1674
1677
  };
1675
- };
1678
+ }
1676
1679
  function _taggedTemplateLiteral(e, t) {
1677
1680
  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
1678
1681
  raw: {
@@ -1706,6 +1709,9 @@ function rectToClientRect(rect) {
1706
1709
  y
1707
1710
  };
1708
1711
  }
1712
+ function hasWindow() {
1713
+ return typeof window !== "undefined";
1714
+ }
1709
1715
  function getNodeName(node2) {
1710
1716
  if (isNode(node2)) {
1711
1717
  return (node2.nodeName || "").toLowerCase();
@@ -1721,16 +1727,25 @@ function getDocumentElement(node2) {
1721
1727
  return (_ref = (isNode(node2) ? node2.ownerDocument : node2.document) || window.document) == null ? void 0 : _ref.documentElement;
1722
1728
  }
1723
1729
  function isNode(value) {
1730
+ if (!hasWindow()) {
1731
+ return false;
1732
+ }
1724
1733
  return value instanceof Node || value instanceof getWindow(value).Node;
1725
1734
  }
1726
1735
  function isElement(value) {
1736
+ if (!hasWindow()) {
1737
+ return false;
1738
+ }
1727
1739
  return value instanceof Element || value instanceof getWindow(value).Element;
1728
1740
  }
1729
1741
  function isHTMLElement(value) {
1742
+ if (!hasWindow()) {
1743
+ return false;
1744
+ }
1730
1745
  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
1731
1746
  }
1732
1747
  function isShadowRoot(value) {
1733
- if (typeof ShadowRoot === "undefined") {
1748
+ if (!hasWindow() || typeof ShadowRoot === "undefined") {
1734
1749
  return false;
1735
1750
  }
1736
1751
  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
@@ -1034,11 +1034,12 @@ var KeyboardCode;
1034
1034
  KeyboardCode2["Up"] = "ArrowUp";
1035
1035
  KeyboardCode2["Esc"] = "Escape";
1036
1036
  KeyboardCode2["Enter"] = "Enter";
1037
+ KeyboardCode2["Tab"] = "Tab";
1037
1038
  })(KeyboardCode || (KeyboardCode = {}));
1038
1039
  const defaultKeyboardCodes = {
1039
1040
  start: [KeyboardCode.Space, KeyboardCode.Enter],
1040
1041
  cancel: [KeyboardCode.Esc],
1041
- end: [KeyboardCode.Space, KeyboardCode.Enter]
1042
+ end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
1042
1043
  };
1043
1044
  const defaultKeyboardCoordinateGetter = (event, _ref) => {
1044
1045
  let {
@@ -1351,9 +1352,11 @@ class AbstractPointerSensor {
1351
1352
  }
1352
1353
  if (isDelayConstraint(activationConstraint)) {
1353
1354
  this.timeoutId = setTimeout(this.handleStart, activationConstraint.delay);
1355
+ this.handlePending(activationConstraint);
1354
1356
  return;
1355
1357
  }
1356
1358
  if (isDistanceConstraint(activationConstraint)) {
1359
+ this.handlePending(activationConstraint);
1357
1360
  return;
1358
1361
  }
1359
1362
  }
@@ -1368,6 +1371,13 @@ class AbstractPointerSensor {
1368
1371
  this.timeoutId = null;
1369
1372
  }
1370
1373
  }
1374
+ handlePending(constraint, offset) {
1375
+ const {
1376
+ active,
1377
+ onPending
1378
+ } = this.props;
1379
+ onPending(active, constraint, this.initialCoordinates, offset);
1380
+ }
1371
1381
  handleStart() {
1372
1382
  const {
1373
1383
  initialCoordinates
@@ -1417,6 +1427,7 @@ class AbstractPointerSensor {
1417
1427
  return this.handleCancel();
1418
1428
  }
1419
1429
  }
1430
+ this.handlePending(activationConstraint, delta);
1420
1431
  return;
1421
1432
  }
1422
1433
  if (event.cancelable) {
@@ -1426,16 +1437,24 @@ class AbstractPointerSensor {
1426
1437
  }
1427
1438
  handleEnd() {
1428
1439
  const {
1440
+ onAbort,
1429
1441
  onEnd
1430
1442
  } = this.props;
1431
1443
  this.detach();
1444
+ if (!this.activated) {
1445
+ onAbort(this.props.active);
1446
+ }
1432
1447
  onEnd();
1433
1448
  }
1434
1449
  handleCancel() {
1435
1450
  const {
1451
+ onAbort,
1436
1452
  onCancel
1437
1453
  } = this.props;
1438
1454
  this.detach();
1455
+ if (!this.activated) {
1456
+ onAbort(this.props.active);
1457
+ }
1439
1458
  onCancel();
1440
1459
  }
1441
1460
  handleKeydown(event) {
@@ -2708,6 +2727,43 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
2708
2727
  // Sensors need to be instantiated with refs for arguments that change over time
2709
2728
  // otherwise they are frozen in time with the stale arguments
2710
2729
  context: sensorContext,
2730
+ onAbort(id2) {
2731
+ const draggableNode = draggableNodes.get(id2);
2732
+ if (!draggableNode) {
2733
+ return;
2734
+ }
2735
+ const {
2736
+ onDragAbort
2737
+ } = latestProps.current;
2738
+ const event2 = {
2739
+ id: id2
2740
+ };
2741
+ onDragAbort == null ? void 0 : onDragAbort(event2);
2742
+ dispatchMonitorEvent({
2743
+ type: "onDragAbort",
2744
+ event: event2
2745
+ });
2746
+ },
2747
+ onPending(id2, constraint, initialCoordinates, offset) {
2748
+ const draggableNode = draggableNodes.get(id2);
2749
+ if (!draggableNode) {
2750
+ return;
2751
+ }
2752
+ const {
2753
+ onDragPending
2754
+ } = latestProps.current;
2755
+ const event2 = {
2756
+ id: id2,
2757
+ constraint,
2758
+ initialCoordinates,
2759
+ offset
2760
+ };
2761
+ onDragPending == null ? void 0 : onDragPending(event2);
2762
+ dispatchMonitorEvent({
2763
+ type: "onDragPending",
2764
+ event: event2
2765
+ });
2766
+ },
2711
2767
  onStart(initialCoordinates) {
2712
2768
  const id2 = activeRef.current;
2713
2769
  if (id2 == null) {
@@ -1,7 +1,7 @@
1
- import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-641ee5b8.esm-BclOH4xf.js";
1
+ import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-641ee5b8.esm-DRaWil7u.js";
2
2
  import * as React from "react";
3
3
  import { useRef, useState, useEffect, useCallback, forwardRef } from "react";
4
- import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-B8nEum75.js";
4
+ import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-OvJ8lZs8.js";
5
5
  import "./index-D0mHceYg.js";
6
6
  var _excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
7
7
  function useAsync(_ref) {
@@ -1,5 +1,5 @@
1
- import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-B8nEum75.js";
2
- import { _ as _extends } from "./index-641ee5b8.esm-BclOH4xf.js";
1
+ import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-OvJ8lZs8.js";
2
+ import { _ as _extends } from "./index-641ee5b8.esm-DRaWil7u.js";
3
3
  import * as React from "react";
4
4
  import { forwardRef } from "react";
5
5
  import "./index-D0mHceYg.js";
@@ -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-Cl9cN7Qx.js";
2
+ import { j as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, k as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-ChK5oW-0.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,7 +1,7 @@
1
- import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSxcP7tv.js";
1
+ import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BmaSD6gC.js";
2
2
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
3
- import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CPKTGWPn.js";
4
- import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BG9At5Lb.js";
3
+ import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-C2xrPFl6.js";
4
+ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DZ9pn6Jl.js";
5
5
  function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
6
6
  let {
7
7
  elementType = "button",
@@ -1,4 +1,4 @@
1
- import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSxcP7tv.js";
1
+ import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BmaSD6gC.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-Cl9cN7Qx.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-ChK5oW-0.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-Cl9cN7Qx.js";
2
- import { m as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSxcP7tv.js";
1
+ import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, h as $6a99195332edec8b$export$80f3e147d781571c, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-ChK5oW-0.js";
2
+ import { m as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BmaSD6gC.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 { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSxcP7tv.js";
1
+ import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BmaSD6gC.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
1
  import { createContext, useMemo, useContext, useState, useRef, useEffect } from "react";
2
- import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-Cl9cN7Qx.js";
3
- import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSxcP7tv.js";
2
+ import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-ChK5oW-0.js";
3
+ import { l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BmaSD6gC.js";
4
4
  const $e5be200c675c3b3a$export$aca958c65c314e6c = {
5
5
  badInput: false,
6
6
  customError: false,
@@ -1,5 +1,5 @@
1
- import { f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-BSxcP7tv.js";
2
- import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-eGSmZC_Z.js";
1
+ import { f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-BmaSD6gC.js";
2
+ import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-WnPbJUyQ.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 { f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-BSxcP7tv.js";
1
+ import { f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-BmaSD6gC.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 { a as $7af3f5b51489e0b5$export$253fe78d46329472, b as $7613b1592d41b092$export$6cd28814d92fa9c9, c as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-DP537Pbu.js";
1
+ import { a as $7af3f5b51489e0b5$export$253fe78d46329472, b as $7613b1592d41b092$export$6cd28814d92fa9c9, c as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-DGbP8Ntl.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-BI3VdU0Z.js";
1
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DtrQ3I5U.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,17 +1,17 @@
1
- import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec, w as $c87311424ea30a05$export$186c6964ca17d99, u as $c87311424ea30a05$export$a11b0059900ceec8, j as $c87311424ea30a05$export$fedb369cb70207f1 } from "./focusSafely-Cl9cN7Qx.js";
1
+ import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec, w as $c87311424ea30a05$export$186c6964ca17d99, u as $c87311424ea30a05$export$a11b0059900ceec8, j as $c87311424ea30a05$export$fedb369cb70207f1 } from "./focusSafely-ChK5oW-0.js";
2
2
  import { $ as $9446cca9a3875146$export$cb6e0bb50bc19463, a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
3
- import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-BNBrliSj.js";
3
+ import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-BxnASugK.js";
4
4
  import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
5
5
  import { useCallback, useState, useMemo, useEffect, useRef } from "react";
6
- import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, q as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BSxcP7tv.js";
6
+ import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, r as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BmaSD6gC.js";
7
7
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
8
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CTp--h9B.js";
9
- import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-D54lIBrO.js";
10
- import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-C2dTSp9z.js";
11
- import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BBeUyA9l.js";
12
- import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CTY_UZxq.js";
13
- import { c as $319e236875307eab$export$d10ae4f68404609a, b as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-Xa6Ny0p_.js";
14
- import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-DDDNsS-g.js";
8
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DDCE2RPv.js";
9
+ import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BW_vevRp.js";
10
+ import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-DCmTv_Qw.js";
11
+ import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BurzRhbk.js";
12
+ import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-B58dTQ-c.js";
13
+ import { c as $319e236875307eab$export$d10ae4f68404609a, b as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-BEIi9mB_.js";
14
+ import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-CdZPiDxh.js";
15
15
  function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
16
16
  let { onScroll, isDisabled } = props;
17
17
  let onScrollHandler = useCallback((e) => {
@@ -1,4 +1,4 @@
1
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BI3VdU0Z.js";
1
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DtrQ3I5U.js";
2
2
  import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.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-DDDNsS-g.js";
1
+ import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-CdZPiDxh.js";
2
2
  import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
3
- import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, q as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BSxcP7tv.js";
4
- import { q as $c87311424ea30a05$export$b7d78993b74f766d, o as $c87311424ea30a05$export$9ac100e40613ea10, p as $c87311424ea30a05$export$78551043582a6a98, r as $c87311424ea30a05$export$7bef049ce92e4224, n as $7215afc6de606d6b$export$de79e2c695e052f3, s as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, t as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-Cl9cN7Qx.js";
3
+ import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, r as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BmaSD6gC.js";
4
+ import { q as $c87311424ea30a05$export$b7d78993b74f766d, o as $c87311424ea30a05$export$9ac100e40613ea10, p as $c87311424ea30a05$export$78551043582a6a98, r as $c87311424ea30a05$export$7bef049ce92e4224, n as $7215afc6de606d6b$export$de79e2c695e052f3, s as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, t as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-ChK5oW-0.js";
5
5
  const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
6
6
  isNative: true,
7
7
  open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
@@ -1,5 +1,5 @@
1
- import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-D7mE1Y00.js";
2
- import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-Cl9cN7Qx.js";
1
+ import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-BmTFGt2_.js";
2
+ import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-ChK5oW-0.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 { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSxcP7tv.js";
1
+ import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BmaSD6gC.js";
2
2
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
3
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CTp--h9B.js";
4
- import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CPKTGWPn.js";
5
- import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BG9At5Lb.js";
3
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DDCE2RPv.js";
4
+ import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-C2xrPFl6.js";
5
+ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DZ9pn6Jl.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-Cl9cN7Qx.js";
1
+ import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-ChK5oW-0.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);
@@ -408,12 +408,12 @@ export {
408
408
  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as h,
409
409
  $64fa3d84918910a7$export$ef03459518577ad4 as i,
410
410
  $64fa3d84918910a7$export$2881499e37b75b9a as j,
411
- $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as k,
412
- $bdb11010cef70236$export$b4cc09c592e8fdb8 as l,
411
+ $bdb11010cef70236$export$b4cc09c592e8fdb8 as k,
412
+ $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as l,
413
413
  $df56164dff5785e2$export$4338b53315abf666 as m,
414
414
  $5dc95899b306f630$export$c9058316764c140e as n,
415
- $64fa3d84918910a7$export$45fda7c47f93fd48 as o,
416
- $64fa3d84918910a7$export$6d3443f2c48bfc20 as p,
417
- $ff5963eb1fccf552$export$e08e3b67e392101e as q,
418
- $64fa3d84918910a7$export$c62b8e45d58ddad9 as r
415
+ $64fa3d84918910a7$export$c62b8e45d58ddad9 as o,
416
+ $64fa3d84918910a7$export$45fda7c47f93fd48 as p,
417
+ $64fa3d84918910a7$export$6d3443f2c48bfc20 as q,
418
+ $ff5963eb1fccf552$export$e08e3b67e392101e as r
419
419
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eightshift/ui-components",
3
- "version": "1.8.0",
3
+ "version": "1.9.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -47,28 +47,27 @@
47
47
  "svg-to-jsx-string": "^0.1.1"
48
48
  },
49
49
  "devDependencies": {
50
- "@adobe/react-spectrum": "^3.38.0",
51
- "@dnd-kit/core": "^6.2.0",
52
- "@dnd-kit/modifiers": "^8.0.0",
53
- "@dnd-kit/sortable": "^9.0.0",
50
+ "@adobe/react-spectrum": "^3.38.1",
51
+ "@dnd-kit/core": "^6.3.1",
52
+ "@dnd-kit/modifiers": "^9.0.0",
53
+ "@dnd-kit/sortable": "^10.0.0",
54
54
  "@dnd-kit/utilities": "^3.2.2",
55
- "@eslint/compat": "^1.2.3",
55
+ "@eslint/compat": "^1.2.4",
56
56
  "@react-stately/collections": "^3.12.0",
57
- "@stylistic/eslint-plugin-js": "^2.11.0",
58
- "@types/react": "^18.3.12",
59
- "@types/react-dom": "^18.3.1",
57
+ "@stylistic/eslint-plugin-js": "^2.12.1",
58
+ "@types/react": "^18.3.17",
59
+ "@types/react-dom": "^18.3.5",
60
60
  "@vitejs/plugin-react-swc": "^3.7.2",
61
- "@wordpress/i18n": "^5.13.0",
61
+ "@wordpress/i18n": "^5.14.0",
62
62
  "autoprefixer": "^10.4.20",
63
63
  "clsx": "^2.1.1",
64
64
  "css-gradient-parser": "^0.0.16",
65
- "eslint": "^9.15.0",
65
+ "eslint": "^9.17.0",
66
66
  "eslint-config-prettier": "^9.1.0",
67
- "eslint-plugin-jsdoc": "^50.6.0",
67
+ "eslint-plugin-jsdoc": "^50.6.1",
68
68
  "eslint-plugin-prettier": "^5.2.1",
69
- "framer-motion": "^11.12.0",
70
69
  "glob": "^11.0.0",
71
- "globals": "^15.12.0",
70
+ "globals": "^15.13.0",
72
71
  "just-camel-case": "^6.2.0",
73
72
  "just-debounce-it": "^3.2.0",
74
73
  "just-has": "^2.3.0",
@@ -77,17 +76,17 @@
77
76
  "just-throttle": "^4.2.0",
78
77
  "lightningcss": "^1.28.2",
79
78
  "postcss": "^8.4.49",
80
- "prettier": "^3.4.1",
79
+ "prettier": "^3.4.2",
81
80
  "prettier-plugin-tailwindcss": "^0.6.9",
82
81
  "react-aria": "^3.36.0",
83
82
  "react-aria-components": "^1.5.0",
84
- "react-select": "^5.8.3",
83
+ "react-select": "^5.9.0",
85
84
  "react-stately": "^3.34.0",
86
- "tailwindcss": "^3.4.15",
85
+ "tailwindcss": "^3.4.16",
87
86
  "tailwindcss-animate": "^1.0.7",
88
87
  "tailwindcss-react-aria-components": "^1.2.0",
89
- "tailwindcss-scoped-preflight": "^3.4.9",
90
- "vite": "^6.0.1",
88
+ "tailwindcss-scoped-preflight": "^3.4.10",
89
+ "vite": "^6.0.3",
91
90
  "vite-plugin-lib-inject-css": "^2.1.1"
92
91
  },
93
92
  "scripts": {