@apple-pie/slice 0.1.42 → 0.1.44

package/dist/cjs/chunks/viewState-B08gdwcK.js

@@ -1,232 +0,0 @@
-"use strict";
-
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-V6GDR-Ld.js"), Icon = require("./Icon--hX3u4Xq.js"), styles = {
-    tableWrapper: "DataTable-module_tableWrapper__BzoJE",
-    table: "DataTable-module_table__oL4Dz",
-    baseCell: "DataTable-module_baseCell__DQl-z",
-    baseCellWrapper: "DataTable-module_baseCellWrapper__WMgNm",
-    headerCellWrapper: "DataTable-module_headerCellWrapper__ytVYY",
-    m: "DataTable-module_m__G9QOp type-module_body-m-regular__LuQBA",
-    scroll: "DataTable-module_scroll__grEU0 scrollBars-module_scrollbars__c-ZPl"
-};
-
-const resolveAlignValue = value => {
-    switch (value) {
-      case "start":
-        return "flex-start";
-
-      case "center":
-      default:
-        return "center";
-
-      case "end":
-        return "flex-end";
-    }
-};
-
-function DefaultHeaderRenderer(props) {
-    const {col: col, sortKey: sortKey} = props, sortable = !!col.sort, sorted = !(!(null == sortKey ? void 0 : sortKey.key) || sortKey.key !== col.sort), sortIcon = "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "arrow up" : "arrow down", justifyContent = sortable ? "space-between" : resolveAlignValue(col.justify);
-    return jsxRuntime.jsxs("div", {
-        style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: justifyContent,
-            width: "100%"
-        },
-        children: [ jsxRuntime.jsx("span", {
-            style: {
-                fontWeight: 540
-            },
-            children: col.title
-        }), sortable && jsxRuntime.jsx(Icon.Icon, {
-            name: sorted ? sortIcon : "blank",
-            size: 16
-        }) ]
-    });
-}
-
-exports.DataTable = function(props) {
-    const {backgroundColor: backgroundColor = "var(--core-surface-primary)", headerBackgroundColor: headerBackgroundColor = "var(--core-surface-secondary)", candyStripeBackgroundColor: candyStripeBackgroundColor = "var(--core-surface-primary-tint)", backgroundColorHoverRow: backgroundColorHoverRow = "var(--core-surface-primary-tint)", freezeColumn: freezeColumn = !1, headerSticky: headerSticky = !0, height: height = "auto", width: width = "100%", borderColor: borderColor = "var(--core-outline-primary)", borderStyle: borderStyle = "box", columnDefinitions: columnDefinitions = [], tableData: tableData = [], getRowId: getRowId, filter: filter, caption: caption = "Data Table", onDoubleClick: onDoubleClick, onClick: onClick, onMouseOut: onMouseOut, onMouseOver: onMouseOver, sort: sort, onSortChange: onSortChange} = props, [hScroll, setHScroll] = React.useState(!1), [vScroll, setVScroll] = React.useState(!1), [hoveredRow, setHoveredRow] = React.useState(null), [sortKey, setSortKey] = React.useState(sort), wrapperRef = React.useRef(null), cornerBoxShadow = React.useMemo(() => {
-        const shadows = [];
-        return hScroll && freezeColumn && shadows.push("1px 0 0 var(--core-outline-primary)", "5px 0 0 rgba(0,0,0,0.1)"), 
-        vScroll && headerSticky && shadows.push("0 1px 0 var(--core-outline-primary)"), 
-        vScroll && headerSticky && !hScroll && shadows.push("0 5px 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ hScroll, vScroll, freezeColumn, headerSticky ]), columnBoxShadow = React.useMemo(() => {
-        const shadows = [];
-        return hScroll && freezeColumn && shadows.push("1px 0 0 var(--core-outline-primary)", "5px 0 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ hScroll, freezeColumn ]), headerBoxShadow = React.useMemo(() => {
-        const shadows = [];
-        return vScroll && headerSticky && shadows.push("0 1px 0 var(--core-outline-primary)", "0 5px 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ vScroll, headerSticky ]), cssVars = React.useMemo(() => ({
-        "--table-width": misc.setStyle(width),
-        "--table-height": misc.setStyle(height),
-        "--table-background-color": backgroundColor,
-        "--table-column-box-shadow": columnBoxShadow,
-        "--table-header-box-shadow": headerBoxShadow,
-        "--table-corner-box-shadow": cornerBoxShadow,
-        "--table-header-background-color": headerBackgroundColor,
-        "--table-candy-stripe-background-color": candyStripeBackgroundColor,
-        "--table-freeze-column-position": freezeColumn ? "sticky" : "relative",
-        "--table-header-sticky-position": headerSticky ? "sticky" : "relative",
-        "--table-border-color": borderColor,
-        "--table-corner-position": freezeColumn || headerSticky ? "sticky" : "relative",
-        "--table-corner-left": freezeColumn ? "0px" : "unset",
-        "--table-border-width": "none" === borderStyle ? "0" : "1px",
-        "--table-border-sides": "box" === borderStyle ? "1px" : "0"
-    }), [ backgroundColor, headerBackgroundColor, candyStripeBackgroundColor, cornerBoxShadow, columnBoxShadow, headerBoxShadow, freezeColumn, headerSticky, width, height, borderColor, borderStyle ]), handleScroll = React.useCallback(() => {
-        var _a, _b, _c, _d;
-        const hScrollAmount = null !== (_b = null === (_a = wrapperRef.current) || void 0 === _a ? void 0 : _a.scrollLeft) && void 0 !== _b ? _b : 0, vScrollAmount = null !== (_d = null === (_c = wrapperRef.current) || void 0 === _c ? void 0 : _c.scrollTop) && void 0 !== _d ? _d : 0;
-        setHScroll(hScrollAmount > 0), setVScroll(vScrollAmount > 0);
-    }, []), rows = React.useMemo(() => [ ...filter ? tableData.filter((row, index, array) => filter(row, index, array)) : tableData ].sort((a, b) => {
-        if (!(null == sortKey ? void 0 : sortKey.key)) return 0;
-        const {key: key, dir: dir} = sortKey;
-        if (a[key] === b[key]) return 0;
-        return (a[key] > b[key] ? 1 : -1) * ("desc" === dir ? -1 : 1);
-    }), [ tableData, filter, sortKey ]), handleCellHover = React.useCallback((col, colId, row, rowId, over) => {
-        over ? (setHoveredRow(rowId), onMouseOver && onMouseOver(col, colId, row, rowId)) : (setHoveredRow(prev => prev === rowId ? null : prev), 
-        onMouseOut && onMouseOut(col, colId, row, rowId));
-    }, [ onMouseOut, onMouseOver ]), handleClick = React.useCallback((col, colId, row, rowId, dbl) => {
-        dbl && onDoubleClick ? onDoubleClick(col, colId, row, rowId) : onClick && onClick(col, colId, row, rowId);
-    }, [ onDoubleClick, onClick ]), resolveCellBG = React.useCallback(rowId => backgroundColorHoverRow && hoveredRow === rowId ? backgroundColorHoverRow : !!candyStripeBackgroundColor && rowId % 2 != 0 ? candyStripeBackgroundColor : backgroundColor, [ hoveredRow, backgroundColorHoverRow, candyStripeBackgroundColor, backgroundColor ]), handleSort = React.useCallback(key => {
-        if (!key) return;
-        const next = (null == sortKey ? void 0 : sortKey.key) === key ? {
-            key: key,
-            dir: "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "desc" : "asc"
-        } : {
-            key: key,
-            dir: "asc"
-        };
-        let didChange = !0;
-        (null == sortKey ? void 0 : sortKey.key) === (null == next ? void 0 : next.key) && (null == sortKey ? void 0 : sortKey.dir) === (null == next ? void 0 : next.dir) && (didChange = !1), 
-        didChange && (setSortKey(next), null == onSortChange || onSortChange(next));
-    }, [ sortKey, onSortChange ]), renderHeader = React.useCallback((col, sortKey) => col.renderHeader ? col.renderHeader({
-        column: col,
-        sortKey: sortKey
-    }) : jsxRuntime.jsx(DefaultHeaderRenderer, {
-        col: col,
-        sortKey: sortKey
-    }), []), resolveAriaSort = React.useCallback(column => {
-        const sortable = void 0 !== column.sort, isSortedColumn = sortable && (null == sortKey ? void 0 : sortKey.key) === column.sort;
-        if (sortable) return isSortedColumn ? "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "ascending" : "descending" : void 0;
-    }, [ sortKey ]);
-    return React.useEffect(() => {
-        setSortKey(prev => (null == prev ? void 0 : prev.key) === (null == sort ? void 0 : sort.key) && (null == prev ? void 0 : prev.dir) === (null == sort ? void 0 : sort.dir) ? prev : sort);
-    }, [ sort ]), jsxRuntime.jsx("div", {
-        ref: wrapperRef,
-        className: `${styles.tableWrapper} ${styles.scroll}`,
-        style: cssVars,
-        onScroll: handleScroll,
-        children: jsxRuntime.jsxs("table", {
-            className: styles.table,
-            children: [ jsxRuntime.jsx("caption", {
-                children: caption
-            }), jsxRuntime.jsx("thead", {
-                children: jsxRuntime.jsx("tr", {
-                    children: columnDefinitions.map(column => {
-                        const padding = misc.setStyle(column.padding, 16), sortable = void 0 !== column.sort, cursor = sortable ? "pointer" : "default";
-                        return jsxRuntime.jsx("th", {
-                            "data-column-id": column.id,
-                            className: `${styles.baseCell} ${styles.headerCell} ${styles.m}`,
-                            onClick: () => handleSort(column.sort),
-                            onKeyDown: e => misc.accessibleKeyDown(e, () => handleSort(column.sort)),
-                            style: {
-                                cursor: cursor
-                            },
-                            tabIndex: sortable ? 0 : void 0,
-                            role: sortable ? "columnheader" : void 0,
-                            "aria-sort": resolveAriaSort(column),
-                            children: jsxRuntime.jsx("div", {
-                                className: styles.headerCellWrapper,
-                                style: {
-                                    padding: padding
-                                },
-                                children: renderHeader(column, sortKey)
-                            })
-                        }, column.id);
-                    })
-                })
-            }), jsxRuntime.jsx("tbody", {
-                children: rows.map((row, rowIndex) => jsxRuntime.jsx("tr", {
-                    children: columnDefinitions.map((col, colIndex) => {
-                        var _a;
-                        const value = col.accessor(row), justifyContent = resolveAlignValue(col.justify), alignItems = resolveAlignValue(col.align), padding = misc.setStyle(col.padding, 16), whiteSpace = col.nowrap ? "nowrap" : "", background = resolveCellBG(rowIndex);
-                        return jsxRuntime.jsx("td", {
-                            "data-column-id": `${col.id}.${rowIndex}`,
-                            className: `${styles.baseCell} ${styles.m}`,
-                            onClick: () => handleClick(col, colIndex, row, rowIndex, !1),
-                            onDoubleClick: () => handleClick(col, colIndex, row, rowIndex, !0),
-                            onKeyDown: e => misc.accessibleKeyDown(e, () => handleClick(col, colIndex, row, rowIndex, !1)),
-                            onMouseOver: () => handleCellHover(col, colIndex, row, rowIndex, !0),
-                            onFocus: () => handleCellHover(col, colIndex, row, rowIndex, !0),
-                            onMouseOut: () => handleCellHover(col, colIndex, row, rowIndex, !1),
-                            onBlur: () => handleCellHover(col, colIndex, row, rowIndex, !1),
-                            style: {
-                                background: background
-                            },
-                            children: jsxRuntime.jsx("div", {
-                                className: styles.baseCellWrapper,
-                                style: {
-                                    justifyContent: justifyContent,
-                                    alignItems: alignItems,
-                                    padding: padding,
-                                    whiteSpace: whiteSpace
-                                },
-                                children: col.renderCell ? col.renderCell({
-                                    row: row,
-                                    value: value,
-                                    rowIndex: rowIndex
-                                }) : null !== (_a = null == value ? void 0 : value.toString()) && void 0 !== _a ? _a : ""
-                            })
-                        }, col.id);
-                    })
-                }, getRowId ? getRowId(row, rowIndex) : rowIndex))
-            }) ]
-        })
-    });
-}, exports.applyDataTableViewState = function(columns, state) {
-    var _a;
-    if (!state) return columns;
-    const byId = new Map(columns.map(column => [ column.id, column ])), hidden = new Set(null !== (_a = state.hiddenColumns) && void 0 !== _a ? _a : []), seen = new Set, ordered = [];
-    for (const id of state.columnOrder) {
-        if (seen.has(id) || hidden.has(id)) continue;
-        const column = byId.get(id);
-        column && (seen.add(id), ordered.push(column));
-    }
-    for (const column of columns) seen.has(column.id) || hidden.has(column.id) || (seen.add(column.id), 
-    ordered.push(column));
-    if (!state.columnWidths) return ordered;
-    const widths = state.columnWidths;
-    return ordered.map(column => column.id in widths ? Object.assign(Object.assign({}, column), {
-        width: widths[column.id]
-    }) : column);
-}, exports.captureSortToViewState = function(columns, sort) {
-    if (!(null == sort ? void 0 : sort.key)) return;
-    const column = columns.find(c => c.sort === sort.key);
-    return column ? {
-        columnId: column.id,
-        dir: sort.dir
-    } : void 0;
-}, exports.createColumnHelper = function() {
-    return {
-        accessor: (accessor, def) => Object.assign({
-            accessor: accessor
-        }, def)
-    };
-}, exports.createDefaultViewState = function(columns) {
-    return {
-        columnOrder: columns.map(column => column.id)
-    };
-}, exports.resolveSortFromViewState = function(columns, state) {
-    if (!(null == state ? void 0 : state.sort)) return;
-    const column = columns.find(c => {
-        var _a;
-        return c.id === (null === (_a = state.sort) || void 0 === _a ? void 0 : _a.columnId);
-    });
-    return (null == column ? void 0 : column.sort) ? {
-        key: column.sort,
-        dir: state.sort.dir
-    } : void 0;
-};

package/dist/esm/chunks/viewState-B7gxzYQl.mjs

@@ -1,250 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import React, { useState, useMemo, useCallback, useEffect } from "react";
-
-import { s as setStyle, a as accessibleKeyDown } from "./misc-DBWrv8Kl.mjs";
-
-import { I as Icon } from "./Icon-CpLHegV5.mjs";
-
-var styles = {
-    tableWrapper: "DataTable-module_tableWrapper__BzoJE",
-    table: "DataTable-module_table__oL4Dz",
-    baseCell: "DataTable-module_baseCell__DQl-z",
-    baseCellWrapper: "DataTable-module_baseCellWrapper__WMgNm",
-    headerCellWrapper: "DataTable-module_headerCellWrapper__ytVYY",
-    m: "DataTable-module_m__G9QOp type-module_body-m-regular__LuQBA",
-    scroll: "DataTable-module_scroll__grEU0 scrollBars-module_scrollbars__c-ZPl"
-};
-
-function createColumnHelper() {
-    return {
-        accessor: (accessor, def) => Object.assign({
-            accessor: accessor
-        }, def)
-    };
-}
-
-const resolveAlignValue = value => {
-    switch (value) {
-      case "start":
-        return "flex-start";
-
-      case "center":
-      default:
-        return "center";
-
-      case "end":
-        return "flex-end";
-    }
-};
-
-function DataTable(props) {
-    const {backgroundColor: backgroundColor = "var(--core-surface-primary)", headerBackgroundColor: headerBackgroundColor = "var(--core-surface-secondary)", candyStripeBackgroundColor: candyStripeBackgroundColor = "var(--core-surface-primary-tint)", backgroundColorHoverRow: backgroundColorHoverRow = "var(--core-surface-primary-tint)", freezeColumn: freezeColumn = !1, headerSticky: headerSticky = !0, height: height = "auto", width: width = "100%", borderColor: borderColor = "var(--core-outline-primary)", borderStyle: borderStyle = "box", columnDefinitions: columnDefinitions = [], tableData: tableData = [], getRowId: getRowId, filter: filter, caption: caption = "Data Table", onDoubleClick: onDoubleClick, onClick: onClick, onMouseOut: onMouseOut, onMouseOver: onMouseOver, sort: sort, onSortChange: onSortChange} = props, [hScroll, setHScroll] = useState(!1), [vScroll, setVScroll] = useState(!1), [hoveredRow, setHoveredRow] = useState(null), [sortKey, setSortKey] = useState(sort), wrapperRef = React.useRef(null), cornerBoxShadow = useMemo(() => {
-        const shadows = [];
-        return hScroll && freezeColumn && shadows.push("1px 0 0 var(--core-outline-primary)", "5px 0 0 rgba(0,0,0,0.1)"), 
-        vScroll && headerSticky && shadows.push("0 1px 0 var(--core-outline-primary)"), 
-        vScroll && headerSticky && !hScroll && shadows.push("0 5px 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ hScroll, vScroll, freezeColumn, headerSticky ]), columnBoxShadow = useMemo(() => {
-        const shadows = [];
-        return hScroll && freezeColumn && shadows.push("1px 0 0 var(--core-outline-primary)", "5px 0 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ hScroll, freezeColumn ]), headerBoxShadow = useMemo(() => {
-        const shadows = [];
-        return vScroll && headerSticky && shadows.push("0 1px 0 var(--core-outline-primary)", "0 5px 0 rgba(0,0,0,0.1)"), 
-        shadows.length > 0 ? shadows.join(",") : "none";
-    }, [ vScroll, headerSticky ]), cssVars = useMemo(() => ({
-        "--table-width": setStyle(width),
-        "--table-height": setStyle(height),
-        "--table-background-color": backgroundColor,
-        "--table-column-box-shadow": columnBoxShadow,
-        "--table-header-box-shadow": headerBoxShadow,
-        "--table-corner-box-shadow": cornerBoxShadow,
-        "--table-header-background-color": headerBackgroundColor,
-        "--table-candy-stripe-background-color": candyStripeBackgroundColor,
-        "--table-freeze-column-position": freezeColumn ? "sticky" : "relative",
-        "--table-header-sticky-position": headerSticky ? "sticky" : "relative",
-        "--table-border-color": borderColor,
-        "--table-corner-position": freezeColumn || headerSticky ? "sticky" : "relative",
-        "--table-corner-left": freezeColumn ? "0px" : "unset",
-        "--table-border-width": "none" === borderStyle ? "0" : "1px",
-        "--table-border-sides": "box" === borderStyle ? "1px" : "0"
-    }), [ backgroundColor, headerBackgroundColor, candyStripeBackgroundColor, cornerBoxShadow, columnBoxShadow, headerBoxShadow, freezeColumn, headerSticky, width, height, borderColor, borderStyle ]), handleScroll = useCallback(() => {
-        var _a, _b, _c, _d;
-        const hScrollAmount = null !== (_b = null === (_a = wrapperRef.current) || void 0 === _a ? void 0 : _a.scrollLeft) && void 0 !== _b ? _b : 0, vScrollAmount = null !== (_d = null === (_c = wrapperRef.current) || void 0 === _c ? void 0 : _c.scrollTop) && void 0 !== _d ? _d : 0;
-        setHScroll(hScrollAmount > 0), setVScroll(vScrollAmount > 0);
-    }, []), rows = useMemo(() => [ ...filter ? tableData.filter((row, index, array) => filter(row, index, array)) : tableData ].sort((a, b) => {
-        if (!(null == sortKey ? void 0 : sortKey.key)) return 0;
-        const {key: key, dir: dir} = sortKey;
-        if (a[key] === b[key]) return 0;
-        return (a[key] > b[key] ? 1 : -1) * ("desc" === dir ? -1 : 1);
-    }), [ tableData, filter, sortKey ]), handleCellHover = useCallback((col, colId, row, rowId, over) => {
-        over ? (setHoveredRow(rowId), onMouseOver && onMouseOver(col, colId, row, rowId)) : (setHoveredRow(prev => prev === rowId ? null : prev), 
-        onMouseOut && onMouseOut(col, colId, row, rowId));
-    }, [ onMouseOut, onMouseOver ]), handleClick = useCallback((col, colId, row, rowId, dbl) => {
-        dbl && onDoubleClick ? onDoubleClick(col, colId, row, rowId) : onClick && onClick(col, colId, row, rowId);
-    }, [ onDoubleClick, onClick ]), resolveCellBG = useCallback(rowId => backgroundColorHoverRow && hoveredRow === rowId ? backgroundColorHoverRow : !!candyStripeBackgroundColor && rowId % 2 != 0 ? candyStripeBackgroundColor : backgroundColor, [ hoveredRow, backgroundColorHoverRow, candyStripeBackgroundColor, backgroundColor ]), handleSort = useCallback(key => {
-        if (!key) return;
-        const next = (null == sortKey ? void 0 : sortKey.key) === key ? {
-            key: key,
-            dir: "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "desc" : "asc"
-        } : {
-            key: key,
-            dir: "asc"
-        };
-        let didChange = !0;
-        (null == sortKey ? void 0 : sortKey.key) === (null == next ? void 0 : next.key) && (null == sortKey ? void 0 : sortKey.dir) === (null == next ? void 0 : next.dir) && (didChange = !1), 
-        didChange && (setSortKey(next), null == onSortChange || onSortChange(next));
-    }, [ sortKey, onSortChange ]), renderHeader = useCallback((col, sortKey) => col.renderHeader ? col.renderHeader({
-        column: col,
-        sortKey: sortKey
-    }) : jsx(DefaultHeaderRenderer, {
-        col: col,
-        sortKey: sortKey
-    }), []), resolveAriaSort = useCallback(column => {
-        const sortable = void 0 !== column.sort, isSortedColumn = sortable && (null == sortKey ? void 0 : sortKey.key) === column.sort;
-        if (sortable) return isSortedColumn ? "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "ascending" : "descending" : void 0;
-    }, [ sortKey ]);
-    return useEffect(() => {
-        setSortKey(prev => (null == prev ? void 0 : prev.key) === (null == sort ? void 0 : sort.key) && (null == prev ? void 0 : prev.dir) === (null == sort ? void 0 : sort.dir) ? prev : sort);
-    }, [ sort ]), jsx("div", {
-        ref: wrapperRef,
-        className: `${styles.tableWrapper} ${styles.scroll}`,
-        style: cssVars,
-        onScroll: handleScroll,
-        children: jsxs("table", {
-            className: styles.table,
-            children: [ jsx("caption", {
-                children: caption
-            }), jsx("thead", {
-                children: jsx("tr", {
-                    children: columnDefinitions.map(column => {
-                        const padding = setStyle(column.padding, 16), sortable = void 0 !== column.sort, cursor = sortable ? "pointer" : "default";
-                        return jsx("th", {
-                            "data-column-id": column.id,
-                            className: `${styles.baseCell} ${styles.headerCell} ${styles.m}`,
-                            onClick: () => handleSort(column.sort),
-                            onKeyDown: e => accessibleKeyDown(e, () => handleSort(column.sort)),
-                            style: {
-                                cursor: cursor
-                            },
-                            tabIndex: sortable ? 0 : void 0,
-                            role: sortable ? "columnheader" : void 0,
-                            "aria-sort": resolveAriaSort(column),
-                            children: jsx("div", {
-                                className: styles.headerCellWrapper,
-                                style: {
-                                    padding: padding
-                                },
-                                children: renderHeader(column, sortKey)
-                            })
-                        }, column.id);
-                    })
-                })
-            }), jsx("tbody", {
-                children: rows.map((row, rowIndex) => jsx("tr", {
-                    children: columnDefinitions.map((col, colIndex) => {
-                        var _a;
-                        const value = col.accessor(row), justifyContent = resolveAlignValue(col.justify), alignItems = resolveAlignValue(col.align), padding = setStyle(col.padding, 16), whiteSpace = col.nowrap ? "nowrap" : "", background = resolveCellBG(rowIndex);
-                        return jsx("td", {
-                            "data-column-id": `${col.id}.${rowIndex}`,
-                            className: `${styles.baseCell} ${styles.m}`,
-                            onClick: () => handleClick(col, colIndex, row, rowIndex, !1),
-                            onDoubleClick: () => handleClick(col, colIndex, row, rowIndex, !0),
-                            onKeyDown: e => accessibleKeyDown(e, () => handleClick(col, colIndex, row, rowIndex, !1)),
-                            onMouseOver: () => handleCellHover(col, colIndex, row, rowIndex, !0),
-                            onFocus: () => handleCellHover(col, colIndex, row, rowIndex, !0),
-                            onMouseOut: () => handleCellHover(col, colIndex, row, rowIndex, !1),
-                            onBlur: () => handleCellHover(col, colIndex, row, rowIndex, !1),
-                            style: {
-                                background: background
-                            },
-                            children: jsx("div", {
-                                className: styles.baseCellWrapper,
-                                style: {
-                                    justifyContent: justifyContent,
-                                    alignItems: alignItems,
-                                    padding: padding,
-                                    whiteSpace: whiteSpace
-                                },
-                                children: col.renderCell ? col.renderCell({
-                                    row: row,
-                                    value: value,
-                                    rowIndex: rowIndex
-                                }) : null !== (_a = null == value ? void 0 : value.toString()) && void 0 !== _a ? _a : ""
-                            })
-                        }, col.id);
-                    })
-                }, getRowId ? getRowId(row, rowIndex) : rowIndex))
-            }) ]
-        })
-    });
-}
-
-function DefaultHeaderRenderer(props) {
-    const {col: col, sortKey: sortKey} = props, sortable = !!col.sort, sorted = !(!(null == sortKey ? void 0 : sortKey.key) || sortKey.key !== col.sort), sortIcon = "asc" === (null == sortKey ? void 0 : sortKey.dir) ? "arrow up" : "arrow down", justifyContent = sortable ? "space-between" : resolveAlignValue(col.justify);
-    return jsxs("div", {
-        style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: justifyContent,
-            width: "100%"
-        },
-        children: [ jsx("span", {
-            style: {
-                fontWeight: 540
-            },
-            children: col.title
-        }), sortable && jsx(Icon, {
-            name: sorted ? sortIcon : "blank",
-            size: 16
-        }) ]
-    });
-}
-
-function createDefaultViewState(columns) {
-    return {
-        columnOrder: columns.map(column => column.id)
-    };
-}
-
-function applyDataTableViewState(columns, state) {
-    var _a;
-    if (!state) return columns;
-    const byId = new Map(columns.map(column => [ column.id, column ])), hidden = new Set(null !== (_a = state.hiddenColumns) && void 0 !== _a ? _a : []), seen = new Set, ordered = [];
-    for (const id of state.columnOrder) {
-        if (seen.has(id) || hidden.has(id)) continue;
-        const column = byId.get(id);
-        column && (seen.add(id), ordered.push(column));
-    }
-    for (const column of columns) seen.has(column.id) || hidden.has(column.id) || (seen.add(column.id), 
-    ordered.push(column));
-    if (!state.columnWidths) return ordered;
-    const widths = state.columnWidths;
-    return ordered.map(column => column.id in widths ? Object.assign(Object.assign({}, column), {
-        width: widths[column.id]
-    }) : column);
-}
-
-function resolveSortFromViewState(columns, state) {
-    if (!(null == state ? void 0 : state.sort)) return;
-    const column = columns.find(c => {
-        var _a;
-        return c.id === (null === (_a = state.sort) || void 0 === _a ? void 0 : _a.columnId);
-    });
-    return (null == column ? void 0 : column.sort) ? {
-        key: column.sort,
-        dir: state.sort.dir
-    } : void 0;
-}
-
-function captureSortToViewState(columns, sort) {
-    if (!(null == sort ? void 0 : sort.key)) return;
-    const column = columns.find(c => c.sort === sort.key);
-    return column ? {
-        columnId: column.id,
-        dir: sort.dir
-    } : void 0;
-}
-
-export { DataTable as D, applyDataTableViewState as a, createColumnHelper as b, captureSortToViewState as c, createDefaultViewState as d, resolveSortFromViewState as r };