@neovici/cosmoz-omnitable 14.27.0 → 14.27.2

package/dist/grouped-list/use-cosmoz-grouped-list.d.ts

@@ -10,6 +10,6 @@ export function renderCosmozGroupedList({ renderRow, flatData }: {
 }): any;
 export function useCosmozGroupedList(host: any): {
     renderRow: (item: any, index: any) => any;
-    flatData: any;
+    flatData: (object | import("./utils").GroupItem<object>)[] | undefined;
 };
 //# sourceMappingURL=use-cosmoz-grouped-list.d.ts.map

package/dist/grouped-list/use-selected-items.d.ts

@@ -1,19 +1,23 @@
-export function useSelectedItems({ initial, compareItemsFn, data, flatData, }: {
-    initial: any;
-    compareItemsFn: any;
-    data: any;
-    flatData: any;
-}): {
-    selectedItems: any;
-    isItemSelected: (item: any) => any;
-    isGroupSelected: (group: any) => any;
-    isSelected: (item: any) => any;
-    select: (item: any) => void;
-    deselect: (item: any) => void;
-    selectOnly: (item: any) => void;
+import { GroupItem } from './utils';
+import type { Item } from '../lib/types';
+export interface UseSelectedItemsParams {
+    initial: Item[];
+    compareItemsFn: <T>(a: T, b: T) => boolean;
+    data: (Item | GroupItem<Item>)[];
+    flatData: (Item | GroupItem<Item>)[] | undefined;
+}
+export interface UseSelectedItemsResult {
+    selectedItems: Item[];
+    isItemSelected: (item: Item) => boolean;
+    isGroupSelected: (group: GroupItem<Item>) => boolean;
+    isSelected: (item: Item | GroupItem<Item>) => boolean;
+    select: (item: Item | GroupItem<Item>) => void;
+    deselect: (item: Item | GroupItem<Item>) => void;
+    selectOnly: (item: Item | GroupItem<Item>) => void;
     selectAll: () => void;
     deselectAll: () => void;
-    toggleSelect: (item: any, selected?: boolean) => void;
-    toggleSelectTo: (item: any, selected: any) => void;
-};
+    toggleSelect: (item: Item | GroupItem<Item>, selected?: boolean) => void;
+    toggleSelectTo: (item: Item | GroupItem<Item>, selected?: boolean) => void;
+}
+export declare const useSelectedItems: ({ initial, compareItemsFn, data, flatData, }: UseSelectedItemsParams) => UseSelectedItemsResult;
 //# sourceMappingURL=use-selected-items.d.ts.map

