@crispy-seed/data-table 0.1.0 → 0.1.2

package/dist/useDataTableSort-12s-DvJYtmeS-12s-C5VGnsq4.cjs

@@ -1,78 +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');
-
-// Owns the single active sort column/direction and the click/keyboard toggle that
-// cycles it -- the way useSelectHighlight owns the single active index. A header
-// cell's full prop set (aria-sort, data-sortable/data-sorted, the click and
-// Enter/Space handlers) is built here too, beside the state it reads, rather than
-// re-derived in the styled layer or the root primitive.
-function useDataTableSort(props) {
-    const { sort: sortProp, defaultSort, onSortChange } = props;
-    const [sort, setSort] = useDataTableColumnCalc12sDTQQTtEJ12s.useControllableState({
-        prop: sortProp,
-        defaultProp: defaultSort,
-        onChange: (nextSort)=>{
-            // `toggleSort` never sets `sort` back to `undefined`, but the underlying state is
-            // typed as possibly-undefined so an uncontrolled table can start with no sort at all.
-            if (nextSort) onSortChange?.(nextSort);
-        }
-    });
-    const toggleSort = React.useCallback((key)=>{
-        setSort((current)=>{
-            if (!current || current.key !== key) return {
-                key,
-                dir: "asc"
-            };
-            return {
-                key,
-                dir: current.dir === "asc" ? "desc" : "asc"
-            };
-        });
-    }, [
-        setSort
-    ]);
-    const getHeaderCellProps = React.useCallback((columnKey, sortable)=>{
-        const isSorted = Boolean(columnKey) && sort?.key === columnKey;
-        const canSort = Boolean(sortable && columnKey);
-        return domUtils.elementProps({
-            role: "columnheader",
-            "aria-sort": canSort ? isSorted ? sort?.dir === "asc" ? "ascending" : "descending" : "none" : undefined,
-            tabIndex: canSort ? 0 : undefined,
-            "data-sortable": domUtils.dataAttr(canSort),
-            "data-sorted": domUtils.dataAttr(isSorted),
-            "data-sort-direction": isSorted ? sort?.dir : undefined,
-            onClick (event) {
-                if (event.defaultPrevented || !canSort || !columnKey) return;
-                toggleSort(columnKey);
-            },
-            onKeyDown (event) {
-                if (event.defaultPrevented || !canSort || !columnKey) return;
-                if (event.key === "Enter" || event.key === " ") {
-                    event.preventDefault();
-                    toggleSort(columnKey);
-                }
-            }
-        });
-    }, [
-        sort,
-        toggleSort
-    ]);
-    return {
-        sort,
-        toggleSort,
-        getHeaderCellProps
-    };
-}
-
-exports.useDataTableSort = useDataTableSort;

package/dist/useDataTableSort-12s-DvJYtmeS-12s-DABSNt6U.js

@@ -1,78 +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 } from '@seed-design/dom-utils';
-import { useCallback } from 'react';
-
-// Owns the single active sort column/direction and the click/keyboard toggle that
-// cycles it -- the way useSelectHighlight owns the single active index. A header
-// cell's full prop set (aria-sort, data-sortable/data-sorted, the click and
-// Enter/Space handlers) is built here too, beside the state it reads, rather than
-// re-derived in the styled layer or the root primitive.
-function useDataTableSort(props) {
-    const { sort: sortProp, defaultSort, onSortChange } = props;
-    const [sort, setSort] = useControllableState({
-        prop: sortProp,
-        defaultProp: defaultSort,
-        onChange: (nextSort)=>{
-            // `toggleSort` never sets `sort` back to `undefined`, but the underlying state is
-            // typed as possibly-undefined so an uncontrolled table can start with no sort at all.
-            if (nextSort) onSortChange?.(nextSort);
-        }
-    });
-    const toggleSort = useCallback((key)=>{
-        setSort((current)=>{
-            if (!current || current.key !== key) return {
-                key,
-                dir: "asc"
-            };
-            return {
-                key,
-                dir: current.dir === "asc" ? "desc" : "asc"
-            };
-        });
-    }, [
-        setSort
-    ]);
-    const getHeaderCellProps = useCallback((columnKey, sortable)=>{
-        const isSorted = Boolean(columnKey) && sort?.key === columnKey;
-        const canSort = Boolean(sortable && columnKey);
-        return elementProps({
-            role: "columnheader",
-            "aria-sort": canSort ? isSorted ? sort?.dir === "asc" ? "ascending" : "descending" : "none" : undefined,
-            tabIndex: canSort ? 0 : undefined,
-            "data-sortable": dataAttr(canSort),
-            "data-sorted": dataAttr(isSorted),
-            "data-sort-direction": isSorted ? sort?.dir : undefined,
-            onClick (event) {
-                if (event.defaultPrevented || !canSort || !columnKey) return;
-                toggleSort(columnKey);
-            },
-            onKeyDown (event) {
-                if (event.defaultPrevented || !canSort || !columnKey) return;
-                if (event.key === "Enter" || event.key === " ") {
-                    event.preventDefault();
-                    toggleSort(columnKey);
-                }
-            }
-        });
-    }, [
-        sort,
-        toggleSort
-    ]);
-    return {
-        sort,
-        toggleSort,
-        getHeaderCellProps
-    };
-}
-
-export { useDataTableSort as u };