@neo4j-ndl/react 0.7.2 → 0.8.1

package/lib/cjs/graph-label/GraphLabel.js

@@ -1,4 +1,27 @@
 "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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -35,8 +58,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  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 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const tokens_1 = __importDefault(require("@neo4j-ndl/base/lib/tokens/js/tokens"));
+const color_1 = require("./color");
 /**
  *
  *
@@ -44,7 +69,9 @@ const classnames_1 = __importDefault(require("classnames"));
  *
  *
  */
-const HexagonEnd = ({ direction = 'left' }) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `ndl-hexagon-end ${direction}` }, { children: [(0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "8", height: "24", viewBox: "0 0 7 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { className: "ndl-hexagon-end-inner", fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }), (0, jsx_runtime_1.jsx)("path", { className: "ndl-hexagon-end-outer", d: "M 9 0 V -0.5 H 9.5 V 0.5 H 9 Z M 9 24 H 9 V 24 Z M 0.315 13.1094 L 0.739 12.8443 L 0.7464 12.8563 L 0.7532 12.8686 L 0.315 13.1094 Z M 0.315 10.8906 L 0.7532 11.1314 L 0.7464 11.1437 L 0.739 11.1557 L 0.315 10.8906 Z M 5.7302 22.9632 L 6.1684 22.7224 L 5.7302 22.9632 Z M 5.7302 1.0368 L 6.1684 1.2776 L 5.7302 1.0368 Z M 9 0.5 H 7.483 V -0.5 H 9 V 0.5 Z M 9 23.5 H 9.5 V 24.5 H 9 Z M 7.483 23.5 H 9 V 24.5 H 7.483 V 23.5 Z M 5.292 23.204 L -0.1232 13.3502 L 0.7532 12.8686 L 6.1684 22.7224 L 5.292 23.204 Z M -0.1089 13.3745 C -0.6304 12.5405 -0.6304 11.4595 -0.1089 10.6255 L 0.739 11.1557 C 0.4203 11.6653 0.4203 12.3347 0.739 12.8443 L -0.1089 13.3745 Z M -0.1232 10.6498 L 5.292 0.796 L 6.1684 1.2776 L 0.7532 11.1314 L -0.1232 10.6498 Z M 7.483 24.5 C 6.571 24.5 5.7313 24.0033 5.292 23.204 L 6.1684 22.7224 C 6.432 23.202 6.9358 23.5 7.483 23.5 V 24.5 Z M 7.483 0.5 C 6.9358 0.5 6.432 0.798 6.1684 1.2776 L 5.292 0.796 C 5.7313 -0.0033 6.571 -0.5 7.483 -0.5 V 0.5 Z", mask: "url(#ndl-relationship-label-mask-outer-border)" })] })), (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "ndl-hexagon-end-active", width: "13", height: "30", viewBox: "0 0 13 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) }))] })));
+const HexagonEnd = ({ direction = 'left', color }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `ndl-hexagon-end ${direction}` }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ width: "8", height: "24", viewBox: "0 0 7 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { className: "ndl-hexagon-end-inner", style: { fill: color }, fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })), (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "ndl-hexagon-end-active", width: "13", height: "30", viewBox: "0 0 13 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.075 2C9.12474 2 8.24318 2.54521 7.74867 3.43873L2.21419 13.4387C1.68353 14.3976 1.68353 15.6024 2.21419 16.5613L7.74867 26.5613C8.24318 27.4548 9.12474 28 10.075 28H13V30H10.075C8.49126 30 7.022 29.0913 6.1978 27.6021L0.663324 17.6021C-0.221109 16.0041 -0.221108 13.9959 0.663325 12.3979L6.1978 2.39789C7.022 0.90869 8.49126 0 10.075 0H13V2H10.075Z" }) }))] })));
+};
 /**
  *
  *
@@ -53,7 +80,16 @@ const HexagonEnd = ({ direction = 'left' }) => ((0, jsx_runtime_1.jsxs)("div", O
  *
  */
 const GraphLabel = react_1.default.forwardRef(function GraphLabel(_a, ref) {
-    var { type = 'node', disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "disabled", "selected", "as", "onClick"]);
+    var { type = 'node', color, disabled = false, selected = false, as, onClick } = _a, props = __rest(_a, ["type", "color", "disabled", "selected", "as", "onClick"]);
+    const [isHover, setIsHover] = (0, react_1.useState)(false);
+    const handleMouseEnter = (event) => {
+        setIsHover(true);
+        props.onMouseEnter && props.onMouseEnter(event);
+    };
+    const handleMouseLeave = (event) => {
+        setIsHover(false);
+        props.onMouseLeave && props.onMouseLeave(event);
+    };
     const handleClick = (e) => {
         // By default, a <button /> element with disabled set to true will not get its
         // on click handler called. To support the same behavior on <a /> tags we
@@ -68,51 +104,53 @@ const GraphLabel = react_1.default.forwardRef(function GraphLabel(_a, ref) {
             onClick(e);
         }
     };
-    switch (type) {
-        case 'node':
-            return ((0, jsx_runtime_1.jsx)(NodeLabel, Object.assign({}, props, { color: props.color, disabled: disabled, selected: selected, className: props.className, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-        case 'relationship':
-            return ((0, jsx_runtime_1.jsx)(RelationshipLabel, Object.assign({}, props, { disabled: disabled, selected: selected, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-        case 'propertyKey':
-            return ((0, jsx_runtime_1.jsx)(PropertyKeyLabel, Object.assign({}, props, { disabled: disabled, selected: selected, as: as, ref: ref, onClick: handleClick }, { children: props.children })));
-    }
-});
-const NodeLabel = react_1.default.forwardRef(function NodeLabel(_a, ref) {
-    var { children, disabled, selected, color = '', className, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "color", "className", "as"]);
+    let backgroundColor = (0, react_1.useMemo)(() => {
+        if (!color) {
+            switch (type) {
+                case 'node':
+                    return tokens_1.default.colors.warning[40];
+                case 'relationship':
+                    return tokens_1.default.palette.light.neutral.bg.strong;
+                default:
+                    return tokens_1.default.palette.light.neutral.bg.strongest;
+            }
+        }
+        return color;
+    }, [color, type]);
+    const hoverColor = (0, react_1.useMemo)(() => (0, color_1.getHoverColor)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
+    const textColor = (0, react_1.useMemo)(() => (0, color_1.getTextColorFromBackground)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
+    const disabledTextColor = (0, react_1.useMemo)(() => (0, color_1.getDisabledTextColor)(backgroundColor ? backgroundColor : tokens_1.default.colors.warning[40]), [backgroundColor]);
+    if (isHover && !disabled)
+        backgroundColor = hoverColor;
+    if (disabled)
+        backgroundColor = (0, color_1.getDisabledColor)(backgroundColor);
     let Component = 'button';
     if (as) {
         Component = as;
     }
-    const classes = (0, classnames_1.default)('ndl-node-label', className, {
-        disabled: disabled,
-        selected: selected,
-        'n-bg-warning-40': !color && !className,
-    });
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref, style: Object.assign({ backgroundColor: color }, props.style) }, { children: children })));
-});
-const RelationshipLabel = react_1.default.forwardRef(function RelationshipLabel(_a, ref) {
-    var { children, disabled, selected, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "as"]);
-    let Component = 'button';
-    if (as) {
-        Component = as;
+    if (type === 'node') {
+        const classes = (0, classnames_1.default)('ndl-node-label', props.className, {
+            disabled: disabled,
+            selected: selected,
+        });
+        return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref, style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: props.children })));
     }
-    const classes = (0, classnames_1.default)('ndl-relationship-label', {
-        disabled: disabled,
-        selected: selected,
-    });
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ style: { display: 'none' } }, { children: (0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "ndl-relationship-label-mask-outer-border", fill: "white" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })) })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "left" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-relationship-label-content" }, { children: children })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "right" })] })));
-});
-const PropertyKeyLabel = react_1.default.forwardRef(function PropertyKeyLabel(_a, ref) {
-    var { children, disabled, selected, as } = _a, props = __rest(_a, ["children", "disabled", "selected", "as"]);
-    let Component = 'button';
-    if (as) {
-        Component = as;
+    else if (type === 'relationship') {
+        const classes = (0, classnames_1.default)('ndl-relationship-label', {
+            disabled: disabled,
+            selected: selected,
+        });
+        return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { color: disabled ? disabledTextColor : textColor }), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: [(0, jsx_runtime_1.jsx)("svg", Object.assign({ style: { display: 'none' } }, { children: (0, jsx_runtime_1.jsx)("mask", Object.assign({ id: "ndl-relationship-label-mask-outer-border", fill: "white" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.73024 1.03676C6.08165 0.397331 6.75338 0 7.48301 0H9V24H7.483C6.75338 24 6.08165 23.6027 5.73024 22.9632L0.315027 13.1094C-0.105009 12.4376 -0.105009 11.5624 0.315026 10.8906L5.73024 1.03676Z" }) })) })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "left", color: backgroundColor }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-relationship-label-content", style: {
+                        backgroundColor: backgroundColor,
+                    } }, { children: props.children })), (0, jsx_runtime_1.jsx)(HexagonEnd, { direction: "right", color: backgroundColor })] })));
+    }
+    else {
+        const classes = (0, classnames_1.default)('ndl-property-key-label', {
+            disabled: disabled,
+            selected: selected,
+        });
+        return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { style: Object.assign({ backgroundColor: backgroundColor, color: disabled ? disabledTextColor : textColor }, props.style), className: classes, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: ref }, { children: props.children })));
     }
