stargazer-ui 1.2.1 → 1.3.0

package/hooks/useDraggable.js

@@ -0,0 +1,147 @@
+'use client';
+import { useState, useRef, useEffect } from 'react';
+
+const insertPhantomElement = (targetElement, movingElement, options = { after: true, first: true }) => {
+    const nextSibling = targetElement.nextElementSibling;
+    const previousSibling = targetElement.previousElementSibling;
+    const phantomData = document.querySelectorAll("[data-phantom='before'], [data-phantom='after']");
+    phantomData.forEach(element => {
+        if (targetElement !== element) {
+            element.dataset.phantom = "none";
+            //console.log("equal")
+        }
+    });
+    targetElement.dataset.phantom = options.after ? "after" : "before";
+    if (options.after && nextSibling) {
+        nextSibling.dataset.phantom = "before";
+    }
+    if (!options.after && previousSibling) {
+        previousSibling.dataset.phantom = "after";
+    }
+    const { width, height } = movingElement.getBoundingClientRect();
+    const parentElement = targetElement.parentElement;
+    document.querySelectorAll(".phantom").forEach(phantom => phantom.remove());
+    const phantomDiv = document.createElement("li");
+    phantomDiv.classList.add("phantom");
+    phantomDiv.classList.add("sg-sublist");
+    phantomDiv.style.width = options.first ? width.toString() + "px" : "";
+    phantomDiv.style.height = height.toString() + "px";
+    parentElement.insertBefore(phantomDiv, options.after ? targetElement.nextSibling : targetElement);
+};
+/*
+const useDraggable = (movingElementRef: RefObject<HTMLElement>, options: Options = {}) => {
+    const [ dragging, setDragging ] = useState<boolean>(false)
+
+    const onDragStart = (event: React.DragEvent) => {
+        console.log("drag start")
+        insertPhantomElement(movingElementRef.current!)
+    }
+
+    const onDragEnd = (event: React.DragEvent) => {
+        document.querySelectorAll(".phantom").forEach(phantom => phantom.remove())
+    }
+
+    return { onDragStart, onDragEnd }
+}
+*/
+const useDraggable = (movingElementRef, options = { draggable: false }) => {
+    const [coordinates, setCoordinates] = useState({ offSetTop: 0, offSetLeft: 0 });
+    const [isMouseDown, setIsMouseDown] = useState(false);
+    const elementWithPhantom = useRef(null);
+    const isMouseDownRef = useRef(isMouseDown);
+    const coordinatesRef = useRef(coordinates);
+    useEffect(() => {
+        isMouseDownRef.current = isMouseDown;
+    }, [isMouseDown]);
+    useEffect(() => {
+        coordinatesRef.current = coordinates;
+    }, [coordinates]);
+    useEffect(() => {
+        if (movingElementRef && options.draggable) {
+            const movingElement = movingElementRef.current;
+            const onPointerDown = (event) => {
+                event.stopPropagation();
+                const { width } = event.target.getBoundingClientRect();
+                insertPhantomElement(movingElement, movingElement, { first: true });
+                const { top, left } = movingElement.getBoundingClientRect();
+                //Initial coordinates & setup for moving
+                setCoordinates(prev => ({
+                    ...prev,
+                    top: top,
+                    left: left,
+                    offSetTop: event.clientY - top,
+                    offSetLeft: event.clientX - left,
+                    width: width
+                }));
+                movingElement.style.setProperty("user-select", "none");
+                movingElement.setPointerCapture(event.pointerId);
+                movingElement.classList.add("moving");
+                setIsMouseDown(true);
+            };
+            const onPointerUp = (event) => {
+                if (isMouseDownRef.current) {
+                    const phantomElement = document.querySelectorAll(".phantom")[0];
+                    const phantomElementParent = phantomElement.parentElement;
+                    phantomElementParent.insertBefore(movingElement, phantomElement);
+                    document.querySelectorAll(".phantom").forEach(phantom => phantom.remove());
+                    movingElement.style.removeProperty("user-select");
+                    movingElement.classList.remove("moving");
+                    setCoordinates(prev => ({
+                        ...prev,
+                        width: null
+                    }));
+                    setIsMouseDown(false);
+                }
+            };
+            const onPointerMove = (event) => {
+                if (isMouseDownRef.current) {
+                    const isTopOver = event.clientY - coordinatesRef.current.offSetTop < 0;
+                    const isBottomOver = window.innerHeight - (event.clientY - coordinatesRef.current.offSetTop + movingElement.offsetHeight) < 0;
+                    const isLeftOver = event.clientX - coordinatesRef.current.offSetLeft < 0;
+                    const isRightOver = window.innerWidth - (event.clientX - coordinatesRef.current.offSetLeft + movingElement.offsetWidth) < 0;
+                    let topCoordinate = isTopOver ? 0 : event.clientY - coordinatesRef.current.offSetTop;
+                    topCoordinate = isBottomOver ? window.innerHeight - movingElement.offsetHeight : topCoordinate;
+                    let leftCoordinate = isLeftOver ? 0 : event.clientX - coordinatesRef.current.offSetLeft;
+                    leftCoordinate = isRightOver ? window.innerWidth - movingElement.offsetWidth : leftCoordinate;
+                    setCoordinates(prev => ({
+                        ...prev,
+                        top: topCoordinate,
+                        left: leftCoordinate
+                    }));
+                    movingElement.hidden = true;
+                    const elemBelow = document.elementFromPoint(event.clientX, event.clientY);
+                    movingElement.hidden = false;
+                    const isElemeBelowDropable = elemBelow?.classList.contains("sg-list-item") || elemBelow?.classList.contains("sg-sublist");
+                    const elemBelowClosestDroppable = isElemeBelowDropable ? elemBelow : elemBelow?.closest(".sg-list-item, .sg-sublist");
+                    console.log(elemBelow, elemBelowClosestDroppable);
+                    if (!elemBelowClosestDroppable || elemBelow?.classList.contains("phantom")) {
+                        return;
+                    }
+                    if (elementWithPhantom.current != elemBelowClosestDroppable) {
+                        elementWithPhantom.current = elemBelowClosestDroppable;
+                    }
+                    const { top, left, width, height } = elementWithPhantom.current.getBoundingClientRect();
+                    const phantomPosition = elementWithPhantom.current.dataset.phantom;
+                    const afterTest = event.clientY - top >= height / 2 && phantomPosition != "after";
+                    const beforeTest = event.clientY - top < height / 2 && phantomPosition != "before";
+                    if (afterTest || beforeTest) {
+                        insertPhantomElement(elementWithPhantom.current, movingElement, { after: afterTest ? true : false });
+                    }
+                }
+            };
+            const bubble = false;
+            movingElement.addEventListener("pointerdown", onPointerDown, bubble);
+            movingElement.addEventListener("pointerup", onPointerUp, bubble);
+            movingElement.addEventListener("pointermove", onPointerMove, bubble);
+            return function cleanup() {
+                movingElement.removeEventListener("pointerdown", onPointerDown, bubble);
+                movingElement.removeEventListener("pointerup", onPointerUp, bubble);
+                movingElement.removeEventListener("pointermove", onPointerMove, bubble);
+            };
+        }
+    }, []);
+    return { coordinates, isMouseDown };
+};
+
+export { useDraggable as default, insertPhantomElement };
+//# sourceMappingURL=useDraggable.js.map

