@neo4j-ndl/react 2.16.26 → 3.0.0-alpha-4904fb7

package/lib/cjs/code/Code.js

@@ -0,0 +1,179 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Code = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  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/>.
+ */
+const react_1 = __importStar(require("react"));
+const react_syntax_highlighter_1 = require("react-syntax-highlighter");
+const prism_1 = require("react-syntax-highlighter/dist/cjs/styles/prism");
+const CodeBlockWrapper_1 = require("../_common/CodeBlockWrapper");
+const ConditionalWrap_1 = __importDefault(require("../_common/ConditionalWrap"));
+const defaultImports_1 = require("../_common/defaultImports");
+const tooltip_1 = require("../tooltip");
+const loadLanguage = (language) => {
+    /* need to import the languages dynamically to reduce the bundle size and need to use a string literal for proper tree shaking */
+    switch (language) {
+        case 'asciidoc':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/asciidoc')));
+        case 'bash':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/bash')));
+        case 'c':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/c')));
+        case 'csharp':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/csharp')));
+        case 'css':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/css')));
+        case 'css-extras':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/css-extras')));
+        case 'cypher':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/cypher')));
+        case 'docker':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/docker')));
+        case 'json':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/json')));
+        case 'go':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/go')));
+        case 'graphql':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/graphql')));
+        case 'java':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/java')));
+        case 'javadoc':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/javadoc')));
+        case 'javascript':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/javascript')));
+        case 'jsx':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/jsx')));
+        case 'kotlin':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/kotlin')));
+        case 'php':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/php')));
+        case 'python':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/python')));
+        case 'regex':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/regex')));
+        case 'rust':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/rust')));
+        case 'sql':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/sql')));
+        case 'typescript':
+            return Promise.resolve().then(() => __importStar(require('react-syntax-highlighter/dist/esm/languages/prism/typescript')));
+        default:
+            throw new Error(`Unsupported language: ${language}`);
+    }
+};
+exports.Code = react_1.default.forwardRef(function Code({ maxHeight, code, language, showLineNumbers, theme, headerTitle, actions, isDisabled, type = 'block', isRunnable = false, onClick, tooltipText, as, className, htmlAttributes, }, ref) {
+    const [shouldShowExpandButton, setShouldShowExpandButton] = (0, react_1.useState)(maxHeight !== undefined);
+    const [loadedLanguage, setLoadedLanguage] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (language === undefined || language === 'text') {
+            setLoadedLanguage('text');
+            return;
+        }
+        loadLanguage(language)
+            .then((module) => {
+            react_syntax_highlighter_1.PrismLight.registerLanguage(language, module.default);
+            setLoadedLanguage(language);
+        })
+            //TODO: add visual feedback for the user
+            .catch((err) => console.error(err));
+    }, [language]);
+    const Component = as || onClick ? 'button' : 'span';
+    const getTheme = () => {
+        switch (theme) {
+            case 'vs':
+                return prism_1.vs;
+            case 'base16-ateliersulphurpool.light':
+                return prism_1.base16AteliersulphurpoolLight;
+            case 'coy':
+                return prism_1.coy;
+            case 'duotone-light':
+                return prism_1.duotoneLight;
+            case 'ghcolors':
+                return prism_1.ghcolors;
+            case 'prism':
+                return prism_1.prism;
+            case 'solarizedlight':
+                return prism_1.solarizedlight;
+            default:
+                return prism_1.base16AteliersulphurpoolLight;
+        }
+    };
+    const calculateRightPadding = (() => {
+        if (headerTitle === undefined || headerTitle === '') {
+            const expandButtonCount = shouldShowExpandButton ? 1 : 0;
+            const actionCount = (actions === null || actions === void 0 ? void 0 : actions.length) || 0;
+            return Math.max(actionCount * 36, expandButtonCount * 36) + 8;
+        }
+    })();
+    const handleClick = (e) => {
+        if (isDisabled) {
+            e.preventDefault();
+            return;
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    const inlineClasses = (0, defaultImports_1.classNames)('ndl-inline-code', {
+        'ndl-disabled': isDisabled,
+        'ndl-runnable': isRunnable,
+    }, className);
+    if (type === 'inline') {
+        return ((0, jsx_runtime_1.jsx)(ConditionalWrap_1.default, { shouldWrap: tooltipText !== undefined, wrap: (children) => ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { children: children }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: tooltipText })] })), children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: inlineClasses, onClick: handleClick, disabled: isDisabled, ref: ref }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("code", { children: code }) })) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(CodeBlockWrapper_1.CodeBlockWrapper, Object.assign({ className: className, ref: ref, maxHeight: maxHeight, code: code, headerTitle: headerTitle, isDisabled: isDisabled, actions: actions, shouldShowExpandButton: shouldShowExpandButton, setShouldShowExpandButton: setShouldShowExpandButton }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.PrismLight, { language: loadedLanguage || 'text', style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
+                    color: 'rgb(var(--theme-palette-neutral-text-default))',
+                    lineHeight: '1',
+                    width: 'fit-content',
+                    border: 0,
+                    padding: `0 ${calculateRightPadding}px 0.75em 0.75em`,
+                } }), 
+            // Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
+            // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
+            // wrapLongLines
+            codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers, children: code }) })));
+});
+//# sourceMappingURL=Code.js.map

package/lib/cjs/code/Code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../../src/code/Code.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/{cypher-code-block → code}/index.js

@@ -34,5 +34,5 @@ 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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CypherCodeBlock"), exports);
+__exportStar(require("./Code"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/code/index.js.map

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

package/lib/cjs/code/languages.js

@@ -0,0 +1,49 @@
+"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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Languages = void 0;
+// Source for available languages: https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_PRISM.MD
+exports.Languages = [
+    'asciidoc',
+    'bash',
+    'c',
+    'csharp',
+    'css',
+    'css-extras',
+    'cypher',
+    'docker',
+    'json',
+    'go',
+    'graphql',
+    'java',
+    'javadoc',
+    'javascript',
+    'jsx',
+    'kotlin',
+    'php',
+    'python',
+    'regex',
+    'rust',
+    'sql',
+    'typescript',
+];
+//# sourceMappingURL=languages.js.map

package/lib/cjs/code/languages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.js","sourceRoot":"","sources":["../../../src/code/languages.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,gJAAgJ;AACnI,QAAA,SAAS,GAAG;IACvB,UAAU;IACV,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,YAAY;IACZ,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,SAAS;IACT,MAAM;IACN,SAAS;IACT,YAAY;IACZ,KAAK;IACL,QAAQ;IACR,KAAK;IACL,QAAQ;IACR,OAAO;IACP,MAAM;IACN,KAAK;IACL,YAAY;CACJ,CAAC"}