@g4rcez/components 0.0.43 → 0.0.45

package/dist/components/table/thead.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnimatePresence, Reorder } from "framer-motion";
-import { Order } from "linq-arrays";
-import { PlusIcon, SearchCheckIcon, SearchXIcon } from "lucide-react";
-import { useTranslations } from "../../hooks/use-translate-context";
-import { Dropdown } from "../floating/dropdown";
-import { ColumnHeaderFilter, createFilterFromCol, useOperators } from "./filter";
-import { SorterHead } from "./sort";
-import { getLabel } from "./table-lib";
-const targetTransitionAnimate = { opacity: 1 };
-const whileDrag = { opacity: 0.75, backgroundColor: "var(--table-border)" };
-const exit = { opacity: 0, transition: { duration: 0.4, type: "spring" } };
-const HeaderChild = (props) => {
-    var _a, _b;
-    const translation = useTranslations();
-    const ownFilters = props.filters.filter((x) => x.name === props.header.id);
-    const hasFilters = ownFilters.length > 0;
-    const FilterIcon = hasFilters ? SearchCheckIcon : SearchXIcon;
-    const { operationOptions, operations } = useOperators();
-    const onDelete = (e) => {
-        const id = e.currentTarget.dataset.id || "";
-        return props.setFilters((prev) => prev.filter((x) => x.id !== id));
-    };
-    const ownSorter = props.sorters.find((x) => props.header.id === x.value);
-    const ariaSort = !(ownSorter === null || ownSorter === void 0 ? void 0 : ownSorter.type) ? "none" : ownSorter.type === Order.Asc ? "ascending" : "descending";
-    const label = getLabel(props.header);
-    return (_jsx(Reorder.Item, Object.assign({}, props.header.thProps, { as: "th", layout: true, exit: exit, initial: false, dragSnapToOrigin: true, dragDirectionLock: true, role: "columnheader", value: props.header, whileDrag: whileDrag, "aria-sort": ariaSort, "aria-busy": props.loading, animate: targetTransitionAnimate, className: `hidden px-2 py-4 font-medium first:table-cell md:table-cell ${(_b = (_a = props.header.thProps) === null || _a === void 0 ? void 0 : _a.className) !== null && _b !== void 0 ? _b : ""}`, children: _jsx("span", { className: "flex items-center justify-between", children: _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(Dropdown, { arrow: true, trigger: _jsxs("span", { children: [_jsxs("span", { id: `${props.header.id}-filter-dropdown-button`, className: "sr-only", children: [translation.tableFilterDropdownTitleUnique, " ", label] }), props.inlineFilter ? _jsx(FilterIcon, { "aria-labelledby": `${props.header.id}-filter-dropdown-button`, size: 14 }) : null] }), title: _jsxs("span", { className: "font-medium text-lg", children: [translation.tableFilterDropdownTitleUnique, " ", _jsx("span", { className: "text-primary", children: label })] }), children: (ownFilters.length === 0) === null ? null : (_jsxs("ul", { className: "font-medium", children: [ownFilters.map((filter) => (_jsx("li", { className: "my-1", children: _jsx(ColumnHeaderFilter, { onDelete: onDelete, filter: filter, set: props.setFilters }) }, `thead-filter-${filter.id}`))), _jsx("li", { children: _jsxs("button", { onClick: () => props.setFilters((prev) => prev.concat(createFilterFromCol(props.header, operationOptions, operations))), type: "button", className: "flex items-center gap-1 text-primary", children: [_jsx(PlusIcon, { size: 14 }), " ", translation.tableFilterNewFilter] }) })] })) }), _jsx("span", { className: "pointer-events-auto text-balance text-base", children: props.header.thead }), props.inlineSorter ? _jsx(SorterHead, { col: props.header, setSorters: props.setSorters, sorters: props.sorters }) : null] }) }) })));
-};
-export const TableHeader = (props) => (_jsx(Reorder.Group, { as: "tr", role: "row", axis: "x", drag: true, layout: true, layoutRoot: true, layoutScroll: true, initial: false, values: props.headers, onReorder: props.setCols, className: "border-none bg-table-background text-lg", children: _jsx(AnimatePresence, { children: props.headers.map((header) => (_jsx(HeaderChild, { inlineFilter: props.inlineFilter, inlineSorter: props.inlineSorter, loading: props.loading, setFilters: props.setFilters, filters: props.filters, setSorters: props.setSorters, sorters: props.sorters, header: header }, `header-child-item-${header.id}`))) }) }));