-    const classes = (0, classnames_1.default)('ndl-property-key-label', {
-        disabled: disabled,
-        selected: selected,
-    });
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: children })));
 });
 exports.default = GraphLabel;
 //# sourceMappingURL=GraphLabel.js.map

package/lib/cjs/graph-label/GraphLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAqDpC;;;;;;GAMG;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAmB,EAAE,EAAE,CAAC,CAC9D,+CAAK,SAAS,EAAE,mBAAmB,SAAS,EAAE,iBAC5C,+CACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAGlC,iCACE,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,GACtM,EAEF,iCACE,SAAS,EAAC,uBAAuB,EACjC,CAAC,EAAC,88BAA88B,EACh9B,IAAI,EAAC,gDAAgD,GACrD,KACE,EACN,8CACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kWAAkW,GACpW,IACE,KACF,CACP,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,UAAU,CACrD,EAOkB,EAClB,GAAuC;QARvC,EACE,IAAI,GAAG,MAAM,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,OAAO,OAES,EADb,KAAK,cANV,iDAOC,CADS;IAIV,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,8EAA8E;QAC9E,yEAAyE;QACzE,iFAAiF;QACjF,4CAA4C;QAC5C,IAAI,QAAQ,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;SACR;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,QAAQ,IAAI,EAAE;QACZ,KAAK,MAAM;YACT,OAAO,CACL,uBAAC,SAAS,oBACJ,KAAK,IACT,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,gBAEnB,KAAK,CAAC,QAAQ,IACL,CACb,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO,CACL,uBAAC,iBAAiB,oBACZ,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,gBAEnB,KAAK,CAAC,QAAQ,IACG,CACrB,CAAC;QACJ,KAAK,aAAa;YAChB,OAAO,CACL,uBAAC,gBAAgB,oBACX,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,WAAW,gBAEnB,KAAK,CAAC,QAAQ,IACE,CACpB,CAAC;KACL;AACH,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,EAQiB,EACjB,GAAuC;QATvC,EACE,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,SAAS,EACT,EAAE,OAEa,EADZ,KAAK,cAPV,gEAQC,CADS;IAIV,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,IAAI,EAAE,EAAE;QACN,SAAS,GAAG,EAAE,CAAC;KAChB;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,EAAE;QACtD,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;QAClB,iBAAiB,EAAE,CAAC,KAAK,IAAI,CAAC,SAAS;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,SAAS,oBACJ,KAAK,IACT,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,kBAAI,eAAe,EAAE,KAAK,IAAK,KAAK,CAAC,KAAK,iBAE9C,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,iBAAiB,CACnE,EAAsE,EACtE,GAAuC;QADvC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAoC,EAA/B,KAAK,cAA5C,0CAA8C,CAAF;IAG5C,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,IAAI,EAAE,EAAE;QACN,SAAS,GAAG,EAAE,CAAC;KAChB;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE;QACnD,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBAChD,8CAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBAC7B,+CAAM,EAAE,EAAC,0CAA0C,EAAC,IAAI,EAAC,OAAO,gBAC9D,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,GACtM,IACG,IACH,EACN,uBAAC,UAAU,IAAC,SAAS,EAAC,MAAM,GAAG,EAC/B,8CAAK,SAAS,EAAC,gCAAgC,gBAAE,QAAQ,IAAO,EAChE,uBAAC,UAAU,IAAC,SAAS,EAAC,OAAO,GAAG,KACtB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,gBAAgB,CACjE,EAAqE,EACrE,GAAuC;QADvC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAmC,EAA9B,KAAK,cAA5C,0CAA8C,CAAF;IAG5C,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,IAAI,EAAE,EAAE;QACN,SAAS,GAAG,EAAE,CAAC;KAChB;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE;QACnD,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,gBAC/C,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAiD;AACjD,4DAAoC;AAEpC,kFAA0D;AAC1D,mCAKiB;AA6BjB;;;;;;GAMG;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,EAAmB,EAAE,EAAE;IACpE,OAAO,CACL,+CAAK,SAAS,EAAE,mBAAmB,SAAS,EAAE,iBAC5C,8CACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAGlC,iCACE,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EACtB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,GACtM,IACE,EACN,8CACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,gBAElC,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kWAAkW,GACpW,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,UAAU,CACrD,EAQkB,EAClB,GAAuC;QATvC,EACE,IAAI,GAAG,MAAM,EACb,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,OAAO,OAES,EADb,KAAK,cAPV,0DAQC,CADS;IAIV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,gBAAgB,GAAG,CACvB,KAAsD,EACtD,EAAE;QACF,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,CACvB,KAAsD,EACtD,EAAE;QACF,UAAU,CAAC,KAAK,CAAC,CAAC;QAElB,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,8EAA8E;QAC9E,yEAAyE;QACzE,iFAAiF;QACjF,4CAA4C;QAC5C,IAAI,QAAQ,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;SACR;QAED,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,IAAI,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,KAAK,EAAE;YACV,QAAQ,IAAI,EAAE;gBACZ,KAAK,MAAM;oBACT,OAAO,gBAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACnC,KAAK,cAAc;oBACjB,OAAO,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC;gBAChD;oBACE,OAAO,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC;aACpD;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CACH,IAAA,qBAAa,EACX,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAC9D,EACH,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CACH,IAAA,kCAA0B,EACxB,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAC9D,EACH,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CACH,IAAA,4BAAoB,EAClB,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAM,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAC9D,EACH,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,IAAI,OAAO,IAAI,CAAC,QAAQ;QAAE,eAAe,GAAG,UAAU,CAAC;IACvD,IAAI,QAAQ;QAAE,eAAe,GAAG,IAAA,wBAAgB,EAAC,eAAe,CAAC,CAAC;IAElE,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,IAAI,EAAE,EAAE;QACN,SAAS,GAAG,EAAE,CAAC;KAChB;IAED,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE;YAC5D,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QAEH,OAAO,CACL,uBAAC,SAAS,oBACJ,KAAK,IACT,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,EACR,KAAK,kBACH,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,IAC5C,KAAK,CAAC,KAAK,GAEhB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,gBAE7B,KAAK,CAAC,QAAQ,IACL,CACb,CAAC;KACH;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE;YACnD,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QAEH,OAAO,CACL,wBAAC,SAAS,oBACJ,KAAK,IACT,KAAK,kCACA,KAAK,CAAC,KAAK,KACd,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,KAEjD,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,GAAG,EAAE,GAAG,iBAER,8CAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,gBAC7B,+CAAM,EAAE,EAAC,0CAA0C,EAAC,IAAI,EAAC,OAAO,gBAC9D,iCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oMAAoM,GACtM,IACG,IACH,EACN,uBAAC,UAAU,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,eAAe,GAAI,EACvD,8CACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;wBACL,eAAe,EAAE,eAAe;qBACjC,gBAEA,KAAK,CAAC,QAAQ,IACX,EACN,uBAAC,UAAU,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,eAAe,GAAI,KAC9C,CACb,CAAC;KACH;SAAM;QACL,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,wBAAwB,EAAE;YACnD,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;QAEH,OAAO,CACL,uBAAC,SAAS,oBACJ,KAAK,IACT,KAAK,kBACH,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,IAC5C,KAAK,CAAC,KAAK,GAEhB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,GAAG,EAAE,GAAG,gBAEP,KAAK,CAAC,QAAQ,IACL,CACb,CAAC;KACH;AACH,CAAC,CAAC,CAAC;AAEH,kBAAe,UAAU,CAAC"}

