@vef-framework/hooks 2.0.3 → 2.0.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.
- package/dist/cjs/index.cjs +1 -172
- package/dist/cjs/lib.cjs +1 -148
- package/dist/cjs/use-authorized-items/index.cjs +1 -20
- package/dist/cjs/use-breakpoints/index.cjs +1 -74
- package/dist/cjs/use-check-permission/index.cjs +1 -18
- package/dist/cjs/use-data-dict-query/index.cjs +1 -34
- package/dist/cjs/use-data-options/index.cjs +1 -119
- package/dist/cjs/use-deep-callback/index.cjs +1 -13
- package/dist/cjs/use-deep-compare/index.cjs +1 -36
- package/dist/cjs/use-deep-effect/index.cjs +1 -13
- package/dist/cjs/use-deep-isomorphic-effect/index.cjs +1 -14
- package/dist/cjs/use-deep-layout-effect/index.cjs +1 -13
- package/dist/cjs/use-deep-memo/index.cjs +1 -13
- package/dist/cjs/use-document-event/index.cjs +1 -22
- package/dist/cjs/use-emitter-event/index.cjs +1 -22
- package/dist/cjs/use-has-fetching/index.cjs +1 -17
- package/dist/cjs/use-has-mutating/index.cjs +1 -16
- package/dist/cjs/use-is-authorized/index.cjs +1 -18
- package/dist/cjs/use-latest/index.cjs +1 -14
- package/dist/cjs/use-raf-state/index.cjs +1 -23
- package/dist/cjs/use-shallow-callback/index.cjs +1 -13
- package/dist/cjs/use-shallow-compare/index.cjs +1 -36
- package/dist/cjs/use-shallow-effect/index.cjs +1 -13
- package/dist/cjs/use-shallow-isomorphic-effect/index.cjs +1 -14
- package/dist/cjs/use-shallow-layout-effect/index.cjs +1 -13
- package/dist/cjs/use-shallow-memo/index.cjs +1 -13
- package/dist/cjs/use-singleton/index.cjs +1 -16
- package/dist/es/index.js +85 -29
- package/dist/es/lib.js +51 -23
- package/dist/es/use-authorized-items/index.js +12 -13
- package/dist/es/use-breakpoints/index.js +43 -58
- package/dist/es/use-check-permission/index.js +10 -12
- package/dist/es/use-data-dict-query/index.js +22 -26
- package/dist/es/use-data-options/index.js +72 -105
- package/dist/es/use-deep-callback/index.js +7 -8
- package/dist/es/use-deep-compare/index.js +19 -30
- package/dist/es/use-deep-effect/index.js +7 -8
- package/dist/es/use-deep-isomorphic-effect/index.js +8 -9
- package/dist/es/use-deep-layout-effect/index.js +7 -8
- package/dist/es/use-deep-memo/index.js +7 -8
- package/dist/es/use-document-event/index.js +13 -15
- package/dist/es/use-emitter-event/index.js +12 -13
- package/dist/es/use-has-fetching/index.js +9 -11
- package/dist/es/use-has-mutating/index.js +9 -11
- package/dist/es/use-is-authorized/index.js +10 -12
- package/dist/es/use-latest/index.js +7 -9
- package/dist/es/use-raf-state/index.js +11 -16
- package/dist/es/use-shallow-callback/index.js +7 -8
- package/dist/es/use-shallow-compare/index.js +19 -30
- package/dist/es/use-shallow-effect/index.js +7 -8
- package/dist/es/use-shallow-isomorphic-effect/index.js +8 -9
- package/dist/es/use-shallow-layout-effect/index.js +7 -8
- package/dist/es/use-shallow-memo/index.js +7 -8
- package/dist/es/use-singleton/index.js +7 -11
- package/package.json +3 -3
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
const index = require('../use-deep-compare/index.cjs');
|
|
8
|
-
|
|
9
|
-
function useDeepEffect(effect, dependencies) {
|
|
10
|
-
return react.useEffect(effect, index.useDeepCompare(dependencies));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
exports.useDeepEffect = useDeepEffect;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=require("../use-deep-compare/index.cjs");function c(e,t){return r.useEffect(e,u.useDeepCompare(t))}exports.useDeepEffect=c;
|
|
@@ -1,14 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
require('../lib.cjs');
|
|
7
|
-
const index = require('../use-deep-compare/index.cjs');
|
|
8
|
-
const hooks = require('@mantine/hooks');
|
|
9
|
-
|
|
10
|
-
function useDeepIsomorphicEffect(effect, dependencies) {
|
|
11
|
-
return hooks.useIsomorphicEffect(effect, index.useDeepCompare(dependencies));
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.useDeepIsomorphicEffect = useDeepIsomorphicEffect;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../lib.cjs");const r=require("../use-deep-compare/index.cjs"),t=require("@mantine/hooks");function s(e,o){return t.useIsomorphicEffect(e,r.useDeepCompare(o))}exports.useDeepIsomorphicEffect=s;
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
const index = require('../use-deep-compare/index.cjs');
|
|
8
|
-
|
|
9
|
-
function useDeepLayoutEffect(effect, dependencies) {
|
|
10
|
-
return react.useLayoutEffect(effect, index.useDeepCompare(dependencies));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
exports.useDeepLayoutEffect = useDeepLayoutEffect;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),r=require("../use-deep-compare/index.cjs");function o(e,t){return u.useLayoutEffect(e,r.useDeepCompare(t))}exports.useDeepLayoutEffect=o;
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
const index = require('../use-deep-compare/index.cjs');
|
|
8
|
-
|
|
9
|
-
function useDeepMemo(factory, dependencies) {
|
|
10
|
-
return react.useMemo(factory, index.useDeepCompare(dependencies));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
exports.useDeepMemo = useDeepMemo;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=require("../use-deep-compare/index.cjs");function u(e,r){return o.useMemo(e,t.useDeepCompare(r))}exports.useDeepMemo=u;
|
|
@@ -1,22 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const index = require('../use-latest/index.cjs');
|
|
7
|
-
const index$1 = require('../use-shallow-effect/index.cjs');
|
|
8
|
-
|
|
9
|
-
function useDocumentEvent(type, listener, options) {
|
|
10
|
-
const listenerFn = index.useLatest(listener);
|
|
11
|
-
index$1.useShallowEffect(() => {
|
|
12
|
-
function handleEvent(event) {
|
|
13
|
-
listenerFn.current.call(this, event);
|
|
14
|
-
}
|
|
15
|
-
document.addEventListener(type, handleEvent, options);
|
|
16
|
-
return () => {
|
|
17
|
-
document.removeEventListener(type, handleEvent, options);
|
|
18
|
-
};
|
|
19
|
-
}, [type, options, listenerFn]);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
exports.useDocumentEvent = useDocumentEvent;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../use-latest/index.cjs"),i=require("../use-shallow-effect/index.cjs");function o(e,r,n){const t=s.useLatest(r);i.useShallowEffect(()=>{function u(c){t.current.call(this,c)}return document.addEventListener(e,u,n),()=>{document.removeEventListener(e,u,n)}},[e,n,t])}exports.useDocumentEvent=o;
|
|
@@ -1,22 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
require('@vef-framework/shared');
|
|
7
|
-
const react = require('react');
|
|
8
|
-
|
|
9
|
-
function useEmitterEvent(emitter, eventType, eventListener) {
|
|
10
|
-
const listenerFn = react.useEffectEvent(eventListener);
|
|
11
|
-
react.useEffect(
|
|
12
|
-
() => {
|
|
13
|
-
const handler = (...args) => {
|
|
14
|
-
listenerFn(...args);
|
|
15
|
-
};
|
|
16
|
-
return emitter.on(eventType, handler);
|
|
17
|
-
},
|
|
18
|
-
[emitter, eventType]
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
exports.useEmitterEvent = useEmitterEvent;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vef-framework/shared");const n=require("react");function o(e,t,r){const u=n.useEffectEvent(r);n.useEffect(()=>{const s=(...c)=>{u(...c)};return e.on(t,s)},[e,t])}exports.useEmitterEvent=o;
|
|
@@ -1,17 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const core = require('@vef-framework/core');
|
|
7
|
-
|
|
8
|
-
function useHasFetching(key, params) {
|
|
9
|
-
const count = core.useIsFetching({
|
|
10
|
-
queryKey: params ? [key, params] : [key],
|
|
11
|
-
exact: false,
|
|
12
|
-
type: "active"
|
|
13
|
-
});
|
|
14
|
-
return count > 0;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
exports.useHasFetching = useHasFetching;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@vef-framework/core");function n(e,t){return c.useIsFetching({queryKey:t?[e,t]:[e],exact:!1,type:"active"})>0}exports.useHasFetching=n;
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const core = require('@vef-framework/core');
|
|
7
|
-
|
|
8
|
-
function useHasMutating(key) {
|
|
9
|
-
const count = core.useIsMutating({
|
|
10
|
-
mutationKey: [key],
|
|
11
|
-
exact: false
|
|
12
|
-
});
|
|
13
|
-
return count > 0;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
exports.useHasMutating = useHasMutating;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/core");function u(t){return e.useIsMutating({mutationKey:[t],exact:!1})>0}exports.useHasMutating=u;
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const core = require('@vef-framework/core');
|
|
7
|
-
const react = require('react');
|
|
8
|
-
|
|
9
|
-
function useIsAuthorized(permTokens, checkMode) {
|
|
10
|
-
const { hasPermission = () => true } = core.useAppContext();
|
|
11
|
-
const isAuthorized = react.useMemo(
|
|
12
|
-
() => core.checkPermission(hasPermission, permTokens, checkMode),
|
|
13
|
-
[permTokens, checkMode, hasPermission]
|
|
14
|
-
);
|
|
15
|
-
return isAuthorized;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
exports.useIsAuthorized = useIsAuthorized;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vef-framework/core"),i=require("react");function o(e,t){const{hasPermission:r=()=>!0}=s.useAppContext();return i.useMemo(()=>s.checkPermission(r,e,t),[e,t,r])}exports.useIsAuthorized=o;
|
|
@@ -1,14 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
|
|
8
|
-
function useLatest(value) {
|
|
9
|
-
const ref = react.useRef(value);
|
|
10
|
-
ref.current = value;
|
|
11
|
-
return ref;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.useLatest = useLatest;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function s(e){const t=r.useRef(e);return t.current=e,t}exports.useLatest=s;
|
|
@@ -1,23 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
|
|
8
|
-
function useRafState(initialState) {
|
|
9
|
-
const frameId = react.useRef(0);
|
|
10
|
-
const [state, setState] = react.useState(initialState);
|
|
11
|
-
const setRafState = react.useCallback((state2) => {
|
|
12
|
-
cancelAnimationFrame(frameId.current);
|
|
13
|
-
frameId.current = requestAnimationFrame(() => {
|
|
14
|
-
setState(state2);
|
|
15
|
-
});
|
|
16
|
-
}, []);
|
|
17
|
-
react.useEffect(() => () => {
|
|
18
|
-
cancelAnimationFrame(frameId.current);
|
|
19
|
-
}, []);
|
|
20
|
-
return [state, setRafState];
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
exports.useRafState = useRafState;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function u(a){const t=e.useRef(0),[n,r]=e.useState(a),c=e.useCallback(s=>{cancelAnimationFrame(t.current),t.current=requestAnimationFrame(()=>{r(s)})},[]);return e.useEffect(()=>()=>{cancelAnimationFrame(t.current)},[]),[n,c]}exports.useRafState=u;
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
const index = require('../use-shallow-compare/index.cjs');
|
|
8
|
-
|
|
9
|
-
function useShallowCallback(callback, dependencies) {
|
|
10
|
-
return react.useCallback(callback, index.useShallowCompare(dependencies));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
exports.useShallowCallback = useShallowCallback;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),r=require("../use-shallow-compare/index.cjs");function o(e,l){return a.useCallback(e,r.useShallowCompare(l))}exports.useShallowCallback=o;
|
|
@@ -1,36 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const shared = require('@vef-framework/shared');
|
|
7
|
-
const react = require('react');
|
|
8
|
-
|
|
9
|
-
function useShallowCompare(dependencies) {
|
|
10
|
-
const ref = react.useRef(void 0);
|
|
11
|
-
const signalRef = react.useRef(0);
|
|
12
|
-
if (!shallowCompare(ref.current, dependencies)) {
|
|
13
|
-
ref.current = dependencies;
|
|
14
|
-
signalRef.current += 1;
|
|
15
|
-
}
|
|
16
|
-
return [signalRef.current];
|
|
17
|
-
}
|
|
18
|
-
function shallowCompare(previous, current) {
|
|
19
|
-
if (!previous || !current) {
|
|
20
|
-
return false;
|
|
21
|
-
}
|
|
22
|
-
if (Object.is(previous, current)) {
|
|
23
|
-
return true;
|
|
24
|
-
}
|
|
25
|
-
if (previous.length !== current.length) {
|
|
26
|
-
return false;
|
|
27
|
-
}
|
|
28
|
-
for (const [index, element] of previous.entries()) {
|
|
29
|
-
if (!shared.isShallowEqual(element, current[index])) {
|
|
30
|
-
return false;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
return true;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
exports.useShallowCompare = useShallowCompare;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vef-framework/shared"),n=require("react");function u(e){const r=n.useRef(void 0),t=n.useRef(0);return f(r.current,e)||(r.current=e,t.current+=1),[t.current]}function f(e,r){if(!e||!r)return!1;if(Object.is(e,r))return!0;if(e.length!==r.length)return!1;for(const[t,l]of e.entries())if(!o.isShallowEqual(l,r[t]))return!1;return!0}exports.useShallowCompare=u;
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
const index = require('../use-shallow-compare/index.cjs');
|
|
8
|
-
|
|
9
|
-
function useShallowEffect(effect, dependencies) {
|
|
10
|
-
return react.useEffect(effect, index.useShallowCompare(dependencies));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
exports.useShallowEffect = useShallowEffect;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("../use-shallow-compare/index.cjs");function u(e,t){return r.useEffect(e,o.useShallowCompare(t))}exports.useShallowEffect=u;
|
|
@@ -1,14 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
require('../lib.cjs');
|
|
7
|
-
const index = require('../use-shallow-compare/index.cjs');
|
|
8
|
-
const hooks = require('@mantine/hooks');
|
|
9
|
-
|
|
10
|
-
function useShallowIsomorphicEffect(effect, dependencies) {
|
|
11
|
-
return hooks.useIsomorphicEffect(effect, index.useShallowCompare(dependencies));
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.useShallowIsomorphicEffect = useShallowIsomorphicEffect;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../lib.cjs");const r=require("../use-shallow-compare/index.cjs"),t=require("@mantine/hooks");function s(e,o){return t.useIsomorphicEffect(e,r.useShallowCompare(o))}exports.useShallowIsomorphicEffect=s;
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
const index = require('../use-shallow-compare/index.cjs');
|
|
8
|
-
|
|
9
|
-
function useShallowLayoutEffect(effect, dependencies) {
|
|
10
|
-
return react.useLayoutEffect(effect, index.useShallowCompare(dependencies));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
exports.useShallowLayoutEffect = useShallowLayoutEffect;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),u=require("../use-shallow-compare/index.cjs");function r(e,t){return o.useLayoutEffect(e,u.useShallowCompare(t))}exports.useShallowLayoutEffect=r;
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
const index = require('../use-shallow-compare/index.cjs');
|
|
8
|
-
|
|
9
|
-
function useShallowMemo(factory, dependencies) {
|
|
10
|
-
return react.useMemo(factory, index.useShallowCompare(dependencies));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
exports.useShallowMemo = useShallowMemo;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("../use-shallow-compare/index.cjs");function u(e,o){return r.useMemo(e,t.useShallowCompare(o))}exports.useShallowMemo=u;
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
|
|
8
|
-
function useSingleton(initializer) {
|
|
9
|
-
const ref = react.useRef(null);
|
|
10
|
-
if (ref.current === null) {
|
|
11
|
-
ref.current = initializer();
|
|
12
|
-
}
|
|
13
|
-
return ref;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
exports.useSingleton = useSingleton;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function r(n){const e=t.useRef(null);return e.current===null&&(e.current=n()),e}exports.useSingleton=r;
|
package/dist/es/index.js
CHANGED
|
@@ -1,29 +1,85 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
export {
|
|
1
|
+
import { useColorScheme as r, useMediaQuery as t, useReducedMotion as s } from "./lib.js";
|
|
2
|
+
import { useAuthorizedItems as f } from "./use-authorized-items/index.js";
|
|
3
|
+
import { useBreakpoints as p } from "./use-breakpoints/index.js";
|
|
4
|
+
import { useCheckPermission as n } from "./use-check-permission/index.js";
|
|
5
|
+
import { useDataDictQuery as x } from "./use-data-dict-query/index.js";
|
|
6
|
+
import { useDataOptionsQuery as l } from "./use-data-options/index.js";
|
|
7
|
+
import { useDeepCallback as D } from "./use-deep-callback/index.js";
|
|
8
|
+
import { useDeepCompare as E } from "./use-deep-compare/index.js";
|
|
9
|
+
import { useDeepEffect as k } from "./use-deep-effect/index.js";
|
|
10
|
+
import { useDeepIsomorphicEffect as v } from "./use-deep-isomorphic-effect/index.js";
|
|
11
|
+
import { useDeepLayoutEffect as C } from "./use-deep-layout-effect/index.js";
|
|
12
|
+
import { useDeepMemo as I } from "./use-deep-memo/index.js";
|
|
13
|
+
import { useDocumentEvent as R } from "./use-document-event/index.js";
|
|
14
|
+
import { useEmitterEvent as w } from "./use-emitter-event/index.js";
|
|
15
|
+
import { useHasFetching as F } from "./use-has-fetching/index.js";
|
|
16
|
+
import { useHasMutating as O } from "./use-has-mutating/index.js";
|
|
17
|
+
import { useIsAuthorized as Q } from "./use-is-authorized/index.js";
|
|
18
|
+
import { useLatest as A } from "./use-latest/index.js";
|
|
19
|
+
import { useRafState as U } from "./use-raf-state/index.js";
|
|
20
|
+
import { useShallowCallback as W } from "./use-shallow-callback/index.js";
|
|
21
|
+
import { useShallowCompare as q } from "./use-shallow-compare/index.js";
|
|
22
|
+
import { useShallowEffect as J } from "./use-shallow-effect/index.js";
|
|
23
|
+
import { useShallowIsomorphicEffect as N } from "./use-shallow-isomorphic-effect/index.js";
|
|
24
|
+
import { useShallowLayoutEffect as Y } from "./use-shallow-layout-effect/index.js";
|
|
25
|
+
import { useShallowMemo as _ } from "./use-shallow-memo/index.js";
|
|
26
|
+
import { useSingleton as ee } from "./use-singleton/index.js";
|
|
27
|
+
import { assignRef as re, getHotkeyHandler as te, mergeRefs as se, useDebouncedCallback as ue, useDebouncedState as fe, useDebouncedValue as me, useDidUpdate as pe, useDocumentTitle as ae, useElementSize as ne, useEventListener as ie, useFocusTrap as xe, useFullscreen as ce, useIntersection as le, useInterval as de, useIsFirstRender as De, useIsomorphicEffect as he, useMergedRef as Ee, useMounted as Se, useMutationObserver as ke, usePrevious as ye, useResizeObserver as ve, useTimeout as be, useWindowEvent as Ce } from "@mantine/hooks";
|
|
28
|
+
import { HotkeysProvider as Ie, useHotkeys as Me, useHotkeysContext as Re, useRecordHotkeys as ge } from "react-hotkeys-hook";
|
|
29
|
+
export {
|
|
30
|
+
Ie as HotkeysProvider,
|
|
31
|
+
re as assignRef,
|
|
32
|
+
te as getHotkeyHandler,
|
|
33
|
+
se as mergeRefs,
|
|
34
|
+
f as useAuthorizedItems,
|
|
35
|
+
p as useBreakpoints,
|
|
36
|
+
n as useCheckPermission,
|
|
37
|
+
r as useColorScheme,
|
|
38
|
+
x as useDataDictQuery,
|
|
39
|
+
l as useDataOptionsQuery,
|
|
40
|
+
ue as useDebouncedCallback,
|
|
41
|
+
fe as useDebouncedState,
|
|
42
|
+
me as useDebouncedValue,
|
|
43
|
+
D as useDeepCallback,
|
|
44
|
+
E as useDeepCompare,
|
|
45
|
+
k as useDeepEffect,
|
|
46
|
+
v as useDeepIsomorphicEffect,
|
|
47
|
+
C as useDeepLayoutEffect,
|
|
48
|
+
I as useDeepMemo,
|
|
49
|
+
pe as useDidUpdate,
|
|
50
|
+
R as useDocumentEvent,
|
|
51
|
+
ae as useDocumentTitle,
|
|
52
|
+
ne as useElementSize,
|
|
53
|
+
w as useEmitterEvent,
|
|
54
|
+
ie as useEventListener,
|
|
55
|
+
xe as useFocusTrap,
|
|
56
|
+
ce as useFullscreen,
|
|
57
|
+
F as useHasFetching,
|
|
58
|
+
O as useHasMutating,
|
|
59
|
+
Me as useHotkeys,
|
|
60
|
+
Re as useHotkeysContext,
|
|
61
|
+
le as useIntersection,
|
|
62
|
+
de as useInterval,
|
|
63
|
+
Q as useIsAuthorized,
|
|
64
|
+
De as useIsFirstRender,
|
|
65
|
+
he as useIsomorphicEffect,
|
|
66
|
+
A as useLatest,
|
|
67
|
+
t as useMediaQuery,
|
|
68
|
+
Ee as useMergedRef,
|
|
69
|
+
Se as useMounted,
|
|
70
|
+
ke as useMutationObserver,
|
|
71
|
+
ye as usePrevious,
|
|
72
|
+
U as useRafState,
|
|
73
|
+
ge as useRecordHotkeys,
|
|
74
|
+
s as useReducedMotion,
|
|
75
|
+
ve as useResizeObserver,
|
|
76
|
+
W as useShallowCallback,
|
|
77
|
+
q as useShallowCompare,
|
|
78
|
+
J as useShallowEffect,
|
|
79
|
+
N as useShallowIsomorphicEffect,
|
|
80
|
+
Y as useShallowLayoutEffect,
|
|
81
|
+
_ as useShallowMemo,
|
|
82
|
+
ee as useSingleton,
|
|
83
|
+
be as useTimeout,
|
|
84
|
+
Ce as useWindowEvent
|
|
85
|
+
};
|
package/dist/es/lib.js
CHANGED
|
@@ -1,35 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
query,
|
|
10
|
-
initialValue,
|
|
1
|
+
import { useMediaQuery as o, useColorScheme as n, useReducedMotion as r } from "@mantine/hooks";
|
|
2
|
+
import { assignRef as m, getHotkeyHandler as I, mergeRefs as M, useDebouncedCallback as R, useDebouncedState as y, useDebouncedValue as g, useDidUpdate as p, useDocumentTitle as v, useElementSize as E, useEventListener as b, useFocusTrap as k, useFullscreen as H, useIntersection as C, useInterval as D, useIsFirstRender as S, useIsomorphicEffect as h, useMergedRef as x, useMounted as V, useMutationObserver as F, usePrevious as Q, useResizeObserver as T, useTimeout as $, useWindowEvent as z } from "@mantine/hooks";
|
|
3
|
+
import { HotkeysProvider as P, useHotkeys as w, useHotkeysContext as L, useRecordHotkeys as U } from "react-hotkeys-hook";
|
|
4
|
+
function c(e, s, u) {
|
|
5
|
+
const { getInitialValueInEffect: t = !1 } = u ?? {};
|
|
6
|
+
return o(
|
|
7
|
+
e,
|
|
8
|
+
s,
|
|
11
9
|
{
|
|
12
|
-
getInitialValueInEffect
|
|
10
|
+
getInitialValueInEffect: t
|
|
13
11
|
}
|
|
14
12
|
);
|
|
15
13
|
}
|
|
16
|
-
function
|
|
17
|
-
const { getInitialValueInEffect =
|
|
18
|
-
return
|
|
19
|
-
|
|
14
|
+
function a(e, s) {
|
|
15
|
+
const { getInitialValueInEffect: u = !1 } = s ?? {};
|
|
16
|
+
return n(
|
|
17
|
+
e,
|
|
20
18
|
{
|
|
21
|
-
getInitialValueInEffect
|
|
19
|
+
getInitialValueInEffect: u
|
|
22
20
|
}
|
|
23
21
|
);
|
|
24
22
|
}
|
|
25
|
-
function
|
|
26
|
-
const { getInitialValueInEffect =
|
|
27
|
-
return
|
|
28
|
-
|
|
23
|
+
function d(e, s) {
|
|
24
|
+
const { getInitialValueInEffect: u = !1 } = s ?? {};
|
|
25
|
+
return r(
|
|
26
|
+
e,
|
|
29
27
|
{
|
|
30
|
-
getInitialValueInEffect
|
|
28
|
+
getInitialValueInEffect: u
|
|
31
29
|
}
|
|
32
30
|
);
|
|
33
31
|
}
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
export {
|
|
33
|
+
P as HotkeysProvider,
|
|
34
|
+
m as assignRef,
|
|
35
|
+
I as getHotkeyHandler,
|
|
36
|
+
M as mergeRefs,
|
|
37
|
+
a as useColorScheme,
|
|
38
|
+
R as useDebouncedCallback,
|
|
39
|
+
y as useDebouncedState,
|
|
40
|
+
g as useDebouncedValue,
|
|
41
|
+
p as useDidUpdate,
|
|
42
|
+
v as useDocumentTitle,
|
|
43
|
+
E as useElementSize,
|
|
44
|
+
b as useEventListener,
|
|
45
|
+
k as useFocusTrap,
|
|
46
|
+
H as useFullscreen,
|
|
47
|
+
w as useHotkeys,
|
|
48
|
+
L as useHotkeysContext,
|
|
49
|
+
C as useIntersection,
|
|
50
|
+
D as useInterval,
|
|
51
|
+
S as useIsFirstRender,
|
|
52
|
+
h as useIsomorphicEffect,
|
|
53
|
+
c as useMediaQuery,
|
|
54
|
+
x as useMergedRef,
|
|
55
|
+
V as useMounted,
|
|
56
|
+
F as useMutationObserver,
|
|
57
|
+
Q as usePrevious,
|
|
58
|
+
U as useRecordHotkeys,
|
|
59
|
+
d as useReducedMotion,
|
|
60
|
+
T as useResizeObserver,
|
|
61
|
+
$ as useTimeout,
|
|
62
|
+
z as useWindowEvent
|
|
63
|
+
};
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const { permTokens, checkMode = "any" } = item;
|
|
10
|
-
return checkPermission(hasPermission, permTokens, checkMode);
|
|
1
|
+
import { useAppContext as s, checkPermission as i } from "@vef-framework/core";
|
|
2
|
+
import { useMemo as m } from "react";
|
|
3
|
+
function p(e) {
|
|
4
|
+
const { hasPermission: o = () => !0 } = s();
|
|
5
|
+
return m(
|
|
6
|
+
() => e.filter((r) => {
|
|
7
|
+
const { permTokens: t, checkMode: n = "any" } = r;
|
|
8
|
+
return i(o, t, n);
|
|
11
9
|
}),
|
|
12
|
-
[
|
|
10
|
+
[e, o]
|
|
13
11
|
);
|
|
14
12
|
}
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
export {
|
|
14
|
+
p as useAuthorizedItems
|
|
15
|
+
};
|