@neo4j-ndl/react 0.7.2 → 0.8.1

package/lib/types/code-block/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 './CodeBlock';

package/lib/types/code-block/languages.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ *  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/>.
+ */
+declare const Languages: readonly ["abap", "abnf", "actionscript", "ada", "agda", "al", "antlr4", "apacheconf", "apex", "apl", "applescript", "aql", "arduino", "arff", "asciidoc", "asm6502", "asmatmel", "aspnet", "autohotkey", "autoit", "avisynth", "avro-idl", "bash", "basic", "batch", "bbcode", "bicep", "birb", "bison", "bnf", "brainfuck", "brightscript", "bro", "bsl", "c", "cfscript", "chaiscript", "cil", "clike", "clojure", "cmake", "cobol", "coffeescript", "concurnas", "coq", "cpp", "crystal", "csharp", "cshtml", "csp", "css-extras", "css", "csv", "cypher", "d", "dart", "dataweave", "dax", "dhall", "diff", "django", "dns-zone-file", "docker", "dot", "ebnf", "editorconfig", "eiffel", "ejs", "elixir", "elm", "erb", "erlang", "etlua", "excel-formula", "factor", "false", "firestore-security-rules", "flow", "fortran", "fsharp", "ftl", "gap", "gcode", "gdscript", "gedcom", "gherkin", "git", "glsl", "gml", "gn", "go-module", "go", "graphql", "groovy", "haml", "handlebars", "haskell", "haxe", "hcl", "hlsl", "hoon", "hpkp", "hsts", "http", "ichigojam", "icon", "icu-message-format", "idris", "iecst", "ignore", "inform7", "ini", "io", "j", "java", "javadoc", "javadoclike", "javascript", "javastacktrace", "jexl", "jolie", "jq", "js-extras", "js-templates", "jsdoc", "json", "json5", "jsonp", "jsstacktrace", "jsx", "julia", "keepalived", "keyman", "kotlin", "kumir", "kusto", "latex", "latte", "less", "lilypond", "liquid", "lisp", "livescript", "llvm", "log", "lolcode", "lua", "magma", "makefile", "markdown", "markup-templating", "markup", "matlab", "maxscript", "mel", "mermaid", "mizar", "mongodb", "monkey", "moonscript", "n1ql", "n4js", "nand2tetris-hdl", "naniscript", "nasm", "neon", "nevod", "nginx", "nim", "nix", "nsis", "objectivec", "ocaml", "opencl", "openqasm", "oz", "parigp", "parser", "pascal", "pascaligo", "pcaxis", "peoplecode", "perl", "php-extras", "php", "phpdoc", "plsql", "powerquery", "powershell", "processing", "prolog", "promql", "properties", "protobuf", "psl", "pug", "puppet", "pure", "purebasic", "purescript", "python", "q", "qml", "qore", "qsharp", "r", "racket", "reason", "regex", "rego", "renpy", "rest", "rip", "roboconf", "robotframework", "ruby", "rust", "sas", "sass", "scala", "scheme", "scss", "shell-session", "smali", "smalltalk", "smarty", "sml", "solidity", "solution-file", "soy", "sparql", "splunk-spl", "sqf", "sql", "squirrel", "stan", "stylus", "swift", "systemd", "t4-cs", "t4-templating", "t4-vb", "tap", "tcl", "textile", "toml", "tremor", "tsx", "tt2", "turtle", "twig", "typescript", "typoscript", "unrealscript", "uorazor", "uri", "v", "vala", "vbnet", "velocity", "verilog", "vhdl", "vim", "visual-basic", "warpscript", "wasm", "web-idl", "wiki", "wolfram", "wren", "xeora", "xml-doc", "xojo", "xquery", "yaml", "yang", "zig"];
+export declare type LanguageProp = typeof Languages[number];
+export {};

package/lib/types/graph-label/GraphLabel.d.ts

