Merge branch 'feat/add-imperative-unselect-all' into v2-develop

.github/workflows/release.yaml

@@ -3,8 +3,8 @@ name: Release
 on:
   push:
     branches:
-      # - main
-      # - develop
+      - v2
+      - v2-develop
       - alpha
   workflow_dispatch:
 

.github/workflows/update_dependent_projects_alpha.yaml

@@ -1,4 +1,4 @@
-name: Update dependent projects (ALPHA)
+name: Update dependent projects (alpha)
 
 on:
   release:

.github/workflows/update_dependent_projects_v2-develop.yaml

@@ -0,0 +1,28 @@
+name: Update dependent projects (v2-develop)
+
+on:
+  release:
+    types: [published]
+  workflow_dispatch:
+
+env:
+  LIBRARY_NAME: "gisce/react-formiga-table"
+
+jobs:
+  update-dependents:
+    if: github.event.release.prerelease == true && !contains(github.event.release.tag_name, '-alpha.') && contains(github.event.release.tag_name, '-rc.')
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        include:
+          - project: "gisce/react-ooui"
+            branch: "v2-develop"
+    steps:
+      - name: Call Reusable Workflow for each project
+        uses: gisce/[email protected]
+        with:
+          dependentProject: ${{ matrix.project }}
+          tagName: ${{ github.event.release.tag_name }}
+          dependentProjectBranch: ${{ matrix.branch }}
+          libraryName: ${{ env.LIBRARY_NAME }}
+          githubToken: ${{ secrets.GH_PAT }}

.github/workflows/update_dependent_projects_v2.yaml

@@ -0,0 +1,28 @@
+name: Update dependent projects (v2)
+
+on:
+  release:
+    types: [published]
+  workflow_dispatch:
+
+env:
+  LIBRARY_NAME: "gisce/react-formiga-table"
+
+jobs:
+  update-dependents:
+    if: github.event.release.prerelease == false && contains(github.event.release.tag_name, 'v2')
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        include:
+          - project: "gisce/react-ooui"
+            branch: "v2"
+    steps:
+      - name: Call Reusable Workflow for each project
+        uses: gisce/[email protected]
+        with:
+          dependentProject: ${{ matrix.project }}
+          tagName: ${{ github.event.release.tag_name }}
+          dependentProjectBranch: ${{ matrix.branch }}
+          libraryName: ${{ env.LIBRARY_NAME }}
+          githubToken: ${{ secrets.GH_PAT }}

package.json

@@ -87,14 +87,14 @@
     "styled-components": "5.3.5"
   },
   "lint-staged": {
-    "src/**/*.{js,jsx,ts,tsx}": "eslint --max-warnings=0",
+    "src/**/*.{js,jsx,ts,tsx}": "eslint",
     "src/**/*.{js,jsx,ts,tsx,json,css,md}": "prettier --write"
   },
   "release": {
     "branches": [
-      "main",
+      "v2",
       {
-        "name": "develop",
+        "name": "v2-develop",
         "prerelease": "rc"
       },
       {

src/components/Table.tsx

@@ -1,14 +1,14 @@
-import React, { useCallback, useEffect } from "react";
+import { forwardRef, useImperativeHandle, useCallback, useEffect } from "react";
 import { useExpandable } from "../hooks/useExpandable";
 import { useSelectable } from "../hooks/useSelectable";
 import { useShiftSelected } from "../hooks/useShiftSelect";
 import { useSortable } from "../hooks/useSortable";
-import { TableProps } from "../types";
+import { TableProps, TableRef } from "../types";
 import { Container } from "./Container";
 import { Headers } from "./Headers";
 import { Rows } from "./Rows";
 
-export const Table = (props: TableProps) => {
+export const Table = forwardRef<TableRef, TableProps>((props, ref) => {
   const {
     height,
     loading,
@@ -37,6 +37,12 @@ export const Table = (props: TableProps) => {
     selectionRowKeysProps,
   });
 
+  useImperativeHandle(ref, () => ({
+    unselectAll: () => {
+      toggleAllRowsSelected([]);
+    },
+  }));
+
   const onChange = useShiftSelected(
     dataSource.map((el) => el.id),
     changeSelected,
@@ -137,4 +143,6 @@ export const Table = (props: TableProps) => {
       </table>
     </Container>
   );
-};
+});
+
+Table.displayName = "Table";

src/stories/Table.stories.tsx

@@ -1,8 +1,8 @@
-import React, { useState } from "react";
+import React, { useRef, useState } from "react";
 import { ComponentMeta, ComponentStoryObj } from "@storybook/react";
 import { Table } from "../components/Table";
 import { Button, Spin } from "antd";
-import { OnCellRenderOpts, Sorter } from "../types";
+import { OnCellRenderOpts, Sorter, TableRef } from "../types";
 import {
   PlusSquareOutlined,
   MinusSquareOutlined,
@@ -395,21 +395,33 @@ export const AddingMoreChilds = (): React.ReactElement => {
 };
 
 export const HeavyTable = (): React.ReactElement => {
+  const tableRef = useRef<TableRef>(null);
+
   return (
-    <Table
-      dataSource={heavyTable}
-      columns={columns}
-      onRowSelectionChange={(selectedRows: any) => {
-        console.log("selectedRows: " + JSON.stringify(selectedRows));
-      }}
-      onRowStyle={() => undefined}
-      onRowDoubleClick={(record: any) => {
-        alert("double clicked record" + JSON.stringify(record));
-      }}
-      loadingComponent={<Spin />}
-      height={"100%"}
-      sorter={undefined}
-      loading={false}
-    />
+    <>
+      <Button
+        onClick={() => {
+          tableRef.current?.unselectAll();
+        }}
+      >
+        Unselect all
+      </Button>
+      <Table
+        ref={tableRef}
+        dataSource={heavyTable}
+        columns={columns}
+        onRowSelectionChange={(selectedRows: any) => {
+          console.log("selectedRows: " + JSON.stringify(selectedRows));
+        }}
+        onRowStyle={() => undefined}
+        onRowDoubleClick={(record: any) => {
+          alert("double clicked record" + JSON.stringify(record));
+        }}
+        loadingComponent={<Spin />}
+        height={"100%"}
+        sorter={undefined}
+        loading={false}
+      />
+    </>
   );
 };

src/types/index.ts

@@ -60,3 +60,7 @@ export type TableProps = {
   selectionRowKeys?: number[];
   customStyle?: customStyle;
 };
+
+export interface TableRef {
+  unselectAll: () => void;
+}