@g4rcez/components 4.1.1 → 4.1.3

package/dist/hooks/use-on-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-on-event.d.ts","sourceRoot":"","sources":["../../src/hooks/use-on-event.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,cAAc,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEnF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,cAAc,EAAE,OAAO,CAAC,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,SAKrF,CAAC"}

package/dist/hooks/use-on-event.js

@@ -0,0 +1,7 @@
+import { useEffect } from "react";
+export const useOnEvent = (event, func) => {
+    useEffect(() => {
+        window.addEventListener(event, func);
+        return () => window.removeEventListener(event, func);
+    }, [event]);
+};

package/dist/hooks/use-parent.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const useParentHeight: (ref: React.RefObject<HTMLElement>) => number;
+//# sourceMappingURL=use-parent.d.ts.map

package/dist/hooks/use-parent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-parent.d.ts","sourceRoot":"","sources":["../../src/hooks/use-parent.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,eAAO,MAAM,eAAe,GAAI,KAAK,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,WAiBhE,CAAC"}

package/dist/hooks/use-parent.js

@@ -0,0 +1,21 @@
+import { useEffect, useState } from "react";
+export const useParentHeight = (ref) => {
+    const [h, setH] = useState(0);
+    useEffect(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        const parent = element.parentElement;
+        if (!parent)
+            return;
+        const listener = () => {
+            setH(parent.clientHeight);
+        };
+        parent.addEventListener("resize", listener);
+        listener();
+        return () => {
+            parent.removeEventListener("resize", listener);
+        };
+    }, []);
+    return h;
+};

package/dist/hooks/use-preferences.d.ts

@@ -0,0 +1,2 @@
+export declare const usePreferences: <T extends string, V>(key: T, defaultValue: V) => readonly [V, (params: Parameters<import("react").Dispatch<import("react").SetStateAction<V>>>[0]) => void | V];
+//# sourceMappingURL=use-preferences.d.ts.map

package/dist/hooks/use-preferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-preferences.d.ts","sourceRoot":"","sources":["../../src/hooks/use-preferences.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,cAAc,CAAC,2BAQ1D,UAAU,6DAAiB,CAAC,CAAC,CAAC,cAc9C,CAAC"}

package/dist/hooks/use-preferences.js

@@ -0,0 +1,23 @@
+import { useCallback, useState } from "react";
+import { Is } from "sidekicker";
+import { LocalStorage } from "storage-manager-js";
+export const usePreferences = (key, defaultValue) => {
+    const [state, setState] = useState(() => {
+        const saved = LocalStorage.get(key);
+        if (saved)
+            return saved;
+        return defaultValue;
+    });
+    const setCallback = useCallback((params) => {
+        if (Is.function(params)) {
+            return setState((prev) => {
+                const result = params(prev);
+                LocalStorage.set(key, result);
+                return result;
+            });
+        }
+        LocalStorage.set(key, params);
+        return params;
+    }, [key]);
+    return [state, setCallback];
+};

package/dist/hooks/use-previous.d.ts

@@ -0,0 +1,2 @@
+export declare const usePrevious: <T>(value: T) => T;
+//# sourceMappingURL=use-previous.d.ts.map

package/dist/hooks/use-previous.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.d.ts","sourceRoot":"","sources":["../../src/hooks/use-previous.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,CAOzC,CAAC"}

package/dist/hooks/use-previous.js

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

package/dist/hooks/use-reactive.d.ts

@@ -0,0 +1,2 @@
+export declare const useReactive: <T>(t: T, initial?: T) => readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
+//# sourceMappingURL=use-reactive.d.ts.map

package/dist/hooks/use-reactive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reactive.d.ts","sourceRoot":"","sources":["../../src/hooks/use-reactive.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,GAAG,CAAC,EAAE,UAAU,CAAC,8EAM/C,CAAC"}

package/dist/hooks/use-reactive.js

@@ -0,0 +1,9 @@
+"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.d.ts

