@neo4j-ndl/react 2.16.15 → 2.16.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -83,14 +83,19 @@ exports.CodeBlock = react_1.default.forwardRef(function CodeBlock(_a, ref) {
|
|
|
83
83
|
return prism_1.base16AteliersulphurpoolLight;
|
|
84
84
|
}
|
|
85
85
|
};
|
|
86
|
+
const calculateRightPadding = (() => {
|
|
87
|
+
if (headerTitle === undefined || headerTitle === '') {
|
|
88
|
+
const expandButtonCount = shouldShowExpandButton ? 1 : 0;
|
|
89
|
+
const actionCount = (actions === null || actions === void 0 ? void 0 : actions.length) || 0;
|
|
90
|
+
return Math.max(actionCount * 36, expandButtonCount * 36) + 8;
|
|
91
|
+
}
|
|
92
|
+
})();
|
|
86
93
|
return ((0, jsx_runtime_1.jsx)(CodeBlockWrapper_1.CodeBlockWrapper, Object.assign({}, restProps, { ref: ref, maxHeight: maxHeight, code: code, headerTitle: headerTitle, disabled: disabled, actions: actions, shouldShowExpandButton: shouldShowExpandButton, setShouldShowExpandButton: setShouldShowExpandButton, children: (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.PrismAsyncLight, { language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
|
|
87
94
|
color: 'rgb(var(--theme-palette-neutral-text-default))',
|
|
88
95
|
lineHeight: '1',
|
|
89
|
-
width: '
|
|
96
|
+
width: 'fit-content',
|
|
90
97
|
border: 0,
|
|
91
|
-
padding: `0
|
|
92
|
-
? ((actions === null || actions === void 0 ? void 0 : actions.length) || (shouldShowExpandButton ? 1 : 0)) * 36
|
|
93
|
-
: (shouldShowExpandButton ? 1 : 0) * 36}px) 0.75em 0.75em`,
|
|
98
|
+
padding: `0 ${calculateRightPadding}px 0.75em 0.75em`,
|
|
94
99
|
} }),
|
|
95
100
|
// Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
|
|
96
101
|
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAAwC;AACxC,uEAAgF;AAChF,0EAQwD;AAExD,kEAA+D;AAwBlD,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CAC1D,EAUiB,EACjB,GAAG;QAXH,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,OAEO,EADZ,SAAS,cATd,mGAUC,CADa;IAId,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAClE,SAAS,KAAK,SAAS,CACxB,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,KAAK,EAAE;YACb,KAAK,IAAI;gBACP,OAAO,UAAE,CAAC;YACZ,KAAK,iCAAiC;gBACpC,OAAO,qCAA6B,CAAC;YACvC,KAAK,KAAK;gBACR,OAAO,WAAG,CAAC;YACb,KAAK,eAAe;gBAClB,OAAO,oBAAY,CAAC;YACtB,KAAK,UAAU;gBACb,OAAO,gBAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,aAAK,CAAC;YACf,KAAK,gBAAgB;gBACnB,OAAO,sBAAc,CAAC;YACxB;gBACE,OAAO,qCAA6B,CAAC;SACxC;IACH,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAAwC;AACxC,uEAAgF;AAChF,0EAQwD;AAExD,kEAA+D;AAwBlD,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CAC1D,EAUiB,EACjB,GAAG;QAXH,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,OAEO,EADZ,SAAS,cATd,mGAUC,CADa;IAId,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAClE,SAAS,KAAK,SAAS,CACxB,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,KAAK,EAAE;YACb,KAAK,IAAI;gBACP,OAAO,UAAE,CAAC;YACZ,KAAK,iCAAiC;gBACpC,OAAO,qCAA6B,CAAC;YACvC,KAAK,KAAK;gBACR,OAAO,WAAG,CAAC;YACb,KAAK,eAAe;gBAClB,OAAO,oBAAY,CAAC;YACtB,KAAK,UAAU;gBACb,OAAO,gBAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,aAAK,CAAC;YACf,KAAK,gBAAgB;gBACnB,OAAO,sBAAc,CAAC;YACxB;gBACE,OAAO,qCAA6B,CAAC;SACxC;IACH,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,GAAG,EAAE;QAClC,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,EAAE,EAAE;YACnD,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;SAC/D;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACL,uBAAC,mCAAgB,oBACX,SAAS,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,yBAAyB,YAEpD,uBAAC,0CAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,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"}
|
|
@@ -57,14 +57,19 @@ export const CodeBlock = React.forwardRef(function CodeBlock(_a, ref) {
|
|
|
57
57
|
return base16AteliersulphurpoolLight;
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
+
const calculateRightPadding = (() => {
|
|
61
|
+
if (headerTitle === undefined || headerTitle === '') {
|
|
62
|
+
const expandButtonCount = shouldShowExpandButton ? 1 : 0;
|
|
63
|
+
const actionCount = (actions === null || actions === void 0 ? void 0 : actions.length) || 0;
|
|
64
|
+
return Math.max(actionCount * 36, expandButtonCount * 36) + 8;
|
|
65
|
+
}
|
|
66
|
+
})();
|
|
60
67
|
return (_jsx(CodeBlockWrapper, Object.assign({}, restProps, { ref: ref, maxHeight: maxHeight, code: code, headerTitle: headerTitle, disabled: disabled, actions: actions, shouldShowExpandButton: shouldShowExpandButton, setShouldShowExpandButton: setShouldShowExpandButton, children: _jsx(SyntaxHighlighter, { language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
|
|
61
68
|
color: 'rgb(var(--theme-palette-neutral-text-default))',
|
|
62
69
|
lineHeight: '1',
|
|
63
|
-
width: '
|
|
70
|
+
width: 'fit-content',
|
|
64
71
|
border: 0,
|
|
65
|
-
padding: `0
|
|
66
|
-
? ((actions === null || actions === void 0 ? void 0 : actions.length) || (shouldShowExpandButton ? 1 : 0)) * 36
|
|
67
|
-
: (shouldShowExpandButton ? 1 : 0) * 36}px) 0.75em 0.75em`,
|
|
72
|
+
padding: `0 ${calculateRightPadding}px 0.75em 0.75em`,
|
|
68
73
|
} }),
|
|
69
74
|
// Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
|
|
70
75
|
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,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;AAwB/D,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CAC1D,EAUiB,EACjB,GAAG;QAXH,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,OAEO,EADZ,SAAS,cATd,mGAUC,CADa;IAId,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAClE,SAAS,KAAK,SAAS,CACxB,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,KAAK,EAAE;YACb,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;SACxC;IACH,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,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;AAwB/D,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CAC1D,EAUiB,EACjB,GAAG;QAXH,EACE,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,OAEO,EADZ,SAAS,cATd,mGAUC,CADa;IAId,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAClE,SAAS,KAAK,SAAS,CACxB,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,KAAK,EAAE;YACb,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;SACxC;IACH,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,GAAG,EAAE;QAClC,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,EAAE,EAAE;YACnD,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;SAC/D;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO,CACL,KAAC,gBAAgB,oBACX,SAAS,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,sBAAsB,EAC9C,yBAAyB,EAAE,yBAAyB,YAEpD,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "2.16.
|
|
3
|
+
"version": "2.16.17",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"sonner": "1.4.41",
|
|
93
93
|
"tinycolor2": "^1.4.2",
|
|
94
94
|
"usehooks-ts": "2.9.1",
|
|
95
|
-
"@neo4j-ndl/base": "^2.12.
|
|
95
|
+
"@neo4j-ndl/base": "^2.12.11"
|
|
96
96
|
},
|
|
97
97
|
"scripts": {
|
|
98
98
|
"generate-component": "node ./scripts/component-generator.js",
|