@@ -19,52 +19,25 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { ElementBase } from '../helpers';
 /**
  *
  *
- * Types
+ * GraphLabel Component
  *
  *
  */
-declare type NodeLabelProps = {
+declare const GraphLabel: React.ForwardRefExoticComponent<{
+    type: 'node' | 'relationship' | 'propertyKey';
     children?: React.ReactNode;
+    /** The background color of the label only applicable to type node and relationship*/
+    color?: string | undefined;
     /** Sets the label to the disabled style */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** Additional classes only applicable to type node*/
-    className?: string;
-    /** The background color of the label only applicable to type node*/
-    color?: string;
-    /** If the element is selected */
-    selected?: boolean;
-} & ElementBase<HTMLButtonElement>;
-declare type RelationshipLabelProps = {
-    children?: React.ReactNode;
-    /** Sets the label to the disabled style */
-    disabled?: boolean;
-    /** If the element is selected */
-    selected?: boolean;
-} & ElementBase<HTMLButtonElement>;
-declare type PropertyKeyLabelProps = {
-    children?: React.ReactNode;
-    /** Sets the label to the disabled style */
-    disabled?: boolean;
+    className?: string | undefined;
     /** If the element is selected */
-    selected?: boolean;
-} & ElementBase<HTMLButtonElement>;
-declare type GraphLabelProps = ({
-    type: 'node';
-} & NodeLabelProps) | ({
-    type: 'relationship';
-} & RelationshipLabelProps) | ({
-    type: 'propertyKey';
-} & PropertyKeyLabelProps);
-/**
- *
- *
- * GraphLabel Component
- *
- *
- */
-declare const GraphLabel: React.ForwardRefExoticComponent<GraphLabelProps & React.RefAttributes<HTMLDivElement>>;
+    selected?: boolean | undefined;
+} & Omit<React.HTMLProps<HTMLButtonElement>, "ref" | "size" | "as" | "selected" | "onChange"> & {
+    as?: string | React.ComponentType<any> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default GraphLabel;

package/lib/types/graph-label/color.d.ts

@@ -0,0 +1,41 @@
+/**
+ *
+ *  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/>.
+ */
+/**
+ * Takes a color string and returns color string
+ * that is readable on top of that background. Prioritizes pallete
+ *  text colors and uses black or white as fallback.
+ */
+export declare const getTextColorFromBackground: (color: string) => string;
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+export declare const getHoverColor: (color: string) => string;
+/**
+ * Returns the most readlabale color on the given background color
+ *  as a string from a list of palette text colors
+ */
+export declare const getDisabledTextColor: (backgroundColor: string) => string;
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+export declare const getDisabledColor: (color: string) => string;

package/lib/types/index.d.ts

@@ -41,3 +41,4 @@ export * from './dropdown';
 export * from './tag';
 export * from './wizard';
 export * from './graph-label';
+export * from './code-block';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "0.7.2",
+  "version": "0.8.1",
   "description": "React implementation of Neo4j Design System",
   "keywords": [
     "button",
@@ -48,6 +48,7 @@
     "@types/jest-axe": "^3.5.3",
     "@types/react-dom": "^17.0.11",
     "@types/react-table": "^7.7.10",
+    "@types/tinycolor2": "^1.4.3",
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "^5.5.0",
     "babel-jest": "^27.3.1",
@@ -68,12 +69,14 @@
   },
   "dependencies": {
     "@heroicons/react": "^1.0.5",
-    "@neo4j-ndl/base": "^0.7.1",
+    "@neo4j-ndl/base": "workspace:^",
     "classnames": "^2.3.1",
     "detect-browser": "^5.3.0",
     "react-dropzone": "^14.0.0",
     "react-select": "^5.3.2",
+    "react-syntax-highlighter": "^15.5.0",
     "react-table": "^7.7.0",
-    "react-use": "^17.4.0"
+    "react-use": "^17.4.0",
+    "tinycolor2": "^1.4.2"
   }
 }