@neo4j-ndl/react 0.2.0 → 0.4.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/lib/cjs/{input/Input.js → _common/input/RadioAndCheckboxWrapper.js} +6 -6
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js.map +1 -0
- package/lib/cjs/_common/input/types.js +3 -0
- package/lib/cjs/_common/input/types.js.map +1 -0
- package/lib/cjs/_common/utilts.js +31 -0
- package/lib/cjs/_common/utilts.js.map +1 -0
- package/lib/cjs/button/Button.js +18 -13
- package/lib/cjs/button/Button.js.map +1 -1
- package/lib/cjs/button/IconButton.js +85 -0
- package/lib/cjs/button/IconButton.js.map +1 -0
- package/lib/cjs/button/IconButtonArray.js +52 -0
- package/lib/cjs/button/IconButtonArray.js.map +1 -0
- package/lib/cjs/button/index.js +2 -0
- package/lib/cjs/button/index.js.map +1 -1
- package/lib/cjs/checkbox/Checkbox.js +2 -2
- package/lib/cjs/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/index.js +2 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/label/Label.js +3 -1
- package/lib/cjs/label/Label.js.map +1 -1
- package/lib/cjs/progress-bar/ProgressBar.js +2 -2
- package/lib/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/lib/cjs/radio/Radio.js +2 -2
- package/lib/cjs/radio/Radio.js.map +1 -1
- package/lib/cjs/switch/Switch.js +2 -2
- package/lib/cjs/switch/Switch.js.map +1 -1
- package/lib/cjs/table/Table.js +124 -0
- package/lib/cjs/table/Table.js.map +1 -0
- package/lib/cjs/table/TableNavigation.js +51 -0
- package/lib/cjs/table/TableNavigation.js.map +1 -0
- package/lib/cjs/table/helpers.js +119 -0
- package/lib/cjs/table/helpers.js.map +1 -0
- package/lib/cjs/table/hooks/hookCallbackTypes.js +23 -0
- package/lib/cjs/table/hooks/hookCallbackTypes.js.map +1 -0
- package/lib/cjs/table/hooks/index.js +40 -0
- package/lib/cjs/table/hooks/index.js.map +1 -0
- package/lib/cjs/table/hooks/useMultiRowSelect.js +84 -0
- package/lib/cjs/table/hooks/useMultiRowSelect.js.map +1 -0
- package/lib/cjs/table/hooks/useSingleRowSelect.js +61 -0
- package/lib/cjs/table/hooks/useSingleRowSelect.js.map +1 -0
- package/lib/cjs/table/index.js +44 -0
- package/lib/cjs/table/index.js.map +1 -0
- package/lib/cjs/tabs/Tabs.js +4 -3
- package/lib/cjs/tabs/Tabs.js.map +1 -1
- package/lib/cjs/text-input/TextInput.js +72 -0
- package/lib/cjs/text-input/TextInput.js.map +1 -0
- package/lib/cjs/{input → text-input}/index.js +3 -3
- package/lib/cjs/text-input/index.js.map +1 -0
- package/lib/esm/{input/Input.js → _common/input/RadioAndCheckboxWrapper.js} +6 -6
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js.map +1 -0
- package/lib/esm/_common/input/types.js +2 -0
- package/lib/esm/_common/input/types.js.map +1 -0
- package/lib/esm/_common/utilts.js +25 -0
- package/lib/esm/_common/utilts.js.map +1 -0
- package/lib/esm/button/Button.js +16 -9
- package/lib/esm/button/Button.js.map +1 -1
- package/lib/esm/button/IconButton.js +79 -0
- package/lib/esm/button/IconButton.js.map +1 -0
- package/lib/esm/button/IconButtonArray.js +46 -0
- package/lib/esm/button/IconButtonArray.js.map +1 -0
- package/lib/esm/button/index.js +2 -0
- package/lib/esm/button/index.js.map +1 -1
- package/lib/esm/checkbox/Checkbox.js +2 -2
- package/lib/esm/checkbox/Checkbox.js.map +1 -1
- package/lib/esm/index.js +2 -0
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/label/Label.js +3 -1
- package/lib/esm/label/Label.js.map +1 -1
- package/lib/esm/progress-bar/ProgressBar.js +2 -2
- package/lib/esm/progress-bar/ProgressBar.js.map +1 -1
- package/lib/esm/radio/Radio.js +2 -2
- package/lib/esm/radio/Radio.js.map +1 -1
- package/lib/esm/switch/Switch.js +2 -2
- package/lib/esm/switch/Switch.js.map +1 -1
- package/lib/esm/table/Table.js +117 -0
- package/lib/esm/table/Table.js.map +1 -0
- package/lib/esm/table/TableNavigation.js +44 -0
- package/lib/esm/table/TableNavigation.js.map +1 -0
- package/lib/esm/table/helpers.js +112 -0
- package/lib/esm/table/helpers.js.map +1 -0
- package/lib/esm/{input/index.js → table/hooks/hookCallbackTypes.js} +2 -2
- package/lib/esm/table/hooks/hookCallbackTypes.js.map +1 -0
- package/lib/esm/table/hooks/index.js +24 -0
- package/lib/esm/table/hooks/index.js.map +1 -0
- package/lib/esm/table/hooks/useMultiRowSelect.js +82 -0
- package/lib/esm/table/hooks/useMultiRowSelect.js.map +1 -0
- package/lib/esm/table/hooks/useSingleRowSelect.js +57 -0
- package/lib/esm/table/hooks/useSingleRowSelect.js.map +1 -0
- package/lib/esm/table/index.js +23 -0
- package/lib/esm/table/index.js.map +1 -0
- package/lib/esm/tabs/Tabs.js +4 -3
- package/lib/esm/tabs/Tabs.js.map +1 -1
- package/lib/esm/text-input/TextInput.js +67 -0
- package/lib/esm/text-input/TextInput.js.map +1 -0
- package/lib/esm/text-input/index.js +22 -0
- package/lib/esm/text-input/index.js.map +1 -0
- package/lib/types/_common/input/RadioAndCheckboxWrapper.d.ts +37 -0
- package/lib/types/_common/input/types.d.ts +31 -0
- package/lib/types/_common/utilts.d.ts +24 -0
- package/lib/types/alert/Alert.d.ts +1 -1
- package/lib/types/button/Button.d.ts +3 -4
- package/lib/types/button/IconButton.d.ts +47 -0
- package/lib/types/button/IconButtonArray.d.ts +37 -0
- package/lib/types/button/index.d.ts +2 -0
- package/lib/types/checkbox/Checkbox.d.ts +2 -2
- package/lib/types/index.d.ts +2 -0
- package/lib/types/progress-bar/ProgressBar.d.ts +2 -3
- package/lib/types/radio/Radio.d.ts +2 -2
- package/lib/types/switch/Switch.d.ts +2 -2
- package/lib/types/table/Table.d.ts +71 -0
- package/lib/types/table/TableNavigation.d.ts +39 -0
- package/lib/types/table/helpers.d.ts +51 -0
- package/lib/types/table/hooks/hookCallbackTypes.d.ts +27 -0
- package/lib/types/table/hooks/index.d.ts +23 -0
- package/lib/types/table/hooks/useMultiRowSelect.d.ts +42 -0
- package/lib/types/table/hooks/useSingleRowSelect.d.ts +37 -0
- package/lib/types/table/index.d.ts +22 -0
- package/lib/types/tabs/Tabs.d.ts +3 -4
- package/lib/types/text-input/TextInput.d.ts +55 -0
- package/lib/types/{input → text-input}/index.d.ts +1 -1
- package/package.json +6 -5
- package/lib/cjs/input/Input.js.map +0 -1
- package/lib/cjs/input/index.js.map +0 -1
- package/lib/esm/input/Input.js.map +0 -1
- package/lib/esm/input/index.js.map +0 -1
- package/lib/types/input/Input.d.ts +0 -44
|
@@ -45,16 +45,16 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
45
45
|
*
|
|
46
46
|
*
|
|
47
47
|
*/
|
|
48
|
-
const
|
|
49
|
-
const { label, fluid, labelBefore } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore"]);
|
|
50
|
-
const containerWrappingClass = (0, classnames_1.default)(
|
|
48
|
+
const RadioAndCheckboxWrapper = (props, ref) => {
|
|
49
|
+
const { label, fluid, labelBefore, type = 'text' } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type"]);
|
|
50
|
+
const containerWrappingClass = (0, classnames_1.default)(`ndl-form-item ndl-type-${type}`, {
|
|
51
51
|
disabled: otherInputProps.disabled,
|
|
52
52
|
});
|
|
53
53
|
const labelWrappingClass = (0, classnames_1.default)(`form-item-label`, {
|
|
54
54
|
fluid,
|
|
55
55
|
'label-before': labelBefore,
|
|
56
56
|
});
|
|
57
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: containerWrappingClass }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, otherInputProps, { ref: ref })), label] })) })));
|
|
57
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: containerWrappingClass }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, otherInputProps, { ref: ref, type: type })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "form-label-text" }, { children: label }))] })) })));
|
|
58
58
|
};
|
|
59
|
-
exports.default = (0, react_1.forwardRef)(
|
|
60
|
-
//# sourceMappingURL=
|
|
59
|
+
exports.default = (0, react_1.forwardRef)(RadioAndCheckboxWrapper);
|
|
60
|
+
//# sourceMappingURL=RadioAndCheckboxWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAiD;AACjD,4DAAoC;AAmBpC,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,GAAG,MAAM,KAEX,KAAK,EADJ,eAAe,UAChB,KAAK,EANH,yCAML,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC,0BAA0B,IAAI,EAAE,EAAE;QAC1E,QAAQ,EAAE,eAAe,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,cAAc,EAAE,WAAW;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,8CAAK,SAAS,EAAE,sBAAsB,gBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,kDAAW,eAAe,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAAI,EACpD,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/_common/input/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
|
+
exports.needleWarningMessage = exports.removeSpaces = exports.removeNewlines = void 0;
|
|
24
|
+
const removeNewlines = (input) => input.replace(/(\r\n|\n|\r)/gm, '');
|
|
25
|
+
exports.removeNewlines = removeNewlines;
|
|
26
|
+
/** Remove extra spaces from sting */
|
|
27
|
+
const removeSpaces = (input) => input.replace(/\s+/g, ' ').trim();
|
|
28
|
+
exports.removeSpaces = removeSpaces;
|
|
29
|
+
const needleWarningMessage = (message) => console.warn(`[🪡 Needle]: ${message}`);
|
|
30
|
+
exports.needleWarningMessage = needleWarningMessage;
|
|
31
|
+
//# sourceMappingURL=utilts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utilts.js","sourceRoot":"","sources":["../../../src/_common/utilts.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEI,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,CAC9C,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;AADzB,QAAA,cAAc,kBACW;AAEtC,qCAAqC;AAC9B,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAC5C,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AADvB,QAAA,YAAY,gBACW;AAE7B,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAE,EAAE,CACtD,OAAO,CAAC,IAAI,CAAC,iBAAiB,OAAO,EAAE,CAAC,CAAC;AAD9B,QAAA,oBAAoB,wBACU"}
|
package/lib/cjs/button/Button.js
CHANGED
|
@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Button =
|
|
17
|
+
exports.Button = void 0;
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
/**
|
|
20
20
|
*
|
|
@@ -39,13 +39,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
39
39
|
const react_1 = __importDefault(require("react"));
|
|
40
40
|
const classnames_1 = __importDefault(require("classnames"));
|
|
41
41
|
const loading_spinner_1 = require("../loading-spinner");
|
|
42
|
-
const
|
|
43
|
-
exports.removeNewlines = removeNewlines;
|
|
44
|
-
/** Remove extra spaces from sting */
|
|
45
|
-
const removeSpaces = (input) => input.replace(/\s+/g, ' ').trim();
|
|
46
|
-
exports.removeSpaces = removeSpaces;
|
|
42
|
+
const utilts_1 = require("../_common/utilts");
|
|
47
43
|
exports.Button = react_1.default.forwardRef(function Button(_a, ref) {
|
|
48
|
-
var { children, as, type = 'button', loading = false, color = 'primary', disabled = false, fill = 'filled', rectangle = false, buttonSize = '
|
|
44
|
+
var { children, as, type = 'button', loading = false, color = 'primary', disabled = false, fill = 'filled', rectangle = false, buttonSize = 'medium', className, onClick, floating = false, tabIndex = 0 } = _a, props = __rest(_a, ["children", "as", "type", "loading", "color", "disabled", "fill", "rectangle", "buttonSize", "className", "onClick", "floating", "tabIndex"]);
|
|
49
45
|
let Component = as || 'button';
|
|
50
46
|
if (!as && props.href) {
|
|
51
47
|
Component = 'a';
|
|
@@ -55,6 +51,7 @@ exports.Button = react_1.default.forwardRef(function Button(_a, ref) {
|
|
|
55
51
|
disabled: disabled,
|
|
56
52
|
loading: loading,
|
|
57
53
|
rectangle: rectangle,
|
|
54
|
+
'floating-btn': floating,
|
|
58
55
|
/** Now check button is outlined or filled */
|
|
59
56
|
/**
|
|
60
57
|
* Notice:
|
|
@@ -65,11 +62,15 @@ exports.Button = react_1.default.forwardRef(function Button(_a, ref) {
|
|
|
65
62
|
${color === 'neutral'
|
|
66
63
|
? `n-bg-light-${color}-bg-strongest`
|
|
67
64
|
: `n-bg-light-${color}-bg-strong`}
|
|
68
|
-
${interactable &&
|
|
65
|
+
${interactable &&
|
|
66
|
+
`hover:n-bg-light-${color}-hover-strong
|
|
67
|
+
active:n-bg-light-${color}-pressed-strong`}
|
|
69
68
|
`]: fill === 'filled',
|
|
70
69
|
[`
|
|
71
70
|
n-text-light-${color}-text
|
|
72
|
-
${interactable &&
|
|
71
|
+
${interactable &&
|
|
72
|
+
`hover:n-bg-light-${color}-hover-weak
|
|
73
|
+
active:n-bg-light-${color}-pressed-weak`}
|
|
73
74
|
n-border-light-${color}-bg-strong
|
|
74
75
|
`]: fill === 'outlined' && color !== 'neutral',
|
|
75
76
|
/**
|
|
@@ -77,21 +78,25 @@ exports.Button = react_1.default.forwardRef(function Button(_a, ref) {
|
|
|
77
78
|
* the same principles with colored variations
|
|
78
79
|
*/
|
|
79
80
|
[`
|
|
80
|
-
|
|
81
|
+
n-text-light-neutral-text-weak
|
|
81
82
|
n-bg-${color}-10
|
|
82
83
|
${interactable && `hover:n-bg-${color}-20`}
|
|
83
|
-
n-border
|
|
84
|
+
n-border-light-neutral-border-strong
|
|
85
|
+
active:n-bg-light-neutral-pressed
|
|
84
86
|
`]: fill === 'outlined' && color === 'neutral',
|
|
85
87
|
[`
|
|
86
88
|
n-text-${color}-50
|
|
87
|
-
${interactable &&
|
|
89
|
+
${interactable &&
|
|
90
|
+
`hover:n-bg-${color}-10
|
|
91
|
+
active:n-bg-light-${color}-pressed-weak
|
|
92
|
+
`}
|
|
88
93
|
`]: fill === 'text' && color !== 'neutral',
|
|
89
94
|
[`
|
|
90
95
|
n-text-light-neutral-text-weak
|
|
91
96
|
${interactable && `hover:n-bg-light-neutral-bg-default`}
|
|
92
97
|
`]: fill === 'text' && color == 'neutral',
|
|
93
98
|
});
|
|
94
|
-
const sanitisedClasses = (0,
|
|
99
|
+
const sanitisedClasses = (0, utilts_1.removeSpaces)((0, utilts_1.removeNewlines)(classes));
|
|
95
100
|
const handleClick = (e) => {
|
|
96
101
|
if (!interactable) {
|
|
97
102
|
// By default, a <button /> element with disabled set to true will not get its
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAEpC,wDAAoD;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,85 @@
|
|
|
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.IconButton = 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 classnames_1 = __importDefault(require("classnames"));
|
|
41
|
+
const loading_spinner_1 = require("../loading-spinner");
|
|
42
|
+
const utilts_1 = require("../_common/utilts");
|
|
43
|
+
exports.IconButton = react_1.default.forwardRef(function Button(_a, ref) {
|
|
44
|
+
var { children, as, type = 'button', loading = false, disabled = false, buttonSize = 'medium', className, onClick, grouped, floating = false, danger, clean } = _a, props = __rest(_a, ["children", "as", "type", "loading", "disabled", "buttonSize", "className", "onClick", "grouped", "floating", "danger", "clean"]);
|
|
45
|
+
let Component = as || 'button';
|
|
46
|
+
if (!as && props.href) {
|
|
47
|
+
Component = 'a';
|
|
48
|
+
}
|
|
49
|
+
const interactable = !disabled && !loading;
|
|
50
|
+
const classes = (0, classnames_1.default)(`ndl-icon-btn ${buttonSize} ${className}`, {
|
|
51
|
+
grouped,
|
|
52
|
+
disabled,
|
|
53
|
+
loading,
|
|
54
|
+
floating,
|
|
55
|
+
danger,
|
|
56
|
+
clean,
|
|
57
|
+
});
|
|
58
|
+
if (clean && floating) {
|
|
59
|
+
(0, utilts_1.needleWarningMessage)("Can't have 'clean' and 'floating' props true at the same time");
|
|
60
|
+
}
|
|
61
|
+
if (!props['aria-label']) {
|
|
62
|
+
(0, utilts_1.needleWarningMessage)('Icon buttons do not have text, be sure to include one for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI');
|
|
63
|
+
}
|
|
64
|
+
const handleClick = (e) => {
|
|
65
|
+
if (!interactable) {
|
|
66
|
+
// By default, a <button /> element with disabled set to true will not get its
|
|
67
|
+
// on click handler called. To support the same behavior on <a /> tags we
|
|
68
|
+
// swallow the event here when disabled, since the <a /> tag with disabled set to
|
|
69
|
+
// true will have its onClick handler called
|
|
70
|
+
e.preventDefault();
|
|
71
|
+
e.stopPropagation();
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
if (onClick) {
|
|
75
|
+
onClick(e);
|
|
76
|
+
}
|
|
77
|
+
else if (!props.href) {
|
|
78
|
+
console.error('onClick was not provided');
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
return ((0, jsx_runtime_1.jsx)(Component
|
|
82
|
+
/** First props and then className to avoid overriding in classNames */
|
|
83
|
+
, Object.assign({}, props, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !interactable, className: classes, ref: ref }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-icon" }, { children: loading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { className: "n-my-auto n-mr-1", size: "small" })) : (children) })) })));
|
|
84
|
+
});
|
|
85
|
+
//# sourceMappingURL=IconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/button/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AACpC,wDAAoD;AAEpD,8CAAyD;AAmC5C,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CACxD,EAckB,EAClB,GAAG;QAfH,EACE,QAAQ,EACR,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,QAAQ,EACrB,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,OAEW,EADb,KAAK,cAbV,iIAcC,CADS;IAIV,IAAI,SAAS,GAAG,EAAE,IAAI,QAAQ,CAAC;IAE/B,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE;QACrB,SAAS,GAAG,GAAG,CAAC;KACjB;IAED,MAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC;IAE3C,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,gBAAgB,UAAU,IAAI,SAAS,EAAE,EAAE;QACpE,OAAO;QACP,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,MAAM;QACN,KAAK;KACN,CAAC,CAAC;IAEH,IAAI,KAAK,IAAI,QAAQ,EAAE;QACrB,IAAA,6BAAoB,EAClB,+DAA+D,CAChE,CAAC;KACH;IAED,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;QACxB,IAAA,6BAAoB,EAClB,yJAAyJ,CAC1J,CAAC;KACH;IAED,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,IAAI,CAAC,YAAY,EAAE;YACjB,8EAA8E;YAC9E,yEAAyE;YACzE,iFAAiF;YACjF,4CAA4C;YAC5C,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;aAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;SAC3C;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS;IACR,uEAAuE;wBACnE,KAAK,EAEL,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC5C,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,YAAY,EACvB,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,gBAER,8CAAK,SAAS,EAAC,UAAU,gBACtB,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,gCAAc,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CAC7D,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACG,IACI,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
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.IconButtonArray = 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 classnames_1 = __importDefault(require("classnames"));
|
|
41
|
+
exports.IconButtonArray = react_1.default.forwardRef(function Button(_a, ref) {
|
|
42
|
+
var { children, as, className, floating = false, orientation = 'horizontal' } = _a, props = __rest(_a, ["children", "as", "className", "floating", "orientation"]);
|
|
43
|
+
const Component = as || 'div';
|
|
44
|
+
const classes = (0, classnames_1.default)(`ndl-icon-btn-array`, {
|
|
45
|
+
'n-flex-row': orientation === 'horizontal',
|
|
46
|
+
'n-flex-col': orientation === 'vertical',
|
|
47
|
+
'array-floating': floating,
|
|
48
|
+
[`${className}`]: className,
|
|
49
|
+
});
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, props, { className: classes, ref: ref }, { children: children })));
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=IconButtonArray.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButtonArray.js","sourceRoot":"","sources":["../../../src/button/IconButtonArray.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAqBvB,QAAA,eAAe,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAC7D,EAOuB,EACvB,GAAG;QARH,EACE,QAAQ,EACR,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,YAAY,OAEL,EADlB,KAAK,cANV,0DAOC,CADS;IAIV,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,oBAAoB,EAAE;QAC/C,YAAY,EAAE,WAAW,KAAK,YAAY;QAC1C,YAAY,EAAE,WAAW,KAAK,UAAU;QACxC,gBAAgB,EAAE,QAAQ;QAC1B,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,SAAS;KAC5B,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"}
|
package/lib/cjs/button/index.js
CHANGED
|
@@ -35,4 +35,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
35
35
|
};
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
37
|
__exportStar(require("./Button"), exports);
|
|
38
|
+
__exportStar(require("./IconButton"), exports);
|
|
39
|
+
__exportStar(require("./IconButtonArray"), exports);
|
|
38
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,+CAA6B;AAC7B,oDAAkC"}
|
|
@@ -25,7 +25,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
25
25
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
26
26
|
*/
|
|
27
27
|
const react_1 = __importDefault(require("react"));
|
|
28
|
-
const
|
|
28
|
+
const RadioAndCheckboxWrapper_1 = __importDefault(require("../_common/input/RadioAndCheckboxWrapper"));
|
|
29
29
|
/**
|
|
30
30
|
*
|
|
31
31
|
*
|
|
@@ -45,7 +45,7 @@ const Checkbox = react_1.default.forwardRef((props, ref) => {
|
|
|
45
45
|
if (!props['aria-label'] && !props.label) {
|
|
46
46
|
console.warn('To be accesible the input component requires either `aria-label` or `label` prop: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
|
|
47
47
|
}
|
|
48
|
-
return (0, jsx_runtime_1.jsx)(
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)(RadioAndCheckboxWrapper_1.default, Object.assign({}, props, { ref: ref, type: "checkbox", role: "checkbox" })));
|
|
49
49
|
});
|
|
50
50
|
Checkbox.displayName = 'Checkbox';
|
|
51
51
|
exports.default = Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,uGAEkD;AAElD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAC/B,CAAC,KAA4B,EAAE,GAAyC,EAAE,EAAE;IAC1E,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;QACxC,OAAO,CAAC,IAAI,CACV,sJAAsJ,CACvJ,CAAC;KACH;IAED,OAAO,CACL,uBAAC,iCAAuB,oBAClB,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,IACf,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,kBAAe,QAAQ,CAAC"}
|
package/lib/cjs/index.js
CHANGED
|
@@ -48,5 +48,7 @@ __exportStar(require("./view-selector"), exports);
|
|
|
48
48
|
__exportStar(require("./popover"), exports);
|
|
49
49
|
__exportStar(require("./icons"), exports);
|
|
50
50
|
__exportStar(require("./progress-bar"), exports);
|
|
51
|
+
__exportStar(require("./table"), exports);
|
|
51
52
|
__exportStar(require("./drag-and-drop"), exports);
|
|
53
|
+
__exportStar(require("./text-input"), exports);
|
|
52
54
|
//# 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,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,kDAAgC"}
|
|
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,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B"}
|
package/lib/cjs/label/Label.js
CHANGED
|
@@ -97,7 +97,9 @@ exports.Label = react_1.default.forwardRef(function Label(_a, ref) {
|
|
|
97
97
|
});
|
|
98
98
|
}
|
|
99
99
|
const classes = (0, classnames_1.default)('ndl-label', base, className, fill);
|
|
100
|
-
return ((0, jsx_runtime_1.jsx)("span", Object.assign({ role: "status", "aria-label": "label", className: classes }, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "label-content" }, { children: [icon, (0, jsx_runtime_1.jsx)("span", Object.assign({
|
|
100
|
+
return ((0, jsx_runtime_1.jsx)("span", Object.assign({ role: "status", "aria-label": "label", className: classes }, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "label-content" }, { children: [icon, (0, jsx_runtime_1.jsx)("span", Object.assign({
|
|
101
|
+
// To enable native tooltip on hover if the children is a string
|
|
102
|
+
title: typeof children === 'string' ? children : 'label', className: "label-text" }, { children: children }))] })) })));
|
|
101
103
|
});
|
|
102
104
|
exports.default = exports.Label;
|
|
103
105
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/label/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AACpC,iDAAkE;AAElE;;;;;;GAMG;AAEU,QAAA,WAAW,GAAG;IACzB,MAAM;IACN,SAAS;IACT,SAAS;IACT,QAAQ;IACR,SAAS;CACD,CAAC;AAiBE,QAAA,KAAK,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAClD,EAOsB,EACtB,GAAwC;QARxC,EACE,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,OAEI,EADjB,IAAI,cANT,sDAOC,CADQ;IAIT,IAAI,IAAY,CAAC;IACjB,IAAI,IAA4B,CAAC;IAEjC,0CAA0C;IAC1C,IAAI,CAAC,QAAQ,IAAI,IAAI,KAAK,OAAO,EAAE;QACjC,OAAO,CAAC,KAAK,CAAC,mCAAmC,CAAC,CAAC;KACpD;IAED,IAAI,QAAQ,EAAE;QACZ,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,IAAI,GAAG,uBAAC,eAAO,KAAG,CAAC;SACpB;aAAM,IAAI,KAAK,KAAK,SAAS,EAAE;YAC9B,IAAI,GAAG,IAAI,CAAC;YACZ,IAAI,GAAG,uBAAC,gBAAQ,KAAG,CAAC;SACrB;aAAM;YACL,IAAI,GAAG,uBAAC,cAAM,KAAG,CAAC;SACnB;KACF;IAED,4DAA4D;IAC5D,MAAM,WAAW,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzD,QAAQ,WAAW,EAAE;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC,CAAC;YACd,IAAI,GAAG,IAAA,oBAAU,EAAC;gBAChB,CAAC,cAAc,WAAW,8BAA8B,CAAC,EACvD,IAAI,KAAK,QAAQ;gBACnB,CAAC,mBAAmB,WAAW,sBAAsB,WAAW,gBAAgB,CAAC,EAC/E,IAAI,KAAK,UAAU;gBACrB,CAAC,oBAAoB,WAAW,cAAc,WAAW,sBAAsB,WAAW,cAAc,CAAC,EACvG,IAAI,KAAK,aAAa;gBACxB,CAAC,UAAU,WAAW,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;aAC/C,CAAC,CAAC;YACH,MAAM;SACP;QACD;YACE,IAAI,GAAG,IAAA,oBAAU,EAAC;gBAChB,CAAC,mDAAmD,CAAC,EACnD,IAAI,KAAK,QAAQ;gBACnB,CAAC,6DAA6D,CAAC,EAC7D,IAAI,KAAK,UAAU;gBACrB,CAAC,iGAAiG,CAAC,EACjG,IAAI,KAAK,aAAa;gBACxB,CAAC,mBAAmB,CAAC,EAAE,IAAI,KAAK,OAAO;aACxC,CAAC,CAAC;KACN;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IAE/D,OAAO,CACL,+CACE,IAAI,EAAC,QAAQ,gBACF,OAAO,EAClB,SAAS,EAAE,OAAO,IACd,IAAI,IACR,GAAG,EAAE,GAAG,gBAER,+CAAK,SAAS,EAAC,eAAe,iBAC3B,IAAI,EACL
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/label/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AACpC,iDAAkE;AAElE;;;;;;GAMG;AAEU,QAAA,WAAW,GAAG;IACzB,MAAM;IACN,SAAS;IACT,SAAS;IACT,QAAQ;IACR,SAAS;CACD,CAAC;AAiBE,QAAA,KAAK,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAClD,EAOsB,EACtB,GAAwC;QARxC,EACE,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,QAAQ,GAAG,KAAK,OAEI,EADjB,IAAI,cANT,sDAOC,CADQ;IAIT,IAAI,IAAY,CAAC;IACjB,IAAI,IAA4B,CAAC;IAEjC,0CAA0C;IAC1C,IAAI,CAAC,QAAQ,IAAI,IAAI,KAAK,OAAO,EAAE;QACjC,OAAO,CAAC,KAAK,CAAC,mCAAmC,CAAC,CAAC;KACpD;IAED,IAAI,QAAQ,EAAE;QACZ,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,IAAI,GAAG,uBAAC,eAAO,KAAG,CAAC;SACpB;aAAM,IAAI,KAAK,KAAK,SAAS,EAAE;YAC9B,IAAI,GAAG,IAAI,CAAC;YACZ,IAAI,GAAG,uBAAC,gBAAQ,KAAG,CAAC;SACrB;aAAM;YACL,IAAI,GAAG,uBAAC,cAAM,KAAG,CAAC;SACnB;KACF;IAED,4DAA4D;IAC5D,MAAM,WAAW,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzD,QAAQ,WAAW,EAAE;QACnB,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,CAAC,CAAC;YACd,IAAI,GAAG,IAAA,oBAAU,EAAC;gBAChB,CAAC,cAAc,WAAW,8BAA8B,CAAC,EACvD,IAAI,KAAK,QAAQ;gBACnB,CAAC,mBAAmB,WAAW,sBAAsB,WAAW,gBAAgB,CAAC,EAC/E,IAAI,KAAK,UAAU;gBACrB,CAAC,oBAAoB,WAAW,cAAc,WAAW,sBAAsB,WAAW,cAAc,CAAC,EACvG,IAAI,KAAK,aAAa;gBACxB,CAAC,UAAU,WAAW,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;aAC/C,CAAC,CAAC;YACH,MAAM;SACP;QACD;YACE,IAAI,GAAG,IAAA,oBAAU,EAAC;gBAChB,CAAC,mDAAmD,CAAC,EACnD,IAAI,KAAK,QAAQ;gBACnB,CAAC,6DAA6D,CAAC,EAC7D,IAAI,KAAK,UAAU;gBACrB,CAAC,iGAAiG,CAAC,EACjG,IAAI,KAAK,aAAa;gBACxB,CAAC,mBAAmB,CAAC,EAAE,IAAI,KAAK,OAAO;aACxC,CAAC,CAAC;KACN;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IAE/D,OAAO,CACL,+CACE,IAAI,EAAC,QAAQ,gBACF,OAAO,EAClB,SAAS,EAAE,OAAO,IACd,IAAI,IACR,GAAG,EAAE,GAAG,gBAER,+CAAK,SAAS,EAAC,eAAe,iBAC3B,IAAI,EACL;oBACE,gEAAgE;oBAChE,KAAK,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EACxD,SAAS,EAAC,YAAY,gBAErB,QAAQ,IACJ,KACH,IACD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}
|
|
@@ -38,9 +38,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
38
38
|
const react_1 = __importDefault(require("react"));
|
|
39
39
|
const classnames_1 = __importDefault(require("classnames"));
|
|
40
40
|
const ProgressBar = react_1.default.forwardRef(function ProgressBar(_a, ref) {
|
|
41
|
-
var { heading,
|
|
41
|
+
var { heading, value, barSize = 'small', className } = _a, rest = __rest(_a, ["heading", "value", "barSize", "className"]);
|
|
42
42
|
const classes = (0, classnames_1.default)('ndl-progress-bar-wrapper', barSize, className);
|
|
43
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "header" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "heading" }, { children: heading })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "progress-number" }, { children: value + '%' }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar", style: { width: value + '%' } }) }))
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [heading && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "header" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "heading" }, { children: heading })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "progress-number" }, { children: value + '%' }))] }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar", style: { width: value + '%' } }) }))] })));
|
|
44
44
|
});
|
|
45
45
|
exports.default = ProgressBar;
|
|
46
46
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AASpC,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CACvD,EAA2E,EAC3E,GAAuC;QADvC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,OAA6B,EAAxB,IAAI,cAAvD,4CAAyD,CAAF;IAGvD,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,OAAO,IAAI,CACV,+CAAK,SAAS,EAAC,QAAQ,iBACrB,+CAAM,SAAS,EAAC,SAAS,gBAAE,OAAO,IAAQ,EAC1C,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,GAAG,GAAG,IAAQ,KAClD,CACP,EACD,8CACE,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,gBAEpB,gCAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,GAAI,IAC3D,KACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,WAAW,CAAC"}
|
package/lib/cjs/radio/Radio.js
CHANGED
|
@@ -25,7 +25,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
25
25
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
26
26
|
*/
|
|
27
27
|
const react_1 = __importDefault(require("react"));
|
|
28
|
-
const
|
|
28
|
+
const RadioAndCheckboxWrapper_1 = __importDefault(require("../_common/input/RadioAndCheckboxWrapper"));
|
|
29
29
|
/**
|
|
30
30
|
*
|
|
31
31
|
*
|
|
@@ -42,7 +42,7 @@ const input_1 = require("../input");
|
|
|
42
42
|
*
|
|
43
43
|
*/
|
|
44
44
|
const Radio = react_1.default.forwardRef(function Radio(props, ref) {
|
|
45
|
-
return (0, jsx_runtime_1.jsx)(
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(RadioAndCheckboxWrapper_1.default, Object.assign({}, props, { type: "radio", role: "radio", ref: ref })));
|
|
46
46
|
});
|
|
47
47
|
exports.default = Radio;
|
|
48
48
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/radio/Radio.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/radio/Radio.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,uGAEkD;AAElD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAC3C,KAA4B,EAC5B,GAAyC;IAEzC,OAAO,CACL,uBAAC,iCAAuB,oBAAK,KAAK,IAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAI,CAC3E,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,KAAK,CAAC"}
|
package/lib/cjs/switch/Switch.js
CHANGED
|
@@ -25,7 +25,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
25
25
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
26
26
|
*/
|
|
27
27
|
const react_1 = __importDefault(require("react"));
|
|
28
|
-
const
|
|
28
|
+
const RadioAndCheckboxWrapper_1 = __importDefault(require("../_common/input/RadioAndCheckboxWrapper"));
|
|
29
29
|
/**
|
|
30
30
|
*
|
|
31
31
|
*
|
|
@@ -42,7 +42,7 @@ const input_1 = require("../input");
|
|
|
42
42
|
*
|
|
43
43
|
*/
|
|
44
44
|
const Switch = react_1.default.forwardRef(function Switch(props, ref) {
|
|
45
|
-
return (0, jsx_runtime_1.jsx)(
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(RadioAndCheckboxWrapper_1.default, Object.assign({}, props, { ref: ref, type: "checkbox", role: "switch" })));
|
|
46
46
|
});
|
|
47
47
|
exports.default = Switch;
|
|
48
48
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/switch/Switch.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/switch/Switch.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,uGAEkD;AAElD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAC7C,KAA4B,EAC5B,GAAyC;IAEzC,OAAO,CACL,uBAAC,iCAAuB,oBAClB,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,IACb,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.fixedHeight = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
/**
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) "Neo4j"
|
|
11
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
12
|
+
*
|
|
13
|
+
* This file is part of Neo4j.
|
|
14
|
+
*
|
|
15
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
16
|
+
* it under the terms of the GNU General Public License as published by
|
|
17
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
18
|
+
* (at your option) any later version.
|
|
19
|
+
*
|
|
20
|
+
* This program is distributed in the hope that it will be useful,
|
|
21
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
22
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
23
|
+
* GNU General Public License for more details.
|
|
24
|
+
*
|
|
25
|
+
* You should have received a copy of the GNU General Public License
|
|
26
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
27
|
+
*/
|
|
28
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
29
|
+
const helpers_1 = require("./helpers");
|
|
30
|
+
const TableNavigation_1 = __importDefault(require("./TableNavigation"));
|
|
31
|
+
/** Table results per page, with the first option being the default */
|
|
32
|
+
const TABLE_RESULTS = {
|
|
33
|
+
DEFAULT: 10,
|
|
34
|
+
values: [10, 25, 50, 100],
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
*
|
|
38
|
+
* Small Utilities
|
|
39
|
+
* for table styling and functionality
|
|
40
|
+
*
|
|
41
|
+
*/
|
|
42
|
+
/** For fixed row height tables, we should have a fixed body size */
|
|
43
|
+
const fixedHeight = (items, height) => ({
|
|
44
|
+
style: { height: `${height * items}px` },
|
|
45
|
+
});
|
|
46
|
+
exports.fixedHeight = fixedHeight;
|
|
47
|
+
const DefaultHeader = ({ headerGroups, }) => ((0, jsx_runtime_1.jsx)("thead", { children:
|
|
48
|
+
// Loop over the header rows
|
|
49
|
+
headerGroups.map((headerGroup) => (
|
|
50
|
+
// Apply the header row props
|
|
51
|
+
// Key is defined from getHeaderGroupProps so we can ignore the false-negative
|
|
52
|
+
// eslint-disable-next-line react/jsx-key
|
|
53
|
+
(0, jsx_runtime_1.jsx)("tr", Object.assign({}, headerGroup.getHeaderGroupProps(), { children:
|
|
54
|
+
// Loop over the headers in each row
|
|
55
|
+
headerGroup.headers.map((column) => {
|
|
56
|
+
const castedColumn = column;
|
|
57
|
+
const sortable = !!castedColumn.getSortByToggleProps;
|
|
58
|
+
// Dont use "group" class inside the @apply component
|
|
59
|
+
// https://github.com/tailwindlabs/tailwindcss/issues/2848#issuecomment-734523233
|
|
60
|
+
const headerClasses = (0, classnames_1.default)('group', 'table-column-styling', {
|
|
61
|
+
sortable,
|
|
62
|
+
});
|
|
63
|
+
return (
|
|
64
|
+
// Apply the header cell props
|
|
65
|
+
// Key is defined from getHeaderGroupProps so we can ignore the false-negative
|
|
66
|
+
// eslint-disable-next-line react/jsx-key
|
|
67
|
+
(0, jsx_runtime_1.jsxs)("th", Object.assign({}, castedColumn.getHeaderProps(), { style: Object.assign(Object.assign({}, castedColumn.getHeaderProps().style), {
|
|
68
|
+
/** 0.25px */
|
|
69
|
+
letterSpacing: '0.25px' }), scope: "col", className: headerClasses }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "table-header-cell" }, { children: [castedColumn.render('Header'), castedColumn.canSort && ((0, jsx_runtime_1.jsx)(helpers_1.SortIcon, Object.assign({}, castedColumn.getSortByToggleProps(), { isSortedDesc: castedColumn.isSortedDesc })))] })), 'canResize' in castedColumn &&
|
|
70
|
+
'getResizerProps' in castedColumn && ((0, jsx_runtime_1.jsx)(helpers_1.ResizingBar, Object.assign({}, castedColumn.getResizerProps())))] })));
|
|
71
|
+
}) })))) }));
|
|
72
|
+
const DefaultBody = ({ getTableBodyProps, page, prepareRow, actionsButtons, rows, }) => {
|
|
73
|
+
// Page is defined when using the usePagination plugin, otherwise rows is defined
|
|
74
|
+
const iterable = page !== null && page !== void 0 ? page : rows;
|
|
75
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: iterable.length > 0 ? ((0, jsx_runtime_1.jsx)("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: iterable.length > 0 &&
|
|
76
|
+
iterable.map((row) => {
|
|
77
|
+
prepareRow(row);
|
|
78
|
+
return (
|
|
79
|
+
// Key is defined from getHeaderGroupProps so we can ignore the false-negative
|
|
80
|
+
// eslint-disable-next-line react/jsx-key
|
|
81
|
+
(0, jsx_runtime_1.jsxs)("tr", Object.assign({ className: "ndl-table-row" }, row.getRowProps(), { children: [row.cells.map((cell) => (
|
|
82
|
+
// Key is defined from getHeaderGroupProps so we can ignore the false-negative
|
|
83
|
+
// eslint-disable-next-line react/jsx-key
|
|
84
|
+
(0, jsx_runtime_1.jsx)("td", Object.assign({ className: "ndl-table-cell" }, cell.getCellProps(), { children: cell.render('Cell') })))), actionsButtons && actionsButtons(row)] })));
|
|
85
|
+
}) }))) : ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("h6", Object.assign({ className: "n-my-5 n-w-full n-text-center n-h-10 n-relative n-left-full n-flex n-justify-center n-items-center" }, { children: "No data present" })) })) }));
|
|
86
|
+
};
|
|
87
|
+
const DefaultNavigation = ({ state, rows, page, canPreviousPage, nextPage, pageOptions, pageCount, gotoPage, canNextPage, previousPage, setPageSize, }) => {
|
|
88
|
+
// Navigation is only needed if pagination exists
|
|
89
|
+
if (!page || state.pageSize === undefined || state.pageIndex === undefined) {
|
|
90
|
+
return null;
|
|
91
|
+
}
|
|
92
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-flex-wrap n-gap-2 n-justify-between n-items-center n-px-7 n-py-4 n-bg-light-neutral-bg-weak" }, { children: [(0, jsx_runtime_1.jsx)(helpers_1.TableResults, { pageIndex: state.pageIndex, rowsLength: rows.length, pageLength: page.length }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-flex-wrap n-gap-2 n-justify-between n-items-center n-gap-x-10" }, { children: [pageCount > 1 && ((0, jsx_runtime_1.jsx)(TableNavigation_1.default, { canPreviousPage: canPreviousPage, canNextPage: canNextPage, onPageClick: gotoPage, previousPage: previousPage, nextPage: nextPage, pageIndex: state.pageIndex, pageOptions: pageOptions })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-justify-between n-items-center n-gap-x-4 n-text-light-neutral-text-weaker" }, { children: ["Show", (0, jsx_runtime_1.jsx)("select", Object.assign({ onChange: (e) => setPageSize(parseInt(e.target.value, 10)), className: "ndl-table-select", value: state.pageSize, "aria-label": "Select page size" }, { children: [...new Set([...TABLE_RESULTS.values, state.pageSize])]
|
|
93
|
+
.sort((a, b) => a - b)
|
|
94
|
+
.map((option) => ((0, jsx_runtime_1.jsx)("option", Object.assign({ value: `${option}` }, { children: option }), `${option}`))) }))] }))] }))] })));
|
|
95
|
+
};
|
|
96
|
+
/**
|
|
97
|
+
* Table Skeleton to keep most section logic DRY
|
|
98
|
+
*
|
|
99
|
+
* How the table component is divided into sections:
|
|
100
|
+
*
|
|
101
|
+
* @example
|
|
102
|
+
* +----------------+
|
|
103
|
+
* | Table Controls |
|
|
104
|
+
* | (ex: Search) |
|
|
105
|
+
* +----------------+
|
|
106
|
+
* | Header |
|
|
107
|
+
* +----------------+
|
|
108
|
+
* | Body (data) |
|
|
109
|
+
* +----------------+
|
|
110
|
+
* | Navigation |
|
|
111
|
+
* +----------------+
|
|
112
|
+
*
|
|
113
|
+
*/
|
|
114
|
+
const Table = (props
|
|
115
|
+
// props: any
|
|
116
|
+
) => {
|
|
117
|
+
const { controls, getTableProps, header, body, navigation, className = '', style = {}, role, } = props;
|
|
118
|
+
if (!getTableProps) {
|
|
119
|
+
throw new Error('getTableProps is required');
|
|
120
|
+
}
|
|
121
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('ndl-table n-overflow-hidden n-flex n-flex-col n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak n-shadow-l3', className), style: style, role: role }, { children: [controls && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-px-7 n-py-6 n-flex n-flex-row n-items-center" }, { children: controls }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-overflow-x-auto" }, { children: (0, jsx_runtime_1.jsxs)("table", Object.assign({}, getTableProps(), { className: "n-w-full n-min-w-full n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak" }, { children: [header || (0, jsx_runtime_1.jsx)(DefaultHeader, Object.assign({}, props)), body || (0, jsx_runtime_1.jsx)(DefaultBody, Object.assign({}, props))] })) })), navigation || ((0, jsx_runtime_1.jsx)(DefaultNavigation, Object.assign({}, props)))] })));
|
|
122
|
+
};
|
|
123
|
+
exports.default = Table;
|
|
124
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/table/Table.tsx"],"names":[],"mappings":"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"}
|