package/dist/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const FLOATING_DELAY = 300;
-export declare const TYPEAHEAD_RESET_DELAY = 500;
-//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,MAAM,CAAA;AAEjC,eAAO,MAAM,qBAAqB,MAAM,CAAA"}

package/dist/constants.js

@@ -1,2 +0,0 @@
-export const FLOATING_DELAY = 300;
-export const TYPEAHEAD_RESET_DELAY = 500;

package/dist/hooks/use-callback-ref.d.ts

@@ -1,3 +0,0 @@
-import { MutableRefObject } from "react";
-export declare const useCallbackRef: <F>(fn?: F) => MutableRefObject<F | undefined>;
-//# sourceMappingURL=use-callback-ref.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-callback-ref.d.ts","sourceRoot":"","sources":["../../src/hooks/use-callback-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,OAAO,CAAC;AAI5D,eAAO,MAAM,cAAc,GAAI,CAAC,OAAO,CAAC,KAAG,gBAAgB,CAAC,CAAC,GAAG,SAAS,CAMxE,CAAC"}

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

@@ -1,8 +0,0 @@
-import { useEffect, useRef } from "react";
-export const useCallbackRef = (fn) => {
-    const ref = useRef(fn);
-    useEffect(() => {
-        ref.current = fn;
-    });
-    return ref;
-};

package/dist/hooks/use-click-outside.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare const useOnClickOutside: <T extends HTMLElement>(ref: React.RefObject<T>, handler: (event: MouseEvent | TouchEvent) => void) => void;
-//# sourceMappingURL=use-click-outside.d.ts.map

package/dist/hooks/use-click-outside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../src/hooks/use-click-outside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,SAclI,CAAC"}

package/dist/hooks/use-click-outside.js

@@ -1,17 +0,0 @@
-import { useEffect } from "react";
-export const useOnClickOutside = (ref, handler) => {
-    useEffect(() => {
-        const listener = (event) => {
-            if (!ref.current || ref.current.contains(event.target))
-                return;
-            handler(event);
-        };
-        const params = { passive: true };
-        document.addEventListener("mousedown", listener, params);
-        document.addEventListener("touchstart", listener, params);
-        return () => {
-            document.removeEventListener("mousedown", listener);
-            document.removeEventListener("touchstart", listener);
-        };
-    }, [ref, handler]);
-};

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

@@ -1,4 +0,0 @@
-type Fn = (...a: any[]) => any;
-export declare function useDebounce<T extends Fn>(fn: T, delay: number): (...args: any[]) => void;
-export {};
-//# sourceMappingURL=use-debounce.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounce.ts"],"names":[],"mappings":"AAEA,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;AAU/B,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,4BAG7D"}

package/dist/hooks/use-debounce.js

@@ -1,12 +0,0 @@
-import { useRef } from "react";
-const debounce = (fn, ms = 0) => {
-    let timeoutId = undefined;
-    return function debounced(...args) {
-        clearTimeout(timeoutId);
-        timeoutId = setTimeout(() => fn(...args), ms);
-    };
-};
-export function useDebounce(fn, delay) {
-    const debouncedValue = useRef(debounce(fn, delay));
-    return debouncedValue.current;
-}

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

