@povio/ui 2.1.14 → 2.1.16

package/dist/hooks/useDebounceCallback.js

@@ -1,29 +0,0 @@
-import { useRef, useState, useCallback, useEffect } from "react";
-function useDebounceCallback(callback, { delay = 500 } = {}) {
-  const timeoutRef = useRef(null);
-  const [isDebouncing, setIsDebouncing] = useState(false);
-  const debouncedCallback = useCallback(
-    (...args) => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-      setIsDebouncing(true);
-      timeoutRef.current = setTimeout(() => {
-        setIsDebouncing(false);
-        callback?.(...args);
-      }, delay);
-    },
-    [callback, delay]
-  );
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, []);
-  return { callback: debouncedCallback, isDebouncing };
-}
-export {
-  useDebounceCallback
-};

package/dist/hooks/useDeepCompare.js

@@ -1,25 +0,0 @@
-import { useEffect, useLayoutEffect, useMemo, useRef } from "react";
-import { isEqual } from "../utils/isEqual.js";
-const useDeepCompareEffect = (callback, dependencies) => {
-  return useEffect(callback, useDeepCompareDeps(dependencies));
-};
-const useDeepCompareLayoutEffect = (callback, dependencies) => {
-  return useLayoutEffect(callback, useDeepCompareDeps(dependencies));
-};
-const useDeepCompareMemo = (factory, dependencies) => {
-  return useMemo(factory, useDeepCompareDeps(dependencies));
-};
-const useDeepCompareDeps = (value) => {
-  const ref = useRef(void 0);
-  const signalRef = useRef(0);
-  if (!isEqual(value, ref.current)) {
-    ref.current = value;
-    signalRef.current += 1;
-  }
-  return [signalRef.current];
-};
-export {
-  useDeepCompareEffect,
-  useDeepCompareLayoutEffect,
-  useDeepCompareMemo
-};

package/dist/hooks/useFilters.js