package/hooks/useDraggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.js","sources":["../../src/hooks/useDraggable.ts"],"sourcesContent":[null],"names":[],"mappings":";;;MAqBa,oBAAoB,GAAG,CAAC,aAA0B,EAAE,aAA0B,EAAE,OAAA,GAA4C,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,KAAI;AACnK,IAAA,MAAM,WAAW,GAAG,aAAa,CAAC,kBAAiC,CAAA;AACnE,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,sBAAqC,CAAA;IAC3E,MAAM,WAAW,GAAG,QAAQ,CAAC,gBAAgB,CAAc,iDAAiD,CAAC,CAAA;AAC7G,IAAA,WAAW,CAAC,OAAO,CAAC,OAAO,IAAG;AAC1B,QAAA,IAAI,aAAa,KAAK,OAAO,EAAE;AAC3B,YAAA,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAA;;SAEnC;AACL,KAAC,CAAC,CAAA;AACF,IAAA,aAAa,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,GAAC,QAAQ,CAAA;AAChE,IAAA,IAAG,OAAO,CAAC,KAAK,IAAI,WAAW,EAAE;AAAE,QAAA,WAAW,CAAC,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAA;KAAE;AAC3E,IAAA,IAAG,CAAC,OAAO,CAAC,KAAK,IAAI,eAAe,EAAE;AAAE,QAAA,eAAe,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;KAAE;IAEnF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAA;AAC/D,IAAA,MAAM,aAAa,GAAG,aAAa,CAAC,aAAc,CAAA;AAElD,IAAA,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;IAE1E,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;AAC/C,IAAA,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;AACnC,IAAA,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;IACtC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,GAAC,IAAI,GAAG,EAAE,CAAA;IACnE,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE,GAAC,IAAI,CAAA;AAChD,IAAA,aAAa,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,GAAG,aAAa,CAAC,WAAW,GAAG,aAAa,CAAC,CAAA;AACrG,EAAC;AAMD;;;;;;;;;;;;;;;AAeE;AAEF,MAAM,YAAY,GAAG,CAAC,gBAAwC,EAAE,OAAA,GAAmB,EAAC,SAAS,EAAE,KAAK,EAAC,KAAI;AACrG,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAc,EAAC,SAAS,EAAC,CAAC,EAAE,UAAU,EAAC,CAAC,EAAC,CAAC,CAAA;IACxF,MAAM,CAAE,WAAW,EAAE,cAAc,CAAE,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;AAEhE,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAA;AAC3D,IAAA,MAAM,cAAc,GAAG,MAAM,CAAU,WAAW,CAAC,CAAA;AACnD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAc,WAAW,CAAC,CAAA;IACvD,SAAS,CAAC,MAAK;AACX,QAAA,cAAc,CAAC,OAAO,GAAG,WAAW,CAAA;AACxC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IACjB,SAAS,CAAC,MAAK;AACX,QAAA,cAAc,CAAC,OAAO,GAAG,WAAW,CAAA;AACxC,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,SAAS,CAAC,MAAK;AACX,QAAA,IAAG,gBAAgB,IAAI,OAAO,CAAC,SAAS,EAAE;AACtC,YAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAQ,CAAA;AAE/C,YAAA,MAAM,aAAa,GAAG,CAAC,KAAmB,KAAI;gBAC1C,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,MAAM,EAAE,KAAK,EAAE,GAAI,KAAK,CAAC,MAAsB,CAAC,qBAAqB,EAAE,CAAA;gBAEvE,oBAAoB,CAAC,aAAa,EAAE,aAAa,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAA;gBAEjE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAA;;AAE1D,gBAAA,cAAc,CAAC,IAAI,KAAK;AACpB,oBAAA,GAAG,IAAI;AACP,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,IAAI,EAAE,IAAI;AACV,oBAAA,SAAS,EAAC,KAAK,CAAC,OAAO,GAAG,GAAG;AAC7B,oBAAA,UAAU,EAAC,KAAK,CAAC,OAAO,GAAG,IAAI;AAC/B,oBAAA,KAAK,EAAE,KAAK;AACf,iBAAA,CAAC,CAAC,CAAA;gBACH,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;AACtD,gBAAA,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;AAChD,gBAAA,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;gBACrC,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,aAAC,CAAA;AACD,YAAA,MAAM,WAAW,GAAG,CAAC,KAAmB,KAAI;AACxC,gBAAA,IAAG,cAAc,CAAC,OAAO,EAAE;oBACvB,MAAM,cAAc,GAAG,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;AAC/D,oBAAA,MAAM,oBAAoB,GAAG,cAAc,CAAC,aAAc,CAAA;AAE1D,oBAAA,oBAAoB,CAAC,YAAY,CAAC,aAAa,EAAE,cAAc,CAAC,CAAA;AAEhE,oBAAA,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;AAE1E,oBAAA,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAA;AACjD,oBAAA,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;AACxC,oBAAA,cAAc,CAAC,IAAI,KAAK;AACpB,wBAAA,GAAG,IAAI;AACP,wBAAA,KAAK,EAAE,IAAI;AACd,qBAAA,CAAC,CAAC,CAAA;oBACH,cAAc,CAAC,KAAK,CAAC,CAAA;iBACxB;AACL,aAAC,CAAA;AACD,YAAA,MAAM,aAAa,GAAG,CAAC,KAAmB,KAAI;AAC1C,gBAAA,IAAG,cAAc,CAAC,OAAO,EAAE;AACvB,oBAAA,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAA;oBACtE,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;AAC7H,oBAAA,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,GAAG,CAAC,CAAA;oBACxE,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;AAE3H,oBAAA,IAAI,aAAa,GAAG,SAAS,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAA;AACpF,oBAAA,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,GAAG,aAAa,CAAA;AAE9F,oBAAA,IAAI,cAAc,GAAG,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAA;AACvF,oBAAA,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC,UAAU,GAAG,aAAa,CAAC,WAAW,GAAG,cAAc,CAAA;AAE7F,oBAAA,cAAc,CAAC,IAAI,KAAK;AACpB,wBAAA,GAAG,IAAI;AACP,wBAAA,GAAG,EAAC,aAAa;AACjB,wBAAA,IAAI,EAAC,cAAc;AACtB,qBAAA,CAAC,CAAC,CAAA;AAEH,oBAAA,aAAa,CAAC,MAAM,GAAG,IAAI,CAAA;AAC3B,oBAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;AACzE,oBAAA,aAAa,CAAC,MAAM,GAAG,KAAK,CAAA;AAC5B,oBAAA,MAAM,oBAAoB,GAAG,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;AACzH,oBAAA,MAAM,yBAAyB,GAAG,oBAAoB,GAAG,SAAwB,GAAG,SAAS,EAAE,OAAO,CAAC,4BAA4B,CAAgB,CAAA;AACnJ,oBAAA,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAAA;AAEjD,oBAAA,IAAG,CAAC,yBAAyB,IAAI,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;wBAAE,OAAM;qBAAE;AAErF,oBAAA,IAAG,kBAAkB,CAAC,OAAO,IAAI,yBAAyB,EAAE;AACxD,wBAAA,kBAAkB,CAAC,OAAO,GAAG,yBAAyB,CAAA;qBACzD;AAED,oBAAA,MAAM,EAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;oBACrF,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAA;AAElE,oBAAA,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,GAAG,GAAG,IAAI,MAAM,GAAC,CAAC,IAAI,eAAe,IAAI,OAAO,CAAA;AAC/E,oBAAA,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,GAAG,GAAG,GAAG,MAAM,GAAC,CAAC,IAAI,eAAe,IAAI,QAAQ,CAAA;AAChF,oBAAA,IAAG,SAAS,IAAI,UAAU,EAAE;wBACxB,oBAAoB,CAAC,kBAAkB,CAAC,OAAO,EAAE,aAAa,EAAE,EAAC,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,KAAK,EAAC,CAAC,CAAA;qBACrG;iBACJ;AACL,aAAC,CAAA;YAED,MAAM,MAAM,GAAG,KAAK,CAAA;YAEpB,aAAa,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,EAAE,MAAM,CAAC,CAAA;YACpE,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,CAAA;YAChE,aAAa,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,EAAE,MAAM,CAAC,CAAA;AACpE,YAAA,OAAO,SAAS,OAAO,GAAA;gBACnB,aAAa,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,MAAM,CAAC,CAAA;gBACvE,aAAa,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,CAAA;gBACnE,aAAa,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,MAAM,CAAC,CAAA;AAC3E,aAAC,CAAA;SACJ;KACJ,EAAC,EAAE,CAAC,CAAA;AAEL,IAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAC,CAAA;AACtC;;;;"}

