@x-plat/design-system 0.14.4 → 0.14.5

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.
@@ -97,15 +97,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
97
97
  }, [calculatePosition, enabled, popRef]);
98
98
  import_react.default.useEffect(() => {
99
99
  if (!enabled) return;
100
- let raf = 0;
101
- const onScrollOrResize = () => {
102
- cancelAnimationFrame(raf);
103
- raf = requestAnimationFrame(calculatePosition);
104
- };
100
+ const onScrollOrResize = () => calculatePosition();
105
101
  window.addEventListener("resize", onScrollOrResize, { passive: true });
106
102
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
107
103
  return () => {
108
- cancelAnimationFrame(raf);
109
104
  window.removeEventListener("resize", onScrollOrResize);
110
105
  window.removeEventListener("scroll", onScrollOrResize, true);
111
106
  };
@@ -61,15 +61,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
61
61
  }, [calculatePosition, enabled, popRef]);
62
62
  React.useEffect(() => {
63
63
  if (!enabled) return;
64
- let raf = 0;
65
- const onScrollOrResize = () => {
66
- cancelAnimationFrame(raf);
67
- raf = requestAnimationFrame(calculatePosition);
68
- };
64
+ const onScrollOrResize = () => calculatePosition();
69
65
  window.addEventListener("resize", onScrollOrResize, { passive: true });
70
66
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
71
67
  return () => {
72
- cancelAnimationFrame(raf);
73
68
  window.removeEventListener("resize", onScrollOrResize);
74
69
  window.removeEventListener("scroll", onScrollOrResize, true);
75
70
  };
@@ -97,15 +97,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
97
97
  }, [calculatePosition, enabled, popRef]);
98
98
  import_react.default.useEffect(() => {
99
99
  if (!enabled) return;
100
- let raf = 0;
101
- const onScrollOrResize = () => {
102
- cancelAnimationFrame(raf);
103
- raf = requestAnimationFrame(calculatePosition);
104
- };
100
+ const onScrollOrResize = () => calculatePosition();
105
101
  window.addEventListener("resize", onScrollOrResize, { passive: true });
106
102
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
107
103
  return () => {
108
- cancelAnimationFrame(raf);
109
104
  window.removeEventListener("resize", onScrollOrResize);
110
105
  window.removeEventListener("scroll", onScrollOrResize, true);
111
106
  };
@@ -61,15 +61,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
61
61
  }, [calculatePosition, enabled, popRef]);
62
62
  React.useEffect(() => {
63
63
  if (!enabled) return;
64
- let raf = 0;
65
- const onScrollOrResize = () => {
66
- cancelAnimationFrame(raf);
67
- raf = requestAnimationFrame(calculatePosition);
68
- };
64
+ const onScrollOrResize = () => calculatePosition();
69
65
  window.addEventListener("resize", onScrollOrResize, { passive: true });
70
66
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
71
67
  return () => {
72
- cancelAnimationFrame(raf);
73
68
  window.removeEventListener("resize", onScrollOrResize);
74
69
  window.removeEventListener("scroll", onScrollOrResize, true);
75
70
  };
@@ -98,15 +98,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
98
98
  }, [calculatePosition, enabled, popRef]);
99
99
  import_react.default.useEffect(() => {
100
100
  if (!enabled) return;
101
- let raf = 0;
102
- const onScrollOrResize = () => {
103
- cancelAnimationFrame(raf);
104
- raf = requestAnimationFrame(calculatePosition);
105
- };
101
+ const onScrollOrResize = () => calculatePosition();
106
102
  window.addEventListener("resize", onScrollOrResize, { passive: true });
107
103
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
108
104
  return () => {
109
- cancelAnimationFrame(raf);
110
105
  window.removeEventListener("resize", onScrollOrResize);
111
106
  window.removeEventListener("scroll", onScrollOrResize, true);
112
107
  };
@@ -61,15 +61,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
61
61
  }, [calculatePosition, enabled, popRef]);
62
62
  React.useEffect(() => {
63
63
  if (!enabled) return;
64
- let raf = 0;
65
- const onScrollOrResize = () => {
66
- cancelAnimationFrame(raf);
67
- raf = requestAnimationFrame(calculatePosition);
68
- };
64
+ const onScrollOrResize = () => calculatePosition();
69
65
  window.addEventListener("resize", onScrollOrResize, { passive: true });
70
66
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
71
67
  return () => {
72
- cancelAnimationFrame(raf);
73
68
  window.removeEventListener("resize", onScrollOrResize);
74
69
  window.removeEventListener("scroll", onScrollOrResize, true);
75
70
  };
@@ -97,15 +97,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
97
97
  }, [calculatePosition, enabled, popRef]);
