@aiszlab/relax 1.2.55 → 1.2.57

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 (142) hide show
  1. package/package.json +8 -8
  2. package/dist/__test__/hooks/use-boolean.test.d.ts +0 -4
  3. package/dist/__test__/hooks/use-identity.test.d.ts +0 -4
  4. package/dist/__test__/hooks/use-mount.test.d.ts +0 -4
  5. package/dist/__test__/hooks/use-mounted.test.d.ts +0 -4
  6. package/dist/__test__/hooks/use-timeout.test.d.ts +0 -4
  7. package/dist/__test__/is/is-null.test.d.ts +0 -1
  8. package/dist/__test__/is/is-thenable.test.d.ts +0 -1
  9. package/dist/__test__/utils/chain.test.d.ts +0 -1
  10. package/dist/__test__/utils/clamp.test.d.ts +0 -1
  11. package/dist/__test__/utils/clone.test.d.ts +0 -1
  12. package/dist/__test__/utils/debounce.test.d.ts +0 -1
  13. package/dist/__test__/utils/effect.test.d.ts +0 -1
  14. package/dist/__test__/utils/exclude.test.d.ts +0 -1
  15. package/dist/__test__/utils/throttle.test.d.ts +0 -1
  16. package/dist/__test__/utils/to-array.test.d.ts +0 -1
  17. package/dist/__test__/utils/to-form-data.test.d.ts +0 -1
  18. package/dist/_virtual/_rollupPluginBabelHelpers.js +0 -138
  19. package/dist/dom/contains.d.ts +0 -1
  20. package/dist/dom/contains.js +0 -20
  21. package/dist/dom/index.d.ts +0 -3
  22. package/dist/dom/index.js +0 -2
  23. package/dist/dom/scroll-to.d.ts +0 -19
  24. package/dist/dom/scroll-to.js +0 -69
  25. package/dist/hooks/use-boolean.d.ts +0 -19
  26. package/dist/hooks/use-boolean.js +0 -34
  27. package/dist/hooks/use-controlled-state.d.ts +0 -17
  28. package/dist/hooks/use-controlled-state.js +0 -40
  29. package/dist/hooks/use-counter.d.ts +0 -33
  30. package/dist/hooks/use-counter.js +0 -59
  31. package/dist/hooks/use-debounce-callback.d.ts +0 -18
  32. package/dist/hooks/use-debounce-callback.js +0 -81
  33. package/dist/hooks/use-default.d.ts +0 -8
  34. package/dist/hooks/use-default.js +0 -14
  35. package/dist/hooks/use-device-pixel-ratio.d.ts +0 -6
  36. package/dist/hooks/use-device-pixel-ratio.js +0 -20
  37. package/dist/hooks/use-event.d.ts +0 -2
  38. package/dist/hooks/use-event.js +0 -12
  39. package/dist/hooks/use-focus.d.ts +0 -15
  40. package/dist/hooks/use-focus.js +0 -31
  41. package/dist/hooks/use-force-update.d.ts +0 -7
  42. package/dist/hooks/use-force-update.js +0 -21
  43. package/dist/hooks/use-hover.d.ts +0 -8
  44. package/dist/hooks/use-hover.js +0 -25
  45. package/dist/hooks/use-identity.d.ts +0 -5
  46. package/dist/hooks/use-identity.js +0 -20
  47. package/dist/hooks/use-image-loader.d.ts +0 -12
  48. package/dist/hooks/use-image-loader.js +0 -54
  49. package/dist/hooks/use-media-query.d.ts +0 -7
  50. package/dist/hooks/use-memorable.d.ts +0 -1
  51. package/dist/hooks/use-memorable.js +0 -14
  52. package/dist/hooks/use-mount.d.ts +0 -8
  53. package/dist/hooks/use-mount.js +0 -16
  54. package/dist/hooks/use-mounted.d.ts +0 -8
  55. package/dist/hooks/use-mounted.js +0 -16
  56. package/dist/hooks/use-mutate-observer.d.ts +0 -1
  57. package/dist/hooks/use-mutate-observer.js +0 -28
  58. package/dist/hooks/use-raf.d.ts +0 -7
  59. package/dist/hooks/use-raf.js +0 -26
  60. package/dist/hooks/use-reactive.d.ts +0 -6
  61. package/dist/hooks/use-refs.d.ts +0 -5
  62. package/dist/hooks/use-refs.js +0 -31
  63. package/dist/hooks/use-scroll-locker.d.ts +0 -5
  64. package/dist/hooks/use-scroll-locker.js +0 -92
  65. package/dist/hooks/use-scrollable.d.ts +0 -17
  66. package/dist/hooks/use-scrollable.js +0 -43
  67. package/dist/hooks/use-throttle-callback.d.ts +0 -18
  68. package/dist/hooks/use-throttle-callback.js +0 -83
  69. package/dist/hooks/use-timeout.d.ts +0 -10
  70. package/dist/hooks/use-timeout.js +0 -68
  71. package/dist/hooks/use-toggleable.d.ts +0 -48
  72. package/dist/hooks/use-toggleable.js +0 -186
  73. package/dist/hooks/use-update-effect.d.ts +0 -3
  74. package/dist/hooks/use-update-effect.js +0 -19
  75. package/dist/index.d.ts +0 -61
  76. package/dist/index.js +0 -49
  77. package/dist/is/is-array.d.ts +0 -5
  78. package/dist/is/is-array.js +0 -9
  79. package/dist/is/is-complex.d.ts +0 -5
  80. package/dist/is/is-complex.js +0 -11
  81. package/dist/is/is-dom-usable.d.ts +0 -5
  82. package/dist/is/is-dom-usable.js +0 -9
  83. package/dist/is/is-empty.d.ts +0 -7
  84. package/dist/is/is-empty.js +0 -25
  85. package/dist/is/is-function.d.ts +0 -5
  86. package/dist/is/is-function.js +0 -9
  87. package/dist/is/is-mobile.d.ts +0 -5
  88. package/dist/is/is-mobile.js +0 -13
  89. package/dist/is/is-null.d.ts +0 -5
  90. package/dist/is/is-null.js +0 -9
  91. package/dist/is/is-overflow.d.ts +0 -5
  92. package/dist/is/is-overflow.js +0 -14
  93. package/dist/is/is-pointer-usable.d.ts +0 -5
  94. package/dist/is/is-primitive.d.ts +0 -5
  95. package/dist/is/is-refable.d.ts +0 -5
  96. package/dist/is/is-refable.js +0 -34
  97. package/dist/is/is-state-getter.d.ts +0 -6
  98. package/dist/is/is-state-getter.js +0 -9
  99. package/dist/is/is-style-element.d.ts +0 -5
  100. package/dist/is/is-style-element.js +0 -9
  101. package/dist/is/is-thenable.d.ts +0 -5
  102. package/dist/is/is-thenable.js +0 -9
  103. package/dist/is/is-undefined.d.ts +0 -5
  104. package/dist/is/is-undefined.js +0 -9
  105. package/dist/is/is-void.d.ts +0 -5
  106. package/dist/is/is-void.js +0 -12
  107. package/dist/types/first.d.ts +0 -1
  108. package/dist/types/index.d.ts +0 -8
  109. package/dist/types/last.d.ts +0 -1
  110. package/dist/types/nullable.d.ts +0 -5
  111. package/dist/types/partialable.d.ts +0 -5
  112. package/dist/types/required-in.d.ts +0 -5
  113. package/dist/types/state.d.ts +0 -10
  114. package/dist/types/thenable-effect-callback.d.ts +0 -6
  115. package/dist/types/voidable.d.ts +0 -7
  116. package/dist/utils/chain.d.ts +0 -2
  117. package/dist/utils/chain.js +0 -15
  118. package/dist/utils/clamp.d.ts +0 -9
  119. package/dist/utils/clamp.js +0 -13
  120. package/dist/utils/clone.d.ts +0 -6
  121. package/dist/utils/debounce.d.ts +0 -23
  122. package/dist/utils/debounce.js +0 -32
  123. package/dist/utils/effect.d.ts +0 -7
  124. package/dist/utils/effect.js +0 -16
  125. package/dist/utils/exclude.d.ts +0 -10
  126. package/dist/utils/exclude.js +0 -18
  127. package/dist/utils/range.d.ts +0 -7
  128. package/dist/utils/range.js +0 -16
  129. package/dist/utils/set-style.d.ts +0 -6
  130. package/dist/utils/set-style.js +0 -21
  131. package/dist/utils/throttle.d.ts +0 -5
  132. package/dist/utils/throttle.js +0 -32
  133. package/dist/utils/to-array.d.ts +0 -18
  134. package/dist/utils/to-array.js +0 -25
  135. package/dist/utils/to-form-data.d.ts +0 -5
  136. package/dist/utils/to-form-data.js +0 -27
  137. package/dist/utils/to-function.d.ts +0 -1
  138. package/dist/utils/to-function.js +0 -13
  139. package/dist/utils/unique.d.ts +0 -10
  140. package/dist/utils/unique.js +0 -16
  141. package/dist/utils/waitable.d.ts +0 -36
  142. package/dist/utils/waitable.js +0 -90
