@neo4j-ndl/react 0.1.0

package/lib/tooltip/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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 Tooltip } from './Tooltip';

package/lib/tooltip/index.js

@@ -0,0 +1,33 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.Tooltip = void 0;
+var Tooltip_1 = require("./Tooltip");
+__createBinding(exports, Tooltip_1, "default", "Tooltip");
+//# sourceMappingURL=index.js.map

package/lib/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;AAEH,qCAA+C;AAAtC,0DAAkB"}

package/lib/view-selector/ViewSelector.d.ts

@@ -0,0 +1,58 @@
+/**
+ *
+ *  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 React from 'react';
+import { ElementBase } from 'helpers';
+/**
+ *
+ *
+ * Types
+ *
+ *
+ */
+declare type ViewSelectorID = string | number;
+export interface ViewSelectorProps<T extends ViewSelectorID> extends ElementBase {
+    /** Size of the selector */
+    size?: 'small' | 'large';
+    /** If selector items will include only icons */
+    icons?: boolean;
+    /**
+     * onChange function is more generic to support union type of strings as input
+     * to help useState in components that uses Switch group with typesafety
+     */
+    onChange: (e: T) => void | ((e: React.SetStateAction<T>) => void);
+    /** Currently selected option */
+    selected: T;
+    children: React.ReactNode | string;
+}
+export declare const ViewSelector: <T extends ViewSelectorID>({ size, icons, children, selected, onChange, as, }: ViewSelectorProps<T>) => JSX.Element;
+export declare const ViewSelectorItem: ({ children, value, as, }: Omit<React.HTMLProps<HTMLElement>, "size" | "as" | "selected" | "onChange"> & {
+    /**
+     *
+     *
+     * Types
+     *
+     *
+     */
+    as?: string | React.ComponentType<any> | undefined;
+} & {
+    value: string;
+}) => JSX.Element;
+export {};

package/lib/view-selector/ViewSelector.js

@@ -0,0 +1,78 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ViewSelectorItem = exports.ViewSelector = void 0;
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ViewSelectorContext = react_1["default"].createContext(null);
+var useSelectorContext = function () {
+    var context = (0, react_1.useContext)(ViewSelectorContext);
+    if (context === null) {
+        throw new Error('View Selector used without context');
+    }
+    return context;
+};
+var ViewSelector = function (_a) {
+    var _b;
+    var _c = _a.size, size = _c === void 0 ? 'large' : _c, _d = _a.icons, icons = _d === void 0 ? false : _d, children = _a.children, selected = _a.selected, onChange = _a.onChange, _e = _a.as, as = _e === void 0 ? 'div' : _e;
+    var classes = (0, classnames_1["default"])("ndl-view-selector", (_b = {},
+        _b[size] = size,
+        _b));
+    var Component = as;
+    return (react_1["default"].createElement(Component, { className: classes, role: "group" },
+        react_1["default"].createElement(ViewSelectorContext.Provider, { value: { onChange: onChange, selected: selected, icons: icons } }, children)));
+};
+exports.ViewSelector = ViewSelector;
+var ViewSelectorItem = function (_a) {
+    var children = _a.children, value = _a.value, _b = _a.as, as = _b === void 0 ? 'button' : _b;
+    var _c = useSelectorContext(), onChange = _c.onChange, selected = _c.selected, icons = _c.icons;
+    var isSelected = value && value === selected;
+    var base = (0, classnames_1["default"])("selector-".concat(icons ? 'icon' : 'item'), {
+        current: value && value === selected
+    });
+    var Component = as;
+    return (react_1["default"].createElement(Component, { onClick: function () { return !isSelected && onChange(value); }, className: base }, children));
+};
+exports.ViewSelectorItem = ViewSelectorItem;
+//# sourceMappingURL=ViewSelector.js.map

package/lib/view-selector/ViewSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../src/view-selector/ViewSelector.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA0C;AAC1C,0DAAoC;AAwCpC,IAAM,mBAAmB,GACvB,kBAAK,CAAC,aAAa,CAAkC,IAAI,CAAC,CAAC;AAE7D,IAAM,kBAAkB,GAAG;IACzB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;KACvD;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,IAAM,YAAY,GAAG,UAA2B,EAOhC;;QANrB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,EAAV,EAAE,mBAAG,KAAK,KAAA;IAEV,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,mBAAmB;QAC5C,GAAC,IAAI,IAAG,IAAI;YACZ,CAAC;IAEH,IAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,iCAAC,SAAS,IAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO;QACzC,iCAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAC/D,QAAQ,CACoB,CACrB,CACb,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB;AAEK,IAAM,gBAAgB,GAAG,UAAC,EAMhC;QALC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAa,EAAb,EAAE,mBAAG,QAAQ,KAAA;IAIP,IAAA,KAAgC,kBAAkB,EAAE,EAAlD,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAyB,CAAC;IAE3D,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC;IAE/C,IAAM,IAAI,GAAG,IAAA,uBAAU,EAAC,mBAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAE,EAAE;QAC7D,OAAO,EAAE,KAAK,IAAI,KAAK,KAAK,QAAQ;KACrC,CAAC,CAAC;IAEH,IAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,iCAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAAE,SAAS,EAAE,IAAI,IACtE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B"}

package/lib/view-selector/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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 * from './ViewSelector';

package/lib/view-selector/index.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+__exportStar(require("./ViewSelector"), exports);
+//# sourceMappingURL=index.js.map

package/lib/view-selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/view-selector/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;AAEH,iDAA+B"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@neo4j-ndl/react",
+  "version": "0.1.0",
+  "description": "React implementation of Neo4j Design System",
+  "keywords": [
+    "button",
+    "react"
+  ],
+  "author": "Neo4j Inc.",
+  "homepage": "",
+  "license": "GPL-3.0",
+  "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "generate-component": "node ./scripts/component-generator.js",
+    "pretest": "yarn run lint",
+    "test": "jest",
+    "tsc": "tsc",
+    "build": "tsc",
+    "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"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.16.4",
+    "@babel/preset-react": "^7.16.0",
+    "@testing-library/jest-dom": "^5.15.1",
+    "@testing-library/react": "^12.1.2",
+    "@types/react-dom": "^17.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.5.0",
+    "@typescript-eslint/parser": "^5.5.0",
+    "babel-jest": "^27.3.1",
+    "eslint": "^8.3.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "jest": "^27.3.1",
+    "react": "^17.0.2",
+    "ts-jest": "^27.0.7"
+  },
+  "peerDependencies": {
+    "react": "17.x"
+  },
+  "dependencies": {
+    "@heroicons/react": "^1.0.5",
+    "@neo4j-ndl/base": "^0.1.0",
+    "classnames": "^2.3.1"
+  },
+  "gitHead": "3684958480b56ac6f3c90a017a08d5a478a2270f"
+}