@neovici/cosmoz-omnitable 14.17.0 → 14.19.0

package/dist/lib/settings/normalize.js

@@ -1,7 +1,10 @@
-import { props } from '@neovici/cosmoz-utils/object';
-export const sgProps = ['sortOn', 'descending', 'groupOn', 'groupOnDescending'];
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeStore = exports.normalizeColumns = exports.sgProps = void 0;
+const object_1 = require("@neovici/cosmoz-utils/object");
+exports.sgProps = ['sortOn', 'descending', 'groupOn', 'groupOnDescending'];
 const byName = (name) => (item) => item.name === name;
-export const normalizeColumns = (columns = [], settings = [], savedSettings = []) => {
+const normalizeColumns = (columns = [], settings = [], savedSettings = []) => {
     const _settings = settings.filter((setting) => columns.some(byName(setting.name))), cols = columns.filter((column) => !settings.some(byName(column.name)) &&
         !savedSettings.some(byName(column.name))), _savedSettings = savedSettings.filter((column) => !settings.some(byName(column.name)));
     return [
@@ -30,18 +33,20 @@ export const normalizeColumns = (columns = [], settings = [], savedSettings = []
         }),
     ];
 };
-export const normalizeStore = (settings, current) => ({
+exports.normalizeColumns = normalizeColumns;
+const normalizeStore = (settings, current) => ({
     ...current,
-    ...props(sgProps)(settings),
-    columns: settings.columns?.map(props(['name', 'priority', 'width', 'flex', 'disabled'])),
+    ...(0, object_1.props)(exports.sgProps)(settings),
+    columns: settings.columns?.map((0, object_1.props)(['name', 'priority', 'width', 'flex', 'disabled'])),
 });
-export default ({ columns, settings, savedSettings, initial }) => {
-    const init = Object.fromEntries(sgProps.flatMap((k) => (initial[k] != null ? [[k, initial[k]]] : [])));
+exports.normalizeStore = normalizeStore;
+exports.default = ({ columns, settings, savedSettings, initial }) => {
+    const init = Object.fromEntries(exports.sgProps.flatMap((k) => (initial[k] != null ? [[k, initial[k]]] : [])));
     return {
         ...init,
-        ...props(sgProps)(savedSettings),
+        ...(0, object_1.props)(exports.sgProps)(savedSettings),
         ...settings,
-        columns: normalizeColumns(columns, settings?.columns, savedSettings?.columns),
+        columns: (0, exports.normalizeColumns)(columns, settings?.columns, savedSettings?.columns),
     };
 };
 //# sourceMappingURL=normalize.js.map

package/dist/lib/settings/style.css.js

@@ -1,6 +1,9 @@
-import { tagged as css } from '@neovici/cosmoz-utils';
-import { checkbox } from '../../cosmoz-omnitable-styles';
-export default css `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dropdown = void 0;
+const cosmoz_utils_1 = require("@neovici/cosmoz-utils");
+const cosmoz_omnitable_styles_1 = require("../../cosmoz-omnitable-styles");
+exports.default = (0, cosmoz_utils_1.tagged) `
 	:host {
 		box-sizing: border-box;
 		display: flex;
@@ -127,7 +130,7 @@ export default css `
 	.title[has-filter] {
 		font-weight: bold;
 	}
-	${checkbox}
+	${cosmoz_omnitable_styles_1.checkbox}
 	.checkbox {
 		margin: 4px 0;
 	}
@@ -208,7 +211,7 @@ export default css `
 		transform: scaleY(-1);
 	}
 `;
-export const dropdown = css `
+exports.dropdown = (0, cosmoz_utils_1.tagged) `
 	:host {
 		display: contents;
 		color: var(

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

@@ -1,8 +1,8 @@
 declare function _default(settingsId: any, settings: any, setSettings: any, onReset: any): {
     settingsId: any;
     savedSettings: any;
-    onSave: () => Promise<void>;
-    onReset: (e: any) => Promise<void>;
+    onSave: any;
+    onReset: any;
     hasChanges: boolean;
 };
 export default _default;

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

@@ -1,9 +1,11 @@
-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 () => {
+"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 () => {
         if (!settingsId) {
             return;
         }
@@ -12,16 +14,16 @@ export default (settingsId, settings, setSettings, onReset) => {
     return {
         settingsId,
         savedSettings,
-        onSave: useCallback(async () => {
+        onSave: (0, pion_1.useCallback)(async () => {
             if (!settingsId) {
                 return;
             }
-            const newSettings = normalizeStore(settings, savedSettings);
+            const newSettings = (0, normalize_1.normalizeStore)(settings, savedSettings);
             await write(settingsId, newSettings);
             setSettings();
             setSavedSettings(newSettings);
         }, [settings, savedSettings]),
-        onReset: useCallback(async (e) => {
+        onReset: (0, pion_1.useCallback)(async (e) => {
             setSettings();
             if (e.shiftKey) {
                 await write(settingsId);

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

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

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

@@ -2,21 +2,15 @@ declare function _default({ settingsId, host }: {
     settingsId: any;
     host: any;
 }): {
-    opened: {
-        columns: boolean;
-        sort: boolean;
-    };
-    setOpened: import("@pionjs/pion").StateUpdater<{
-        columns: boolean;
-        sort: boolean;
-    }>;
+    opened: any;
+    setOpened: any;
     settings: any;
     columns: any;
-    setSettings: import("@pionjs/pion").StateUpdater<any>;
-    resetRef: import("@pionjs/pion").Ref<any>;
+    setSettings: any;
+    resetRef: any;
     settingsId: any;
-    onSave: () => Promise<void>;
-    onReset: (e: any) => Promise<void>;
+    onSave: any;
+    onReset: any;
     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,16 +1,54 @@
-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(() => {
+"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)(() => {
         resetRef.current?.(initial);
-    }, [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({
+    }, [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)({
         columns,
         settings,
         savedSettings,
         initial,
-    }), [columns, settings, savedSettings]), normalizedColumns = useMemo(() => normalizedSettings.columns
+    }), [columns, settings, savedSettings]), normalizedColumns = (0, pion_1.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.d.ts

@@ -0,0 +1,23 @@
+export type LimitFunction = (a: number, b: number) => number | undefined;
+export type Currency = 'SEK' | 'USD' | 'EUR' | 'AUD';
+export interface Amount {
+    amount: string | number;
+    currency: Currency | string;
+}
+export type GetPath = string | (string | number)[];
+export interface Column {
+    valuePath?: GetPath;
+    locale?: string;
+}
+export interface NumberColumn extends Column {
+    minimumFractionDigits?: number | null;
+    maximumFractionDigits?: number | null;
+}
+export type DateColumn = Column;
+export interface Limit<T> {
+    min: T;
+    max: T;
+}
+export type AmountLimit = Limit<Amount>;
+export type Item = object;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;AAEzE,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAErD,MAAM,WAAW,MAAM;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;AAEnD,MAAM,WAAW,MAAM;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,MAAM;IAC3C,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAEhC,MAAM,WAAW,KAAK,CAAC,CAAC;IACvB,GAAG,EAAE,CAAC,CAAC;IACP,GAAG,EAAE,CAAC,CAAC;CACP;AACD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC"}

package/dist/lib/types.js

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

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

@@ -1,8 +1,12 @@
-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);
+"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);
     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;
-}): never[];
+}): any;
 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;;YA2BN;AAhKD,yCAAsC"}
+{"version":3,"file":"use-dom-columns.d.ts","sourceRoot":"","sources":["../../src/lib/use-dom-columns.js"],"names":[],"mappings":"AAwIO;;QA2BN;AAhKD,yCAAsC"}

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

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

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

@@ -1,14 +1,17 @@
-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';
+"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");
 const useAdoptedStyleSheet = (host) => {
-    const styleSheet = useMemo(() => new CSSStyleSheet(), []);
-    useEffect(() => {
+    const styleSheet = (0, pion_1.useMemo)(() => new CSSStyleSheet(), []);
+    (0, pion_1.useEffect)(() => {
         host.shadowRoot.adoptedStyleSheets = [
             ...host.shadowRoot.adoptedStyleSheets,
             styleSheet,
@@ -16,27 +19,27 @@ const useAdoptedStyleSheet = (host) => {
     }, []);
     return styleSheet;
 };
-export const useFastLayout = ({ host, columns, settings, setSettings, resizeSpeedFactor, sortAndGroupOptions, }) => {
-    const canvasWidth = useCanvasWidth(host), { isMini, miniColumn, miniColumns } = useMini({
+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)({
         host,
         canvasWidth,
         columns,
-    }), { groupOnColumn } = sortAndGroupOptions, layout = useLayout({
+    }), { groupOnColumn } = sortAndGroupOptions, layout = (0, use_layout_1.useLayout)({
         canvasWidth,
         groupOnColumn,
         miniColumn,
         config: settings.columns,
-    }), styleSheet = useAdoptedStyleSheet(host), collapsedColumns = useMemo(() => settings.columns.reduce((acc, column, index) => layout[index] != null ||
+    }), styleSheet = useAdoptedStyleSheet(host), collapsedColumns = (0, pion_1.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 = useMeta({ columns: settings.columns });
-    useTweenArray(layout, resizeSpeedFactor, (tweenedlayout) => {
-        const layoutCss = toCss(tweenedlayout, meta.columns);
+    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);
         styleSheet.replace(layoutCss);
     });
-    useResizableColumns({
+    (0, use_resizable_columns_1.useResizableColumns)({
         host,
         canvasWidth,
         layout,
@@ -44,4 +47,5 @@ export const useFastLayout = ({ host, columns, settings, setSettings, resizeSpee
     });
     return { isMini, collapsedColumns, miniColumns };
 };
+exports.useFastLayout = useFastLayout;
 //# sourceMappingURL=use-fast-layout.js.map

package/dist/lib/use-footer.js

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

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

@@ -1,9 +1,12 @@
-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('#', ''));
+"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('#', ''));
     // TODO: make parameterize pure
     parameterize(hashParam, value, codec, searchParams);
     return ('#!' +
@@ -15,13 +18,13 @@ const makeLinker = (parameterize) => (hashParam, value, codec = identity) => {
     .forEach(([key, value]) => !isEmpty(value)
     ? searchParams.set(hashParam + key, value)
     : searchParams.delete(hashParam + key)));
-export const useHashState = (initial, param, { suffix = '', read, write, multi } = {}) => {
+const useHashState = (initial, param, { suffix = '', read, write, multi } = {}) => {
     const [link, parseHash] = multi
-        ? [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);
+        ? [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);
         if (param != null) {
-            navigate(link(param + suffix, newState, write), null, {
+            (0, cosmoz_router_1.navigate)(link(param + suffix, newState, write), null, {
                 notify: false,
             });
         }
@@ -29,4 +32,5 @@ export 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,5 +1,8 @@
-import { useEffect, useMemo } from '@pionjs/pion';
-export const useHeader = ({ host, selectedItems, data, sortAndGroupOptions, collapsedColumns, settings, filterFunctions, settingS, filters, ...rest }) => {
+"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 }) => {
     const allSelected = data && data.length > 0 && selectedItems.length === data.length, onAllCheckboxChange = (event) => {
         if (event.target.checked) {
             host.shadowRoot.querySelector('#groupedList').selectAll();
@@ -7,17 +10,17 @@ export const useHeader = ({ host, selectedItems, data, sortAndGroupOptions, coll
         else {
             host.shadowRoot.querySelector('#groupedList').deselectAll();
         }
-    }, { groupOnColumn } = sortAndGroupOptions, hasHiddenFilter = useMemo(() => [
+    }, { groupOnColumn } = sortAndGroupOptions, hasHiddenFilter = (0, pion_1.useMemo)(() => [
         groupOnColumn,
         ...collapsedColumns,
         ...settings.columns.filter((s) => s.disabled),
-    ].some((column) => column && Object.keys(filterFunctions).includes(column.name)), [filterFunctions, settings, collapsedColumns]), settingsConfig = useMemo(() => ({
+    ].some((column) => column && Object.keys(filterFunctions).includes(column.name)), [filterFunctions, settings, collapsedColumns]), settingsConfig = (0, pion_1.useMemo)(() => ({
         ...settingS,
         collapsed: collapsedColumns,
         badge: hasHiddenFilter,
         filters,
     }), [settingS, collapsedColumns, hasHiddenFilter, filters]);
-    useEffect(() => {
+    (0, pion_1.useEffect)(() => {
         const el = host.shadowRoot.querySelector('#tableContent'), observer = new ResizeObserver((entries) => requestAnimationFrame(() => {
             host.style.setProperty('--ot-height', entries[0]?.contentRect.height + 'px');
         }));
@@ -35,4 +38,5 @@ export const useHeader = ({ host, selectedItems, data, sortAndGroupOptions, coll
         ...rest,
     };
 };
+exports.useHeader = useHeader;
 //# sourceMappingURL=use-header.js.map

package/dist/lib/use-layout.js

@@ -1,6 +1,9 @@
-import { useMemo } from '@pionjs/pion';
-import { computeLayout } from './compute-layout';
-export const useLayout = ({ canvasWidth, groupOnColumn, config, miniColumn }) => useMemo(() => {
+"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)(() => {
     if (!Array.isArray(config) || canvasWidth == null || canvasWidth === 0) {
         return [];
     }
@@ -16,6 +19,7 @@ export const useLayout = ({ canvasWidth, groupOnColumn, config, miniColumn }) =>
     }))
         .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 computeLayout(columnConfigs, canvasWidth, columnConfigs.length);
+    return (0, compute_layout_1.computeLayout)(columnConfigs, canvasWidth, columnConfigs.length);
 }, [canvasWidth, groupOnColumn, config]);
+exports.useLayout = useLayout;
 //# sourceMappingURL=use-layout.js.map

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

@@ -17,15 +17,7 @@ export function useList({ host, error, dataIsValid, processedItems, columns, col
     compareItemsFn: any;
     displayEmptyGroups: any;
     error: 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>;
+    renderItem: any;
+    renderGroup: any;
 };
 //# 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"}