elab_components 0.4.19 → 0.4.21

package/dist/components/DateInputs/MultiViewCalendar/props.d.ts

@@ -1,5 +1,5 @@
 declare const props: () => {
-    activeRangeEnd: "end" | "start";
+    activeRangeEnd: "start" | "end";
     allowReverse: import("@storybook/addon-knobs/dist/type-defs").Mutable<boolean>;
     bottomView: "month" | "year" | "decade" | "century";
     defaultActiveView: "month" | "year" | "decade" | "century";

package/dist/index.esm.js

@@ -30913,14 +30913,14 @@ var OkGrid = function (_a) {
             }
             return String(value).toLowerCase().includes(lowerSearchTerm);
         };
-        var mapProduct = function (product, index) { return (__assign(__assign({}, product), { expanded: isRowExpanded(product.id), selected: !!selectedState[idGetter(product)], inEdit: product.id === editID, formDataIndex: index })); };
+        var mapProduct = function (product, index) { return (__assign(__assign({}, product), { expanded: isRowExpanded(product.id), inEdit: product.id === editID, formDataIndex: index })); };
         var updatedData;
         if (groupabable) {
             updatedData = data
                 .map(function (group) { return (__assign(__assign({}, group), { items: group.items
                     .filter(function (product) { return Object.values(product).some(isMatch); })
                     .map(mapProduct) })); })
-                .map(function (product, index) { return (__assign(__assign({}, product), { index: index, expanded: isRowExpanded(index), selected: !!selectedState[idGetter(product)], inEdit: index === editID, formDataIndex: index })); })
+                .map(function (product, index) { return (__assign(__assign({}, product), { index: index, expanded: isRowExpanded(index), inEdit: index === editID, formDataIndex: index })); })
                 .filter(function (group) { return group.items.length > 0; });
         }
         else {
@@ -30934,24 +30934,23 @@ var OkGrid = function (_a) {
         });
     }, [data, searchKeyword, expandedRows, editID, groupabable, idGetter]);
     useEffect(function () {
-        var _a;
-        if (!dataResult.data || dataResult.data.length === 0) {
+        if (!data || data.length === 0) {
             setDataResult({ data: [], total: 0 });
             return;
         }
         var mapProduct = function (product, index) { return (__assign(__assign({}, product), { selected: !!selectedState[idGetter(product)] })); };
         var updatedData;
         if (groupabable) {
-            updatedData = (_a = dataResult.data) === null || _a === void 0 ? void 0 : _a.map(function (group) { return (__assign(__assign({}, group), { items: group.items.map(mapProduct) })); }).map(function (product, index) { return (__assign(__assign({}, product), { selected: !!selectedState[idGetter(product)] })); }).filter(function (group) { return group.items.length > 0; });
+            updatedData = data === null || data === void 0 ? void 0 : data.map(function (group) { return (__assign(__assign({}, group), { items: group.items.map(mapProduct) })); }).map(function (product, index) { return (__assign(__assign({}, product), { selected: !!selectedState[idGetter(product)] })); }).filter(function (group) { return group.items.length > 0; });
         }
         else {
-            updatedData = dataResult.data.map(mapProduct);
+            updatedData = data.map(mapProduct);
         }
         setDataResult({
             data: updatedData,
             total: updatedData.length,
         });
-    }, [data, idGetter, selectedState]);
+    }, [data, groupabable, idGetter, selectedState]);
     var headerSelectionDetailGrid = function (event) {
         if (event.field === 'selected')
             setDetailHeaderSelected(!detailHeaderSelected);
@@ -31151,7 +31150,6 @@ var OkGrid = function (_a) {
             });
         }
     };
-    console.log('setSelectedFilterData', setSelectedFilterData);
     // useEffect(() => {
     //   if (selectField === 'selected') {
     //     setSelectedFilterData((prevState: any) => {
@@ -31175,9 +31173,9 @@ var OkGrid = function (_a) {
                 dataState: dataState,
                 searchKeyword: searchKeyword,
             };
-            setSelectedFilterData(function (prevState) { return (__assign(__assign({}, prevState), { data: data_1 })); });
+            setSelectedFilterData(function (prev) { return (__assign(__assign({}, prev), { data: data_1 })); });
         }
-    }, [dataState, searchKeyword, setSelectedFilterData]);
+    }, [dataState, searchKeyword]);
     var GridDataCellChange = React__default.useCallback(function (e) {
         var _a, _b;
         var dataItem = (_a = e.dataItem) !== null && _a !== void 0 ? _a : e.target.props.dataItem;
@@ -31208,6 +31206,8 @@ var OkGrid = function (_a) {
                 }) }));
         });
     }, [setDataResult]);
