@g4rcez/components 3.0.0 → 3.0.1

package/dist/hooks/use-reactive.js

@@ -1,9 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-export const useReactive = (t, initial) => {
-    const [state, setState] = useState(() => (initial ? initial : t));
-    useEffect(() => {
-        setState(t);
-    }, [t]);
-    return [state, setState];
-};

package/dist/hooks/use-remove-scroll.js

@@ -1,61 +0,0 @@
-import { useEffect, useRef } from "react";
-import { Is, onlyNumbers } from "sidekicker";
-import { hasVerticalScroll } from "../lib/dom";
-import { isMobile, isSsr } from "../lib/fns";
-import { useIsCoarseDevice } from "./use-is-coarse-device";
-export const useRemoveScroll = (remove, removeStyle = "overflow-hidden") => {
-    const ref = useRef(null);
-    const isCoarseDevice = useIsCoarseDevice();
-    const prev = useRef(isSsr() ? "" : document.documentElement.style.overflowY);
-    useEffect(() => {
-        if (ref.current === null && !remove)
-            return;
-        if (removeStyle === "block-only")
-            return;
-        if (removeStyle === "overflow-hidden") {
-            if (remove) {
-                prev.current = document.documentElement.style.overflowY;
-                document.documentElement.style.overflowY = "hidden";
-                if (isCoarseDevice || isMobile())
-                    return;
-                document.documentElement.style.padding = hasVerticalScroll(document.documentElement) ? "0 15px 0 0" : "";
-            }
-            else {
-                document.documentElement.style.padding = "";
-                document.documentElement.style.overflowY = prev.current;
-            }
-        }
-    }, [remove, isCoarseDevice, removeStyle]);
-    useEffect(() => {
-        if (!remove)
-            return;
-        const controller = new AbortController();
-        const html = document.documentElement;
-        const removeScroll = (e) => {
-            const el = ref.current;
-            if (el) {
-                if (el.contains(e.target)) {
-                    const rect = el.getBoundingClientRect();
-                    const realHeight = el.style.height ? Number(onlyNumbers(el.style.height)) : null;
-                    const scrollable = Is.number(realHeight) ? realHeight : rect.height;
-                    const hasScroll = el.scrollHeight <= scrollable;
-                    if (scrollable === el.scrollHeight)
-                        return remove ? e.preventDefault() : undefined;
-                    if (hasScroll)
-                        return;
-                    return remove ? e.preventDefault() : undefined;
-                }
-            }
-            if (e.currentTarget === document.documentElement) {
-                return remove ? e.preventDefault() : undefined;
-            }
-            return remove ? e.preventDefault() : undefined;
-        };
-        html.addEventListener("wheel", removeScroll, { signal: controller.signal, passive: false });
-        html.addEventListener("scroll", removeScroll, { signal: controller.signal, passive: false });
-        return () => {
-            controller.abort();
-        };
-    }, [remove]);
-    return ref;
-};

package/dist/hooks/use-resize-observer.js

@@ -1,17 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-export const useResizeObserver = (element, onResize) => {
-    const onResizeRef = useRef(onResize);
-    onResizeRef.current = onResize;
-    useEffect(() => {
-        if (!element)
-            return;
-        const observer = new ResizeObserver((entries) => {
-            if (entries[0]) {
-                onResizeRef.current(entries[0]);
-            }
-        });
-        observer.observe(element);
-        return () => observer.disconnect();
-    }, [element]);
-};

package/dist/hooks/use-stable-ref.js

@@ -1,9 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-export const useStableRef = (value) => {
-    const ref = useRef(value);
-    useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref;
-};

package/dist/hooks/use-swipe.js

