@onepercentio/one-ui 0.29.0 → 0.29.1

package/dist-ts/components/PaginationIndicator/PaginationIndicator.js

@@ -0,0 +1,206 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
+const MAX_BALLS = 7;
+const eachBallWidthEm = 1.2;
+const CENTER_GUIDE_BALL = 1;
+export var PaginationIndicatorMode;
+(function (PaginationIndicatorMode) {
+    /** This will make the guide ball be kept on center  */
+    PaginationIndicatorMode[PaginationIndicatorMode["CENTERED"] = 0] = "CENTERED";
+    /** This will make the guide ball move, while the indicator balls keep in place */
+    PaginationIndicatorMode[PaginationIndicatorMode["START"] = 1] = "START";
+})(PaginationIndicatorMode || (PaginationIndicatorMode = {}));
+export function PaginationIndicatorView({ size, page: currentPage, pages: decimalPages, className, onClickPage, mode = PaginationIndicatorMode.CENTERED, infinite, }) {
+    const maxBalls = useMemo(() => (infinite ? 5 : MAX_BALLS), [infinite]);
+    const page = useMemo(() => {
+        const floor = Math.floor(decimalPages);
+        const modulus = decimalPages % floor;
+        if (currentPage > floor) {
+            const currentFloorModulus = currentPage % floor;
+            const equivalent = (currentFloorModulus * 100) / modulus;
+            return floor + equivalent / 100;
+        }
+        else {
+            return currentPage;
+        }
+    }, [currentPage, decimalPages]);
+    const rand = useMemo(() => Math.random().toString(), []);
+    const pageIndex = page - 1;
+    const pages = useMemo(() => Math.ceil(decimalPages), [decimalPages]);
+    const numBalls = useMemo(() => {
+        const numBalls = pages >= maxBalls ? maxBalls : Math.ceil(pages);
+        return numBalls;
+    }, [pages]);
+    const indexForTheBallsCenter = useMemo(() => (infinite ? numBalls - 5 : numBalls - 1) / 2, [numBalls, infinite]);
+    const balls = useMemo(() => {
+        const indexForLastPages = pages + 1 - indexForTheBallsCenter;
+        /**
+         * Is the page index (position of the center)
+         * after the first pages and
+         * before the last pages */
+        const isCenterPage = numBalls >= maxBalls &&
+            pageIndex > indexForTheBallsCenter &&
+            pageIndex < indexForLastPages - 1;
+        let modulus = pageIndex %
+            (1 + (indexForTheBallsCenter - Math.floor(indexForTheBallsCenter)));
+        const resetPageIndex = isCenterPage
+            ? indexForTheBallsCenter + modulus
+            : pages < maxBalls
+                ? pageIndex
+                : pageIndex >= indexForLastPages - 1
+                    ? numBalls - (pages - pageIndex)
+                    : pageIndex;
+        const left = eachBallWidthEm * resetPageIndex;
+        const { pushBallsToRightBy, pushBallsToLeftBy, pushGuideToRightBy } = mode === PaginationIndicatorMode.CENTERED
+            ? {
+                pushBallsToRightBy: Math.min(pages, maxBalls) * eachBallWidthEm,
+                pushBallsToLeftBy: left,
+                pushGuideToRightBy: 0,
+            }
+            : {
+                pushBallsToRightBy: (eachBallWidthEm - 0.5) / 2,
+                pushBallsToLeftBy: 0,
+                pushGuideToRightBy: left,
+            };
+        let pushToLeft = 0;
+        return new Array(CENTER_GUIDE_BALL + numBalls)
+            .fill(undefined)
+            .map((_, i) => {
+            const isLastBall = i === numBalls - 1;
+            const isFirstBall = i === 0;
+            if (i === numBalls) {
+                const diameter = 0.45 * 2;
+                const padding = (eachBallWidthEm - diameter) / 2;
+                return (_jsx("rect", { fill: "#fff", width: `${diameter}em`, height: `${diameter}em`, x: `${pushBallsToRightBy - padding + pushGuideToRightBy - pushToLeft}em`, y: `${padding}em`, rx: `${diameter / 2}em` }));
+            }
+            const ballSize = numBalls < maxBalls
+                ? 0.5
+                : page <= indexForTheBallsCenter + 1 && isLastBall
+                    ? 0
+                    : pageIndex >= indexForLastPages - 1 && isFirstBall
+                        ? 0
+                        : isCenterPage
+                            ? isFirstBall
+                                ? 0.5 - modulus * 0.5
+                                : isLastBall
+                                    ? modulus * 0.5
+                                    : 0.5
+                            : 0.5;
+            if (i === 0 && mode === PaginationIndicatorMode.START)
+                pushToLeft = (0.5 - ballSize) * 2.4;
+            return (_jsx("rect", { width: `${ballSize * 1.2}em`, height: `${ballSize * 1.2}em`, x: `${pushBallsToRightBy +
+                    i * eachBallWidthEm -
+                    pushBallsToLeftBy -
+                    pushToLeft}em`, y: `${(eachBallWidthEm - ballSize * 1.2) / 2}em`, rx: `${(ballSize * 1.2) / 2}em`, onClick: () => {
+                    if (onClickPage) {
+                        const pageClicked = (!isCenterPage
+                            ? pageIndex >= indexForLastPages - 1
+                                ? Math.floor(page) - resetPageIndex - 1
+                                : 0
+                            : Math.floor(page) - (indexForTheBallsCenter + 1)) +
+                            1 +
+                            i;
+                        onClickPage(Math.round(pageClicked));
+                    }
+                } }, `guide-${i}`));
+        });
+    }, [indexForTheBallsCenter, pageIndex, pages]);
+    const [guideBall, ...pageBalls] = balls.reverse();
+    let width = eachBallWidthEm * Math.min(pages, maxBalls) * 2;
+    if (mode === PaginationIndicatorMode.START)
+        width /= 2;
+    return (_jsxs("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", className: className, style: {
+            width: `${width}em`,
+            minWidth: `${width}em`,
+            height: "1.2em",
+            fontSize: `${size}px`,
+        }, children: [_jsxs("filter", { id: `goo-${rand}`, children: [_jsx("feGaussianBlur", { in: "SourceGraphic", result: "blur", stdDeviation: "5" }), _jsx("feColorMatrix", { in: "blur", mode: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7", result: "goo" }), _jsx("feBlend", { in2: "goo", in: "SourceGraphic", result: "mix" })] }), _jsx("mask", { id: `mask-${rand}`, children: _jsxs("g", { filter: `url(#${`goo-${rand}`})`, fill: "#fff", children: [[pageBalls], guideBall] }) }), _jsx("rect", { x: "0", y: "0", mask: `url(#${`mask-${rand}`})`, width: "100%", height: "100%", style: { fill: "var(--digital-blue)" } }), onClickPage && (_jsx("g", { opacity: 0, style: { cursor: "pointer" }, children: pageBalls }))] }));
+}
+export function AnimatedPaginationIndicator(props) {
+    const prevPage = useRef(props.page);
+    const [pageProgress, setPageProgress] = useState(props.page);
+    useEffect(() => {
+        const diff = props.page - prevPage.current;
+        const diffPerStep = diff / 60;
+        const interval = setInterval(() => {
+            setPageProgress((prev) => {
+                const next = prev + diffPerStep;
+                if (diff < 0) {
+                    if (next <= props.page) {
+                        clearInterval(interval);
+                        return props.page;
+                    }
+                }
+                else {
+                    if (next >= props.page) {
+                        clearInterval(interval);
+                        return props.page;
+                    }
+                }
+                return Number(next.toFixed(2));
+            });
+        }, props.duration / 60);
+        return () => {
+            prevPage.current = props.page;
+            clearInterval(interval);
+        };
+    }, [props.page]);
+    return _jsx(PaginationIndicatorView, { ...props, page: pageProgress });
+}
+function _PaginationIndicator({ scrollableRef, estimatedWidth, size, className = "", onClickPage, mode, infinite, }, ref) {
+    const [currentPage, setCurrentPage] = useState(1);
+    const [defs, setDefs] = useState();
+    const refreshPages = useCallback(() => {
+        if (!scrollableRef.current)
+            return;
+        const maxWidth = estimatedWidth === undefined
+            ? scrollableRef.current.scrollWidth
+            : estimatedWidth;
+        const pages = maxWidth / scrollableRef.current.clientWidth;
+        if (pages > 1)
+            setDefs({
+                pages: infinite ? pages + 2 : pages,
+            });
+    }, [estimatedWidth, infinite]);
+    useEffect(() => refreshPages(), [refreshPages]);
+    const updatePageIndicators = useCallback((target, pages) => {
+        if (!scrollableRef.current)
+            return;
+        const eachPageWidth = scrollableRef.current.clientWidth;
+        const page = 1 + target.scrollLeft / eachPageWidth;
+        const lastPageProgress = Math.floor(pages) + 1;
+        const maximumProgress = pages + 1;
+        const diffToMax = maximumProgress - lastPageProgress;
+        const currentProgressOnDiff = page - lastPageProgress;
+        if (page > lastPageProgress) {
+            const p = lastPageProgress + currentProgressOnDiff / diffToMax;
+            setCurrentPage(p);
+        }
+        else
+            setCurrentPage(page);
+    }, []);
+    useImperativeHandle(ref, () => ({
+        refreshPages,
+    }), []);
+    useEffect(() => {
+        if (!defs)
+            return;
+        const el = scrollableRef.current;
+        const onScroll = (e) => updatePageIndicators(e.currentTarget, defs.pages);
+        updatePageIndicators(el, defs.pages);
+        el.addEventListener("scroll", onScroll, {
+            passive: true,
+        });
+        return () => {
+            el.removeEventListener("scroll", onScroll);
+        };
+    }, [defs]);
+    const pages = useMemo(() => (defs ? defs.pages : undefined), [defs]);
+    return !pages ? null : (_jsx(PaginationIndicatorView, { pages: pages, page: currentPage, size: size, className: className, onClickPage: onClickPage, mode: mode, infinite: infinite }));
+}
+/**
+ * A cool component to indicate how many pages are
+ **/
+const PaginationIndicator = forwardRef(_PaginationIndicator);
+export default PaginationIndicator;
+//# sourceMappingURL=PaginationIndicator.js.map

package/dist-ts/components/PaginationIndicator/PaginationIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationIndicator.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/PaginationIndicator.tsx"],"names":[],"mappings":"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"}

package/dist-ts/components/PaginationIndicator/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PaginationIndicator';

package/dist-ts/components/PaginationIndicator/index.js

@@ -0,0 +1,2 @@
+export { default } from './PaginationIndicator';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/PaginationIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PaginationIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC"}

package/dist-ts/components/Parallax/Parallax.d.ts

@@ -0,0 +1,18 @@
+import React, { DetailedHTMLProps, HTMLAttributes, PropsWithChildren } from "react";
+export declare function calculateDistanceRelativeToBounds(mousePosition: number, elementInitialPosition: number, elementSizeDimension: number): number;
+export declare function givenTheRelativePositionHowMuchToRotate(relativePosition: number, maxRotation: number): number;
+type Props = PropsWithChildren<{
+    className?: string;
+    active: boolean;
+    onClick?: (e: any) => void;
+    reflection?: boolean;
+    maxParallax?: {
+        x: number;
+        y: number;
+    };
+}> & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+/**
+ * It holds a children and animates a tilt effect relative to mouse position
+ **/
+declare const Parallax: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Parallax;

package/dist-ts/components/Parallax/Parallax.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, } from "react";
+import { throttle } from "lodash";
+import Styles from "./Parallax.module.scss";
+import { flattenMatrix, generateMatrixFromOperations, invertMatrix, } from "./math/helpers";
+const MAXIMUM_PARALLAX = {
+    x: 20,
+    y: 20,
+};
+export function calculateDistanceRelativeToBounds(mousePosition, elementInitialPosition, elementSizeDimension) {
+    const normalizeInitialPosition = mousePosition - elementInitialPosition;
+    const doNotAllowGoingBeyondLowerLimit = Math.max(normalizeInitialPosition, 0);
+    const doNotAllowHoingBeyondHigherLimit = Math.min(doNotAllowGoingBeyondLowerLimit, elementSizeDimension);
+    const threeRule = (doNotAllowHoingBeyondHigherLimit * 100) / elementSizeDimension;
+    const result = Math.round(threeRule) / 100;
+    return result;
+}
+export function givenTheRelativePositionHowMuchToRotate(relativePosition, maxRotation) {
+    return relativePosition * maxRotation - maxRotation / 2;
+}
+function _Parallax({ children, className = "", active, onClick, reflection, maxParallax = MAXIMUM_PARALLAX, ...props }, ref) {
+    const parallaxableRef = useRef(null);
+    const reflectionRef = useRef(null);
+    const multiplierRef = useRef(1);
+    const initialPositionRef = useRef(undefined);
+    useEffect(() => {
+        if (ref)
+            ref.current =
+                parallaxableRef.current;
+        const el = parallaxableRef.current;
+        if (active && !initialPositionRef.current) {
+            initialPositionRef.current = getComputedStyle(el).transform;
+            if (initialPositionRef.current === "none")
+                initialPositionRef.current = "";
+            el.style.transform = `${initialPositionRef.current} rotateX(0deg) rotateY(0deg) translateZ(0px)`;
+        }
+        // eslint-disable-next-line
+    }, [active]);
+    useEffect(() => {
+        const el = parallaxableRef.current;
+        if (active) {
+            const updatePositions = (relativeToX, relativeToY) => {
+                const rect = el.getBoundingClientRect();
+                const { width: [x0, xW], height: [y0, yH], } = {
+                    width: [rect.left, el.clientWidth],
+                    height: [rect.top, el.clientHeight],
+                };
+                const distanceOffRight = calculateDistanceRelativeToBounds(relativeToX, x0, xW);
+                const distanceOffBottom = calculateDistanceRelativeToBounds(relativeToY, y0, yH);
+                const howMuchToRotateY = givenTheRelativePositionHowMuchToRotate(distanceOffRight, maxParallax.y) * multiplierRef.current;
+                const howMuchToRotateX = givenTheRelativePositionHowMuchToRotate(distanceOffBottom, maxParallax.x) * multiplierRef.current;
+                const howMuchToOpacify = Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5);
+                const howMuchToOpacifyHorizontal = Math.max(Math.abs(Math.abs(distanceOffRight - 0.5) / 0.5), Math.abs(Math.abs(distanceOffBottom - 0.5) / 0.5));
+                el.style.transform = `${initialPositionRef.current} rotateY(${howMuchToRotateY}deg) rotateX(${-howMuchToRotateX}deg) translateZ(${multiplierRef.current === 1 ? 0 : -30}px)`;
+                if (reflectionRef.current) {
+                    reflectionRef.current.style.left = `${(1 - distanceOffRight) * 100}%`;
+                    reflectionRef.current.style.top = `${(1 - distanceOffBottom) * 100}%`;
+                    reflectionRef.current.style.opacity = `${Math.min(howMuchToOpacify, howMuchToOpacifyHorizontal)}`;
+                }
+            };
+            const handler = throttle(({ x, y }) => {
+                updatePositions(x, y);
+            }, 1000 / 30);
+            const touchHandler = throttle(({ touches }) => {
+                const { pageX, pageY } = touches[0];
+                updatePositions(pageX, pageY);
+            }, 1000 / 30);
+            const mouseDownHandler = () => {
+                multiplierRef.current = 1.5;
+            };
+            const mouseUpHandler = () => {
+                multiplierRef.current = 1;
+            };
+            window.addEventListener("mousemove", handler);
+            window.addEventListener("touchmove", touchHandler);
+            let _inverseMatrix;
+            const _limits = {
+                beta: undefined,
+                gamma: undefined,
+            };
+            const orientationListener = ({ beta, gamma, }) => {
+                beta = beta * 0.5;
+                gamma = gamma * 0.5;
+                if (!_inverseMatrix) {
+                    window.removeEventListener("mousemove", handler);
+                    window.removeEventListener("touchmove", touchHandler);
+                    const offset = 12.5;
+                    _limits.beta = [beta - offset, beta + offset];
+                    _limits.gamma = [gamma - offset, gamma + offset];
+                }
+                const _beta = Math.min(_limits.beta[1], Math.max(_limits.beta[0], beta));
+                const _gamma = Math.min(_limits.gamma[1], Math.max(_limits.gamma[0], gamma));
+                if (!_inverseMatrix) {
+                    _inverseMatrix = flattenMatrix(invertMatrix(generateMatrixFromOperations({
+                        type: "rotateY",
+                        angle: _gamma,
+                    }, {
+                        type: "rotateX",
+                        angle: -_beta,
+                    })));
+                }
+                el.style.transform = `matrix3d(${_inverseMatrix.join(",")}) rotateX(${-_beta}deg) rotateY(${_gamma}deg)`;
+            };
+            window.addEventListener("deviceorientation", orientationListener);
+            window.addEventListener("touchend", () => {
+                _inverseMatrix = undefined;
+            });
+            el.addEventListener("touchstart", mouseDownHandler);
+            el.addEventListener("touchend", mouseUpHandler);
+            el.addEventListener("mousedown", mouseDownHandler);
+            el.addEventListener("mouseup", mouseUpHandler);
+            return () => {
+                window.removeEventListener("deviceorientation", orientationListener);
+                window.removeEventListener("mousemove", handler);
+                window.removeEventListener("touchmove", touchHandler);
+                el.removeEventListener("mousedown", mouseDownHandler);
+                el.removeEventListener("mouseup", mouseUpHandler);
+                el.removeEventListener("touchstart", mouseDownHandler);
+                el.removeEventListener("touchend", mouseUpHandler);
+                // el.style.transform = initialPositionRef.current!;
+                el.style.transform = `rotateX(0deg) rotateY(0deg) translateZ(0px)`;
+            };
+        }
+    }, [active]);
+    return (_jsxs("div", { onClick: onClick, ref: parallaxableRef, className: `${Styles.parallax} ${className}`, ...props, children: [children, reflection && _jsx("div", { ref: reflectionRef, className: Styles.reflection })] }));
+}
+/**
+ * It holds a children and animates a tilt effect relative to mouse position
+ **/
+const Parallax = forwardRef(_Parallax);
+export default Parallax;
+//# sourceMappingURL=Parallax.js.map

package/dist-ts/components/Parallax/Parallax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Parallax.js","sourceRoot":"","sources":["../../../src/components/Parallax/Parallax.tsx"],"names":[],"mappings":"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"}

package/dist-ts/components/Parallax/Parallax.module.scss

@@ -0,0 +1,28 @@
+@import "../../assets/styles/index.scss";
+
+.parallax {
+  display: flex;
+  position: relative;
+  transition: transform $fast;
+  overflow: hidden;
+  user-select: none;
+  transform: translate3d(0, 0, 0);
+}
+
+.reflection {
+  transform: translateX(-50%) translateY(-50%);
+  width: 40%;
+  pointer-events: none;
+  &::after {
+    background: radial-gradient(#fff2, #fff2 5%, #aaa0 50%);
+    background-size: 100% 100%;
+    content: "";
+    display: block;
+    padding-bottom: 100%;
+    border-radius: 50%;
+    background-repeat: no-repeat;
+  }
+  position: absolute;
+  left: -50%;
+  top: -50%;
+}

package/dist-ts/components/Parallax/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Parallax';

package/dist-ts/components/Parallax/index.js

@@ -0,0 +1,2 @@
+export { default } from './Parallax';
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Parallax/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Parallax/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist-ts/components/Parallax/math/helpers.d.ts

@@ -0,0 +1,58 @@
+export type Matrix3D = [
+    [
+        number,
+        number,
+        number,
+        number
+    ],
+    [
+        number,
+        number,
+        number,
+        number
+    ],
+    [
+        number,
+        number,
+        number,
+        number
+    ],
+    [
+        number,
+        number,
+        number,
+        number
+    ]
+];
+export type OperationData = {
+    type: "rotateX" | "rotateY" | "rotateZ";
+    angle: number;
+} | {
+    type: "translate";
+    x: number;
+    y: number;
+    z: number;
+} | {
+    type: "scale";
+    factorX: number;
+    factorY: number;
+    factorZ: number;
+} | {
+    type: "perspective";
+    fieldOfViewInRadians: number;
+    aspect: number;
+    near: number;
+    far: number;
+} | {
+    type: "matrix";
+    matrix: Matrix3D;
+};
+export declare function IDENTITY_MATRIX(): Matrix3D;
+export declare function generateMatrixFromOperations(...operations: OperationData[]): Matrix3D;
+type NumberMatrix = readonly (readonly number[])[];
+export declare function multiplyMatrixes<X extends NumberMatrix>(matrix1: X, matrix2: NumberMatrix & {
+    length: X[number]["length"];
+}): number[][];
+export declare function invertMatrix(matrix: Matrix3D): Matrix3D;
+export declare function flattenMatrix(matrix: number[][]): number[];
+export {};