package/lib/cjs/graph-label/color.js

@@ -0,0 +1,87 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDisabledColor = exports.getDisabledTextColor = exports.getHoverColor = exports.getTextColorFromBackground = void 0;
+const tinycolor2_1 = __importDefault(require("tinycolor2"));
+const tokens_1 = __importDefault(require("@neo4j-ndl/base/lib/tokens/js/tokens"));
+/**
+ * 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.
+ */
+const getTextColorFromBackground = (color) => {
+    return tinycolor2_1.default
+        .mostReadable(color, [
+        tokens_1.default.palette.light.neutral.text.default,
+        tokens_1.default.palette.light.neutral.text.inverse,
+    ], {
+        includeFallbackColors: true,
+    })
+        .toString();
+};
+exports.getTextColorFromBackground = getTextColorFromBackground;
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+const getHoverColor = (color) => {
+    const hslColor = (0, tinycolor2_1.default)(color).toHsl();
+    if (hslColor.l < 0.5) {
+        return (0, tinycolor2_1.default)(color).lighten(10).toString();
+    }
+    return (0, tinycolor2_1.default)(color).darken(10).toString();
+};
+exports.getHoverColor = getHoverColor;
+/**
+ * Returns the most readlabale color on the given background color
+ *  as a string from a list of palette text colors
+ */
+const getDisabledTextColor = (backgroundColor) => {
+    //TODO: update to token when dark theme is available
+    //inverse of text.weaker color should probably be replaced by token
+    const inverseTextColor = '#8e887f';
+    return tinycolor2_1.default
+        .mostReadable(backgroundColor, [
+        inverseTextColor,
+        tokens_1.default.palette.light.neutral.text.weakest,
+        tokens_1.default.palette.light.neutral.text.weak,
+        tokens_1.default.palette.light.neutral.text.weaker,
+    ])
+        .toString();
+};
+exports.getDisabledTextColor = getDisabledTextColor;
+/**
+ * Takes a color string and returns a color string
+ * that is darker or ligher depending on the given color.
+ */
+const getDisabledColor = (color) => {
+    const hslColor = (0, tinycolor2_1.default)(color).toHsl();
+    if (hslColor.l < 0.5) {
+        return (0, tinycolor2_1.default)(color).lighten(15).toString();
+    }
+    return (0, tinycolor2_1.default)(color).darken(15).toString();
+};
+exports.getDisabledColor = getDisabledColor;
+//# sourceMappingURL=color.js.map

