@onepercentio/one-ui 0.28.9 → 0.29.1

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

@@ -0,0 +1,407 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import throttle from "lodash/throttle";
+import { createContext, Fragment, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
+import UncontrolledTransition from "../UncontrolledTransition";
+import TransitionStyles from "../Transition/Transition.module.scss";
+import useHero from "../../hooks/useHero";
+import AnimatedEntrance from "../AnimatedEntrance";
+import { TransitionAnimationTypes } from "../Transition";
+import Styles from "./OrderableList.module.scss";
+import useEvents from "../../hooks/utility/useEvents";
+import ownEvent from "../../utils/ownEvent";
+const OrderableListContext = createContext(null);
+export var OrderableListReorderMode;
+(function (OrderableListReorderMode) {
+    OrderableListReorderMode["VERTICAL"] = "v";
+    OrderableListReorderMode["TWO_DIMENSIONS"] = "hv";
+})(OrderableListReorderMode || (OrderableListReorderMode = {}));
+function cleanKeys(keys) {
+    return keys.map((a) => a.split(";")[0]);
+}
+/**
+ * This component receives a list of keyed elements and orders it based of the order provided via the prop "keyOrder"
+ **/
+export default function OrderableList({ children, className = "", mode = OrderableListReorderMode.VERTICAL, shrinkToOnOrder, reorderingClassName, cloneClassName, ...props }) {
+    const availableKeys = children.map((a) => a.key);
+    const availableKeysDep = availableKeys.join(",");
+    const initializeOrder = useCallback(() => {
+        const missingOrderKeys = "keyOrder" in props && props.keyOrder
+            ? availableKeys.filter((a) => !props.keyOrder.includes(a))
+            : [];
+        return (("keyOrder" in props && props.keyOrder
+            ? [...props.keyOrder, ...missingOrderKeys]
+            : undefined) || availableKeys);
+    }, [availableKeysDep, props.keyOrder]);
+    const { current: anchorsList } = useRef([]);
+    const eventEmitter = useEvents();
+    const currentClone = useRef(null);
+    const currentWorkingKey = useRef(undefined);
+    const rootRef = useRef(null);
+    const [_order, setOrder] = useState(initializeOrder);
+    useEffect(() => setOrder(initializeOrder()), [initializeOrder]);
+    const order = useMemo(() => {
+        return ("currentOrder" in props ? props.currentOrder || _order : _order).filter((o) => o.includes(";") || availableKeys.includes(o));
+    }, [props.currentOrder, _order, availableKeysDep]);
+    const cleanOrder = useMemo(() => order.map((a) => a.split(";")[0]), [order]);
+    const orderId = useMemo(() => "key-" + cleanOrder.join(""), [cleanOrder]);
+    function rootEl() {
+        if (mode === OrderableListReorderMode.TWO_DIMENSIONS)
+            return rootRef.current.lastElementChild
+                .lastElementChild;
+        return rootRef.current;
+    }
+    const findParentElement = (target) => {
+        let parent = target;
+        while (parent.parentElement !== rootEl()) {
+            if (parent.parentElement === null)
+                break;
+            parent = parent.parentElement;
+        }
+        if (process.env.NODE_ENV === "development" && parent === null)
+            throw new Error("It seems like we could not find a relation between this element and the root list. Are you using portals maybe?");
+        return parent;
+    };
+    useLayoutEffect(() => {
+        if (shrinkToOnOrder)
+            rootEl().style.setProperty("--shrink-to", `${shrinkToOnOrder}px`);
+    }, [shrinkToOnOrder]);
+    const calculateReordering = useMemo(() => {
+        return throttle((e, els, currentOrder) => {
+            if (els.length > currentOrder.length || !currentWorkingKey.current)
+                return;
+            const parent = findParentElement(e.target);
+            const indexOfKeyInCleanOrder = els.indexOf(parent);
+            const keyOfTheOverElement = currentOrder[indexOfKeyInCleanOrder];
+            const isDraggingOwnElement = currentWorkingKey.current === keyOfTheOverElement;
+            if (indexOfKeyInCleanOrder === -1 || keyOfTheOverElement === undefined)
+                return;
+            if (!isDraggingOwnElement) {
+                const { isAfter, isBefore } = (() => {
+                    if (mode === OrderableListReorderMode.TWO_DIMENSIONS) {
+                        const distanceFromLeft = e.offsetX;
+                        const widthOfEl = parent.clientWidth;
+                        const offset = widthOfEl * 0.25;
+                        const isAfter = distanceFromLeft > widthOfEl - offset;
+                        const isBefore = distanceFromLeft < offset;
+                        return { isAfter, isBefore };
+                    }
+                    else {
+                        const distanceFromTop = e.offsetY;
+                        const heightOfEl = parent.clientHeight;
+                        const offset = heightOfEl * 0.25;
+                        const isAfter = distanceFromTop > heightOfEl - offset;
+                        const isBefore = distanceFromTop < offset;
+                        return { isAfter, isBefore };
+                    }
+                })();
+                const checkIfCanMove = (keyOfOverElement) => {
+                    return (keyOfOverElement === undefined ||
+                        keyOfOverElement !== currentWorkingKey.current);
+                };
+                const indexOfTheNewElement = indexOfKeyInCleanOrder + (isAfter ? 1 : -1);
+                const shouldTriggerReordering = (isAfter || isBefore) &&
+                    checkIfCanMove(currentOrder[indexOfTheNewElement]);
+                if (shouldTriggerReordering) {
+                    setOrder((p) => {
+                        const previousIndex = currentOrder.indexOf(currentWorkingKey.current);
+                        const indexOfKeyInProvidedOrder = cleanKeys(p).indexOf(keyOfTheOverElement);
+                        let indexOfTheNewElement = indexOfKeyInProvidedOrder + (isBefore ? -1 : 0);
+                        if (previousIndex > indexOfTheNewElement)
+                            indexOfTheNewElement++;
+                        const orderWithoutCurrent = p.filter((a) => {
+                            if (a.startsWith(`${currentWorkingKey.current};`))
+                                return false;
+                            return a !== currentWorkingKey.current;
+                        });
+                        orderWithoutCurrent.splice(indexOfTheNewElement, 0, `${currentWorkingKey.current};${Date.now()}`);
+                        return orderWithoutCurrent;
+                    });
+                }
+            }
+        }, 1000 / 60);
+    }, []);
+    useEffect(() => {
+        function registerListeners() {
+            const els = Array.from(rootEl().children);
+            const calculateReorderingCall = (e) => {
+                const els = Array.from(rootEl().children);
+                calculateReordering(e, els, cleanOrder);
+            };
+            for (let el of els)
+                el.addEventListener("mousemove", calculateReorderingCall);
+            return () => {
+                for (let el of els)
+                    el.removeEventListener("mousemove", calculateReorderingCall);
+            };
+        }
+        if (mode === OrderableListReorderMode.VERTICAL) {
+            return registerListeners();
+        }
+        else {
+            let unsubscribe;
+            let timeout = setTimeout(() => {
+                unsubscribe = registerListeners();
+            }, 250);
+            return () => {
+                clearTimeout(timeout);
+                if (unsubscribe)
+                    unsubscribe();
+            };
+        }
+    }, [cleanOrder]);
+    useEffect(() => {
+        if ("onChangeKeyOrder" in props)
+            props.onChangeKeyOrder(cleanKeys(_order));
+    }, [_order]);
+    const cleanOrderRef = useRef(cleanOrder);
+    useEffect(() => {
+        cleanOrderRef.current = cleanOrder;
+    }, [cleanOrder]);
+    const onAnchorClick = useCallback(({ target: anchor }) => {
+        let offset;
+        const orderableListItemForAnchor = findParentElement(anchor);
+        const box = orderableListItemForAnchor.getBoundingClientRect();
+        const els = Array.from(rootEl().children);
+        const elIndex = els.indexOf(orderableListItemForAnchor);
+        const clone = orderableListItemForAnchor.cloneNode(true);
+        currentClone.current = clone;
+        if (process.env.NODE_ENV === "development")
+            clone.setAttribute("data-testid", "orderable-list-clone");
+        clone.setAttribute("data-orderableid", "orderable-list-clone");
+        clone.style.width = `${box.width}px`;
+        clone.style.height = `${box.height}px`;
+        clone.style.top = `${box.top}px`;
+        clone.style.left = `${box.left}px`;
+        clone.classList.add(Styles.clone);
+        if (shrinkToOnOrder)
+            clone.style.maxHeight = `${box.height}px`;
+        setTimeout(() => {
+            if (cloneClassName)
+                clone.classList.add(cloneClassName);
+            if (shrinkToOnOrder)
+                clone.style.maxHeight = `${shrinkToOnOrder}px`;
+        }, 0);
+        orderableListItemForAnchor.classList.add(Styles.currentOrdering);
+        orderableListItemForAnchor.classList.remove(Styles.visible);
+        const movementControl = (e) => {
+            const { x: x1, y: y1 } = "touches" in e ? { x: e.touches[0].pageX, y: e.touches[0].pageY } : e;
+            if (!offset)
+                offset = [x1 - box.left, y1 - box.top];
+            const [offsetX, offsetY] = offset;
+            clone.style.top = `${y1 - offsetY}px`;
+            clone.style.left = `${x1 - offsetX}px`;
+        };
+        document.body.appendChild(clone);
+        const deleteClone = () => {
+            window.removeEventListener("mousemove", movementControl);
+            window.removeEventListener("touchmove", movementControl);
+            window.removeEventListener("touchend", deleteClone);
+            window.removeEventListener("mouseup", deleteClone);
+            orderableListItemForAnchor.style.visibility = "initial";
+            currentWorkingKey.current = undefined;
+            window.document.body.classList.remove(Styles.unselectable);
+            {
+                const els = Array.from(rootEl().children);
+                const elInvisible = els.find((a) => !a.classList.contains(Styles.visible) &&
+                    a.style.maxHeight !== "0px");
+                if (shrinkToOnOrder) {
+                    const child = elInvisible.lastElementChild;
+                    child.style.maxHeight = `${child.scrollHeight}px`;
+                    child.classList.add(Styles.transitionHeight);
+                    const onEnd = ownEvent(() => {
+                        child.removeEventListener("transitionend", onEnd);
+                        child.style.maxHeight = `initial`;
+                        child.classList.remove(Styles.transitionHeight);
+                    });
+                    child.addEventListener("transitionend", onEnd);
+                }
+                const box = elInvisible.getBoundingClientRect();
+                function cleanUp() {
+                    if (shrinkToOnOrder) {
+                        rootEl().style.removeProperty("padding-top");
+                        rootEl().style.removeProperty("min-height");
+                    }
+                    eventEmitter.dispatcher("order-stop");
+                    rootEl().classList.remove(Styles.ordering);
+                    if (reorderingClassName)
+                        rootEl().classList.remove(reorderingClassName);
+                    for (let el of els)
+                        el.classList.remove(Styles.visible);
+                    clone.remove();
+                    currentClone.current = null;
+                    for (let el of Array.from(elInvisible.children))
+                        el.style.height = "";
+                }
+                if (clone.style.top.startsWith(Math.floor(box.top).toString()) &&
+                    clone.style.left.startsWith(Math.floor(box.left).toString())) {
+                    cleanUp();
+                }
+                else {
+                    clone.style.top = `${box.top}px`;
+                    clone.style.left = `${box.left}px`;
+                    clone.style.transition = `top 500ms linear, left 500ms linear`;
+                    clone.addEventListener("transitionend", () => {
+                        cleanUp();
+                    });
+                }
+            }
+        };
+        for (let el of els) {
+            el.classList.add(Styles.visible);
+        }
+        if (shrinkToOnOrder) {
+            for (let el of els)
+                el.style.maxHeight = `${el.scrollHeight}px`;
+            const targetHeight = elIndex * shrinkToOnOrder;
+            const currentHeight = orderableListItemForAnchor.offsetTop - els[0].offsetTop;
+            const paddingTop = currentHeight - targetHeight;
+            rootEl().style.paddingTop = `${paddingTop}px`;
+            rootEl().style.minHeight = `${rootEl().clientHeight}px`;
+        }
+        orderableListItemForAnchor.style.visibility = "hidden";
+        orderableListItemForAnchor.classList.remove(Styles.visible);
+        rootEl().classList.add(Styles.ordering);
+        if (reorderingClassName)
+            rootEl().classList.add(reorderingClassName);
+        currentWorkingKey.current = cleanOrderRef.current[elIndex];
+        eventEmitter.dispatcher("order-start");
+        window.document.body.classList.add(Styles.unselectable);
+        window.addEventListener("mouseup", deleteClone);
+        window.addEventListener("mousemove", movementControl);
+        window.addEventListener("touchend", deleteClone);
+        window.addEventListener("touchmove", movementControl);
+    }, []);
+    useLayoutEffect(() => {
+        if (currentClone.current) {
+            const els = Array.from(rootEl().children);
+            const elInvisible = els.find((a) => !a.classList.contains(Styles.visible) && a.style.maxHeight !== "0px");
+            elInvisible.children[0].style.height = `${currentClone.current.clientHeight}px`;
+            setTimeout(() => {
+                elInvisible.children[1].style.height = `${currentClone.current.clientHeight}px`;
+            }, 150);
+        }
+    }, [cleanOrder]);
+    const toSpread = { ...props };
+    delete toSpread.keyOrder;
+    delete toSpread.onChangeKeyOrder;
+    const childrenToRender = [...children]
+        .filter((a) => cleanOrder.includes(a.key))
+        .sort((a, b) => cleanOrder.indexOf(a.key) -
+        cleanOrder.indexOf(b.key))
+        .map((a, i) => ({
+        ...a,
+        key: order[i],
+    }));
+    useLayoutEffect(() => {
+        rootEl().addEventListener("touchstart", (e) => {
+            const relatedAnchor = anchorsList.find((anchor) => anchor.contains(e.target));
+            if (relatedAnchor) {
+                e.preventDefault();
+                onAnchorClick({
+                    target: relatedAnchor,
+                });
+                const moveCb = throttle((e) => {
+                    const touch = e.touches[0];
+                    const [x, y] = [touch.clientX, touch.clientY];
+                    const els = Array.from(rootEl().children);
+                    const currentElementIdx = els.findIndex((c, i) => {
+                        const rect = c?.getBoundingClientRect();
+                        if (!rect)
+                            return false;
+                        return rect.top < y && rect.top + rect.height > y;
+                    });
+                    if (currentElementIdx !== -1) {
+                        const el = els[currentElementIdx];
+                        const rect = el.getBoundingClientRect();
+                        calculateReordering({
+                            target: el,
+                            offsetY: y - rect.top,
+                        }, els, cleanOrderRef.current);
+                    }
+                }, 500);
+                const t = e.target;
+                const touchMoveCb = (e) => {
+                    e.stopPropagation();
+                    window.dispatchEvent(new TouchEvent(e.type, e));
+                    moveCb(e);
+                };
+                const removeCb = (e) => {
+                    t.removeEventListener("touchmove", touchMoveCb);
+                    t.removeEventListener("touchend", removeCb);
+                    window.dispatchEvent(new TouchEvent(e.type, e));
+                };
+                t.addEventListener("touchmove", touchMoveCb);
+                t.addEventListener("touchend", removeCb);
+            }
+        });
+    }, []);
+    const e = useMemo(() => ({
+        bindAnchor: (el) => {
+            el.addEventListener("mousedown", onAnchorClick);
+            anchorsList.push(el);
+        },
+        unbindAnchor: (el) => {
+            el.removeEventListener("mousedown", onAnchorClick);
+            anchorsList.splice(anchorsList.indexOf(el), 1);
+        },
+        on: eventEmitter.subscriber,
+    }), []);
+    return (_jsx(OrderableListContext.Provider, { value: e, children: _jsx("div", { ref: rootRef, className: `${Styles.root} ${className} ${shrinkToOnOrder ? Styles.shrinkable : ""}`, ...toSpread, children: mode === OrderableListReorderMode.VERTICAL ? (_jsx(AnimatedEntrance, { children: childrenToRender })) : (_jsx(UncontrolledTransition, { className: Styles.transition, transitionType: TransitionAnimationTypes.CUSTOM, config: {
+                    backward: {
+                        elementEntering: "",
+                        elementExiting: "",
+                    },
+                    forward: {
+                        elementEntering: Styles.stubEntering,
+                        elementExiting: TransitionStyles.fadeOut,
+                    },
+                }, contentClassName: `${className}`, children: _jsx(Fragment, { children: [...children]
+                        .filter((a) => cleanOrder.includes(a.key))
+                        .sort((a, b) => cleanOrder.indexOf(a.key) -
+                        cleanOrder.indexOf(b.key))
+                        .map((a, i) => (_jsx(HeroWrapper, { id: a.key, children: a }, i))) }, orderId) })) }) }));
+}
+function HeroWrapper({ children, id }) {
+    const { heroRef } = useHero(id, undefined, {
+        onHeroStart: (_c, _o, t) => {
+            t.querySelectorAll("img").forEach((img) => (img.style.visibility = "hidden"));
+        },
+        onHeroCloned(clone) {
+            // if (!clone.classList.contains(Styles.visible)) clone.style.opacity = "0";
+        },
+        onHeroEnd: () => {
+            if (heroRef.current)
+                heroRef.current
+                    .querySelectorAll("img")
+                    .forEach((img) => (img.style.visibility = ""));
+        },
+    });
+    return _jsx("div", { ref: heroRef, children: children });
+}
+export function useOrderableListAnchor() {
+    const anchorRef = useRef(null);
+    const ctx = useContext(OrderableListContext);
+    useLayoutEffect(() => {
+        if (!ctx)
+            return;
+        const { bindAnchor, unbindAnchor } = ctx;
+        bindAnchor(anchorRef.current);
+        return () => unbindAnchor(anchorRef.current);
+    }, []);
+    return {
+        anchorRef: ctx ? anchorRef : undefined,
+    };
+}
+export function useOrderableEvents(events) {
+    const { on } = useContext(OrderableListContext);
+    useEffect(() => {
+        const unsubscribers = [];
+        for (let eventName in events) {
+            unsubscribers.push(on(eventName, events[eventName]));
+        }
+        return () => {
+            unsubscribers.forEach((u) => u());
+        };
+    }, [events]);
+}
+//# sourceMappingURL=OrderableList.js.map

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

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

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

@@ -0,0 +1,98 @@
+$baseSpeed: 300ms;
+$fast: var(--orderable-list--speed);
+
+.unselectable * {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.clone {
+  --orderable-list--speed: #{$baseSpeed};
+  transition: max-height $fast linear;
+  pointer-events: none;
+  position: fixed;
+  overflow: hidden;
+}
+
+.ordering {
+  > * {
+    opacity: 0;
+  }
+  .visible {
+    opacity: 1;
+    * {
+      pointer-events: none;
+    }
+  }
+}
+
+.shrinkable.ordering section.visible,
+.shrinkable.ordering section.currentOrdering {
+  max-height: var(--shrink-to) !important;
+}
+.shrinkable.ordering > section:not(.visible):not(.currentOrdering) > * {
+  max-height: var(--shrink-to) !important;
+}
+.transitionHeight {
+  transition: max-height $fast linear;
+}
+
+.root {
+  position: relative;
+  --orderable-list--speed: #{$baseSpeed};
+  transition: padding-top $fast linear;
+  > * {
+    transition: max-height $fast linear;
+    overflow: hidden;
+    > * > * {
+      flex-shrink: 0;
+    }
+  }
+
+  &::before {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    content: " ";
+  }
+}
+
+.transition {
+  width: 100%;
+  align-items: flex-start !important;
+  overflow: visible !important;
+  > * {
+    flex-direction: row !important;
+    flex-wrap: wrap;
+    // &:first-child {
+    //   visibility: hidden;
+    // }
+    &:last-child {
+      visibility: visible;
+    }
+  }
+}
+
+div.stub {
+  animation-name: stub;
+  position: absolute;
+  pointer-events: none;
+  opacity: 0 !important;
+}
+
+div.stubEntering {
+  animation-name: stub;
+  z-index: -1;
+}
+@keyframes stub {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+}

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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+import React, { ComponentProps, RefObject } from "react";
+export declare enum PaginationIndicatorMode {
+    /** This will make the guide ball be kept on center  */
+    CENTERED = 0,
+    /** This will make the guide ball move, while the indicator balls keep in place */
+    START = 1
+}
+export declare function PaginationIndicatorView({ size, page: currentPage, pages: decimalPages, className, onClickPage, mode, infinite, }: {
+    size: number;
+    page: number;
+    pages: number;
+    className?: string;
+    onClickPage?: (page: number) => void;
+    mode?: PaginationIndicatorMode;
+    infinite?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedPaginationIndicator(props: ComponentProps<typeof PaginationIndicatorView> & {
+    duration: number;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * A cool component to indicate how many pages are
+ **/
+declare const PaginationIndicator: React.ForwardRefExoticComponent<{
+    scrollableRef: RefObject<HTMLDivElement>;
+    estimatedWidth?: number | undefined;
+    size: number;
+    className?: string | undefined;
+    onClickPage?: ((page: number) => void) | undefined;
+} & Pick<{
+    size: number;
+    page: number;
+    pages: number;
+    className?: string | undefined;
+    onClickPage?: ((page: number) => void) | undefined;
+    mode?: PaginationIndicatorMode | undefined;
+    infinite?: boolean | undefined;
+}, "infinite" | "mode"> & React.RefAttributes<{
+    refreshPages: () => void;
+}>>;
+export default PaginationIndicator;