package/hooks/useKeepElementFocused.d.ts

@@ -0,0 +1,2 @@
+declare const useKeepElementFocused: (elementRef: any) => void;
+export default useKeepElementFocused;

package/hooks/useKeepElementFocused.js

@@ -0,0 +1,37 @@
+'use client';
+import { useEffect } from 'react';
+
+const useKeepElementFocused = (elementRef) => {
+    useEffect(() => {
+        const onKeyDown = (event) => {
+            const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+            const modal = elementRef.current;
+            if (modal) {
+                const firstFocusableElement = modal.querySelectorAll(focusableElements)[0];
+                const focusableContent = modal.querySelectorAll(focusableElements);
+                const lastFocusableElement = focusableContent[focusableContent.length - 1];
+                let isTabPressed = event.key === 'Tab' || event.keyCode === 9;
+                if (!isTabPressed) {
+                    return;
+                }
+                if (event.shiftKey) {
+                    if (document.activeElement === firstFocusableElement) {
+                        lastFocusableElement.focus();
+                        event.preventDefault();
+                    }
+                }
+                else if (document.activeElement === lastFocusableElement) {
+                    firstFocusableElement.focus();
+                    event.preventDefault();
+                }
+            }
+        };
+        document.addEventListener('keydown', onKeyDown, true);
+        return function cleanup() {
+            document.removeEventListener('keydown', onKeyDown, true);
+        };
+    }, [elementRef]);
+};
+
+export { useKeepElementFocused as default };
+//# sourceMappingURL=useKeepElementFocused.js.map

