@neo4j-ndl/react 0.1.4 → 0.3.1

package/lib/types/table/hooks/useMultiRowSelect.d.ts

@@ -0,0 +1,42 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Hooks, UseGroupByCellProps, UseTableCellProps, UseRowStateCellProps, UseRowSelectRowProps } from 'react-table';
+export interface CustomCell<D extends Record<string, unknown> = Record<string, unknown>, V = any> extends UseTableCellProps<D, V>, UseGroupByCellProps<D>, UseRowSelectRowProps<D>, UseRowStateCellProps<D> {
+}
+/**
+ * A react-table plugin to support controlled selected row state for multiple rows
+ *
+ * Required options provided to useTable:
+ *
+ *  `onAllRowSelect`: A callback that is called when the all rows checkbox is toggled
+ *  `onRowSelect`: A callback that is called when a rows checkbox is toggled
+ *
+ * Required fields on `data` provided to useTable:
+ *
+ *  `isSelected`: a boolean that indicates if the row is selected. This key can be changed
+ *              from `isSelected` to something else by setting the `manualRowSelectedKey` option
+ *              in the useTable options. See the useRowSelect plugin docs for more details.
+ */
+declare const useMultiRowSelect: {
+    <T extends Record<string, unknown>>(hooks: Hooks<T>): void;
+    pluginName: string;
+};
+export default useMultiRowSelect;

package/lib/types/table/hooks/useSingleRowSelect.d.ts

@@ -0,0 +1,37 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Hooks } from 'react-table';
+/**
+ * A react-table plugin to support controlled selected row state for a single row
+ *
+ * Required options provided to useTable:
+ *
+ * `onRowSelect`: A callback that is called when a rows checkbox is toggled
+ *
+ * Required fields on `data` provided to useTable:
+ *
+ * `isSelected`: a boolean that indicates if the row is selected. This key can be changed
+ *              from `isSelected` to something else by setting the `manualRowSelectedKey` option
+ *              in the useTable options. See the useRowSelect plugin docs for more details.
+ *              There should only ever be 1 data entry with isSelected set to true
+ */
+export declare const useSingleRowSelect: <T extends Record<string, unknown>>(hooks: Hooks<T>) => void;
+export default useSingleRowSelect;

package/lib/types/table/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as Table } from './Table';
+export * from './hooks';

package/lib/types/tabs/Tabs.d.ts

@@ -22,7 +22,7 @@ import React from 'react';
 declare type TabId = string | number;
 declare type Size = 'small' | 'large';
 declare type Fill = 'underline' | 'filled';
-interface BaseTabsProps<T extends TabId> {
+export interface BaseTabsProps<T extends TabId> {
     /**
      * The currently active tabId
      */
@@ -31,7 +31,7 @@ interface BaseTabsProps<T extends TabId> {
      * Event when a new tab is selected. Receives the newly selected
      * tabId as the value
      */
-    onChange: (value: T) => void;
+    onChange: (e: T) => void;
     children: React.ReactNode | string;
     fill?: Fill;
     size?: Size;
@@ -41,8 +41,7 @@ interface BaseTabsProps<T extends TabId> {
      */
     as?: string | React.ComponentType<any>;
 }
-export declare type TabsProps = BaseTabsProps<string> | BaseTabsProps<number>;
-export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<unknown>>;
+export declare const Tabs: <T extends TabId>(props: BaseTabsProps<T> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 interface TabProps<T extends TabId> {
     tabId: T;
     children: React.ReactNode | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "0.1.4",
+  "version": "0.3.1",
   "description": "React implementation of Neo4j Design System",
   "keywords": [
     "button",
@@ -38,7 +38,7 @@
     "build:types": "tsc -p tsconfig.types.json",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
     "lint": "eslint --ext .jsx,.tsx,.js,.ts src",
-    "create-icons": "svgr --icon --typescript --no-svgo --replace-attr-values '#535B66=currentColor' --out-dir ./src/icons/custom -- ../base/src/icons"
+    "create-icons": "svgr --icon --typescript --no-svgo --replace-attr-values '#535B66=currentColor' --jsx-runtime 'automatic' --out-dir ./src/icons/custom -- ../base/src/icons"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.4",
@@ -47,6 +47,7 @@
     "@testing-library/react": "^12.1.2",
     "@types/jest-axe": "^3.5.3",
     "@types/react-dom": "^17.0.11",
+    "@types/react-table": "^7.7.10",
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "^5.5.0",
     "babel-jest": "^27.3.1",
@@ -66,8 +67,9 @@
   },
   "dependencies": {
     "@heroicons/react": "^1.0.5",
-    "@neo4j-ndl/base": "^0.1.4",
-    "classnames": "^2.3.1"
-  },
-  "gitHead": "13bd473ddaadf7505309bc53ade8b44deed1514f"
+    "@neo4j-ndl/base": "^0.3.1",
+    "classnames": "^2.3.1",
+    "react-dropzone": "^12.0.4",
+    "react-table": "^7.7.0"
+  }
 }