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

package/lib/esm/code/Code.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "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/>.
+ */
+import React, { useEffect, useState } from 'react';
+import { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { base16AteliersulphurpoolLight, coy, duotoneLight, ghcolors, prism, solarizedlight, vs, } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+import { CodeBlockWrapper } from '../_common/CodeBlockWrapper';
+import ConditionalWrap from '../_common/ConditionalWrap';
+import { classNames } from '../_common/defaultImports';
+import { Tooltip } from '../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 import('react-syntax-highlighter/dist/esm/languages/prism/asciidoc');
+        case 'bash':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/bash');
+        case 'c':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/c');
+        case 'csharp':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/csharp');
+        case 'css':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/css');
+        case 'css-extras':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/css-extras');
+        case 'cypher':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/cypher');
+        case 'docker':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/docker');
+        case 'json':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/json');
+        case 'go':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/go');
+        case 'graphql':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/graphql');
+        case 'java':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/java');
+        case 'javadoc':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/javadoc');
+        case 'javascript':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/javascript');
+        case 'jsx':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/jsx');
+        case 'kotlin':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/kotlin');
+        case 'php':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/php');
+        case 'python':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/python');
+        case 'regex':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/regex');
+        case 'rust':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/rust');
+        case 'sql':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/sql');
+        case 'typescript':
+            return import('react-syntax-highlighter/dist/esm/languages/prism/typescript');
+        default:
+            throw new Error(`Unsupported language: ${language}`);
+    }
+};
+export const Code = React.forwardRef(function Code({ maxHeight, code, language, showLineNumbers, theme, headerTitle, actions, isDisabled, type = 'block', isRunnable = false, onClick, tooltipText, as, className, htmlAttributes, }, ref) {
+    const [shouldShowExpandButton, setShouldShowExpandButton] = useState(maxHeight !== undefined);
+    const [loadedLanguage, setLoadedLanguage] = useState(null);
+    useEffect(() => {
+        if (language === undefined || language === 'text') {
+            setLoadedLanguage('text');
+            return;
+        }
+        loadLanguage(language)
+            .then((module) => {
+            SyntaxHighlighter.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 vs;
+            case 'base16-ateliersulphurpool.light':
+                return base16AteliersulphurpoolLight;
+            case 'coy':
+                return coy;
+            case 'duotone-light':
+                return duotoneLight;
+            case 'ghcolors':
+                return ghcolors;
+            case 'prism':
+                return prism;
+            case 'solarizedlight':
+                return solarizedlight;
+            default:
+                return 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 = classNames('ndl-inline-code', {
+        'ndl-disabled': isDisabled,
+        'ndl-runnable': isRunnable,
+    }, className);
+    if (type === 'inline') {
+        return (_jsx(ConditionalWrap, { shouldWrap: tooltipText !== undefined, wrap: (children) => (_jsxs(Tooltip, { type: "simple", children: [_jsx(Tooltip.Trigger, { children: children }), _jsx(Tooltip.Content, { children: tooltipText })] })), children: _jsx(Component, Object.assign({ className: inlineClasses, onClick: handleClick, disabled: isDisabled, ref: ref }, htmlAttributes, { children: _jsx("code", { children: code }) })) }));
+    }
+    return (_jsx(CodeBlockWrapper, Object.assign({ className: className, ref: ref, maxHeight: maxHeight, code: code, headerTitle: headerTitle, isDisabled: isDisabled, actions: actions, shouldShowExpandButton: shouldShowExpandButton, setShouldShowExpandButton: setShouldShowExpandButton }, htmlAttributes, { children: _jsx(SyntaxHighlighter, { 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/esm/code/Code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../../src/code/Code.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EACL,6BAA6B,EAC7B,GAAG,EACH,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,cAAc,EACd,EAAE,GACH,MAAM,gDAAgD,CAAC;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAOvD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,YAAY,GAAG,CAAC,QAAsB,EAAE,EAAE;IAC9C,iIAAiI;IACjI,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,UAAU;YACb,OAAO,MAAM,CACX,4DAA4D,CAC7D,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,wDAAwD,CAAC,CAAC;QAC1E,KAAK,GAAG;YACN,OAAO,MAAM,CAAC,qDAAqD,CAAC,CAAC;QACvE,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,0DAA0D,CAAC,CAAC;QAC5E,KAAK,KAAK;YACR,OAAO,MAAM,CAAC,uDAAuD,CAAC,CAAC;QACzE,KAAK,YAAY;YACf,OAAO,MAAM,CACX,8DAA8D,CAC/D,CAAC;QACJ,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,0DAA0D,CAAC,CAAC;QAC5E,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,0DAA0D,CAAC,CAAC;QAC5E,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,wDAAwD,CAAC,CAAC;QAC1E,KAAK,IAAI;YACP,OAAO,MAAM,CAAC,sDAAsD,CAAC,CAAC;QACxE,KAAK,SAAS;YACZ,OAAO,MAAM,CACX,2DAA2D,CAC5D,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,wDAAwD,CAAC,CAAC;QAC1E,KAAK,SAAS;YACZ,OAAO,MAAM,CACX,2DAA2D,CAC5D,CAAC;QACJ,KAAK,YAAY;YACf,OAAO,MAAM,CACX,8DAA8D,CAC/D,CAAC;QACJ,KAAK,KAAK;YACR,OAAO,MAAM,CAAC,uDAAuD,CAAC,CAAC;QACzE,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,0DAA0D,CAAC,CAAC;QAC5E,KAAK,KAAK;YACR,OAAO,MAAM,CAAC,uDAAuD,CAAC,CAAC;QACzE,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,0DAA0D,CAAC,CAAC;QAC5E,KAAK,OAAO;YACV,OAAO,MAAM,CAAC,yDAAyD,CAAC,CAAC;QAC3E,KAAK,MAAM;YACT,OAAO,MAAM,CAAC,wDAAwD,CAAC,CAAC;QAC1E,KAAK,KAAK;YACR,OAAO,MAAM,CAAC,uDAAuD,CAAC,CAAC;QACzE,KAAK,YAAY;YACf,OAAO,MAAM,CACX,8DAA8D,CAC/D,CAAC;QACJ;YACE,MAAM,IAAI,KAAK,CAAC,yBAAyB,QAAQ,EAAE,CAAC,CAAC;IACzD,CAAC;AACH,CAAC,CAAC;AAiDF,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CAGhD,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,IAAI,GAAG,OAAO,EACd,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,WAAW,EACX,EAAE,EACF,SAAS,EACT,cAAc,GACsB,EACtC,GAAsB;IAEtB,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAClE,SAAS,KAAK,SAAS,CACxB,CAAC;IAEF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAElD,IAAI,CAAC,CAAC;IAER,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YAClD,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,YAAY,CAAC,QAAQ,CAAC;aACnB,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACf,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;YAC7D,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC,CAAC;YACF,wCAAwC;aACvC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,SAAS,GAAG,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;IAEpD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,IAAI;gBACP,OAAO,EAAE,CAAC;YACZ,KAAK,iCAAiC;gBACpC,OAAO,6BAA6B,CAAC;YACvC,KAAK,KAAK;gBACR,OAAO,GAAG,CAAC;YACb,KAAK,eAAe;gBAClB,OAAO,YAAY,CAAC;YACtB,KAAK,UAAU;gBACb,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC;YACf,KAAK,gBAAgB;gBACnB,OAAO,cAAc,CAAC;YACxB;gBACE,OAAO,6BAA6B,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,GAAG,EAAE;QAClC,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,EAAE,EAAE,CAAC;YACpD,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzD,MAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,CAAC;YACzC,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,EAAE,EAAE,iBAAiB,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,WAAW,GAAG,CAAC,CAA4C,EAAE,EAAE;QACnE,IAAI,UAAU,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAC9B,iBAAiB,EACjB;QACE,cAAc,EAAE,UAAU;QAC1B,cAAc,EAAE,UAAU;KAC3B,EACD,SAAS,CACV,CAAC;IAEF,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,eAAe,IACd,UAAU,EAAE,WAAW,KAAK,SAAS,EACrC,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,aACpB,KAAC,OAAO,CAAC,OAAO,cAAE,QAAQ,GAAmB,EAC7C,KAAC,OAAO,CAAC,OAAO,cAAE,WAAW,GAAmB,IACxC,CACX,YAED,KAAC,SAAS,kBACR,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,IACJ,cAAc,cAElB,yBAAO,IAAI,GAAQ,IACT,GACI,CACnB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,gBAAgB,kBACf,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,yBAAyB,IAChD,cAAc,cAElB,KAAC,iBAAiB,IAChB,QAAQ,EAAE,cAAc,IAAI,MAAM,EAClC,KAAK,kCACA,QAAQ,EAAE,KACb,yBAAyB,EAAE;oBACzB,KAAK,EAAE,gDAAgD;oBACvD,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,aAAa;oBACpB,MAAM,EAAE,CAAC;oBACT,OAAO,EAAE,KAAK,qBAAqB,kBAAkB;iBACtD;YAEH,qFAAqF;YACrF,kFAAkF;YAClF,gBAAgB;YAChB,YAAY,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EACrC,eAAe,EAAE,eAAe,YAE/B,IAAI,GACa,IACH,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/{types/text-input-preview/index.d.ts → esm/code/index.js}

@@ -18,4 +18,5 @@
  *  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 './TextInputPreview';
+export * from './Code';
+//# sourceMappingURL=index.js.map

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

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

package/lib/esm/code/languages.js

@@ -0,0 +1,46 @@
+/**
+ *
+ *  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/>.
+ */
+// Source for available languages: https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_PRISM.MD
+export const 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/esm/code/languages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.js","sourceRoot":"","sources":["../../../src/code/languages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,gJAAgJ;AAChJ,MAAM,CAAC,MAAM,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"}