@onesy/ui-react 1.0.174 → 1.0.175

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 (5) hide show
  1. package/Interaction/Interaction.js +29 -6
  2. package/esm/Interaction/Interaction.js +29 -6
  3. package/esm/index.js +1 -1
  4. package/index.js +1 -1
  5. package/package.json +1 -1
package/Interaction/Interaction.js CHANGED
@@ -234,15 +234,38 @@ const Interaction = props_ => {
234
234
  };
235
235
  const rootDocument = (0, _utils.isEnvironment)('browser') ? ((_refs$root$current = refs.root.current) === null || _refs$root$current === void 0 ? void 0 : _refs$root$current.ownerDocument) || window.document : undefined;
236
236
  if (parent) {
237
- parent.addEventListener('mousedown', onMouseDown);
238
- parent.addEventListener('mouseup', onMouseUp);
239
- rootDocument.addEventListener('mouseup', onMouseUp);
240
- parent.addEventListener('mouseenter', onMouseIn);
241
- parent.addEventListener('mouseleave', onMouseOut);
237
+ if (touch) {
238
+ parent.addEventListener('touchstart', onMouseDown, {
239
+ passive: true
240
+ });
241
+ parent.addEventListener('touchend', onMouseUp, {
242
+ passive: true
243
+ });
244
+ rootDocument.addEventListener('touchend', onMouseUp, {
245
+ passive: true
246
+ });
247
+ parent.addEventListener('touchstart', onMouseIn, {
248
+ passive: true
249
+ });
250
+ parent.addEventListener('touchend', onMouseOut, {
251
+ passive: true
252
+ });
253
+ } else {
254
+ parent.addEventListener('mousedown', onMouseDown);
255
+ parent.addEventListener('mouseup', onMouseUp);
256
+ rootDocument.addEventListener('mouseup', onMouseUp);
257
+ parent.addEventListener('mouseenter', onMouseIn);
258
+ parent.addEventListener('mouseleave', onMouseOut);
259
+ }
242
260
  }
243
261
  refs.init.current = true;
244
262
  return () => {
245
263
  if (parent) {
264
+ parent.removeEventListener('touchstart', onMouseDown);
265
+ parent.removeEventListener('touchend', onMouseUp);
266
+ rootDocument.removeEventListener('touchend', onMouseUp);
267
+ parent.removeEventListener('touchstart', onMouseIn);
268
+ parent.removeEventListener('touchend', onMouseOut);
246
269
  parent.removeEventListener('mousedown', onMouseDown);
247
270
  parent.removeEventListener('mouseup', onMouseUp);
248
271
  rootDocument.removeEventListener('mouseup', onMouseUp);
@@ -250,7 +273,7 @@ const Interaction = props_ => {
250
273
  parent.removeEventListener('mouseleave', onMouseOut);
251
274
  }
252
275
  };
253
- }, []);
276
+ }, [touch]);
254
277
  _react.default.useEffect(() => {
255
278
  if (refs.init.current) {
256
279
  if (refs.interactions.current.length) setInteractions([]);
package/esm/Interaction/Interaction.js CHANGED
@@ -225,15 +225,38 @@ const Interaction = props_ => {
225
225
  };
226
226
  const rootDocument = isEnvironment('browser') ? refs.root.current?.ownerDocument || window.document : undefined;
227
227
  if (parent) {
228
- parent.addEventListener('mousedown', onMouseDown);
229
- parent.addEventListener('mouseup', onMouseUp);
230
- rootDocument.addEventListener('mouseup', onMouseUp);
231
- parent.addEventListener('mouseenter', onMouseIn);
232
- parent.addEventListener('mouseleave', onMouseOut);
228
+ if (touch) {
229
+ parent.addEventListener('touchstart', onMouseDown, {
230
+ passive: true
231
+ });
232
+ parent.addEventListener('touchend', onMouseUp, {
233
+ passive: true
234
+ });
235
+ rootDocument.addEventListener('touchend', onMouseUp, {
236
+ passive: true
237
+ });
238
+ parent.addEventListener('touchstart', onMouseIn, {
239
+ passive: true
240
+ });
241
+ parent.addEventListener('touchend', onMouseOut, {
242
+ passive: true
243
+ });
244
+ } else {
245
+ parent.addEventListener('mousedown', onMouseDown);
246
+ parent.addEventListener('mouseup', onMouseUp);
247
+ rootDocument.addEventListener('mouseup', onMouseUp);
248
+ parent.addEventListener('mouseenter', onMouseIn);
249
+ parent.addEventListener('mouseleave', onMouseOut);
250
+ }
233
251
  }
234
252
  refs.init.current = true;
235
253
  return () => {
236
254
  if (parent) {
255
+ parent.removeEventListener('touchstart', onMouseDown);
256
+ parent.removeEventListener('touchend', onMouseUp);
257
+ rootDocument.removeEventListener('touchend', onMouseUp);
258
+ parent.removeEventListener('touchstart', onMouseIn);
259
+ parent.removeEventListener('touchend', onMouseOut);
237
260
  parent.removeEventListener('mousedown', onMouseDown);
238
261
  parent.removeEventListener('mouseup', onMouseUp);
239
262
  rootDocument.removeEventListener('mouseup', onMouseUp);
@@ -241,7 +264,7 @@ const Interaction = props_ => {
241
264
  parent.removeEventListener('mouseleave', onMouseOut);
242
265
  }
243
266
  };
244
- }, []);
267
+ }, [touch]);
245
268
  React.useEffect(() => {
246
269
  if (refs.init.current) {
247
270
  if (refs.interactions.current.length) setInteractions([]);
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.173
1
+ /** @license UiReact v1.0.174
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.173
1
+ /** @license UiReact v1.0.174
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onesy/ui-react",
3
- "version": "1.0.174",
3
+ "version": "1.0.175",
4
4
  "description": "UI for React",
5
5
  "repository": "https://github.com/onesy-me/onesy.git",
6
6
  "author": "Lazar Erić <lazareric1@proton.me>",