@crispy-seed/data-table 0.1.1 → 0.1.2

package/dist/useDataTableInfiniteScroll-12s-8ZG31URd-12s-BexjP6iO.js

@@ -1,104 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-import { useState, useRef, useCallback, useEffect } from 'react';
-import { s as shouldTriggerLoadMore } from './useDataTableColumns-12s-Cn2ZAzFL-12s-CD6goR59.js';
-
-// Triggers before the sentinel is actually on-screen -- Attio's own list prefetches
-// a page ahead of the visible edge so the next batch of rows is already there by the
-// time a fast scroll reaches them, rather than the user briefly out-running the data.
-const ROOT_MARGIN = "160px";
-/**
- * Owns the "is the user close enough to the bottom to load more" concern -- the way
- * useDataTableScroll owns the horizontal scroll-shadow edge state. An
- * IntersectionObserver watching a single sentinel row the styled layer renders as the
- * last child of `<tbody>` while `hasMore` is true (DataTable.tsx's own
- * `InfiniteScrollRow`), observed against `scrollRootRef`'s element (useDataTable.ts
- * wires this to useDataTableScroll's own scroll container) so a BOUNDED table
- * triggers off its own internal scroll, not the browsing viewport.
- */ function useDataTableInfiniteScroll(props) {
-    const { onLoadMore, hasMore = true, loadingMore: loadingMoreProp, scrollRootRef } = props;
-    const [internalLoadingMore, setInternalLoadingMore] = useState(false);
-    const loadingMore = loadingMoreProp ?? internalLoadingMore;
-    // Mirrors the latest props into a ref the observer callback reads -- the callback
-    // is registered once per sentinel element (see the effect below) and must not
-    // recreate the whole IntersectionObserver on every render just because a fresh
-    // `onLoadMore` closure came in, the same "ref mirrors the latest value" shape a
-    // debounced/throttled handler needs.
-    const latest = useRef({
-        onLoadMore,
-        hasMore,
-        loadingMore
-    });
-    latest.current = {
-        onLoadMore,
-        hasMore,
-        loadingMore
-    };
-    const triggerLoadMore = useCallback(()=>{
-        const { onLoadMore: fn, hasMore: has, loadingMore: busy } = latest.current;
-        if (!shouldTriggerLoadMore(true, has, busy) || !fn) return;
-        const result = fn();
-        // Only a THENABLE result puts this hook in charge of `loadingMore` -- a
-        // synchronous `onLoadMore` (already-fetched data, a local page) commits
-        // immediately and never becomes "busy" at all, matching `loadingMoreProp`'s own
-        // controlled shape: nothing to suppress a very next scroll-triggered call with.
-        if (result && typeof result.then === "function") {
-            if (loadingMoreProp === undefined) setInternalLoadingMore(true);
-            result.finally(()=>{
-                if (loadingMoreProp === undefined) setInternalLoadingMore(false);
-            });
-        }
-    }, [
-        loadingMoreProp
-    ]);
-    // A state slot (not a plain ref) so attaching the sentinel re-runs the effect below
-    // -- a callback ref's own node can't be an effect dependency otherwise.
-    const [sentinelNode, setSentinelNode] = useState(null);
-    const sentinelRef = useCallback((node)=>setSentinelNode(node), []);
-    useEffect(()=>{
-        if (!sentinelNode || !onLoadMore || typeof IntersectionObserver === "undefined") return;
-        // Effects run after every ref callback of the SAME commit (including
-        // `scrollRootRef`'s own, set by useDataTableScroll's `scrollAreaRef`) regardless
-        // of sibling ref attach order, so `scrollRootRef.current` is already populated
-        // here even on the very first render that mounts both elements at once. `null`
-        // (no scroll container yet, or none supplied) falls back to the browsing
-        // viewport, IntersectionObserver's own default.
-        const root = scrollRootRef?.current ?? null;
-        const observer = new IntersectionObserver((entries)=>{
-            if (entries.some((entry)=>entry.isIntersecting)) triggerLoadMore();
-        }, {
-            root,
-            rootMargin: ROOT_MARGIN
-        });
-        observer.observe(sentinelNode);
-        return ()=>observer.disconnect();
-    }, [
-        sentinelNode,
-        onLoadMore,
-        scrollRootRef,
-        triggerLoadMore
-    ]);
-    return {
-        /** Attach to the sentinel row's DOM node (a ref callback, `DataTable.tsx`'s own
-     *  `InfiniteScrollRow`). A no-op (no observer ever created) when `onLoadMore` is
-     *  omitted -- the styled layer still shouldn't render the sentinel at all in that
-     *  case (nothing to load more OF), this is just the inert fallback. */ sentinelRef,
-        /** Whether to keep rendering the sentinel row at all. */ hasMore,
-        /** A fetch is in flight -- shows the loading-more spinner row and gates further
-     *  triggers, whichever side (controlled or internal) reports it. */ loadingMore,
-        /** Fires `onLoadMore` directly, subject to the same `hasMore`/`loadingMore` gate
-     *  the observer itself uses -- exposed for a consumer that wants a manual retry
-     *  affordance (e.g. after a failed load) rather than only the observer's own
-     *  scroll trigger. */ triggerLoadMore
-    };
-}
-
-export { useDataTableInfiniteScroll as u };

