@onepercentio/one-ui 0.8.5-beta.4 → 0.8.5-beta.7
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/components/AdaptiveContainer/AdaptiveContainer.d.ts +2 -1
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +36 -15
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js.map +1 -1
- package/dist/components/AdaptiveContainer/AdaptiveContainer.module.scss +1 -1
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/OrderableList/OrderableList.d.ts +13 -3
- package/dist/components/OrderableList/OrderableList.js +47 -10
- package/dist/components/OrderableList/OrderableList.js.map +1 -1
- package/dist/components/OrderableList/OrderableList.module.scss +15 -0
- package/dist/components/Text/Text.d.ts +2 -2
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/hooks/useElementFit.d.ts +2 -2
- package/dist/hooks/useHero.d.ts +7 -1
- package/dist/hooks/useHero.js +52 -17
- package/dist/hooks/useHero.js.map +1 -1
- package/dist/hooks/useMergeRefs.d.ts +5 -0
- package/dist/hooks/useMergeRefs.js +15 -0
- package/dist/hooks/useMergeRefs.js.map +1 -0
- package/dist/hooks/usePagination.d.ts +2 -2
- package/dist/hooks/usePagination.js +17 -14
- package/dist/hooks/usePagination.js.map +1 -1
- package/package.json +2 -2
|
@@ -2,9 +2,10 @@ import { FunctionComponent, ReactElement } from "react";
|
|
|
2
2
|
/**
|
|
3
3
|
* A container that animates width changes across content updates
|
|
4
4
|
**/
|
|
5
|
-
export default function AdaptiveContainer({ children, className, containerElement: _Wrapper, ...otherProps }: {
|
|
5
|
+
export default function AdaptiveContainer({ children, className, containerElement: _Wrapper, direction, ...otherProps }: {
|
|
6
6
|
containerElement?: keyof JSX.IntrinsicElements | FunctionComponent;
|
|
7
7
|
children: ReactElement;
|
|
8
|
+
direction?: "h" | "v";
|
|
8
9
|
} & {
|
|
9
10
|
[k: string]: any;
|
|
10
11
|
}): JSX.Element;
|
|
@@ -45,36 +45,57 @@ const AdaptiveContainer_module_scss_1 = __importDefault(require("./AdaptiveConta
|
|
|
45
45
|
* A container that animates width changes across content updates
|
|
46
46
|
**/
|
|
47
47
|
function AdaptiveContainer(_a) {
|
|
48
|
-
var { children, className = "", containerElement: _Wrapper = "div" } = _a, otherProps = __rest(_a, ["children", "className", "containerElement"]);
|
|
48
|
+
var { children, className = "", containerElement: _Wrapper = "div", direction = "h" } = _a, otherProps = __rest(_a, ["children", "className", "containerElement", "direction"]);
|
|
49
49
|
const uncontrolledRef = (0, react_1.useRef)(null);
|
|
50
50
|
const buttonRef = (0, react_1.useRef)(null);
|
|
51
51
|
(0, react_1.useEffect)(() => {
|
|
52
52
|
const sectionDiv = uncontrolledRef.current.sectionRef.current;
|
|
53
53
|
if (sectionDiv)
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
if (direction === "h") {
|
|
55
|
+
sectionDiv.style.width = `${sectionDiv.clientWidth}px`;
|
|
56
|
+
sectionDiv.style.height = ``;
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
sectionDiv.style.height = `${sectionDiv.clientHeight}px`;
|
|
60
|
+
sectionDiv.style.width = ``;
|
|
61
|
+
}
|
|
62
|
+
const t = setTimeout(() => {
|
|
56
63
|
if (uncontrolledRef.current) {
|
|
57
64
|
const sectionDiv = uncontrolledRef.current.sectionRef.current;
|
|
58
65
|
if (sectionDiv) {
|
|
59
66
|
const lastChild = sectionDiv.lastChild;
|
|
60
67
|
if (lastChild) {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
68
|
+
function resetFactory(param, target) {
|
|
69
|
+
const instance = () => {
|
|
70
|
+
setTimeout(() => {
|
|
71
|
+
if ((sectionDiv === null || sectionDiv === void 0 ? void 0 : sectionDiv.style[param]) === `${target}px`)
|
|
72
|
+
sectionDiv.style[param] = "";
|
|
73
|
+
}, 100);
|
|
74
|
+
if (sectionDiv)
|
|
75
|
+
sectionDiv.removeEventListener("transitionend", instance);
|
|
76
|
+
};
|
|
77
|
+
return instance;
|
|
78
|
+
}
|
|
79
|
+
if (direction === "h") {
|
|
80
|
+
const contentWidth = lastChild.clientWidth;
|
|
81
|
+
const targetWidth = `${contentWidth}px`;
|
|
82
|
+
sectionDiv.style.width = targetWidth;
|
|
83
|
+
const func = resetFactory("width", contentWidth);
|
|
84
|
+
sectionDiv.addEventListener("transitionend", func);
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
const contentHeight = lastChild.scrollHeight;
|
|
88
|
+
const targetHeight = `${contentHeight}px`;
|
|
89
|
+
sectionDiv.style.height = targetHeight;
|
|
90
|
+
const func = resetFactory("height", contentHeight);
|
|
91
|
+
sectionDiv.addEventListener("transitionend", func);
|
|
71
92
|
}
|
|
72
|
-
sectionDiv.addEventListener("transitionend", transEnd);
|
|
73
93
|
}
|
|
74
94
|
}
|
|
75
95
|
}
|
|
76
96
|
}, 100);
|
|
77
|
-
|
|
97
|
+
return () => clearTimeout(t);
|
|
98
|
+
}, [children.key, direction]);
|
|
78
99
|
const Wrapper = _Wrapper;
|
|
79
100
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
80
101
|
react_1.default.createElement(Wrapper, Object.assign({ className: `${AdaptiveContainer_module_scss_1.default.resetButton} ${className}`, ref: buttonRef }, otherProps),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdaptiveContainer.js","sourceRoot":"","sources":["../../../src/components/AdaptiveContainer/AdaptiveContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AAEf,8CAAyD;AACzD,uFAA+D;AAC/D,oGAAqD;AAErD;;IAEI;AACJ,SAAwB,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"AdaptiveContainer.js","sourceRoot":"","sources":["../../../src/components/AdaptiveContainer/AdaptiveContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare type ButtonProps = React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
3
|
-
variant?:
|
|
3
|
+
variant?: OnepercentUtility.UIElements.ButtonVariants;
|
|
4
4
|
}>;
|
|
5
5
|
/**
|
|
6
6
|
* A simple button with the new design
|
|
7
7
|
**/
|
|
8
8
|
export declare function _Button({ children, variant, className, ...otherProps }: ButtonProps): JSX.Element;
|
|
9
9
|
declare const _default: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
10
|
-
variant?:
|
|
10
|
+
variant?: OnepercentUtility.UIElements.ButtonVariants | undefined;
|
|
11
11
|
} & {
|
|
12
12
|
children?: React.ReactNode;
|
|
13
13
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,+DAA6D;AAC7D,8EAA0C;AAQ1C;;IAEI;AACJ,SAAgB,OAAO,CAAC,EAKV;QALU,EACtB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAEF,EADT,UAAU,cAJS,oCAKvB,CADc;IAEb,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,OAAO,CACL,wDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,+DAA6D;AAC7D,8EAA0C;AAQ1C;;IAEI;AACJ,SAAgB,OAAO,CAAC,EAKV;QALU,EACtB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAEF,EADT,UAAU,cAJS,oCAKvB,CADc;IAEb,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,OAAO,CACL,wDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,IACzD,aAAa,CAAC,OAAO,CAAC,IAAI,EAC5B,EAAE,IACE,UAAU,GAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAlBD,0BAkBC;AAED,kBAAe,IAAA,kBAAU,EAAiC,OAAO,CAAC,CAAC"}
|
|
@@ -1,11 +1,21 @@
|
|
|
1
1
|
import React, { ReactElement } from "react";
|
|
2
|
+
export declare enum OrderableListReorderMode {
|
|
3
|
+
VERTICAL = "v",
|
|
4
|
+
TWO_DIMENSIONS = "hv"
|
|
5
|
+
}
|
|
2
6
|
/**
|
|
3
7
|
* This component receives a list of keyed elements and orders it based of the order provided via the prop "keyOrder"
|
|
4
8
|
**/
|
|
5
|
-
export default function OrderableList({ children,
|
|
9
|
+
export default function OrderableList({ children, className, mode, ...props }: {
|
|
6
10
|
children: ReactElement[];
|
|
11
|
+
className?: string;
|
|
12
|
+
mode?: OrderableListReorderMode;
|
|
13
|
+
} & ({
|
|
7
14
|
keyOrder?: string[];
|
|
8
|
-
|
|
15
|
+
onChangeKeyOrder: (newOrder: string[]) => void;
|
|
16
|
+
} | {
|
|
17
|
+
currentOrder?: string[];
|
|
18
|
+
})): JSX.Element;
|
|
9
19
|
export declare function useOrderableListAnchor(): {
|
|
10
|
-
anchorRef: React.MutableRefObject<HTMLDivElement
|
|
20
|
+
anchorRef: React.MutableRefObject<HTMLDivElement> | undefined;
|
|
11
21
|
};
|
|
@@ -22,27 +22,50 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
25
36
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
38
|
};
|
|
28
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.useOrderableListAnchor = void 0;
|
|
40
|
+
exports.useOrderableListAnchor = exports.OrderableListReorderMode = void 0;
|
|
30
41
|
const lodash_1 = require("lodash");
|
|
42
|
+
const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
|
|
31
43
|
const react_1 = __importStar(require("react"));
|
|
44
|
+
const useHero_1 = __importDefault(require("../../hooks/useHero"));
|
|
32
45
|
const AnimatedEntrance_1 = __importDefault(require("../AnimatedEntrance"));
|
|
46
|
+
const Transition_1 = require("../Transition");
|
|
33
47
|
const OrderableList_module_scss_1 = __importDefault(require("./OrderableList.module.scss"));
|
|
34
48
|
const OrderableListContext = (0, react_1.createContext)(null);
|
|
49
|
+
var OrderableListReorderMode;
|
|
50
|
+
(function (OrderableListReorderMode) {
|
|
51
|
+
OrderableListReorderMode["VERTICAL"] = "v";
|
|
52
|
+
OrderableListReorderMode["TWO_DIMENSIONS"] = "hv";
|
|
53
|
+
})(OrderableListReorderMode = exports.OrderableListReorderMode || (exports.OrderableListReorderMode = {}));
|
|
35
54
|
/**
|
|
36
55
|
* This component receives a list of keyed elements and orders it based of the order provided via the prop "keyOrder"
|
|
37
56
|
**/
|
|
38
|
-
function OrderableList(
|
|
57
|
+
function OrderableList(_a) {
|
|
58
|
+
var { children, className = "", mode = OrderableListReorderMode.VERTICAL } = _a, props = __rest(_a, ["children", "className", "mode"]);
|
|
39
59
|
const currentClone = (0, react_1.useRef)(null);
|
|
40
60
|
const currentWorkingKey = (0, react_1.useRef)();
|
|
41
61
|
const rootRef = (0, react_1.useRef)(null);
|
|
42
|
-
const [
|
|
43
|
-
return keyOrder
|
|
62
|
+
const [_order, setOrder] = (0, react_1.useState)(() => {
|
|
63
|
+
return (("keyOrder" in props ? props.keyOrder : undefined) ||
|
|
64
|
+
children.map((a) => a.key));
|
|
44
65
|
});
|
|
66
|
+
const order = "currentOrder" in props ? props.currentOrder || _order : _order;
|
|
45
67
|
const cleanOrder = (0, react_1.useMemo)(() => order.map((a) => a.split(";")[0]), [order]);
|
|
68
|
+
const orderId = (0, react_1.useMemo)(() => "key-" + cleanOrder.join(""), [cleanOrder]);
|
|
46
69
|
const findParentElement = (target) => {
|
|
47
70
|
let parent = target;
|
|
48
71
|
do {
|
|
@@ -103,6 +126,8 @@ function OrderableList({ children, keyOrder, }) {
|
|
|
103
126
|
};
|
|
104
127
|
for (let el of els)
|
|
105
128
|
el.addEventListener("mousemove", calculateReorderingCall);
|
|
129
|
+
if ("onChangeKeyOrder" in props)
|
|
130
|
+
props.onChangeKeyOrder(cleanOrder);
|
|
106
131
|
return () => {
|
|
107
132
|
for (let el of els)
|
|
108
133
|
el.removeEventListener("mousemove", calculateReorderingCall);
|
|
@@ -154,7 +179,8 @@ function OrderableList({ children, keyOrder, }) {
|
|
|
154
179
|
for (let el of Array.from(elInvisible.children))
|
|
155
180
|
el.style.height = "";
|
|
156
181
|
}
|
|
157
|
-
if (clone.style.top.startsWith(Math.floor(box.top).toString()) &&
|
|
182
|
+
if (clone.style.top.startsWith(Math.floor(box.top).toString()) &&
|
|
183
|
+
clone.style.left.startsWith(Math.floor(box.left).toString())) {
|
|
158
184
|
cleanUp();
|
|
159
185
|
}
|
|
160
186
|
clone.style.top = `${box.top}px`;
|
|
@@ -193,23 +219,34 @@ function OrderableList({ children, keyOrder, }) {
|
|
|
193
219
|
el.removeEventListener("mousedown", onAnchorClick);
|
|
194
220
|
},
|
|
195
221
|
} },
|
|
196
|
-
react_1.default.createElement("div", { ref: rootRef, className: OrderableList_module_scss_1.default.root },
|
|
197
|
-
|
|
222
|
+
react_1.default.createElement("div", { ref: rootRef, className: `${OrderableList_module_scss_1.default.root} ${className}` }, mode === OrderableListReorderMode.VERTICAL ? (react_1.default.createElement(AnimatedEntrance_1.default, null, [...children]
|
|
223
|
+
.filter((a) => cleanOrder.includes(a.key))
|
|
224
|
+
.sort((a, b) => cleanOrder.indexOf(a.key) -
|
|
225
|
+
cleanOrder.indexOf(b.key))
|
|
226
|
+
.map((a, i) => (Object.assign(Object.assign({}, a), { key: order[i] }))))) : (react_1.default.createElement(UncontrolledTransition_1.default, { className: OrderableList_module_scss_1.default.transition, transitionType: Transition_1.TransitionAnimationTypes.FADE, contentClassName: `${className}` },
|
|
227
|
+
react_1.default.createElement(react_1.Fragment, { key: orderId }, [...children]
|
|
198
228
|
.filter((a) => cleanOrder.includes(a.key))
|
|
199
229
|
.sort((a, b) => cleanOrder.indexOf(a.key) -
|
|
200
230
|
cleanOrder.indexOf(b.key))
|
|
201
|
-
.map((a, i) => (
|
|
231
|
+
.map((a, i) => (react_1.default.createElement(HeroWrapper, { key: i, id: a.key }, a)))))))));
|
|
202
232
|
}
|
|
203
233
|
exports.default = OrderableList;
|
|
234
|
+
function HeroWrapper({ children, id }) {
|
|
235
|
+
const { heroRef } = (0, useHero_1.default)(id);
|
|
236
|
+
return react_1.default.createElement("div", { ref: heroRef }, children);
|
|
237
|
+
}
|
|
204
238
|
function useOrderableListAnchor() {
|
|
205
239
|
const anchorRef = (0, react_1.useRef)(null);
|
|
206
|
-
const
|
|
240
|
+
const ctx = (0, react_1.useContext)(OrderableListContext);
|
|
207
241
|
(0, react_1.useLayoutEffect)(() => {
|
|
242
|
+
if (!ctx)
|
|
243
|
+
return;
|
|
244
|
+
const { bindAnchor, unbindAnchor } = ctx;
|
|
208
245
|
bindAnchor(anchorRef.current);
|
|
209
246
|
return () => unbindAnchor(anchorRef.current);
|
|
210
247
|
}, []);
|
|
211
248
|
return {
|
|
212
|
-
anchorRef,
|
|
249
|
+
anchorRef: ctx ? anchorRef : undefined,
|
|
213
250
|
};
|
|
214
251
|
}
|
|
215
252
|
exports.useOrderableListAnchor = useOrderableListAnchor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrderableList.js","sourceRoot":"","sources":["../../../src/components/OrderableList/OrderableList.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OrderableList.js","sourceRoot":"","sources":["../../../src/components/OrderableList/OrderableList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,3 +25,18 @@
|
|
|
25
25
|
.root > * {
|
|
26
26
|
transition: max-height 250ms;
|
|
27
27
|
}
|
|
28
|
+
|
|
29
|
+
.transition {
|
|
30
|
+
width: 100%;
|
|
31
|
+
align-items: flex-start !important;
|
|
32
|
+
> * {
|
|
33
|
+
flex-direction: row !important;
|
|
34
|
+
flex-wrap: wrap;
|
|
35
|
+
&:first-child {
|
|
36
|
+
visibility: hidden;
|
|
37
|
+
}
|
|
38
|
+
&:last-child {
|
|
39
|
+
visibility: visible;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
@@ -4,11 +4,11 @@ import React from "react";
|
|
|
4
4
|
**/
|
|
5
5
|
export declare function _Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
|
|
6
6
|
className?: string;
|
|
7
|
-
type:
|
|
7
|
+
type: OnepercentUtility.UIElements.TextVariants;
|
|
8
8
|
} & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;
|
|
9
9
|
declare const _default: React.ForwardRefExoticComponent<{
|
|
10
10
|
className?: string | undefined;
|
|
11
|
-
type:
|
|
11
|
+
type: OnepercentUtility.UIElements.TextVariants;
|
|
12
12
|
} & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
} & React.RefAttributes<unknown>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA6D;AAC7D,0EAAwC;AAExC;;IAEI;AACJ,SAAgB,KAAK,CACnB,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA6D;AAC7D,0EAAwC;AAExC;;IAEI;AACJ,SAAgB,KAAK,CACnB,EAUC;QAVD,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAOf,EANI,UAAU,cAJf,iCAKC,CADc;IAQf,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,mDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IACvB,aAAa,CAAC,IAAI,CAAC,IAAI,0BAAM,CAAC,IAAI,CACpC,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAC3D,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AA1BD,sBA0BC;AAED,kBAAe,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RefObject } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* This hook receives a base width of an element and returns how much items fit **vertically** inside the referenced html element
|
|
4
4
|
*
|
|
@@ -8,5 +8,5 @@ export default function useElementFit(baseWidth: number, baseHeight?: number): {
|
|
|
8
8
|
/** The amount of items that are able to fit in the available width */
|
|
9
9
|
itemsToShow?: number;
|
|
10
10
|
/** The ref to be sent to the element that will receive the items */
|
|
11
|
-
ref:
|
|
11
|
+
ref: RefObject<HTMLDivElement>;
|
|
12
12
|
};
|
package/dist/hooks/useHero.d.ts
CHANGED
|
@@ -2,6 +2,12 @@ import { CSSProperties } from "react";
|
|
|
2
2
|
/**
|
|
3
3
|
* This hook implements the logic for a hero animation between 2 elements
|
|
4
4
|
*/
|
|
5
|
-
export default function useHero(id: string, propsToTransition?:
|
|
5
|
+
export default function useHero(id: string, propsToTransition?: Omit<keyof CSSProperties, "width" | "height" | "top" | "left">[], events?: {
|
|
6
|
+
/** Returns if the element should be heroed */
|
|
7
|
+
onHeroDetect?: (el: HTMLDivElement) => boolean;
|
|
8
|
+
onHeroEnd?: () => void;
|
|
9
|
+
onHeroStart?: (clone: HTMLDivElement) => void;
|
|
10
|
+
}): {
|
|
6
11
|
heroRef: import("react").RefObject<HTMLDivElement>;
|
|
12
|
+
getHerosOnScreen: () => HTMLDivElement[];
|
|
7
13
|
};
|
package/dist/hooks/useHero.js
CHANGED
|
@@ -5,33 +5,55 @@ const ID = (id) => `${id}-hero`;
|
|
|
5
5
|
/**
|
|
6
6
|
* This hook implements the logic for a hero animation between 2 elements
|
|
7
7
|
*/
|
|
8
|
-
function useHero(id, propsToTransition = []) {
|
|
8
|
+
function useHero(id, propsToTransition = [], events = {}) {
|
|
9
9
|
const heroRef = (0, react_1.useRef)(null);
|
|
10
10
|
(0, react_1.useEffect)(() => {
|
|
11
11
|
heroRef.current.setAttribute("data-hero", id);
|
|
12
12
|
}, [id]);
|
|
13
|
-
(0, react_1.
|
|
14
|
-
const allPropsToTransition = ["width", "height", "top", "left", ...propsToTransition];
|
|
13
|
+
const getHerosOnScreen = (0, react_1.useCallback)(() => {
|
|
15
14
|
const otherElements = Array.from(document.querySelectorAll(`[data-hero="${id}"]`));
|
|
15
|
+
return otherElements;
|
|
16
|
+
}, [id]);
|
|
17
|
+
(0, react_1.useEffect)(() => {
|
|
18
|
+
const allPropsToTransition = [
|
|
19
|
+
"width",
|
|
20
|
+
"height",
|
|
21
|
+
"top",
|
|
22
|
+
"left",
|
|
23
|
+
...propsToTransition,
|
|
24
|
+
];
|
|
25
|
+
const otherElements = getHerosOnScreen().filter(events.onHeroDetect || (() => true));
|
|
16
26
|
if (process.env.NODE_ENV === "development" && otherElements.length > 2)
|
|
17
27
|
console.warn("There are too many elements to transition to, I will transition to the first I find", otherElements);
|
|
18
|
-
const otherElement = otherElements.find(el => el !== heroRef.current);
|
|
28
|
+
const otherElement = otherElements.find((el) => el !== heroRef.current);
|
|
19
29
|
if (otherElement) {
|
|
20
30
|
const oldClone = document.querySelector(`[data-hero-clone="${ID(id)}"]`);
|
|
21
|
-
const clone = (oldClone ||
|
|
31
|
+
const clone = (oldClone ||
|
|
32
|
+
otherElement.cloneNode(true));
|
|
22
33
|
// Clean up thos properties that can cause confusion since it's a clone
|
|
23
34
|
clone.style.visibility = "";
|
|
24
35
|
clone.removeAttribute("data-hero");
|
|
25
36
|
clone.setAttribute("data-hero-clone", ID(id));
|
|
26
37
|
// Since a transition is now triggering from the old element, he cannot be considered for other transitions
|
|
27
38
|
otherElement.removeAttribute("data-hero");
|
|
39
|
+
/**
|
|
40
|
+
*
|
|
41
|
+
* @param el
|
|
42
|
+
* @returns Returns if it will move
|
|
43
|
+
*/
|
|
28
44
|
function setCloneToCoordinates(el) {
|
|
29
45
|
const coordinates = el.getBoundingClientRect();
|
|
46
|
+
const currentCoordinates = clone.getBoundingClientRect();
|
|
47
|
+
const willNotMove = coordinates.top === currentCoordinates.top &&
|
|
48
|
+
coordinates.left === currentCoordinates.left &&
|
|
49
|
+
coordinates.width === currentCoordinates.width &&
|
|
50
|
+
coordinates.height === currentCoordinates.height;
|
|
30
51
|
clone.style.position = "fixed";
|
|
31
52
|
clone.style.top = `${coordinates.top}px`;
|
|
32
53
|
clone.style.left = `${coordinates.left}px`;
|
|
33
54
|
clone.style.width = `${coordinates.width}px`;
|
|
34
55
|
clone.style.height = `${coordinates.height}px`;
|
|
56
|
+
return !willNotMove;
|
|
35
57
|
}
|
|
36
58
|
if (!oldClone) {
|
|
37
59
|
setCloneToCoordinates(otherElement);
|
|
@@ -39,24 +61,37 @@ function useHero(id, propsToTransition = []) {
|
|
|
39
61
|
}
|
|
40
62
|
heroRef.current.style.visibility = "hidden";
|
|
41
63
|
otherElement.style.visibility = "hidden";
|
|
42
|
-
clone.style.transition = `${allPropsToTransition
|
|
64
|
+
clone.style.transition = `${allPropsToTransition
|
|
65
|
+
.map((prop) => `${prop} var(--animation--speed-fast, 250ms) ease-out`)
|
|
66
|
+
.join(", ")}`;
|
|
43
67
|
setTimeout(() => {
|
|
68
|
+
const cleanup = () => {
|
|
69
|
+
if (events.onHeroEnd)
|
|
70
|
+
events.onHeroEnd();
|
|
71
|
+
clone.remove();
|
|
72
|
+
el.style.visibility = "";
|
|
73
|
+
};
|
|
74
|
+
if (events.onHeroStart)
|
|
75
|
+
events.onHeroStart(clone);
|
|
44
76
|
if (!heroRef.current)
|
|
45
77
|
return;
|
|
46
78
|
const el = heroRef.current;
|
|
47
|
-
setCloneToCoordinates(el);
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
clone.
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
|
|
79
|
+
const willMove = setCloneToCoordinates(el);
|
|
80
|
+
if (!willMove)
|
|
81
|
+
cleanup();
|
|
82
|
+
else {
|
|
83
|
+
for (let propToTransition of propsToTransition)
|
|
84
|
+
clone.style[propToTransition] =
|
|
85
|
+
el.style[propToTransition];
|
|
86
|
+
clone.addEventListener("transitionend", ({ target, currentTarget }) => {
|
|
87
|
+
if (target === currentTarget)
|
|
88
|
+
cleanup();
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
}, 0);
|
|
57
92
|
}
|
|
58
93
|
}, []);
|
|
59
|
-
return { heroRef };
|
|
94
|
+
return { heroRef, getHerosOnScreen };
|
|
60
95
|
}
|
|
61
96
|
exports.default = useHero;
|
|
62
97
|
//# sourceMappingURL=useHero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHero.js","sourceRoot":"","sources":["../../src/hooks/useHero.ts"],"names":[],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"file":"useHero.js","sourceRoot":"","sources":["../../src/hooks/useHero.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
/**
|
|
5
|
+
* This function exists so we can work with multiple refs as a single one
|
|
6
|
+
*/
|
|
7
|
+
function useMergeRefs(mainRef, ...otherRefs) {
|
|
8
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
9
|
+
for (let ref of otherRefs)
|
|
10
|
+
ref.current = mainRef.current;
|
|
11
|
+
}, []);
|
|
12
|
+
return mainRef;
|
|
13
|
+
}
|
|
14
|
+
exports.default = useMergeRefs;
|
|
15
|
+
//# sourceMappingURL=useMergeRefs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMergeRefs.js","sourceRoot":"","sources":["../../src/hooks/useMergeRefs.ts"],"names":[],"mappings":";;AAAA,iCAA2D;AAE3D;;GAEG;AACH,SAAwB,YAAY,CAClC,OAAU,EACV,GAAG,SAAc;IAEjB,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,KAAK,IAAI,GAAG,IAAI,SAAS;YAAE,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,OAAO,CAAC;AACjB,CAAC;AARD,+BAQC"}
|
|
@@ -21,10 +21,10 @@ export declare type Paginable<I extends any, A extends any[] = [], E extends any
|
|
|
21
21
|
*/
|
|
22
22
|
export declare function useContainerPagination(cb: () => void, direction?: "h" | "v"): {
|
|
23
23
|
scrollableRef: import("react").RefObject<HTMLDivElement>;
|
|
24
|
-
customOptionsRef: import("react").MutableRefObject<(() =>
|
|
24
|
+
customOptionsRef: import("react").MutableRefObject<(() => {
|
|
25
25
|
offsetBottom?: number;
|
|
26
26
|
offsetLeft?: number;
|
|
27
|
-
})
|
|
27
|
+
}) | undefined>;
|
|
28
28
|
};
|
|
29
29
|
/**
|
|
30
30
|
* This function receives an amount of local instances and paginates it
|
|
@@ -33,13 +33,10 @@ function usePagination(request, paginationId = () => "default") {
|
|
|
33
33
|
const [items, setItems] = (0, react_1.useState)();
|
|
34
34
|
const _a = (0, useAsyncControl_1.default)(), { process } = _a, control = __rest(_a, ["process"]);
|
|
35
35
|
function updateItems(cb) {
|
|
36
|
-
setItems(prev => [prev[0], cb(), prev[2]]);
|
|
36
|
+
setItems((prev) => [prev[0], cb(), prev[2]]);
|
|
37
37
|
}
|
|
38
38
|
const _requestPage = (0, react_1.useCallback)(function (page, ...args) {
|
|
39
|
-
var _a;
|
|
40
39
|
const id = paginationId(...args);
|
|
41
|
-
if ((_a = paginationData[id]) === null || _a === void 0 ? void 0 : _a.finished)
|
|
42
|
-
return;
|
|
43
40
|
process(() => __awaiter(this, void 0, void 0, function* () {
|
|
44
41
|
const result = yield request(page, (items === null || items === void 0 ? void 0 : items[0]) === id && page !== 0 ? items === null || items === void 0 ? void 0 : items[1] : undefined, ...args);
|
|
45
42
|
paginationData[id] = {
|
|
@@ -57,13 +54,15 @@ function usePagination(request, paginationId = () => "default") {
|
|
|
57
54
|
}, [items, request]);
|
|
58
55
|
return {
|
|
59
56
|
updateItems,
|
|
60
|
-
getNextPage: (...args) =>
|
|
57
|
+
getNextPage: (...args) => {
|
|
58
|
+
_requestPage(((items === null || items === void 0 ? void 0 : items[2]) || 0) + 1, ...args);
|
|
59
|
+
},
|
|
61
60
|
getPage: _requestPage,
|
|
62
61
|
totalItems: (...args) => { var _a; return (_a = paginationData[paginationId(...args)]) === null || _a === void 0 ? void 0 : _a.totalItems; },
|
|
63
62
|
loading: control.loading,
|
|
64
63
|
error: control.error,
|
|
65
64
|
items: items === null || items === void 0 ? void 0 : items[1],
|
|
66
|
-
setError: control.setError
|
|
65
|
+
setError: control.setError,
|
|
67
66
|
};
|
|
68
67
|
}
|
|
69
68
|
exports.default = usePagination;
|
|
@@ -79,10 +78,14 @@ function useContainerPagination(cb, direction = "v") {
|
|
|
79
78
|
const calculateIfReachedLimit = (0, throttle_1.default)(() => {
|
|
80
79
|
var _a;
|
|
81
80
|
const { offsetBottom = 0, offsetLeft = 0 } = ((_a = customOptionsRef.current) === null || _a === void 0 ? void 0 : _a.call(customOptionsRef)) || {};
|
|
82
|
-
const offsetLimit =
|
|
83
|
-
? scrollElement.scrollHeight -
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
const offsetLimit = direction === "v"
|
|
82
|
+
? scrollElement.scrollHeight -
|
|
83
|
+
offsetBottom -
|
|
84
|
+
scrollElement.clientHeight * 0.6
|
|
85
|
+
: scrollElement.scrollWidth -
|
|
86
|
+
offsetLeft -
|
|
87
|
+
scrollElement.clientWidth * 0.6;
|
|
88
|
+
const offset = direction === "v"
|
|
86
89
|
? scrollElement.clientHeight + scrollElement.scrollTop
|
|
87
90
|
: scrollElement.clientWidth + scrollElement.scrollLeft;
|
|
88
91
|
if (offset >= offsetLimit) {
|
|
@@ -90,14 +93,14 @@ function useContainerPagination(cb, direction = "v") {
|
|
|
90
93
|
}
|
|
91
94
|
}, 250, {
|
|
92
95
|
leading: false,
|
|
93
|
-
trailing: true
|
|
96
|
+
trailing: true,
|
|
94
97
|
});
|
|
95
98
|
el.addEventListener("scroll", calculateIfReachedLimit);
|
|
96
|
-
return () => el.removeEventListener(
|
|
99
|
+
return () => el.removeEventListener("scroll", calculateIfReachedLimit);
|
|
97
100
|
}, [cb]);
|
|
98
101
|
return {
|
|
99
102
|
scrollableRef,
|
|
100
|
-
customOptionsRef
|
|
103
|
+
customOptionsRef,
|
|
101
104
|
};
|
|
102
105
|
}
|
|
103
106
|
exports.useContainerPagination = useContainerPagination;
|
|
@@ -112,7 +115,7 @@ function useLocalPagination(items, pageSize) {
|
|
|
112
115
|
return Promise.resolve({
|
|
113
116
|
finished: newArray.length === items.length,
|
|
114
117
|
totalItems: items.length,
|
|
115
|
-
items: newArray
|
|
118
|
+
items: newArray,
|
|
116
119
|
});
|
|
117
120
|
}, [pageSize, items]);
|
|
118
121
|
const pagination = usePagination(cb, () => `${instanceID}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onepercentio/one-ui",
|
|
3
|
-
"version": "0.8.5-beta.
|
|
3
|
+
"version": "0.8.5-beta.7",
|
|
4
4
|
"description": "A set of reusable components created through the development of Onepercent projects",
|
|
5
5
|
"repository": "git@github.com:onepercentio/one-ui.git",
|
|
6
6
|
"author": "Murilo Oliveira de Araujo <muritavo@outlook.com>",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"cpy-cli": "^3.1.1",
|
|
35
35
|
"crypto-browserify": "^3.12.0",
|
|
36
36
|
"css-loader": "^5",
|
|
37
|
-
"cypress": "^10.
|
|
37
|
+
"cypress": "^10.9.0",
|
|
38
38
|
"firebase": "^9.8.1",
|
|
39
39
|
"firebase-admin": "^10.2.0",
|
|
40
40
|
"https-browserify": "^1.0.0",
|