98
98
  import_react.default.useEffect(() => {
99
99
  if (!enabled) return;
100
- let raf = 0;
101
- const onScrollOrResize = () => {
102
- cancelAnimationFrame(raf);
103
- raf = requestAnimationFrame(calculatePosition);
104
- };
100
+ const onScrollOrResize = () => calculatePosition();
105
101
  window.addEventListener("resize", onScrollOrResize, { passive: true });
106
102
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
107
103
  return () => {
108
- cancelAnimationFrame(raf);
109
104
  window.removeEventListener("resize", onScrollOrResize);
110
105
  window.removeEventListener("scroll", onScrollOrResize, true);
111
106
  };
@@ -61,15 +61,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
61
61
  }, [calculatePosition, enabled, popRef]);
62
62
  React.useEffect(() => {
63
63
  if (!enabled) return;
64
- let raf = 0;
65
- const onScrollOrResize = () => {
66
- cancelAnimationFrame(raf);
67
- raf = requestAnimationFrame(calculatePosition);
68
- };
64
+ const onScrollOrResize = () => calculatePosition();
69
65
  window.addEventListener("resize", onScrollOrResize, { passive: true });
70
66
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
71
67
  return () => {
72
- cancelAnimationFrame(raf);
73
68
  window.removeEventListener("resize", onScrollOrResize);
74
69
  window.removeEventListener("scroll", onScrollOrResize, true);
75
70
  };
@@ -4024,15 +4024,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
4024
4024
  }, [calculatePosition, enabled, popRef]);
4025
4025
  import_react19.default.useEffect(() => {
4026
4026
  if (!enabled) return;
4027
- let raf = 0;
4028
- const onScrollOrResize = () => {
4029
- cancelAnimationFrame(raf);
4030
- raf = requestAnimationFrame(calculatePosition);
4031
- };
4027
+ const onScrollOrResize = () => calculatePosition();
4032
4028
  window.addEventListener("resize", onScrollOrResize, { passive: true });
4033
4029
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
4034
4030
  return () => {
4035
- cancelAnimationFrame(raf);
4036
4031
  window.removeEventListener("resize", onScrollOrResize);
4037
4032
  window.removeEventListener("scroll", onScrollOrResize, true);
4038
4033
  };
@@ -3922,15 +3922,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
3922
3922
  }, [calculatePosition, enabled, popRef]);
3923
3923
  React19.useEffect(() => {
3924
3924
  if (!enabled) return;
3925
- let raf = 0;
3926
- const onScrollOrResize = () => {
3927
- cancelAnimationFrame(raf);
3928
- raf = requestAnimationFrame(calculatePosition);
3929
- };
3925
+ const onScrollOrResize = () => calculatePosition();
3930
3926
  window.addEventListener("resize", onScrollOrResize, { passive: true });
3931
3927
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
3932
3928
  return () => {
3933
- cancelAnimationFrame(raf);
3934
3929
  window.removeEventListener("resize", onScrollOrResize);
3935
3930
  window.removeEventListener("scroll", onScrollOrResize, true);
3936
3931
  };
package/dist/index.cjs CHANGED
@@ -8436,15 +8436,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
8436
8436
  }, [calculatePosition, enabled, popRef]);
8437
8437
  import_react19.default.useEffect(() => {
8438
8438
  if (!enabled) return;
8439
- let raf = 0;
8440
- const onScrollOrResize = () => {
8441
- cancelAnimationFrame(raf);
8442
- raf = requestAnimationFrame(calculatePosition);
8443
- };
8439
+ const onScrollOrResize = () => calculatePosition();
8444
8440
  window.addEventListener("resize", onScrollOrResize, { passive: true });
8445
8441
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
8446
8442
  return () => {
8447
- cancelAnimationFrame(raf);
8448
8443
  window.removeEventListener("resize", onScrollOrResize);
8449
8444
  window.removeEventListener("scroll", onScrollOrResize, true);
8450
8445
  };
package/dist/index.js CHANGED
@@ -8025,15 +8025,10 @@ var useAutoPosition = (triggerRef, popRef, enabled = true) => {
8025
8025
  }, [calculatePosition, enabled, popRef]);
8026
8026
  React19.useEffect(() => {
8027
8027
  if (!enabled) return;
8028
- let raf = 0;
8029
- const onScrollOrResize = () => {
8030
- cancelAnimationFrame(raf);
8031
- raf = requestAnimationFrame(calculatePosition);
8032
- };
8028
+ const onScrollOrResize = () => calculatePosition();
8033
8029
  window.addEventListener("resize", onScrollOrResize, { passive: true });
8034
8030
  window.addEventListener("scroll", onScrollOrResize, { passive: true, capture: true });
8035
8031
  return () => {
8036
- cancelAnimationFrame(raf);
8037
8032
  window.removeEventListener("resize", onScrollOrResize);
8038
8033
  window.removeEventListener("scroll", onScrollOrResize, true);
8039
8034
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x-plat/design-system",
3
- "version": "0.14.4",
3
+ "version": "0.14.5",
4
4
  "description": "XPLAT UI Design System",
5
5
  "author": "XPLAT WOONG",
6
6
  "main": "dist/index.cjs",