@rio-cloud/rio-uikit 1.13.2 → 2.0.0-beta.1

package/lib/es/hooks/useTableSelection.d.ts

@@ -1,166 +0,0 @@
-/**
- * CSS class applied to the currently active row.
- */
-export declare const ACTIVE_CLASS = "active";
-/**
- * Default HTML data attribute name used to store the unique ID on table row elements.
- */
-export declare const DEFAULT_DATA_ATTRIBUTE = "data-id";
-export declare const DEFAULT_TABLE_CHECKBOX_CELL_CLASS = ".table-checkbox";
-export declare const DEFAULT_TABLE_ACTION_CELL_CLASS = ".table-action";
-/**
- * Options for the `useTableSelection` hook.
- */
-export type UseTableSelectionOptions<TData extends Record<string, any>> = {
-    /**
-     * The array of data items to be displayed in the table.
-     * The hook uses this to determine all possible row IDs for "select all" functionality.
-     */
-    tableData: TData[];
-    /**
-     * The key in `TData` objects that serves as the unique identifier for each row.
-     */
-    idKey: keyof TData;
-    /**
-     * Optional array of row IDs that should be initially selected.
-     */
-    initialSelectedRowIds?: string[];
-    /**
-     * Optional ID of the row that should be initially marked as active.
-     */
-    initialActiveRowId?: string;
-    /**
-     * Optional CSS query selector to find the checkbox input element within each table row.
-     * @default '.table-checkbox input[type="checkbox"]'
-     */
-    checkboxQuerySelector?: string;
-    /**
-     * Optional name of the HTML data attribute on `<tr>` elements that holds the unique row ID.
-     * @default 'data-id' (matches DEFAULT_DATA_ATTRIBUTE)
-     */
-    dataAttributeName?: string;
-    /**
-     * Optional external ref for the table element. If not provided, the hook creates its own.
-     * Useful if the parent component needs direct access to the table DOM element for other purposes.
-     */
-    ref?: React.RefObject<HTMLTableElement>;
-};
-/**
- * Return value of the `useTableSelection` hook.
- */
-export type UseTableSelectionReturn = {
-    /**
-     * React ref attached to the `<table>` HTML element.
-     * Ensure this ref is assigned to your table element to enable DOM manipulations.
-     */
-    tableRef: React.RefObject<HTMLTableElement>;
-    /**
-     * An array of strings, where each string is the ID of a currently selected row.
-     */
-    selectedRowIds: string[];
-    /**
-     * The ID of the currently active row. An empty string signifies no row is active.
-     */
-    activeRowId: string;
-    /**
-     * Callback handler to be attached to the click/change event of individual row selection UI elements (e.g., checkboxes).
-     * It expects the clicked element to be within a `<tr>` that has the specified `dataAttributeName`.
-     * Manages the selection state of a single row.
-     *
-     * @param event The React mouse event from the selection UI element.
-     */
-    onSelection: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Callback handler to be attached to the click event of table row (`<tr>`) elements.
-     * Manages the active row state.
-     * @param event The React mouse event from the `<tr>` element.
-     */
-    onActiveRowChange: (event: React.MouseEvent<HTMLTableRowElement>) => void;
-    /**
-     * Callback handler to select or deselect all rows.
-     * @param shouldSelect If true, all rows in `tableData` will be selected; otherwise, all selections will be cleared.
-     */
-    onToggleAll: (shouldSelect: boolean) => void;
-    /**
-     * Function to update row selection and active highlighting. This is useful when the row data changes due to a search value
-     * or any other filter.
-     *
-     * @returns
-     */
-    updateRowSelection: () => void;
-    /**
-     * Setter function to change selected rows from the outside in a controlled manner.
-     *
-     * @param rowIds
-     * @returns
-     */
-    setSelectedRowIds: (rowIds: string[]) => void;
-    /**
-     * Setter function to change the active row from the outside in a controlled manner.
-     * Use this to deselect an active row.
-     *
-     * @param activeRowId
-     * @returns
-     */
-    setActiveRowId: (activeRowId: string | undefined) => void;
-    /**
-     * A boolean indicating whether at least one row is currently selected.
-     */
-    hasSelection: boolean;
-    /**
-     * A boolean indicating whether all rows in the current `tableData` are selected.
-     */
-    isAllSelected: boolean;
-};
-/**
- * A React hook to manage row selection and active row state for an HTML table,
- * including DOM manipulations for visual feedback to optimize performance by
- * preventing individual row re-renders.
- *
- * @param {UseTableSelectionOptions<TData>} options The configuration properties for the hook.
- * @returns {UseTableSelectionReturn} The state and handlers for managing table selection and active row.
- */
-declare const useTableSelection: <TData extends Record<string, any>>(props: UseTableSelectionOptions<TData>) => UseTableSelectionReturn;
-/**
- * Finds a table row element by its data attribute value.
- *
- * @param rows Array of HTMLTableRowElements to search within.
- * @param value The value of the data attribute to find.
- * @param attribute The name of the data attribute (e.g., 'data-id').
- * @returns The found HTMLTableRowElement or undefined.
- */
-export declare const getRowByDataAttribute: (rows: HTMLTableRowElement[], value: string | null | undefined, attribute: string) => HTMLTableRowElement | undefined;
-/**
- * Adds an "active" class to a specified table row.
- *
- * @param rows Array of HTMLTableRowElements to search within.
- * @param rowId The ID of the row to highlight.
- * @param dataAttributeName The data attribute used to identify the row.
- */
-export declare const highlightRow: (rows: HTMLTableRowElement[], rowId: string | null, dataAttributeName: string) => void;
-/**
- * Removes the "active" class from a specified table row.
- *
- * @param rows Array of HTMLTableRowElements to search within.
- * @param rowId The ID of the row to unhighlight.
- * @param dataAttributeName The data attribute used to identify the row.
- */
-export declare const removeHighlightFromRow: (rows: HTMLTableRowElement[], rowId: string | null, dataAttributeName: string) => void;
-/**
- * Sets the checked state of a checkbox within a specific table row.
- * @param rows Array of HTMLTableRowElements to search within.
- * @param rowId The ID of the row to target (value of dataAttribute).
- * @param dataAttribute The data attribute used to identify the row.
- * @param checkboxQuerySelector A CSS selector to find the checkbox input within the row.
- * @param isChecked The desired checked state (true for checked, false for unchecked).
- */
-export declare const setRowCheckboxState: (rows: HTMLTableRowElement[], rowId: string, dataAttribute: string, checkboxQuerySelector: string, isChecked: boolean) => void;
-/**
- * Marks a specific row as selected by checking its checkbox.
- */
-export declare const selectRow: (rows: HTMLTableRowElement[], rowId: string, dataAttribute: string, checkboxQuerySelector: string) => void;
-/**
- * Marks a specific row as deselected by unchecking its checkbox.
- */
-export declare const deselectRow: (rows: HTMLTableRowElement[], rowId: string, dataAttribute: string, checkboxQuerySelector: string) => void;
-export default useTableSelection;

