@etsoo/react 1.4.22 → 1.4.23

package/lib/mu/DataGridRenderers.d.ts

@@ -13,8 +13,10 @@ export declare namespace DataGridRenderers {
     function defaultCellRenderer<T extends Record<string, any>>({ cellProps, data, field, formattedValue, columnIndex, type, renderProps }: GridCellRendererProps<T>): React.ReactNode;
     /**
      * Default footer item renderer
-     * @param param Props
+     * @param rows Rows
+     * @param props Renderer props
+     * @param location Renderer location (column index)
      * @returns Component
      */
-    function defaultFooterItemRenderer<T>(_rows: T[], { index, states, checkable }: DataGridExFooterItemRendererProps<T>): string | undefined;
+    function defaultFooterItemRenderer<T>(_rows: T[], { index, states, checkable }: DataGridExFooterItemRendererProps<T>, location?: number): string | undefined;
 }

package/lib/mu/DataGridRenderers.js

@@ -75,18 +75,20 @@ export var DataGridRenderers;
     DataGridRenderers.defaultCellRenderer = defaultCellRenderer;
     /**
      * Default footer item renderer
-     * @param param Props
+     * @param rows Rows
+     * @param props Renderer props
+     * @param location Renderer location (column index)
      * @returns Component
      */
-    function defaultFooterItemRenderer(_rows, { index, states, checkable }) {
+    function defaultFooterItemRenderer(_rows, { index, states, checkable }, location = 1) {
         const { selectedItems, loadedItems, hasNextPage } = states;
-        if (checkable && index === 1) {
+        if (checkable && index === location + 1) {
             return [
                 selectedItems.length,
                 loadedItems.toLocaleString() + (hasNextPage ? '+' : '')
             ].join(' / ');
         }
-        if (!checkable && index === 0) {
+        if (!checkable && index === location) {
             return loadedItems.toLocaleString() + (hasNextPage ? '+' : '');
         }
         return undefined;

package/lib/mu/SearchBar.js

@@ -201,12 +201,12 @@ export function SearchBar(props) {
         handleSubmitInstant(true);
     };
     // Submit
-    const handleSubmit = () => {
+    const handleSubmit = (delay = 480) => {
         if (forms.submitSeed != null) {
             clearTimeout(forms.submitSeed);
         }
         // Delay the change
-        forms.submitSeed = window.setTimeout(handleSubmitInstant, 480);
+        forms.submitSeed = window.setTimeout(handleSubmitInstant, delay);
     };
     // Submit at once
     const handleSubmitInstant = (reset = false) => {
@@ -222,7 +222,7 @@ export function SearchBar(props) {
     // First loading
     React.useEffect(() => {
         // Delayed way
-        handleSubmit();
+        handleSubmit(100);
         return () => {
             // Clear the seeds
             if (forms.submitSeed != null)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.4.22",
+    "version": "1.4.23",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,7 +50,7 @@
         "@emotion/react": "^11.7.1",
         "@emotion/style": "^0.8.0",
         "@emotion/styled": "^11.6.0",
-        "@etsoo/appscript": "^1.2.21",
+        "@etsoo/appscript": "^1.2.22",
         "@etsoo/notificationbase": "^1.1.0",
         "@etsoo/shared": "^1.1.3",
         "@mui/icons-material": "^5.2.5",

package/src/mu/DataGridRenderers.tsx

@@ -112,23 +112,26 @@ export namespace DataGridRenderers {
 
     /**
      * Default footer item renderer
-     * @param param Props
+     * @param rows Rows
+     * @param props Renderer props
+     * @param location Renderer location (column index)
      * @returns Component
      */
     export function defaultFooterItemRenderer<T>(
         _rows: T[],
-        { index, states, checkable }: DataGridExFooterItemRendererProps<T>
+        { index, states, checkable }: DataGridExFooterItemRendererProps<T>,
+        location: number = 1
     ) {
         const { selectedItems, loadedItems, hasNextPage } = states;
 
-        if (checkable && index === 1) {
+        if (checkable && index === location + 1) {
             return [
                 selectedItems.length,
                 loadedItems.toLocaleString() + (hasNextPage ? '+' : '')
             ].join(' / ');
         }
 
-        if (!checkable && index === 0) {
+        if (!checkable && index === location) {
             return loadedItems.toLocaleString() + (hasNextPage ? '+' : '');
         }
 

package/src/mu/SearchBar.tsx

@@ -271,13 +271,13 @@ export function SearchBar(props: SearchBarProps) {
     };
 
     // Submit
-    const handleSubmit = () => {
+    const handleSubmit = (delay = 480) => {
         if (forms.submitSeed != null) {
             clearTimeout(forms.submitSeed);
         }
 
         // Delay the change
-        forms.submitSeed = window.setTimeout(handleSubmitInstant, 480);
+        forms.submitSeed = window.setTimeout(handleSubmitInstant, delay);
     };
 
     // Submit at once
@@ -297,7 +297,7 @@ export function SearchBar(props: SearchBarProps) {
     // First loading
     React.useEffect(() => {
         // Delayed way
-        handleSubmit();
+        handleSubmit(100);
 
         return () => {
             // Clear the seeds