package/dist/useDataTableInfiniteScroll-12s-8ZG31URd-12s-Bt8gojr9.cjs

@@ -1,104 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-var React = require('react');
-var useDataTableColumns12sCn2ZAzFL12s = require('./useDataTableColumns-12s-Cn2ZAzFL-12s-CUk_CpYT.cjs');
-
-// Triggers before the sentinel is actually on-screen -- Attio's own list prefetches
-// a page ahead of the visible edge so the next batch of rows is already there by the
-// time a fast scroll reaches them, rather than the user briefly out-running the data.
-const ROOT_MARGIN = "160px";
-/**
- * Owns the "is the user close enough to the bottom to load more" concern -- the way
- * useDataTableScroll owns the horizontal scroll-shadow edge state. An
- * IntersectionObserver watching a single sentinel row the styled layer renders as the
- * last child of `<tbody>` while `hasMore` is true (DataTable.tsx's own
- * `InfiniteScrollRow`), observed against `scrollRootRef`'s element (useDataTable.ts
- * wires this to useDataTableScroll's own scroll container) so a BOUNDED table
- * triggers off its own internal scroll, not the browsing viewport.
- */ function useDataTableInfiniteScroll(props) {
-    const { onLoadMore, hasMore = true, loadingMore: loadingMoreProp, scrollRootRef } = props;
-    const [internalLoadingMore, setInternalLoadingMore] = React.useState(false);
-    const loadingMore = loadingMoreProp ?? internalLoadingMore;
-    // Mirrors the latest props into a ref the observer callback reads -- the callback
-    // is registered once per sentinel element (see the effect below) and must not
-    // recreate the whole IntersectionObserver on every render just because a fresh
-    // `onLoadMore` closure came in, the same "ref mirrors the latest value" shape a
-    // debounced/throttled handler needs.
-    const latest = React.useRef({
-        onLoadMore,
-        hasMore,
-        loadingMore
-    });
-    latest.current = {
-        onLoadMore,
-        hasMore,
-        loadingMore
-    };
-    const triggerLoadMore = React.useCallback(()=>{
-        const { onLoadMore: fn, hasMore: has, loadingMore: busy } = latest.current;
-        if (!useDataTableColumns12sCn2ZAzFL12s.shouldTriggerLoadMore(true, has, busy) || !fn) return;
-        const result = fn();
-        // Only a THENABLE result puts this hook in charge of `loadingMore` -- a
-        // synchronous `onLoadMore` (already-fetched data, a local page) commits
-        // immediately and never becomes "busy" at all, matching `loadingMoreProp`'s own
-        // controlled shape: nothing to suppress a very next scroll-triggered call with.
-        if (result && typeof result.then === "function") {
-            if (loadingMoreProp === undefined) setInternalLoadingMore(true);
-            result.finally(()=>{
-                if (loadingMoreProp === undefined) setInternalLoadingMore(false);
-            });
-        }
-    }, [
-        loadingMoreProp
-    ]);
-    // A state slot (not a plain ref) so attaching the sentinel re-runs the effect below
-    // -- a callback ref's own node can't be an effect dependency otherwise.
-    const [sentinelNode, setSentinelNode] = React.useState(null);
-    const sentinelRef = React.useCallback((node)=>setSentinelNode(node), []);
-    React.useEffect(()=>{
-        if (!sentinelNode || !onLoadMore || typeof IntersectionObserver === "undefined") return;
-        // Effects run after every ref callback of the SAME commit (including
-        // `scrollRootRef`'s own, set by useDataTableScroll's `scrollAreaRef`) regardless
-        // of sibling ref attach order, so `scrollRootRef.current` is already populated
-        // here even on the very first render that mounts both elements at once. `null`
-        // (no scroll container yet, or none supplied) falls back to the browsing
-        // viewport, IntersectionObserver's own default.
-        const root = scrollRootRef?.current ?? null;
-        const observer = new IntersectionObserver((entries)=>{
-            if (entries.some((entry)=>entry.isIntersecting)) triggerLoadMore();
-        }, {
-            root,
-            rootMargin: ROOT_MARGIN
-        });
-        observer.observe(sentinelNode);
-        return ()=>observer.disconnect();
-    }, [
-        sentinelNode,
-        onLoadMore,
-        scrollRootRef,
-        triggerLoadMore
-    ]);
-    return {
-        /** Attach to the sentinel row's DOM node (a ref callback, `DataTable.tsx`'s own
-     *  `InfiniteScrollRow`). A no-op (no observer ever created) when `onLoadMore` is
-     *  omitted -- the styled layer still shouldn't render the sentinel at all in that
-     *  case (nothing to load more OF), this is just the inert fallback. */ sentinelRef,
-        /** Whether to keep rendering the sentinel row at all. */ hasMore,
-        /** A fetch is in flight -- shows the loading-more spinner row and gates further
-     *  triggers, whichever side (controlled or internal) reports it. */ loadingMore,
-        /** Fires `onLoadMore` directly, subject to the same `hasMore`/`loadingMore` gate
-     *  the observer itself uses -- exposed for a consumer that wants a manual retry
-     *  affordance (e.g. after a failed load) rather than only the observer's own
-     *  scroll trigger. */ triggerLoadMore
-    };
-}
-
-exports.useDataTableInfiniteScroll = useDataTableInfiniteScroll;