package/lib/es/hooks/useTableSelection.js

@@ -1,210 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deselectRow = exports.selectRow = exports.setRowCheckboxState = exports.removeHighlightFromRow = exports.highlightRow = exports.getRowByDataAttribute = exports.DEFAULT_TABLE_ACTION_CELL_CLASS = exports.DEFAULT_TABLE_CHECKBOX_CELL_CLASS = exports.DEFAULT_DATA_ATTRIBUTE = exports.ACTIVE_CLASS = void 0;
-const react_1 = require("react");
-/**
- * CSS class applied to the currently active row.
- */
-exports.ACTIVE_CLASS = 'active';
-/**
- * Default HTML data attribute name used to store the unique ID on table row elements.
- */
-exports.DEFAULT_DATA_ATTRIBUTE = 'data-id';
-// Default classes for the checkbox and action cells
-exports.DEFAULT_TABLE_CHECKBOX_CELL_CLASS = '.table-checkbox';
-exports.DEFAULT_TABLE_ACTION_CELL_CLASS = '.table-action';
-/**
- * A React hook to manage row selection and active row state for an HTML table,
- * including DOM manipulations for visual feedback to optimize performance by
- * preventing individual row re-renders.
- *
- * @param {UseTableSelectionOptions<TData>} options The configuration properties for the hook.
- * @returns {UseTableSelectionReturn} The state and handlers for managing table selection and active row.
- */
-const useTableSelection = (props) => {
-    const { tableData, idKey, initialSelectedRowIds = [], initialActiveRowId = '', checkboxQuerySelector = '.table-checkbox input[type="checkbox"]', dataAttributeName = exports.DEFAULT_DATA_ATTRIBUTE, ref, } = props;
-    const [selectedRowIds, setSelectedRowIds] = (0, react_1.useState)(initialSelectedRowIds);
-    const [activeRowId, setActiveRowId] = (0, react_1.useState)(initialActiveRowId);
-    const [lastActiveRowId, setLastActiveRowId] = (0, react_1.useState)(initialActiveRowId);
-    const tableRef = ref ?? (0, react_1.useRef)(null);
-    // --- DOM Manipulation Effect (The performance workaround) ---
-    /**
-     * Effect to handle DOM manipulations for active row highlighting and ensuring
-     * checkboxes for selected rows are visually checked.
-     * This effect runs when active row state or selection state changes.
-     * Note: This effect currently only *selects* rows based on `selectedRowIds`.
-     * Deselection in the DOM is handled directly by `onSelection` and `onToggleAll` handlers.
-     * For a more centralized DOM update, this effect could be expanded to handle deselection as well.
-     */
-    (0, react_1.useEffect)(() => {
-        updateRowSelection();
-    }, [activeRowId, lastActiveRowId, selectedRowIds]); // Rerun when these change
-    const updateRowSelection = () => {
-        if (!tableRef.current) {
-            return;
-        }
-        const rows = [...tableRef.current.rows];
-        if (lastActiveRowId !== activeRowId) {
-            // Due to performance reasons the individual rows should not re-render when the
-            // selected driver changes, hence we need to avoid passing that information as props
-            // to the row component otherwise it would re-render as the props have changed.
-            // Instead, we check here which row to highlight.
-            (0, exports.removeHighlightFromRow)(rows, lastActiveRowId, dataAttributeName);
-            (0, exports.highlightRow)(rows, activeRowId, dataAttributeName);
-        }
-        // handle multi-selection
-        selectedRowIds.forEach(rowId => (0, exports.selectRow)(rows, rowId, dataAttributeName, checkboxQuerySelector));
-    };
-    const handleActiveRowChange = (0, react_1.useCallback)((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        const targetRow = event.currentTarget;
-        const rowId = targetRow.getAttribute(dataAttributeName) ?? '';
-        // Avoid activation if click is on checkbox/action area (more robust check needed if complex row structure)
-        const clickedElement = event.target;
-        const isCheckboxCell = clickedElement.closest(exports.DEFAULT_TABLE_CHECKBOX_CELL_CLASS);
-        const isActionCell = clickedElement.closest(exports.DEFAULT_TABLE_ACTION_CELL_CLASS);
-        if (isCheckboxCell || isActionCell) {
-            return;
-        }
-        changeActiveRow(rowId);
-    }, []);
-    const changeActiveRow = (rowId = '') => {
-        setActiveRowId(currentActiveRow => {
-            const newActiveRowId = currentActiveRow === rowId ? '' : rowId;
-            setLastActiveRowId(currentActiveRow); // Update lastActive for the effect
-            return newActiveRowId;
-        });
-    };
-    const handleSelection = (0, react_1.useCallback)((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        // Find the correct row element containing the data attribute
-        const rowElement = event.target.closest(`tr[${dataAttributeName}]`);
-        const selectedRowId = rowElement?.getAttribute(dataAttributeName);
-        if (!selectedRowId) {
-            console.warn('Could not find row ID for selection event.');
-            return;
-        }
-        setSelectedRowIds(prevSelectedRowIds => {
-            if (prevSelectedRowIds.includes(selectedRowId)) {
-                deselectRows([selectedRowId]);
-                return prevSelectedRowIds.filter(id => id !== selectedRowId);
-            }
-            return [...prevSelectedRowIds, selectedRowId];
-        });
-    }, []);
-    const handleToggleAll = (0, react_1.useCallback)((shouldSelect) => {
-        const allRowIds = tableData.map(row => `${row[idKey]}`);
-        setSelectedRowIds(shouldSelect ? allRowIds : []);
-        // Deselect all rows when there is at least one row selected, else select all rows
-        if (shouldSelect) {
-            setSelectedRowIds(allRowIds);
-        }
-        else {
-            setSelectedRowIds([]);
-            deselectRows(allRowIds);
-            for (const id in allRowIds) {
-                const rows = tableRef.current ? [...tableRef.current.rows] : [];
-                (0, exports.deselectRow)([...rows], id, dataAttributeName, checkboxQuerySelector);
-            }
-        }
-        // DOM updates are handled by useEffect -> updateRowsDOM
-    }, [tableData]);
-    const deselectRows = (rowIds) => {
-        const rows = tableRef.current ? [...tableRef.current.rows] : [];
-        rowIds.forEach(rowId => (0, exports.deselectRow)(rows, rowId, dataAttributeName, checkboxQuerySelector));
-    };
-    const hasSelection = selectedRowIds.length > 0;
-    const isAllSelected = hasSelection && selectedRowIds.length === tableData.length && tableData.length > 0;
-    // --- Return hook state and handlers ---
-    return {
-        tableRef,
-        selectedRowIds,
-        activeRowId,
-        onSelection: handleSelection,
-        onActiveRowChange: handleActiveRowChange,
-        onToggleAll: handleToggleAll,
-        updateRowSelection,
-        setSelectedRowIds: (rowIds) => setSelectedRowIds(rowIds),
-        setActiveRowId: (activeRowId) => changeActiveRow(activeRowId),
-        hasSelection,
-        isAllSelected,
-    };
-};
-/**
- * Finds a table row element by its data attribute value.
- *
- * @param rows Array of HTMLTableRowElements to search within.
- * @param value The value of the data attribute to find.
- * @param attribute The name of the data attribute (e.g., 'data-id').
- * @returns The found HTMLTableRowElement or undefined.
- */
-const getRowByDataAttribute = (rows, value, attribute) => {
-    if (!value) {
-        return undefined;
-    }
-    return rows.find(row => row.getAttribute(attribute) === value);
-};
-exports.getRowByDataAttribute = getRowByDataAttribute;
-/**
- * Adds an "active" class to a specified table row.
- *
- * @param rows Array of HTMLTableRowElements to search within.
- * @param rowId The ID of the row to highlight.
- * @param dataAttributeName The data attribute used to identify the row.
- */
-const highlightRow = (rows, rowId, dataAttributeName) => {
-    const row = (0, exports.getRowByDataAttribute)(rows, rowId, dataAttributeName);
-    row?.classList.add(exports.ACTIVE_CLASS);
-};
-exports.highlightRow = highlightRow;
-/**
- * Removes the "active" class from a specified table row.
- *
- * @param rows Array of HTMLTableRowElements to search within.
- * @param rowId The ID of the row to unhighlight.
- * @param dataAttributeName The data attribute used to identify the row.
- */
-const removeHighlightFromRow = (rows, rowId, dataAttributeName) => {
-    const row = (0, exports.getRowByDataAttribute)(rows, rowId, dataAttributeName);
-    row?.classList.remove(exports.ACTIVE_CLASS);
-};
-exports.removeHighlightFromRow = removeHighlightFromRow;
-// Helper to get the checkbox input for a single row
-const getCheckboxFromRow = (row, checkboxQuerySelector) => {
-    return row.querySelector(checkboxQuerySelector);
-};
-/**
- * Sets the checked state of a checkbox within a specific table row.
- * @param rows Array of HTMLTableRowElements to search within.
- * @param rowId The ID of the row to target (value of dataAttribute).
- * @param dataAttribute The data attribute used to identify the row.
- * @param checkboxQuerySelector A CSS selector to find the checkbox input within the row.
- * @param isChecked The desired checked state (true for checked, false for unchecked).
- */
-const setRowCheckboxState = (rows, rowId, dataAttribute, checkboxQuerySelector, isChecked) => {
-    const row = (0, exports.getRowByDataAttribute)(rows, rowId, dataAttribute);
-    if (row) {
-        const checkbox = getCheckboxFromRow(row, checkboxQuerySelector);
-        if (checkbox) {
-            checkbox.checked = isChecked;
-        }
-    }
-};
-exports.setRowCheckboxState = setRowCheckboxState;
-/**
- * Marks a specific row as selected by checking its checkbox.
- */
-const selectRow = (rows, rowId, dataAttribute, checkboxQuerySelector) => {
-    (0, exports.setRowCheckboxState)(rows, rowId, dataAttribute, checkboxQuerySelector, true);
-};
-exports.selectRow = selectRow;
-/**
- * Marks a specific row as deselected by unchecking its checkbox.
- */
-const deselectRow = (rows, rowId, dataAttribute, checkboxQuerySelector) => {
-    (0, exports.setRowCheckboxState)(rows, rowId, dataAttribute, checkboxQuerySelector, false);
-};
-exports.deselectRow = deselectRow;
-exports.default = useTableSelection;

