@infinite-table/infinite-react 0.4.10 → 0.4.11

package/index.d.ts

@@ -1170,7 +1170,6 @@ interface DataSourceMappedState<T> {
     primaryKey: DataSourceProps<T>['primaryKey'];
     filterDelay: NonUndefined<DataSourceProps<T>['filterDelay']>;
     groupBy: NonUndefined<DataSourceProps<T>['groupBy']>;
-    groupRowsState: GroupRowsState<T>;
     pivotBy: DataSourceProps<T>['pivotBy'];
     loading: NonUndefined<DataSourceProps<T>['loading']>;
     sortTypes: NonUndefined<DataSourceProps<T>['sortTypes']>;
@@ -1384,6 +1383,7 @@ declare type DataSourceDerivedState<T> = {
     toPrimaryKey: (data: T) => any;
     operatorsByFilterType: Record<string, Record<string, DataSourceFilterOperator<T>>>;
     filterMode: NonUndefined<DataSourceProps<T>['filterMode']>;
+    groupRowsState: GroupRowsState<T>;
     multiSort: boolean;
     controlledSort: boolean;
     controlledFilter: boolean;

package/index.esm.js

@@ -4360,6 +4360,10 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
   if (extraFlags.rowSelected) {
     result.push(...baseClasses.map((c) => `${c}--row-selected`));
   }
+  if (extraFlags.groupRow) {
+    result.push(...baseClasses.map((c) => `${c}--group-row`));
+    result.push(...baseClasses.map((c) => `${c}--${extraFlags.rowExpanded ? "group-row-expanded" : "group-row-collapsed"}`));
+  }
   if (column.computedPinned) {
     result.push(...baseClasses.map((c) => `${c}--pinned-${column.computedPinned}`));
   } else {
@@ -5906,7 +5910,14 @@ function InfiniteTableColumnCellFn(props) {
     onClick,
     onMouseDown,
     cssEllipsis: (_a = column.cssEllipsis) != null ? _a : true,
-    className: join(useCellClassName(column, [InfiniteTableColumnCellClassName, InfiniteTableCellClassName], ColumnCellRecipe, { dragging: false, zebra, rowActive, rowSelected }), colClassName, rowComputedClassName),
+    className: join(useCellClassName(column, [InfiniteTableColumnCellClassName, InfiniteTableCellClassName], ColumnCellRecipe, {
+      dragging: false,
+      zebra,
+      rowActive,
+      rowSelected,
+      groupRow: rowInfo.isGroupRow,
+      rowExpanded: rowInfo.isGroupRow ? !rowInfo.collapsed : false
+    }), colClassName, rowComputedClassName),
     renderChildren
   };
   return /* @__PURE__ */ createElement18(InfiniteTableCell, __spreadValues({}, cellProps));
@@ -6954,7 +6965,9 @@ function InfiniteTableHeaderCell(props) {
       dragging,
       rowSelected: false,
       zebra: false,
-      rowActive: false
+      rowActive: false,
+      groupRow: false,
+      rowExpanded: false
     }), CellCls),
     cssEllipsis: (_e = (_d = column.headerCssEllipsis) != null ? _d : column.cssEllipsis) != null ? _e : true,
     afterChildren: /* @__PURE__ */ createElement25(Fragment3, null, showColumnFilters ? column.computedFilterable ? /* @__PURE__ */ createElement25(InfiniteTableColumnHeaderFilter, {
@@ -7696,6 +7709,14 @@ function lazyGroup(groupParams, rootData) {
     if (currentGroupKeys.length == groupBy.length && groupBy.length) {
       if (current) {
         current.items = dataArray;
+        for (let i = 0, len = currentGroupKeys.length; i < len; i++) {
+          const currentKeys = currentGroupKeys.slice(0, i);
+          const deepMapGroupValue = deepMap.get(currentKeys);
+          if (deepMapGroupValue) {
+            deepMapGroupValue.items = deepMapGroupValue.items || [];
+            deepMapGroupValue.items = deepMapGroupValue.items.concat(dataArray);
+          }
+        }
         indexer.indexArray(dataArray, toPrimaryKey);
       }
       return next == null ? void 0 : next();
@@ -7716,7 +7737,7 @@ function lazyGroup(groupParams, rootData) {
         continue;
       }
       const dataObject = dataArray[i].data;
-      const dataKeys = dataArray[i].keys;
+      const dataKeys = dataArray[i].keys || [];
       if (dataKeys.length) {
         const key = dataKeys[dataKeys.length - 1];
         currentGroupKeys.push(key);
@@ -7894,7 +7915,7 @@ function flatten(groupResult) {
 }
 function getEnhancedGroupData(options, deepMapValue) {
   var _a;
-  const { groupBy, groupKeys, collapsed, parents, reducers, lazyLoad } = options;
+  const { groupBy, groupKeys, parents, reducers, lazyLoad } = options;
   const groupNesting = groupKeys.length;
   const {
     items: groupItems,
@@ -7929,7 +7950,7 @@ function getEnhancedGroupData(options, deepMapValue) {
     selectedChildredCount: 0,
     deselectedChildredCount: 0,
     id: `${groupKeys}`,
-    collapsed,
+    collapsed: false,
     dataSourceHasGrouping: true,
     selfLoaded,
     error: options.error,
@@ -7988,7 +8009,7 @@ function enhancedFlatten(param) {
     var _a, _b;
     const items = deepMapValue.items;
     const groupNesting = groupKeys.length;
-    const collapsed = (_a = groupRowsState == null ? void 0 : groupRowsState.isGroupRowCollapsed(groupKeys)) != null ? _a : false;
+    let collapsed = (_a = groupRowsState == null ? void 0 : groupRowsState.isGroupRowCollapsed(groupKeys)) != null ? _a : false;
     indexInParentGroups.push(indexInGroup);
     const enhancedGroupData = getEnhancedGroupData({
       lazyLoad,
@@ -8001,11 +8022,10 @@ function enhancedFlatten(param) {
       groupKeys,
       error: deepMapValue.error,
       totalChildrenCount: deepMapValue.totalChildrenCount,
-      childrenLoading: deepMapValue.childrenLoading,
+      childrenLoading: (deepMapValue.childrenLoading || !collapsed && !deepMapValue.childrenAvailable) && lazyLoad,
       childrenAvailable: deepMapValue.childrenAvailable,
       directChildrenCount: groupKeys.length === groupByStrings.length ? deepMapValue.items.length : deepMap.getDirectChildrenSizeFor(groupKeys),
-      directChildrenLoadedCount: 0,
-      collapsed
+      directChildrenLoadedCount: 0
     }, deepMapValue);
     if (isRowSelected) {
       enhancedGroupData.rowSelected = isRowSelected(enhancedGroupData);
@@ -8017,6 +8037,10 @@ function enhancedFlatten(param) {
     }
     const parent = parents[parents.length - 1];
     const parentCollapsed = (_b = parent == null ? void 0 : parent.collapsed) != null ? _b : false;
+    if (parentCollapsed) {
+      collapsed = true;
+    }
+    enhancedGroupData.collapsed = collapsed;
     let include = generateGroupRows || collapsed;
     if (parentCollapsed) {
       include = false;
@@ -8024,27 +8048,16 @@ function enhancedFlatten(param) {
     if (include) {
       result.push(enhancedGroupData);
     }
-    if (collapsed) {
-      enhancedGroupData.collapsedChildrenCount = enhancedGroupData.groupCount;
-      parents.forEach((parent2) => {
-        if (!parentCollapsed) {
-          parent2.deepRowInfoArray.push(enhancedGroupData);
-        }
-        parent2.collapsedChildrenCount += enhancedGroupData.groupCount;
-        parent2.collapsedGroupsCount += 1;
-      });
-    } else {
-      if (!parentCollapsed) {
-        parents.forEach((parent2) => {
-          parent2.deepRowInfoArray.push(enhancedGroupData);
-        });
-      }
-    }
+    enhancedGroupData.collapsedChildrenCount = 0;
+    parents.forEach((parent2) => {
+      parent2.deepRowInfoArray.push(enhancedGroupData);
+      parent2.collapsedGroupsCount += collapsed ? 1 : 0;
+    });
     if (parent && enhancedGroupData.selfLoaded && lazyLoad) {
       parent.directChildrenLoadedCount += 1;
     }
     parents.push(enhancedGroupData);
-    const continueWithChildren = !collapsed || lazyLoad;
+    const continueWithChildren = true;
     if (continueWithChildren) {
       if (!next) {
         if (!pivot) {
@@ -8082,9 +8095,10 @@ function enhancedFlatten(param) {
               if (last && item) {
                 parent2.directChildrenLoadedCount += 1;
               }
-              if (!parentCollapsed) {
-                parent2.deepRowInfoArray.push(rowInfo);
+              if (collapsed) {
+                parent2.collapsedChildrenCount += 1;
               }
+              parent2.deepRowInfoArray.push(rowInfo);
             });
             if (!collapsed) {
               result[startIndex + index] = rowInfo;
@@ -8753,8 +8767,10 @@ function useLazyLoadRange() {
   const {
     lazyLoadBatchSize,
     lazyLoad,
+    originalLazyGroupDataChangeDetect,
     notifyRenderRangeChange,
     dataArray,
+    groupRowsState,
     scrollStopDelayUpdatedByTable
   } = componentState;
   const latestRenderRangeRef = useRef18(null);
@@ -8783,20 +8799,27 @@ function useLazyLoadRange() {
     }, cache);
   };
   const debouncedLoadRange = useMemo7(() => debounce(loadRange, { wait: scrollStopDelayUpdatedByTable }), [scrollStopDelayUpdatedByTable]);
-  useEffect17(() => {
+  useEffectWithChanges((changes) => {
     if (lazyLoad) {
+      if (changes.originalLazyGroupDataChangeDetect || changes.groupRowsState) {
+        loadRange(notifyRenderRangeChange.get());
+      }
       return notifyRenderRangeChange.onChange((renderRange) => {
         latestRenderRangeRef.current = renderRange;
         loadRange(renderRange);
       });
     }
     return;
-  }, [lazyLoadBatchSize, lazyLoad]);
+  }, {
+    lazyLoadBatchSize,
+    lazyLoad,
+    originalLazyGroupDataChangeDetect,
+    groupRowsState
+  });
   useEffect17(() => {
     if (lazyLoadBatchSize && lazyLoadBatchSize > 0) {
       debouncedLoadRange();
     }
-    return;
   }, [dataArray]);
 }
 function lazyLoadRange(options, cache) {
@@ -9673,16 +9696,7 @@ var forwardProps3 = (setupState) => {
     collapseGroupRowsOnDataFunctionChange: (collapseGroupRowsOnDataFunctionChange) => collapseGroupRowsOnDataFunctionChange != null ? collapseGroupRowsOnDataFunctionChange : true,
     loading: (loading) => loading != null ? loading : false,
     sortInfo: (sortInfo) => normalizeSortInfo(sortInfo, setupState.propsCache.get("sortInfo")),
-    groupBy: (groupBy) => groupBy != null ? groupBy : [],
-    groupRowsState: (groupRowsState) => {
-      if (groupRowsState && !(groupRowsState instanceof GroupRowsState)) {
-        groupRowsState = new GroupRowsState(groupRowsState);
-      }
-      return groupRowsState || new GroupRowsState({
-        expandedRows: true,
-        collapsedRows: []
-      });
-    }
+    groupBy: (groupBy) => groupBy != null ? groupBy : []
   };
 };
 function getLivePaginationCursorValue(livePaginationCursorProp, state) {
@@ -9741,8 +9755,17 @@ function mapPropsToState(params) {
   }
   const primaryKeyDescriptor = state.primaryKey;
   const toPrimaryKey = typeof primaryKeyDescriptor === "function" ? (data) => primaryKeyDescriptor(data) : (data) => data[primaryKeyDescriptor];
+  let groupRowsState = props.groupRowsState || state.groupRowsState || props.defaultGroupRowsState;
+  if (groupRowsState && !(groupRowsState instanceof GroupRowsState)) {
+    groupRowsState = new GroupRowsState(groupRowsState);
+  }
+  groupRowsState = groupRowsState || new GroupRowsState(state.lazyLoad ? { expandedRows: [], collapsedRows: true } : {
+    expandedRows: true,
+    collapsedRows: []
+  });
   const result = {
     selectionMode,
+    groupRowsState,
     rowSelection: rowSelectionState,
     toPrimaryKey,
     operatorsByFilterType,
@@ -12491,7 +12514,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.4.10"
+      version: "0.4.11"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -13410,3 +13433,4 @@ export {
   useInfiniteColumnCell,
   useInfiniteHeaderCell
 };
+//!collapsed || lazyLoad;

package/index.js

@@ -4323,6 +4323,10 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
   if (extraFlags.rowSelected) {
     result.push(...baseClasses.map((c) => `${c}--row-selected`));
   }
+  if (extraFlags.groupRow) {
+    result.push(...baseClasses.map((c) => `${c}--group-row`));
+    result.push(...baseClasses.map((c) => `${c}--${extraFlags.rowExpanded ? "group-row-expanded" : "group-row-collapsed"}`));
+  }
   if (column.computedPinned) {
     result.push(...baseClasses.map((c) => `${c}--pinned-${column.computedPinned}`));
   } else {
@@ -5849,7 +5853,14 @@ function InfiniteTableColumnCellFn(props) {
     onClick,
     onMouseDown,
     cssEllipsis: (_a = column.cssEllipsis) != null ? _a : true,
-    className: join(useCellClassName(column, [InfiniteTableColumnCellClassName, InfiniteTableCellClassName], ColumnCellRecipe, { dragging: false, zebra, rowActive, rowSelected }), colClassName, rowComputedClassName),
+    className: join(useCellClassName(column, [InfiniteTableColumnCellClassName, InfiniteTableCellClassName], ColumnCellRecipe, {
+      dragging: false,
+      zebra,
+      rowActive,
+      rowSelected,
+      groupRow: rowInfo.isGroupRow,
+      rowExpanded: rowInfo.isGroupRow ? !rowInfo.collapsed : false
+    }), colClassName, rowComputedClassName),
     renderChildren
   };
   return /* @__PURE__ */ React21.createElement(InfiniteTableCell, __spreadValues({}, cellProps));
@@ -6886,7 +6897,9 @@ function InfiniteTableHeaderCell(props) {
       dragging,
       rowSelected: false,
       zebra: false,
-      rowActive: false
+      rowActive: false,
+      groupRow: false,
+      rowExpanded: false
     }), CellCls),
     cssEllipsis: (_e = (_d = column.headerCssEllipsis) != null ? _d : column.cssEllipsis) != null ? _e : true,
     afterChildren: /* @__PURE__ */ React28.createElement(React28.Fragment, null, showColumnFilters ? column.computedFilterable ? /* @__PURE__ */ React28.createElement(InfiniteTableColumnHeaderFilter, {
@@ -7606,6 +7619,14 @@ function lazyGroup(groupParams, rootData) {
     if (currentGroupKeys.length == groupBy.length && groupBy.length) {
       if (current) {
         current.items = dataArray;
+        for (let i = 0, len = currentGroupKeys.length; i < len; i++) {
+          const currentKeys = currentGroupKeys.slice(0, i);
+          const deepMapGroupValue = deepMap.get(currentKeys);
+          if (deepMapGroupValue) {
+            deepMapGroupValue.items = deepMapGroupValue.items || [];
+            deepMapGroupValue.items = deepMapGroupValue.items.concat(dataArray);
+          }
+        }
         indexer.indexArray(dataArray, toPrimaryKey);
       }
       return next == null ? void 0 : next();
@@ -7626,7 +7647,7 @@ function lazyGroup(groupParams, rootData) {
         continue;
       }
       const dataObject = dataArray[i].data;
-      const dataKeys = dataArray[i].keys;
+      const dataKeys = dataArray[i].keys || [];
       if (dataKeys.length) {
         const key = dataKeys[dataKeys.length - 1];
         currentGroupKeys.push(key);
@@ -7804,7 +7825,7 @@ function flatten(groupResult) {
 }
 function getEnhancedGroupData(options, deepMapValue) {
   var _a;
-  const { groupBy, groupKeys, collapsed, parents, reducers, lazyLoad } = options;
+  const { groupBy, groupKeys, parents, reducers, lazyLoad } = options;
   const groupNesting = groupKeys.length;
   const {
     items: groupItems,
@@ -7839,7 +7860,7 @@ function getEnhancedGroupData(options, deepMapValue) {
     selectedChildredCount: 0,
     deselectedChildredCount: 0,
     id: `${groupKeys}`,
-    collapsed,
+    collapsed: false,
     dataSourceHasGrouping: true,
     selfLoaded,
     error: options.error,
@@ -7898,7 +7919,7 @@ function enhancedFlatten(param) {
     var _a, _b;
     const items = deepMapValue.items;
     const groupNesting = groupKeys.length;
-    const collapsed = (_a = groupRowsState == null ? void 0 : groupRowsState.isGroupRowCollapsed(groupKeys)) != null ? _a : false;
+    let collapsed = (_a = groupRowsState == null ? void 0 : groupRowsState.isGroupRowCollapsed(groupKeys)) != null ? _a : false;
     indexInParentGroups.push(indexInGroup);
     const enhancedGroupData = getEnhancedGroupData({
       lazyLoad,
@@ -7911,11 +7932,10 @@ function enhancedFlatten(param) {
       groupKeys,
       error: deepMapValue.error,
       totalChildrenCount: deepMapValue.totalChildrenCount,
-      childrenLoading: deepMapValue.childrenLoading,
+      childrenLoading: (deepMapValue.childrenLoading || !collapsed && !deepMapValue.childrenAvailable) && lazyLoad,
       childrenAvailable: deepMapValue.childrenAvailable,
       directChildrenCount: groupKeys.length === groupByStrings.length ? deepMapValue.items.length : deepMap.getDirectChildrenSizeFor(groupKeys),
-      directChildrenLoadedCount: 0,
-      collapsed
+      directChildrenLoadedCount: 0
     }, deepMapValue);
     if (isRowSelected) {
       enhancedGroupData.rowSelected = isRowSelected(enhancedGroupData);
@@ -7927,6 +7947,10 @@ function enhancedFlatten(param) {
     }
     const parent = parents[parents.length - 1];
     const parentCollapsed = (_b = parent == null ? void 0 : parent.collapsed) != null ? _b : false;
+    if (parentCollapsed) {
+      collapsed = true;
+    }
+    enhancedGroupData.collapsed = collapsed;
     let include = generateGroupRows || collapsed;
     if (parentCollapsed) {
       include = false;
@@ -7934,27 +7958,16 @@ function enhancedFlatten(param) {
     if (include) {
       result.push(enhancedGroupData);
     }
-    if (collapsed) {
-      enhancedGroupData.collapsedChildrenCount = enhancedGroupData.groupCount;
-      parents.forEach((parent2) => {
-        if (!parentCollapsed) {
-          parent2.deepRowInfoArray.push(enhancedGroupData);
-        }
-        parent2.collapsedChildrenCount += enhancedGroupData.groupCount;
-        parent2.collapsedGroupsCount += 1;
-      });
-    } else {
-      if (!parentCollapsed) {
-        parents.forEach((parent2) => {
-          parent2.deepRowInfoArray.push(enhancedGroupData);
-        });
-      }
-    }
+    enhancedGroupData.collapsedChildrenCount = 0;
+    parents.forEach((parent2) => {
+      parent2.deepRowInfoArray.push(enhancedGroupData);
+      parent2.collapsedGroupsCount += collapsed ? 1 : 0;
+    });
     if (parent && enhancedGroupData.selfLoaded && lazyLoad) {
       parent.directChildrenLoadedCount += 1;
     }
     parents.push(enhancedGroupData);
-    const continueWithChildren = !collapsed || lazyLoad;
+    const continueWithChildren = true;
     if (continueWithChildren) {
       if (!next) {
         if (!pivot) {
@@ -7992,9 +8005,10 @@ function enhancedFlatten(param) {
               if (last && item) {
                 parent2.directChildrenLoadedCount += 1;
               }
-              if (!parentCollapsed) {
-                parent2.deepRowInfoArray.push(rowInfo);
+              if (collapsed) {
+                parent2.collapsedChildrenCount += 1;
               }
+              parent2.deepRowInfoArray.push(rowInfo);
             });
             if (!collapsed) {
               result[startIndex + index] = rowInfo;
@@ -8660,8 +8674,10 @@ function useLazyLoadRange() {
   const {
     lazyLoadBatchSize,
     lazyLoad,
+    originalLazyGroupDataChangeDetect,
     notifyRenderRangeChange,
     dataArray,
+    groupRowsState,
     scrollStopDelayUpdatedByTable
   } = componentState;
   const latestRenderRangeRef = (0, import_react30.useRef)(null);
@@ -8690,20 +8706,27 @@ function useLazyLoadRange() {
     }, cache);
   };
   const debouncedLoadRange = (0, import_react30.useMemo)(() => debounce(loadRange, { wait: scrollStopDelayUpdatedByTable }), [scrollStopDelayUpdatedByTable]);
-  (0, import_react30.useEffect)(() => {
+  useEffectWithChanges((changes) => {
     if (lazyLoad) {
+      if (changes.originalLazyGroupDataChangeDetect || changes.groupRowsState) {
+        loadRange(notifyRenderRangeChange.get());
+      }
       return notifyRenderRangeChange.onChange((renderRange) => {
         latestRenderRangeRef.current = renderRange;
         loadRange(renderRange);
       });
     }
     return;
-  }, [lazyLoadBatchSize, lazyLoad]);
+  }, {
+    lazyLoadBatchSize,
+    lazyLoad,
+    originalLazyGroupDataChangeDetect,
+    groupRowsState
+  });
   (0, import_react30.useEffect)(() => {
     if (lazyLoadBatchSize && lazyLoadBatchSize > 0) {
       debouncedLoadRange();
     }
-    return;
   }, [dataArray]);
 }
 function lazyLoadRange(options, cache) {
@@ -9580,16 +9603,7 @@ var forwardProps3 = (setupState) => {
     collapseGroupRowsOnDataFunctionChange: (collapseGroupRowsOnDataFunctionChange) => collapseGroupRowsOnDataFunctionChange != null ? collapseGroupRowsOnDataFunctionChange : true,
     loading: (loading) => loading != null ? loading : false,
     sortInfo: (sortInfo) => normalizeSortInfo(sortInfo, setupState.propsCache.get("sortInfo")),
-    groupBy: (groupBy) => groupBy != null ? groupBy : [],
-    groupRowsState: (groupRowsState) => {
-      if (groupRowsState && !(groupRowsState instanceof GroupRowsState)) {
-        groupRowsState = new GroupRowsState(groupRowsState);
-      }
-      return groupRowsState || new GroupRowsState({
-        expandedRows: true,
-        collapsedRows: []
-      });
-    }
+    groupBy: (groupBy) => groupBy != null ? groupBy : []
   };
 };
 function getLivePaginationCursorValue(livePaginationCursorProp, state) {
@@ -9648,8 +9662,17 @@ function mapPropsToState(params) {
   }
   const primaryKeyDescriptor = state.primaryKey;
   const toPrimaryKey = typeof primaryKeyDescriptor === "function" ? (data) => primaryKeyDescriptor(data) : (data) => data[primaryKeyDescriptor];
+  let groupRowsState = props.groupRowsState || state.groupRowsState || props.defaultGroupRowsState;
+  if (groupRowsState && !(groupRowsState instanceof GroupRowsState)) {
+    groupRowsState = new GroupRowsState(groupRowsState);
+  }
+  groupRowsState = groupRowsState || new GroupRowsState(state.lazyLoad ? { expandedRows: [], collapsedRows: true } : {
+    expandedRows: true,
+    collapsedRows: []
+  });
   const result = {
     selectionMode,
+    groupRowsState,
     rowSelection: rowSelectionState,
     toPrimaryKey,
     operatorsByFilterType,
@@ -12392,7 +12415,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react44.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.4.10"
+      version: "0.4.11"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -13285,3 +13308,4 @@ var components = {
   CheckBox: InfiniteCheckBox,
   LoadMask
 };
+//!collapsed || lazyLoad;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinite-table/infinite-react",
   "description": "Infinite Table for React",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "main": "index.js",
   "module": "index.esm.js",
   "typings": "index.d.ts",
@@ -14,5 +14,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1661331797164
+  "publishedAt": 1661872202933
 }