@yamada-ui/scroll-area 0.2.6 → 0.2.8

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.
@@ -6,7 +6,13 @@ import {
6
6
  useComponentStyle
7
7
  } from "@yamada-ui/core";
8
8
  import { cx, handlerAll, merge } from "@yamada-ui/utils";
9
- import { useCallback, useEffect, useMemo, useRef, useState } from "react";
9
+ import {
10
+ useCallback,
11
+ useEffect,
12
+ useMemo,
13
+ useRef,
14
+ useState
15
+ } from "react";
10
16
  import { jsx } from "react/jsx-runtime";
11
17
  var neverStyles = {
12
18
  scrollbarWidth: "none",
@@ -58,7 +64,10 @@ var ScrollArea = forwardRef((props, ref) => {
58
64
  const onMouseLeave = useCallback(() => {
59
65
  if (type !== "hover")
60
66
  return;
61
- hoverTimeout.current = setTimeout(() => setIsHovered(false), scrollHideDelay);
67
+ hoverTimeout.current = setTimeout(
68
+ () => setIsHovered(false),
69
+ scrollHideDelay
70
+ );
62
71
  }, [scrollHideDelay, type]);
63
72
  const onScroll = useCallback(
64
73
  (ev) => {
@@ -71,7 +80,10 @@ var ScrollArea = forwardRef((props, ref) => {
71
80
  if (!isScrolling)
72
81
  setisScrolling(true);
73
82
  clearTimeout(scrollTimeout.current);
74
- scrollTimeout.current = setTimeout(() => setisScrolling(false), scrollHideDelay);
83
+ scrollTimeout.current = setTimeout(
84
+ () => setisScrolling(false),
85
+ scrollHideDelay
86
+ );
75
87
  },
76
88
  [isScrolling, onScrollPositionChange, scrollHideDelay, type]
77
89
  );
@@ -88,7 +100,10 @@ var ScrollArea = forwardRef((props, ref) => {
88
100
  if (isNever) {
89
101
  return merge(baseStyle, neverStyles);
90
102
  } else {
91
- return merge(baseStyle, !isAlways && !isHovered && !isScrolling ? hiddenStyles : {});
103
+ return merge(
104
+ baseStyle,
105
+ !isAlways && !isHovered && !isScrolling ? hiddenStyles : {}
106
+ );
92
107
  }
93
108
  }, [isAlways, isHovered, isNever, isScrolling, overflow, styles]);
94
109
  return /* @__PURE__ */ jsx(
package/dist/index.js CHANGED
@@ -79,7 +79,10 @@ var ScrollArea = (0, import_core.forwardRef)((props, ref) => {
79
79
  const onMouseLeave = (0, import_react.useCallback)(() => {
80
80
  if (type !== "hover")
81
81
  return;
82
- hoverTimeout.current = setTimeout(() => setIsHovered(false), scrollHideDelay);
82
+ hoverTimeout.current = setTimeout(
83
+ () => setIsHovered(false),
84
+ scrollHideDelay
85
+ );
83
86
  }, [scrollHideDelay, type]);
84
87
  const onScroll = (0, import_react.useCallback)(
85
88
  (ev) => {
@@ -92,7 +95,10 @@ var ScrollArea = (0, import_core.forwardRef)((props, ref) => {
92
95
  if (!isScrolling)
93
96
  setisScrolling(true);
94
97
  clearTimeout(scrollTimeout.current);
95
- scrollTimeout.current = setTimeout(() => setisScrolling(false), scrollHideDelay);
98
+ scrollTimeout.current = setTimeout(
99
+ () => setisScrolling(false),
100
+ scrollHideDelay
101
+ );
96
102
  },
97
103
  [isScrolling, onScrollPositionChange, scrollHideDelay, type]
98
104
  );
@@ -109,7 +115,10 @@ var ScrollArea = (0, import_core.forwardRef)((props, ref) => {
109
115
  if (isNever) {
110
116
  return (0, import_utils.merge)(baseStyle, neverStyles);
111
117
  } else {
112
- return (0, import_utils.merge)(baseStyle, !isAlways && !isHovered && !isScrolling ? hiddenStyles : {});
118
+ return (0, import_utils.merge)(
119
+ baseStyle,
120
+ !isAlways && !isHovered && !isScrolling ? hiddenStyles : {}
121
+ );
113
122
  }
114
123
  }, [isAlways, isHovered, isNever, isScrolling, overflow, styles]);
115
124
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ScrollArea
3
- } from "./chunk-D43ICFWL.mjs";
3
+ } from "./chunk-33QUKL4J.mjs";
4
4
  export {
5
5
  ScrollArea
6
6
  };
@@ -77,7 +77,10 @@ var ScrollArea = (0, import_core.forwardRef)((props, ref) => {
77
77
  const onMouseLeave = (0, import_react.useCallback)(() => {
78
78
  if (type !== "hover")
79
79
  return;
80
- hoverTimeout.current = setTimeout(() => setIsHovered(false), scrollHideDelay);
80
+ hoverTimeout.current = setTimeout(
81
+ () => setIsHovered(false),
82
+ scrollHideDelay
83
+ );
81
84
  }, [scrollHideDelay, type]);
82
85
  const onScroll = (0, import_react.useCallback)(
83
86
  (ev) => {
@@ -90,7 +93,10 @@ var ScrollArea = (0, import_core.forwardRef)((props, ref) => {
90
93
  if (!isScrolling)
91
94
  setisScrolling(true);
92
95
  clearTimeout(scrollTimeout.current);
93
- scrollTimeout.current = setTimeout(() => setisScrolling(false), scrollHideDelay);
96
+ scrollTimeout.current = setTimeout(
97
+ () => setisScrolling(false),
98
+ scrollHideDelay
99
+ );
94
100
  },
95
101
  [isScrolling, onScrollPositionChange, scrollHideDelay, type]
96
102
  );
@@ -107,7 +113,10 @@ var ScrollArea = (0, import_core.forwardRef)((props, ref) => {
107
113
  if (isNever) {
108
114
  return (0, import_utils.merge)(baseStyle, neverStyles);
109
115
  } else {
110
- return (0, import_utils.merge)(baseStyle, !isAlways && !isHovered && !isScrolling ? hiddenStyles : {});
116
+ return (0, import_utils.merge)(
117
+ baseStyle,
118
+ !isAlways && !isHovered && !isScrolling ? hiddenStyles : {}
119
+ );
111
120
  }
112
121
  }, [isAlways, isHovered, isNever, isScrolling, overflow, styles]);
113
122
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  ScrollArea
3
- } from "./chunk-D43ICFWL.mjs";
3
+ } from "./chunk-33QUKL4J.mjs";
4
4
  export {
5
5
  ScrollArea
6
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/scroll-area",
3
- "version": "0.2.6",
3
+ "version": "0.2.8",
4
4
  "description": "Yamada UI scroll area component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,8 +35,8 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/core": "0.5.1",
39
- "@yamada-ui/utils": "0.1.3"
38
+ "@yamada-ui/core": "0.5.3",
39
+ "@yamada-ui/utils": "0.1.4"
40
40
  },
41
41
  "devDependencies": {
42
42
  "react": "^18.0.0",