@@ -1,17 +0,0 @@
1
- import { type Key } from 'react';
2
- import { type Direction } from '../dom/scroll-to';
3
- interface Dependencies {
4
- direction?: Direction;
5
- }
6
- /**
7
- * @description
8
- * scrollable hook
9
- */
10
- export declare const useScrollable: <P extends HTMLElement, C extends HTMLElement>({ direction }?: Dependencies) => {
11
- targetRef: import("react").RefObject<P>;
12
- triggerRefs: import("react").MutableRefObject<Map<Key, C | null>>;
13
- scrollTo: (to: number, duration?: number) => void;
14
- to: (key: Key) => number;
15
- setTrigger: (key: Key, trigger: C) => void;
16
- };
17
- export {};
@@ -1,43 +0,0 @@
1
- import { useRef, useCallback } from 'react';
2
- import { scrollTo } from '../dom/scroll-to.js';
3
-
4
- /**
5
- * @description
6
- * scrollable hook
7
- */
8
- var useScrollable = function useScrollable() {
9
- var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
10
- _ref$direction = _ref.direction,
11
- direction = _ref$direction === void 0 ? 'vertical' : _ref$direction;
12
- var targetRef = useRef(null);
13
- var triggerRefs = useRef(new Map());
14
- var scrollTo$1 = useCallback(function (to) {
15
- var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
16
- var target = targetRef.current;
17
- if (!target) return;
18
- // use animated scroll
19
- scrollTo(target, to, {
20
- duration: duration,
21
- direction: direction
22
- });
23
- }, [direction]);
24
- var to = useCallback(function (key) {
25
- var trigger = triggerRefs.current.get(key);
26
- if (!trigger) return 0;
27
- // different direction, use different property
28
- return direction === 'vertical' ? trigger.offsetTop : trigger.offsetLeft;
29
- }, [direction]);
30
- /// set trigger
31
- var setTrigger = useCallback(function (key, trigger) {
32
- triggerRefs.current.set(key, trigger);
33
- }, []);
34
- return {
35
- targetRef: targetRef,
36
- triggerRefs: triggerRefs,
37
- scrollTo: scrollTo$1,
38
- to: to,
39
- setTrigger: setTrigger
40
- };
41
- };
42
-
43
- export { useScrollable };
@@ -1,18 +0,0 @@
1
- import { type Throttler, type Throttled } from '../utils/throttle';
2
- import { type Callable } from './use-event';
3
- /**
4
- * @author murukal
5
- *
6
- * @description
7
- * throttle callback
8
- *
9
- * @param callback
10
- * @param wait number
11
- * @description
12
- * The wait time (in milliseconds) until the throttle function is called.
13
- * default 1000
14
- *
15
- * @example
16
- * 1000
17
- */
18
- export declare const useThrottleCallback: <T extends Callable, R extends unknown[] = Parameters<T>>(throttler: T | Throttler<T, R>, wait?: number) => Throttled<T>;
@@ -1,83 +0,0 @@
1
- import { useRef, useEffect, useMemo } from 'react';
2
- import { throttle } from '../utils/throttle.js';
3
- import { useEvent } from './use-event.js';
4
- import { isFunction } from '../is/is-function.js';
5
- import { useDefault } from './use-default.js';
6
-
7
- var useThrottler = function useThrottler(throttler) {
8
- var _useMemo = useMemo(function () {
9
- return isFunction(throttler) ? {
10
- callback: throttler,
11
- pipe: null
12
- } : throttler;
13
- }, [throttler]),
14
- callback = _useMemo.callback,
15
- pipe = _useMemo.pipe;
16
- return {
17
- callback: useEvent(function () {
18
- return callback.apply(void 0, arguments);
19
- }),
20
- pipe: useEvent(function () {
21
- var _pipe;
22
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
23
- args[_key] = arguments[_key];
24
- }
25
- return (_pipe = pipe === null || pipe === void 0 ? void 0 : pipe.apply(void 0, args)) !== null && _pipe !== void 0 ? _pipe : args;
26
- })
27
- };
28
- };
29
- /**
30
- * @author murukal
31
- *
32
- * @description
33
- * throttle callback
34
- *
35
- * @param callback
36
- * @param wait number
37
- * @description
38
- * The wait time (in milliseconds) until the throttle function is called.
39
- * default 1000
40
- *
41
- * @example
42
- * 1000
43
- */
44
- var useThrottleCallback = function useThrottleCallback(throttler) {
45
- var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
46
- var throttled = useRef(null);
47
- var _useThrottler = useThrottler(throttler),
48
- callback = _useThrottler.callback,
49
- pipe = _useThrottler.pipe;
50
- useEffect(function () {
51
- var _throttled = throttle({
52
- callback: callback,
53
- pipe: pipe
54
- }, wait);
55
- throttled.current = _throttled;
56
- // dispose
57
- return function () {
58
- _throttled.abort();
59
- throttled.current = null;
60
- };
61
- }, [wait]);
62
- return useDefault(function () {
63
- return {
64
- next: function next() {
65
- var _throttled$current;
66
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
67
- args[_key2] = arguments[_key2];
68
- }
69
- return (_throttled$current = throttled.current) === null || _throttled$current === void 0 ? void 0 : _throttled$current.next.apply(_throttled$current, args);
70
- },
71
- flush: function flush() {
72
- var _throttled$current2;
73
- return (_throttled$current2 = throttled.current) === null || _throttled$current2 === void 0 ? void 0 : _throttled$current2.flush();
74
- },
75
- abort: function abort() {
76
- var _throttled$current3;
77
- return (_throttled$current3 = throttled.current) === null || _throttled$current3 === void 0 ? void 0 : _throttled$current3.abort();
78
- }
79
- };
80
- });
81
- };
82
-
83
- export { useThrottleCallback };
@@ -1,10 +0,0 @@
1
- /**
2
- * @author murukal
3
- *
4
- * @description
5
- * timeout effect
6
- */
7
- export declare const useTimeout: (callback: Function, wait: number) => {
8
- flush: () => void;
9
- cancel: () => void;
10
- };
@@ -1,68 +0,0 @@
1
- import { useRef, useEffect } from 'react';
2
- import { Observable, timer } from 'rxjs';
3
- import { useEvent } from './use-event.js';
4
- import { useMounted } from './use-mounted.js';
5
-
6
- /**
7
- * @author murukal
8
- *
9
- * @description
10
- * timeout effect
11
- */
12
- var useTimeout = function useTimeout(callback, wait) {
13
- var trigger = useRef(null);
14
- var timed = useRef(null);
15
- var callable = useEvent(callback);
16
- useMounted(function () {
17
- new Observable(function (_) {
18
- trigger.current = _;
19
- }).subscribe({
20
- complete: function complete() {
21
- return callable();
22
- }
23
- });
24
- });
25
- // when user what to flush timeout handler
26
- // if trigger already registed, just complete trigger
27
- // not registed, call `handler` manaully
28
- var flush = useEvent(function () {
29
- var _timed$current;
30
- if (trigger.current) {
31
- trigger.current.complete();
32
- } else {
33
- callback();
34
- }
35
- (_timed$current = timed.current) === null || _timed$current === void 0 || _timed$current.unsubscribe();
36
- timed.current = null;
37
- trigger.current = null;
38
- });
39
- // cancel
40
- var cancel = useEvent(function () {
41
- var _trigger$current, _timed$current2;
42
- (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.error();
43
- (_timed$current2 = timed.current) === null || _timed$current2 === void 0 || _timed$current2.unsubscribe();
44
- timed.current = null;
45
- });
46
- // add timer for `wait`
47
- useEffect(function () {
48
- // if 0, always mean not need to set timeout
49
- if (wait <= 0) {
50
- return;
51
- }
52
- var _timed = timer(wait).subscribe(function () {
53
- var _trigger$current2;
54
- (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.complete();
55
- });
56
- timed.current = _timed;
57
- return function () {
58
- _timed.unsubscribe();
59
- timed.current = null;
60
- };
61
- }, [wait]);
62
- return {
63
- flush: flush,
64
- cancel: cancel
65
- };
66
- };
67
-
68
- export { useTimeout };
@@ -1,48 +0,0 @@
1
- import { type Key } from 'react';
2
- /**
3
- * @description
4
- * toggleable key
5
- */
6
- type ToggleableKey = {
7
- /**
8
- * @description
9
- * unique key
10
- */
11
- key: Key;
12
- /**
13
- * @description
14
- * children
15
- */
16
- children?: ToggleableKey[];
17
- };
18
- /**
19
- * @description
20
- * extra options
21
- */
22
- type Options = {
23
- /**
24
- * @description
25
- * default toggled
26
- */
27
- isDefaultToggled?: boolean;
28
- /**
29
- * @description
30
- * toggled keys
31
- */
32
- toggledKeys?: Key[];
33
- /**
34
- * @description
35
- * on toggle callback
36
- */
37
- onToggle?: (keys: Key[]) => void;
38
- };
39
- /**
40
- * @description
41
- * toggle able
42
- */
43
- export declare const useToggleable: (toggleableKeys: ToggleableKey[], { onToggle, ...options }?: Options) => {
44
- toggledKeys: Set<Key>;
45
- isToggled: (key: Key) => boolean;
46
- toggle: (key: Key) => void;
47
- };
48
- export {};
@@ -1,186 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, createClass as _createClass, classPrivateFieldGet2 as _classPrivateFieldGet2, classCallCheck as _classCallCheck, classPrivateFieldInitSpec as _classPrivateFieldInitSpec, classPrivateFieldSet2 as _classPrivateFieldSet2 } from '../_virtual/_rollupPluginBabelHelpers.js';
2
- import { useMemo, useCallback } from 'react';
3
- import { useControlledState } from './use-controlled-state.js';
4
-
5
- var _excluded = ["onToggle"];
6
- var _groupedLeaves = /*#__PURE__*/new WeakMap();
7
- var Tree = /*#__PURE__*/function () {
8
- function Tree() {
9
- _classCallCheck(this, Tree);
10
- _classPrivateFieldInitSpec(this, _groupedLeaves, void 0);
11
- _classPrivateFieldSet2(_groupedLeaves, this, new Map());
12
- }
13
- return _createClass(Tree, [{
14
- key: "groupedLeaves",
15
- get: function get() {
16
- return _classPrivateFieldGet2(_groupedLeaves, this);
17
- }
18
- }, {
19
- key: "grow",
20
- value: function grow(toggleableKey) {
21
- // create leaf, leaf will auto trigger tree collect callback
22
- new Leaf({
23
- key: toggleableKey.key,
24
- parent: null,
25
- belongTo: this
26
- }).grow(toggleableKey.children);
27
- return this;
28
- }
29
- }, {
30
- key: "collect",
31
- value: function collect(leaf) {
32
- _classPrivateFieldGet2(_groupedLeaves, this).has(leaf.key) ? _classPrivateFieldGet2(_groupedLeaves, this).get(leaf.key).add(leaf) : _classPrivateFieldGet2(_groupedLeaves, this).set(leaf.key, new Set([leaf]));
33
- }
34
- }, {
35
- key: "toggle",
36
- value: function toggle(key, toggledKeys) {
37
- var hasToggled = toggledKeys.has(key);
38
- var _isToggled = !hasToggled;
39
- return this.toggleBy(key, _isToggled, toggledKeys);
40
- }
41
- }, {
42
- key: "toggleBy",
43
- value: function toggleBy(key, isToggled, toggledKeys) {
44
- var _classPrivateFieldGet2$1;
45
- return Array.from((_classPrivateFieldGet2$1 = _classPrivateFieldGet2(_groupedLeaves, this).get(key)) !== null && _classPrivateFieldGet2$1 !== void 0 ? _classPrivateFieldGet2$1 : []).reduce(function (prev, leaf) {
46
- // deep fall, add or remove child key
47
- var fell = leaf.fall(isToggled, prev);
48
- // deep rise, add or remove parent key
49
- var rised = leaf.rise(fell);
50
- return rised;
51
- }, new Set(toggledKeys));
52
- }
53
- }]);
54
- }();
55
- var _key = /*#__PURE__*/new WeakMap();
56
- var _belongTo = /*#__PURE__*/new WeakMap();
57
- var _parent = /*#__PURE__*/new WeakMap();
58
- var _children = /*#__PURE__*/new WeakMap();
59
- var Leaf = /*#__PURE__*/function () {
60
- function Leaf(props) {
61
- _classCallCheck(this, Leaf);
62
- _classPrivateFieldInitSpec(this, _key, void 0);
63
- _classPrivateFieldInitSpec(this, _belongTo, void 0);
64
- _classPrivateFieldInitSpec(this, _parent, void 0);
65
- _classPrivateFieldInitSpec(this, _children, void 0);
66
- _classPrivateFieldSet2(_key, this, props.key);
67
- _classPrivateFieldSet2(_parent, this, props.parent);
68
- _classPrivateFieldSet2(_belongTo, this, props.belongTo);
69
- _classPrivateFieldSet2(_children, this, []);
70
- // when leaf has grew, let tree collect leaf
71
- _classPrivateFieldGet2(_belongTo, this).collect(this);
72
- }
73
- return _createClass(Leaf, [{
74
- key: "key",
75
- get: function get() {
76
- return _classPrivateFieldGet2(_key, this);
77
- }
78
- }, {
79
- key: "grow",
80
- value: function grow() {
81
- var _this = this;
82
- var toggleableKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
83
- if (toggleableKeys.length > 0) {
84
- toggleableKeys.forEach(function (_toggleableKey) {
85
- var child = new Leaf({
86
- key: _toggleableKey.key,
87
- parent: _this,
88
- belongTo: _classPrivateFieldGet2(_belongTo, _this)
89
- }).grow(_toggleableKey.children);
90
- _classPrivateFieldGet2(_children, _this).push(child);
91
- });
92
- }
93
- return this;
94
- }
95
- }, {
96
- key: "rise",
97
- value: function rise(toggledKeys) {
98
- // if current key is toggled or children is all toggled
99
- // just add current key into toggled keys
100
- // else remove current key
101
- var isToggled = toggledKeys.has(_classPrivateFieldGet2(_key, this)) || _classPrivateFieldGet2(_children, this).every(function (child) {
102
- return toggledKeys.has(child.key);
103
- });
104
- var rised = new Set(toggledKeys);
105
- if (isToggled) {
106
- rised.add(_classPrivateFieldGet2(_key, this));
107
- } else {
108
- rised["delete"](_classPrivateFieldGet2(_key, this));
109
- }
110
- if (_classPrivateFieldGet2(_parent, this)) {
111
- return _classPrivateFieldGet2(_parent, this).rise(rised);
112
- }
113
- return rised;
114
- }
115
- }, {
116
- key: "fall",
117
- value: function fall(isToggled, toggledKeys) {
118
- var _this2 = this;
119
- return _classPrivateFieldGet2(_children, this).reduce(function (prev, leaf) {
120
- // deep loop, remove or add key
121
- var fell = leaf.fall(isToggled, prev);
122
- // toggle true, add key
123
- // toggle false, remove key
124
- if (isToggled) {
125
- fell.add(_classPrivateFieldGet2(_key, _this2));
126
- } else {
127
- fell["delete"](_classPrivateFieldGet2(_key, _this2));
128
- }
129
- return fell;
130
- }, new Set(toggledKeys));
131
- }
132
- }]);
133
- }();
134
- /**
135
- * @description
136
- * toggle able
137
- */
138
- var useToggleable = function useToggleable(toggleableKeys) {
139
- var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
140
- onToggle = _ref.onToggle,
141
- options = _objectWithoutProperties(_ref, _excluded);
142
- /// re-create tree when toggleable keys changed
143
- var tree = useMemo(function () {
144
- return toggleableKeys.reduce(function (_tree, toggleable) {
145
- return _tree.grow(toggleable);
146
- }, new Tree());
147
- }, [toggleableKeys]);
148
- /// use controlled state to record toggled keys
149
- var _useControlledState = useControlledState(options.toggledKeys, {
150
- defaultState: function defaultState() {
151
- return options.isDefaultToggled ? Array.from(Array.from(tree.groupedLeaves.values()).reduce(function (prev, leaves) {
152
- leaves.forEach(function (leaf) {
153
- return prev.add(leaf.key);
154
- });
155
- return prev;
156
- }, new Set())) : [];
157
- }
158
- }),
159
- _useControlledState2 = _slicedToArray(_useControlledState, 2),
160
- _toggledKeys = _useControlledState2[0],
161
- _setToggledKeys = _useControlledState2[1];
162
- /// use set for toggled keys to make it read-only
163
- var readableToggledKeys = useMemo(function () {
164
- return new Set(_toggledKeys);
165
- }, [_toggledKeys]);
166
- /// check current key is toggled
167
- var isToggled = useCallback(function (key) {
168
- return !readableToggledKeys || readableToggledKeys.has(key);
169
- }, [readableToggledKeys]);
170
- /// toggle one key
171
- var toggle = useCallback(function (key) {
172
- // get new toggled keys by toggle current key
173
- var _toggledKeys = Array.from(tree.toggle(key, readableToggledKeys));
174
- // set state
175
- _setToggledKeys(_toggledKeys);
176
- // trigger on toggle callback
177
- onToggle === null || onToggle === void 0 || onToggle(_toggledKeys);
178
- }, [tree, readableToggledKeys, _setToggledKeys, onToggle]);
179
- return {
180
- toggledKeys: readableToggledKeys,
181
- isToggled: isToggled,
182
- toggle: toggle
183
- };
184
- };
185
-
186
- export { useToggleable };
@@ -1,3 +0,0 @@
1
- import { type DependencyList } from 'react';
2
- import type { ThenableEffectCallback } from '../types';
3
- export declare const useUpdateEffect: (callback: ThenableEffectCallback, deps?: DependencyList) => void;
@@ -1,19 +0,0 @@
1
- import { useRef, useEffect } from 'react';
2
- import { useMounted } from './use-mounted.js';
3
- import { effect } from '../utils/effect.js';
4
-
5
- var useUpdateEffect = function useUpdateEffect(callback, deps) {
6
- var isMounted = useRef(false);
7
- useEffect(function () {
8
- if (!isMounted.current) return;
9
- return effect(callback);
10
- }, deps);
11
- useMounted(function () {
12
- isMounted.current = true;
13
- return function () {
14
- isMounted.current = false;
15
- };
16
- });
17
- };
18
-
19
- export { useUpdateEffect };
package/dist/index.d.ts DELETED
@@ -1,61 +0,0 @@
1
- /**
2
- * @description
3
- * hooks
4
- */
5
- export { useBoolean } from './hooks/use-boolean';
6
- export { useDebounceCallback } from './hooks/use-debounce-callback';
7
- export { useThrottleCallback } from './hooks/use-throttle-callback';
8
- export { useImageLoader } from './hooks/use-image-loader';
9
- export { useMount } from './hooks/use-mount';
10
- export { useMounted } from './hooks/use-mounted';
11
- export { useTimeout } from './hooks/use-timeout';
12
- export { useControlledState } from './hooks/use-controlled-state';
13
- export { useDefault } from './hooks/use-default';
14
- export { useScrollLocker } from './hooks/use-scroll-locker';
15
- export { useForceUpdate } from './hooks/use-force-update';
16
- export { useScrollable } from './hooks/use-scrollable';
17
- export { useRefs } from './hooks/use-refs';
18
- export { useToggleable } from './hooks/use-toggleable';
19
- export { useEvent } from './hooks/use-event';
20
- export { useUpdateEffect } from './hooks/use-update-effect';
21
- export { useCounter } from './hooks/use-counter';
22
- export { useHover } from './hooks/use-hover';
23
- export { useFocus } from './hooks/use-focus';
24
- export { useMemorable } from './hooks/use-memorable';
25
- export { useMutateObserver } from './hooks/use-mutate-observer';
26
- export { useRaf } from './hooks/use-raf';
27
- export { useDevicePixelRatio } from './hooks/use-device-pixel-ratio';
28
- export { useIdentity } from './hooks/use-identity';
29
- /**
30
- * @description
31
- * is
32
- */
33
- export { isRefable } from './is/is-refable';
34
- export { isUndefined } from './is/is-undefined';
35
- export { isStateGetter } from './is/is-state-getter';
36
- export { isNull } from './is/is-null';
37
- export { isVoid } from './is/is-void';
38
- export { isArray } from './is/is-array';
39
- export { isComplex } from './is/is-complex';
40
- export { isEmpty } from './is/is-empty';
41
- export { isDomUsable } from './is/is-dom-usable';
42
- export { isMobile } from './is/is-mobile';
43
- export { isOverflow } from './is/is-overflow';
44
- export { isStyleElement } from './is/is-style-element';
45
- export { isFunction } from './is/is-function';
46
- export { isThenable } from './is/is-thenable';
47
- /**
48
- * @description
49
- * utils
50
- */
51
- export { effect } from './utils/effect';
52
- export { unique, uniqueBy } from './utils/unique';
53
- export { range } from './utils/range';
54
- export { clamp } from './utils/clamp';
55
- export { chain } from './utils/chain';
56
- export { debounce } from './utils/debounce';
57
- export { toArray } from './utils/to-array';
58
- export { toFunction } from './utils/to-function';
59
- export { exclude } from './utils/exclude';
60
- export { toFormData } from './utils/to-form-data';
61
- export { setStyle } from './utils/set-style';
package/dist/index.js DELETED
@@ -1,49 +0,0 @@
1
- export { useBoolean } from './hooks/use-boolean.js';
2
- export { useDebounceCallback } from './hooks/use-debounce-callback.js';
3
- export { useThrottleCallback } from './hooks/use-throttle-callback.js';
4
- export { useImageLoader } from './hooks/use-image-loader.js';
5
- export { useMount } from './hooks/use-mount.js';
6
- export { useMounted } from './hooks/use-mounted.js';
7
- export { useTimeout } from './hooks/use-timeout.js';
8
- export { useControlledState } from './hooks/use-controlled-state.js';
9
- export { useDefault } from './hooks/use-default.js';
10
- export { useScrollLocker } from './hooks/use-scroll-locker.js';
11
- export { useForceUpdate } from './hooks/use-force-update.js';
12
- export { useScrollable } from './hooks/use-scrollable.js';
13
- export { useRefs } from './hooks/use-refs.js';
14
- export { useToggleable } from './hooks/use-toggleable.js';
15
- export { useEvent } from './hooks/use-event.js';
16
- export { useUpdateEffect } from './hooks/use-update-effect.js';
17
- export { useCounter } from './hooks/use-counter.js';
18
- export { useHover } from './hooks/use-hover.js';
19
- export { useFocus } from './hooks/use-focus.js';
20
- export { useMemorable } from './hooks/use-memorable.js';
21
- export { useMutateObserver } from './hooks/use-mutate-observer.js';
22
- export { useRaf } from './hooks/use-raf.js';
23
- export { useDevicePixelRatio } from './hooks/use-device-pixel-ratio.js';
24
- export { useIdentity } from './hooks/use-identity.js';
25
- export { isRefable } from './is/is-refable.js';
26
- export { isUndefined } from './is/is-undefined.js';
27
- export { isStateGetter } from './is/is-state-getter.js';
28
- export { isNull } from './is/is-null.js';
29
- export { isVoid } from './is/is-void.js';
30
- export { isArray } from './is/is-array.js';
31
- export { isComplex } from './is/is-complex.js';
32
- export { isEmpty } from './is/is-empty.js';
33
- export { isDomUsable } from './is/is-dom-usable.js';
34
- export { isMobile } from './is/is-mobile.js';
35
- export { isOverflow } from './is/is-overflow.js';
36
- export { isStyleElement } from './is/is-style-element.js';
37
- export { isFunction } from './is/is-function.js';
38
- export { isThenable } from './is/is-thenable.js';
39
- export { effect } from './utils/effect.js';
40
- export { unique, uniqueBy } from './utils/unique.js';
41
- export { range } from './utils/range.js';
42
- export { clamp } from './utils/clamp.js';
43
- export { chain } from './utils/chain.js';
44
- export { debounce } from './utils/debounce.js';
45
- export { toArray } from './utils/to-array.js';
46
- export { toFunction } from './utils/to-function.js';
47
- export { exclude } from './utils/exclude.js';
48
- export { toFormData } from './utils/to-form-data.js';
49
- export { setStyle } from './utils/set-style.js';
@@ -1,5 +0,0 @@
1
- /**
2
- * @description
3
- * is array
4
- */
5
- export declare const isArray: <T>(value: T | T[] | readonly T[]) => value is T[];
@@ -1,9 +0,0 @@
1
- /**
2
- * @description
3
- * is array
4
- */
5
- var isArray = function isArray(value) {
6
- return Array.isArray(value);
7
- };
8
-
9
- export { isArray };
@@ -1,5 +0,0 @@
1
- /**
2
- * @description
3
- * complex
4
- */
5
- export declare const isComplex: (value: unknown) => value is Object;
@@ -1,11 +0,0 @@
1
- import { typeof as _typeof } from '../_virtual/_rollupPluginBabelHelpers.js';
2
-
3
- /**
4
- * @description
5
- * complex
6
- */
7
- var isComplex = function isComplex(value) {
8
- return _typeof(value) === 'object' || typeof value === 'function';
9
- };
10
-
11
- export { isComplex };
@@ -1,5 +0,0 @@
1
- /**
2
- * @description
3
- * if there is dom
4
- */
5
- export declare const isDomUsable: () => boolean;
@@ -1,9 +0,0 @@
1
- /**
2
- * @description
3
- * if there is dom
4
- */
5
- var isDomUsable = function isDomUsable() {
6
- return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
7
- };
8
-
9
- export { isDomUsable };
@@ -1,7 +0,0 @@
1
- /**
2
- * @author murukal
3
- *
4
- * @description
5
- * is empty
6
- */
7
- export declare const isEmpty: (value?: Object | unknown[] | string | number | boolean | null) => boolean;