package/dist/useDataTableRow-12s-CPYaDa1p-12s-4qkGoz-j.js

@@ -1,30 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-import { u as useDataTableContext } from './DataTable-12s-Zml1x9Kr-12s-BR-yHfob.js';
-
-// Per-row read of the root's selection state -- the way useSelectItem reads
-// `getItemProps` off the root for one option. Kept as its own hook (rather than
-// inlined into the styled `DataTableRow`) so `DataTableCell`/`DataTableSelectionCell`
-// can read the SAME row's `isSelected`/`toggleRow` through `useDataTableRowContext`
-// without either subscribing to the whole table's context or being handed `rowId`
-// again as a prop.
-function useDataTableRow(props) {
-    const { rowId } = props;
-    const { isSelected, toggleRow, getRowProps } = useDataTableContext();
-    return {
-        rowId,
-        isSelected: isSelected(rowId),
-        toggleRow: ()=>toggleRow(rowId),
-        rootProps: getRowProps(rowId)
-    };
-}
-
-export { useDataTableRow as u };

package/dist/useDataTableRow-12s-CPYaDa1p-12s-DG64uYjn.cjs

@@ -1,30 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-var DataTable12sZml1x9Kr12s = require('./DataTable-12s-Zml1x9Kr-12s-B-mwMBhn.cjs');
-
-// Per-row read of the root's selection state -- the way useSelectItem reads
-// `getItemProps` off the root for one option. Kept as its own hook (rather than
-// inlined into the styled `DataTableRow`) so `DataTableCell`/`DataTableSelectionCell`
-// can read the SAME row's `isSelected`/`toggleRow` through `useDataTableRowContext`
-// without either subscribing to the whole table's context or being handed `rowId`
-// again as a prop.
-function useDataTableRow(props) {
-    const { rowId } = props;
-    const { isSelected, toggleRow, getRowProps } = DataTable12sZml1x9Kr12s.useDataTableContext();
-    return {
-        rowId,
-        isSelected: isSelected(rowId),
-        toggleRow: ()=>toggleRow(rowId),
-        rootProps: getRowProps(rowId)
-    };
-}
-
-exports.useDataTableRow = useDataTableRow;

package/dist/useDataTableScroll-12s-BKDCr0en-12s-C7f2vHeG.js

