@eightshift/ui-components 3.0.1 → 5.0.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 (144) hide show
  1. package/package.json +101 -101
  2. package/dist/Button-BPLceDeW.js +0 -185
  3. package/dist/Collection-CZxddMZS.js +0 -2332
  4. package/dist/Color-MV5kBVXr.js +0 -2452
  5. package/dist/ColorSwatch-BqQfVu4L.js +0 -64
  6. package/dist/ComboBox-_RfyhwZw.js +0 -1906
  7. package/dist/Dialog-8tYeQ9n4.js +0 -2300
  8. package/dist/FieldError-52GVSGgC.js +0 -42
  9. package/dist/FocusScope-Cri5BFRz.js +0 -831
  10. package/dist/Form-Cq3fu75_.js +0 -5
  11. package/dist/Group-_emcIVxI.js +0 -48
  12. package/dist/Heading-B2153VXe.js +0 -16
  13. package/dist/Hidden-rE6uR-lr.js +0 -41
  14. package/dist/Input-BxpFEIXV.js +0 -133
  15. package/dist/Label-icmbmNdI.js +0 -17
  16. package/dist/List-CZMUbkFU.js +0 -593
  17. package/dist/ListBox-Ca6hiCqz.js +0 -581
  18. package/dist/NumberFormatter-DA8u1Ot7.js +0 -140
  19. package/dist/OverlayArrow-CYXQSlEU.js +0 -629
  20. package/dist/RSPContexts-2lR5GG9p.js +0 -14
  21. package/dist/Select-aab027f3.esm-PDJCDE95.js +0 -2469
  22. package/dist/Separator-4IIDRlV_.js +0 -322
  23. package/dist/Slider-rz2XRMGm.js +0 -853
  24. package/dist/Text-DVSAPY-K.js +0 -16
  25. package/dist/VisuallyHidden-f9zX67a_.js +0 -48
  26. package/dist/_commonjsHelpers-CUmg6egw.js +0 -6
  27. package/dist/assets/index.css +0 -37
  28. package/dist/assets/style-admin.css +0 -5255
  29. package/dist/assets/style-editor.css +0 -5255
  30. package/dist/assets/style.css +0 -5261
  31. package/dist/assets/wp-font-enhancements.css +0 -8
  32. package/dist/assets/wp-ui-enhancements.css +0 -299
  33. package/dist/components/animated-visibility/animated-visibility.js +0 -105
  34. package/dist/components/base-control/base-control.js +0 -86
  35. package/dist/components/breakpoint-preview/breakpoint-preview.js +0 -161
  36. package/dist/components/button/button.js +0 -387
  37. package/dist/components/checkbox/checkbox.js +0 -320
  38. package/dist/components/color-pickers/color-picker.js +0 -272
  39. package/dist/components/color-pickers/color-swatch.js +0 -58
  40. package/dist/components/color-pickers/gradient-editor.js +0 -534
  41. package/dist/components/color-pickers/solid-color-picker.js +0 -1567
  42. package/dist/components/component-toggle/component-toggle.js +0 -158
  43. package/dist/components/container-panel/container-panel.js +0 -131
  44. package/dist/components/draggable/draggable-context.js +0 -5
  45. package/dist/components/draggable/draggable-handle.js +0 -46
  46. package/dist/components/draggable/draggable.js +0 -6207
  47. package/dist/components/draggable-list/draggable-list-context.js +0 -5
  48. package/dist/components/draggable-list/draggable-list-item.js +0 -77
  49. package/dist/components/draggable-list/draggable-list.js +0 -151
  50. package/dist/components/expandable/expandable.js +0 -342
  51. package/dist/components/index.js +0 -137
  52. package/dist/components/input-field/input-field.js +0 -231
  53. package/dist/components/item-collection/item-collection.js +0 -59
  54. package/dist/components/layout/hstack.js +0 -30
  55. package/dist/components/layout/vstack.js +0 -30
  56. package/dist/components/link-input/link-input.js +0 -293
  57. package/dist/components/matrix-align/matrix-align.js +0 -134
  58. package/dist/components/menu/menu.js +0 -285
  59. package/dist/components/modal/modal.js +0 -305
  60. package/dist/components/notice/notice.js +0 -123
  61. package/dist/components/number-picker/number-picker.js +0 -292
  62. package/dist/components/option-select/option-select.js +0 -264
  63. package/dist/components/options-panel/options-panel.js +0 -158
  64. package/dist/components/placeholders/file-placeholder.js +0 -42
  65. package/dist/components/placeholders/image-placeholder.js +0 -88
  66. package/dist/components/placeholders/media-placeholder.js +0 -63
  67. package/dist/components/popover/popover.js +0 -207
  68. package/dist/components/radio/radio.js +0 -579
  69. package/dist/components/repeater/repeater-context.js +0 -5
  70. package/dist/components/repeater/repeater-item.js +0 -119
  71. package/dist/components/repeater/repeater.js +0 -280
  72. package/dist/components/responsive/mini-responsive.js +0 -498
  73. package/dist/components/responsive/responsive-legacy.js +0 -343
  74. package/dist/components/responsive/responsive.js +0 -580
  75. package/dist/components/responsive-preview/responsive-preview.js +0 -123
  76. package/dist/components/rich-label/rich-label.js +0 -66
  77. package/dist/components/select/async-multi-select.js +0 -157
  78. package/dist/components/select/async-single-select.js +0 -137
  79. package/dist/components/select/custom-select-default-components.js +0 -38
  80. package/dist/components/select/multi-select-components.js +0 -8
  81. package/dist/components/select/multi-select.js +0 -151
  82. package/dist/components/select/react-select-component-wrappers.js +0 -90
  83. package/dist/components/select/shared.js +0 -26
  84. package/dist/components/select/single-select.js +0 -131
  85. package/dist/components/select/styles.js +0 -49
  86. package/dist/components/select/v2/async-select.js +0 -297
  87. package/dist/components/select/v2/shared.js +0 -24
  88. package/dist/components/select/v2/single-select.js +0 -990
  89. package/dist/components/slider/column-config-slider.js +0 -210
  90. package/dist/components/slider/slider.js +0 -343
  91. package/dist/components/slider/utils.js +0 -84
  92. package/dist/components/spacer/spacer.js +0 -97
  93. package/dist/components/tabs/tabs.js +0 -702
  94. package/dist/components/toggle/switch.js +0 -155
  95. package/dist/components/toggle/toggle.js +0 -64
  96. package/dist/components/toggle-button/toggle-button.js +0 -324
  97. package/dist/components/tooltip/tooltip.js +0 -525
  98. package/dist/context-D2KUdwNL.js +0 -92
  99. package/dist/default-i18n-CT_oS1Fy.js +0 -922
  100. package/dist/filterDOMProps-EDDcM64A.js +0 -28
  101. package/dist/icons/block-icon.js +0 -42
  102. package/dist/icons/generic-color-swatch.js +0 -113
  103. package/dist/icons/icons.js +0 -30371
  104. package/dist/icons/index.js +0 -11
  105. package/dist/icons/jsx-svg.js +0 -50
  106. package/dist/index-641ee5b8.esm-DIuJijyT.js +0 -3137
  107. package/dist/index-BKGQ6jGS.js +0 -44
  108. package/dist/index-CFozsmNS.js +0 -28321
  109. package/dist/index.js +0 -139
  110. package/dist/lite-DVmmD_-j.js +0 -7
  111. package/dist/modifiers.esm-BuJQPI1X.js +0 -31
  112. package/dist/multi-select-components-Sp-JEFEX.js +0 -3744
  113. package/dist/number-GajL10e1.js +0 -36
  114. package/dist/react-jsx-parser.min-DZCiis5V.js +0 -11753
  115. package/dist/react-select-async.esm-Bql4G5iV.js +0 -107
  116. package/dist/react-select.esm-B_TudhTU.js +0 -15
  117. package/dist/style-admin.js +0 -1
  118. package/dist/style-editor.js +0 -1
  119. package/dist/style.js +0 -1
  120. package/dist/textSelection-0UUS8Yfg.js +0 -46
  121. package/dist/useButton-Cg474OYB.js +0 -71
  122. package/dist/useEvent-B0b-6KBr.js +0 -23
  123. package/dist/useFocusRing-CV5l3lf6.js +0 -107
  124. package/dist/useFormReset-C5OggHsw.js +0 -22
  125. package/dist/useFormValidation-DhDNSjws.js +0 -224
  126. package/dist/useHover-DwDr6ozG.js +0 -900
  127. package/dist/useLabel-D7HkNEHT.js +0 -27
  128. package/dist/useLabels-D8cxd1Z8.js +0 -23
  129. package/dist/useListState-DVr6aYd_.js +0 -161
  130. package/dist/useLocalizedStringFormatter-CFP1YZWQ.js +0 -121
  131. package/dist/useNumberField-TwM0Z9D1.js +0 -1204
  132. package/dist/useNumberFormatter-321rAb4J.js +0 -13
  133. package/dist/usePress-Cucx-xSA.js +0 -664
  134. package/dist/useSingleSelectListState-CMGsRHHh.js +0 -38
  135. package/dist/useToggle-C0I3vs0g.js +0 -59
  136. package/dist/useToggleState-CmQX3SoX.js +0 -19
  137. package/dist/utilities/array-helpers.js +0 -56
  138. package/dist/utilities/debounce-throttle.js +0 -123
  139. package/dist/utilities/es-dash.js +0 -376
  140. package/dist/utilities/index.js +0 -27
  141. package/dist/utilities/text-helpers.js +0 -136
  142. package/dist/utils-DkCSC521.js +0 -370
  143. package/dist/wp/wp-font-enhancements.js +0 -1
  144. package/dist/wp/wp-ui-enhancements.js +0 -1