@@ -1,17 +0,0 @@
-"use client";
-import { useRef } from "react";
-export function useSwipe(onSwipe, threshold) {
-    const touchStartX = useRef(null);
-    const onTouchStart = (e) => (touchStartX.current = e.touches[0].clientX);
-    const onTouchEnd = (e) => {
-        if (touchStartX.current === null)
-            return;
-        const touchEndX = e.changedTouches[0].clientX;
-        const diff = touchEndX - touchStartX.current;
-        if (Math.abs(diff) > threshold) {
-            onSwipe(e, diff > 0 ? "right" : "left");
-        }
-        touchStartX.current = null;
-    };
-    return { onTouchStart, onTouchEnd };
-}

package/dist/hooks/use-translations.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { Context } from "../config/context";
-import { defaultTranslations } from "../config/default-translations";
-export const useTranslations = () => {
-    const ctx = useContext(Context);
-    if (!ctx)
-        return defaultTranslations;
-    return ctx.map;
-};

package/dist/hooks/use-tweaks.js

@@ -1,9 +0,0 @@
-import { useContext } from "react";
-import { Context } from "../config/context";
-import { defaultTweaks } from "../config/default-tweaks";
-export const useTweaks = () => {
-    const ctx = useContext(Context);
-    if (!ctx)
-        return defaultTweaks;
-    return ctx.tweaks;
-};

package/dist/hooks/use-window-size.js

@@ -1,14 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-export const useWindowSize = () => {
-    const [size, setSize] = useState({ width: 0, height: 0 });
-    useEffect(() => {
-        if (typeof window === "undefined")
-            return;
-        const update = () => setSize({ width: window.innerWidth, height: window.innerHeight });
-        update();
-        window.addEventListener("resize", update, { passive: true });
-        return () => window.removeEventListener("resize", update);
-    }, []);
-    return size;
-};

package/dist/lib/combi-keys.js

@@ -1,60 +0,0 @@
-export const osxRegex = /Mac|iPod|iPhone|iPad/;
-export const isMac = () => osxRegex.test(navigator.userAgent);
-const parseCombination = (combination) => combination.split("+").map((k) => {
-    const key = k.trim();
-    if (key === "Mod")
-        return isMac() ? "Meta" : "Control";
-    if (key === "Hyper")
-        return isMac() ? "Meta+Shift+Alt" : "Control+Shift+Alt";
-    return key;
-});
-const combine = (keys) => keys.map((x) => x.trim()).join("+");
-export class CombiKeys {
-    combinations = [];
-    constructor(combi = []) {
-        this.combinations = this.combinations.concat(combi);
-        this.combinations.forEach((x) => {
-            this.add(x.key, x.fn);
-        });
-    }
-    add(combi, fn) {
-        const key = combine(parseCombination(combi));
-        if (this.combinations.find((x) => x.key === key))
-            return;
-        this.combinations.push({ fn, key });
-        return this;
-    }
-    register() {
-        const controller = new AbortController();
-        const handler = (event) => {
-            const element = event.target;
-            if (element.tagName === "INPUT" || element.tagName === "TEXTAREA") {
-                const bypass = element.getAttribute("data-combikeysbypass");
-                if (bypass !== "true")
-                    return;
-            }
-            const activeKeys = new Set();
-            if (event.metaKey)
-                activeKeys.add("Meta");
-            if (event.ctrlKey)
-                activeKeys.add("Control");
-            if (event.altKey)
-                activeKeys.add("Alt");
-            if (event.key.charCodeAt(0) > 127) {
-                const char = event.code.replace(/^Digit/, "").replace(/^Key/, "");
-                activeKeys.add(event.shiftKey ? char.toUpperCase() : char.toLowerCase());
-            }
-            else
-                activeKeys.add(event.shiftKey ? event.key.toUpperCase() : event.key);
-            const action = combine(Array.from(activeKeys));
-            this.combinations.forEach((bind) => {
-                if (bind.key === action) {
-                    event.preventDefault();
-                    return void bind.fn(event);
-                }
-            });
-        };
-        window.addEventListener("keydown", handler, { signal: controller.signal });
-        return () => controller.abort();
-    }
-}