package/dist/grouped-list/use-selected-items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selected-items.d.ts","sourceRoot":"","sources":["../../src/grouped-list/use-selected-items.js"],"names":[],"mappings":"AAGO;;;;;;;;;;;;;;;;;EAwIN"}
+{"version":3,"file":"use-selected-items.d.ts","sourceRoot":"","sources":["../../src/grouped-list/use-selected-items.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,WAAW,sBAAsB;IACtC,OAAO,EAAE,IAAI,EAAE,CAAC;IAChB,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;IAC3C,IAAI,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,WAAW,sBAAsB;IACtC,aAAa,EAAE,IAAI,EAAE,CAAC;IACtB,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACxC,eAAe,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC;IACrD,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC;IACtD,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3E;AAED,eAAO,MAAM,gBAAgB,GAAI,8CAK9B,sBAAsB,KAAG,sBAiI3B,CAAC"}

package/dist/grouped-list/use-selected-items.js

@@ -1,74 +1,70 @@
 import { useCallback, useEffect, useState } from '@pionjs/pion';
 import { isGroup } from './utils';
 export const useSelectedItems = ({ initial, compareItemsFn, data, flatData, }) => {
-    const [selectedItems, setSelectedItems] = useState(initial), [lastSelection, setLastSelection] = useState(), 
+    const [selectedItems, setSelectedItems] = useState(initial);
+    const [lastSelection, setLastSelection] = useState();
     /**
      * Check if item is selected.
-     * @param {object} item Item.
-     * @returns {boolean} Whether item is selected.
      */
-    isItemSelected = useCallback((item) => selectedItems.includes(item), [selectedItems]), 
+    const isItemSelected = useCallback((item) => selectedItems.includes(item), [selectedItems]);
     /**
      * Check if group is selected.
-     * @param {object} group Group.
-     * @returns {boolean} Whether group is selected.
      */
-    isGroupSelected = useCallback((group) => group?.items?.every(isItemSelected), [isItemSelected]), 
+    const isGroupSelected = useCallback((group) => group?.items?.every(isItemSelected) ?? false, [isItemSelected]);
     /**
      * Check if item.group is selected.
-     * @param {object} item Item.
-     * @returns {boolean} Whether item is selected.
      */
-    isSelected = useCallback((item) => isItemSelected(item) || isGroupSelected(item), [isItemSelected, isGroupSelected]), 
+    const isSelected = useCallback((item) => isItemSelected(item) || isGroupSelected(item), [isItemSelected, isGroupSelected]);
     /**
      * Add an item/group to the list of selected items.
-     * @param {object} item Item to select.
-     * @returns {void}
      */
-    select = useCallback((item) => {
-        const items = item.items ?? [item];
+    const select = useCallback((item) => {
+        const groupItem = item;
+        const items = groupItem.items ?? [item];
         setSelectedItems((selection) => [
             ...selection,
             ...items.filter((i) => !selection.includes(i)),
         ]);
         setLastSelection(item);
-    }, []), 
+    }, []);
     /**
      * Removes an item/group from the list of selected items.
-     * @param {object} item Item to select.
-     * @returns {void}
      */
-    deselect = useCallback((item) => {
-        const items = item.items ?? [item];
+    const deselect = useCallback((item) => {
+        const groupItem = item;
+        const items = groupItem.items ?? [item];
         setSelectedItems((selection) => selection.filter((i) => !items.includes(i)));
         setLastSelection(item);
-    }, []), selectOnly = useCallback((item) => {
-        setSelectedItems(item.items?.slice() || [item]);
+    }, []);
+    const selectOnly = useCallback((item) => {
+        const groupItem = item;
+        setSelectedItems(groupItem.items?.slice() || [item]);
         setLastSelection(item);
-    }, []), 
+    }, []);
     /**
      * Select all items.
-     * @returns {void}
      */
-    selectAll = useCallback(() => {
-        setSelectedItems(data.flatMap((item) => item.items || item));
+    const selectAll = useCallback(() => {
+        setSelectedItems(data.flatMap((item) => {
+            const groupItem = item;
+            return groupItem.items || item;
+        }));
         setLastSelection(undefined);
-    }, [data]), 
+    }, [data]);
     /**
      * Deselect all selected items.
-     * @returns {void}
      */
-    deselectAll = useCallback(() => {
+    const deselectAll = useCallback(() => {
         setSelectedItems([]);
         setLastSelection(undefined);
-    }, []), 
+    }, []);
     /**
      * Toggles the selection of an item/group.
-     * @param {object} item Item to select.
-     * @param {boolean=} selected Select or deselect, fallback to toggling.
-     * @returns {void}
      */
-    toggleSelect = useCallback((item, selected = !isSelected(item)) => selected ? select(item) : deselect(item), [isSelected]), toggleSelectTo = useCallback((item, selected) => {
+    const toggleSelect = useCallback((item, selected = !isSelected(item)) => selected ? select(item) : deselect(item), [isSelected]);
+    const toggleSelectTo = useCallback((item, selected) => {
+        if (!flatData)
+            return;
         const last = lastSelection
             ? flatData.findIndex((i) => compareItemsFn(i, lastSelection))
             : -1;
@@ -85,7 +81,7 @@ export const useSelectedItems = ({ initial, compareItemsFn, data, flatData, }) =
         setLastSelection(item);
     }, [flatData, compareItemsFn, toggleSelect]);
     // keep selected items across data updates
-    useEffect(() => setSelectedItems((selectedItems) => selectedItems.length > 0
+    useEffect(() => setSelectedItems((selectedItems) => selectedItems.length > 0 && flatData
         ? flatData.filter((i) => selectedItems.find((item) => compareItemsFn(i, item)))
         : selectedItems), [flatData]);
     return {

package/dist/grouped-list/utils.d.ts

@@ -1,11 +1,22 @@
-export namespace symbols {
-    let group: symbol;
+import { Item } from '../lib/types';
+export interface ItemState {
+    expanded?: boolean;
+    folded?: boolean;
 }
-export function prepareData(data: any, displayEmptyGroups: any, itemsState: any): any;
-export function getItemState(item: any, itemsState: any): any;
-export function isExpanded(item: any, itemsState: any): boolean;
-export function isFolded(group: any, itemsState: any): boolean;
-export function isGroup(item: any): boolean;
-export function callFn(fn: any, ...args: any[]): any;
-export function byReference(a: any, b: any): boolean;
+export interface GroupItem<T = unknown> {
+    items?: T[];
+    [key: string]: unknown;
+}
+export type ItemsState = WeakMap<Item, ItemState>;
+declare const symbols: {
+    group: symbol;
+};
+declare const getItemState: (item: Item, itemsState: ItemsState) => ItemState;
+declare const isExpanded: (item: Item, itemsState: ItemsState) => boolean;
+declare const isFolded: (group: Item, itemsState: ItemsState) => boolean;
+declare const isGroup: (item: unknown) => item is GroupItem;
+declare const prepareData: <T extends Item>(data: T[] | GroupItem<T>[], displayEmptyGroups: boolean, itemsState: ItemsState) => (T | GroupItem<T>)[] | undefined;
+declare const callFn: <T, A extends unknown[]>(fn: ((...args: A) => T) | T, ...args: A) => T;
+declare const byReference: <T>(a: T, b: T) => boolean;
+export { symbols, prepareData, getItemState, isExpanded, isFolded, isGroup, callFn, byReference, };
 //# sourceMappingURL=utils.d.ts.map

package/dist/grouped-list/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/grouped-list/utils.js"],"names":[],"mappings":";;;AAAA,sFA6EgC;AA7EhC,8DA6EgC;AA7EhC,gEA6EgC;AA7EhC,+DA6EgC;AA7EhC,4CA6EgC;AA7EhC,qDA6EgC;AA7EhC,qDA6EgC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/grouped-list/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,WAAW,SAAS;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO;IACrC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAElD,QAAA,MAAM,OAAO;;CAEZ,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,MAAM,IAAI,EAAE,YAAY,UAAU,KAAG,SAM1D,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,MAAM,IAAI,EAAE,YAAY,UAAU,KAAG,OACR,CAAC;AAElD,QAAA,MAAM,QAAQ,GAAI,OAAO,IAAI,EAAE,YAAY,UAAU,KAAG,OACR,CAAC;AAEjD,QAAA,MAAM,OAAO,GAAI,MAAM,OAAO,KAAG,IAAI,IAAI,SACiB,CAAC;AAkB3D,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,IAAI,EAClC,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAC1B,oBAAoB,OAAO,EAC3B,YAAY,UAAU,KACpB,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,SAyCzB,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,CAAC,EAAE,CAAC,SAAS,OAAO,EAAE,EACrC,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAC3B,GAAG,MAAM,CAAC,KACR,CAMF,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,KAAG,OAAkB,CAAC;AAExD,OAAO,EACN,OAAO,EACP,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,MAAM,EACN,WAAW,GACX,CAAC"}

package/dist/grouped-list/utils.js

@@ -1,49 +1,42 @@
 const symbols = {
     group: Symbol('group'),
-}, getItemState = (item, itemsState) => {
+};
+const getItemState = (item, itemsState) => {
     if (!itemsState.has(item)) {
         itemsState.set(item, {});
     }
     return itemsState.get(item);
-}, isExpanded = (item, itemsState) => Boolean(getItemState(item, itemsState).expanded), isFolded = (group, itemsState) => Boolean(getItemState(group, itemsState).folded), isGroup = (item) => (item ? item.items instanceof Array : false), 
-/**
- * Asserts that data is either all items or all groups, never mixed.
- * @param	 {Array} data the data
- * @return {void}
- */
-_assertDataIsHomogeneous = (data) => {
+};
+const isExpanded = (item, itemsState) => Boolean(getItemState(item, itemsState).expanded);
+const isFolded = (group, itemsState) => Boolean(getItemState(group, itemsState).folded);
+const isGroup = (item) => item ? item.items instanceof Array : false;
+const _assertDataIsHomogeneous = (data) => {
     if (!Array.isArray(data) || data.length === 0) {
         return;
     }
-    const firstItemIsAGroup = Array.isArray(data[0].items), isHomogeneous = data.every((group) => Array.isArray(group.items) === firstItemIsAGroup);
+    const firstItemIsAGroup = Array.isArray(data[0]?.items), isHomogeneous = data.every((group) => Array.isArray(group.items) === firstItemIsAGroup);
     if (!isHomogeneous) {
         throw new Error('Data must be homogeneous.');
     }
-}, 
-/**
- * Prepare data.
- * @param {array} data Data.
- * @param {boolean} displayEmptyGroups Flag.
- * @param {WeakMap} itemsState State.
- * @returns {void|array} Prepared data.
- */
-prepareData = (data, displayEmptyGroups, itemsState) => {
+};
+const prepareData = (data, displayEmptyGroups, itemsState) => {
     if (!Array.isArray(data)) {
         return;
     }
     // data should be either all items or all grouped items, never mixed
     _assertDataIsHomogeneous(data);
     const flatData = data.reduce((acc, item) => {
+        const groupItem = item;
         // simple items
-        if (!item.items) {
+        if (!groupItem.items) {
             return acc.concat(item);
         }
         // groups with items
-        if (item.items.length) {
+        if (groupItem.items.length) {
             if (getItemState(item, itemsState).folded) {
                 return acc.concat(item);
             }
-            return acc.concat(item, item.items.map((i) => Object.assign(i, { [symbols.group]: item })));
+            return acc.concat(item, groupItem.items.map((i) => Object.assign(i, { [symbols.group]: item })));
         }
         // groups without items
         if (displayEmptyGroups) {
@@ -52,6 +45,13 @@ prepareData = (data, displayEmptyGroups, itemsState) => {
         return acc;
     }, []);
     return flatData;
-}, callFn = (fn, ...args) => (typeof fn === 'function' ? fn(...args) : fn), byReference = (a, b) => a === b;
+};
+const callFn = (fn, ...args) => {
+    if (typeof fn === 'function') {
+        return fn(...args);
+    }
+    return fn;
+};
+const byReference = (a, b) => a === b;
 export { symbols, prepareData, getItemState, isExpanded, isFolded, isGroup, callFn, byReference, };
 //# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-omnitable",
-	"version": "14.27.0",
+	"version": "14.27.2",
 	"description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
 	"keywords": [
 		"web-components"
@@ -137,6 +137,7 @@
 		"@polymer/paper-toggle-button": "^3.0.0",
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",
+		"@storybook/addon-docs": "^9.1.10",
 		"@storybook/web-components-vite": "^9.1.3",
 		"@types/file-saver": "^2.0.0",
 		"@web/dev-server-esbuild": "^1.0.4",