@neovici/cosmoz-omnitable 14.27.1 → 14.27.2

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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-omnitable",
-	"version": "14.27.1",
+	"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",