package/dist/lib/dict.js

@@ -1,39 +0,0 @@
-export class Dict extends Map {
-    list = [];
-    constructor(init) {
-        super(init);
-        this.list = [];
-        if (Array.isArray(init))
-            this.list = init;
-        if (init instanceof Dict)
-            this.list = Array.from(init.entries());
-    }
-    set(key, value) {
-        super.set(key, value);
-        this.list = (this.list ?? []).concat([[key, value]]);
-        return this;
-    }
-    remove(key) {
-        super.delete(key);
-        this.list = Array.from(this.entries()) ?? [];
-        return this;
-    }
-    map(callback) {
-        return this.list.map((x, i) => callback(x[1], i));
-    }
-    clone(fn) {
-        const clone = new Dict(this);
-        if (fn)
-            return fn(clone);
-        return clone;
-    }
-    static from(items, selector) {
-        return new Dict(items.map((x) => [selector(x), x]));
-    }
-    static unique(items, selector) {
-        return Array.from(Dict.from(items, selector).values());
-    }
-    toArray() {
-        return Array.from(this.values());
-    }
-}

package/dist/lib/dom.js

@@ -1,62 +0,0 @@
-import { clsx } from "clsx";
-import { Is } from "sidekicker";
-import { twMerge } from "tailwind-merge";
-export const mergeRefs = (...refs) => (value) => {
-    refs.forEach((ref) => {
-        if (typeof ref === "function") {
-            ref(value);
-        }
-        else if (ref !== null) {
-            ref.current = value;
-        }
-    });
-};
-export const isReactComponent = (a) => {
-    if (a.$$typeof === Symbol.for("react.forward_ref")) {
-        return true;
-    }
-    if (a.$$typeof === Symbol.for("react.fragment")) {
-        return true;
-    }
-    return a.$$typeof === Symbol.for("react.element");
-};
-export const isReactFC = (a) => Is.function(a);
-export const css = (...styles) => twMerge(clsx(styles));
-export const dispatchInput = (input) => {
-    const event = new Event("input", { bubbles: true, composed: true });
-    input?.dispatchEvent(event);
-    return Object.assign({}, event, { target: input, currentTarget: input });
-};
-export const initializeInputDataset = (input) => {
-    const focus = () => input.setAttribute("data-initialized", "true");
-    input.addEventListener("focus", focus);
-    return () => input.removeEventListener("focus", focus);
-};
-export const hasVerticalScroll = (htmlElement) => htmlElement.scrollHeight > htmlElement.clientHeight;
-export const getRemainingSize = (element, windowSize) => {
-    if (element && element.getBoundingClientRect) {
-        const rect = element.getBoundingClientRect();
-        return Math.abs(windowSize - rect.bottom);
-    }
-    return 320;
-};
-export const getCoords = (elem, docEl) => {
-    const box = elem.getBoundingClientRect();
-    const parent = docEl.getBoundingClientRect();
-    return { top: Math.round(box.top - parent.top), left: Math.round(box.left - parent.left) };
-};
-export const isChildVisible = (container, child, partial = true) => {
-    const containerRect = container.getBoundingClientRect();
-    const childRect = child.getBoundingClientRect();
-    const isWithinTop = childRect.top >= containerRect.top;
-    const isWithinBottom = childRect.bottom <= containerRect.bottom;
-    const isWithinLeft = childRect.left >= containerRect.left;
-    const isWithinRight = childRect.right <= containerRect.right;
-    if (partial) {
-        return (childRect.top < containerRect.bottom &&
-            childRect.bottom > containerRect.top &&
-            childRect.left < containerRect.right &&
-            childRect.right > containerRect.left);
-    }
-    return isWithinTop && isWithinBottom && isWithinLeft && isWithinRight;
-};

package/dist/lib/fns.js