@@ -1,61 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-import { useRef, useState, useCallback } from 'react';
-
-/**
- * Tracks a horizontally-scrolling element's edge state for the sticky-column scroll
- * shadow (DATATABLE-ATTIO-SPEC.md's `stickyFirst`/`stickyLast`) -- crisp's own
- * `.crisp-table-scroll[data-scrolled-x]`/`[data-scrolled-x-end]`. Owns the DOM
- * measurement the way `useSelectFloating` owns floating-ui's own DOM measurement: a
- * real ref to a real scrollable element, re-measured on every scroll (and whenever the
- * styled layer calls `remeasure`, e.g. after a column resize/reorder changes the
- * scrollable width without the element itself ever firing a `scroll` event).
- */ function useDataTableScroll() {
-    const elementRef = useRef(null);
-    const [scrolledStart, setScrolledStart] = useState(false);
-    const [scrolledEnd, setScrolledEnd] = useState(false);
-    const remeasure = useCallback(()=>{
-        const element = elementRef.current;
-        if (!element) return;
-        setScrolledStart(element.scrollLeft > 0);
-        // A 1px slop: sub-pixel layout can leave `scrollLeft + clientWidth` a fraction
-        // short of `scrollWidth` even when fully scrolled, which would otherwise leave
-        // the trailing shadow stuck on forever.
-        setScrolledEnd(element.scrollLeft + element.clientWidth < element.scrollWidth - 1);
-    }, []);
-    const scrollAreaRef = useCallback((node)=>{
-        elementRef.current = node;
-        if (node) remeasure();
-    }, [
-        remeasure
-    ]);
-    const onScroll = useCallback(()=>remeasure(), [
-        remeasure
-    ]);
-    return {
-        scrollAreaRef,
-        scrolledStart,
-        scrolledEnd,
-        onScroll,
-        remeasure,
-        // The raw ref object itself (not just the callback ref above) -- useDataTable.ts
-        // hands this to useDataTableInfiniteScroll as the IntersectionObserver `root` for
-        // its sentinel row, so a scrolled/bounded table (DATATABLE-ATTIO-SPEC.md's
-        // full-body-height feature) auto-loads against ITS OWN scroll boundary rather
-        // than the browsing viewport. A stable object identity (a plain ref, not state):
-        // useDataTableInfiniteScroll reads `.current` inside an effect, which always runs
-        // after every ref callback of the same commit (including this one), so the
-        // element is never read before it's attached regardless of sibling ref order.
-        elementRef
-    };
-}
-
-export { useDataTableScroll as u };

package/dist/useDataTableScroll-12s-BKDCr0en-12s-CUvUYMtt.cjs

@@ -1,61 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-var React = require('react');
-
-/**
- * Tracks a horizontally-scrolling element's edge state for the sticky-column scroll
- * shadow (DATATABLE-ATTIO-SPEC.md's `stickyFirst`/`stickyLast`) -- crisp's own
- * `.crisp-table-scroll[data-scrolled-x]`/`[data-scrolled-x-end]`. Owns the DOM
- * measurement the way `useSelectFloating` owns floating-ui's own DOM measurement: a
- * real ref to a real scrollable element, re-measured on every scroll (and whenever the
- * styled layer calls `remeasure`, e.g. after a column resize/reorder changes the
- * scrollable width without the element itself ever firing a `scroll` event).
- */ function useDataTableScroll() {
-    const elementRef = React.useRef(null);
-    const [scrolledStart, setScrolledStart] = React.useState(false);
-    const [scrolledEnd, setScrolledEnd] = React.useState(false);
-    const remeasure = React.useCallback(()=>{
-        const element = elementRef.current;
-        if (!element) return;
-        setScrolledStart(element.scrollLeft > 0);
-        // A 1px slop: sub-pixel layout can leave `scrollLeft + clientWidth` a fraction
-        // short of `scrollWidth` even when fully scrolled, which would otherwise leave
-        // the trailing shadow stuck on forever.
-        setScrolledEnd(element.scrollLeft + element.clientWidth < element.scrollWidth - 1);
-    }, []);
-    const scrollAreaRef = React.useCallback((node)=>{
-        elementRef.current = node;
-        if (node) remeasure();
-    }, [
-        remeasure
-    ]);
-    const onScroll = React.useCallback(()=>remeasure(), [
-        remeasure
-    ]);
-    return {
-        scrollAreaRef,
-        scrolledStart,
-        scrolledEnd,
-        onScroll,
-        remeasure,
-        // The raw ref object itself (not just the callback ref above) -- useDataTable.ts
-        // hands this to useDataTableInfiniteScroll as the IntersectionObserver `root` for
-        // its sentinel row, so a scrolled/bounded table (DATATABLE-ATTIO-SPEC.md's
-        // full-body-height feature) auto-loads against ITS OWN scroll boundary rather
-        // than the browsing viewport. A stable object identity (a plain ref, not state):
-        // useDataTableInfiniteScroll reads `.current` inside an effect, which always runs
-        // after every ref callback of the same commit (including this one), so the
-        // element is never read before it's attached regardless of sibling ref order.
-        elementRef
-    };
-}
-
-exports.useDataTableScroll = useDataTableScroll;