package/lib/es/hooks/useTimeout.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-/**
- * A custom hook for handling timeout events.
- *
- * @param callback The callback function to execute after the timeout.
- * @param delay The duration of the timeout in milliseconds. Pass `null` to cancel the timeout.
- *
- * @returns A mutable ref object to manage the timeout ID.
- */
-declare const useTimeout: (callback: () => void, delay: number | null) => React.MutableRefObject<number | null>;
-export declare const useChainedTimeout: () => {
-    set: (fn: () => void, delayMs?: number) => void;
-    clear: () => void;
-    handleRef: React.MutableRefObject<any>;
-};
-export default useTimeout;

package/lib/es/hooks/useTimeout.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useChainedTimeout = void 0;
-const react_1 = require("react");
-// See www.joshwcomeau.com/snippets/react-hooks/use-timeout/
-/**
- * A custom hook for handling timeout events.
- *
- * @param callback The callback function to execute after the timeout.
- * @param delay The duration of the timeout in milliseconds. Pass `null` to cancel the timeout.
- *
- * @returns A mutable ref object to manage the timeout ID.
- */
-const useTimeout = (callback, delay) => {
-    const timeoutRef = (0, react_1.useRef)(null);
-    const savedCallback = (0, react_1.useRef)(callback);
-    // Update the saved callback when the callback prop changes
-    (0, react_1.useEffect)(() => {
-        savedCallback.current = callback;
-    }, [callback]);
-    // Set up the timeout when the delay changes
-    (0, react_1.useEffect)(() => {
-        const tick = () => savedCallback.current();
-        // If delay is a number, set up the timeout
-        if (typeof delay === 'number') {
-            timeoutRef.current = window.setTimeout(tick, delay);
-            // Cleanup function to clear the timeout when delay changes or component unmounts
-            return () => {
-                if (timeoutRef.current !== null) {
-                    window.clearTimeout(timeoutRef.current);
-                }
-            };
-        }
-    }, [delay]);
-    return timeoutRef;
-};
-const useChainedTimeout = () => {
-    const MAX_DELAY_MS = 2 ** 31 - 1;
-    const setChainedTimeout = (ref, fn, timeoutAtMs) => {
-        const delayMs = timeoutAtMs - Date.now();
-        ref.current =
-            delayMs <= MAX_DELAY_MS
-                ? setTimeout(fn, delayMs)
-                : setTimeout(() => setChainedTimeout(ref, fn, timeoutAtMs), MAX_DELAY_MS);
-    };
-    const handleRef = (0, react_1.useRef)(null);
-    const { set, clear } = (0, react_1.useMemo)(() => {
-        const clear = () => clearTimeout(handleRef.current);
-        const set = (fn, delayMs = 0) => {
-            clear();
-            if (delayMs <= MAX_DELAY_MS) {
-                // For simplicity, if the timeout is short, just set a normal timeout.
-                handleRef.current = setTimeout(fn, delayMs);
-            }
-            else {
-                setChainedTimeout(handleRef, fn, Date.now() + delayMs);
-            }
-        };
-        return {
-            set,
-            clear,
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            clear();
-        };
-    }, [clear]);
-    return {
-        set,
-        clear,
-        handleRef,
-    };
-};
-exports.useChainedTimeout = useChainedTimeout;
-exports.default = useTimeout;