package/hooks/useKeepElementFocused.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeepElementFocused.js","sources":["../../src/hooks/useKeepElementFocused.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA,MAAM,qBAAqB,GAAG,CAAC,UAAc,KAAI;IAC7C,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAI,CAAC,KAA0C,KAAI;YAC9D,MAAM,iBAAiB,GAAG,0EAA0E,CAAA;AACpG,YAAA,MAAM,KAAK,GAAG,UAAU,CAAC,OAAsB,CAAA;YAC/C,IAAG,KAAK,EAAE;gBACN,MAAM,qBAAqB,GAAG,KAAK,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;gBACvF,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAc,iBAAiB,CAAC,CAAA;gBAC/E,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AAC1E,gBAAA,IAAI,YAAY,GAAG,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC;gBAE9D,IAAI,CAAC,YAAY,EAAE;oBACf,OAAO;iBACV;AAED,gBAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AAChB,oBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,qBAAqB,EAAE;wBAClD,oBAAoB,CAAC,KAAK,EAAE,CAAA;wBAC5B,KAAK,CAAC,cAAc,EAAE,CAAA;qBACzB;iBACJ;AAAM,qBAAA,IAAI,QAAQ,CAAC,aAAa,KAAK,oBAAoB,EAAE;oBACxD,qBAAqB,CAAC,KAAK,EAAE,CAAC;oBAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;iBACzB;aACJ;AACL,SAAC,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAE,CAAA;AAEtD,QAAA,OAAO,SAAS,OAAO,GAAA;YACnB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAE,CAAA;AAC7D,SAAC,CAAA;AACL,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;AACpB;;;;"}