package/dist/useDataTableSearch-12s-Ck3iWcpX-12s-B-65V6gH.js

@@ -1,37 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-import { d as useControllableState } from './useDataTableColumnCalc-12s-DTQQTtEJ-12s-DsEse3uq.js';
-import { useCallback } from 'react';
-
-// Owns the toolbar's single free-text query -- the way useDataTableSort owns the single
-// active sort column. It has no idea which columns are searchable or how a row's value
-// is read off them (that needs `TRow`, a type this headless package never sees), so
-// narrowing `data` against the query is the styled layer's job (DataTable.tsx's
-// `getVisibleRows`) -- the same split sort already draws: this hook tracks WHICH state
-// is active, the styled layer decides what that state does to the rows.
-function useDataTableSearch(props) {
-    const { query: queryProp, defaultQuery = "", onQueryChange } = props;
-    const [query = "", setQuery] = useControllableState({
-        prop: queryProp,
-        defaultProp: defaultQuery,
-        onChange: onQueryChange
-    });
-    const clearQuery = useCallback(()=>setQuery(""), [
-        setQuery
-    ]);
-    return {
-        query,
-        setQuery,
-        clearQuery
-    };
-}
-
-export { useDataTableSearch as u };

package/dist/useDataTableSearch-12s-Ck3iWcpX-12s-DhVfN2Hq.cjs

@@ -1,37 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-var useDataTableColumnCalc12sDTQQTtEJ12s = require('./useDataTableColumnCalc-12s-DTQQTtEJ-12s-CvD14JYo.cjs');
-var React = require('react');
-
-// Owns the toolbar's single free-text query -- the way useDataTableSort owns the single
-// active sort column. It has no idea which columns are searchable or how a row's value
-// is read off them (that needs `TRow`, a type this headless package never sees), so
-// narrowing `data` against the query is the styled layer's job (DataTable.tsx's
-// `getVisibleRows`) -- the same split sort already draws: this hook tracks WHICH state
-// is active, the styled layer decides what that state does to the rows.
-function useDataTableSearch(props) {
-    const { query: queryProp, defaultQuery = "", onQueryChange } = props;
-    const [query = "", setQuery] = useDataTableColumnCalc12sDTQQTtEJ12s.useControllableState({
-        prop: queryProp,
-        defaultProp: defaultQuery,
-        onChange: onQueryChange
-    });
-    const clearQuery = React.useCallback(()=>setQuery(""), [
-        setQuery
-    ]);
-    return {
-        query,
-        setQuery,
-        clearQuery
-    };
-}
-
-exports.useDataTableSearch = useDataTableSearch;

package/dist/useDataTableSelection-12s-BIDtiRQq-12s-IS__VAnU.cjs