@@ -1,160 +0,0 @@
-import { useState, useEffect, useCallback, useMemo } from "react";
-import { z } from "zod";
-import { UIRouter } from "../config/router.context.js";
-function getFieldType(schema, fieldKey) {
-  if (!schema || !schema.shape) {
-    return "unknown";
-  }
-  let fieldSchema = schema.shape[fieldKey];
-  while (fieldSchema) {
-    if (fieldSchema instanceof z.ZodOptional || fieldSchema instanceof z.ZodNullable) {
-      fieldSchema = fieldSchema.unwrap();
-    } else {
-      break;
-    }
-  }
-  if (!fieldSchema) {
-    return "unknown";
-  }
-  if (fieldSchema instanceof z.ZodNumber) {
-    return "number";
-  }
-  if (fieldSchema instanceof z.ZodBoolean) {
-    return "boolean";
-  }
-  if (fieldSchema instanceof z.ZodString) {
-    return "string";
-  }
-  return "unknown";
-}
-const serializeFiltersToQuery = (filterData, prefix) => {
-  const query = {};
-  for (const [key, value] of Object.entries(filterData)) {
-    if (value === null || value === void 0) {
-      continue;
-    }
-    const filterKey = `filter[${prefix && `${prefix}-`}${key}]`;
-    if (Array.isArray(value) || typeof value === "object") {
-      query[filterKey] = JSON.stringify(value);
-    } else if (typeof value === "boolean") {
-      query[filterKey] = value ? "true" : "false";
-    } else {
-      query[filterKey] = value.toString();
-    }
-  }
-  return query;
-};
-const parseFilterFromQuery = (searchParams, schema) => {
-  const filter = {};
-  for (const [key, value] of searchParams.entries()) {
-    const match = /^filter\[(.+?)\]$/.exec(key);
-    if (!match) {
-      continue;
-    }
-    const filterKey = match[1];
-    const isArray = value.startsWith("[") && value.endsWith("]");
-    const isObject = value.startsWith("{") && value.endsWith("}");
-    const isNumber = !Number.isNaN(Number(value)) && value !== "";
-    const isBoolean = ["true", "false"].includes(value);
-    if (isArray || isObject || isNumber) {
-      filter[filterKey] = JSON.parse(value);
-    } else if (isBoolean) {
-      filter[filterKey] = value === "true";
-    } else {
-      const expectedType = getFieldType(schema, filterKey);
-      if (expectedType === "number" && !Number.isNaN(Number(value)) && value !== "" && value !== null) {
-        filter[filterKey] = Number(value);
-      } else if (expectedType === "boolean" && ["true", "false"].includes(value)) {
-        filter[filterKey] = value === "true";
-      } else {
-        filter[filterKey] = value;
-      }
-    }
-  }
-  return filter;
-};
-const useFilters = (defaultFilterValues, prefix = "", schema) => {
-  const { searchParams, pathname, replace } = UIRouter.useUIRouter();
-  const [filterData, setFilterData] = useState(
-    () => parseFilterFromQuery(searchParams, schema)
-  );
-  useEffect(() => {
-    const setUrlToDefaultFilters = () => {
-      const flatFilterQuery = serializeFiltersToQuery(defaultFilterValues, prefix);
-      const url = `${pathname}?${new URLSearchParams({
-        ...Object.fromEntries(searchParams.entries()),
-        ...flatFilterQuery
-      }).toString()}`;
-      replace(url);
-    };
-    const currentFilters = parseFilterFromQuery(searchParams, schema);
-    const hasFiltersSet = Object.keys(currentFilters).length > 0;
-    if (defaultFilterValues && !hasFiltersSet) {
-      setUrlToDefaultFilters();
-    }
-  }, [defaultFilterValues, prefix, schema]);
-  useEffect(() => {
-    const newQueryFilters = parseFilterFromQuery(searchParams, schema);
-    setFilterData(newQueryFilters);
-  }, [searchParams, schema]);
-  const setFilterValue = useCallback(
-    (data2) => {
-      let newFilters = { ...filterData };
-      const isReset = Object.keys(data2).length === 0;
-      const isResetToDefault = data2 === defaultFilterValues;
-      if (isResetToDefault) {
-        newFilters = {
-          ...defaultFilterValues
-        };
-      } else if (isReset) {
-        newFilters = {};
-      } else {
-        Object.entries(data2).forEach(([key, value]) => {
-          if (value === void 0) {
-            delete newFilters[key];
-          } else {
-            newFilters[key] = value;
-          }
-        });
-      }
-      const prefixPart = prefix ? `${prefix}-` : "";
-      const cleanedQuery = searchParams.keys().reduce(
-        (acc, k) => {
-          if (!k.startsWith(`filter[${prefixPart}`)) {
-            acc[k] = searchParams.get(k) ?? "";
-          }
-          return acc;
-        },
-        {}
-      );
-      const flatFilterQuery = serializeFiltersToQuery(newFilters, prefix);
-      const url = `${pathname}?${new URLSearchParams({
-        ...cleanedQuery,
-        ...flatFilterQuery
-      }).toString()}`;
-      replace(url);
-      setFilterData(newFilters);
-    },
-    [filterData, prefix, pathname, replace, defaultFilterValues, searchParams]
-  );
-  const getFilterValue = useCallback(
-    (keys) => {
-      const result = {};
-      keys.forEach((key) => {
-        result[key] = filterData[key];
-      });
-      return result;
-    },
-    [filterData]
-  );
-  const clearAllFilters = useCallback(() => {
-    setFilterValue(defaultFilterValues ?? {});
-  }, [defaultFilterValues, setFilterValue]);
-  const data = useMemo(() => {
-    return { filterData, setFilterValue, getFilterValue, clearAllFilters };
-  }, [filterData, setFilterValue, getFilterValue, clearAllFilters]);
-  return data;
-};
-export {
-  useFilters
-};

package/dist/hooks/useForm.js

@@ -1,22 +0,0 @@
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useMemo } from "react";
-import { useForm as useForm$1 } from "react-hook-form";
-function useForm({
-  resolver,
-  zodSchema,
-  defaultValues,
-  ...props
-}) {
-  const formResolver = useMemo(
-    () => resolver ?? (zodSchema ? zodResolver(zodSchema) : void 0),
-    [resolver, zodSchema]
-  );
-  return useForm$1({
-    ...props,
-    resolver: formResolver,
-    defaultValues
-  });
-}
-export {
-  useForm
-};