package/lib/es/hooks/useToggle.d.ts

@@ -1,13 +0,0 @@
-/**
- * Custom hook to handle toggle states.
- *
- * @param initialValue - The initial state of the toggle (default: false)
- * @returns An object with the current value, toggle function, and control functions
- */
-declare const useToggle: (initialValue?: boolean) => {
-    isToggled: boolean;
-    toggle: (eventOrCallback?: React.SyntheticEvent | ((newValue: boolean) => void)) => void;
-    enable: () => void;
-    disable: () => void;
-};
-export default useToggle;

package/lib/es/hooks/useToggle.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-/**
- * Custom hook to handle toggle states.
- *
- * @param initialValue - The initial state of the toggle (default: false)
- * @returns An object with the current value, toggle function, and control functions
- */
-const useToggle = (initialValue = false) => {
-    const [value, setValue] = (0, react_1.useState)(initialValue);
-    // Handle actual custom callbacks functions and
-    // events when assigning this function to a button directly
-    const toggle = (0, react_1.useCallback)((eventOrCallback) => {
-        setValue(prev => {
-            const newValue = !prev;
-            if (typeof eventOrCallback === 'function') {
-                // Call the callback with the new value
-                eventOrCallback(newValue);
-            }
-            return newValue;
-        });
-    }, []);
-    const enable = (0, react_1.useCallback)(() => setValue(true), []);
-    const disable = (0, react_1.useCallback)(() => setValue(false), []);
-    return {
-        isToggled: value,
-        toggle,
-        enable,
-        disable,
-    };
-};
-exports.default = useToggle;