@@ -1,46 +0,0 @@
-export const uuid = () => {
-    const timestamp = Date.now();
-    const bytes = new Uint8Array(16);
-    bytes[0] = (timestamp / Math.pow(2, 40)) & 0xff;
-    bytes[1] = (timestamp / Math.pow(2, 32)) & 0xff;
-    bytes[2] = (timestamp / Math.pow(2, 24)) & 0xff;
-    bytes[3] = (timestamp / Math.pow(2, 16)) & 0xff;
-    bytes[4] = (timestamp / Math.pow(2, 8)) & 0xff;
-    bytes[5] = timestamp & 0xff;
-    const randomBytes = new Uint8Array(10);
-    crypto.getRandomValues(randomBytes);
-    bytes.set(randomBytes, 6);
-    bytes[6] = (bytes[6] & 0x0f) | 0x70;
-    bytes[8] = (bytes[8] & 0x3f) | 0x80;
-    const hex = Array.from(bytes)
-        .map((b) => b.toString(16).padStart(2, "0"))
-        .join("");
-    return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
-};
-const travel = (path, regexp, obj) => path
-    .split(regexp)
-    .filter(Boolean)
-    .reduce((res, key) => (res !== null && res !== undefined ? res[key] : res), obj);
-const regexPaths = { basic: /[,[\]]+?/, extend: /[,[\].]+?/ };
-export const path = (obj, path) => {
-    const result = travel(path, regexPaths.basic, obj) || travel(path, regexPaths.extend, obj);
-    return result === undefined || result === obj ? undefined : result;
-};
-export const isSsr = () => typeof window === "undefined";
-export const safeRegex = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-export const splitInto = (array, size) => {
-    const newArray = [];
-    for (let i = 0; i < size; i++) {
-        const init = i * size;
-        const result = array.slice(init, init + size);
-        if (result.length > 0)
-            newArray.push(result);
-    }
-    return newArray;
-};
-export const negate = (b) => !b;
-export const noop = () => { };
-export const isMobile = () => {
-    const userAgent = navigator.userAgent || navigator.vendor || window.opera;
-    return /android|iphone|ipad|ipod|opera mini|iemobile|wpdesktop/i.test(userAgent);
-};

package/dist/lib/fzf.js