package/hooks/useQueryParams.d.ts

@@ -0,0 +1,2 @@
+declare const useQueryParams: (queryParam: string) => (string | ((query: string, newParam: string) => void) | null)[];
+export default useQueryParams;

package/hooks/useQueryParams.js

@@ -0,0 +1,13 @@
+'use client';
+const useQueryParams = (queryParam) => {
+    const url = new URL(window.location.href);
+    const param = url.searchParams.get(queryParam); // ? url.searchParams.get(queryParam) : url; // gremlin
+    const setQuery = (query, newParam) => {
+        url.searchParams.set(query, newParam);
+        history.replaceState(history.state, '', url);
+    };
+    return [param, setQuery];
+};
+
+export { useQueryParams as default };
+//# sourceMappingURL=useQueryParams.js.map

package/hooks/useQueryParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryParams.js","sources":["../../src/hooks/useQueryParams.ts"],"sourcesContent":[null],"names":[],"mappings":";AACA,MAAM,cAAc,GAAG,CAAC,UAAkB,KAAI;IAC1C,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;AAC9C,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,QAAe,KAAI;QAChD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QACrC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACjD,KAAC,CAAA;AACD,IAAA,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AAC5B;;;;"}

package/hooks/useScreenSize.d.ts

@@ -0,0 +1,5 @@
+declare const useScreenSize: (debounceTime?: number) => {
+    height: number;
+    width: number;
+};
+export default useScreenSize;