@@ -1,13 +0,0 @@
1
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-D2KUdwNL.js";
2
- import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
3
- import { useMemo } from "react";
4
- function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {
5
- let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
6
- return useMemo(() => new $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(locale, options), [
7
- locale,
8
- options
9
- ]);
10
- }
11
- export {
12
- $a916eb452884faea$export$b7a616150fdb9f44 as $
13
- };
@@ -1,664 +0,0 @@
1
- import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-0UUS8Yfg.js";
2
- import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
3
- import { C as $c87311424ea30a05$export$b7d78993b74f766d, B as $c87311424ea30a05$export$78551043582a6a98, A as $c87311424ea30a05$export$9ac100e40613ea10, D as $c87311424ea30a05$export$7bef049ce92e4224, y as $7215afc6de606d6b$export$de79e2c695e052f3, g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, k as $d4ee10de306f2510$export$4282f70798064fe0, j as $d4ee10de306f2510$export$e58f029f0fbfdb29, E as $6a7db85432448f7f$export$29bf1b5f2c56cf63, d as $431fbd86ca7dc216$export$b204af158042fbac, F as $8a9cb279dc87e130$export$cabe61c495ee3649, G as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, H as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./useHover-DwDr6ozG.js";
4
- import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-DkCSC521.js";
5
- import { r as reactDomExports } from "./index-CFozsmNS.js";
6
- const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
7
- isNative: true,
8
- open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
9
- useHref: (href) => href
10
- });
11
- function $ea8dcbcb9ea1b556$export$9a302a45f65d0572() {
12
- return useContext($ea8dcbcb9ea1b556$var$RouterContext);
13
- }
14
- function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening = true) {
15
- var _window_event_type, _window_event;
16
- let { metaKey, ctrlKey, altKey, shiftKey } = modifiers;
17
- if ($c87311424ea30a05$export$b7d78993b74f766d() && ((_window_event = window.event) === null || _window_event === void 0 ? void 0 : (_window_event_type = _window_event.type) === null || _window_event_type === void 0 ? void 0 : _window_event_type.startsWith("key")) && target.target === "_blank") {
18
- if ($c87311424ea30a05$export$9ac100e40613ea10()) metaKey = true;
19
- else ctrlKey = true;
20
- }
21
- let event = $c87311424ea30a05$export$78551043582a6a98() && $c87311424ea30a05$export$9ac100e40613ea10() && !$c87311424ea30a05$export$7bef049ce92e4224() && true ? new KeyboardEvent("keydown", {
22
- keyIdentifier: "Enter",
23
- metaKey,
24
- ctrlKey,
25
- altKey,
26
- shiftKey
27
- }) : new MouseEvent("click", {
28
- metaKey,
29
- ctrlKey,
30
- altKey,
31
- shiftKey,
32
- bubbles: true,
33
- cancelable: true
34
- });
35
- $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = setOpening;
36
- $7215afc6de606d6b$export$de79e2c695e052f3(target);
37
- target.dispatchEvent(event);
38
- $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = false;
39
- }
40
- $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = false;
41
- function $ea8dcbcb9ea1b556$var$getSyntheticLink(target, open) {
42
- if (target instanceof HTMLAnchorElement) open(target);
43
- else if (target.hasAttribute("data-href")) {
44
- let link = document.createElement("a");
45
- link.href = target.getAttribute("data-href");
46
- if (target.hasAttribute("data-target")) link.target = target.getAttribute("data-target");
47
- if (target.hasAttribute("data-rel")) link.rel = target.getAttribute("data-rel");
48
- if (target.hasAttribute("data-download")) link.download = target.getAttribute("data-download");
49
- if (target.hasAttribute("data-ping")) link.ping = target.getAttribute("data-ping");
50
- if (target.hasAttribute("data-referrer-policy")) link.referrerPolicy = target.getAttribute("data-referrer-policy");
51
- target.appendChild(link);
52
- open(link);
53
- target.removeChild(link);
54
- }
55
- }
56
- function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
57
- $ea8dcbcb9ea1b556$var$getSyntheticLink(target, (link) => $ea8dcbcb9ea1b556$export$95185d699e05d4d7(link, modifiers));
58
- }
59
- function $ea8dcbcb9ea1b556$export$7e924b3091a3bd18(props) {
60
- let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
61
- var _props_href;
62
- const href = router.useHref((_props_href = props === null || props === void 0 ? void 0 : props.href) !== null && _props_href !== void 0 ? _props_href : "");
63
- return {
64
- href: (props === null || props === void 0 ? void 0 : props.href) ? href : void 0,
65
- target: props === null || props === void 0 ? void 0 : props.target,
66
- rel: props === null || props === void 0 ? void 0 : props.rel,
67
- download: props === null || props === void 0 ? void 0 : props.download,
68
- ping: props === null || props === void 0 ? void 0 : props.ping,
69
- referrerPolicy: props === null || props === void 0 ? void 0 : props.referrerPolicy
70
- };
71
- }
72
- const $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = React__default.createContext({
73
- register: () => {
74
- }
75
- });
76
- $ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = "PressResponderContext";
77
- function _class_apply_descriptor_get(receiver, descriptor) {
78
- if (descriptor.get) return descriptor.get.call(receiver);
79
- return descriptor.value;
80
- }
81
- function _class_extract_field_descriptor(receiver, privateMap, action) {
82
- if (!privateMap.has(receiver)) throw new TypeError("attempted to " + action + " private field on non-instance");
83
- return privateMap.get(receiver);
84
- }
85
- function _class_private_field_get(receiver, privateMap) {
86
- var descriptor = _class_extract_field_descriptor(receiver, privateMap, "get");
87
- return _class_apply_descriptor_get(receiver, descriptor);
88
- }
89
- function _check_private_redeclaration(obj, privateCollection) {
90
- if (privateCollection.has(obj)) {
91
- throw new TypeError("Cannot initialize the same private elements twice on an object");
92
- }
93
- }
94
- function _class_private_field_init(obj, privateMap, value) {
95
- _check_private_redeclaration(obj, privateMap);
96
- privateMap.set(obj, value);
97
- }
98
- function _class_apply_descriptor_set(receiver, descriptor, value) {
99
- if (descriptor.set) descriptor.set.call(receiver, value);
100
- else {
101
- if (!descriptor.writable) {
102
- throw new TypeError("attempted to set read only private field");
103
- }
104
- descriptor.value = value;
105
- }
106
- }
107
- function _class_private_field_set(receiver, privateMap, value) {
108
- var descriptor = _class_extract_field_descriptor(receiver, privateMap, "set");
109
- _class_apply_descriptor_set(receiver, descriptor, value);
110
- return value;
111
- }
112
- function $f6c31cce2adf654f$var$usePressResponderContext(props) {
113
- let context = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
114
- if (context) {
115
- let { register, ...contextProps } = context;
116
- props = $3ef42575df84b30b$export$9d1611c77c2fe928(contextProps, props);
117
- register();
118
- }
119
- $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, props.ref);
120
- return props;
121
- }
122
- var $f6c31cce2adf654f$var$_shouldStopPropagation = /* @__PURE__ */ new WeakMap();
123
- class $f6c31cce2adf654f$var$PressEvent {
124
- continuePropagation() {
125
- _class_private_field_set(this, $f6c31cce2adf654f$var$_shouldStopPropagation, false);
126
- }
127
- get shouldStopPropagation() {
128
- return _class_private_field_get(this, $f6c31cce2adf654f$var$_shouldStopPropagation);
129
- }
130
- constructor(type, pointerType, originalEvent, state) {
131
- _class_private_field_init(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
132
- writable: true,
133
- value: void 0
134
- });
135
- _class_private_field_set(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
136
- var _state_target;
137
- let currentTarget = (_state_target = state === null || state === void 0 ? void 0 : state.target) !== null && _state_target !== void 0 ? _state_target : originalEvent.currentTarget;
138
- const rect = currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.getBoundingClientRect();
139
- let x, y = 0;
140
- let clientX, clientY = null;
141
- if (originalEvent.clientX != null && originalEvent.clientY != null) {
142
- clientX = originalEvent.clientX;
143
- clientY = originalEvent.clientY;
144
- }
145
- if (rect) {
146
- if (clientX != null && clientY != null) {
147
- x = clientX - rect.left;
148
- y = clientY - rect.top;
149
- } else {
150
- x = rect.width / 2;
151
- y = rect.height / 2;
152
- }
153
- }
154
- this.type = type;
155
- this.pointerType = pointerType;
156
- this.target = originalEvent.currentTarget;
157
- this.shiftKey = originalEvent.shiftKey;
158
- this.metaKey = originalEvent.metaKey;
159
- this.ctrlKey = originalEvent.ctrlKey;
160
- this.altKey = originalEvent.altKey;
161
- this.x = x;
162
- this.y = y;
163
- }
164
- }
165
- const $f6c31cce2adf654f$var$LINK_CLICKED = Symbol("linkClicked");
166
- function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
167
- let {
168
- onPress,
169
- onPressChange,
170
- onPressStart,
171
- onPressEnd,
172
- onPressUp,
173
- isDisabled,
174
- isPressed: isPressedProp,
175
- preventFocusOnPress,
176
- shouldCancelOnPointerExit,
177
- allowTextSelectionOnPress,
178
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
179
- ref: _,
180
- ...domProps
181
- } = $f6c31cce2adf654f$var$usePressResponderContext(props);
182
- let [isPressed, setPressed] = useState(false);
183
- let ref = useRef({
184
- isPressed: false,
185
- ignoreEmulatedMouseEvents: false,
186
- didFirePressStart: false,
187
- isTriggeringEvent: false,
188
- activePointerId: null,
189
- target: null,
190
- isOverTarget: false,
191
- pointerType: null,
192
- disposables: []
193
- });
194
- let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
195
- let triggerPressStart = $8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType) => {
196
- let state = ref.current;
197
- if (isDisabled || state.didFirePressStart) return false;
198
- let shouldStopPropagation = true;
199
- state.isTriggeringEvent = true;
200
- if (onPressStart) {
201
- let event = new $f6c31cce2adf654f$var$PressEvent("pressstart", pointerType, originalEvent);
202
- onPressStart(event);
203
- shouldStopPropagation = event.shouldStopPropagation;
204
- }
205
- if (onPressChange) onPressChange(true);
206
- state.isTriggeringEvent = false;
207
- state.didFirePressStart = true;
208
- setPressed(true);
209
- return shouldStopPropagation;
210
- });
211
- let triggerPressEnd = $8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType, wasPressed = true) => {
212
- let state = ref.current;
213
- if (!state.didFirePressStart) return false;
214
- state.didFirePressStart = false;
215
- state.isTriggeringEvent = true;
216
- let shouldStopPropagation = true;
217
- if (onPressEnd) {
218
- let event = new $f6c31cce2adf654f$var$PressEvent("pressend", pointerType, originalEvent);
219
- onPressEnd(event);
220
- shouldStopPropagation = event.shouldStopPropagation;
221
- }
222
- if (onPressChange) onPressChange(false);
223
- setPressed(false);
224
- if (onPress && wasPressed && !isDisabled) {
225
- let event = new $f6c31cce2adf654f$var$PressEvent("press", pointerType, originalEvent);
226
- onPress(event);
227
- shouldStopPropagation && (shouldStopPropagation = event.shouldStopPropagation);
228
- }
229
- state.isTriggeringEvent = false;
230
- return shouldStopPropagation;
231
- });
232
- let triggerPressUp = $8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType) => {
233
- let state = ref.current;
234
- if (isDisabled) return false;
235
- if (onPressUp) {
236
- state.isTriggeringEvent = true;
237
- let event = new $f6c31cce2adf654f$var$PressEvent("pressup", pointerType, originalEvent);
238
- onPressUp(event);
239
- state.isTriggeringEvent = false;
240
- return event.shouldStopPropagation;
241
- }
242
- return true;
243
- });
244
- let cancel = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
245
- let state = ref.current;
246
- if (state.isPressed && state.target) {
247
- if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
248
- state.isPressed = false;
249
- state.isOverTarget = false;
250
- state.activePointerId = null;
251
- state.pointerType = null;
252
- removeAllGlobalListeners();
253
- if (!allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
254
- for (let dispose of state.disposables) dispose();
255
- state.disposables = [];
256
- }
257
- });
258
- let cancelOnPointerExit = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
259
- if (shouldCancelOnPointerExit) cancel(e);
260
- });
261
- let pressProps = useMemo(() => {
262
- let state = ref.current;
263
- let pressProps2 = {
264
- onKeyDown(e) {
265
- if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && $d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) {
266
- var _state_metaKeyEvents;
267
- if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent), e.key)) e.preventDefault();
268
- let shouldStopPropagation = true;
269
- if (!state.isPressed && !e.repeat) {
270
- state.target = e.currentTarget;
271
- state.isPressed = true;
272
- state.pointerType = "keyboard";
273
- shouldStopPropagation = triggerPressStart(e, "keyboard");
274
- let originalTarget = e.currentTarget;
275
- let pressUp = (e2) => {
276
- if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e2, originalTarget) && !e2.repeat && $d4ee10de306f2510$export$4282f70798064fe0(originalTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e2)) && state.target) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e2), "keyboard");
277
- };
278
- addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "keyup", $ff5963eb1fccf552$export$e08e3b67e392101e(pressUp, onKeyUp), true);
279
- }
280
- if (shouldStopPropagation) e.stopPropagation();
281
- if (e.metaKey && $c87311424ea30a05$export$9ac100e40613ea10()) (_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.set(e.key, e.nativeEvent);
282
- } else if (e.key === "Meta") state.metaKeyEvents = /* @__PURE__ */ new Map();
283
- },
284
- onClick(e) {
285
- if (e && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
286
- if (e && e.button === 0 && !state.isTriggeringEvent && !$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening) {
287
- let shouldStopPropagation = true;
288
- if (isDisabled) e.preventDefault();
289
- if (!state.ignoreEmulatedMouseEvents && !state.isPressed && (state.pointerType === "virtual" || $6a7db85432448f7f$export$60278871457622de(e.nativeEvent))) {
290
- let stopPressStart = triggerPressStart(e, "virtual");
291
- let stopPressUp = triggerPressUp(e, "virtual");
292
- let stopPressEnd = triggerPressEnd(e, "virtual");
293
- shouldStopPropagation = stopPressStart && stopPressUp && stopPressEnd;
294
- } else if (state.isPressed && state.pointerType !== "keyboard") {
295
- let pointerType = state.pointerType || e.nativeEvent.pointerType || "virtual";
296
- shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createEvent(e.currentTarget, e), pointerType, true);
297
- state.isOverTarget = false;
298
- cancel(e);
299
- }
300
- state.ignoreEmulatedMouseEvents = false;
301
- if (shouldStopPropagation) e.stopPropagation();
302
- }
303
- }
304
- };
305
- let onKeyUp = (e) => {
306
- var _state_metaKeyEvents;
307
- if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
308
- var _state_metaKeyEvents1;
309
- if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
310
- let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
311
- triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", $d4ee10de306f2510$export$4282f70798064fe0(state.target, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)));
312
- removeAllGlobalListeners();
313
- if (e.key !== "Enter" && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && $d4ee10de306f2510$export$4282f70798064fe0(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
314
- e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
315
- $ea8dcbcb9ea1b556$export$95185d699e05d4d7(state.target, e, false);
316
- }
317
- state.isPressed = false;
318
- (_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
319
- } else if (e.key === "Meta" && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
320
- var _state_target;
321
- let events = state.metaKeyEvents;
322
- state.metaKeyEvents = void 0;
323
- for (let event of events.values()) (_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent("keyup", event));
324
- }
325
- };
326
- if (typeof PointerEvent !== "undefined") {
327
- pressProps2.onPointerDown = (e) => {
328
- if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
329
- if ($6a7db85432448f7f$export$29bf1b5f2c56cf63(e.nativeEvent)) {
330
- state.pointerType = "virtual";
331
- return;
332
- }
333
- state.pointerType = e.pointerType;
334
- let shouldStopPropagation = true;
335
- if (!state.isPressed) {
336
- state.isPressed = true;
337
- state.isOverTarget = true;
338
- state.activePointerId = e.pointerId;
339
- state.target = e.currentTarget;
340
- if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
341
- shouldStopPropagation = triggerPressStart(e, state.pointerType);
342
- let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent);
343
- if ("releasePointerCapture" in target) target.releasePointerCapture(e.pointerId);
344
- addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "pointerup", onPointerUp, false);
345
- addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "pointercancel", onPointerCancel, false);
346
- }
347
- if (shouldStopPropagation) e.stopPropagation();
348
- };
349
- pressProps2.onMouseDown = (e) => {
350
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
351
- if (e.button === 0) {
352
- if (preventFocusOnPress) {
353
- let dispose = $8a9cb279dc87e130$export$cabe61c495ee3649(e.target);
354
- if (dispose) state.disposables.push(dispose);
355
- }
356
- e.stopPropagation();
357
- }
358
- };
359
- pressProps2.onPointerUp = (e) => {
360
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) || state.pointerType === "virtual") return;
361
- if (e.button === 0) triggerPressUp(e, state.pointerType || e.pointerType);
362
- };
363
- pressProps2.onPointerEnter = (e) => {
364
- if (e.pointerId === state.activePointerId && state.target && !state.isOverTarget && state.pointerType != null) {
365
- state.isOverTarget = true;
366
- triggerPressStart($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
367
- }
368
- };
369
- pressProps2.onPointerLeave = (e) => {
370
- if (e.pointerId === state.activePointerId && state.target && state.isOverTarget && state.pointerType != null) {
371
- state.isOverTarget = false;
372
- triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
373
- cancelOnPointerExit(e);
374
- }
375
- };
376
- let onPointerUp = (e) => {
377
- if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
378
- if ($d4ee10de306f2510$export$4282f70798064fe0(state.target, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)) && state.pointerType != null) {
379
- let clicked = false;
380
- let timeout = setTimeout(() => {
381
- if (state.isPressed && state.target instanceof HTMLElement) {
382
- if (clicked) cancel(e);
383
- else {
384
- $7215afc6de606d6b$export$de79e2c695e052f3(state.target);
385
- state.target.click();
386
- }
387
- }
388
- }, 80);
389
- addGlobalListener(e.currentTarget, "click", () => clicked = true, true);
390
- state.disposables.push(() => clearTimeout(timeout));
391
- } else cancel(e);
392
- state.isOverTarget = false;
393
- }
394
- };
395
- let onPointerCancel = (e) => {
396
- cancel(e);
397
- };
398
- pressProps2.onDragStart = (e) => {
399
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
400
- cancel(e);
401
- };
402
- } else {
403
- pressProps2.onMouseDown = (e) => {
404
- if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
405
- if (state.ignoreEmulatedMouseEvents) {
406
- e.stopPropagation();
407
- return;
408
- }
409
- state.isPressed = true;
410
- state.isOverTarget = true;
411
- state.target = e.currentTarget;
412
- state.pointerType = $6a7db85432448f7f$export$60278871457622de(e.nativeEvent) ? "virtual" : "mouse";
413
- let shouldStopPropagation = reactDomExports.flushSync(() => triggerPressStart(e, state.pointerType));
414
- if (shouldStopPropagation) e.stopPropagation();
415
- if (preventFocusOnPress) {
416
- let dispose = $8a9cb279dc87e130$export$cabe61c495ee3649(e.target);
417
- if (dispose) state.disposables.push(dispose);
418
- }
419
- addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "mouseup", onMouseUp, false);
420
- };
421
- pressProps2.onMouseEnter = (e) => {
422
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
423
- let shouldStopPropagation = true;
424
- if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
425
- state.isOverTarget = true;
426
- shouldStopPropagation = triggerPressStart(e, state.pointerType);
427
- }
428
- if (shouldStopPropagation) e.stopPropagation();
429
- };
430
- pressProps2.onMouseLeave = (e) => {
431
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
432
- let shouldStopPropagation = true;
433
- if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
434
- state.isOverTarget = false;
435
- shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
436
- cancelOnPointerExit(e);
437
- }
438
- if (shouldStopPropagation) e.stopPropagation();
439
- };
440
- pressProps2.onMouseUp = (e) => {
441
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
442
- if (!state.ignoreEmulatedMouseEvents && e.button === 0) triggerPressUp(e, state.pointerType || "mouse");
443
- };
444
- let onMouseUp = (e) => {
445
- if (e.button !== 0) return;
446
- if (state.ignoreEmulatedMouseEvents) {
447
- state.ignoreEmulatedMouseEvents = false;
448
- return;
449
- }
450
- if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
451
- else cancel(e);
452
- state.isOverTarget = false;
453
- };
454
- pressProps2.onTouchStart = (e) => {
455
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
456
- let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
457
- if (!touch) return;
458
- state.activePointerId = touch.identifier;
459
- state.ignoreEmulatedMouseEvents = true;
460
- state.isOverTarget = true;
461
- state.isPressed = true;
462
- state.target = e.currentTarget;
463
- state.pointerType = "touch";
464
- if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
465
- let shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
466
- if (shouldStopPropagation) e.stopPropagation();
467
- addGlobalListener($431fbd86ca7dc216$export$f21a1ffae260145a(e.currentTarget), "scroll", onScroll, true);
468
- };
469
- pressProps2.onTouchMove = (e) => {
470
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
471
- if (!state.isPressed) {
472
- e.stopPropagation();
473
- return;
474
- }
475
- let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
476
- let shouldStopPropagation = true;
477
- if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {
478
- if (!state.isOverTarget && state.pointerType != null) {
479
- state.isOverTarget = true;
480
- shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
481
- }
482
- } else if (state.isOverTarget && state.pointerType != null) {
483
- state.isOverTarget = false;
484
- shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
485
- cancelOnPointerExit($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
486
- }
487
- if (shouldStopPropagation) e.stopPropagation();
488
- };
489
- pressProps2.onTouchEnd = (e) => {
490
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
491
- if (!state.isPressed) {
492
- e.stopPropagation();
493
- return;
494
- }
495
- let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
496
- let shouldStopPropagation = true;
497
- if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget) && state.pointerType != null) {
498
- triggerPressUp($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
499
- shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
500
- } else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
501
- if (shouldStopPropagation) e.stopPropagation();
502
- state.isPressed = false;
503
- state.activePointerId = null;
504
- state.isOverTarget = false;
505
- state.ignoreEmulatedMouseEvents = true;
506
- if (state.target && !allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
507
- removeAllGlobalListeners();
508
- };
509
- pressProps2.onTouchCancel = (e) => {
510
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
511
- e.stopPropagation();
512
- if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
513
- };
514
- let onScroll = (e) => {
515
- if (state.isPressed && $d4ee10de306f2510$export$4282f70798064fe0($d4ee10de306f2510$export$e58f029f0fbfdb29(e), state.target)) cancel({
516
- currentTarget: state.target,
517
- shiftKey: false,
518
- ctrlKey: false,
519
- metaKey: false,
520
- altKey: false
521
- });
522
- };
523
- pressProps2.onDragStart = (e) => {
524
- if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
525
- cancel(e);
526
- };
527
- }
528
- return pressProps2;
529
- }, [
530
- addGlobalListener,
531
- isDisabled,
532
- preventFocusOnPress,
533
- removeAllGlobalListeners,
534
- allowTextSelectionOnPress,
535
- cancel,
536
- cancelOnPointerExit,
537
- triggerPressEnd,
538
- triggerPressStart,
539
- triggerPressUp
540
- ]);
541
- useEffect(() => {
542
- let state = ref.current;
543
- return () => {
544
- var _state_target;
545
- if (!allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295((_state_target = state.target) !== null && _state_target !== void 0 ? _state_target : void 0);
546
- for (let dispose of state.disposables) dispose();
547
- state.disposables = [];
548
- };
549
- }, [
550
- allowTextSelectionOnPress
551
- ]);
552
- return {
553
- isPressed: isPressedProp || isPressed,
554
- pressProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, pressProps)
555
- };
556
- }
557
- function $f6c31cce2adf654f$var$isHTMLAnchorLink(target) {
558
- return target.tagName === "A" && target.hasAttribute("href");
559
- }
560
- function $f6c31cce2adf654f$var$isValidKeyboardEvent(event, currentTarget) {
561
- const { key, code } = event;
562
- const element = currentTarget;
563
- const role = element.getAttribute("role");
564
- return (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") && !(element instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(element).HTMLInputElement && !$f6c31cce2adf654f$var$isValidInputKey(element, key) || element instanceof $431fbd86ca7dc216$export$f21a1ffae260145a(element).HTMLTextAreaElement || element.isContentEditable) && // Links should only trigger with Enter key
565
- !((role === "link" || !role && $f6c31cce2adf654f$var$isHTMLAnchorLink(element)) && key !== "Enter");
566
- }
567
- function $f6c31cce2adf654f$var$getTouchFromEvent(event) {
568
- const { targetTouches } = event;
569
- if (targetTouches.length > 0) return targetTouches[0];
570
- return null;
571
- }
572
- function $f6c31cce2adf654f$var$getTouchById(event, pointerId) {
573
- const changedTouches = event.changedTouches;
574
- for (let i = 0; i < changedTouches.length; i++) {
575
- const touch = changedTouches[i];
576
- if (touch.identifier === pointerId) return touch;
577
- }
578
- return null;
579
- }
580
- function $f6c31cce2adf654f$var$createTouchEvent(target, e) {
581
- let clientX = 0;
582
- let clientY = 0;
583
- if (e.targetTouches && e.targetTouches.length === 1) {
584
- clientX = e.targetTouches[0].clientX;
585
- clientY = e.targetTouches[0].clientY;
586
- }
587
- return {
588
- currentTarget: target,
589
- shiftKey: e.shiftKey,
590
- ctrlKey: e.ctrlKey,
591
- metaKey: e.metaKey,
592
- altKey: e.altKey,
593
- clientX,
594
- clientY
595
- };
596
- }
597
- function $f6c31cce2adf654f$var$createEvent(target, e) {
598
- let clientX = e.clientX;
599
- let clientY = e.clientY;
600
- return {
601
- currentTarget: target,
602
- shiftKey: e.shiftKey,
603
- ctrlKey: e.ctrlKey,
604
- metaKey: e.metaKey,
605
- altKey: e.altKey,
606
- clientX,
607
- clientY
608
- };
609
- }
610
- function $f6c31cce2adf654f$var$getPointClientRect(point) {
611
- let offsetX = 0;
612
- let offsetY = 0;
613
- if (point.width !== void 0) offsetX = point.width / 2;
614
- else if (point.radiusX !== void 0) offsetX = point.radiusX;
615
- if (point.height !== void 0) offsetY = point.height / 2;
616
- else if (point.radiusY !== void 0) offsetY = point.radiusY;
617
- return {
618
- top: point.clientY - offsetY,
619
- right: point.clientX + offsetX,
620
- bottom: point.clientY + offsetY,
621
- left: point.clientX - offsetX
622
- };
623
- }
624
- function $f6c31cce2adf654f$var$areRectanglesOverlapping(a, b) {
625
- if (a.left > b.right || b.left > a.right) return false;
626
- if (a.top > b.bottom || b.top > a.bottom) return false;
627
- return true;
628
- }
629
- function $f6c31cce2adf654f$var$isOverTarget(point, target) {
630
- let rect = target.getBoundingClientRect();
631
- let pointRect = $f6c31cce2adf654f$var$getPointClientRect(point);
632
- return $f6c31cce2adf654f$var$areRectanglesOverlapping(rect, pointRect);
633
- }
634
- function $f6c31cce2adf654f$var$shouldPreventDefaultUp(target) {
635
- if (target instanceof HTMLInputElement) return false;
636
- if (target instanceof HTMLButtonElement) return target.type !== "submit" && target.type !== "reset";
637
- if ($f6c31cce2adf654f$var$isHTMLAnchorLink(target)) return false;
638
- return true;
639
- }
640
- function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target, key) {
641
- if (target instanceof HTMLInputElement) return !$f6c31cce2adf654f$var$isValidInputKey(target, key);
642
- return $f6c31cce2adf654f$var$shouldPreventDefaultUp(target);
643
- }
644
- const $f6c31cce2adf654f$var$nonTextInputTypes = /* @__PURE__ */ new Set([
645
- "checkbox",
646
- "radio",
647
- "range",
648
- "color",
649
- "file",
650
- "image",
651
- "button",
652
- "submit",
653
- "reset"
654
- ]);
655
- function $f6c31cce2adf654f$var$isValidInputKey(target, key) {
656
- return target.type === "checkbox" || target.type === "radio" ? key === " " : $f6c31cce2adf654f$var$nonTextInputTypes.has(target.type);
657
- }
658
- export {
659
- $f6c31cce2adf654f$export$45712eceda6fad21 as $,
660
- $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 as a,
661
- $ea8dcbcb9ea1b556$export$9a302a45f65d0572 as b,
662
- $ea8dcbcb9ea1b556$export$95185d699e05d4d7 as c,
663
- $ae1eeba8b9eafd08$export$5165eccb35aaadb5 as d
664
- };