@g4rcez/components 3.0.0 → 3.0.2

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/types.js

@@ -1 +0,0 @@
-export {};