@gisce/react-ooui 1.4.16 → 1.4.17-rc.0

package/dist/widgets/views/SearchTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTree.d.ts","sourceRoot":"","sources":["SearchTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBnD,aAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;;AAgTF,wBAAsC"}
+{"version":3,"file":"SearchTree.d.ts","sourceRoot":"","sources":["SearchTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBnD,aAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;;AAqTF,wBAAsC"}

package/dist/widgets/views/Tree.d.ts

@@ -25,6 +25,7 @@ declare type Props = {
     rootTree?: boolean;
     context?: any;
     readonly?: boolean;
+    onSelectAllRecords?: () => Promise<void>;
 };
 declare function Tree(props: Props): React.ReactElement;
 export default Tree;

package/dist/widgets/views/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,OAAO,EAAE,QAAQ,EAAU,MAAM,SAAS,CAAC;AAwB3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAmHF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAyN9C;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,OAAO,EAAE,QAAQ,EAAU,MAAM,SAAS,CAAC;AAwB3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1C,CAAC;AAmHF,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAiO9C;AAED,eAAe,IAAI,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.4.16",
+  "version": "1.4.17-rc.0",
   "files": [
     "dist",
     "src",
@@ -35,7 +35,7 @@
     "@gisce/fiber-diagram": "^1.1.0-rc.3",
     "@gisce/ooui": "^0.22.3",
     "@gisce/react-formiga-components": "^1.0.9-rc.21",
-    "@gisce/react-formiga-table": "^0.8.5",
+    "@gisce/react-formiga-table": "^0.8.7-rc.0",
     "@monaco-editor/react": "^4.4.5",
     "@tabler/icons-react": "^2.11.0",
     "antd": "^5.5.2",

package/src/hooks/useSearch.ts

@@ -1,6 +1,7 @@
 import { mergeParams } from "@/helpers/searchHelper";
 import {
-  getColorMap, getStatusMap,
+  getColorMap,
+  getStatusMap,
   getTableItems,
   getTree,
   sortResults,
@@ -176,7 +177,8 @@ export const useSearch = (opts: UseSearchOpts) => {
       const { params, newOffset } = opts || {};
 
       const mergedParams = mergeParams(params || searchParams, domain);
-      const { colors, status } = getTree(treeView!);      const attrs: any = {};
+      const { colors, status } = getTree(treeView!);
+      const attrs: any = {};
       if (colors) {
         attrs.colors = colors;
       }
@@ -184,7 +186,6 @@ export const useSearch = (opts: UseSearchOpts) => {
         attrs.status = status;
       }
 
-
       const { totalItems, results, attrsEvaluated } =
         await ConnectionProvider.getHandler().searchForTree({
           params: mergedParams,
@@ -402,6 +403,15 @@ export const useSearch = (opts: UseSearchOpts) => {
     [treeView, model, context, getResults, setResults]
   );
 
+  const getAllIds = useCallback(async () => {
+    return await ConnectionProvider.getHandler().searchAllIds({
+      params: mergeParams(searchParams, domain),
+      model,
+      context,
+      totalItems,
+    });
+  }, [model, context, totalItems, searchParams, domain]);
+
   return {
     submit,
     clear,
@@ -419,5 +429,6 @@ export const useSearch = (opts: UseSearchOpts) => {
     colorsForResults,
     statusForResults,
     totalItems,
+    getAllIds,
   };
 };

package/src/locales/ca_ES.tsx

@@ -91,4 +91,8 @@ export default {
   savedRegisters: "Registre guardat correctament",
   errorWhileSavingForm: "Error en guardar el formulari",
   autor: "Autor",
+  recordsSelected:
+    "Hi ha {numberOfSelectedRows} registres seleccionats en aquesta pàgina.",
+  selectAllRecords: "Seleccionar tots els {totalRecords} registres.",
+  allRecordsSelected: "Hi ha {totalRecords} registres seleccionats.",
 };

package/src/locales/en_US.tsx

@@ -88,4 +88,8 @@ export default {
   savedRegisters: "Record successfully saved",
   errorWhileSavingForm: "Error while saving form",
   author: "Author",
+  recordsSelected:
+    "Hi ha {numberOfSelectedRows} registres seleccionats en aquesta pàgina.",
+  selectAllRecords: "Seleccionar tots els {totalRecords} registres.",
+  allRecordsSelected: "Hi ha {totalRecords} registres seleccionats.",
 };

package/src/locales/es_ES.tsx

@@ -92,4 +92,8 @@ export default {
   savedRegisters: "Registro guardado correctamente",
   errorWhileSavingForm: "Error al guardar el formulario",
   author: "Autor",
+  recordsSelected:
+    "Hay {numberOfSelectedRows} registros seleccionados en ésta página.",
+  selectAllRecords: "Seleccionar todos los {totalRecords} registros.",
+  allRecordsSelected: "Hay {totalRecords} registros seleccionados.",
 };

package/src/widgets/views/SearchTree.tsx

@@ -125,6 +125,7 @@ function SearchTree(props: Props, ref: any) {
     colorsForResults,
     statusForResults,
     totalItems,
+    getAllIds,
   } = useSearch({
     model: currentModel!,
     setSearchTreeNameSearch,
@@ -269,13 +270,16 @@ function SearchTree(props: Props, ref: any) {
   };
 
   function changeSelectedRowKeys(selectedRowKeys: any[]) {
-    const selectedRowItems = getResults().filter((entry: any) =>
-      selectedRowKeys.includes(entry.id)
-    );
-    setSelectedRowItems?.(selectedRowItems);
+    setSelectedRowItems?.(selectedRowKeys.map((id: number) => ({ id })));
     onChangeSelectedRowKeys?.(selectedRowKeys);
   }
 
+  async function selectAllRecords() {
+    const allIds = await getAllIds();
+    setSelectedRowItems?.(allIds.map((id: number) => ({ id })));
+    onChangeSelectedRowKeys?.(allIds);
+  }
+
   function calculateTableHeight() {
     if (treeView?.isExpandable) {
       return height - 160;
@@ -331,6 +335,7 @@ function SearchTree(props: Props, ref: any) {
           }
           childField={treeView.field_parent}
           rootTree={rootTree}
+          onSelectAllRecords={selectAllRecords}
         />
       </>
     );

package/src/widgets/views/Tree.tsx

@@ -53,6 +53,7 @@ type Props = {
   rootTree?: boolean;
   context?: any;
   readonly?: boolean;
+  onSelectAllRecords?: () => Promise<void>;
 };
 
 const booleanComponentFn = (value: boolean): React.ReactElement => {
@@ -190,6 +191,7 @@ function Tree(props: Props): React.ReactElement {
     rootTree = false,
     context,
     readonly,
+    onSelectAllRecords,
   } = props;
 
   const [items, setItems] = useState<Array<any>>([]);
@@ -381,6 +383,13 @@ function Tree(props: Props): React.ReactElement {
               }
             : undefined
         }
+        onSelectAllRecords={onSelectAllRecords}
+        totalItems={total || 0}
+        translations={{
+          recordsSelected: t("recordsSelected"),
+          selectAllRecords: t("selectAllRecords"),
+          allRecordsSelected: t("allRecordsSelected"),
+        }}
       />
       {getSums()}
     </div>