@onepercentio/one-ui 0.7.5 → 0.8.0
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/cypress/support/component-index.html +6 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +4 -2
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -1
- package/dist/components/AnimatedEntrance/index.d.ts +1 -1
- package/dist/components/AnimatedEntrance/index.js +3 -1
- package/dist/components/AnimatedEntrance/index.js.map +1 -1
- package/dist/components/Form/Form.d.ts +3 -1
- package/dist/components/Form/Form.js +5 -5
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/Form.stories.d.ts +1 -1
- package/dist/components/InfinityScroll/InfinityScroll.js +4 -2
- package/dist/components/InfinityScroll/InfinityScroll.js.map +1 -1
- package/dist/components/Input/Input.module.scss +1 -1
- package/dist/components/Text/Text.module.scss +1 -1
- package/dist/hooks/useAsyncControl.d.ts +4 -3
- package/dist/hooks/useAsyncControl.js.map +1 -1
- package/dist/hooks/useContainedRepositioning.d.ts +13 -0
- package/dist/hooks/useContainedRepositioning.js +74 -0
- package/dist/hooks/useContainedRepositioning.js.map +1 -0
- package/dist/hooks/useElementFit.d.ts +12 -0
- package/dist/hooks/useElementFit.js +41 -0
- package/dist/hooks/useElementFit.js.map +1 -0
- package/dist/hooks/usePagination.d.ts +10 -0
- package/dist/hooks/usePagination.js +52 -6
- package/dist/hooks/usePagination.js.map +1 -1
- package/dist/hooks/usePooledOperation.d.ts +1 -1
- package/dist/types.d.ts +85 -0
- package/dist/utils/flatten.d.ts +4 -0
- package/dist/utils/flatten.js +15 -0
- package/dist/utils/flatten.js.map +1 -0
- package/package.json +1 -1
- package/src/types.d.ts +49 -0
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
6
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
7
7
|
<title>Components App</title>
|
|
8
|
+
<style>
|
|
9
|
+
body, html {
|
|
10
|
+
margin: 0;
|
|
11
|
+
padding: 0;
|
|
12
|
+
}
|
|
13
|
+
</style>
|
|
8
14
|
</head>
|
|
9
15
|
<body>
|
|
10
16
|
<div data-cy-root></div>
|
|
@@ -76,8 +76,10 @@ function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren,
|
|
|
76
76
|
uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
|
|
77
77
|
else {
|
|
78
78
|
uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
|
|
79
|
-
uncontRef.current.sectionRef.current.addEventListener("transitionend", () => {
|
|
80
|
-
|
|
79
|
+
uncontRef.current.sectionRef.current.addEventListener("transitionend", ({ target, currentTarget }) => {
|
|
80
|
+
if (target !== currentTarget)
|
|
81
|
+
return;
|
|
82
|
+
uncontRef.current.sectionRef.current.style.maxHeight = "initial";
|
|
81
83
|
});
|
|
82
84
|
}
|
|
83
85
|
}, 100);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedEntrance.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUe;AACf,8CAAyD;AACzD,uFAA+D;AAC/D,kGAAoD;AAEpD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,uEAAgB,CAAA;IAChB,mDAAM,CAAA;AACR,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,MAAM,wBAAwB,GAAG;IAC/B,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,sCAAM,CAAC,eAAe;YACvC,cAAc,EAAE,sCAAM,CAAC,cAAc;SACtC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,sCAAM,CAAC,sBAAsB;YAC9C,cAAc,EAAE,sCAAM,CAAC,qBAAqB;SAC7C;KACF;IACD,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;QACrB,OAAO,EAAE;YACP,eAAe,EAAE,sCAAM,CAAC,gBAAgB;YACxC,cAAc,EAAE,sCAAM,CAAC,gBAAgB;SACxC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,sCAAM,CAAC,uBAAuB;YAC/C,cAAc,EAAE,sCAAM,CAAC,uBAAuB;SAC/C;KACF;CACF,CAAC;AAEF,SAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GAMb;IACC,MAAM,SAAS,GAAG,IAAA,cAAM,EAA4C,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAClC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAAC,gBAAQ,IAAC,GAAG,EAAE,MAAM,GAAI,CAC3D,CAAC;IACF,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YAC9C,SAAS,CAAC,OAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAI,CAAC,CAAC;YACtE,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC;gBAC7C,SAAS,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;iBAC5D;gBACH,SAAS,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,GACvD,SAAS,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAQ,CAAC,YACzC,IAAI,CAAC;gBACL,SAAS,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAQ,CAAC,gBAAgB,CACrD,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"AnimatedEntrance.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from
|
|
1
|
+
export { default, AnimatedEntranceItem, EntranceType, } from "./AnimatedEntrance";
|
|
@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.default = void 0;
|
|
6
|
+
exports.EntranceType = exports.AnimatedEntranceItem = exports.default = void 0;
|
|
7
7
|
var AnimatedEntrance_1 = require("./AnimatedEntrance");
|
|
8
8
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnimatedEntrance_1).default; } });
|
|
9
|
+
Object.defineProperty(exports, "AnimatedEntranceItem", { enumerable: true, get: function () { return AnimatedEntrance_1.AnimatedEntranceItem; } });
|
|
10
|
+
Object.defineProperty(exports, "EntranceType", { enumerable: true, get: function () { return AnimatedEntrance_1.EntranceType; } });
|
|
9
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/index.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAI4B;AAH1B,4HAAA,OAAO,OAAA;AACP,wHAAA,oBAAoB,OAAA;AACpB,gHAAA,YAAY,OAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ComponentProps, ForwardedRef, FunctionComponent, RefObject } from "react";
|
|
2
2
|
import Input from "../Input";
|
|
3
|
+
import Button from "../Button";
|
|
3
4
|
import EmailInput from "../EmailInput";
|
|
4
5
|
export declare type BaseForm = {
|
|
5
6
|
[k: string]: string | number | any;
|
|
@@ -42,7 +43,8 @@ export declare type FirebaseFormProps<M extends FormForm> = {
|
|
|
42
43
|
error: [FunctionComponent] | [FunctionComponent, ClassName];
|
|
43
44
|
success: [FunctionComponent] | [FunctionComponent, ClassName];
|
|
44
45
|
};
|
|
46
|
+
btnProps?: ComponentProps<typeof Button>;
|
|
45
47
|
};
|
|
46
|
-
declare function FirebaseForm<M extends BaseForm>({ submitting, onSubmit, submited, config, submitBtn }: FirebaseFormProps<M>, ref: ForwardedRef<FormInterface>): JSX.Element;
|
|
48
|
+
declare function FirebaseForm<M extends BaseForm>({ submitting, onSubmit, submited, config, submitBtn, btnProps, }: FirebaseFormProps<M>, ref: ForwardedRef<FormInterface>): JSX.Element;
|
|
47
49
|
declare const _default: typeof FirebaseForm;
|
|
48
50
|
export default _default;
|
|
@@ -41,7 +41,7 @@ const Button_1 = __importDefault(require("../Button"));
|
|
|
41
41
|
const Loader_1 = __importDefault(require("../Loader"));
|
|
42
42
|
const EmailInput_1 = __importDefault(require("../EmailInput"));
|
|
43
43
|
const AdaptiveButton_1 = __importDefault(require("../AdaptiveButton"));
|
|
44
|
-
function AdvancedAction({ config, submited, submitting, isValid, onClick, }) {
|
|
44
|
+
function AdvancedAction({ config, submited, submitting, isValid, onClick, btnProps, }) {
|
|
45
45
|
const [key, Element, className] = submited === false
|
|
46
46
|
? ["error", ...config.error]
|
|
47
47
|
: submited === true
|
|
@@ -50,10 +50,10 @@ function AdvancedAction({ config, submited, submitting, isValid, onClick, }) {
|
|
|
50
50
|
? ["loading", ...config.loading]
|
|
51
51
|
: ["default", ...config.label];
|
|
52
52
|
const salt = (0, react_1.useMemo)(() => Date.now(), [key]);
|
|
53
|
-
return (react_1.default.createElement(AdaptiveButton_1.default, { variant: "filled", className: className, disabled: !isValid, onClick: onClick },
|
|
53
|
+
return (react_1.default.createElement(AdaptiveButton_1.default, Object.assign({ variant: "filled", className: className, disabled: !isValid, onClick: onClick }, btnProps),
|
|
54
54
|
react_1.default.createElement(Element, { key: key + salt })));
|
|
55
55
|
}
|
|
56
|
-
function FirebaseForm({ submitting, onSubmit, submited, config, submitBtn }, ref) {
|
|
56
|
+
function FirebaseForm({ submitting, onSubmit, submited, config, submitBtn, btnProps = {}, }, ref) {
|
|
57
57
|
const [form, setform] = (0, react_1.useState)({});
|
|
58
58
|
const isValid = (0, react_1.useMemo)(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
|
|
59
59
|
function sendContact(_form) {
|
|
@@ -93,10 +93,10 @@ function FirebaseForm({ submitting, onSubmit, submited, config, submitBtn }, ref
|
|
|
93
93
|
: undefined, placeholder: config[c].placeholder, value: form[c] || "", onChange: ({ target: { value } }) => setform(Object.assign(Object.assign({}, form), { [c]: value })), multiline: fieldConfig.lines }));
|
|
94
94
|
}
|
|
95
95
|
}),
|
|
96
|
-
typeof submitBtn === "string" ? (react_1.default.createElement(Button_1.default, { variant: "filled", disabled: submitting || !isValid || submited !== undefined, onClick: () => sendContact(form) },
|
|
96
|
+
typeof submitBtn === "string" ? (react_1.default.createElement(Button_1.default, Object.assign({ variant: "filled", disabled: submitting || !isValid || submited !== undefined, onClick: () => sendContact(form) }, btnProps),
|
|
97
97
|
submitBtn,
|
|
98
98
|
"\u00A0",
|
|
99
|
-
submitting && react_1.default.createElement(Loader_1.default, null))) : (react_1.default.createElement(AdvancedAction, { config: submitBtn, isValid: isValid, onClick: () => sendContact(form), submitting: submitting, submited: submited }))));
|
|
99
|
+
submitting && react_1.default.createElement(Loader_1.default, null))) : (react_1.default.createElement(AdvancedAction, { config: submitBtn, isValid: isValid, onClick: () => sendContact(form), submitting: submitting, submited: submited, btnProps: btnProps }))));
|
|
100
100
|
}
|
|
101
101
|
exports.default = (0, react_1.forwardRef)(FirebaseForm);
|
|
102
102
|
//# sourceMappingURL=Form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AACf,qDAA6B;AAC7B,uDAA+B;AAC/B,uDAA+B;AAC/B,+DAAuC;AACvC,uEAA+C;AAiC/C,SAAS,cAAc,CAAC,EACtB,MAAM,EACN,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { FirebaseFormProps } from "./Form";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: <M extends import("./Form").BaseForm>({ submitting, onSubmit, submited, config, submitBtn }: FirebaseFormProps<M>, ref: React.ForwardedRef<import("./Form").FormInterface>) => JSX.Element;
|
|
5
|
+
component: <M extends import("./Form").BaseForm>({ submitting, onSubmit, submited, config, submitBtn, btnProps, }: FirebaseFormProps<M>, ref: React.ForwardedRef<import("./Form").FormInterface>) => JSX.Element;
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
|
8
8
|
export declare const InitialImplementation: {
|
|
@@ -52,7 +52,9 @@ function InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className
|
|
|
52
52
|
page: initialPage,
|
|
53
53
|
offset: 0,
|
|
54
54
|
});
|
|
55
|
-
const parentDiv =
|
|
55
|
+
const parentDiv = (0, react_1.useMemo)(() => {
|
|
56
|
+
return ref || (0, react_1.createRef)();
|
|
57
|
+
}, [ref]);
|
|
56
58
|
const prevDiv = (0, react_1.useRef)(null);
|
|
57
59
|
const currDiv = (0, react_1.useRef)(null);
|
|
58
60
|
const nextDiv = (0, react_1.useRef)(null);
|
|
@@ -81,7 +83,7 @@ function InfinityScroll({ items, pageSize, initialPage = 0, pageClass, className
|
|
|
81
83
|
});
|
|
82
84
|
}, [isCountTheSameOrLowerThanPage, currPage.page, currPage.offset]);
|
|
83
85
|
const [beforeKey, currKey, afterKey] = keys(currPage.page);
|
|
84
|
-
return (react_1.default.createElement("div", { ref:
|
|
86
|
+
return (react_1.default.createElement("div", { ref: parentDiv, className: `${InfinityScroll_module_scss_1.default.container} ${className}`, "data-testid": "infinity-parent", onScroll: !isCountTheSameOrLowerThanPage
|
|
85
87
|
? () => {
|
|
86
88
|
const pageToIncrement = shouldIncrementPage(parentDiv.current.scrollLeft, prevDiv.current.offsetLeft, currDiv.current.offsetLeft, nextDiv.current.offsetLeft);
|
|
87
89
|
if (pageToIncrement) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfinityScroll.js","sourceRoot":"","sources":["../../../src/components/InfinityScroll/InfinityScroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"InfinityScroll.js","sourceRoot":"","sources":["../../../src/components/InfinityScroll/InfinityScroll.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export default function useAsyncControl<E = any, F = {}>(functionsToWrap?: F): {
|
|
2
3
|
process: (asyncFn: () => Promise<any>) => Promise<any>;
|
|
3
4
|
loading: boolean;
|
|
4
|
-
error:
|
|
5
|
-
setError: import("react").Dispatch<import("react").SetStateAction<
|
|
5
|
+
error: Error | E | undefined;
|
|
6
|
+
setError: import("react").Dispatch<import("react").SetStateAction<Error | E | undefined>>;
|
|
6
7
|
setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
7
8
|
} & F;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,
|
|
1
|
+
{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,CAAkB,eAAmB;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAa,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAO,OAA2B,EAAE,EAAE;QACjE,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO,MAAM,OAAO,EAAE,CAAC;SACxB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,CAAC,CAAM,CAAC,CAAC;YACjB,MAAM,CAAC,CAAC;SACT;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,uBACE,OAAO,EAAE,QAAQ,EACjB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU,IACP,MAAM,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE;QAC/D,uCACK,CAAC,KACJ,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAE,IAAY,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IACpG;IACH,CAAC,EAAE,EAAO,CAAM,EAChB;AACJ,CAAC;AA/BD,kCA+BC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* This hook takes an html and checks if its outside its parent
|
|
4
|
+
* If it is, it should move it so it can be totally visible inside the container
|
|
5
|
+
*/
|
|
6
|
+
export default function useContainedRepositioning(focused: boolean, getParent: (el: HTMLElement) => HTMLElement, { offset, scale }?: {
|
|
7
|
+
/** The offset the element will be moved by from the closest bound */
|
|
8
|
+
offset?: number;
|
|
9
|
+
/** The scaled element width to be considered. usefull for when the focused element will change size */
|
|
10
|
+
scale?: number;
|
|
11
|
+
}): {
|
|
12
|
+
elementToCheck: import("react").RefObject<HTMLDivElement>;
|
|
13
|
+
};
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const debounce_1 = __importDefault(require("lodash/debounce"));
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
/**
|
|
9
|
+
* This hook takes an html and checks if its outside its parent
|
|
10
|
+
* If it is, it should move it so it can be totally visible inside the container
|
|
11
|
+
*/
|
|
12
|
+
function useContainedRepositioning(focused, getParent, { offset = 16, scale = 1 } = {}) {
|
|
13
|
+
const elementToCheck = (0, react_1.useRef)(null);
|
|
14
|
+
(0, react_1.useEffect)(() => {
|
|
15
|
+
const el = elementToCheck.current;
|
|
16
|
+
if (!el)
|
|
17
|
+
return;
|
|
18
|
+
const curr = el;
|
|
19
|
+
const relativeParent = getParent(curr);
|
|
20
|
+
if (process.env.NODE_ENV === "development") {
|
|
21
|
+
if (window.getComputedStyle(el).position !== "relative")
|
|
22
|
+
throw new Error("The target element MUST have position relative so it can be moved");
|
|
23
|
+
if (window.getComputedStyle(relativeParent).position !== "relative")
|
|
24
|
+
throw new Error("The relative to element MUST have position relative so it can calculate correctly the target position");
|
|
25
|
+
}
|
|
26
|
+
if (focused) {
|
|
27
|
+
curr.style.right = `0px`;
|
|
28
|
+
const reposition = (0, debounce_1.default)(() => {
|
|
29
|
+
const alreadyRight = Number(curr.style.right.replace("px", ""));
|
|
30
|
+
const limitOffset = relativeParent.scrollLeft + relativeParent.clientWidth;
|
|
31
|
+
const elWidth = curr.clientWidth * scale;
|
|
32
|
+
const offsetOfScale = (elWidth - curr.clientWidth) / 2;
|
|
33
|
+
const cardLimit = curr.offsetLeft - offsetOfScale + alreadyRight + elWidth;
|
|
34
|
+
const exceedingSpace = cardLimit - limitOffset;
|
|
35
|
+
const offsetLeft = curr.offsetLeft - offsetOfScale + alreadyRight - relativeParent.scrollLeft;
|
|
36
|
+
const isOverflowedRight = exceedingSpace > 0;
|
|
37
|
+
const isOverflowedLeft = offsetLeft < 0;
|
|
38
|
+
const limit = (exceedingSpace + -offsetLeft);
|
|
39
|
+
if (isOverflowedRight) {
|
|
40
|
+
curr.style.right = `${exceedingSpace - -Math.min(Math.abs(limit / 2), offset)}px`;
|
|
41
|
+
}
|
|
42
|
+
;
|
|
43
|
+
if (isOverflowedLeft) {
|
|
44
|
+
curr.style.right = `${offsetLeft - Math.min(Math.abs(limit) / 2, offset)}px`;
|
|
45
|
+
}
|
|
46
|
+
if (isOverflowedLeft || isOverflowedRight) {
|
|
47
|
+
curr.style.zIndex = '1000';
|
|
48
|
+
}
|
|
49
|
+
}, 50);
|
|
50
|
+
reposition();
|
|
51
|
+
reposition.flush();
|
|
52
|
+
relativeParent.addEventListener("scroll", reposition);
|
|
53
|
+
return () => {
|
|
54
|
+
reposition.cancel();
|
|
55
|
+
relativeParent.removeEventListener("scroll", reposition);
|
|
56
|
+
el.style.right = `0px`;
|
|
57
|
+
const restore = ({ propertyName, currentTarget }) => {
|
|
58
|
+
const targetTransformation = window.getComputedStyle(currentTarget).right;
|
|
59
|
+
if (propertyName === "right" &&
|
|
60
|
+
targetTransformation === "0px") {
|
|
61
|
+
curr.style.zIndex = '';
|
|
62
|
+
el.removeEventListener("transitionend", restore);
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
el.addEventListener("transitionend", restore);
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
}, [focused]);
|
|
69
|
+
return {
|
|
70
|
+
elementToCheck,
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
exports.default = useContainedRepositioning;
|
|
74
|
+
//# sourceMappingURL=useContainedRepositioning.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useContainedRepositioning.js","sourceRoot":"","sources":["../../src/hooks/useContainedRepositioning.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Ref } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* This hook receives a base width of an element and returns how much items fit **vertically** inside the referenced html element
|
|
4
|
+
*
|
|
5
|
+
* @param baseWidth The base width of each element
|
|
6
|
+
*/
|
|
7
|
+
export default function useElementFit(baseWidth: number, baseHeight?: number): {
|
|
8
|
+
/** The amount of items that are able to fit in the available width */
|
|
9
|
+
itemsToShow?: number;
|
|
10
|
+
/** The ref to be sent to the element that will receive the items */
|
|
11
|
+
ref: Ref<HTMLDivElement>;
|
|
12
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
/**
|
|
5
|
+
* This hook receives a base width of an element and returns how much items fit **vertically** inside the referenced html element
|
|
6
|
+
*
|
|
7
|
+
* @param baseWidth The base width of each element
|
|
8
|
+
*/
|
|
9
|
+
function useElementFit(baseWidth, baseHeight) {
|
|
10
|
+
const ref = (0, react_1.useRef)(null);
|
|
11
|
+
function calculateDimension() {
|
|
12
|
+
var _a;
|
|
13
|
+
function fittingRows() {
|
|
14
|
+
if (!ref.current || baseHeight === undefined)
|
|
15
|
+
return 1;
|
|
16
|
+
return Math.ceil(ref.current.clientHeight / baseHeight);
|
|
17
|
+
}
|
|
18
|
+
if (window.PRERENDER)
|
|
19
|
+
return 4;
|
|
20
|
+
const width = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || window.visualViewport.width;
|
|
21
|
+
const maxItemsVertically = Math.floor(width / baseWidth) || 1;
|
|
22
|
+
return maxItemsVertically * fittingRows();
|
|
23
|
+
}
|
|
24
|
+
const [itemsToShow, setItemsToShow] = (0, react_1.useState)(window.PRERENDER ? 4 : undefined);
|
|
25
|
+
(0, react_1.useEffect)(() => {
|
|
26
|
+
setItemsToShow(calculateDimension());
|
|
27
|
+
function onResize() {
|
|
28
|
+
setItemsToShow(calculateDimension());
|
|
29
|
+
}
|
|
30
|
+
window.addEventListener("resize", onResize);
|
|
31
|
+
return () => {
|
|
32
|
+
window.removeEventListener("resize", onResize);
|
|
33
|
+
};
|
|
34
|
+
}, []);
|
|
35
|
+
return {
|
|
36
|
+
itemsToShow,
|
|
37
|
+
ref
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
exports.default = useElementFit;
|
|
41
|
+
//# sourceMappingURL=useElementFit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useElementFit.js","sourceRoot":"","sources":["../../src/hooks/useElementFit.ts"],"names":[],"mappings":";;AAAA,iCAA6E;AAE7E;;;;GAIG;AACH,SAAwB,aAAa,CAAC,SAAiB,EAAE,UAAmB;IAOxE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,SAAS,kBAAkB;;QACvB,SAAS,WAAW;YAChB,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,UAAU,KAAK,SAAS;gBACxC,OAAO,CAAC,CAAC;YACb,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAQ,CAAC,YAAY,GAAG,UAAU,CAAC,CAAA;QAC5D,CAAC;QACD,IAAK,MAAc,CAAC,SAAS;YAAE,OAAO,CAAC,CAAC;QAExC,MAAM,KAAK,GAAG,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,WAAW,KAAI,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC;QACtE,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAE9D,OAAO,kBAAkB,GAAG,WAAW,EAAE,CAAC;IAC9C,CAAC;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAE,MAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1F,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACrC,SAAS,QAAQ;YACb,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACzC,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACnD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,WAAW;QACX,GAAG;KACN,CAAA;AACL,CAAC;AArCD,gCAqCC"}
|
|
@@ -15,4 +15,14 @@ export declare type Paginable<I extends any, A extends any[] = [], E extends any
|
|
|
15
15
|
items: I | undefined;
|
|
16
16
|
setError: ReturnType<typeof useAsyncControl>["setError"];
|
|
17
17
|
};
|
|
18
|
+
/**
|
|
19
|
+
* This returns a ref to be bound to an elements so it can be able to detect when a pagination whould occur
|
|
20
|
+
*/
|
|
21
|
+
export declare function useContainerPagination(cb: () => void): {
|
|
22
|
+
scrollableRef: import("react").RefObject<HTMLDivElement>;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* This function receives an amount of local instances and paginates it
|
|
26
|
+
*/
|
|
27
|
+
export declare function useLocalPagination<L>(items: L[], pageSize: number): Paginable<L[], [], any>;
|
|
18
28
|
export {};
|
|
@@ -23,8 +23,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
23
23
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.useLocalPagination = exports.useContainerPagination = void 0;
|
|
26
27
|
const react_1 = require("react");
|
|
27
28
|
const useAsyncControl_1 = __importDefault(require("./useAsyncControl"));
|
|
29
|
+
const throttle_1 = __importDefault(require("lodash/throttle"));
|
|
28
30
|
function usePagination(request, paginationId = () => "default") {
|
|
29
31
|
const paginationDataRef = (0, react_1.useRef)({});
|
|
30
32
|
const { current: paginationData } = paginationDataRef;
|
|
@@ -33,23 +35,23 @@ function usePagination(request, paginationId = () => "default") {
|
|
|
33
35
|
const [items, setItems] = (0, react_1.useState)();
|
|
34
36
|
const _a = (0, useAsyncControl_1.default)(), { process } = _a, control = __rest(_a, ["process"]);
|
|
35
37
|
function updateItems(cb) {
|
|
36
|
-
setItems(cb);
|
|
38
|
+
setItems(prev => [prev[0], cb()]);
|
|
37
39
|
}
|
|
38
|
-
|
|
40
|
+
const _requestPage = (0, react_1.useCallback)(function (page, ...args) {
|
|
39
41
|
var _a;
|
|
40
42
|
const id = paginationId(...args);
|
|
41
43
|
if (((_a = paginationData[id]) === null || _a === void 0 ? void 0 : _a.finished) || control.loading)
|
|
42
44
|
return;
|
|
43
45
|
process(() => __awaiter(this, void 0, void 0, function* () {
|
|
44
|
-
const result = yield request(page, items, ...args);
|
|
46
|
+
const result = yield request(page, (items === null || items === void 0 ? void 0 : items[0]) === id ? items === null || items === void 0 ? void 0 : items[1] : undefined, ...args);
|
|
45
47
|
currentPage[id] = page;
|
|
46
48
|
paginationData[id] = {
|
|
47
49
|
finished: result.finished,
|
|
48
50
|
totalItems: result.totalItems,
|
|
49
51
|
};
|
|
50
|
-
setItems(result.items);
|
|
52
|
+
setItems([id, result.items]);
|
|
51
53
|
}));
|
|
52
|
-
}
|
|
54
|
+
}, [items, request, control.loading]);
|
|
53
55
|
return {
|
|
54
56
|
updateItems,
|
|
55
57
|
getNextPage: (...args) => _requestPage((currentPage[paginationId(...args)] || 0) + 1, ...args),
|
|
@@ -57,9 +59,53 @@ function usePagination(request, paginationId = () => "default") {
|
|
|
57
59
|
totalItems: (...args) => { var _a; return (_a = paginationData[paginationId(...args)]) === null || _a === void 0 ? void 0 : _a.totalItems; },
|
|
58
60
|
loading: control.loading,
|
|
59
61
|
error: control.error,
|
|
60
|
-
items,
|
|
62
|
+
items: items === null || items === void 0 ? void 0 : items[1],
|
|
61
63
|
setError: control.setError
|
|
62
64
|
};
|
|
63
65
|
}
|
|
64
66
|
exports.default = usePagination;
|
|
67
|
+
/**
|
|
68
|
+
* This returns a ref to be bound to an elements so it can be able to detect when a pagination whould occur
|
|
69
|
+
*/
|
|
70
|
+
function useContainerPagination(cb) {
|
|
71
|
+
const scrollableRef = (0, react_1.useRef)(null);
|
|
72
|
+
(0, react_1.useEffect)(() => {
|
|
73
|
+
const el = scrollableRef.current;
|
|
74
|
+
const scrollElement = el.scrollingElement || el;
|
|
75
|
+
const calculateIfReachedLimit = (0, throttle_1.default)(() => {
|
|
76
|
+
const offsetLimit = scrollElement.scrollHeight - scrollElement.clientHeight * 0.6;
|
|
77
|
+
const offset = scrollElement.clientHeight + scrollElement.scrollTop;
|
|
78
|
+
if (offset >= offsetLimit) {
|
|
79
|
+
cb();
|
|
80
|
+
}
|
|
81
|
+
}, 250, {
|
|
82
|
+
leading: false,
|
|
83
|
+
trailing: true
|
|
84
|
+
});
|
|
85
|
+
el.addEventListener("scroll", calculateIfReachedLimit);
|
|
86
|
+
return () => el.removeEventListener('scroll', calculateIfReachedLimit);
|
|
87
|
+
}, [cb]);
|
|
88
|
+
return {
|
|
89
|
+
scrollableRef
|
|
90
|
+
};
|
|
91
|
+
}
|
|
92
|
+
exports.useContainerPagination = useContainerPagination;
|
|
93
|
+
/**
|
|
94
|
+
* This function receives an amount of local instances and paginates it
|
|
95
|
+
*/
|
|
96
|
+
function useLocalPagination(items, pageSize) {
|
|
97
|
+
const cb = (0, react_1.useCallback)((page, currItems = []) => {
|
|
98
|
+
const from = pageSize * page;
|
|
99
|
+
const newArray = [...currItems, ...items.slice(from, from + pageSize)];
|
|
100
|
+
return Promise.resolve({
|
|
101
|
+
finished: newArray.length === items.length,
|
|
102
|
+
totalItems: items.length,
|
|
103
|
+
items: newArray
|
|
104
|
+
});
|
|
105
|
+
}, [pageSize, items]);
|
|
106
|
+
const instanceID = (0, react_1.useMemo)(() => Date.now(), [items]);
|
|
107
|
+
const pagination = usePagination(cb, () => `${instanceID}`);
|
|
108
|
+
return pagination;
|
|
109
|
+
}
|
|
110
|
+
exports.useLocalPagination = useLocalPagination;
|
|
65
111
|
//# sourceMappingURL=usePagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"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"}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
type PrependNextNum<A extends Array<unknown>> = A['length'] extends infer T ? ((t: T, ...a: A) => void) extends ((...x: infer X) => void) ? X : never : never;
|
|
2
|
+
|
|
3
|
+
type EnumerateInternal<A extends Array<unknown>, N extends number> = { 0: A, 1: EnumerateInternal<PrependNextNum<A>, N> }[N extends A['length'] ? 0 : 1];
|
|
4
|
+
|
|
5
|
+
export type Enumerate<N extends number> = EnumerateInternal<[], N> extends (infer E)[] ? E : never;
|
|
6
|
+
|
|
7
|
+
export type Range<FROM extends number, TO extends number> = Exclude<Enumerate<TO>, Enumerate<FROM>>;
|
|
8
|
+
|
|
9
|
+
export type CommonErrorCodes = "UNEXPECTED_ERROR";
|
|
10
|
+
|
|
11
|
+
type Decompose<O extends object> = O;
|
|
12
|
+
|
|
13
|
+
export type BasicContext<T extends object> = {
|
|
14
|
+
set: <P extends keyof T>(p: P, value: T[typeof p]) => void;
|
|
15
|
+
} & T;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* This is usefull for omitting props from union
|
|
19
|
+
* Check whz contestation model to see an example
|
|
20
|
+
*
|
|
21
|
+
* If different models with different properties use the native Omit<O>
|
|
22
|
+
* Their differences are also omitted generating a single model
|
|
23
|
+
*
|
|
24
|
+
* This typing solves that
|
|
25
|
+
*/
|
|
26
|
+
export type DistributiveOmit<T, K extends keyof any> = T extends any
|
|
27
|
+
? Omit<T, K>
|
|
28
|
+
: never;
|
|
29
|
+
|
|
30
|
+
declare global {
|
|
31
|
+
interface Window {
|
|
32
|
+
ethereum: any;
|
|
33
|
+
PRERENDER: boolean;
|
|
34
|
+
Cypress: any;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
type NestedValue = unknown;
|
|
38
|
+
type FieldValues = unknown;
|
|
39
|
+
|
|
40
|
+
export declare type Primitive = null | undefined | string | number | boolean | symbol | bigint;
|
|
41
|
+
export declare type EmptyObject = {
|
|
42
|
+
[K in string | number]: never;
|
|
43
|
+
};
|
|
44
|
+
export declare type NonUndefined<T> = T extends undefined ? never : T;
|
|
45
|
+
export declare type LiteralUnion<T extends U, U extends Primitive> = T | (U & {
|
|
46
|
+
_?: never;
|
|
47
|
+
});
|
|
48
|
+
export declare type DeepPartial<T> = T extends Array<infer U> ? Array<DeepPartial<U>> : T extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : T extends {
|
|
49
|
+
[key in keyof T]: T[key];
|
|
50
|
+
} ? {
|
|
51
|
+
[K in keyof T]?: DeepPartial<T[K]>;
|
|
52
|
+
} : T;
|
|
53
|
+
export declare type IsAny<T> = boolean extends (T extends never ? true : false) ? true : false;
|
|
54
|
+
export declare type DeepMap<T, TValue> = {
|
|
55
|
+
[K in keyof T]?: IsAny<T[K]> extends true ? any : NonNullable<T[K]> extends NestedValue | Date | FileList | File ? TValue : NonUndefined<T[K]> extends object | null ? DeepMap<T[K], TValue> : NonUndefined<T[K]> extends Array<infer U> ? IsAny<U> extends true ? Array<any> : U extends NestedValue | Date | FileList ? Array<TValue> : U extends object ? Array<DeepMap<U, TValue>> : Array<TValue> : TValue;
|
|
56
|
+
};
|
|
57
|
+
export declare type IsFlatObject<T extends object> = Extract<Exclude<T[keyof T], NestedValue | Date | FileList>, any[] | object> extends never ? true : false;
|
|
58
|
+
declare type IsTuple<T extends ReadonlyArray<any>> = number extends T['length'] ? false : true;
|
|
59
|
+
declare type TupleKey<T extends ReadonlyArray<any>> = Exclude<keyof T, keyof any[]>;
|
|
60
|
+
declare type ArrayKey = number;
|
|
61
|
+
declare type PathImpl<K extends string | number, V> = V extends Primitive ? `${K}` : `${K}.${Path<V>}`;
|
|
62
|
+
export declare type Path<T> = T extends ReadonlyArray<infer V>
|
|
63
|
+
?
|
|
64
|
+
IsTuple<T> extends true
|
|
65
|
+
? {
|
|
66
|
+
[K in TupleKey<T>]-?: PathImpl<K & string, T[K]>;
|
|
67
|
+
}[TupleKey<T>]
|
|
68
|
+
: PathImpl<ArrayKey, V>
|
|
69
|
+
: {
|
|
70
|
+
[K in keyof T]-?: PathImpl<K & string, T[K]>;
|
|
71
|
+
}[keyof T];
|
|
72
|
+
export declare type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
|
|
73
|
+
declare type ArrayPathImpl<K extends string | number, V> = V extends Primitive ? never : V extends ReadonlyArray<infer U> ? U extends Primitive ? never : `${K}` | `${K}.${ArrayPath<V>}` : `${K}.${ArrayPath<V>}`;
|
|
74
|
+
export declare type ArrayPath<T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? {
|
|
75
|
+
[K in TupleKey<T>]-?: ArrayPathImpl<K & string, T[K]>;
|
|
76
|
+
}[TupleKey<T>] : ArrayPathImpl<ArrayKey, V> : {
|
|
77
|
+
[K in keyof T]-?: ArrayPathImpl<K & string, T[K]>;
|
|
78
|
+
}[keyof T];
|
|
79
|
+
export declare type FieldArrayPath<TFieldValues extends FieldValues> = ArrayPath<TFieldValues>;
|
|
80
|
+
export declare type PathValue<T, P extends Path<T> | ArrayPath<T>> = P extends `${infer K}.${infer R}` ? K extends keyof T ? R extends Path<T[K]> ? PathValue<T[K], R> : never : K extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? PathValue<V, R & Path<V>> : never : never : P extends keyof T ? T[P] : P extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? V : never : never;
|
|
81
|
+
export declare type FieldPathValue<TFieldValues extends FieldValues, TFieldPath extends FieldPath<TFieldValues>> = PathValue<TFieldValues, TFieldPath>;
|
|
82
|
+
export declare type FieldArrayPathValue<TFieldValues extends FieldValues, TFieldArrayPath extends FieldArrayPath<TFieldValues>> = PathValue<TFieldValues, TFieldArrayPath>;
|
|
83
|
+
export declare type FieldPathValues<TFieldValues extends FieldValues, TPath extends FieldPath<TFieldValues>[] | readonly FieldPath<TFieldValues>[]> = {} & {
|
|
84
|
+
[K in keyof TPath]: FieldPathValue<TFieldValues, TPath[K] & FieldPath<TFieldValues>>;
|
|
85
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.flatten = void 0;
|
|
4
|
+
function flatten(obj) {
|
|
5
|
+
return Object.assign({}, ...(function _flatten(o, prevKey = "") {
|
|
6
|
+
return [].concat(...Object.keys(o).map((_k) => {
|
|
7
|
+
const k = _k;
|
|
8
|
+
return typeof o[k] === "object"
|
|
9
|
+
? _flatten(o[k], prevKey ? `${prevKey}.${k}` : k)
|
|
10
|
+
: { [prevKey ? `${prevKey}.${k}` : k]: o[k] };
|
|
11
|
+
}));
|
|
12
|
+
})(obj));
|
|
13
|
+
}
|
|
14
|
+
exports.flatten = flatten;
|
|
15
|
+
//# sourceMappingURL=flatten.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flatten.js","sourceRoot":"","sources":["../../src/utils/flatten.ts"],"names":[],"mappings":";;;AAEA,SAAgB,OAAO,CAAmB,GAAM;IAC5C,OAAO,MAAM,CAAC,MAAM,CAChB,EAAE,EACF,GAAG,CAAC,SAAS,QAAQ,CAAC,CAAC,EAAE,UAAkB,EAAE;QACzC,OAAO,EAAE,CAAC,MAAM,CACZ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACzB,MAAM,CAAC,GAAG,EAAoB,CAAC;YAC/B,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,QAAQ;gBAC3B,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,CAAW,EAAE,CAAC,CAAC,CAAE,CAAY,CAAC;gBAC9E,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,CAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,CAAC,CAAC,CACL,CAAC;IACN,CAAC,CAAC,CAAC,GAAG,CAAC,CACV,CAAC;AACN,CAAC;AAdD,0BAcC"}
|
package/package.json
CHANGED
package/src/types.d.ts
CHANGED
|
@@ -34,3 +34,52 @@ declare global {
|
|
|
34
34
|
Cypress: any;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
|
+
type NestedValue = unknown;
|
|
38
|
+
type FieldValues = unknown;
|
|
39
|
+
|
|
40
|
+
export declare type Primitive = null | undefined | string | number | boolean | symbol | bigint;
|
|
41
|
+
export declare type EmptyObject = {
|
|
42
|
+
[K in string | number]: never;
|
|
43
|
+
};
|
|
44
|
+
export declare type NonUndefined<T> = T extends undefined ? never : T;
|
|
45
|
+
export declare type LiteralUnion<T extends U, U extends Primitive> = T | (U & {
|
|
46
|
+
_?: never;
|
|
47
|
+
});
|
|
48
|
+
export declare type DeepPartial<T> = T extends Array<infer U> ? Array<DeepPartial<U>> : T extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : T extends {
|
|
49
|
+
[key in keyof T]: T[key];
|
|
50
|
+
} ? {
|
|
51
|
+
[K in keyof T]?: DeepPartial<T[K]>;
|
|
52
|
+
} : T;
|
|
53
|
+
export declare type IsAny<T> = boolean extends (T extends never ? true : false) ? true : false;
|
|
54
|
+
export declare type DeepMap<T, TValue> = {
|
|
55
|
+
[K in keyof T]?: IsAny<T[K]> extends true ? any : NonNullable<T[K]> extends NestedValue | Date | FileList | File ? TValue : NonUndefined<T[K]> extends object | null ? DeepMap<T[K], TValue> : NonUndefined<T[K]> extends Array<infer U> ? IsAny<U> extends true ? Array<any> : U extends NestedValue | Date | FileList ? Array<TValue> : U extends object ? Array<DeepMap<U, TValue>> : Array<TValue> : TValue;
|
|
56
|
+
};
|
|
57
|
+
export declare type IsFlatObject<T extends object> = Extract<Exclude<T[keyof T], NestedValue | Date | FileList>, any[] | object> extends never ? true : false;
|
|
58
|
+
declare type IsTuple<T extends ReadonlyArray<any>> = number extends T['length'] ? false : true;
|
|
59
|
+
declare type TupleKey<T extends ReadonlyArray<any>> = Exclude<keyof T, keyof any[]>;
|
|
60
|
+
declare type ArrayKey = number;
|
|
61
|
+
declare type PathImpl<K extends string | number, V> = V extends Primitive ? `${K}` : `${K}.${Path<V>}`;
|
|
62
|
+
export declare type Path<T> = T extends ReadonlyArray<infer V>
|
|
63
|
+
?
|
|
64
|
+
IsTuple<T> extends true
|
|
65
|
+
? {
|
|
66
|
+
[K in TupleKey<T>]-?: PathImpl<K & string, T[K]>;
|
|
67
|
+
}[TupleKey<T>]
|
|
68
|
+
: PathImpl<ArrayKey, V>
|
|
69
|
+
: {
|
|
70
|
+
[K in keyof T]-?: PathImpl<K & string, T[K]>;
|
|
71
|
+
}[keyof T];
|
|
72
|
+
export declare type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
|
|
73
|
+
declare type ArrayPathImpl<K extends string | number, V> = V extends Primitive ? never : V extends ReadonlyArray<infer U> ? U extends Primitive ? never : `${K}` | `${K}.${ArrayPath<V>}` : `${K}.${ArrayPath<V>}`;
|
|
74
|
+
export declare type ArrayPath<T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? {
|
|
75
|
+
[K in TupleKey<T>]-?: ArrayPathImpl<K & string, T[K]>;
|
|
76
|
+
}[TupleKey<T>] : ArrayPathImpl<ArrayKey, V> : {
|
|
77
|
+
[K in keyof T]-?: ArrayPathImpl<K & string, T[K]>;
|
|
78
|
+
}[keyof T];
|
|
79
|
+
export declare type FieldArrayPath<TFieldValues extends FieldValues> = ArrayPath<TFieldValues>;
|
|
80
|
+
export declare type PathValue<T, P extends Path<T> | ArrayPath<T>> = P extends `${infer K}.${infer R}` ? K extends keyof T ? R extends Path<T[K]> ? PathValue<T[K], R> : never : K extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? PathValue<V, R & Path<V>> : never : never : P extends keyof T ? T[P] : P extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? V : never : never;
|
|
81
|
+
export declare type FieldPathValue<TFieldValues extends FieldValues, TFieldPath extends FieldPath<TFieldValues>> = PathValue<TFieldValues, TFieldPath>;
|
|
82
|
+
export declare type FieldArrayPathValue<TFieldValues extends FieldValues, TFieldArrayPath extends FieldArrayPath<TFieldValues>> = PathValue<TFieldValues, TFieldArrayPath>;
|
|
83
|
+
export declare type FieldPathValues<TFieldValues extends FieldValues, TPath extends FieldPath<TFieldValues>[] | readonly FieldPath<TFieldValues>[]> = {} & {
|
|
84
|
+
[K in keyof TPath]: FieldPathValue<TFieldValues, TPath[K] & FieldPath<TFieldValues>>;
|
|
85
|
+
};
|