package/dist/hooks/useFormAutosave.js

@@ -1,67 +0,0 @@
-import { useRef, useEffect } from "react";
-import { useAutosave } from "./useAutosave.js";
-import { useForm } from "./useForm.js";
-import { ObjectUtils } from "../utils/object.utils.js";
-const getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
-Problem: Form values weren't reset after submission.
-
-Likely causes:
-• Missing variables in reset dependency array
-• Reset dependencies not updating after form save
-• Async operations blocking timely reset
-
-Solutions:
-1. Ensure reset dependencies include all relevant state variables
-2. Confirm your submission handler updates state properly (check query invalidation)
-3. For slower operations, consider increasing the timeout threshold`;
-function useFormAutosave({
-  autosaveDelay,
-  enableAutosave,
-  onAutosave,
-  getResetValues,
-  resetDeps,
-  resetTimeout = 5e3,
-  ...props
-}) {
-  const form = useForm({ ...props, defaultValues: getResetValues() });
-  const shouldResetFormValuesRef = useRef(false);
-  const resetFormValuesTimeoutRef = useRef(void 0);
-  useEffect(() => {
-    const resetValues = getResetValues();
-    if (resetValues === void 0) {
-      return;
-    }
-    const resetFormValues = async () => {
-      const keepStateOptions = shouldResetFormValuesRef.current ? { keepDirtyValues: true } : void 0;
-      shouldResetFormValuesRef.current = false;
-      let values = resetValues;
-      if (ObjectUtils.isFunction(resetValues)) {
-        values = await resetValues();
-      }
-      form.reset(values, keepStateOptions);
-    };
-    resetFormValues();
-  }, [...resetDeps]);
-  const onSaveSuccess = () => {
-    shouldResetFormValuesRef.current = true;
-    if (resetFormValuesTimeoutRef.current) {
-      clearTimeout(resetFormValuesTimeoutRef.current);
-    }
-    resetFormValuesTimeoutRef.current = setTimeout(() => {
-      if (shouldResetFormValuesRef.current) {
-        throw new Error(getResetTimeoutErrorMessage(resetTimeout));
-      }
-    }, resetTimeout);
-  };
-  useAutosave({
-    form,
-    delay: autosaveDelay,
-    enabled: enableAutosave,
-    onSave: onAutosave,
-    onSaveSuccess
-  });
-  return form;
-}
-export {
-  useFormAutosave
-};

package/dist/hooks/useIntersectionObserver.js

@@ -1,27 +0,0 @@
-import { useState, useEffect } from "react";
-const useIntersectionObserver = ({
-  onIntersection,
-  root,
-  rootMargin,
-  threshold
-}) => {
-  const [ref, setRef] = useState(null);
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries.some((entry) => entry.isIntersecting)) {
-          onIntersection?.();
-        }
-      },
-      { root, rootMargin, threshold }
-    );
-    if (ref) {
-      observer.observe(ref);
-    }
-    return () => observer.disconnect();
-  }, [ref, root, rootMargin, threshold, onIntersection]);
-  return { setRef };
-};
-export {
-  useIntersectionObserver
-};

package/dist/hooks/useLocalStorage.js

@@ -1,54 +0,0 @@
-import { useState, useCallback } from "react";
-const getValue = (key, schema) => {
-  if (!localStorage) {
-    return null;
-  }
-  const lsValue = localStorage.getItem(key);
-  if (!lsValue) {
-    return null;
-  }
-  let jsonOrString;
-  try {
-    jsonOrString = JSON.parse(lsValue);
-  } catch {
-    jsonOrString = lsValue;
-  }
-  const parsedValue = schema.safeParse(jsonOrString);
-  if (parsedValue.success) {
-    return parsedValue.data;
-  } else {
-    return null;
-  }
-};
-const useLocalStorage = ({ key, schema }) => {
-  const [value, setValue] = useState(() => getValue(key, schema));
-  const set = useCallback(
-    (newValue) => {
-      if (!localStorage) {
-        return;
-      }
-      const parsedValue = schema.safeParse(newValue);
-      if (!parsedValue.success) {
-        return;
-      }
-      if (typeof parsedValue.data === "string") {
-        localStorage.setItem(key, parsedValue.data);
-      } else {
-        localStorage.setItem(key, JSON.stringify(parsedValue.data));
-      }
-      setValue(parsedValue.data);
-    },
-    [key, schema]
-  );
-  const remove = useCallback(() => {
-    if (!localStorage) {
-      return;
-    }
-    localStorage.removeItem(key);
-    setValue(null);
-  }, [key]);
-  return { value, set, remove };
-};
-export {
-  useLocalStorage
-};

package/dist/hooks/useLongPressRepeat.js

@@ -1,33 +0,0 @@
-import { useRef, useEffect } from "react";
-const useLongPressRepeat = ({
-  onPress,
-  enabled = true,
-  interval = 85,
-  timeout = 500
-}) => {
-  const intervalRef = useRef(void 0);
-  useEffect(() => {
-    return () => {
-      clearInterval(intervalRef.current);
-    };
-  }, []);
-  const onPressStart = () => {
-    onPress(false);
-    if (!enabled) {
-      return;
-    }
-    intervalRef.current = setTimeout(() => {
-      onPress(true);
-      intervalRef.current = setInterval(() => {
-        onPress(true);
-      }, interval);
-    }, timeout);
-  };
-  const onPressEnd = () => {
-    clearInterval(intervalRef.current);
-  };
-  return { onPressStart, onPressEnd };
-};
-export {
-  useLongPressRepeat
-};

package/dist/hooks/usePagination.js

@@ -1,35 +0,0 @@
-import { useState, useEffect } from "react";
-import { UIRouter } from "../config/router.context.js";
-const DEFAULT_STATE = {
-  pageIndex: 1,
-  pageSize: 20
-};
-function usePagination(defaultPagination) {
-  const { pathname, replace, searchParams } = UIRouter.useUIRouter();
-  const [pagination, setPagination] = useState(
-    defaultPagination ?? {
-      pageIndex: searchParams.has("page") ? Number.parseInt(searchParams.get("page") ?? "", 10) : DEFAULT_STATE.pageIndex,
-      pageSize: searchParams.has("size") ? Number.parseInt(searchParams.get("size") ?? "", 10) : DEFAULT_STATE.pageSize
-    }
-  );
-  useEffect(() => {
-    const params = new URLSearchParams(searchParams);
-    if (pagination.pageSize !== DEFAULT_STATE.pageSize) {
-      params.append("size", pagination.pageSize.toString());
-    }
-    if (pagination.pageIndex !== DEFAULT_STATE.pageIndex) {
-      params.append("page", pagination.pageIndex.toString());
-    }
-    const url = `${pathname}${params.size > 0 ? `?${params.toString()}` : ""}`;
-    replace(url);
-  }, [pagination]);
-  return {
-    pagination,
-    setPagination,
-    pageIndex: pagination.pageIndex,
-    pageSize: pagination.pageSize
-  };
-}
-export {
-  usePagination
-};

package/dist/hooks/useScrollableListBox.js

@@ -1,30 +0,0 @@
-import { useRef, useEffect } from "react";
-import { useBreakpoint } from "./useBreakpoint.js";
-function useScrollableListBox() {
-  const ref = useRef(null);
-  const isDesktop = useBreakpoint("md");
-  useEffect(() => {
-    const node = ref.current;
-    if (!node || isDesktop) {
-      return void 0;
-    }
-    const onPointerDownCapture = (e) => {
-      e.stopPropagation();
-    };
-    const onClickCapture = (e) => {
-      if (e.currentTarget?.contains(e.target) && e.target !== e.currentTarget) {
-        e.target.click();
-      }
-    };
-    node.addEventListener("pointerdown", onPointerDownCapture);
-    node.addEventListener("click", onClickCapture);
-    return () => {
-      node.removeEventListener("pointerdown", onPointerDownCapture);
-      node.removeEventListener("click", onClickCapture);
-    };
-  }, [ref, isDesktop]);
-  return { ref };
-}
-export {
-  useScrollableListBox
-};

package/dist/hooks/useSorting.js

@@ -1,32 +0,0 @@
-import { useState, useMemo, useEffect } from "react";
-import { UIRouter } from "../config/router.context.js";
-function useSorting(defaultSorting, prefix = "") {
-  const { pathname, replace, searchParams } = UIRouter.useUIRouter();
-  const [sorting, setSorting] = useState(
-    defaultSorting ?? searchParams.get(`order${prefix && `-${prefix}`}`)?.split(",").map((item) => {
-      if (item.startsWith("-")) {
-        return { id: item.slice(1), desc: true };
-      }
-      if (item.startsWith("+")) {
-        return { id: item.slice(1), desc: false };
-      }
-      return { id: item, desc: false };
-    }) ?? []
-  );
-  const order = useMemo(() => {
-    return sorting.map((field) => `${field.desc ? "-" : "+"}${field.id}`).join(",");
-  }, [sorting]);
-  useEffect(() => {
-    const params = new URLSearchParams(searchParams);
-    params.delete("order");
-    if (order) {
-      params.append(`order${prefix && `-${prefix}`}`, order);
-    }
-    const url = `${pathname}${params.size > 0 ? `?${params.toString()}` : ""}`;
-    replace(url);
-  }, [order]);
-  return { sorting, setSorting, order };
-}
-export {
-  useSorting
-};

package/dist/hooks/useStateAndRef.js

@@ -1,17 +0,0 @@
-import { useState, useRef, useCallback } from "react";
-import { ObjectUtils } from "../utils/object.utils.js";
-const useStateAndRef = (initialState) => {
-  const [state, setState] = useState(initialState);
-  const ref = useRef(state);
-  const updateValue = useCallback(
-    (value) => {
-      ref.current = ObjectUtils.isFunction(value) ? value(ref.current) : value;
-      setState(ref.current);
-    },
-    [setState]
-  );
-  return [state, ref, updateValue];
-};
-export {
-  useStateAndRef
-};

package/dist/hooks/useTableColumnConfig.js

@@ -1,63 +0,0 @@
-import { useState, useEffect, useCallback, useMemo } from "react";
-function sortByKeyOrder(data, orderedKeys = []) {
-  return [...data].sort((a, b) => {
-    return orderedKeys.findIndex((key) => key === (a.id ?? a.accessorKey)) - orderedKeys.findIndex((key) => key === (b.id ?? b.accessorKey));
-  });
-}
-function useTableColumnConfig(defaultColumns, options = {}) {
-  const [internalVisibleColumns, setInternalVisibleColumns] = useState(
-    () => defaultColumns.reduce((acc, col) => {
-      const key = col.id ?? col.accessorKey;
-      acc[key] = true;
-      return acc;
-    }, {})
-  );
-  const [internalColumnOrder, setInternalColumnOrder] = useState(
-    () => defaultColumns.map((col) => col.id ?? col.accessorKey)
-  );
-  useEffect(() => {
-    if (options.visibleColumns) {
-      setInternalVisibleColumns(options.visibleColumns);
-    }
-  }, [options.visibleColumns]);
-  useEffect(() => {
-    if (options.columnOrder) {
-      setInternalColumnOrder(options.columnOrder);
-    }
-  }, [options.columnOrder]);
-  const handleVisibilityChange = useCallback(
-    (value) => {
-      setInternalVisibleColumns(value);
-      options?.onVisibilityChange?.(value);
-    },
-    [options]
-  );
-  const handleOrderChange = useCallback(
-    (value) => {
-      setInternalColumnOrder(value);
-      options?.onOrderChange?.(value);
-    },
-    [options]
-  );
-  const configColumns = useMemo(
-    () => sortByKeyOrder(defaultColumns, internalColumnOrder),
-    [defaultColumns, internalColumnOrder]
-  );
-  const columns = useMemo(
-    () => configColumns.filter(
-      (col) => internalVisibleColumns?.[col.id ?? col.accessorKey] ?? true
-    ),
-    [configColumns, internalVisibleColumns]
-  );
-  return {
-    configColumns,
-    columns,
-    visibleColumns: internalVisibleColumns,
-    columnOrder: internalColumnOrder,
-    onVisibilityChange: handleVisibilityChange,
-    onOrderChange: handleOrderChange
-  };
-}
-export {
-  useTableColumnConfig
-};