@@ -1,41 +0,0 @@
-import React from "react";
-import { AllPaths } from "sidekicker";
-import { z } from "zod";
-import { DatePickerProps } from "../components";
-import { AutocompleteProps } from "../components/form/autocomplete";
-import { CheckboxProps } from "../components/form/checkbox";
-import { InputProps } from "../components/form/input";
-import { SelectProps } from "../components/form/select";
-import { SwitchProps } from "../components/form/switch";
-export declare const formToJson: (form: HTMLFormElement) => any;
-export declare const convertPath: (path: string) => string[];
-export declare const getSchemaShape: <T extends z.ZodObject<any>>(name: string, schema: T) => T;
-type CustomOnInvalid = (args: {
-    form: HTMLFormElement;
-    errors: Record<string, string>;
-}) => any;
-export type UseFormSubmitParams<T> = {
-    success: boolean;
-    errors: Array<{
-        message: string;
-        path: string[];
-    }>;
-    json: any;
-    data: T;
-    form: HTMLFormElement;
-    reset: () => void;
-    event: React.FormEvent<HTMLFormElement>;
-};
-type UseFormSubmit<T> = (args: UseFormSubmitParams<T>) => any;
-export declare const useForm: <T extends z.ZodObject<any>>(schema: T) => {
-    input: <Props extends InputProps>(name: AllPaths<z.infer<T>>, props?: Props) => Props;
-    datepicker: <Props extends DatePickerProps>(name: AllPaths<z.infer<T>>, props?: Props) => Props;
-    checkbox: <Props extends CheckboxProps | SwitchProps>(name: AllPaths<z.infer<T>>, props?: Props) => Props;
-    select: <Props extends SelectProps | AutocompleteProps>(name: AllPaths<z.infer<T>>, props?: Props) => Props;
-    onSubmit: (exec: UseFormSubmit<z.infer<T>>) => (event: React.FormEvent<HTMLFormElement>) => any;
-    errors: Record<string, string | undefined> | null;
-    onInvalid: (exec?: CustomOnInvalid) => (event: React.FormEvent<HTMLFormElement>) => void;
-    disabled: boolean;
-};
-export {};
-//# sourceMappingURL=use-form.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["../../src/hooks/use-form.ts"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAe,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,CAAC,EAAuB,MAAM,KAAK,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAiBxD,eAAO,MAAM,UAAU,SAAU,eAAe,KAAG,GAIlD,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,MAAM,aAAuD,CAAC;AAEhG,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,MAAM,UAAU,CAAC,MAKpE,CAAC;AAWf,KAAK,eAAe,GAAG,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,KAAK,GAAG,CAAC;AAEhG,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;IACnD,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC3C,CAAC;AAEF,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;AAE9D,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;YAiD1C,KAAK,SAAS,UAAU,QAAQ,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,KAAG,KAAK;iBA7CtE,KAAK,SAAS,eAAe,QAAQ,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,KAAG,KAAK;eA8BlF,KAAK,SAAS,aAAa,GAAG,WAAW,QAAQ,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,KAAG,KAAK;aAf9F,KAAK,SAAS,WAAW,GAAG,iBAAiB,QAAQ,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,KAAG,KAAK;qBA4GrG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;;uBApBrE,eAAe,aAAa,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;;CAmD3E,CAAC"}

package/dist/hooks/use-form.js

