@softlutions/hooks 1.0.3
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/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +12 -0
- package/dist/index.js.map +1 -0
- package/dist/use-boolean.d.ts +10 -0
- package/dist/use-boolean.d.ts.map +1 -0
- package/dist/use-boolean.js +22 -0
- package/dist/use-boolean.js.map +1 -0
- package/dist/use-check-role.d.ts +8 -0
- package/dist/use-check-role.d.ts.map +1 -0
- package/dist/use-check-role.js +29 -0
- package/dist/use-check-role.js.map +1 -0
- package/dist/use-copy-to-clipboard.d.ts +9 -0
- package/dist/use-copy-to-clipboard.d.ts.map +1 -0
- package/dist/use-copy-to-clipboard.js +23 -0
- package/dist/use-copy-to-clipboard.js.map +1 -0
- package/dist/use-countdown.d.ts +16 -0
- package/dist/use-countdown.d.ts.map +1 -0
- package/dist/use-countdown.js +55 -0
- package/dist/use-countdown.js.map +1 -0
- package/dist/use-debounce.d.ts +4 -0
- package/dist/use-debounce.d.ts.map +1 -0
- package/dist/use-debounce.js +14 -0
- package/dist/use-debounce.js.map +1 -0
- package/dist/use-double-click.d.ts +8 -0
- package/dist/use-double-click.d.ts.map +1 -0
- package/dist/use-double-click.js +22 -0
- package/dist/use-double-click.js.map +1 -0
- package/dist/use-effect-skip-first.d.ts +3 -0
- package/dist/use-effect-skip-first.d.ts.map +1 -0
- package/dist/use-effect-skip-first.js +13 -0
- package/dist/use-effect-skip-first.js.map +1 -0
- package/dist/use-error.d.ts +13 -0
- package/dist/use-error.d.ts.map +1 -0
- package/dist/use-error.js +37 -0
- package/dist/use-error.js.map +1 -0
- package/dist/use-event-listener.d.ts +5 -0
- package/dist/use-event-listener.d.ts.map +1 -0
- package/dist/use-event-listener.js +26 -0
- package/dist/use-event-listener.js.map +1 -0
- package/dist/use-off-set-top.d.ts +8 -0
- package/dist/use-off-set-top.d.ts.map +1 -0
- package/dist/use-off-set-top.js +23 -0
- package/dist/use-off-set-top.js.map +1 -0
- package/dist/use-responsive.d.ts +8 -0
- package/dist/use-responsive.d.ts.map +1 -0
- package/dist/use-responsive.js +29 -0
- package/dist/use-responsive.js.map +1 -0
- package/package.json +41 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export * from './use-boolean';
|
|
2
|
+
export * from './use-check-role';
|
|
3
|
+
export * from './use-copy-to-clipboard';
|
|
4
|
+
export * from './use-countdown';
|
|
5
|
+
export * from './use-debounce';
|
|
6
|
+
export * from './use-double-click';
|
|
7
|
+
export * from './use-effect-skip-first';
|
|
8
|
+
export * from './use-error';
|
|
9
|
+
export * from './use-event-listener';
|
|
10
|
+
export * from './use-off-set-top';
|
|
11
|
+
export * from './use-responsive';
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export * from './use-boolean';
|
|
2
|
+
export * from './use-check-role';
|
|
3
|
+
export * from './use-copy-to-clipboard';
|
|
4
|
+
export * from './use-countdown';
|
|
5
|
+
export * from './use-debounce';
|
|
6
|
+
export * from './use-double-click';
|
|
7
|
+
export * from './use-effect-skip-first';
|
|
8
|
+
export * from './use-error';
|
|
9
|
+
export * from './use-event-listener';
|
|
10
|
+
export * from './use-off-set-top';
|
|
11
|
+
export * from './use-responsive';
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface ReturnType {
|
|
2
|
+
value: boolean;
|
|
3
|
+
onTrue: () => void;
|
|
4
|
+
onFalse: () => void;
|
|
5
|
+
onToggle: () => void;
|
|
6
|
+
setValue: React.Dispatch<React.SetStateAction<boolean>>;
|
|
7
|
+
}
|
|
8
|
+
export declare function useBoolean(defaultValue?: boolean): ReturnType;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=use-boolean.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-boolean.d.ts","sourceRoot":"","sources":["../src/use-boolean.ts"],"names":[],"mappings":"AAMA,UAAU,UAAU;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACzD;AAED,wBAAgB,UAAU,CAAC,YAAY,CAAC,EAAE,OAAO,GAAG,UAAU,CAsB7D"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useCallback, useState } from 'react';
|
|
3
|
+
export function useBoolean(defaultValue) {
|
|
4
|
+
const [value, setValue] = useState(!!defaultValue);
|
|
5
|
+
const onTrue = useCallback(() => {
|
|
6
|
+
setValue(true);
|
|
7
|
+
}, []);
|
|
8
|
+
const onFalse = useCallback(() => {
|
|
9
|
+
setValue(false);
|
|
10
|
+
}, []);
|
|
11
|
+
const onToggle = useCallback(() => {
|
|
12
|
+
setValue((prev) => !prev);
|
|
13
|
+
}, []);
|
|
14
|
+
return {
|
|
15
|
+
value,
|
|
16
|
+
onTrue,
|
|
17
|
+
onFalse,
|
|
18
|
+
onToggle,
|
|
19
|
+
setValue,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=use-boolean.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-boolean.js","sourceRoot":"","sources":["../src/use-boolean.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAY9C,MAAM,UAAU,UAAU,CAAC,YAAsB;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAEnD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,KAAK;QACL,MAAM;QACN,OAAO;QACP,QAAQ;QACR,QAAQ;KACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type IRolesCan = 'admin' | 'funcionario' | 'supervisor' | 'contabilidade' | 'master' | 'gerente' | 'suporte';
|
|
2
|
+
export type IRolesCannot = `!${IRolesCan}`;
|
|
3
|
+
export type IUseCheckRoleProps = readonly (IRolesCan | IRolesCannot)[];
|
|
4
|
+
export declare function setRole(role: string | undefined): void;
|
|
5
|
+
export declare function clearRole(): void;
|
|
6
|
+
export declare function getRole(): string | undefined;
|
|
7
|
+
export declare function checkRole(roles?: IUseCheckRoleProps): boolean;
|
|
8
|
+
//# sourceMappingURL=use-check-role.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-check-role.d.ts","sourceRoot":"","sources":["../src/use-check-role.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,SAAS,GACf,OAAO,GACP,aAAa,GACb,YAAY,GACZ,eAAe,GACf,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AAEhB,MAAM,MAAM,YAAY,GAAG,IAAI,SAAS,EAAE,CAAC;AAC3C,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE,CAAC;AAOvE,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,QAE/C;AAED,wBAAgB,SAAS,SAExB;AAED,wBAAgB,OAAO,uBAEtB;AAED,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,OAAO,CAkB7D"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
let _role;
|
|
2
|
+
const norm = (s) => s.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();
|
|
3
|
+
export function setRole(role) {
|
|
4
|
+
_role = role?.trim();
|
|
5
|
+
}
|
|
6
|
+
export function clearRole() {
|
|
7
|
+
_role = undefined;
|
|
8
|
+
}
|
|
9
|
+
export function getRole() {
|
|
10
|
+
return _role;
|
|
11
|
+
}
|
|
12
|
+
export function checkRole(roles) {
|
|
13
|
+
if (!roles || roles.length === 0)
|
|
14
|
+
return true;
|
|
15
|
+
const current = _role;
|
|
16
|
+
if (!current)
|
|
17
|
+
return false;
|
|
18
|
+
const userRole = norm(current);
|
|
19
|
+
const hasNegation = roles.some((r) => String(r).startsWith('!'));
|
|
20
|
+
if (hasNegation) {
|
|
21
|
+
return roles.every((r) => {
|
|
22
|
+
const rr = String(r);
|
|
23
|
+
const target = rr.startsWith('!') ? rr.slice(1) : rr;
|
|
24
|
+
return userRole !== norm(target);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return roles.some((r) => norm(String(r)) === userRole);
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=use-check-role.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-check-role.js","sourceRoot":"","sources":["../src/use-check-role.ts"],"names":[],"mappings":"AAaA,IAAI,KAAyB,CAAC;AAE9B,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE,CACvB,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;AAErE,MAAM,UAAU,OAAO,CAAC,IAAwB;IAC5C,KAAK,GAAG,IAAI,EAAE,IAAI,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,SAAS;IACrB,KAAK,GAAG,SAAS,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,OAAO;IACnB,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAA0B;IAChD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE9C,MAAM,OAAO,GAAG,KAAK,CAAC;IACtB,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAE3B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;IAEjE,IAAI,WAAW,EAAE,CAAC;QACd,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACrB,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACrB,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACrD,OAAO,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC;AAC3D,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type CopiedValue = string | null;
|
|
2
|
+
type CopyFn = (text: string) => Promise<boolean>;
|
|
3
|
+
type ReturnType = {
|
|
4
|
+
copy: CopyFn;
|
|
5
|
+
copiedText: CopiedValue;
|
|
6
|
+
};
|
|
7
|
+
export declare function useCopyToClipboard(): ReturnType;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=use-copy-to-clipboard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-copy-to-clipboard.d.ts","sourceRoot":"","sources":["../src/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAIA,KAAK,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;AAEjC,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAEjD,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,wBAAgB,kBAAkB,IAAI,UAAU,CAsB/C"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
export function useCopyToClipboard() {
|
|
3
|
+
const [copiedText, setCopiedText] = useState(null);
|
|
4
|
+
const copy = async (text) => {
|
|
5
|
+
if (!navigator?.clipboard) {
|
|
6
|
+
console.warn('Clipboard not supported');
|
|
7
|
+
return false;
|
|
8
|
+
}
|
|
9
|
+
// Try to save to clipboard then save it in the state if worked
|
|
10
|
+
try {
|
|
11
|
+
await navigator.clipboard.writeText(text);
|
|
12
|
+
setCopiedText(text);
|
|
13
|
+
return true;
|
|
14
|
+
}
|
|
15
|
+
catch (error) {
|
|
16
|
+
console.warn('Copy failed', error);
|
|
17
|
+
setCopiedText(null);
|
|
18
|
+
return false;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
return { copiedText, copy };
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=use-copy-to-clipboard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-copy-to-clipboard.js","sourceRoot":"","sources":["../src/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAajC,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAC;IAEhE,MAAM,IAAI,GAAW,KAAK,EAAE,IAAI,EAAE,EAAE;QAClC,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC;YAC1B,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;YACxC,OAAO,KAAK,CAAC;QACf,CAAC;QAED,+DAA+D;QAC/D,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC1C,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC;QACd,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YACnC,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AAC9B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type ReturnDateType = {
|
|
2
|
+
days: string;
|
|
3
|
+
hours: string;
|
|
4
|
+
minutes: string;
|
|
5
|
+
seconds: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function useCountdownDate(date: Date): ReturnDateType;
|
|
8
|
+
type ReturnSecondsType = {
|
|
9
|
+
counting: boolean;
|
|
10
|
+
countdown: number;
|
|
11
|
+
startCountdown: VoidFunction;
|
|
12
|
+
setCountdown: React.Dispatch<React.SetStateAction<number>>;
|
|
13
|
+
};
|
|
14
|
+
export declare function useCountdownSeconds(initCountdown: number): ReturnSecondsType;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=use-countdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-countdown.d.ts","sourceRoot":"","sources":["../src/use-countdown.ts"],"names":[],"mappings":"AAMA,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,cAAc,CA6C3D;AAOD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,YAAY,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC5D,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,aAAa,EAAE,MAAM,GAAG,iBAAiB,CAqB5E"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useCallback, useEffect, useState } from 'react';
|
|
3
|
+
export function useCountdownDate(date) {
|
|
4
|
+
const [countdown, setCountdown] = useState({
|
|
5
|
+
days: '00',
|
|
6
|
+
hours: '00',
|
|
7
|
+
minutes: '00',
|
|
8
|
+
seconds: '00',
|
|
9
|
+
});
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
const interval = setInterval(() => setNewTime(), 1000);
|
|
12
|
+
return () => clearInterval(interval);
|
|
13
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
14
|
+
}, []);
|
|
15
|
+
const setNewTime = () => {
|
|
16
|
+
const startTime = date;
|
|
17
|
+
const endTime = new Date();
|
|
18
|
+
const distanceToNow = startTime.valueOf() - endTime.valueOf();
|
|
19
|
+
const getDays = Math.floor(distanceToNow / (1000 * 60 * 60 * 24));
|
|
20
|
+
const getHours = `0${Math.floor((distanceToNow % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))}`.slice(-2);
|
|
21
|
+
const getMinutes = `0${Math.floor((distanceToNow % (1000 * 60 * 60)) / (1000 * 60))}`.slice(-2);
|
|
22
|
+
const getSeconds = `0${Math.floor((distanceToNow % (1000 * 60)) / 1000)}`.slice(-2);
|
|
23
|
+
setCountdown({
|
|
24
|
+
days: getDays.toString() || '000',
|
|
25
|
+
hours: getHours || '000',
|
|
26
|
+
minutes: getMinutes || '000',
|
|
27
|
+
seconds: getSeconds || '000',
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
return {
|
|
31
|
+
days: countdown.days,
|
|
32
|
+
hours: countdown.hours,
|
|
33
|
+
minutes: countdown.minutes,
|
|
34
|
+
seconds: countdown.seconds,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
export function useCountdownSeconds(initCountdown) {
|
|
38
|
+
const [countdown, setCountdown] = useState(initCountdown);
|
|
39
|
+
const startCountdown = useCallback(() => {
|
|
40
|
+
let remainingSeconds = countdown;
|
|
41
|
+
const intervalId = setInterval(() => {
|
|
42
|
+
remainingSeconds -= 1;
|
|
43
|
+
if (remainingSeconds === 0) {
|
|
44
|
+
clearInterval(intervalId);
|
|
45
|
+
setCountdown(initCountdown);
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
setCountdown(remainingSeconds);
|
|
49
|
+
}
|
|
50
|
+
}, 1000);
|
|
51
|
+
}, [initCountdown, countdown]);
|
|
52
|
+
const counting = initCountdown > countdown;
|
|
53
|
+
return { counting, countdown, setCountdown, startCountdown };
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=use-countdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-countdown.js","sourceRoot":"","sources":["../src/use-countdown.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAWzD,MAAM,UAAU,gBAAgB,CAAC,IAAU;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC;QACzC,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACrC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC;QAEvB,MAAM,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;QAE3B,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,EAAE,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAE9D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QAElE,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAC7B,CAAC,aAAa,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAC3D,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAEd,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAEhG,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAEpF,YAAY,CAAC;YACX,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,KAAK;YACjC,KAAK,EAAE,QAAQ,IAAI,KAAK;YACxB,OAAO,EAAE,UAAU,IAAI,KAAK;YAC5B,OAAO,EAAE,UAAU,IAAI,KAAK;SAC7B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,OAAO,EAAE,SAAS,CAAC,OAAO;QAC1B,OAAO,EAAE,SAAS,CAAC,OAAO;KAC3B,CAAC;AACJ,CAAC;AAcD,MAAM,UAAU,mBAAmB,CAAC,aAAqB;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAE1D,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,gBAAgB,GAAG,SAAS,CAAC;QAEjC,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,gBAAgB,IAAI,CAAC,CAAC;YAEtB,IAAI,gBAAgB,KAAK,CAAC,EAAE,CAAC;gBAC3B,aAAa,CAAC,UAAU,CAAC,CAAC;gBAC1B,YAAY,CAAC,aAAa,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,gBAAgB,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;IAE3C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../src/use-debounce.ts"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG,MAAM,CAAC;AAEzB,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,SAAM,GAAG,UAAU,CAclE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
export function useDebounce(value, delay = 500) {
|
|
3
|
+
const [debouncedValue, setDebouncedValue] = useState(value);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
const handler = setTimeout(() => {
|
|
6
|
+
setDebouncedValue(value);
|
|
7
|
+
}, delay);
|
|
8
|
+
return () => {
|
|
9
|
+
clearTimeout(handler);
|
|
10
|
+
};
|
|
11
|
+
}, [value, delay]);
|
|
12
|
+
return debouncedValue;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=use-debounce.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-debounce.js","sourceRoot":"","sources":["../src/use-debounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,KAAK,GAAG,GAAG;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
timeout?: number;
|
|
3
|
+
click?: (e: React.SyntheticEvent) => void;
|
|
4
|
+
doubleClick: (e: React.SyntheticEvent) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare function useDoubleClick({ click, doubleClick, timeout }: Props): (event: React.MouseEvent<HTMLElement>) => void;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=use-double-click.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-double-click.d.ts","sourceRoot":"","sources":["../src/use-double-click.ts"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC1C,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAa,EAAE,EAAE,KAAK,WAW/D,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,UAaxC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { useCallback, useRef } from 'react';
|
|
2
|
+
export function useDoubleClick({ click, doubleClick, timeout = 250 }) {
|
|
3
|
+
const clickTimeout = useRef();
|
|
4
|
+
const clearClickTimeout = () => {
|
|
5
|
+
if (clickTimeout) {
|
|
6
|
+
clearTimeout(clickTimeout.current);
|
|
7
|
+
clickTimeout.current = null;
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
return useCallback((event) => {
|
|
11
|
+
clearClickTimeout();
|
|
12
|
+
if (click && event.detail === 1) {
|
|
13
|
+
clickTimeout.current = setTimeout(() => {
|
|
14
|
+
click(event);
|
|
15
|
+
}, timeout);
|
|
16
|
+
}
|
|
17
|
+
if (event.detail % 2 === 0) {
|
|
18
|
+
doubleClick(event);
|
|
19
|
+
}
|
|
20
|
+
}, [click, doubleClick, timeout]);
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=use-double-click.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-double-click.js","sourceRoot":"","sources":["../src/use-double-click.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAU5C,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,GAAG,GAAG,EAAS;IACzE,MAAM,YAAY,GAAG,MAAM,EAAO,CAAC;IAEnC,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACnC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,WAAW,CAChB,CAAC,KAAoC,EAAE,EAAE;QACvC,iBAAiB,EAAE,CAAC;QACpB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACrC,KAAK,CAAC,KAAK,CAAC,CAAC;YACf,CAAC,EAAE,OAAO,CAAC,CAAC;QACd,CAAC;QACD,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,CAC9B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-effect-skip-first.d.ts","sourceRoot":"","sources":["../src/use-effect-skip-first.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAE1E,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,QAYxF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useEffect, useRef } from 'react';
|
|
2
|
+
export function useEffectSkipFirst(callback, dependencies) {
|
|
3
|
+
const isFirstRender = useRef(true);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
if (isFirstRender.current) {
|
|
6
|
+
isFirstRender.current = false;
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
9
|
+
return callback();
|
|
10
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
|
+
}, dependencies);
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=use-effect-skip-first.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-effect-skip-first.js","sourceRoot":"","sources":["../src/use-effect-skip-first.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,UAAU,kBAAkB,CAAC,QAAwB,EAAE,YAA4B;IACvF,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,OAAO,QAAQ,EAAE,CAAC;QAClB,uDAAuD;IACzD,CAAC,EAAE,YAAY,CAAC,CAAC;AACnB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface ErrorResponse {
|
|
2
|
+
response?: {
|
|
3
|
+
status: number;
|
|
4
|
+
data?: {
|
|
5
|
+
statusCode?: number;
|
|
6
|
+
message?: string;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
message?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const useError: () => (error?: ErrorResponse, currentMsg?: string) => any;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=use-error.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-error.d.ts","sourceRoot":"","sources":["../src/use-error.ts"],"names":[],"mappings":"AAIA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,OAAO,CAAC,EAAE,MAAM,CAAC;SAClB,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,SAGX,QAAQ,aAAa,EAAE,aAAa,MAAM,KAAG,GAkCtD,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useSnackbar } from 'notistack';
|
|
3
|
+
export const useError = () => {
|
|
4
|
+
const { enqueueSnackbar } = useSnackbar();
|
|
5
|
+
return (error, currentMsg) => {
|
|
6
|
+
if (error && error.message === 'Network Error') {
|
|
7
|
+
return enqueueSnackbar('Há problemas de conexão com a internet.', {
|
|
8
|
+
variant: 'error',
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
if (error?.response?.data) {
|
|
12
|
+
let messageFinal = '';
|
|
13
|
+
let statusCodeFinal = 0;
|
|
14
|
+
const { statusCode, message } = error.response.data;
|
|
15
|
+
if (message) {
|
|
16
|
+
messageFinal = message;
|
|
17
|
+
}
|
|
18
|
+
else if (currentMsg) {
|
|
19
|
+
messageFinal = currentMsg;
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
messageFinal = `Serviço indisponível: ${statusCode || error?.response?.status || 'desconhecido'}`;
|
|
23
|
+
}
|
|
24
|
+
statusCodeFinal = statusCode || error?.response?.status || 500;
|
|
25
|
+
return enqueueSnackbar(messageFinal, {
|
|
26
|
+
variant: statusCodeFinal >= 500 ? 'error' : 'warning',
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
console.error(error);
|
|
31
|
+
return enqueueSnackbar('Erro desconhecido', {
|
|
32
|
+
variant: 'error',
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=use-error.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-error.js","sourceRoot":"","sources":["../src/use-error.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAaxC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,eAAe,EAAE,GAAG,WAAW,EAAE,CAAC;IAE1C,OAAO,CAAC,KAAqB,EAAE,UAAmB,EAAO,EAAE;QACzD,IAAI,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,eAAe,EAAE,CAAC;YAC/C,OAAO,eAAe,CAAC,yCAAyC,EAAE;gBAChE,OAAO,EAAE,OAAO;aACjB,CAAC,CAAC;QACL,CAAC;QAED,IAAI,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC1B,IAAI,YAAY,GAAW,EAAE,CAAC;YAC9B,IAAI,eAAe,GAAW,CAAC,CAAC;YAEhC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;YAEpD,IAAI,OAAO,EAAE,CAAC;gBACZ,YAAY,GAAG,OAAO,CAAC;YACzB,CAAC;iBAAM,IAAI,UAAU,EAAE,CAAC;gBACtB,YAAY,GAAG,UAAU,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,YAAY,GAAG,yBAAyB,UAAU,IAAI,KAAK,EAAE,QAAQ,EAAE,MAAM,IAAI,cAC/E,EAAE,CAAC;YACP,CAAC;YAED,eAAe,GAAG,UAAU,IAAI,KAAK,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC;YAE/D,OAAO,eAAe,CAAC,YAAY,EAAE;gBACnC,OAAO,EAAE,eAAe,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aACtD,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,eAAe,CAAC,mBAAmB,EAAE;gBAC1C,OAAO,EAAE,OAAO;aACjB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
export declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
|
|
3
|
+
export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
|
|
4
|
+
export declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
|
|
5
|
+
//# sourceMappingURL=use-event-listener.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-event-listener.d.ts","sourceRoot":"","sources":["../src/use-event-listener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsC,MAAM,OAAO,CAAC;AAOtE,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EAC7D,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC3C,OAAO,CAAC,EAAE,SAAS,EACnB,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;AAGR,wBAAgB,gBAAgB,CAC9B,CAAC,SAAS,MAAM,mBAAmB,EACnC,CAAC,SAAS,WAAW,GAAG,cAAc,EAEtC,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,EAChD,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EACrB,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;AAGR,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EAC/D,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC7C,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,EAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { useEffect, useLayoutEffect, useRef } from 'react';
|
|
2
|
+
// ----------------------------------------------------------------------
|
|
3
|
+
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
|
|
4
|
+
export function useEventListener(eventName, handler, element, options) {
|
|
5
|
+
// Create a ref that stores handler
|
|
6
|
+
const savedHandler = useRef(handler);
|
|
7
|
+
useIsomorphicLayoutEffect(() => {
|
|
8
|
+
savedHandler.current = handler;
|
|
9
|
+
}, [handler]);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
// Define the listening target
|
|
12
|
+
const targetElement = element?.current || window;
|
|
13
|
+
if (!(targetElement && targetElement.addEventListener)) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
// Create event listener that calls handler function stored in ref
|
|
17
|
+
const eventListener = (event) => savedHandler.current(event);
|
|
18
|
+
targetElement.addEventListener(eventName, eventListener, options);
|
|
19
|
+
// Remove event listener on cleanup
|
|
20
|
+
// eslint-disable-next-line consistent-return
|
|
21
|
+
return () => {
|
|
22
|
+
targetElement.removeEventListener(eventName, eventListener);
|
|
23
|
+
};
|
|
24
|
+
}, [eventName, element, options]);
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=use-event-listener.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-event-listener.js","sourceRoot":"","sources":["../src/use-event-listener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtE,yEAAyE;AAEzE,MAAM,yBAAyB,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;AA6B9F,MAAM,UAAU,gBAAgB,CAK9B,SAAkB,EAClB,OAA8E,EAC9E,OAAsB,EACtB,OAA2C;IAE3C,mCAAmC;IACnC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAErC,yBAAyB,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,8BAA8B;QAC9B,MAAM,aAAa,GAAe,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC;QAC7D,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACvD,OAAO;QACT,CAAC;QAED,kEAAkE;QAClE,MAAM,aAAa,GAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAE7E,aAAa,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;QAElE,mCAAmC;QACnC,6CAA6C;QAC7C,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACpC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type ReturnType = boolean;
|
|
2
|
+
interface UseScrollOptions extends Omit<ScrollOptions, 'container' | 'target'> {
|
|
3
|
+
container?: React.RefObject<HTMLElement>;
|
|
4
|
+
target?: React.RefObject<HTMLElement>;
|
|
5
|
+
}
|
|
6
|
+
export declare function useOffSetTop(top?: number, options?: UseScrollOptions): ReturnType;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=use-off-set-top.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-off-set-top.d.ts","sourceRoot":"","sources":["../src/use-off-set-top.ts"],"names":[],"mappings":"AAOA,KAAK,UAAU,GAAG,OAAO,CAAC;AAE1B,UAAU,gBAAiB,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC5E,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACvC;AAED,wBAAgB,YAAY,CAAC,GAAG,SAAI,EAAE,OAAO,CAAC,EAAE,gBAAgB,GAAG,UAAU,CAsB5E"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
+
import { useScroll } from 'framer-motion';
|
|
4
|
+
export function useOffSetTop(top = 0, options) {
|
|
5
|
+
const { scrollY } = useScroll(options);
|
|
6
|
+
const [value, setValue] = useState(false);
|
|
7
|
+
const onOffSetTop = useCallback(() => {
|
|
8
|
+
scrollY.on('change', (scrollHeight) => {
|
|
9
|
+
if (scrollHeight > top) {
|
|
10
|
+
setValue(true);
|
|
11
|
+
}
|
|
12
|
+
else {
|
|
13
|
+
setValue(false);
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
}, [scrollY, top]);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
onOffSetTop();
|
|
19
|
+
}, [onOffSetTop]);
|
|
20
|
+
const memoizedValue = useMemo(() => value, [value]);
|
|
21
|
+
return memoizedValue;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=use-off-set-top.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-off-set-top.js","sourceRoot":"","sources":["../src/use-off-set-top.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,MAAM,UAAU,YAAY,CAAC,GAAG,GAAG,CAAC,EAAE,OAA0B;IAC9D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE;YACpC,IAAI,YAAY,GAAG,GAAG,EAAE,CAAC;gBACvB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEpD,OAAO,aAAa,CAAC;AACvB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Breakpoint } from '@mui/material/styles';
|
|
2
|
+
type ReturnType = boolean;
|
|
3
|
+
type Query = 'up' | 'down' | 'between' | 'only';
|
|
4
|
+
type Value = Breakpoint | number;
|
|
5
|
+
export declare function useResponsive(query: Query, start?: Value, end?: Value): ReturnType;
|
|
6
|
+
export declare function useWidth(): "xs" | "sm" | "md" | "lg" | "xl";
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=use-responsive.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-responsive.d.ts","sourceRoot":"","sources":["../src/use-responsive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAY,MAAM,sBAAsB,CAAC;AAK5D,KAAK,UAAU,GAAG,OAAO,CAAC;AAE1B,KAAK,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhD,KAAK,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;AAEjC,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,KAAK,GAAG,UAAU,CAwBlF;AAMD,wBAAgB,QAAQ,qCAavB"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { useTheme } from '@mui/material/styles';
|
|
2
|
+
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
3
|
+
export function useResponsive(query, start, end) {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
const mediaUp = useMediaQuery(theme.breakpoints.up(start));
|
|
6
|
+
const mediaDown = useMediaQuery(theme.breakpoints.down(start));
|
|
7
|
+
const mediaBetween = useMediaQuery(theme.breakpoints.between(start, end));
|
|
8
|
+
const mediaOnly = useMediaQuery(theme.breakpoints.only(start));
|
|
9
|
+
if (query === 'up') {
|
|
10
|
+
return mediaUp;
|
|
11
|
+
}
|
|
12
|
+
if (query === 'down') {
|
|
13
|
+
return mediaDown;
|
|
14
|
+
}
|
|
15
|
+
if (query === 'between') {
|
|
16
|
+
return mediaBetween;
|
|
17
|
+
}
|
|
18
|
+
return mediaOnly;
|
|
19
|
+
}
|
|
20
|
+
export function useWidth() {
|
|
21
|
+
const theme = useTheme();
|
|
22
|
+
const keys = [...theme.breakpoints.keys].reverse();
|
|
23
|
+
return (keys.reduce((output, key) => {
|
|
24
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
25
|
+
const matches = useMediaQuery(theme.breakpoints.up(key));
|
|
26
|
+
return !output && matches ? key : output;
|
|
27
|
+
}, null) || 'xs');
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=use-responsive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-responsive.js","sourceRoot":"","sources":["../src/use-responsive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,aAAa,MAAM,6BAA6B,CAAC;AAUxD,MAAM,UAAU,aAAa,CAAC,KAAY,EAAE,KAAa,EAAE,GAAW;IACpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,KAAc,CAAC,CAAC,CAAC;IAEpE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAc,CAAC,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,KAAc,EAAE,GAAY,CAAC,CAAC,CAAC;IAE5F,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAmB,CAAC,CAAC,CAAC;IAE7E,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACrB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAMD,MAAM,UAAU,QAAQ;IACtB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;IAEnD,OAAO,CACL,IAAI,CAAC,MAAM,CAAC,CAAC,MAAwB,EAAE,GAAe,EAAE,EAAE;QACxD,sDAAsD;QACtD,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAEzD,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3C,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,CACjB,CAAC;AACJ,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@softlutions/hooks",
|
|
3
|
+
"version": "1.0.3",
|
|
4
|
+
"description": "Lib de utilitários",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"default": "./dist/index.js"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": [
|
|
16
|
+
"dist",
|
|
17
|
+
"README.md",
|
|
18
|
+
"LICENSE"
|
|
19
|
+
],
|
|
20
|
+
"scripts": {
|
|
21
|
+
"build": "tsc -p tsconfig.json",
|
|
22
|
+
"deploy": "npm run build && npm version patch && npm publish --access public"
|
|
23
|
+
},
|
|
24
|
+
"repository": {
|
|
25
|
+
"type": "git",
|
|
26
|
+
"url": "git+https://github.com/Softlutions-Expertise/utils.git"
|
|
27
|
+
},
|
|
28
|
+
"author": "softlutions",
|
|
29
|
+
"license": "ISC",
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@types/react": "^18.2.15",
|
|
32
|
+
"rimraf": "^6.0.1",
|
|
33
|
+
"typescript": "^5.9.3"
|
|
34
|
+
},
|
|
35
|
+
"dependencies": {
|
|
36
|
+
"@mui/material": "^7.3.4",
|
|
37
|
+
"framer-motion": "^12.23.22",
|
|
38
|
+
"notistack": "^3.0.2",
|
|
39
|
+
"react": "^19.2.0"
|
|
40
|
+
}
|
|
41
|
+
}
|