+    console.log('first', dataResult);
+    console.log('data', data);
     var GridDataCellInput = React__default.useCallback(function (cellProps) {
         return (React__default.createElement("td", null,
             React__default.createElement(Input$2, __assign({}, cellProps, { value: cellProps.dataItem[cellProps.field], onChange: GridDataCellChange }))));

package/dist/index.js

@@ -30941,14 +30941,14 @@ var OkGrid = function (_a) {
             }
             return String(value).toLowerCase().includes(lowerSearchTerm);
         };
-        var mapProduct = function (product, index) { return (__assign(__assign({}, product), { expanded: isRowExpanded(product.id), selected: !!selectedState[idGetter(product)], inEdit: product.id === editID, formDataIndex: index })); };
+        var mapProduct = function (product, index) { return (__assign(__assign({}, product), { expanded: isRowExpanded(product.id), inEdit: product.id === editID, formDataIndex: index })); };
         var updatedData;
         if (groupabable) {
             updatedData = data
                 .map(function (group) { return (__assign(__assign({}, group), { items: group.items
                     .filter(function (product) { return Object.values(product).some(isMatch); })
                     .map(mapProduct) })); })
-                .map(function (product, index) { return (__assign(__assign({}, product), { index: index, expanded: isRowExpanded(index), selected: !!selectedState[idGetter(product)], inEdit: index === editID, formDataIndex: index })); })
+                .map(function (product, index) { return (__assign(__assign({}, product), { index: index, expanded: isRowExpanded(index), inEdit: index === editID, formDataIndex: index })); })
                 .filter(function (group) { return group.items.length > 0; });
         }
         else {
@@ -30962,24 +30962,23 @@ var OkGrid = function (_a) {
         });
     }, [data, searchKeyword, expandedRows, editID, groupabable, idGetter]);
     React.useEffect(function () {
-        var _a;
-        if (!dataResult.data || dataResult.data.length === 0) {
+        if (!data || data.length === 0) {
             setDataResult({ data: [], total: 0 });
             return;
         }
         var mapProduct = function (product, index) { return (__assign(__assign({}, product), { selected: !!selectedState[idGetter(product)] })); };
         var updatedData;
         if (groupabable) {
-            updatedData = (_a = dataResult.data) === null || _a === void 0 ? void 0 : _a.map(function (group) { return (__assign(__assign({}, group), { items: group.items.map(mapProduct) })); }).map(function (product, index) { return (__assign(__assign({}, product), { selected: !!selectedState[idGetter(product)] })); }).filter(function (group) { return group.items.length > 0; });
+            updatedData = data === null || data === void 0 ? void 0 : data.map(function (group) { return (__assign(__assign({}, group), { items: group.items.map(mapProduct) })); }).map(function (product, index) { return (__assign(__assign({}, product), { selected: !!selectedState[idGetter(product)] })); }).filter(function (group) { return group.items.length > 0; });
         }
         else {
-            updatedData = dataResult.data.map(mapProduct);
+            updatedData = data.map(mapProduct);
         }
         setDataResult({
             data: updatedData,
             total: updatedData.length,
         });
-    }, [data, idGetter, selectedState]);
+    }, [data, groupabable, idGetter, selectedState]);
     var headerSelectionDetailGrid = function (event) {
         if (event.field === 'selected')
             setDetailHeaderSelected(!detailHeaderSelected);
@@ -31179,7 +31178,6 @@ var OkGrid = function (_a) {
             });
         }
     };
-    console.log('setSelectedFilterData', setSelectedFilterData);
     // useEffect(() => {
     //   if (selectField === 'selected') {
     //     setSelectedFilterData((prevState: any) => {
@@ -31203,9 +31201,9 @@ var OkGrid = function (_a) {
                 dataState: dataState,
                 searchKeyword: searchKeyword,
             };
-            setSelectedFilterData(function (prevState) { return (__assign(__assign({}, prevState), { data: data_1 })); });
+            setSelectedFilterData(function (prev) { return (__assign(__assign({}, prev), { data: data_1 })); });
         }
-    }, [dataState, searchKeyword, setSelectedFilterData]);
+    }, [dataState, searchKeyword]);
     var GridDataCellChange = React__default["default"].useCallback(function (e) {
         var _a, _b;
         var dataItem = (_a = e.dataItem) !== null && _a !== void 0 ? _a : e.target.props.dataItem;
@@ -31236,6 +31234,8 @@ var OkGrid = function (_a) {
                 }) }));
         });
     }, [setDataResult]);
+    console.log('first', dataResult);
+    console.log('data', data);
     var GridDataCellInput = React__default["default"].useCallback(function (cellProps) {
         return (React__default["default"].createElement("td", null,
             React__default["default"].createElement(kendoReactInputs.Input, __assign({}, cellProps, { value: cellProps.dataItem[cellProps.field], onChange: GridDataCellChange }))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elab_components",
-  "version": "0.4.19",
+  "version": "0.4.21",
   "private": false,
   "author": "Amar",
   "main": "dist/index.js",