@@ -1,169 +0,0 @@
-import { __rest } from "tslib";
-import { parse } from "qs";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { Is, setPath } from "sidekicker";
-import { ZodArray, ZodNumber } from "zod";
-import { formReset } from "../components/form/form";
-const sort = (a, b) => a.localeCompare(b);
-const options = {
-    sort,
-    allowDots: true,
-    charset: "utf-8",
-    parseArrays: true,
-    plainObjects: true,
-    charsetSentinel: true,
-    allowPrototypes: false,
-    depth: Number.MAX_SAFE_INTEGER,
-    arrayLimit: Number.MAX_SAFE_INTEGER,
-    parameterLimit: Number.MAX_SAFE_INTEGER,
-};
-export const formToJson = (form) => {
-    const formData = new FormData(form);
-    const urlSearchParams = new URLSearchParams(formData);
-    return parse(urlSearchParams.toString(), options);
-};
-export const convertPath = (path) => path.replace("[", ".").replace("]", "").split(".");
-export const getSchemaShape = (name, schema) => convertPath(name).reduce((acc, el) => {
-    var _a;
-    if (el === "")
-        return acc;
-    const shape = ((_a = acc.shape) === null || _a === void 0 ? void 0 : _a[el]) || acc;
-    return shape instanceof ZodArray ? shape.element : shape;
-}, schema);
-const getValueByType = (e) => {
-    if (e.dataset.value)
-        return e.dataset.value;
-    if (e.type === "checkbox")
-        return e.checked;
-    if (e.type === "number")
-        return e.valueAsNumber;
-    return e.value || e.getAttribute("value");
-};
-export const useForm = (schema) => {
-    const [errors, setErrors] = useState(null);
-    const ref = useRef({});
-    const datepicker = (name, props) => {
-        const validator = getSchemaShape(name, schema);
-        return Object.assign(Object.assign({}, props), { name, id: name, required: !validator.isOptional(), error: errors === null || errors === void 0 ? void 0 : errors[name], ref: (e) => {
-                if (e === null)
-                    return;
-                ref.current[name] = { element: e, schema: validator };
-            } });
-    };
-    const select = (name, props) => {
-        const validator = getSchemaShape(name, schema);
-        return Object.assign(Object.assign({}, props), { name, id: name, required: !validator.isOptional(), error: errors === null || errors === void 0 ? void 0 : errors[name], ref: (e) => {
-                if (e === null)
-                    return;
-                ref.current[name] = { element: e, schema: validator };
-            } });
-    };
-    const checkbox = (name, props) => {
-        const validator = getSchemaShape(name, schema);
-        return Object.assign(Object.assign({}, props), { name, id: name, required: !validator.isOptional(), error: errors === null || errors === void 0 ? void 0 : errors[name], ref: (e) => {
-                if (e === null)
-                    return;
-                ref.current[name] = { element: e, schema: validator };
-            } });
-    };
-    const input = (name, props) => {
-        var _a;
-        const validator = getSchemaShape(name, schema);
-        return Object.assign(Object.assign({}, props), { name, id: name, required: !validator.isOptional(), type: Is.instance(validator, ZodNumber) ? "number" : ((_a = props === null || props === void 0 ? void 0 : props.type) !== null && _a !== void 0 ? _a : "text"), error: errors === null || errors === void 0 ? void 0 : errors[name], ref: (e) => {
-                if (e === null)
-                    return;
-                ref.current[name] = { element: e, schema: validator };
-            } });
-    };
-    useEffect(() => {
-        const events = Object.values(ref.current).map((input) => {
-            const element = input.element.dataset.origin
-                ? document.querySelector(`[data-target=${input.element.name}]`)
-                : input.element;
-            const validation = input.schema.safeParse(getValueByType(element));
-            const onBlurField = (e) => {
-                const name = element.dataset.target || element.name;
-                if (!name)
-                    return;
-                const value = getValueByType(e.target) || (e.relatedTarget ? getValueByType(e.relatedTarget) : "");
-                const validation = input.schema.safeParse(value);
-                if (validation.success) {
-                    element.setCustomValidity("");
-                    return setErrors((prev) => {
-                        const _a = prev || {}, _b = name, removed = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
-                        return rest === null || Is.empty(rest) ? null : rest;
-                    });
-                }
-                if (element.required) {
-                    const errorMessage = validation.error.issues[0].message;
-                    element.setCustomValidity(errorMessage);
-                    setErrors((prev) => (Object.assign(Object.assign({}, prev), { [name]: errorMessage })));
-                }
-            };
-            const trigger = element.getAttribute("data-trigger") || "blur";
-            element.addEventListener(trigger, onBlurField);
-            if (element.tagName === "SELECT")
-                element.addEventListener("change", onBlurField);
-            return {
-                input,
-                hasInitialError: element.required ? !validation.success : false,
-                unsubscribe: () => {
-                    element.removeEventListener(trigger, onBlurField);
-                    if (element.tagName === "SELECT")
-                        element.addEventListener("change", onBlurField);
-                },
-            };
-        });
-        const hasErrors = events.some((x) => x.hasInitialError);
-        if (hasErrors)
-            setErrors((prev) => (prev === null ? {} : prev));
-        return () => events.forEach((item) => item.unsubscribe());
-    });
-    const onInvalid = useCallback((exec) => (event) => {
-        const form = event.currentTarget;
-        const validationErrors = Object.values(ref.current).reduce((acc, input) => {
-            const field = input.element;
-            const validation = input.schema.safeParse(getValueByType(field));
-            if (field.dataset.ignore === "ignore")
-                return acc;
-            if (validation.success)
-                return acc;
-            const errorMessage = validation.error.issues[0].message;
-            field.setAttribute("data-initialized", "true");
-            const name = field.dataset.name || field.name || "";
-            return Object.assign(Object.assign({}, acc), { [name]: errorMessage });
-        }, {});
-        const e = Is.empty(validationErrors) ? null : validationErrors;
-        setErrors(e);
-        exec === null || exec === void 0 ? void 0 : exec({ form, errors: e || {} });
-    }, []);
-    const onSubmit = useCallback((exec) => (event) => {
-        event.preventDefault();
-        const form = event.currentTarget;
-        let json = formToJson(form);
-        Array.from(form.elements).forEach((field) => {
-            if (field.tagName === "SELECT") {
-                const input = field;
-                json = setPath(json, input.name, input.value);
-            }
-            if (field.tagName === "INPUT") {
-                const input = field;
-                json = setPath(json, input.name, getValueByType(input));
-            }
-        });
-        const result = schema.safeParse(json);
-        if (result.success) {
-            return exec({ form, json, data: result.data, event, reset: () => formReset(form), success: true, errors: [] });
-        }
-        return exec({
-            form,
-            json,
-            event,
-            data: json,
-            success: false,
-            reset: () => formReset(form),
-            errors: result.error.issues.map((x) => ({ message: x.message, path: x.path.map((x) => String(x)) })),
-        });
-    }, []);
-    return { input, datepicker, checkbox, select, onSubmit, errors, onInvalid, disabled: errors !== null };
-};

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