@@ -1,117 +0,0 @@
-import { Is } from "sidekicker";
-export const fuzzyMatch = (text, search) => {
-    text = String(text).toLocaleLowerCase();
-    search = String(search).toLocaleLowerCase();
-    const firstChar = search[0];
-    const firstCharIndexes = text
-        .split("")
-        .map((char, index) => (char === firstChar ? index : false))
-        .filter((index) => index !== false);
-    if (firstCharIndexes.length === 0) {
-        return null;
-    }
-    const matchedIndexes = [];
-    firstCharIndexes.forEach((startingIndex) => {
-        let index = startingIndex + 1;
-        const indexes = [startingIndex];
-        for (let i = 1; i < search.length; i++) {
-            const letter = search[i];
-            index = text.indexOf(letter, index);
-            if (index === -1) {
-                return;
-            }
-            indexes.push(index);
-            index++;
-        }
-        matchedIndexes.push(indexes);
-    });
-    if (matchedIndexes.length === 0) {
-        return null;
-    }
-    const bestMatch = matchedIndexes.sort((a, b) => {
-        if (a.length === 1) {
-            return a[0] - b[0];
-        }
-        const aSpread = a[a.length - 1] - a[0];
-        const bSpread = b[b.length - 1] - b[0];
-        return aSpread - bSpread;
-    })[0];
-    if (text === search) {
-        return 1;
-    }
-    else if (bestMatch.length > 1) {
-        return 2 + (bestMatch[bestMatch.length - 1] - bestMatch[0]);
-    }
-    return 2 + bestMatch[0];
-};
-const travel = (path, regexp, obj) => {
-    const keys = path.split(regexp).filter(Boolean);
-    let res = obj;
-    for (const key of keys) {
-        if (res === null || res === undefined) {
-            return res;
-        }
-        res = res[key];
-    }
-    return res;
-};
-const regexPaths = { basic: /[,[\]]+?/, extend: /[,[\].]+?/ };
-const path = (obj, path) => {
-    const result = travel(path, regexPaths.basic, obj);
-    if (result !== undefined && result !== obj)
-        return result;
-    return travel(path, regexPaths.extend, obj);
-};
-const onlyNumbers = (str) => str.replace(/[^0-9]/g, "");
-const diacritics = (input) => input.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
-const strCompare = (text, value, _, match = "FUZZY") => {
-    if (match === "CONTAINS") {
-        return text.includes(value);
-    }
-    if (match === "EQUAL") {
-        return text === value;
-    }
-    if (match === "CONTAINS_NUMBERS") {
-        return onlyNumbers(text).includes(onlyNumbers(value));
-    }
-    if (match === "STARTS_WITH") {
-        return text.startsWith(value);
-    }
-    if (match === "ENDS_WITH") {
-        return text.endsWith(value);
-    }
-    if (match === "FUZZY") {
-        const r = fuzzyMatch(text, value);
-        return r !== null;
-    }
-    return false;
-};
-const compare = (search, value, defaultScore, match = "FUZZY") => Array.isArray(value) ? value.some((x) => strCompare(search, x, defaultScore, match)) : strCompare(search, value, defaultScore, match);
-export const fzf = (items, id, keys) => {
-    if (keys.length === 0) {
-        return items;
-    }
-    const map = new Map();
-    const remap = keys.map((x) => {
-        return { ...x, value: Is.array(x.value) ? x.value.map(diacritics) : diacritics(`${x.value}`) };
-    });
-    items.forEach((item) => {
-        const idVal = path(item, id);
-        remap.forEach((filter) => {
-            const searchValue = path(item, filter.key);
-            if (!searchValue)
-                return;
-            const target = diacritics(`${filter.value}`.toLocaleLowerCase()).trim();
-            const search = diacritics(`${searchValue}`.toLocaleLowerCase()).trim();
-            if (compare(search, target, filter.score, filter.match)) {
-                return void map.set(idVal, item);
-            }
-            if (Is.function(filter.ifNotMatch)) {
-                const result = filter.ifNotMatch(target, search);
-                if (result)
-                    map.set(idVal, item);
-            }
-        });
-    });
-    return Array.from(map.values());
-};

package/dist/lib/keyboard-area.js

@@ -1,14 +0,0 @@
-export const keyboardKeys = {
-    ArrowUp: "ArrowUp",
-    ArrowDown: "ArrowDown",
-    ArrowLeft: "ArrowLeft",
-    ArrowRight: "ArrowRight",
-};
-export class KeyboardArea {
-    set = new Set();
-    key(key, callback) {
-        const fn = (e) => (e.key === key ? callback(e) : undefined);
-        return () => this.set.delete(fn);
-    }
-    onKeyDown(_) { }
-}

package/dist/styles/common.js

@@ -1,29 +0,0 @@
-export const rounded = {
-    button: "0.55rem",
-    pill: "2rem",
-    card: "0.75rem",
-    full: "9999px",
-};
-export const spacing = {
-    base: "1rem",
-    hairline: "0.0625rem",
-    lg: "1.125rem",
-    sm: "0.75rem",
-    dialog: "20rem",
-    "field-height": "1.5rem",
-    "field-label": "0.875rem",
-    "input-height": "2.5rem",
-    "input-x": "0.5rem",
-    "input-y": "0.25rem",
-    "input-inline": "0.25rem",
-    "input-gap": "0.3rem",
-};
-export const zIndex = {
-    wizard: "50",
-    normal: "1",
-    navbar: "22",
-    calendar: "2",
-    overlay: "21",
-    tooltip: "20",
-    floating: "22",
-};