package/lib/es/hooks/useUncontrollable.d.ts

@@ -1,13 +0,0 @@
-export type Handler = (value: any, ...args: any[]) => any;
-export declare function defaultKey(key: string): string;
-declare function useUncontrolledProp<TProp, THandler extends Handler = Handler>(propValue: TProp | undefined, defaultValue: TProp, handler?: THandler): readonly [TProp, THandler];
-declare function useUncontrolledProp<TProp, THandler extends Handler = Handler>(propValue: TProp | undefined, defaultValue?: TProp | undefined, handler?: THandler): readonly [TProp | undefined, (...args: Parameters<THandler>) => ReturnType<THandler> | void];
-export { useUncontrolledProp };
-type FilterFlags<Base, Condition> = {
-    [Key in keyof Base]: NonNullable<Base[Key]> extends Condition ? Key : never;
-};
-type AllowedNames<Base, Condition> = FilterFlags<Base, Condition>[keyof Base];
-type ConfigMap<TProps extends object> = {
-    [p in keyof TProps]?: AllowedNames<TProps, Function>;
-};
-export declare function useUncontrolled<TProps extends object, TDefaults extends string = never>(props: TProps, config: ConfigMap<TProps>): Omit<TProps, TDefaults>;

package/lib/es/hooks/useUncontrollable.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultKey = defaultKey;
-exports.useUncontrolledProp = useUncontrolledProp;
-exports.useUncontrolled = useUncontrolled;
-/* eslint-disable prefer-arrow/prefer-arrow-functions */
-// forked from https://github.com/jquense/uncontrollable/blob/master/src/index.ts
-const react_1 = require("react");
-function defaultKey(key) {
-    return 'default' + key.charAt(0).toUpperCase() + key.substr(1);
-}
-function useUncontrolledProp(propValue, defaultValue, handler) {
-    const wasPropRef = (0, react_1.useRef)(propValue !== undefined);
-    const [stateValue, setState] = (0, react_1.useState)(defaultValue);
-    const isProp = propValue !== undefined;
-    const wasProp = wasPropRef.current;
-    wasPropRef.current = isProp;
-    /**
-     * If a prop switches from controlled to Uncontrolled
-     * reset its value to the defaultValue
-     */
-    if (!isProp && wasProp && stateValue !== defaultValue) {
-        setState(defaultValue);
-    }
-    return [
-        isProp ? propValue : stateValue,
-        (0, react_1.useCallback)((...args) => {
-            const [value, ...rest] = args;
-            const returnValue = handler?.(value, ...rest);
-            setState(value);
-            return returnValue;
-        }, [handler]),
-    ];
-}
-function useUncontrolled(props, config) {
-    return Object.keys(config).reduce((result, fieldName) => {
-        const { [defaultKey(fieldName)]: defaultValue, [fieldName]: propsValue, ...rest } = result;
-        // @ts-ignore-next-line
-        const handlerName = config[fieldName];
-        // @ts-ignore-next-line
-        const [value, handler] = useUncontrolledProp(propsValue, defaultValue, props[handlerName]);
-        return {
-            ...rest,
-            [fieldName]: value,
-            [handlerName]: handler,
-        };
-    }, props);
-}