package/lib/cjs/graph-label/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../src/graph-label/color.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,4DAAmC;AACnC,kFAA0D;AAE1D;;;;GAIG;AACI,MAAM,0BAA0B,GAAG,CAAC,KAAa,EAAU,EAAE;IAClE,OAAO,oBAAS;SACb,YAAY,CACX,KAAK,EACL;QACE,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAC1C,EACD;QACE,qBAAqB,EAAE,IAAI;KAC5B,CACF;SACA,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAbW,QAAA,0BAA0B,8BAarC;AAEF;;;GAGG;AACI,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE;IACrD,MAAM,QAAQ,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB;AAEF;;;GAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,eAAuB,EAAU,EAAE;IACtE,oDAAoD;IACpD,mEAAmE;IACnE,MAAM,gBAAgB,GAAG,SAAS,CAAC;IACnC,OAAO,oBAAS;SACb,YAAY,CAAC,eAAe,EAAE;QAC7B,gBAAgB;QAChB,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACzC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;QACtC,gBAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM;KACzC,CAAC;SACD,QAAQ,EAAE,CAAC;AAChB,CAAC,CAAC;AAZW,QAAA,oBAAoB,wBAY/B;AAEF;;;GAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAU,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,IAAI,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE;QACpB,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;KAChD;IACD,OAAO,IAAA,oBAAS,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAChD,CAAC,CAAC;AANW,QAAA,gBAAgB,oBAM3B"}