@@ -1,3 +0,0 @@
-import { RefObject } from "react";
-export declare const useHover: (ref: RefObject<HTMLElement>) => boolean;
-//# sourceMappingURL=use-hover.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-hover.d.ts","sourceRoot":"","sources":["../../src/hooks/use-hover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,QAAQ,QAAS,SAAS,CAAC,WAAW,CAAC,YAiBnD,CAAC"}

package/dist/hooks/use-hover.js

@@ -1,18 +0,0 @@
-import { useEffect, useState } from "react";
-export const useHover = (ref) => {
-    const [hovered, setHovered] = useState(false);
-    const enter = () => setHovered(true);
-    const leave = () => setHovered(false);
-    useEffect(() => {
-        const el = ref.current; // cache external ref value for use in cleanup
-        if (el) {
-            el.addEventListener("mouseenter", enter);
-            el.addEventListener("mouseleave", leave);
-            return () => {
-                el.removeEventListener("mouseenter", enter);
-                el.removeEventListener("mouseleave", leave);
-            };
-        }
-    }, []);
-    return hovered;
-};

package/dist/hooks/use-media-query.d.ts

@@ -1,2 +0,0 @@
-export declare const useMediaQuery: (query: string, defaultValue?: boolean) => boolean;
-//# sourceMappingURL=use-media-query.d.ts.map