@@ -0,0 +1,4 @@
+type ScrollRemoveStyle = "overflow-hidden" | "block-only";
+export declare const useRemoveScroll: <T extends HTMLElement>(remove: boolean, removeStyle?: ScrollRemoveStyle) => import("react").RefObject<T | null>;
+export {};
+//# sourceMappingURL=use-remove-scroll.d.ts.map

package/dist/hooks/use-remove-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-remove-scroll.d.ts","sourceRoot":"","sources":["../../src/hooks/use-remove-scroll.ts"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAE1D,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,EAAE,QAAQ,OAAO,EAAE,cAAa,iBAAqC,wCAsCzH,CAAC"}

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

@@ -0,0 +1,48 @@
+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 el = ref.current;
+        if (!el)
+            return;
+        const controller = new AbortController();
+        const onWheel = (e) => {
+            const rect = el.getBoundingClientRect();
+            const realHeight = el.style.height ? Number(onlyNumbers(el.style.height)) : null;
+            const scrollable = Is.number(realHeight) ? realHeight : rect.height;
+            const atLimit = el.scrollHeight <= scrollable;
+            if (atLimit)
+                e.preventDefault();
+        };
+        el.addEventListener("wheel", onWheel, { signal: controller.signal, passive: false });
+        return () => controller.abort();
+    }, [remove]);
+    return ref;
+};

package/dist/hooks/use-resize-observer.d.ts

@@ -0,0 +1,2 @@
+export declare const useResizeObserver: (element: HTMLElement | null, onResize: (entry: ResizeObserverEntry) => void) => void;
+//# sourceMappingURL=use-resize-observer.d.ts.map

package/dist/hooks/use-resize-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-observer.d.ts","sourceRoot":"","sources":["../../src/hooks/use-resize-observer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,GAAG,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,SAc5G,CAAC"}

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

@@ -0,0 +1,17 @@
+"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.d.ts

@@ -0,0 +1,2 @@
+export declare const useStableRef: <T>(value: T) => import("react").RefObject<T>;
+//# sourceMappingURL=use-stable-ref.d.ts.map

package/dist/hooks/use-stable-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stable-ref.d.ts","sourceRoot":"","sources":["../../src/hooks/use-stable-ref.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,OAAO,CAAC,iCAQvC,CAAC"}

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

@@ -0,0 +1,9 @@
+"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.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type SwipeDirection = "left" | "right";
+export declare function useSwipe(onSwipe: (e: React.TouchEvent, d: SwipeDirection) => void, threshold: number): {
+    onTouchStart: (e: React.TouchEvent) => number;
+    onTouchEnd: (e: React.TouchEvent) => void;
+};
+export {};
+//# sourceMappingURL=use-swipe.d.ts.map

package/dist/hooks/use-swipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swipe.d.ts","sourceRoot":"","sources":["../../src/hooks/use-swipe.ts"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,wBAAgB,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,cAAc,KAAK,IAAI,EAAE,SAAS,EAAE,MAAM;sBAGxE,KAAK,CAAC,UAAU;oBAElB,KAAK,CAAC,UAAU;EAU1C"}

package/dist/hooks/use-swipe.js

@@ -0,0 +1,17 @@
+"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.d.ts