@@ -1,71 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-var useDataTableColumnCalc12sDTQQTtEJ12s = require('./useDataTableColumnCalc-12s-DTQQTtEJ-12s-CvD14JYo.cjs');
-var domUtils = require('@seed-design/dom-utils');
-var React = require('react');
-var useDataTableColumns12sCn2ZAzFL12s = require('./useDataTableColumns-12s-Cn2ZAzFL-12s-CUk_CpYT.cjs');
-
-// Owns the selected-id set and its two shapes of toggle (one row, select-all) --
-// the way useSelectOptions owns the selected VALUE. `selectionState` and `toggleAll`
-// are always computed against `rowIds` (the currently rendered order), never against
-// `selectedIds` alone -- see dom.ts's `computeSelectionState` doc comment.
-function useDataTableSelection(props) {
-    const { rowIds = [], selectable = false, selectedIds: selectedIdsProp, defaultSelectedIds = [], onSelectionChange } = props;
-    const [selectedIds = [], setSelectedIds] = useDataTableColumnCalc12sDTQQTtEJ12s.useControllableState({
-        prop: selectedIdsProp,
-        defaultProp: defaultSelectedIds,
-        onChange: onSelectionChange
-    });
-    const selectedIdSet = React.useMemo(()=>new Set(selectedIds), [
-        selectedIds
-    ]);
-    const isSelected = React.useCallback((id)=>selectedIdSet.has(id), [
-        selectedIdSet
-    ]);
-    const toggleRow = React.useCallback((id)=>{
-        setSelectedIds((current = [])=>useDataTableColumns12sCn2ZAzFL12s.toggleMembership(current, id));
-    }, [
-        setSelectedIds
-    ]);
-    const selectionState = React.useMemo(()=>useDataTableColumns12sCn2ZAzFL12s.computeSelectionState(rowIds, selectedIds), [
-        rowIds,
-        selectedIds
-    ]);
-    const toggleAll = React.useCallback(()=>{
-        setSelectedIds(selectionState === "all" ? [] : rowIds);
-    }, [
-        selectionState,
-        rowIds,
-        setSelectedIds
-    ]);
-    const getRowProps = React.useCallback((rowId)=>{
-        const isRowSelected = isSelected(rowId);
-        return domUtils.elementProps({
-            role: "row",
-            "aria-selected": domUtils.ariaAttr(isRowSelected),
-            "data-selected": domUtils.dataAttr(isRowSelected)
-        });
-    }, [
-        isSelected
-    ]);
-    return {
-        selectable,
-        rowIds,
-        selectedIds,
-        selectionState,
-        isSelected,
-        toggleRow,
-        toggleAll,
-        getRowProps
-    };
-}
-
-exports.useDataTableSelection = useDataTableSelection;

package/dist/useDataTableSelection-12s-BIDtiRQq-12s-O6M_BhrH.js

@@ -1,71 +0,0 @@
-'use client';
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-import { d as useControllableState } from './useDataTableColumnCalc-12s-DTQQTtEJ-12s-DsEse3uq.js';
-import { elementProps, dataAttr, ariaAttr } from '@seed-design/dom-utils';
-import { useMemo, useCallback } from 'react';
-import { t as toggleMembership, c as computeSelectionState } from './useDataTableColumns-12s-Cn2ZAzFL-12s-CD6goR59.js';
-
-// Owns the selected-id set and its two shapes of toggle (one row, select-all) --
-// the way useSelectOptions owns the selected VALUE. `selectionState` and `toggleAll`
-// are always computed against `rowIds` (the currently rendered order), never against
-// `selectedIds` alone -- see dom.ts's `computeSelectionState` doc comment.
-function useDataTableSelection(props) {
-    const { rowIds = [], selectable = false, selectedIds: selectedIdsProp, defaultSelectedIds = [], onSelectionChange } = props;
-    const [selectedIds = [], setSelectedIds] = useControllableState({
-        prop: selectedIdsProp,
-        defaultProp: defaultSelectedIds,
-        onChange: onSelectionChange
-    });
-    const selectedIdSet = useMemo(()=>new Set(selectedIds), [
-        selectedIds
-    ]);
-    const isSelected = useCallback((id)=>selectedIdSet.has(id), [
-        selectedIdSet
-    ]);
-    const toggleRow = useCallback((id)=>{
-        setSelectedIds((current = [])=>toggleMembership(current, id));
-    }, [
-        setSelectedIds
-    ]);
-    const selectionState = useMemo(()=>computeSelectionState(rowIds, selectedIds), [
-        rowIds,
-        selectedIds
-    ]);
-    const toggleAll = useCallback(()=>{
-        setSelectedIds(selectionState === "all" ? [] : rowIds);
-    }, [
-        selectionState,
-        rowIds,
-        setSelectedIds
-    ]);
-    const getRowProps = useCallback((rowId)=>{
-        const isRowSelected = isSelected(rowId);
-        return elementProps({
-            role: "row",
-            "aria-selected": ariaAttr(isRowSelected),
-            "data-selected": dataAttr(isRowSelected)
-        });
-    }, [
-        isSelected
-    ]);
-    return {
-        selectable,
-        rowIds,
-        selectedIds,
-        selectionState,
-        isSelected,
-        toggleRow,
-        toggleAll,
-        getRowProps
-    };
-}
-
-export { useDataTableSelection as u };