package/dist/hooks/use-media-query.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa,UAAW,MAAM,iBAAgB,OAAO,YAkBjE,CAAC"}

package/dist/hooks/use-media-query.js

@@ -1,25 +0,0 @@
-import { useLayoutEffect, useState } from "react";
-import { isSsr } from "../lib/fns";
-const getMatches = (query, defaultValue) => {
-    if (isSsr()) {
-        return defaultValue;
-    }
-    return window.matchMedia(query).matches;
-};
-export const useMediaQuery = (query, defaultValue = true) => {
-    const [matches, setMatches] = useState(defaultValue);
-    useLayoutEffect(() => {
-        const matchMedia = window.matchMedia(query);
-        const onChange = () => setMatches(getMatches(query, defaultValue));
-        onChange();
-        if (matchMedia.addListener) {
-            matchMedia.addListener(onChange);
-            return () => {
-                return matchMedia.removeListener ? matchMedia.removeListener(onChange) : undefined;
-            };
-        }
-        matchMedia.addEventListener("change", onChange);
-        return () => matchMedia.removeEventListener("change", onChange);
-    }, [query]);
-    return matches;
-};

package/dist/hooks/use-mutable-state.d.ts

@@ -1,2 +0,0 @@
-export declare const useMutableState: <V>(v: V) => import("react").MutableRefObject<V>;
-//# sourceMappingURL=use-mutable-state.d.ts.map

package/dist/hooks/use-mutable-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-mutable-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mutable-state.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,CAAC,KAAK,CAAC,wCAMtC,CAAC"}

package/dist/hooks/use-mutable-state.js

@@ -1,8 +0,0 @@
-import { useEffect, useRef } from "react";
-export const useMutableState = (v) => {
-    const ref = useRef(v);
-    useEffect(() => {
-        ref.current = v;
-    }, [v]);
-    return ref;
-};

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

@@ -1,4 +0,0 @@
-type Listener<K extends keyof WindowEventMap> = (event: WindowEventMap[K]) => void;
-export declare const useOnEvent: <K extends keyof WindowEventMap>(event: K, func: Listener<K>) => void;
-export {};
-//# sourceMappingURL=use-on-event.d.ts.map

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

@@ -1 +0,0 @@
-{"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,SAAS,CAAC,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAKrF,CAAC"}

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

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

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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,QAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,WAiBhE,CAAC"}

package/dist/hooks/use-parent.js

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

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

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

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

package/dist/hooks/use-previous.js

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

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