@@ -0,0 +1,92 @@
+export declare const useTranslations: () => {
+    autocompleteEmpty: string;
+    calendarBackMonth: string;
+    calendarFromDate: string;
+    calendarMonthLabel: string;
+    calendarNextMonth: string;
+    calendarDatetimeTitle: string;
+    calendarToDate: string;
+    calendarToday: string;
+    pageCalendarMonthView: string;
+    pageCalendarWeekView: string;
+    pageCalendarDayView: string;
+    pageCalendarPrevious: string;
+    pageCalendarNext: string;
+    pageCalendarToday: string;
+    pageCalendarAddEvent: string;
+    pageCalendarWeekLabel: (n: number) => string;
+    pageCalendarFilter: string;
+    pageCalendarMoreEvents: (n: number) => string;
+    pageCalendarLabel: string;
+    pageCalendarNavigation: string;
+    pageCalendarMonthGrid: string;
+    pageCalendarFilterEnabled: string;
+    pageCalendarFilterDisabled: string;
+    pageCalendarEventCount: (n: number) => string;
+    pageCalendarEventAt: (title: string, time: string) => string;
+    commandPaletteEmpty: string;
+    commandPaletteLoading: string;
+    datePickerCalendarButtonLabel: string;
+    emptyDataMessage: string;
+    inputCaretDown: string;
+    inputCloseValue: string;
+    inputOptionalLabel: string;
+    wizardNext: string;
+    wizardPrev: string;
+    wizardFinish: string;
+    wizardSkip: string;
+    multiSelectInnerPlaceholder: string;
+    multiSelectSelectedLabel: string;
+    tableColumnResizer: string;
+    tableFilterColumnPlaceholder: string;
+    tableFilterColumnTitle: string;
+    tableFilterDropdownTitle: string;
+    tableFilterDropdownTitleUnique: string;
+    tableFilterLabel: string;
+    tableFilterNewFilter: string;
+    tableFilterOperatorPlaceholder: string;
+    tableFilterOperatorTitle: string;
+    tableFilterTypeContains: string;
+    tableFilterTypeEndsWith: string;
+    tableFilterTypeGreaterThan: string;
+    tableFilterTypeIs: string;
+    tableFilterTypeIsNot: string;
+    tableFilterTypeLessThan: string;
+    tableFilterTypeNotContains: string;
+    tableFilterTypeStartsWith: string;
+    tableFilterValuePlaceholder: string;
+    tableFilterValueTitle: string;
+    tableGroupLabel: string;
+    tableGroupLabelWithCount: string;
+    tablePaginationFooter: (pagination: {
+        pages: number;
+        totalItems: number;
+        sizes?: number[];
+        current: number;
+        select: React.ReactNode;
+    }) => import("react").JSX.Element;
+    tablePaginationNext: string;
+    tablePaginationPrevious: string;
+    tablePaginationSelectLabel: string;
+    tableSortAddButton: string;
+    tableSortAsc: string;
+    tableSortDesc: string;
+    tableSortDropdownTitle: string;
+    tableSortOrderByLabel: string;
+    tableSortOrderInputPlaceholder: string;
+    tableSortOrderInputTitle: string;
+    tableSortTypeInputPlaceholder: string;
+    tableSortTypeInputTitle: string;
+    uploadIdle: string;
+    uploadIdleButton: string;
+    uploadDragging: (props: {
+        n: number;
+    }) => string;
+    uploadDialogTitle: string;
+    datepickerPlaceholder: (_: string) => string;
+    spinnerLoading: string;
+    skeletonLoading: string;
+    closeButton: string;
+    fileUploadZoneLabel: string;
+};
+//# sourceMappingURL=use-translations.d.ts.map

package/dist/hooks/use-translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-translations.d.ts","sourceRoot":"","sources":["../../src/hooks/use-translations.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAKmuE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAD/vE,CAAC"}

package/dist/hooks/use-translations.js

@@ -0,0 +1,9 @@
+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.d.ts

@@ -0,0 +1,3 @@
+import { Tweaks } from "../config/default-tweaks";
+export declare const useTweaks: () => Tweaks;
+//# sourceMappingURL=use-tweaks.d.ts.map

package/dist/hooks/use-tweaks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tweaks.d.ts","sourceRoot":"","sources":["../../src/hooks/use-tweaks.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAEjE,eAAO,MAAM,SAAS,QAAO,MAI5B,CAAC"}

package/dist/hooks/use-tweaks.js

@@ -0,0 +1,9 @@
+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.d.ts

@@ -0,0 +1,5 @@
+export declare const useWindowSize: () => {
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=use-window-size.d.ts.map

package/dist/hooks/use-window-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-window-size.d.ts","sourceRoot":"","sources":["../../src/hooks/use-window-size.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;;CAYzB,CAAC"}

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

@@ -0,0 +1,14 @@
+"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;
+};