@neovici/cosmoz-omnitable 14.21.3 → 14.22.1

package/dist/lib/settings/use-saved-settings.js

@@ -1,11 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pion_1 = require("@pionjs/pion");
-const normalize_1 = require("./normalize");
-const drivers_1 = require("./drivers");
-exports.default = (settingsId, settings, setSettings, onReset) => {
-    const [savedSettings, setSavedSettings] = (0, pion_1.useState)(), { read, write } = (0, drivers_1.useDriver)();
-    (0, pion_1.useEffect)(async () => {
+import { useCallback, useEffect, useState } from '@pionjs/pion';
+import { normalizeStore } from './normalize';
+import { useDriver } from './drivers';
+export default (settingsId, settings, setSettings, onReset) => {
+    const [savedSettings, setSavedSettings] = useState(), { read, write } = useDriver();
+    useEffect(async () => {
         if (!settingsId) {
             return;
         }
@@ -14,16 +12,16 @@ exports.default = (settingsId, settings, setSettings, onReset) => {
     return {
         settingsId,
         savedSettings,
-        onSave: (0, pion_1.useCallback)(async () => {
+        onSave: useCallback(async () => {
             if (!settingsId) {
                 return;
             }
-            const newSettings = (0, normalize_1.normalizeStore)(settings, savedSettings);
+            const newSettings = normalizeStore(settings, savedSettings);
             await write(settingsId, newSettings);
             setSettings();
             setSavedSettings(newSettings);
         }, [settings, savedSettings]),
-        onReset: (0, pion_1.useCallback)(async (e) => {
+        onReset: useCallback(async (e) => {
             setSettings();
             if (e.shiftKey) {
                 await write(settingsId);

package/dist/lib/settings/use-settings-ui.js

@@ -1,26 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const pion_1 = require("@pionjs/pion");
-const use_meta_1 = require("@neovici/cosmoz-utils/hooks/use-meta");
+import { useCallback } from '@pionjs/pion';
+import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
 const parseIndex = (str) => {
     const idx = parseInt(str, 10);
     return isFinite(idx) ? idx : undefined;
 };
-exports.default = (host) => {
-    const { config } = host, { settings, setSettings, collapsed } = config, meta = (0, use_meta_1.useMeta)({
+export default (host) => {
+    const { config } = host, { settings, setSettings, collapsed } = config, meta = useMeta({
         collapsed,
         settings: settings.columns,
-        setSettings: (0, pion_1.useCallback)((columns) => setSettings((cfg) => ({ ...cfg, columns })), [setSettings]),
+        setSettings: useCallback((columns) => setSettings((cfg) => ({ ...cfg, columns })), [setSettings]),
     });
     return {
         ...config,
-        onDown: (0, pion_1.useCallback)((e) => {
+        onDown: useCallback((e) => {
             if (!e.target.closest('.pull')) {
                 return;
             }
             meta.handle = e.currentTarget;
         }, [meta]),
-        onDragStart: (0, pion_1.useCallback)((e) => {
+        onDragStart: useCallback((e) => {
             const { target } = e, index = parseIndex(target.dataset.index);
             if (!meta.handle?.contains(target) || index == null) {
                 return e.preventDefault();
@@ -32,7 +30,7 @@ exports.default = (host) => {
             setTimeout(() => target.classList.add('drag'), 0);
             target.addEventListener('dragend', (e) => e.target.classList.remove('drag'), { once: true });
         }, [meta]),
-        onDragEnter: (0, pion_1.useCallback)((e) => {
+        onDragEnter: useCallback((e) => {
             const ctg = e.currentTarget;
             if (ctg !== e.target) {
                 return;
@@ -41,18 +39,18 @@ exports.default = (host) => {
             e.dataTransfer.dropEffect = 'move';
             ctg.classList.add('dragover');
         }, []),
-        onDragOver: (0, pion_1.useCallback)((e) => {
+        onDragOver: useCallback((e) => {
             e.preventDefault();
             e.currentTarget.classList.add('dragover');
         }, []),
-        onDragLeave: (0, pion_1.useCallback)((e) => {
+        onDragLeave: useCallback((e) => {
             const ctg = e.currentTarget;
             if (ctg.contains(e.relatedTarget)) {
                 return;
             }
             ctg.classList.remove('dragover');
         }, []),
-        onDrop: (0, pion_1.useCallback)((e) => {
+        onDrop: useCallback((e) => {
             const from = parseIndex(e.dataTransfer.getData('omnitable/sort-index')), to = parseIndex(e.currentTarget.dataset.index), { settings, setSettings } = meta;
             e.currentTarget.classList.remove('dragover');
             e.preventDefault();
@@ -60,7 +58,7 @@ exports.default = (host) => {
             newSettings.splice(to + (from >= to ? 0 : -1), 0, newSettings.splice(from, 1)[0]);
             setSettings(newSettings);
         }, [meta]),
-        onToggle: (0, pion_1.useCallback)((e) => {
+        onToggle: useCallback((e) => {
             const { settings, setSettings } = meta, newSettings = settings.map((column) => ({
                 ...column,
                 disabled: column.disabled ||

package/dist/lib/settings/use-settings.d.ts

@@ -2,15 +2,21 @@ declare function _default({ settingsId, host }: {
     settingsId: any;
     host: any;
 }): {
-    opened: any;
-    setOpened: any;
+    opened: {
+        columns: boolean;
+        sort: boolean;
+    };
+    setOpened: import("@pionjs/pion").StateUpdater<{
+        columns: boolean;
+        sort: boolean;
+    }>;
     settings: any;
     columns: any;
-    setSettings: any;
-    resetRef: any;
+    setSettings: import("@pionjs/pion").StateUpdater<any>;
+    resetRef: import("@pionjs/pion").Ref<any>;
     settingsId: any;
-    onSave: any;
-    onReset: any;
+    onSave: () => Promise<void>;
+    onReset: (e: any) => Promise<void>;
     hasChanges: boolean;
 };
 export default _default;

package/dist/lib/settings/use-settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-settings.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/use-settings.js"],"names":[],"mappings":"AAMe;;;;;;;;;;;;;;EA8Cd"}
+{"version":3,"file":"use-settings.d.ts","sourceRoot":"","sources":["../../../src/lib/settings/use-settings.js"],"names":[],"mappings":"AAMe;;;;;;;;;;;;;;;;;;;;EA8Cd"}

package/dist/lib/settings/use-settings.js

@@ -1,54 +1,16 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const pion_1 = require("@pionjs/pion");
-const use_saved_settings_1 = __importDefault(require("./use-saved-settings"));
-const normalize_1 = __importStar(require("./normalize"));
-const use_dom_columns_1 = require("../use-dom-columns");
-exports.default = ({ settingsId, host }) => {
-    const initial = (0, pion_1.useMemo)(() => Object.fromEntries(normalize_1.sgProps.map((k) => [k, host[k]])), []), resetRef = (0, pion_1.useRef)(), onReset = (0, pion_1.useCallback)(() => {
+import { useMemo, useState, useRef, useCallback } from '@pionjs/pion';
+import useSavedSettings from './use-saved-settings';
+import normalize, { sgProps } from './normalize';
+import { useDOMColumns } from '../use-dom-columns';
+export default ({ settingsId, host }) => {
+    const initial = useMemo(() => Object.fromEntries(sgProps.map((k) => [k, host[k]])), []), resetRef = useRef(), onReset = useCallback(() => {
         resetRef.current?.(initial);
-    }, [initial]), [settings, setSettings] = (0, pion_1.useState)(), [opened, setOpened] = (0, pion_1.useState)({ columns: true, sort: true }), { savedSettings, ...rest } = (0, use_saved_settings_1.default)(settingsId, settings, setSettings, onReset), { enabledColumns } = host, columns = (0, use_dom_columns_1.useDOMColumns)(host, { enabledColumns }), normalizedSettings = (0, pion_1.useMemo)(() => (0, normalize_1.default)({
+    }, [initial]), [settings, setSettings] = useState(), [opened, setOpened] = useState({ columns: true, sort: true }), { savedSettings, ...rest } = useSavedSettings(settingsId, settings, setSettings, onReset), { enabledColumns } = host, columns = useDOMColumns(host, { enabledColumns }), normalizedSettings = useMemo(() => normalize({
         columns,
         settings,
         savedSettings,
         initial,
-    }), [columns, settings, savedSettings]), normalizedColumns = (0, pion_1.useMemo)(() => normalizedSettings.columns
+    }), [columns, settings, savedSettings]), normalizedColumns = useMemo(() => normalizedSettings.columns
         .map((s) => columns.find((c) => c.name === s.name))
         .filter(Boolean), [columns, ...normalizedSettings.columns.map((s) => s.name)]);
     return {

package/dist/lib/types.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=types.js.map

package/dist/lib/use-canvas-width.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCanvasWidth = void 0;
-const pion_1 = require("@pionjs/pion");
-const use_track_size_1 = require("./use-track-size");
-const useCanvasWidth = (host) => {
-    const [canvasWidth, setCanvasWidth] = (0, pion_1.useState)(() => host.getBoundingClientRect().width);
-    (0, use_track_size_1.useTrackSize)(host, setCanvasWidth);
+import { useState } from '@pionjs/pion';
+import { useTrackSize } from './use-track-size';
+export const useCanvasWidth = (host) => {
+    const [canvasWidth, setCanvasWidth] = useState(() => host.getBoundingClientRect().width);
+    useTrackSize(host, setCanvasWidth);
     return canvasWidth;
 };
-exports.useCanvasWidth = useCanvasWidth;
 //# sourceMappingURL=use-canvas-width.js.map

package/dist/lib/use-dom-columns.d.ts

@@ -1,5 +1,5 @@
 export function useDOMColumns(host: any, { enabledColumns }: {
     enabledColumns: any;
-}): any;
+}): never[];
 export const columnSymbol: unique symbol;
 //# sourceMappingURL=use-dom-columns.d.ts.map

package/dist/lib/use-dom-columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-dom-columns.d.ts","sourceRoot":"","sources":["../../src/lib/use-dom-columns.js"],"names":[],"mappings":"AAwIO;;QA2BN;AAhKD,yCAAsC"}
+{"version":3,"file":"use-dom-columns.d.ts","sourceRoot":"","sources":["../../src/lib/use-dom-columns.js"],"names":[],"mappings":"AAwIO;;YA2BN;AAhKD,yCAAsC"}

package/dist/lib/use-dom-columns.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.columnSymbol = exports.useDOMColumns = void 0;
-const pion_1 = require("@pionjs/pion");
-const memoize_1 = require("@neovici/cosmoz-utils/memoize");
+import { useLayoutEffect, useState } from '@pionjs/pion';
+import { memooize } from '@neovici/cosmoz-utils/memoize';
 const columnSymbol = Symbol('column');
-exports.columnSymbol = columnSymbol;
 const verifyColumnSetup = (columns) => {
     let ok = true;
     const columnNames = columns.map((c) => c.name);
@@ -54,7 +50,7 @@ const normalizeColumn = (column) => {
         cellClass: column.cellClass,
         editable: column.editable,
         values: column.values,
-        source: (0, memoize_1.memooize)(column.computeSource),
+        source: memooize(column.computeSource),
         noLocalFilter: column.noLocalFilter,
         mini: column.mini,
         renderMini: column.renderMini,
@@ -104,9 +100,9 @@ const normalizeColumns = (domColumns, enabledColumns) => {
         : domColumns.filter((column) => !column.disabled);
     return columns.map(normalizeColumn);
 };
-const useDOMColumns = (host, { enabledColumns }) => {
-    const [columns, setColumns] = (0, pion_1.useState)([]);
-    (0, pion_1.useLayoutEffect)(() => {
+export const useDOMColumns = (host, { enabledColumns }) => {
+    const [columns, setColumns] = useState([]);
+    useLayoutEffect(() => {
         let sched;
         const slot = host.shadowRoot.querySelector('#columnsSlot');
         const update = () => {
@@ -127,5 +123,5 @@ const useDOMColumns = (host, { enabledColumns }) => {
     }, [enabledColumns]);
     return columns;
 };
-exports.useDOMColumns = useDOMColumns;
+export { columnSymbol };
 //# sourceMappingURL=use-dom-columns.js.map

package/dist/lib/use-fast-layout.d.ts

@@ -6,7 +6,7 @@ export function useFastLayout({ host, columns, settings, setSettings, resizeSpee
     resizeSpeedFactor: any;
     sortAndGroupOptions: any;
 }): {
-    isMini: any;
+    isMini: boolean;
     collapsedColumns: any;
     miniColumns: any;
 };

package/dist/lib/use-fast-layout.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFastLayout = void 0;
-const pion_1 = require("@pionjs/pion");
-const compute_layout_1 = require("./compute-layout");
-const use_resizable_columns_1 = require("./use-resizable-columns");
-const use_canvas_width_1 = require("./use-canvas-width");
-const use_tween_array_1 = require("./use-tween-array");
-const use_layout_1 = require("./use-layout");
-const use_mini_1 = require("./use-mini");
-const use_meta_1 = require("@neovici/cosmoz-utils/hooks/use-meta");
+import { useEffect, useMemo } from '@pionjs/pion';
+import { toCss } from './compute-layout';
+import { useResizableColumns } from './use-resizable-columns';
+import { useCanvasWidth } from './use-canvas-width';
+import { useTweenArray } from './use-tween-array';
+import { useLayout } from './use-layout';
+import { useMini } from './use-mini';
+import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
 const useAdoptedStyleSheet = (host) => {
-    const styleSheet = (0, pion_1.useMemo)(() => new CSSStyleSheet(), []);
-    (0, pion_1.useEffect)(() => {
+    const styleSheet = useMemo(() => new CSSStyleSheet(), []);
+    useEffect(() => {
         host.shadowRoot.adoptedStyleSheets = [
             ...host.shadowRoot.adoptedStyleSheets,
             styleSheet,
@@ -19,27 +16,27 @@ const useAdoptedStyleSheet = (host) => {
     }, []);
     return styleSheet;
 };
-const useFastLayout = ({ host, columns, settings, setSettings, resizeSpeedFactor, sortAndGroupOptions, }) => {
-    const canvasWidth = (0, use_canvas_width_1.useCanvasWidth)(host), { isMini, miniColumn, miniColumns } = (0, use_mini_1.useMini)({
+export const useFastLayout = ({ host, columns, settings, setSettings, resizeSpeedFactor, sortAndGroupOptions, }) => {
+    const canvasWidth = useCanvasWidth(host), { isMini, miniColumn, miniColumns } = useMini({
         host,
         canvasWidth,
         columns,
-    }), { groupOnColumn } = sortAndGroupOptions, layout = (0, use_layout_1.useLayout)({
+    }), { groupOnColumn } = sortAndGroupOptions, layout = useLayout({
         canvasWidth,
         groupOnColumn,
         miniColumn,
         config: settings.columns,
-    }), styleSheet = useAdoptedStyleSheet(host), collapsedColumns = (0, pion_1.useMemo)(() => settings.columns.reduce((acc, column, index) => layout[index] != null ||
+    }), styleSheet = useAdoptedStyleSheet(host), collapsedColumns = useMemo(() => settings.columns.reduce((acc, column, index) => layout[index] != null ||
         column.name === groupOnColumn?.name ||
         column.disabled
         ? acc
         : [...acc, columns.find((c) => c.name === column.name)], []), [columns, settings, layout]);
-    const meta = (0, use_meta_1.useMeta)({ columns: settings.columns });
-    (0, use_tween_array_1.useTweenArray)(layout, resizeSpeedFactor, (tweenedlayout) => {
-        const layoutCss = (0, compute_layout_1.toCss)(tweenedlayout, meta.columns);
+    const meta = useMeta({ columns: settings.columns });
+    useTweenArray(layout, resizeSpeedFactor, (tweenedlayout) => {
+        const layoutCss = toCss(tweenedlayout, meta.columns);
         styleSheet.replace(layoutCss);
     });
-    (0, use_resizable_columns_1.useResizableColumns)({
+    useResizableColumns({
         host,
         canvasWidth,
         layout,
@@ -47,5 +44,4 @@ const useFastLayout = ({ host, columns, settings, setSettings, resizeSpeedFactor
     });
     return { isMini, collapsedColumns, miniColumns };
 };
-exports.useFastLayout = useFastLayout;
 //# sourceMappingURL=use-fast-layout.js.map

package/dist/lib/use-footer.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFooter = void 0;
-const useFooter = ({ host, ...rest }) => {
+export const useFooter = ({ host, ...rest }) => {
     const { csvFilename = 'omnitable.csv', xlsxFilename = 'omnitable.xlsx', xlsxSheetname = 'Omnitable', topPlacement = 'top-end', } = host;
     return {
         csvFilename,
@@ -11,5 +8,4 @@ const useFooter = ({ host, ...rest }) => {
         ...rest,
     };
 };
-exports.useFooter = useFooter;
 //# sourceMappingURL=use-footer.js.map

package/dist/lib/use-hash-state.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHashState = void 0;
-const pion_1 = require("@pionjs/pion");
-const cosmoz_router_1 = require("@neovici/cosmoz-router");
-const function_1 = require("@neovici/cosmoz-utils/function");
-const location_1 = require("@neovici/cosmoz-utils/location");
-const makeLinker = (parameterize) => (hashParam, value, codec = function_1.identity) => {
-    const url = (0, location_1.hashUrl)(), searchParams = new URLSearchParams(url.hash.replace('#', ''));
+import { useCallback, useState } from '@pionjs/pion';
+import { navigate } from '@neovici/cosmoz-router';
+import { identity, invoke } from '@neovici/cosmoz-utils/function';
+import { hashUrl, multiParse, singleParse, } from '@neovici/cosmoz-utils/location';
+const makeLinker = (parameterize) => (hashParam, value, codec = identity) => {
+    const url = hashUrl(), searchParams = new URLSearchParams(url.hash.replace('#', ''));
     // TODO: make parameterize pure
     parameterize(hashParam, value, codec, searchParams);
     return ('#!' +
@@ -18,13 +15,13 @@ const makeLinker = (parameterize) => (hashParam, value, codec = function_1.ident
     .forEach(([key, value]) => !isEmpty(value)
     ? searchParams.set(hashParam + key, value)
     : searchParams.delete(hashParam + key)));
-const useHashState = (initial, param, { suffix = '', read, write, multi } = {}) => {
+export const useHashState = (initial, param, { suffix = '', read, write, multi } = {}) => {
     const [link, parseHash] = multi
-        ? [multiLink, location_1.multiParse]
-        : [singleLink, location_1.singleParse], [state, _setState] = (0, pion_1.useState)(() => param == null ? initial : (parseHash(param + suffix, read) ?? initial)), setState = (0, pion_1.useCallback)((state) => _setState((oldState) => {
-        const newState = (0, function_1.invoke)(state, oldState);
+        ? [multiLink, multiParse]
+        : [singleLink, singleParse], [state, _setState] = useState(() => param == null ? initial : (parseHash(param + suffix, read) ?? initial)), setState = useCallback((state) => _setState((oldState) => {
+        const newState = invoke(state, oldState);
         if (param != null) {
-            (0, cosmoz_router_1.navigate)(link(param + suffix, newState, write), null, {
+            navigate(link(param + suffix, newState, write), null, {
                 notify: false,
             });
         }
@@ -32,5 +29,4 @@ const useHashState = (initial, param, { suffix = '', read, write, multi } = {})
     }), [param, suffix, link, write]);
     return [state, setState];
 };
-exports.useHashState = useHashState;
 //# sourceMappingURL=use-hash-state.js.map

package/dist/lib/use-header.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHeader = void 0;
-const pion_1 = require("@pionjs/pion");
-const useHeader = ({ host, selectedItems, data, sortAndGroupOptions, collapsedColumns, settings, filterFunctions, settingS, filters, ...rest }) => {
+import { useEffect, useMemo } from '@pionjs/pion';
+export const useHeader = ({ host, selectedItems, data, sortAndGroupOptions, collapsedColumns, settings, filterFunctions, settingS, filters, ...rest }) => {
     const allSelected = data && data.length > 0 && selectedItems.length === data.length, onAllCheckboxChange = (event) => {
         if (event.target.checked) {
             host.shadowRoot.querySelector('#groupedList').selectAll();
@@ -10,17 +7,17 @@ const useHeader = ({ host, selectedItems, data, sortAndGroupOptions, collapsedCo
         else {
             host.shadowRoot.querySelector('#groupedList').deselectAll();
         }
-    }, { groupOnColumn } = sortAndGroupOptions, hasHiddenFilter = (0, pion_1.useMemo)(() => [
+    }, { groupOnColumn } = sortAndGroupOptions, hasHiddenFilter = useMemo(() => [
         groupOnColumn,
         ...collapsedColumns,
         ...settings.columns.filter((s) => s.disabled),
-    ].some((column) => column && Object.keys(filterFunctions).includes(column.name)), [filterFunctions, settings, collapsedColumns]), settingsConfig = (0, pion_1.useMemo)(() => ({
+    ].some((column) => column && Object.keys(filterFunctions).includes(column.name)), [filterFunctions, settings, collapsedColumns]), settingsConfig = useMemo(() => ({
         ...settingS,
         collapsed: collapsedColumns,
         badge: hasHiddenFilter,
         filters,
     }), [settingS, collapsedColumns, hasHiddenFilter, filters]);
-    (0, pion_1.useEffect)(() => {
+    useEffect(() => {
         const el = host.shadowRoot.querySelector('#tableContent'), observer = new ResizeObserver((entries) => requestAnimationFrame(() => {
             host.style.setProperty('--ot-height', entries[0]?.contentRect.height + 'px');
         }));
@@ -38,5 +35,4 @@ const useHeader = ({ host, selectedItems, data, sortAndGroupOptions, collapsedCo
         ...rest,
     };
 };
-exports.useHeader = useHeader;
 //# sourceMappingURL=use-header.js.map

package/dist/lib/use-layout.d.ts

@@ -3,5 +3,5 @@ export function useLayout({ canvasWidth, groupOnColumn, config, miniColumn }: {
     groupOnColumn: any;
     config: any;
     miniColumn: any;
-}): any;
+}): (number | undefined)[];
 //# sourceMappingURL=use-layout.d.ts.map

package/dist/lib/use-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-layout.d.ts","sourceRoot":"","sources":["../../src/lib/use-layout.js"],"names":[],"mappings":"AAGO;;;;;QA4BkC"}
+{"version":3,"file":"use-layout.d.ts","sourceRoot":"","sources":["../../src/lib/use-layout.js"],"names":[],"mappings":"AAGO;;;;;2BA4BkC"}

package/dist/lib/use-layout.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayout = void 0;
-const pion_1 = require("@pionjs/pion");
-const compute_layout_1 = require("./compute-layout");
-const useLayout = ({ canvasWidth, groupOnColumn, config, miniColumn }) => (0, pion_1.useMemo)(() => {
+import { useMemo } from '@pionjs/pion';
+import { computeLayout } from './compute-layout';
+export const useLayout = ({ canvasWidth, groupOnColumn, config, miniColumn }) => useMemo(() => {
     if (!Array.isArray(config) || canvasWidth == null || canvasWidth === 0) {
         return [];
     }
@@ -19,7 +16,6 @@ const useLayout = ({ canvasWidth, groupOnColumn, config, miniColumn }) => (0, pi
     }))
         .map((c) => miniColumn ? { ...c, hidden: miniColumn.name !== c.name } : c)
         .sort(({ index: aIndex, priority: aPriority }, { index: bIndex, priority: bPriority }) => aPriority === bPriority ? bIndex - aIndex : aPriority - bPriority);
-    return (0, compute_layout_1.computeLayout)(columnConfigs, canvasWidth, columnConfigs.length);
+    return computeLayout(columnConfigs, canvasWidth, columnConfigs.length);
 }, [canvasWidth, groupOnColumn, config]);
-exports.useLayout = useLayout;
 //# sourceMappingURL=use-layout.js.map

package/dist/lib/use-list.d.ts

@@ -17,7 +17,15 @@ export function useList({ host, error, dataIsValid, processedItems, columns, col
     compareItemsFn: any;
     displayEmptyGroups: any;
     error: any;
-    renderItem: any;
-    renderGroup: any;
+    renderItem: (item: any, index: any, { selected, expanded, toggleCollapse }: {
+        selected: any;
+        expanded: any;
+        toggleCollapse: any;
+    }) => import("lit-html").TemplateResult<1>;
+    renderGroup: (item: any, index: any, { selected, folded, toggleFold }: {
+        selected: any;
+        folded: any;
+        toggleFold: any;
+    }) => import("lit-html").TemplateResult<1>;
 };
 //# sourceMappingURL=use-list.d.ts.map

package/dist/lib/use-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-list.d.ts","sourceRoot":"","sources":["../../src/lib/use-list.js"],"names":[],"mappings":"AAkJO;;;;;;;;;;;;;;;;;;;;;EAoHN"}
+{"version":3,"file":"use-list.d.ts","sourceRoot":"","sources":["../../src/lib/use-list.js"],"names":[],"mappings":"AAkJO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHN"}