@@ -1,2 +0,0 @@
-export declare const useReactive: <T extends unknown>(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

@@ -1 +0,0 @@
-{"version":3,"file":"use-reactive.d.ts","sourceRoot":"","sources":["../../src/hooks/use-reactive.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,OAAO,KAAK,CAAC,YAAY,CAAC,8EAM/D,CAAC"}

package/dist/hooks/use-reactive.js

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

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

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

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

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

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

package/dist/hooks/use-translate-context.d.ts

@@ -1,99 +0,0 @@
-import React, { PropsWithChildren } from "react";
-declare const defaultTranslations: {
-    inputCaretDown: string;
-    datePickerCalendarButtonLabel: string;
-    inputOptionalLabel: string;
-    tableGroupLabel: string;
-    tableGroupLabelWithCount: string;
-    tableSortAsc: string;
-    tableSortOrderByLabel: string;
-    tableSortOrderInputPlaceholder: string;
-    tableSortOrderInputTitle: string;
-    tableSortTypeInputPlaceholder: string;
-    tableSortTypeInputTitle: string;
-    tableSortAddButton: string;
-    tableSortDropdownTitle: string;
-    tableSortDesc: string;
-    tableFilterTypeContains: string;
-    tableFilterTypeIs: string;
-    tableFilterTypeIsNot: string;
-    tableFilterTypeNotContains: string;
-    tableFilterTypeLessThan: string;
-    tableFilterTypeGreaterThan: string;
-    tableFilterTypeStartsWith: string;
-    tableFilterTypeEndsWith: string;
-    tableFilterNewFilter: string;
-    tableFilterColumnTitle: string;
-    tableFilterColumnPlaceholder: string;
-    tableFilterOperatorTitle: string;
-    tableFilterOperatorPlaceholder: string;
-    tableFilterValueTitle: string;
-    tableFilterValuePlaceholder: string;
-    tableFilterLabel: string;
-    tableFilterDropdownTitle: string;
-    tableFilterDropdownTitleUnique: string;
-    tablePaginationPrevious: string;
-    tablePaginationNext: string;
-    tablePaginationSelectLabel: string;
-    tablePaginationFooter: (pagination: {
-        pages: number;
-        totalItems: number;
-        sizes?: number[];
-        current: number;
-        select: React.ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    calendarFromDate: string;
-    calendarToDate: string;
-};
-type Translations = typeof defaultTranslations;
-export declare const ComponentsProvider: (props: PropsWithChildren<{
-    map: Partial<Translations>;
-}>) => import("react/jsx-runtime").JSX.Element;
-export declare const useTranslations: () => {
-    inputCaretDown: string;
-    datePickerCalendarButtonLabel: string;
-    inputOptionalLabel: string;
-    tableGroupLabel: string;
-    tableGroupLabelWithCount: string;
-    tableSortAsc: string;
-    tableSortOrderByLabel: string;
-    tableSortOrderInputPlaceholder: string;
-    tableSortOrderInputTitle: string;
-    tableSortTypeInputPlaceholder: string;
-    tableSortTypeInputTitle: string;
-    tableSortAddButton: string;
-    tableSortDropdownTitle: string;
-    tableSortDesc: string;
-    tableFilterTypeContains: string;
-    tableFilterTypeIs: string;
-    tableFilterTypeIsNot: string;
-    tableFilterTypeNotContains: string;
-    tableFilterTypeLessThan: string;
-    tableFilterTypeGreaterThan: string;
-    tableFilterTypeStartsWith: string;
-    tableFilterTypeEndsWith: string;
-    tableFilterNewFilter: string;
-    tableFilterColumnTitle: string;
-    tableFilterColumnPlaceholder: string;
-    tableFilterOperatorTitle: string;
-    tableFilterOperatorPlaceholder: string;
-    tableFilterValueTitle: string;
-    tableFilterValuePlaceholder: string;
-    tableFilterLabel: string;
-    tableFilterDropdownTitle: string;
-    tableFilterDropdownTitleUnique: string;
-    tablePaginationPrevious: string;
-    tablePaginationNext: string;
-    tablePaginationSelectLabel: string;
-    tablePaginationFooter: (pagination: {
-        pages: number;
-        totalItems: number;
-        sizes?: number[];
-        current: number;
-        select: React.ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    calendarFromDate: string;
-    calendarToDate: string;
-};
-export {};
-//# sourceMappingURL=use-translate-context.d.ts.map

package/dist/hooks/use-translate-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-translate-context.d.ts","sourceRoot":"","sources":["../../src/hooks/use-translate-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,iBAAiB,EAAqB,MAAM,OAAO,CAAA;AAE9F,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA8Ca;QAClC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QACrE,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;KACxB;;;CAOF,CAAA;AAED,KAAK,YAAY,GAAG,OAAO,mBAAmB,CAAC;AAI/C,eAAO,MAAM,kBAAkB,UAAW,iBAAiB,CAAC;IAAE,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;CAAE,CAAC,4CAG1F,CAAA;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCArBU;QAClC,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QACrE,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;KACxB;;;CAsBF,CAAA"}