package/hooks/useScreenSize.js

@@ -0,0 +1,21 @@
+'use client';
+import { useState, useMemo, useEffect } from 'react';
+import { debounce } from 'lodash';
+
+const useScreenSize = (debounceTime = 25) => {
+    const [size, setSize] = useState({ height: window.innerHeight, width: window.innerWidth });
+    const handleResize = () => {
+        setSize({ height: window.innerHeight, width: window.innerWidth });
+    };
+    const handleResizeDebounced = useMemo(() => debounce(handleResize, debounceTime), [debounceTime]);
+    useEffect(() => {
+        window.addEventListener("resize", handleResizeDebounced, true);
+        return function cleanup() {
+            window.removeEventListener("resize", handleResizeDebounced, true);
+        };
+    }, [handleResizeDebounced]);
+    return size;
+};
+
+export { useScreenSize as default };
+//# sourceMappingURL=useScreenSize.js.map

package/hooks/useScreenSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.js","sources":["../../src/hooks/useScreenSize.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAGA,MAAM,aAAa,GAAG,CAAC,YAAY,GAAC,EAAE,KAAI;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAE,QAAQ,CAAC,EAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAC,CAAC,CAAA;IAGvF,MAAM,YAAY,GAAG,MAAI;AACrB,QAAA,OAAO,CAAC,EAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAC,CAAC,CAAA;AACnE,KAAC,CAAA;AACD,IAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAClC,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC,EACtC,CAAC,YAAY,CAAC,CAAE,CAAA;IAErB,SAAS,CAAC,MAAK;QACd,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;AAC9D,QAAA,OAAO,SAAS,OAAO,GAAA;YACtB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;AAClE,SAAC,CAAA;AACF,KAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAA;AACxB,IAAA,OAAO,IAAI,CAAA;AACf;;;;"}

package/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./Button";
+export * from "./ButtonGroup";
+export * from "./Card";
+export * from "./CloseButton";
+export * from "./Dropdown";
+export * from "./FloatingLabel";
+export * from "./Form";
+export * from "./InputGroup";
+export * from "./Modal";
+export * from "./Nav";
+export * from "./NavBar";
+export * from "./NavDropdown";
+export * from "./Popout";
+export * from "./Spinner";
+export * from "./Table";
+export * from "./Tabs";
+export * from "./ToggleButton";
+export * from "./utils/BaseTypes";

package/index.js