package/lib/es/hooks/useWindowResize.d.ts

@@ -1,9 +0,0 @@
-export type UseWindowResize = (callback: () => void, timeout?: number) => void;
-/**
- * A custom hook for handling window resize events with throttling.
- *
- * @param callback The callback function to execute on window resize.
- * @param timeout Optional. The throttling timeout duration in milliseconds. Default is 300ms.
- */
-declare const useWindowResize: UseWindowResize;
-export default useWindowResize;

package/lib/es/hooks/useWindowResize.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const throttle_1 = tslib_1.__importDefault(require("lodash/fp/throttle"));
-/**
- * A custom hook for handling window resize events with throttling.
- *
- * @param callback The callback function to execute on window resize.
- * @param timeout Optional. The throttling timeout duration in milliseconds. Default is 300ms.
- */
-const useWindowResize = (onResizeCallback, timeout = 300) => {
-    (0, react_1.useEffect)(() => {
-        // Throttle the callback function to avoid excessive executions during window resize events.
-        const throttledCallback = (0, throttle_1.default)(timeout, onResizeCallback);
-        // Add event listener for window resize with the throttled callback.
-        window.addEventListener('resize', throttledCallback, { passive: true });
-        // Cleanup function to remove event listener when component unmounts.
-        return () => {
-            window.removeEventListener('resize', throttledCallback);
-        };
-    }, [onResizeCallback, timeout]);
-};
-exports.default = useWindowResize;