@neo4j-ndl/react 2.12.1 → 2.13.0
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.
- package/CHANGELOG.md +19 -0
- package/lib/cjs/_common/CodeBlockWrapper.js +15 -3
- package/lib/cjs/_common/CodeBlockWrapper.js.map +1 -1
- package/lib/cjs/accordion/Accordion.js +18 -7
- package/lib/cjs/accordion/Accordion.js.map +1 -1
- package/lib/cjs/code-block/CodeBlock.js +15 -3
- package/lib/cjs/code-block/CodeBlock.js.map +1 -1
- package/lib/cjs/dropdown-button/DropdownButton.js +61 -0
- package/lib/cjs/dropdown-button/DropdownButton.js.map +1 -0
- package/lib/cjs/dropdown-button/index.js +38 -0
- package/lib/cjs/dropdown-button/index.js.map +1 -0
- package/lib/cjs/index.js +1 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/side-navigation/SideNavigation.js +1 -1
- package/lib/esm/_common/CodeBlockWrapper.js +15 -3
- package/lib/esm/_common/CodeBlockWrapper.js.map +1 -1
- package/lib/esm/accordion/Accordion.js +18 -7
- package/lib/esm/accordion/Accordion.js.map +1 -1
- package/lib/esm/code-block/CodeBlock.js +15 -3
- package/lib/esm/code-block/CodeBlock.js.map +1 -1
- package/lib/esm/dropdown-button/DropdownButton.js +55 -0
- package/lib/esm/dropdown-button/DropdownButton.js.map +1 -0
- package/lib/esm/dropdown-button/index.js +22 -0
- package/lib/esm/dropdown-button/index.js.map +1 -0
- package/lib/esm/index.js +1 -0
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/side-navigation/SideNavigation.js +1 -1
- package/lib/types/dropdown-button/DropdownButton.d.ts +50 -0
- package/lib/types/dropdown-button/index.d.ts +21 -0
- package/lib/types/index.d.ts +1 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.13.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#784](https://github.com/neo4j/needle/pull/784) [`3ac35cf15f870929346b74025cb7d679e3b97ccb`](https://github.com/neo4j/needle/commit/3ac35cf15f870929346b74025cb7d679e3b97ccb) Thanks [@daugerdas](https://github.com/daugerdas)! - add dropdown button component
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [#845](https://github.com/neo4j/needle/pull/845) [`2d9b25183b840b362842b67610507e6de9c31fc8`](https://github.com/neo4j/needle/commit/2d9b25183b840b362842b67610507e6de9c31fc8) Thanks [@noahmay](https://github.com/noahmay)! - Fix keyboard input inside accordion
|
|
12
|
+
|
|
13
|
+
- Updated dependencies [[`2d9b25183b840b362842b67610507e6de9c31fc8`](https://github.com/neo4j/needle/commit/2d9b25183b840b362842b67610507e6de9c31fc8), [`3ac35cf15f870929346b74025cb7d679e3b97ccb`](https://github.com/neo4j/needle/commit/3ac35cf15f870929346b74025cb7d679e3b97ccb)]:
|
|
14
|
+
- @neo4j-ndl/base@2.9.0
|
|
15
|
+
|
|
16
|
+
## 2.12.2
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- [#862](https://github.com/neo4j/needle/pull/862) [`116830563004f066d753c38f755f32132b7711fa`](https://github.com/neo4j/needle/commit/116830563004f066d753c38f755f32132b7711fa) Thanks [@basickarl](https://github.com/basickarl)! - reverted breaking change
|
|
21
|
+
|
|
3
22
|
## 2.12.1
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
@@ -22,6 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
25
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
37
|
exports.CodeBlockWrapper = void 0;
|
|
27
38
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -49,7 +60,8 @@ const react_1 = __importStar(require("react"));
|
|
|
49
60
|
const button_1 = require("../button");
|
|
50
61
|
const icons_1 = require("../icons");
|
|
51
62
|
const defaultImports_1 = require("./defaultImports");
|
|
52
|
-
exports.CodeBlockWrapper = react_1.default.forwardRef(function CodeBlockWrapper(
|
|
63
|
+
exports.CodeBlockWrapper = react_1.default.forwardRef(function CodeBlockWrapper(_a, ref) {
|
|
64
|
+
var { as, maxHeight, code, headerTitle, children, disabled, actions, shouldShowExpandButton, setShouldShowExpandButton, className, style } = _a, restProps = __rest(_a, ["as", "maxHeight", "code", "headerTitle", "children", "disabled", "actions", "shouldShowExpandButton", "setShouldShowExpandButton", "className", "style"]);
|
|
53
65
|
const Component = as || 'div';
|
|
54
66
|
const syntaxHighlighterWrapperRef = (0, react_1.useRef)(null);
|
|
55
67
|
const [containerHeight, setContainerHeight] = (0, react_1.useState)(`${maxHeight}px`);
|
|
@@ -76,7 +88,7 @@ exports.CodeBlockWrapper = react_1.default.forwardRef(function CodeBlockWrapper(
|
|
|
76
88
|
setShouldShowExpandButton(true);
|
|
77
89
|
}
|
|
78
90
|
}, [maxHeight, code, setShouldShowExpandButton]);
|
|
79
|
-
return ((0, jsx_runtime_1.jsxs)(Component, { ref: ref, className:
|
|
91
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, restProps, { ref: ref, className: (0, defaultImports_1.classNames)('ndl-code-block-container', className), style: Object.assign({ height: containerHeight }, style), children: [(0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-h-full", children: [headerTitle && ((0, jsx_runtime_1.jsx)("div", { className: (0, defaultImports_1.classNames)('ndl-code-block-title', {
|
|
80
92
|
'ndl-disabled': disabled,
|
|
81
93
|
}), style: {
|
|
82
94
|
maxWidth: `calc(100% - ${((actions === null || actions === void 0 ? void 0 : actions.length) || 0) * 36 + 20}px)`,
|
|
@@ -95,6 +107,6 @@ exports.CodeBlockWrapper = react_1.default.forwardRef(function CodeBlockWrapper(
|
|
|
95
107
|
setContainerHeight(`fit-content`);
|
|
96
108
|
setIsExpanded(true);
|
|
97
109
|
}
|
|
98
|
-
}, clean: true, children: isExpanded ? (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIconOutline, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) }) }))] }));
|
|
110
|
+
}, clean: true, children: isExpanded ? (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIconOutline, {}) : (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) }) }))] })));
|
|
99
111
|
});
|
|
100
112
|
//# sourceMappingURL=CodeBlockWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -76,20 +76,31 @@ const AccordionComponent = (0, helpers_1.forwardRef)(function AccordionComponent
|
|
|
76
76
|
event.stopPropagation();
|
|
77
77
|
const newFocusedElement = getAccordionItem(activeElement, AccordionSelector.ItemNotDisabled, 'next');
|
|
78
78
|
const newHeader = newFocusedElement === null || newFocusedElement === void 0 ? void 0 : newFocusedElement.firstElementChild;
|
|
79
|
-
newHeader
|
|
79
|
+
if (newHeader && newHeader instanceof HTMLElement) {
|
|
80
|
+
focusAccordionItem(newHeader);
|
|
81
|
+
}
|
|
80
82
|
}
|
|
81
83
|
else if (event.key === 'ArrowUp') {
|
|
82
84
|
event.preventDefault();
|
|
83
85
|
event.stopPropagation();
|
|
84
86
|
const newFocusedElement = getAccordionItem(activeElement, AccordionSelector.ItemNotDisabled, 'prev');
|
|
85
87
|
const newHeader = newFocusedElement === null || newFocusedElement === void 0 ? void 0 : newFocusedElement.firstElementChild;
|
|
86
|
-
newHeader
|
|
88
|
+
if (newHeader && newHeader instanceof HTMLElement) {
|
|
89
|
+
focusAccordionItem(newHeader);
|
|
90
|
+
}
|
|
87
91
|
}
|
|
88
92
|
else if (event.key === ' ' || event.key === 'Enter') {
|
|
89
93
|
event.preventDefault();
|
|
90
94
|
event.stopPropagation();
|
|
91
|
-
|
|
92
|
-
|
|
95
|
+
activeElement.click();
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
const focusAccordionItem = (accordionHtmlElement) => {
|
|
99
|
+
const accordionButton = accordionHtmlElement
|
|
100
|
+
.getElementsByClassName('ndl-accordion-item-header-button')
|
|
101
|
+
.item(0);
|
|
102
|
+
if (accordionButton !== null && accordionButton instanceof HTMLElement) {
|
|
103
|
+
accordionButton.focus();
|
|
93
104
|
}
|
|
94
105
|
};
|
|
95
106
|
(0, react_1.useImperativeHandle)(ref, () => accordionRef.current);
|
|
@@ -166,6 +177,7 @@ const AccordionItem = (_a) => {
|
|
|
166
177
|
}, [isExpanded, multiple, disabled, itemId, onExpandedChange, context]);
|
|
167
178
|
const classes = (0, defaultImports_1.classNames)('ndl-accordion-item', className, {
|
|
168
179
|
'ndl-accordion-item-disabled': disabled,
|
|
180
|
+
'ndl-accordion-item-expanded': isExpanded,
|
|
169
181
|
});
|
|
170
182
|
const headerClasses = (0, defaultImports_1.classNames)('ndl-accordion-item-header', {
|
|
171
183
|
'ndl-accordion-item-header-disabled': disabled,
|
|
@@ -184,10 +196,9 @@ const AccordionItem = (_a) => {
|
|
|
184
196
|
'ndl-accordion-item-content-expanded': isExpanded,
|
|
185
197
|
'ndl-accordion-item-content-right': arrowPosition === 'right',
|
|
186
198
|
});
|
|
187
|
-
|
|
188
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, restProps, { className: classes, id: itemElementId, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-medium", className: headerClasses, role: "heading", tabIndex: disabled ? -1 : 0, id: headerElementId, "aria-level": "2", children: (0, jsx_runtime_1.jsx)("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled": disabled, "aria-label": title, "aria-controls": panelElementId, tabIndex: -1, children: (0, jsx_runtime_1.jsxs)("span", { className: iconClasses, children: [headerTitle, (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: (0, defaultImports_1.classNames)('ndl-accordion-item-header-icon', {
|
|
199
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, restProps, { className: classes, id: itemElementId, children: [(0, jsx_runtime_1.jsx)("div", { className: headerClasses, id: headerElementId, children: (0, jsx_runtime_1.jsx)("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled": disabled, "aria-label": title, "aria-controls": panelElementId, disabled: disabled, children: (0, jsx_runtime_1.jsxs)("span", { className: iconClasses, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "subheading-medium", className: titleClasses, role: "heading", "aria-level": "2", children: title }), (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: (0, defaultImports_1.classNames)('ndl-accordion-item-header-icon', {
|
|
189
200
|
'-n-rotate-180': isExpanded,
|
|
190
|
-
}) })] }) }) }), (0, jsx_runtime_1.jsx)("div", { id: panelElementId, ref: contentRef, className: contentClasses, "aria-hidden": !isExpanded, "aria-labelledby": buttonElementId, role: "region", children: (0, jsx_runtime_1.jsx)("div", { ref: innerContentRef, className: "ndl-accordion-item-content-inner", children: (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", className: "n-text-palette-neutral-text-weak", as: "div", children: children }) }) }), (0, jsx_runtime_1.jsx)(divider_1.Divider, {})] })));
|
|
201
|
+
}) })] }) }) }), (0, jsx_runtime_1.jsx)("div", { id: panelElementId, ref: contentRef, className: contentClasses, "aria-hidden": !isExpanded, "aria-labelledby": buttonElementId, role: "region", children: (0, jsx_runtime_1.jsx)("div", { ref: innerContentRef, className: "ndl-accordion-item-content-inner", onKeyDown: (event) => event.stopPropagation(), children: (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", className: "n-text-palette-neutral-text-weak", as: "div", children: children }) }) }), (0, jsx_runtime_1.jsx)(divider_1.Divider, {})] })));
|
|
191
202
|
};
|
|
192
203
|
AccordionItem.displayName = 'Accordion.Item';
|
|
193
204
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iCAMe;AAEf,8DAAuD;AACvD,4CAA6C;AAC7C,wCAAqC;AACrC,wCAIoB;AACpB,oCAAkD;AAClD,8CAA2C;AAE3C,IAAK,iBAGJ;AAHD,WAAK,iBAAiB;IACpB,iDAA4B,CAAA;IAC5B,8FAAyE,CAAA;AAC3E,CAAC,EAHI,iBAAiB,KAAjB,iBAAiB,QAGrB;AAED,MAAM,gBAAgB,GAAG,CACvB,gBAAyB,EACzB,QAAgB,EAChB,YAA6B,MAAM,EACnB,EAAE;IAClB,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACpE,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,IAAA,iBAAS,EAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;AACpD,CAAC,CAAC;AA0CF,8DAA8D;AAC9D,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC,CAAC;AAE/E,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;KACnD;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,SAAS,kBAAkB,CAG/D,EAOoB,EACpB,GAAgC;QARhC,EACE,EAAE,GAAG,KAAK,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,OAEU,EADf,SAAS,cANd,uDAOC,CADa;IAId,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,oDAAoD;IACpD,kDAAkD;IAClD,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,gBAAgB,EAAE;YACrB,OAAO;SACR;QACD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAA4B,CAAC;QAC5D,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,aAAa,EACb,iBAAiB,CAAC,eAAe,EACjC,MAAM,CACP,CAAC;YACF,MAAM,SAAS,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
25
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
37
|
exports.CodeBlock = void 0;
|
|
27
38
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -49,7 +60,8 @@ const react_1 = __importStar(require("react"));
|
|
|
49
60
|
const react_syntax_highlighter_1 = require("react-syntax-highlighter");
|
|
50
61
|
const prism_1 = require("react-syntax-highlighter/dist/cjs/styles/prism");
|
|
51
62
|
const CodeBlockWrapper_1 = require("../_common/CodeBlockWrapper");
|
|
52
|
-
exports.CodeBlock = react_1.default.forwardRef(function CodeBlock(
|
|
63
|
+
exports.CodeBlock = react_1.default.forwardRef(function CodeBlock(_a, ref) {
|
|
64
|
+
var { maxHeight, code, language, showLineNumbers, theme, headerTitle, actions, disabled } = _a, restProps = __rest(_a, ["maxHeight", "code", "language", "showLineNumbers", "theme", "headerTitle", "actions", "disabled"]);
|
|
53
65
|
const [shouldShowExpandButton, setShouldShowExpandButton] = (0, react_1.useState)(maxHeight !== undefined);
|
|
54
66
|
const getTheme = () => {
|
|
55
67
|
switch (theme) {
|
|
@@ -71,7 +83,7 @@ exports.CodeBlock = react_1.default.forwardRef(function CodeBlock({ maxHeight, c
|
|
|
71
83
|
return prism_1.base16AteliersulphurpoolLight;
|
|
72
84
|
}
|
|
73
85
|
};
|
|
74
|
-
return ((0, jsx_runtime_1.jsx)(CodeBlockWrapper_1.CodeBlockWrapper, { 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.Prism, { language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
|
|
86
|
+
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.Prism, { language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
|
|
75
87
|
color: 'rgb(var(--theme-palette-neutral-text-default))',
|
|
76
88
|
lineHeight: '1',
|
|
77
89
|
width: '100%',
|
|
@@ -83,6 +95,6 @@ exports.CodeBlock = react_1.default.forwardRef(function CodeBlock({ maxHeight, c
|
|
|
83
95
|
// Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
|
|
84
96
|
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
|
|
85
97
|
// wrapLongLines
|
|
86
|
-
codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers, children: code }) }));
|
|
98
|
+
codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers, children: code }) })));
|
|
87
99
|
});
|
|
88
100
|
//# sourceMappingURL=CodeBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAAwC;AACxC,uEAAsE;AACtE,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;IAEF,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,gCAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,kCACA,QAAQ,EAAE,KACb,yBAAyB,EAAE;oBACzB,KAAK,EAAE,gDAAgD;oBACvD,UAAU,EAAE,GAAG;oBACf,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,CAAC;oBACT,OAAO,EAAE,mBACP,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,EAAE;wBAC7C,CAAC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;wBAC5D,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EACzC,mBAAmB;iBACpB;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"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.DropdownButton = void 0;
|
|
18
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
/**
|
|
20
|
+
*
|
|
21
|
+
* Copyright (c) "Neo4j"
|
|
22
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
23
|
+
*
|
|
24
|
+
* This file is part of Neo4j.
|
|
25
|
+
*
|
|
26
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
27
|
+
* it under the terms of the GNU General Public License as published by
|
|
28
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
29
|
+
* (at your option) any later version.
|
|
30
|
+
*
|
|
31
|
+
* This program is distributed in the hope that it will be useful,
|
|
32
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
33
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
34
|
+
* GNU General Public License for more details.
|
|
35
|
+
*
|
|
36
|
+
* You should have received a copy of the GNU General Public License
|
|
37
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
38
|
+
*/
|
|
39
|
+
const react_1 = __importDefault(require("react"));
|
|
40
|
+
const defaultImports_1 = require("../_common/defaultImports");
|
|
41
|
+
const icons_1 = require("../icons");
|
|
42
|
+
/**
|
|
43
|
+
*
|
|
44
|
+
*
|
|
45
|
+
* DropdownButton Component
|
|
46
|
+
*
|
|
47
|
+
*
|
|
48
|
+
*/
|
|
49
|
+
exports.DropdownButton = react_1.default.forwardRef(function DropdownButton(_a, ref) {
|
|
50
|
+
var { children, size = 'medium', isDisabled, isFloating = false, leftIcon, isOpen = false } = _a, restProps = __rest(_a, ["children", "size", "isDisabled", "isFloating", "leftIcon", "isOpen"]);
|
|
51
|
+
const classes = (0, defaultImports_1.classNames)('ndl-dropdown-btn', {
|
|
52
|
+
'ndl-small': size === 'small',
|
|
53
|
+
'ndl-medium': size === 'medium',
|
|
54
|
+
'ndl-large': size === 'large',
|
|
55
|
+
'ndl-disabled': isDisabled,
|
|
56
|
+
'ndl-floating-btn': isFloating,
|
|
57
|
+
'ndl-open': isOpen,
|
|
58
|
+
});
|
|
59
|
+
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({}, restProps, { className: classes, disabled: isDisabled, ref: ref, children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-dropdown-btn-left-wrapper", children: [leftIcon && leftIcon, children] }), isOpen ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIconOutline, { className: "n-size-token-6 ndl-dropdown-button-open-icon" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, { className: "n-size-token-6 ndl-dropdown-button-closed-icon" }))] })));
|
|
60
|
+
});
|
|
61
|
+
//# sourceMappingURL=DropdownButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/dropdown-button/DropdownButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kDAAoE;AAEpE,8DAAuD;AACvD,oCAAwE;AA0BxE;;;;;;GAMG;AAEU,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,cAAc,CACpE,EAQsB,EACtB,GAAoC;QATpC,EACE,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,MAAM,GAAG,KAAK,OAEM,EADjB,SAAS,cAPd,sEAQC,CADa;IAId,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,kBAAkB,EAAE;QAC7C,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,cAAc,EAAE,UAAU;QAC1B,kBAAkB,EAAE,UAAU;QAC9B,UAAU,EAAE,MAAM;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,oDAAY,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,aACvE,iCAAK,SAAS,EAAC,+BAA+B,aAC3C,QAAQ,IAAI,QAAQ,EACpB,QAAQ,IACL,EACL,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,4BAAoB,IAAC,SAAS,EAAC,8CAA8C,GAAG,CAClF,CAAC,CAAC,CAAC,CACF,uBAAC,8BAAsB,IAAC,SAAS,EAAC,gDAAgD,GAAG,CACtF,KACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
23
|
+
if (k2 === undefined) k2 = k;
|
|
24
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
25
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
26
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
27
|
+
}
|
|
28
|
+
Object.defineProperty(o, k2, desc);
|
|
29
|
+
}) : (function(o, m, k, k2) {
|
|
30
|
+
if (k2 === undefined) k2 = k;
|
|
31
|
+
o[k2] = m[k];
|
|
32
|
+
}));
|
|
33
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
34
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
__exportStar(require("./DropdownButton"), exports);
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown-button/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,mDAAiC"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -77,6 +77,7 @@ __exportStar(require("./logo"), exports);
|
|
|
77
77
|
__exportStar(require("./clipboard-copier"), exports);
|
|
78
78
|
__exportStar(require("./slider"), exports);
|
|
79
79
|
__exportStar(require("./inline-edit"), exports);
|
|
80
|
+
__exportStar(require("./dropdown-button"), exports);
|
|
80
81
|
__exportStar(require("./divider"), exports);
|
|
81
82
|
__exportStar(require("./tree-view"), exports);
|
|
82
83
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,4CAA0B;AAC1B,8CAA4B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B;AAC9B,oDAAkC;AAClC,4CAA0B;AAC1B,8CAA4B"}
|
|
@@ -48,7 +48,7 @@ const getExpandIconName = (position, expanded) => {
|
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
const SideNavigationComponent = (0, react_1.forwardRef)(function SideNavigationComponent(_a, ref) {
|
|
51
|
-
var { expanded, children, className, onExpandedChange, iconMenu = false, position = 'left', size: defaultSize = '
|
|
51
|
+
var { expanded, children, className, onExpandedChange, iconMenu = false, position = 'left', size: defaultSize = 'large' } = _a, restProps = __rest(_a, ["expanded", "children", "className", "onExpandedChange", "iconMenu", "position", "size"]);
|
|
52
52
|
// Typescript unable to infer the default value correctly in the parameter.
|
|
53
53
|
const size = defaultSize;
|
|
54
54
|
const setOnExpandedChange = (0, react_1.useCallback)(() => {
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
13
|
/**
|
|
3
14
|
*
|
|
@@ -23,7 +34,8 @@ import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
|
23
34
|
import { IconButton } from '../button';
|
|
24
35
|
import { ChevronDownIconOutline, ChevronUpIconOutline } from '../icons';
|
|
25
36
|
import { classNames } from './defaultImports';
|
|
26
|
-
export const CodeBlockWrapper = React.forwardRef(function CodeBlockWrapper(
|
|
37
|
+
export const CodeBlockWrapper = React.forwardRef(function CodeBlockWrapper(_a, ref) {
|
|
38
|
+
var { as, maxHeight, code, headerTitle, children, disabled, actions, shouldShowExpandButton, setShouldShowExpandButton, className, style } = _a, restProps = __rest(_a, ["as", "maxHeight", "code", "headerTitle", "children", "disabled", "actions", "shouldShowExpandButton", "setShouldShowExpandButton", "className", "style"]);
|
|
27
39
|
const Component = as || 'div';
|
|
28
40
|
const syntaxHighlighterWrapperRef = useRef(null);
|
|
29
41
|
const [containerHeight, setContainerHeight] = useState(`${maxHeight}px`);
|
|
@@ -50,7 +62,7 @@ export const CodeBlockWrapper = React.forwardRef(function CodeBlockWrapper({ as,
|
|
|
50
62
|
setShouldShowExpandButton(true);
|
|
51
63
|
}
|
|
52
64
|
}, [maxHeight, code, setShouldShowExpandButton]);
|
|
53
|
-
return (_jsxs(Component, { ref: ref, className:
|
|
65
|
+
return (_jsxs(Component, Object.assign({}, restProps, { ref: ref, className: classNames('ndl-code-block-container', className), style: Object.assign({ height: containerHeight }, style), children: [_jsxs("div", { className: "n-flex n-flex-col n-h-full", children: [headerTitle && (_jsx("div", { className: classNames('ndl-code-block-title', {
|
|
54
66
|
'ndl-disabled': disabled,
|
|
55
67
|
}), style: {
|
|
56
68
|
maxWidth: `calc(100% - ${((actions === null || actions === void 0 ? void 0 : actions.length) || 0) * 36 + 20}px)`,
|
|
@@ -69,6 +81,6 @@ export const CodeBlockWrapper = React.forwardRef(function CodeBlockWrapper({ as,
|
|
|
69
81
|
setContainerHeight(`fit-content`);
|
|
70
82
|
setIsExpanded(true);
|
|
71
83
|
}
|
|
72
|
-
}, clean: true, children: isExpanded ? _jsx(ChevronUpIconOutline, {}) : _jsx(ChevronDownIconOutline, {}) }) }))] }));
|
|
84
|
+
}, clean: true, children: isExpanded ? _jsx(ChevronUpIconOutline, {}) : _jsx(ChevronDownIconOutline, {}) }) }))] })));
|
|
73
85
|
});
|
|
74
86
|
//# sourceMappingURL=CodeBlockWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -73,20 +73,31 @@ const AccordionComponent = forwardRef(function AccordionComponent(_a, ref) {
|
|
|
73
73
|
event.stopPropagation();
|
|
74
74
|
const newFocusedElement = getAccordionItem(activeElement, AccordionSelector.ItemNotDisabled, 'next');
|
|
75
75
|
const newHeader = newFocusedElement === null || newFocusedElement === void 0 ? void 0 : newFocusedElement.firstElementChild;
|
|
76
|
-
newHeader
|
|
76
|
+
if (newHeader && newHeader instanceof HTMLElement) {
|
|
77
|
+
focusAccordionItem(newHeader);
|
|
78
|
+
}
|
|
77
79
|
}
|
|
78
80
|
else if (event.key === 'ArrowUp') {
|
|
79
81
|
event.preventDefault();
|
|
80
82
|
event.stopPropagation();
|
|
81
83
|
const newFocusedElement = getAccordionItem(activeElement, AccordionSelector.ItemNotDisabled, 'prev');
|
|
82
84
|
const newHeader = newFocusedElement === null || newFocusedElement === void 0 ? void 0 : newFocusedElement.firstElementChild;
|
|
83
|
-
newHeader
|
|
85
|
+
if (newHeader && newHeader instanceof HTMLElement) {
|
|
86
|
+
focusAccordionItem(newHeader);
|
|
87
|
+
}
|
|
84
88
|
}
|
|
85
89
|
else if (event.key === ' ' || event.key === 'Enter') {
|
|
86
90
|
event.preventDefault();
|
|
87
91
|
event.stopPropagation();
|
|
88
|
-
|
|
89
|
-
|
|
92
|
+
activeElement.click();
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
const focusAccordionItem = (accordionHtmlElement) => {
|
|
96
|
+
const accordionButton = accordionHtmlElement
|
|
97
|
+
.getElementsByClassName('ndl-accordion-item-header-button')
|
|
98
|
+
.item(0);
|
|
99
|
+
if (accordionButton !== null && accordionButton instanceof HTMLElement) {
|
|
100
|
+
accordionButton.focus();
|
|
90
101
|
}
|
|
91
102
|
};
|
|
92
103
|
useImperativeHandle(ref, () => accordionRef.current);
|
|
@@ -163,6 +174,7 @@ const AccordionItem = (_a) => {
|
|
|
163
174
|
}, [isExpanded, multiple, disabled, itemId, onExpandedChange, context]);
|
|
164
175
|
const classes = classNames('ndl-accordion-item', className, {
|
|
165
176
|
'ndl-accordion-item-disabled': disabled,
|
|
177
|
+
'ndl-accordion-item-expanded': isExpanded,
|
|
166
178
|
});
|
|
167
179
|
const headerClasses = classNames('ndl-accordion-item-header', {
|
|
168
180
|
'ndl-accordion-item-header-disabled': disabled,
|
|
@@ -181,10 +193,9 @@ const AccordionItem = (_a) => {
|
|
|
181
193
|
'ndl-accordion-item-content-expanded': isExpanded,
|
|
182
194
|
'ndl-accordion-item-content-right': arrowPosition === 'right',
|
|
183
195
|
});
|
|
184
|
-
|
|
185
|
-
return (_jsxs("div", Object.assign({}, restProps, { className: classes, id: itemElementId, children: [_jsx(Typography, { variant: "subheading-medium", className: headerClasses, role: "heading", tabIndex: disabled ? -1 : 0, id: headerElementId, "aria-level": "2", children: _jsx("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled": disabled, "aria-label": title, "aria-controls": panelElementId, tabIndex: -1, children: _jsxs("span", { className: iconClasses, children: [headerTitle, _jsx(ChevronDownIconOutline, { className: classNames('ndl-accordion-item-header-icon', {
|
|
196
|
+
return (_jsxs("div", Object.assign({}, restProps, { className: classes, id: itemElementId, children: [_jsx("div", { className: headerClasses, id: headerElementId, children: _jsx("button", { id: buttonElementId, onClick: handleOnClick, className: buttonClasses, "aria-expanded": isExpanded, "aria-disabled": disabled, "aria-label": title, "aria-controls": panelElementId, disabled: disabled, children: _jsxs("span", { className: iconClasses, children: [_jsx(Typography, { variant: "subheading-medium", className: titleClasses, role: "heading", "aria-level": "2", children: title }), _jsx(ChevronDownIconOutline, { className: classNames('ndl-accordion-item-header-icon', {
|
|
186
197
|
'-n-rotate-180': isExpanded,
|
|
187
|
-
}) })] }) }) }), _jsx("div", { id: panelElementId, ref: contentRef, className: contentClasses, "aria-hidden": !isExpanded, "aria-labelledby": buttonElementId, role: "region", children: _jsx("div", { ref: innerContentRef, className: "ndl-accordion-item-content-inner", children: _jsx(Typography, { variant: "body-medium", className: "n-text-palette-neutral-text-weak", as: "div", children: children }) }) }), _jsx(Divider, {})] })));
|
|
198
|
+
}) })] }) }) }), _jsx("div", { id: panelElementId, ref: contentRef, className: contentClasses, "aria-hidden": !isExpanded, "aria-labelledby": buttonElementId, role: "region", children: _jsx("div", { ref: innerContentRef, className: "ndl-accordion-item-content-inner", onKeyDown: (event) => event.stopPropagation(), children: _jsx(Typography, { variant: "body-medium", className: "n-text-palette-neutral-text-weak", as: "div", children: children }) }) }), _jsx(Divider, {})] })));
|
|
188
199
|
};
|
|
189
200
|
AccordionItem.displayName = 'Accordion.Item';
|
|
190
201
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAGL,UAAU,GACX,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,IAAK,iBAGJ;AAHD,WAAK,iBAAiB;IACpB,iDAA4B,CAAA;IAC5B,8FAAyE,CAAA;AAC3E,CAAC,EAHI,iBAAiB,KAAjB,iBAAiB,QAGrB;AAED,MAAM,gBAAgB,GAAG,CACvB,gBAAyB,EACzB,QAAgB,EAChB,YAA6B,MAAM,EACnB,EAAE;IAClB,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACpE,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,SAAS,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;AACpD,CAAC,CAAC;AA0CF,8DAA8D;AAC9D,MAAM,gBAAgB,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC;AAE/E,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;KACnD;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CAG/D,EAOoB,EACpB,GAAgC;QARhC,EACE,EAAE,GAAG,KAAK,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,OAEU,EADf,SAAS,cANd,uDAOC,CADa;IAId,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,oDAAoD;IACpD,kDAAkD;IAClD,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,gBAAgB,EAAE;YACrB,OAAO;SACR;QACD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAA4B,CAAC;QAC5D,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,aAAa,EACb,iBAAiB,CAAC,eAAe,EACjC,MAAM,CACP,CAAC;YACF,MAAM,SAAS,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAGL,UAAU,GACX,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,IAAK,iBAGJ;AAHD,WAAK,iBAAiB;IACpB,iDAA4B,CAAA;IAC5B,8FAAyE,CAAA;AAC3E,CAAC,EAHI,iBAAiB,KAAjB,iBAAiB,QAGrB;AAED,MAAM,gBAAgB,GAAG,CACvB,gBAAyB,EACzB,QAAgB,EAChB,YAA6B,MAAM,EACnB,EAAE;IAClB,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACpE,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,SAAS,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;AACpD,CAAC,CAAC;AA0CF,8DAA8D;AAC9D,MAAM,gBAAgB,GAAG,aAAa,CAAmC,IAAI,CAAC,CAAC;AAE/E,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;KACnD;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CAG/D,EAOoB,EACpB,GAAgC;QARhC,EACE,EAAE,GAAG,KAAK,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,OAEU,EADf,SAAS,cANd,uDAOC,CADa;IAId,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,oDAAoD;IACpD,kDAAkD;IAClD,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAI,CAAC,gBAAgB,EAAE;YACrB,OAAO;SACR;QACD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAA4B,CAAC;QAC5D,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,aAAa,EACb,iBAAiB,CAAC,eAAe,EACjC,MAAM,CACP,CAAC;YACF,MAAM,SAAS,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,CAAC;YAEvD,IAAI,SAAS,IAAI,SAAS,YAAY,WAAW,EAAE;gBACjD,kBAAkB,CAAC,SAAwB,CAAC,CAAC;aAC9C;SACF;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;YAClC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,aAAa,EACb,iBAAiB,CAAC,eAAe,EACjC,MAAM,CACP,CAAC;YACF,MAAM,SAAS,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,iBAAiB,CAAC;YAEvD,IAAI,SAAS,IAAI,SAAS,YAAY,WAAW,EAAE;gBACjD,kBAAkB,CAAC,SAAwB,CAAC,CAAC;aAC9C;SACF;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACrD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,aAAa,CAAC,KAAK,EAAE,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,oBAAiC,EAAE,EAAE;QAC/D,MAAM,eAAe,GAAG,oBAAoB;aACzC,sBAAsB,CAAC,kCAAkC,CAAC;aAC1D,IAAI,CAAC,CAAC,CAAC,CAAC;QAEX,IAAI,eAAe,KAAK,IAAI,IAAI,eAAe,YAAY,WAAW,EAAE;YACtE,eAAe,CAAC,KAAK,EAAE,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,MAAM,KACJ,SAAmC,EAD/B,EAAE,eAAe,OACc,EADT,mBAAmB,cAAzC,mBAA2C,CACZ,CAAC;IACtC,MAAM,KACJ,SAAsC,EADlC,EAAE,cAAc,OACkB,EADb,sBAAsB,cAA3C,kBAA6C,CACX,CAAC;IAEzC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE1E,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAE;YACC,QAAQ;YACR,QAAQ;YACR,eAAe;SACE;QACrB,CAAC,CAAE;YACC,QAAQ;YACR,QAAQ;YACR,cAAc;SACM,CAAC;IAE3B,OAAO,CACL,KAAC,SAAS,oBACJ,SAAS,IACb,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,aAAa,YAExB,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC3C,QAAQ,GACiB,IAClB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAGD,kBACD,CAAC,WAAW,GAAG,WAAW,CAAC;AAE5B,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAmB,EAAE,EAAE,CACzD,oBAAoB,IAAI,MAAM,EAAE,EAAE,CAAC;AAkBrC,MAAM,aAAa,GAAG,CAA4B,EAS1B,EAAE,EAAE;QATsB,EAChD,MAAM,EACN,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,aAAa,GAAG,OAAO,EACvB,QAAQ,GAAG,KAAK,EAChB,gBAAgB,OAEM,EADnB,SAAS,cARoC,6FASjD,CADa;IAEZ,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAErD,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,gEAAgE;IAChE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE7B,MAAM,UAAU,GAAG,QAAQ;QACzB,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC1C,CAAC,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM,CAAC;IAEtC,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;;QACrC,IAAI,QAAQ;YAAE,OAAO;QAErB,2BAA2B;QAC3B,IAAI,gBAAgB,KAAK,SAAS;YAAE,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC;QAElE,IAAI,QAAQ,EAAE;YACZ,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAkB,OAAO,CAAC;YAC7D,qBAAqB;YACrB,IAAI,UAAU,EAAE;gBACd,oBAAoB;gBACpB,MAAM,QAAQ,GAAQ,eAAe,CAAC,MAAM,CAC1C,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,MAAM,CAClC,CAAC;gBACF,QAAQ,CAAC,QAAQ,CAAC,CAAC;aACpB;iBAAM,IAAI,CAAC,UAAU,EAAE;gBACtB,eAAe;gBACf,MAAM,QAAQ,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC;gBACtC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACtB,QAAQ,CAAC,QAAQ,CAAC,CAAC;aACpB;SACF;aAAM;YACL,MAAM,EAAE,QAAQ,EAAE,GAAqB,OAAO,CAAC;YAC/C,mBAAmB;YACnB,IAAI,UAAU,EAAE;gBACd,YAAY;gBACZ,QAAQ,CAAC,IAAI,CAAC,CAAC;aAChB;iBAAM,IAAI,CAAC,UAAU,EAAE;gBACtB,aAAa;gBACb,QAAQ,CAAC,MAAM,CAAC,CAAC;aAClB;SACF;QAED,yFAAyF;QACzF,MAAA,MAAA,QAAQ,CAAC,aAAa,0CAAE,aAAa,0CAAE,KAAK,EAAE,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,CAAC,CAAC,CAAC;IAExE,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,EAAE,SAAS,EAAE;QAC1D,6BAA6B,EAAE,QAAQ;QACvC,6BAA6B,EAAE,UAAU;KAC1C,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,UAAU,CAAC,2BAA2B,EAAE;QAC5D,oCAAoC,EAAE,QAAQ;KAC/C,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,wCAAwC,EAAE;QACvE,8CAA8C,EAAE,aAAa,KAAK,OAAO;KAC1E,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,UAAU,CAAC,kCAAkC,EAAE;QACnE,2CAA2C,EAAE,QAAQ;KACtD,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,wCAAwC,EAAE;QACxE,wCAAwC,EAAE,QAAQ;QAClD,8CAA8C,EAAE,aAAa,KAAK,OAAO;KAC1E,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,4BAA4B,EAAE;QAC9D,qCAAqC,EAAE,UAAU;QACjD,kCAAkC,EAAE,aAAa,KAAK,OAAO;KAC9D,CAAC,CAAC;IAEH,OAAO,CACL,+BAAS,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,aAAa,aACvD,cAAK,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE,eAAe,YAChD,iBACE,EAAE,EAAE,eAAe,EACnB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,mBACT,UAAU,mBACV,QAAQ,gBACX,KAAK,mBACF,cAAc,EAC7B,QAAQ,EAAE,QAAQ,YAElB,gBAAM,SAAS,EAAE,WAAW,aAC1B,KAAC,UAAU,IACT,OAAO,EAAC,mBAAmB,EAC3B,SAAS,EAAE,YAAY,EACvB,IAAI,EAAC,SAAS,gBACH,GAAG,YAEb,KAAK,GACK,EAEb,KAAC,sBAAsB,IACrB,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE;oCACtD,eAAe,EAAE,UAAU;iCAC5B,CAAC,GACF,IACG,GACA,GACL,EAEN,cACE,EAAE,EAAE,cAAc,EAClB,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,cAAc,iBACZ,CAAC,UAAU,qBACP,eAAe,EAChC,IAAI,EAAC,QAAQ,YAIb,cACE,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,kCAAkC,EAC5C,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,YAE7C,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,kCAAkC,EAC5C,EAAE,EAAC,KAAK,YAEP,QAAQ,GACE,GACT,GACF,EACN,KAAC,OAAO,KAAG,KACP,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE7C,6IAA6I;AAC7I,2CAA2C;AAC3C,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
13
|
/**
|
|
3
14
|
*
|
|
@@ -23,7 +34,8 @@ import React, { useState } from 'react';
|
|
|
23
34
|
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
|
|
24
35
|
import { base16AteliersulphurpoolLight, coy, duotoneLight, ghcolors, prism, solarizedlight, vs, } from 'react-syntax-highlighter/dist/cjs/styles/prism';
|
|
25
36
|
import { CodeBlockWrapper } from '../_common/CodeBlockWrapper';
|
|
26
|
-
export const CodeBlock = React.forwardRef(function CodeBlock(
|
|
37
|
+
export const CodeBlock = React.forwardRef(function CodeBlock(_a, ref) {
|
|
38
|
+
var { maxHeight, code, language, showLineNumbers, theme, headerTitle, actions, disabled } = _a, restProps = __rest(_a, ["maxHeight", "code", "language", "showLineNumbers", "theme", "headerTitle", "actions", "disabled"]);
|
|
27
39
|
const [shouldShowExpandButton, setShouldShowExpandButton] = useState(maxHeight !== undefined);
|
|
28
40
|
const getTheme = () => {
|
|
29
41
|
switch (theme) {
|
|
@@ -45,7 +57,7 @@ export const CodeBlock = React.forwardRef(function CodeBlock({ maxHeight, code,
|
|
|
45
57
|
return base16AteliersulphurpoolLight;
|
|
46
58
|
}
|
|
47
59
|
};
|
|
48
|
-
return (_jsx(CodeBlockWrapper, { 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-"]': {
|
|
60
|
+
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-"]': {
|
|
49
61
|
color: 'rgb(var(--theme-palette-neutral-text-default))',
|
|
50
62
|
lineHeight: '1',
|
|
51
63
|
width: '100%',
|
|
@@ -57,6 +69,6 @@ export const CodeBlock = React.forwardRef(function CodeBlock({ maxHeight, code,
|
|
|
57
69
|
// Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
|
|
58
70
|
// https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
|
|
59
71
|
// wrapLongLines
|
|
60
|
-
codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers, children: code }) }));
|
|
72
|
+
codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers, children: code }) })));
|
|
61
73
|
});
|
|
62
74
|
//# sourceMappingURL=CodeBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":"
|
|
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,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACtE,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;IAEF,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,MAAM;oBACb,MAAM,EAAE,CAAC;oBACT,OAAO,EAAE,mBACP,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,EAAE;wBAC7C,CAAC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;wBAC5D,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EACzC,mBAAmB;iBACpB;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"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
/**
|
|
14
|
+
*
|
|
15
|
+
* Copyright (c) "Neo4j"
|
|
16
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
17
|
+
*
|
|
18
|
+
* This file is part of Neo4j.
|
|
19
|
+
*
|
|
20
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
21
|
+
* it under the terms of the GNU General Public License as published by
|
|
22
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
23
|
+
* (at your option) any later version.
|
|
24
|
+
*
|
|
25
|
+
* This program is distributed in the hope that it will be useful,
|
|
26
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
27
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
28
|
+
* GNU General Public License for more details.
|
|
29
|
+
*
|
|
30
|
+
* You should have received a copy of the GNU General Public License
|
|
31
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
|
+
*/
|
|
33
|
+
import React from 'react';
|
|
34
|
+
import { classNames } from '../_common/defaultImports';
|
|
35
|
+
import { ChevronDownIconOutline, ChevronUpIconOutline } from '../icons';
|
|
36
|
+
/**
|
|
37
|
+
*
|
|
38
|
+
*
|
|
39
|
+
* DropdownButton Component
|
|
40
|
+
*
|
|
41
|
+
*
|
|
42
|
+
*/
|
|
43
|
+
export const DropdownButton = React.forwardRef(function DropdownButton(_a, ref) {
|
|
44
|
+
var { children, size = 'medium', isDisabled, isFloating = false, leftIcon, isOpen = false } = _a, restProps = __rest(_a, ["children", "size", "isDisabled", "isFloating", "leftIcon", "isOpen"]);
|
|
45
|
+
const classes = classNames('ndl-dropdown-btn', {
|
|
46
|
+
'ndl-small': size === 'small',
|
|
47
|
+
'ndl-medium': size === 'medium',
|
|
48
|
+
'ndl-large': size === 'large',
|
|
49
|
+
'ndl-disabled': isDisabled,
|
|
50
|
+
'ndl-floating-btn': isFloating,
|
|
51
|
+
'ndl-open': isOpen,
|
|
52
|
+
});
|
|
53
|
+
return (_jsxs("button", Object.assign({}, restProps, { className: classes, disabled: isDisabled, ref: ref, children: [_jsxs("div", { className: "ndl-dropdown-btn-left-wrapper", children: [leftIcon && leftIcon, children] }), isOpen ? (_jsx(ChevronUpIconOutline, { className: "n-size-token-6 ndl-dropdown-button-open-icon" })) : (_jsx(ChevronDownIconOutline, { className: "n-size-token-6 ndl-dropdown-button-closed-icon" }))] })));
|
|
54
|
+
});
|
|
55
|
+
//# sourceMappingURL=DropdownButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../src/dropdown-button/DropdownButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AA0BxE;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,cAAc,CACpE,EAQsB,EACtB,GAAoC;QATpC,EACE,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,MAAM,GAAG,KAAK,OAEM,EADjB,SAAS,cAPd,sEAQC,CADa;IAId,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE;QAC7C,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,cAAc,EAAE,UAAU;QAC1B,kBAAkB,EAAE,UAAU;QAC9B,UAAU,EAAE,MAAM;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,kCAAY,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,aACvE,eAAK,SAAS,EAAC,+BAA+B,aAC3C,QAAQ,IAAI,QAAQ,EACpB,QAAQ,IACL,EACL,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,oBAAoB,IAAC,SAAS,EAAC,8CAA8C,GAAG,CAClF,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IAAC,SAAS,EAAC,gDAAgD,GAAG,CACtF,KACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
export * from './DropdownButton';
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown-button/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,kBAAkB,CAAC"}
|
package/lib/esm/index.js
CHANGED
|
@@ -61,6 +61,7 @@ export * from './logo';
|
|
|
61
61
|
export * from './clipboard-copier';
|
|
62
62
|
export * from './slider';
|
|
63
63
|
export * from './inline-edit';
|
|
64
|
+
export * from './dropdown-button';
|
|
64
65
|
export * from './divider';
|
|
65
66
|
export * from './tree-view';
|
|
66
67
|
//# sourceMappingURL=index.js.map
|
package/lib/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
|
|
@@ -45,7 +45,7 @@ const getExpandIconName = (position, expanded) => {
|
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
const SideNavigationComponent = forwardRef(function SideNavigationComponent(_a, ref) {
|
|
48
|
-
var { expanded, children, className, onExpandedChange, iconMenu = false, position = 'left', size: defaultSize = '
|
|
48
|
+
var { expanded, children, className, onExpandedChange, iconMenu = false, position = 'left', size: defaultSize = 'large' } = _a, restProps = __rest(_a, ["expanded", "children", "className", "onExpandedChange", "iconMenu", "position", "size"]);
|
|
49
49
|
// Typescript unable to infer the default value correctly in the parameter.
|
|
50
50
|
const size = defaultSize;
|
|
51
51
|
const setOnExpandedChange = useCallback(() => {
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import React, { type ReactElement } from 'react';
|
|
22
|
+
/**
|
|
23
|
+
*
|
|
24
|
+
*
|
|
25
|
+
* Types
|
|
26
|
+
*
|
|
27
|
+
*
|
|
28
|
+
*/
|
|
29
|
+
export interface DropdownButtonProps extends React.ComponentPropsWithRef<'button'> {
|
|
30
|
+
/** Add Component type here */
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
/** Size of button */
|
|
33
|
+
size?: 'small' | 'medium' | 'large';
|
|
34
|
+
/** If the button is in floating state */
|
|
35
|
+
isFloating?: boolean;
|
|
36
|
+
/** If the button is in disabled state */
|
|
37
|
+
isDisabled?: boolean;
|
|
38
|
+
/** Element to be shown as left icon */
|
|
39
|
+
leftIcon?: ReactElement;
|
|
40
|
+
/** If the dropdown is activated */
|
|
41
|
+
isOpen?: boolean;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
*
|
|
45
|
+
*
|
|
46
|
+
* DropdownButton Component
|
|
47
|
+
*
|
|
48
|
+
*
|
|
49
|
+
*/
|
|
50
|
+
export declare const DropdownButton: React.ForwardRefExoticComponent<Omit<DropdownButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
export * from './DropdownButton';
|
package/lib/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.13.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"@floating-ui/react": "0.25.1",
|
|
91
91
|
"@heroicons/react": "2.0.13",
|
|
92
92
|
"@neo4j-cypher/react-codemirror": "^1.0.1",
|
|
93
|
-
"@neo4j-ndl/base": "^2.
|
|
93
|
+
"@neo4j-ndl/base": "^2.9.0",
|
|
94
94
|
"@table-nav/core": "0.0.7",
|
|
95
95
|
"@table-nav/react": "0.0.7",
|
|
96
96
|
"@tanstack/react-table": "^8.9.3",
|