@@ -0,0 +1,19 @@
+'use client';
+import './Button/Button.js';
+import './ButtonGroup/ButtonGroup.js';
+import './Card/Card.js';
+import './CloseButton/CloseButton.js';
+export { DropdownContext, DropdownContextProvider, useDropdownContext } from './Dropdown/Dropdown.js';
+import './FloatingLabel/FloatingLabel.js';
+export { FormContextProvider, useFormContext } from './Form/Form.js';
+import './InputGroup/InputGroup.js';
+import './Modal/Modal.js';
+import './Nav/Nav.js';
+export { useNavbarContext } from './NavBar/Navbar.js';
+import './NavDropdown/NavDropdown.js';
+import './Popout/Popout.js';
+import './Spinner/Spinner.js';
+import './Table/Table.js';
+import './Tabs/Tabs.js';
+import './ToggleButton/ToggleButton.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,79 +1 @@
-{
-  "name": "stargazer-ui",
-  "version": "1.2.1",
-  "description": "React component library made by Stargazer Works",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "scripts": {
-    "test": "\"echo \\\"Error: no test specified\\\" && exit 1\"",
-    "dev": "vite --config vite.config.js --port 5000",
-    "build": "tsc --p ./tsconfig-build.json && vite build --config vite.config.js",
-    "rollup": "rimraf dist && rollup -c",
-    "postrollup": "node scripts/writePackageJsons.js && sass src/styles/_components.scss dist/styles/stargazerui.css",
-    "packageJsons": "node scripts/writePackageJsons.js",
-    "makecss": "sass src/styles/_components.scss dist/styles/stargazerui.css"
-  },
-  "type": "module",
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Xoror/stargazer-ui.git"
-  },
-  "keywords": [
-    "ui",
-    "library",
-    "stargazer-works"
-  ],
-  "author": "Stargazer Works",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/Xoror/stargazer-ui/issues"
-  },
-  "homepage": "https://github.com/Xoror/stargazer-ui#readme",
-  "peerDependencies": {
-    "lodash": "^4.17.21",
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.16.5",
-    "@govtechsg/sgds-react": "^2.3.0",
-    "@reduxjs/toolkit": "^2.2.1",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/lodash": "^4.17.4",
-    "@types/node": "^20.8.10",
-    "@types/react": "^18.2.35",
-    "@types/react-dom": "^18.2.14",
-    "@typescript-eslint/eslint-plugin": "^6.9.1",
-    "@typescript-eslint/parser": "^6.9.1",
-    "@vitejs/plugin-react": "^4.2.1",
-    "ally.js": "^1.4.1",
-    "eslint": "^8.53.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.4",
-    "glob": "^10.3.10",
-    "lodash": "^4.17.21",
-    "react": ">=17.0.0",
-    "react-bootstrap": "^2.10.1",
-    "react-dom": ">=17.0.0",
-    "react-router-dom": "^6.23.1",
-    "rollup": "^4.12.0",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-generate-package-json": "^3.2.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "sass": "^1.71.1",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "vite": "^5.1.4",
-    "vite-plugin-dts": "^3.7.3"
-  }
-}
+{"name":"stargazer-ui","version":"1.3.0","description":"React component library made by Stargazer Works","module":"./index.js","types":"./index.d.ts","scripts":{"test":"\"echo \\\"Error: no test specified\\\" && exit 1\"","dev":"vite --config vite.config.js --port 5000","build":"tsc --p ./tsconfig-build.json && vite build --config vite.config.js","rollup":"rimraf dist && rollup -c","postrollup":"node scripts/writePackageJsons.js && sass src/styles/_components.scss dist/styles/stargazerui.css","packageJsons":"node scripts/writePackageJsons.js","makecss":"sass src/styles/_components.scss dist/styles/stargazerui.css"},"type":"module","engines":{"node":">=18.0.0"},"repository":{"type":"git","url":"git+https://github.com/Xoror/stargazer-ui.git"},"keywords":["ui","library","stargazer-works"],"author":"Stargazer Works","license":"MIT","bugs":{"url":"https://github.com/Xoror/stargazer-ui/issues"},"homepage":"https://github.com/Xoror/stargazer-ui#readme","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"},"publishConfig":{"access":"public"},"devDependencies":{"@babel/core":"^7.16.5","@govtechsg/sgds-react":"^2.3.0","@reduxjs/toolkit":"^2.2.1","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.6","@types/lodash":"^4.17.4","@types/node":"^20.8.10","@types/react":"^18.2.35","@types/react-dom":"^18.2.14","@typescript-eslint/eslint-plugin":"^6.9.1","@typescript-eslint/parser":"^6.9.1","@vitejs/plugin-react":"^4.2.1","ally.js":"^1.4.1","eslint":"^8.53.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.4","glob":"^10.3.10","lodash":"^4.17.21","react":">=17.0.0","react-bootstrap":"^2.10.1","react-dom":">=17.0.0","react-router-dom":"^6.23.1","rollup":"^4.12.0","rollup-plugin-dts":"^6.1.0","rollup-plugin-generate-package-json":"^3.2.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-typescript2":"^0.36.0","sass":"^1.71.1","tslib":"^2.6.2","typescript":"^5.2.2","vite":"^5.1.4","vite-plugin-dts":"^3.7.3"}}