package/lib/cjs/index.js

@@ -57,4 +57,5 @@ __exportStar(require("./dropdown"), exports);
 __exportStar(require("./tag"), exports);
 __exportStar(require("./wizard"), exports);
 __exportStar(require("./graph-label"), exports);
+__exportStar(require("./code-block"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B;AAC7B,6CAA2B;AAC3B,wCAAsB;AACtB,2CAAyB;AACzB,gDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B;AAC7B,6CAA2B;AAC3B,wCAAsB;AACtB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B"}

package/lib/esm/code-block/CodeBlock.js

@@ -0,0 +1,75 @@
+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 ndlTokens from '@neo4j-ndl/base/lib/tokens/js/tokens';
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import { IconButton } from '../button';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { base16AteliersulphurpoolLight, coy, duotoneLight, ghcolors, prism, solarizedlight, vs, } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+export const CodeBlock = React.forwardRef(function CodeBlock({ as, code, language, showLineNumbers, theme, title, actions, disabled, }, ref) {
+    const Component = as || 'div';
+    const [isFocused, setIsFocused] = useState(false);
+    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 vs;
+        }
+    };
+    const hasHeader = title || actions;
+    return (_jsxs(Component, Object.assign({ ref: ref, className: "ndl-code-block-container" }, { children: [hasHeader && (_jsxs("div", Object.assign({ className: classNames('ndl-code-block-title', {
+                    disabled,
+                }) }, { children: [title && _jsx("h6", { children: title }), _jsx("div", { children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => (_jsx(IconButton, Object.assign({ clean: true, disabled: disabled }, iconButtonProps), i))) })] }))), _jsx("div", Object.assign({ className: classNames('highlight-wrapper', {
+                    'has-header': hasHeader,
+                    focused: isFocused,
+                }), role: "textbox", "aria-label": `${title} code-snippet`, tabIndex: 0, onFocus: () => {
+                    setIsFocused(true);
+                }, onBlur: () => setIsFocused(false) }, { children: _jsx(SyntaxHighlighter, Object.assign({ language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
+                            color: ndlTokens.palette.light.neutral.text.weak,
+                            backgroundColor: ndlTokens.colors.neutral[20],
+                            background: ndlTokens.colors.neutral[20],
+                            lineHeight: '1',
+                            border: 0,
+                            padding: '0 1em 1em 1em',
+                            overflowX: 'auto',
+                            overflowY: 'auto',
+                            opacity: disabled ? 0.5 : 1,
+                        } }), 
+                    // 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=CodeBlock.js.map

package/lib/esm/code-block/CodeBlock.js.map

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

package/lib/esm/code-block/index.js

@@ -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 * from './CodeBlock';
+//# sourceMappingURL=index.js.map

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

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