@neo4j-ndl/react 0.1.4 → 0.3.1
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/alert/Alert.js +8 -8
- package/lib/cjs/alert/Alert.js.map +1 -1
- package/lib/cjs/button/Button.js +16 -7
- package/lib/cjs/button/Button.js.map +1 -1
- package/lib/cjs/button/index.js +5 -1
- package/lib/cjs/button/index.js.map +1 -1
- package/lib/cjs/checkbox/Checkbox.js +1 -1
- package/lib/cjs/checkbox/Checkbox.js.map +1 -1
- package/lib/cjs/context-menu/ContextMenu.js +9 -5
- package/lib/cjs/context-menu/ContextMenu.js.map +1 -1
- package/lib/cjs/context-menu/index.js +5 -1
- package/lib/cjs/context-menu/index.js.map +1 -1
- package/lib/cjs/drag-and-drop/DragAndDrop.js +66 -0
- package/lib/cjs/drag-and-drop/DragAndDrop.js.map +1 -0
- package/lib/cjs/drag-and-drop/icons/CSV-file.js +6 -0
- package/lib/cjs/drag-and-drop/icons/CSV-file.js.map +1 -0
- package/lib/cjs/drag-and-drop/icons/Cloud.js +6 -0
- package/lib/cjs/drag-and-drop/icons/Cloud.js.map +1 -0
- package/lib/cjs/drag-and-drop/icons/File.js +6 -0
- package/lib/cjs/drag-and-drop/icons/File.js.map +1 -0
- package/lib/cjs/drag-and-drop/icons/InvalidFile.js +6 -0
- package/lib/cjs/drag-and-drop/icons/InvalidFile.js.map +1 -0
- package/lib/cjs/drag-and-drop/index.js +29 -0
- package/lib/cjs/drag-and-drop/index.js.map +1 -0
- package/lib/cjs/helpers/index.js +5 -1
- package/lib/cjs/helpers/index.js.map +1 -1
- package/lib/cjs/icons/Custom.js +6 -2
- package/lib/cjs/icons/Custom.js.map +1 -1
- package/lib/cjs/icons/Hero.js +6 -2
- package/lib/cjs/icons/Hero.js.map +1 -1
- package/lib/cjs/icons/custom/Circle.js +1 -1
- package/lib/cjs/icons/custom/Circle.js.map +1 -1
- package/lib/cjs/icons/custom/CollapseExpand.js +6 -0
- package/lib/cjs/icons/custom/CollapseExpand.js.map +1 -0
- package/lib/cjs/icons/custom/DatabaseAddCircle.js +1 -1
- package/lib/cjs/icons/custom/DatabaseAddCircle.js.map +1 -1
- package/lib/cjs/icons/custom/Dbms.js +6 -0
- package/lib/cjs/icons/custom/Dbms.js.map +1 -0
- package/lib/cjs/icons/custom/Drag.js +1 -1
- package/lib/cjs/icons/custom/Drag.js.map +1 -1
- package/lib/cjs/icons/custom/Expand.js +1 -1
- package/lib/cjs/icons/custom/Expand.js.map +1 -1
- package/lib/cjs/icons/custom/ExternalLink.js +1 -1
- package/lib/cjs/icons/custom/ExternalLink.js.map +1 -1
- package/lib/cjs/icons/custom/FitToScreen.js +1 -1
- package/lib/cjs/icons/custom/FitToScreen.js.map +1 -1
- package/lib/cjs/icons/custom/FolderBookmark.js +1 -1
- package/lib/cjs/icons/custom/FolderBookmark.js.map +1 -1
- package/lib/cjs/icons/custom/Heirarchy2.js +1 -1
- package/lib/cjs/icons/custom/Heirarchy2.js.map +1 -1
- package/lib/cjs/icons/custom/Hierarchy1.js +1 -1
- package/lib/cjs/icons/custom/Hierarchy1.js.map +1 -1
- package/lib/cjs/icons/custom/Hierarchy2.js +6 -0
- package/lib/cjs/icons/custom/Hierarchy2.js.map +1 -0
- package/lib/cjs/icons/custom/NomLevel.js +6 -0
- package/lib/cjs/icons/custom/NomLevel.js.map +1 -0
- package/lib/cjs/icons/custom/Pin.js +1 -1
- package/lib/cjs/icons/custom/Pin.js.map +1 -1
- package/lib/cjs/icons/custom/Presentation.js +1 -1
- package/lib/cjs/icons/custom/Presentation.js.map +1 -1
- package/lib/cjs/icons/custom/QueryBrowser.js +6 -0
- package/lib/cjs/icons/custom/QueryBrowser.js.map +1 -0
- package/lib/cjs/icons/custom/Rhombus.js +1 -1
- package/lib/cjs/icons/custom/Rhombus.js.map +1 -1
- package/lib/cjs/icons/custom/ScienceMolecule.js +6 -0
- package/lib/cjs/icons/custom/ScienceMolecule.js.map +1 -0
- package/lib/cjs/icons/custom/Shrink.js +1 -1
- package/lib/cjs/icons/custom/Shrink.js.map +1 -1
- package/lib/cjs/icons/custom/Text.js +1 -1
- package/lib/cjs/icons/custom/Text.js.map +1 -1
- package/lib/cjs/icons/custom/Triangle.js +1 -1
- package/lib/cjs/icons/custom/Triangle.js.map +1 -1
- package/lib/cjs/icons/custom/VisualizeBloom.js +6 -0
- package/lib/cjs/icons/custom/VisualizeBloom.js.map +1 -0
- package/lib/cjs/icons/custom/index.js +15 -1
- package/lib/cjs/icons/custom/index.js.map +1 -1
- package/lib/cjs/index.js +7 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/input/Input.js +1 -1
- package/lib/cjs/input/Input.js.map +1 -1
- package/lib/cjs/label/Label.js +6 -4
- package/lib/cjs/label/Label.js.map +1 -1
- package/lib/cjs/loading-spinner/LoadingSpinner.js +1 -1
- package/lib/cjs/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/cjs/popover/Popover.js +6 -2
- package/lib/cjs/popover/Popover.js.map +1 -1
- package/lib/cjs/popover/index.js +5 -1
- package/lib/cjs/popover/index.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 +1 -1
- package/lib/cjs/radio/Radio.js.map +1 -1
- package/lib/cjs/switch/Switch.js +1 -1
- 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 +12 -7
- package/lib/cjs/tabs/Tabs.js.map +1 -1
- package/lib/cjs/tabs/index.js +5 -1
- package/lib/cjs/tabs/index.js.map +1 -1
- package/lib/cjs/tag/Tag.js +1 -1
- package/lib/cjs/tag/Tag.js.map +1 -1
- package/lib/cjs/tooltip/Tooltip.js +1 -1
- package/lib/cjs/tooltip/Tooltip.js.map +1 -1
- package/lib/cjs/view-selector/ViewSelector.js +7 -3
- package/lib/cjs/view-selector/ViewSelector.js.map +1 -1
- package/lib/cjs/view-selector/index.js +5 -1
- package/lib/cjs/view-selector/index.js.map +1 -1
- package/lib/esm/alert/Alert.js +8 -8
- package/lib/esm/alert/Alert.js.map +1 -1
- package/lib/esm/button/Button.js +16 -7
- package/lib/esm/button/Button.js.map +1 -1
- package/lib/esm/checkbox/Checkbox.js +1 -1
- package/lib/esm/checkbox/Checkbox.js.map +1 -1
- package/lib/esm/context-menu/ContextMenu.js +4 -4
- package/lib/esm/context-menu/ContextMenu.js.map +1 -1
- package/lib/esm/drag-and-drop/DragAndDrop.js +61 -0
- package/lib/esm/drag-and-drop/DragAndDrop.js.map +1 -0
- package/lib/esm/drag-and-drop/icons/CSV-file.js +4 -0
- package/lib/esm/drag-and-drop/icons/CSV-file.js.map +1 -0
- package/lib/esm/drag-and-drop/icons/Cloud.js +4 -0
- package/lib/esm/drag-and-drop/icons/Cloud.js.map +1 -0
- package/lib/esm/drag-and-drop/icons/File.js +4 -0
- package/lib/esm/drag-and-drop/icons/File.js.map +1 -0
- package/lib/esm/drag-and-drop/icons/InvalidFile.js +4 -0
- package/lib/esm/drag-and-drop/icons/InvalidFile.js.map +1 -0
- package/lib/esm/drag-and-drop/index.js +22 -0
- package/lib/esm/drag-and-drop/index.js.map +1 -0
- package/lib/esm/icons/Custom.js +1 -1
- package/lib/esm/icons/Custom.js.map +1 -1
- package/lib/esm/icons/Hero.js +1 -1
- package/lib/esm/icons/Hero.js.map +1 -1
- package/lib/esm/icons/custom/Circle.js +1 -1
- package/lib/esm/icons/custom/Circle.js.map +1 -1
- package/lib/esm/icons/custom/CollapseExpand.js +4 -0
- package/lib/esm/icons/custom/CollapseExpand.js.map +1 -0
- package/lib/esm/icons/custom/DatabaseAddCircle.js +1 -1
- package/lib/esm/icons/custom/DatabaseAddCircle.js.map +1 -1
- package/lib/esm/icons/custom/Dbms.js +4 -0
- package/lib/esm/icons/custom/Dbms.js.map +1 -0
- package/lib/esm/icons/custom/Drag.js +1 -1
- package/lib/esm/icons/custom/Drag.js.map +1 -1
- package/lib/esm/icons/custom/Expand.js +1 -1
- package/lib/esm/icons/custom/Expand.js.map +1 -1
- package/lib/esm/icons/custom/ExternalLink.js +1 -1
- package/lib/esm/icons/custom/ExternalLink.js.map +1 -1
- package/lib/esm/icons/custom/FitToScreen.js +1 -1
- package/lib/esm/icons/custom/FitToScreen.js.map +1 -1
- package/lib/esm/icons/custom/FolderBookmark.js +1 -1
- package/lib/esm/icons/custom/FolderBookmark.js.map +1 -1
- package/lib/esm/icons/custom/Heirarchy2.js +1 -1
- package/lib/esm/icons/custom/Heirarchy2.js.map +1 -1
- package/lib/esm/icons/custom/Hierarchy1.js +1 -1
- package/lib/esm/icons/custom/Hierarchy1.js.map +1 -1
- package/lib/esm/icons/custom/Hierarchy2.js +4 -0
- package/lib/esm/icons/custom/Hierarchy2.js.map +1 -0
- package/lib/esm/icons/custom/NomLevel.js +4 -0
- package/lib/esm/icons/custom/NomLevel.js.map +1 -0
- package/lib/esm/icons/custom/Pin.js +1 -1
- package/lib/esm/icons/custom/Pin.js.map +1 -1
- package/lib/esm/icons/custom/Presentation.js +1 -1
- package/lib/esm/icons/custom/Presentation.js.map +1 -1
- package/lib/esm/icons/custom/QueryBrowser.js +4 -0
- package/lib/esm/icons/custom/QueryBrowser.js.map +1 -0
- package/lib/esm/icons/custom/Rhombus.js +1 -1
- package/lib/esm/icons/custom/Rhombus.js.map +1 -1
- package/lib/esm/icons/custom/ScienceMolecule.js +4 -0
- package/lib/esm/icons/custom/ScienceMolecule.js.map +1 -0
- package/lib/esm/icons/custom/Shrink.js +1 -1
- package/lib/esm/icons/custom/Shrink.js.map +1 -1
- package/lib/esm/icons/custom/Text.js +1 -1
- package/lib/esm/icons/custom/Text.js.map +1 -1
- package/lib/esm/icons/custom/Triangle.js +1 -1
- package/lib/esm/icons/custom/Triangle.js.map +1 -1
- package/lib/esm/icons/custom/VisualizeBloom.js +4 -0
- package/lib/esm/icons/custom/VisualizeBloom.js.map +1 -0
- package/lib/esm/icons/custom/index.js +7 -0
- package/lib/esm/icons/custom/index.js.map +1 -1
- package/lib/esm/index.js +2 -0
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/input/Input.js +1 -1
- package/lib/esm/input/Input.js.map +1 -1
- package/lib/esm/label/Label.js +6 -4
- package/lib/esm/label/Label.js.map +1 -1
- package/lib/esm/loading-spinner/LoadingSpinner.js +1 -1
- package/lib/esm/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/esm/popover/Popover.js +1 -1
- package/lib/esm/popover/Popover.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 +1 -1
- package/lib/esm/radio/Radio.js.map +1 -1
- package/lib/esm/switch/Switch.js +1 -1
- 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/table/hooks/hookCallbackTypes.js +22 -0
- 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 +7 -6
- package/lib/esm/tabs/Tabs.js.map +1 -1
- package/lib/esm/tag/Tag.js +1 -1
- package/lib/esm/tag/Tag.js.map +1 -1
- package/lib/esm/tooltip/Tooltip.js +1 -1
- package/lib/esm/tooltip/Tooltip.js.map +1 -1
- package/lib/esm/view-selector/ViewSelector.js +2 -2
- package/lib/esm/view-selector/ViewSelector.js.map +1 -1
- package/lib/types/alert/Alert.d.ts +1 -1
- package/lib/types/button/Button.d.ts +2 -0
- package/lib/types/drag-and-drop/DragAndDrop.d.ts +47 -0
- package/lib/types/drag-and-drop/icons/CSV-file.d.ts +23 -0
- package/lib/types/drag-and-drop/icons/Cloud.d.ts +23 -0
- package/lib/types/drag-and-drop/icons/File.d.ts +23 -0
- package/lib/types/drag-and-drop/icons/InvalidFile.d.ts +23 -0
- package/lib/types/drag-and-drop/index.d.ts +21 -0
- package/lib/types/icons/custom/CollapseExpand.d.ts +23 -0
- package/lib/types/icons/custom/Dbms.d.ts +23 -0
- package/lib/types/icons/custom/Hierarchy2.d.ts +23 -0
- package/lib/types/icons/custom/NomLevel.d.ts +23 -0
- package/lib/types/icons/custom/QueryBrowser.d.ts +23 -0
- package/lib/types/icons/custom/ScienceMolecule.d.ts +23 -0
- package/lib/types/icons/custom/VisualizeBloom.d.ts +23 -0
- package/lib/types/icons/custom/index.d.ts +7 -0
- package/lib/types/index.d.ts +2 -0
- package/lib/types/progress-bar/ProgressBar.d.ts +2 -3
- package/lib/types/table/Table.d.ts +78 -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/package.json +8 -6
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
/**
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) "Neo4j"
|
|
7
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
8
|
+
*
|
|
9
|
+
* This file is part of Neo4j.
|
|
10
|
+
*
|
|
11
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
12
|
+
* it under the terms of the GNU General Public License as published by
|
|
13
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
14
|
+
* (at your option) any later version.
|
|
15
|
+
*
|
|
16
|
+
* This program is distributed in the hope that it will be useful,
|
|
17
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
18
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
19
|
+
* GNU General Public License for more details.
|
|
20
|
+
*
|
|
21
|
+
* You should have received a copy of the GNU General Public License
|
|
22
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
23
|
+
*/
|
|
24
|
+
const react_1 = require("react");
|
|
25
|
+
const react_table_1 = require("react-table");
|
|
26
|
+
const checkbox_1 = require("../../checkbox");
|
|
27
|
+
/**
|
|
28
|
+
* A react-table plugin to support controlled selected row state for multiple rows
|
|
29
|
+
*
|
|
30
|
+
* Required options provided to useTable:
|
|
31
|
+
*
|
|
32
|
+
* `onAllRowSelect`: A callback that is called when the all rows checkbox is toggled
|
|
33
|
+
* `onRowSelect`: A callback that is called when a rows checkbox is toggled
|
|
34
|
+
*
|
|
35
|
+
* Required fields on `data` provided to useTable:
|
|
36
|
+
*
|
|
37
|
+
* `isSelected`: a boolean that indicates if the row is selected. This key can be changed
|
|
38
|
+
* from `isSelected` to something else by setting the `manualRowSelectedKey` option
|
|
39
|
+
* in the useTable options. See the useRowSelect plugin docs for more details.
|
|
40
|
+
*/
|
|
41
|
+
const useMultiRowSelect = (hooks) => {
|
|
42
|
+
(0, react_table_1.useRowSelect)(hooks);
|
|
43
|
+
/*
|
|
44
|
+
Used for the indeterminate
|
|
45
|
+
state of the checkbox
|
|
46
|
+
*/
|
|
47
|
+
hooks.useControlledState.push((state, { instance }) => {
|
|
48
|
+
const { data } = instance;
|
|
49
|
+
const isSelectedKey = 'isSelected';
|
|
50
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
51
|
+
const newState = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, state), { selectedRowIds: data.reduce((acc, curr, index) => {
|
|
52
|
+
if (curr[isSelectedKey]) {
|
|
53
|
+
return Object.assign(Object.assign({}, acc), { [index]: true });
|
|
54
|
+
}
|
|
55
|
+
return acc;
|
|
56
|
+
}, {}) })), [state, data, isSelectedKey]);
|
|
57
|
+
return newState;
|
|
58
|
+
});
|
|
59
|
+
hooks.visibleColumns.push((columns, { instance }) => [
|
|
60
|
+
// Let's make a column for selection
|
|
61
|
+
{
|
|
62
|
+
id: 'ndl-checkbox-selection',
|
|
63
|
+
// The header can use the table's getToggleAllRowsSelectedProps method
|
|
64
|
+
// to render a checkbox
|
|
65
|
+
Header: ({ getToggleAllRowsSelectedProps, }) => {
|
|
66
|
+
const checkboxRef = (0, react_1.useRef)(null);
|
|
67
|
+
(0, react_1.useEffect)(() => {
|
|
68
|
+
if (checkboxRef && checkboxRef.current) {
|
|
69
|
+
checkboxRef.current.indeterminate =
|
|
70
|
+
getToggleAllRowsSelectedProps().indeterminate || false;
|
|
71
|
+
}
|
|
72
|
+
}, [checkboxRef, getToggleAllRowsSelectedProps]);
|
|
73
|
+
return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, Object.assign({ "aria-label": "all-rows-select", onClick: () => instance.onAllRowSelect() }, getToggleAllRowsSelectedProps(), { ref: checkboxRef })));
|
|
74
|
+
},
|
|
75
|
+
// The cell can use the individual row's getToggleRowSelectedProps method
|
|
76
|
+
// to the render a checkbox
|
|
77
|
+
Cell: ({ row }) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, Object.assign({ "aria-label": `row-${row.index}`, onClick: () => instance.onRowSelect(row.original, row.index) }, row.getToggleRowSelectedProps())) })),
|
|
78
|
+
},
|
|
79
|
+
...columns,
|
|
80
|
+
]);
|
|
81
|
+
};
|
|
82
|
+
useMultiRowSelect.pluginName = 'useMultiRowSelect';
|
|
83
|
+
exports.default = useMultiRowSelect;
|
|
84
|
+
//# sourceMappingURL=useMultiRowSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMultiRowSelect.js","sourceRoot":"","sources":["../../../../src/table/hooks/useMultiRowSelect.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAmD;AACnD,6CASqB;AACrB,6CAA0C;AAW1C;;;;;;;;;;;;;GAaG;AACH,MAAM,iBAAiB,GAAG,CACxB,KAAe,EACf,EAAE;IACF,IAAA,0BAAY,EAAC,KAAK,CAAC,CAAC;IAEpB;;;MAGE;IACF,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;QACpD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAE1B,MAAM,aAAa,GAAG,YAAY,CAAC;QACnC,sDAAsD;QACtD,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,iCACD,KAAK,KACR,cAAc,EAAE,IAAI,CAAC,MAAM,CACzB,CACE,GAA4B,EAC5B,IAA6B,EAC7B,KAAa,EACb,EAAE;gBACF,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE;oBACvB,uCAAY,GAAG,KAAE,CAAC,KAAK,CAAC,EAAE,IAAI,IAAG;iBAClC;gBAED,OAAO,GAAG,CAAC;YACb,CAAC,EACD,EAAE,CACH,IACD,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,CAAC,CAC7B,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACnD,oCAAoC;QACpC;YACE,EAAE,EAAE,wBAAwB;YAC5B,sEAAsE;YACtE,uBAAuB;YACvB,MAAM,EAAE,CAAC,EACP,6BAA6B,GACK,EAAE,EAAE;gBACtC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;gBACnD,IAAA,iBAAS,EAAC,GAAG,EAAE;oBACb,IAAI,WAAW,IAAI,WAAW,CAAC,OAAO,EAAE;wBACtC,WAAW,CAAC,OAAO,CAAC,aAAa;4BAC/B,6BAA6B,EAAE,CAAC,aAAa,IAAI,KAAK,CAAC;qBAC1D;gBACH,CAAC,EAAE,CAAC,WAAW,EAAE,6BAA6B,CAAC,CAAC,CAAC;gBACjD,OAAO,CACL,uBAAC,mBAAQ,gCACI,iBAAiB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAE,QAA2B,CAAC,cAAc,EAAE,IACxD,6BAA6B,EAAE,IACnC,GAAG,EAAE,WAAW,IAChB,CACH,CAAC;YACJ,CAAC;YACD,yEAAyE;YACzE,2BAA2B;YAC3B,IAAI,EAAE,CAAC,EAAE,GAAG,EAAW,EAAE,EAAE,CAAC,CAC1B,0CACE,uBAAC,mBAAQ,gCACK,OAAO,GAAG,CAAC,KAAK,EAAE,EAC9B,OAAO,EAAE,GAAG,EAAE,CACX,QAA2B,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAE9D,GAAW,CAAC,yBAAyB,EAAE,EAC5C,GACE,CACP;SACF;QACD,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,iBAAiB,CAAC,UAAU,GAAG,mBAAmB,CAAC;AAEnD,kBAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useSingleRowSelect = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
*
|
|
7
|
+
* Copyright (c) "Neo4j"
|
|
8
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
9
|
+
*
|
|
10
|
+
* This file is part of Neo4j.
|
|
11
|
+
*
|
|
12
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
13
|
+
* it under the terms of the GNU General Public License as published by
|
|
14
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
15
|
+
* (at your option) any later version.
|
|
16
|
+
*
|
|
17
|
+
* This program is distributed in the hope that it will be useful,
|
|
18
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
19
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
20
|
+
* GNU General Public License for more details.
|
|
21
|
+
*
|
|
22
|
+
* You should have received a copy of the GNU General Public License
|
|
23
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
24
|
+
*/
|
|
25
|
+
const react_table_1 = require("react-table");
|
|
26
|
+
const radio_1 = require("../../radio");
|
|
27
|
+
/**
|
|
28
|
+
* A react-table plugin to support controlled selected row state for a single row
|
|
29
|
+
*
|
|
30
|
+
* Required options provided to useTable:
|
|
31
|
+
*
|
|
32
|
+
* `onRowSelect`: A callback that is called when a rows checkbox is toggled
|
|
33
|
+
*
|
|
34
|
+
* Required fields on `data` provided to useTable:
|
|
35
|
+
*
|
|
36
|
+
* `isSelected`: a boolean that indicates if the row is selected. This key can be changed
|
|
37
|
+
* from `isSelected` to something else by setting the `manualRowSelectedKey` option
|
|
38
|
+
* in the useTable options. See the useRowSelect plugin docs for more details.
|
|
39
|
+
* There should only ever be 1 data entry with isSelected set to true
|
|
40
|
+
*/
|
|
41
|
+
const useSingleRowSelect = (hooks) => {
|
|
42
|
+
(0, react_table_1.useRowSelect)(hooks);
|
|
43
|
+
hooks.visibleColumns.push((columns, { instance }) => [
|
|
44
|
+
// Let's make a column for selection
|
|
45
|
+
// This should be definitely unique to avoid collision
|
|
46
|
+
{
|
|
47
|
+
id: 'ndl-radio-selection',
|
|
48
|
+
Header: () => null,
|
|
49
|
+
width: 20,
|
|
50
|
+
// The cell can use the individual row's getToggleRowSelectedProps method
|
|
51
|
+
// to the render a checkbox
|
|
52
|
+
Cell: ({ row }) => {
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)(radio_1.Radio, Object.assign({}, row.getToggleRowSelectedProps(), { onChange: () => instance.onRowSelect(row.original, row.index) })));
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
...columns,
|
|
57
|
+
]);
|
|
58
|
+
};
|
|
59
|
+
exports.useSingleRowSelect = useSingleRowSelect;
|
|
60
|
+
exports.default = exports.useSingleRowSelect;
|
|
61
|
+
//# sourceMappingURL=useSingleRowSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSingleRowSelect.js","sourceRoot":"","sources":["../../../../src/table/hooks/useSingleRowSelect.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,6CAAwD;AACxD,uCAAoC;AAGpC;;;;;;;;;;;;;GAaG;AACI,MAAM,kBAAkB,GAAG,CAChC,KAAe,EACf,EAAE;IACF,IAAA,0BAAY,EAAC,KAAK,CAAC,CAAC;IAEpB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACnD,oCAAoC;QACpC,sDAAsD;QACtD;YACE,EAAE,EAAE,qBAAqB;YACzB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;YAClB,KAAK,EAAE,EAAE;YACT,yEAAyE;YACzE,2BAA2B;YAC3B,IAAI,EAAE,CAAC,EAAE,GAAG,EAAW,EAAE,EAAE;gBACzB,OAAO,CACL,uBAAC,aAAK,oBACC,GAAW,CAAC,yBAAyB,EAAE,IAC5C,QAAQ,EAAE,GAAG,EAAE,CACZ,QAA2B,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,IAEnE,CACH,CAAC;YACJ,CAAC;SACF;QACD,GAAG,OAAO;KACX,CAAC,CAAC;AACL,CAAC,CAAC;AA3BW,QAAA,kBAAkB,sBA2B7B;AAEF,kBAAe,0BAAkB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.Table = void 0;
|
|
41
|
+
var Table_1 = require("./Table");
|
|
42
|
+
Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
|
|
43
|
+
__exportStar(require("./hooks"), exports);
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;AAEH,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,0CAAwB"}
|
package/lib/cjs/tabs/Tabs.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -57,6 +61,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
57
61
|
*/
|
|
58
62
|
const react_1 = __importStar(require("react"));
|
|
59
63
|
const classnames_1 = __importDefault(require("classnames"));
|
|
64
|
+
const helpers_1 = require("../helpers");
|
|
60
65
|
const TabsContext = react_1.default.createContext(null);
|
|
61
66
|
const useTabsContext = () => {
|
|
62
67
|
const context = (0, react_1.useContext)(TabsContext);
|
|
@@ -70,15 +75,15 @@ const getGeneralTabClasses = (size, fill) => {
|
|
|
70
75
|
return {
|
|
71
76
|
large: size === 'large',
|
|
72
77
|
small: size === 'small',
|
|
73
|
-
filled: fill === 'filled',
|
|
74
|
-
underline: fill === 'underline',
|
|
78
|
+
'filled-tab': fill === 'filled',
|
|
79
|
+
'underline-tab': fill === 'underline',
|
|
75
80
|
};
|
|
76
81
|
};
|
|
77
|
-
exports.Tabs =
|
|
82
|
+
exports.Tabs = (0, helpers_1.forwardRef)(function Tabs(_a, ref) {
|
|
78
83
|
var { children, size = 'large', fill = 'underline', onChange, value, className, as = 'div' } = _a, rest = __rest(_a, ["children", "size", "fill", "onChange", "value", "className", "as"]);
|
|
79
84
|
const classes = (0, classnames_1.default)('ndl-tabs', getGeneralTabClasses(size, fill), className);
|
|
80
85
|
const Component = as;
|
|
81
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, role: "tablist" }, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(TabsContext.Provider, Object.assign({ value: { value, size, fill, onChange } }, { children: children })
|
|
86
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, role: "tablist" }, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(TabsContext.Provider, Object.assign({ value: { value, size, fill, onChange } }, { children: children })) })));
|
|
82
87
|
});
|
|
83
88
|
exports.Tab = react_1.default.forwardRef(function Tab(_a, ref) {
|
|
84
89
|
var { children, tabId, disabled = false, className, as = 'button' } = _a, rest = __rest(_a, ["children", "tabId", "disabled", "className", "as"]);
|
|
@@ -91,11 +96,11 @@ exports.Tab = react_1.default.forwardRef(function Tab(_a, ref) {
|
|
|
91
96
|
const castOnChange = onChange;
|
|
92
97
|
const handleChange = () => !disabled && castOnChange(tabId);
|
|
93
98
|
const classes = (0, classnames_1.default)('tab', base, className);
|
|
94
|
-
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": getTabPanelId(tabId) }, rest, { ref: ref }, { children: [children, fill === 'underline' && (0, jsx_runtime_1.jsx)("span", { className: "tab-underline" }
|
|
99
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": getTabPanelId(tabId) }, rest, { ref: ref }, { children: [children, fill === 'underline' && (0, jsx_runtime_1.jsx)("span", { className: "tab-underline" })] })));
|
|
95
100
|
});
|
|
96
101
|
exports.TabPanel = react_1.default.forwardRef(function TabPanel(_a, ref) {
|
|
97
102
|
var { as = 'div', children, value, tabId } = _a, rest = __rest(_a, ["as", "children", "value", "tabId"]);
|
|
98
103
|
const Component = as;
|
|
99
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value === tabId && ((0, jsx_runtime_1.jsx)(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId) }, rest, { ref: ref }, { children: children })
|
|
104
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value === tabId && ((0, jsx_runtime_1.jsx)(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId) }, rest, { ref: ref }, { children: children }))) }));
|
|
100
105
|
});
|
|
101
106
|
//# sourceMappingURL=Tabs.js.map
|
package/lib/cjs/tabs/Tabs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/tabs/index.js
CHANGED
|
@@ -21,7 +21,11 @@
|
|
|
21
21
|
*/
|
|
22
22
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
23
23
|
if (k2 === undefined) k2 = k;
|
|
24
|
-
Object.
|
|
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);
|
|
25
29
|
}) : (function(o, m, k, k2) {
|
|
26
30
|
if (k2 === undefined) k2 = k;
|
|
27
31
|
o[k2] = m[k];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,yCAAuB"}
|
package/lib/cjs/tag/Tag.js
CHANGED
|
@@ -61,7 +61,7 @@ const Tag = react_1.default.forwardRef(function Tag(props, ref) {
|
|
|
61
61
|
const classes = (0, classnames_1.default)(`ndl-tag`, type, {
|
|
62
62
|
removeable: removeable,
|
|
63
63
|
});
|
|
64
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [children, removeable && ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: "remove-icon", onClick: onRemove }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "XIcon" }
|
|
64
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [children, removeable && ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: "remove-icon", onClick: onRemove }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "XIcon" }) })))] })));
|
|
65
65
|
});
|
|
66
66
|
exports.default = Tag;
|
|
67
67
|
//# sourceMappingURL=Tag.js.map
|
package/lib/cjs/tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AACpC,oCAAoC;AAgCpC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CACvC,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,OAAO,CAAC,KAAK,CACX,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,IAAI,EAAE;QAC1C,UAAU,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,QAAQ,EACR,UAAU,IAAI,CACb,iDAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,QAAQ,gBAC7D,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AACpC,oCAAoC;AAgCpC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CACvC,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,OAAO,CAAC,KAAK,CACX,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,IAAI,EAAE;QAC1C,UAAU,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,QAAQ,EACR,UAAU,IAAI,CACb,iDAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,QAAQ,gBAC7D,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IACtB,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,GAAG,CAAC"}
|
|
@@ -40,7 +40,7 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
40
40
|
const Tooltip = react_1.default.forwardRef(function Tooltip(_a, ref) {
|
|
41
41
|
var { arrowPosition, children, className } = _a, props = __rest(_a, ["arrowPosition", "children", "className"]);
|
|
42
42
|
const classes = (0, classnames_1.default)('ndl-tooltip-wrapper', className);
|
|
43
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { role: "tooltip", className: classes, ref: ref }, { children: [children, (0, jsx_runtime_1.jsx)("div", { className: `tooltip-triangle ${arrowPosition}` }
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { role: "tooltip", className: classes, ref: ref }, { children: [children, (0, jsx_runtime_1.jsx)("div", { className: `tooltip-triangle ${arrowPosition}` })] })));
|
|
44
44
|
});
|
|
45
45
|
exports.default = Tooltip;
|
|
46
46
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAgBpC,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CAC/C,EAA8D,EAC9D,GAAuC;QADvC,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,OAA0B,EAArB,KAAK,cAA9C,0CAAgD,CAAF;IAG9C,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAE7D,OAAO,CACL,iDAAS,KAAK,IAAE,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxD,QAAQ,EACT,gCAAK,SAAS,EAAE,oBAAoB,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAgBpC,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CAC/C,EAA8D,EAC9D,GAAuC;QADvC,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,OAA0B,EAArB,KAAK,cAA9C,0CAAgD,CAAF;IAG9C,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAE7D,OAAO,CACL,iDAAS,KAAK,IAAE,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxD,QAAQ,EACT,gCAAK,SAAS,EAAE,oBAAoB,aAAa,EAAE,GAAI,KACnD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,OAAO,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -70,7 +74,7 @@ exports.ViewSelector = (0, helpers_1.forwardRef)(function ViewSelector(_a, ref)
|
|
|
70
74
|
var { size = 'large', icons = false, children, selected, onChange, as = 'div', className } = _a, rest = __rest(_a, ["size", "icons", "children", "selected", "onChange", "as", "className"]);
|
|
71
75
|
const classes = (0, classnames_1.default)(`ndl-view-selector`, size, className);
|
|
72
76
|
const Component = as;
|
|
73
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { className: classes, role: "group", ref: ref }, { children: (0, jsx_runtime_1.jsx)(ViewSelectorContext.Provider, Object.assign({ value: { onChange, selected, icons } }, { children: children })
|
|
77
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { className: classes, role: "group", ref: ref }, { children: (0, jsx_runtime_1.jsx)(ViewSelectorContext.Provider, Object.assign({ value: { onChange, selected, icons } }, { children: children })) })));
|
|
74
78
|
});
|
|
75
79
|
exports.ViewSelectorItem = react_1.default.forwardRef(function ViewSelectorItem(_a, ref) {
|
|
76
80
|
var { children, value, as = 'button', className } = _a, rest = __rest(_a, ["children", "value", "as", "className"]);
|
|
@@ -80,6 +84,6 @@ exports.ViewSelectorItem = react_1.default.forwardRef(function ViewSelectorItem(
|
|
|
80
84
|
current: value && value === selected,
|
|
81
85
|
});
|
|
82
86
|
const Component = as;
|
|
83
|
-
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { onClick: () => !isSelected && onChange(value), className: base, ref: ref }, { children: children })
|
|
87
|
+
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({}, rest, { onClick: () => !isSelected && onChange(value), className: base, ref: ref }, { children: children })));
|
|
84
88
|
});
|
|
85
89
|
//# sourceMappingURL=ViewSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../src/view-selector/ViewSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../src/view-selector/ViewSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAA0C;AAC1C,4DAAoC;AACpC,wCAAqD;AAuCrD,MAAM,mBAAmB,GACvB,eAAK,CAAC,aAAa,CAAkC,IAAI,CAAC,CAAC;AAE7D,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;KACvD;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,oBAAU,EAAC,SAAS,YAAY,CAG1D,EASuB,EACvB,GAAgC;QAVhC,EACE,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,GAAG,KAAK,EACV,SAAS,OAEY,EADlB,IAAI,cART,wEASC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAEjE,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,uBAAC,SAAS,oBAAK,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,gBAC5D,uBAAC,mBAAmB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAC/D,QAAQ,IACoB,IACrB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,gBAAgB,CACxE,EAQC,EACD,GAAG;QATH,EACE,QAAQ,EACR,KAAK,EACL,EAAE,GAAG,QAAQ,EACb,SAAS,OAIV,EAHI,IAAI,cALT,wCAMC,CADQ;IAMT,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE3D,MAAM,UAAU,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC;IAE/C,MAAM,IAAI,GAAG,IAAA,oBAAU,EAAC,YAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE;QACxE,OAAO,EAAE,KAAK,IAAI,KAAK,KAAK,QAAQ;KACrC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,uBAAC,SAAS,oBACJ,IAAI,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,EAC7C,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -21,7 +21,11 @@
|
|
|
21
21
|
*/
|
|
22
22
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
23
23
|
if (k2 === undefined) k2 = k;
|
|
24
|
-
Object.
|
|
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);
|
|
25
29
|
}) : (function(o, m, k, k2) {
|
|
26
30
|
if (k2 === undefined) k2 = k;
|
|
27
31
|
o[k2] = m[k];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/view-selector/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/view-selector/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,iDAA+B"}
|
package/lib/esm/alert/Alert.js
CHANGED
|
@@ -46,22 +46,22 @@ const getStatusIcon = (iconType) => {
|
|
|
46
46
|
let iconComponent;
|
|
47
47
|
switch (iconType) {
|
|
48
48
|
case 'success':
|
|
49
|
-
iconComponent = _jsx(HeroIcon, { iconName: "CheckCircleIcon", type: "solid" }
|
|
49
|
+
iconComponent = _jsx(HeroIcon, { iconName: "CheckCircleIcon", type: "solid" });
|
|
50
50
|
break;
|
|
51
51
|
case 'warning':
|
|
52
|
-
iconComponent = _jsx(HeroIcon, { iconName: "ExclamationIcon", type: "solid" }
|
|
52
|
+
iconComponent = _jsx(HeroIcon, { iconName: "ExclamationIcon", type: "solid" });
|
|
53
53
|
break;
|
|
54
54
|
case 'danger':
|
|
55
|
-
iconComponent = (_jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }
|
|
55
|
+
iconComponent = (_jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }));
|
|
56
56
|
break;
|
|
57
57
|
default:
|
|
58
|
-
iconComponent = (_jsx(HeroIcon, { iconName: "InformationCircleIcon", type: "solid" }
|
|
58
|
+
iconComponent = (_jsx(HeroIcon, { iconName: "InformationCircleIcon", type: "solid" }));
|
|
59
59
|
}
|
|
60
|
-
return _jsx("div", Object.assign({ className: "alert-icon alert-status-icon" }, { children: iconComponent })
|
|
60
|
+
return _jsx("div", Object.assign({ className: "alert-icon alert-status-icon" }, { children: iconComponent }));
|
|
61
61
|
};
|
|
62
62
|
export const AlertAction = (_a) => {
|
|
63
63
|
var { label } = _a, props = __rest(_a, ["label"]);
|
|
64
|
-
return _jsx("a", Object.assign({}, props, { children: label })
|
|
64
|
+
return _jsx("a", Object.assign({}, props, { children: label }));
|
|
65
65
|
};
|
|
66
66
|
const Alert = React.forwardRef(function Alert(_a, ref) {
|
|
67
67
|
var { type = 'info', icon = false, title, name, actions = [], floating = false, description = null, onClose, className = '', children = null, closeable = false } = _a, rest = __rest(_a, ["type", "icon", "title", "name", "actions", "floating", "description", "onClose", "className", "children", "closeable"]);
|
|
@@ -83,13 +83,13 @@ const Alert = React.forwardRef(function Alert(_a, ref) {
|
|
|
83
83
|
['floating']: floating,
|
|
84
84
|
[className]: className && className !== '',
|
|
85
85
|
});
|
|
86
|
-
const TitleTag = description || children ? '
|
|
86
|
+
const TitleTag = description || children ? 'h6' : 'div';
|
|
87
87
|
const handleClose = (e) => {
|
|
88
88
|
if (onClose && typeof onClose === 'function') {
|
|
89
89
|
onClose(e);
|
|
90
90
|
}
|
|
91
91
|
};
|
|
92
|
-
return (_jsxs("div", Object.assign({ className: classes, role: closeable ? 'alertdialog' : 'alert' }, rest, { title: name, ref: ref }, { children: [icon && getStatusIcon(type), _jsxs("div", Object.assign({ className: "alert-content" }, { children: [
|
|
92
|
+
return (_jsxs("div", Object.assign({ className: classes, role: closeable ? 'alertdialog' : 'alert' }, rest, { title: name, ref: ref }, { children: [icon && getStatusIcon(type), _jsxs("div", Object.assign({ className: "alert-content" }, { children: [_jsx(TitleTag, Object.assign({ className: "alert-title" }, { children: _jsx("div", { children: title }) })), (description || children) && (_jsx("div", Object.assign({ className: "alert-description" }, { children: children || description }))), actions && actions.length > 0 && (_jsx("div", Object.assign({ className: "alert-actions" }, { children: actions.map((action, index) => (_jsx(AlertAction, Object.assign({}, action), index))) })))] })), closeable && (_jsx("div", Object.assign({ tabIndex: 0, role: "button", className: "alert-icon close-icon", onKeyDown: handleClose, onClick: handleClose, "aria-label": "close-alert" }, { children: _jsx(HeroIcon, { iconName: "XIcon" }) })))] })));
|
|
93
93
|
});
|
|
94
94
|
export default Alert;
|
|
95
95
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AA4EpC;;;;;;GAMG;AAEH,MAAM,iBAAiB,GAAG,wCAAwC,CAAC;AACnE,MAAM,gBAAgB,GACpB,kEAAkE,CAAC;AAErE,MAAM,aAAa,GAAG,CAAC,QAAmB,EAAE,EAAE;IAC5C,IAAI,aAAiC,CAAC;IAEtC,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,aAAa,GAAG,KAAC,QAAQ,IAAC,QAAQ,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/alert/Alert.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/button/Button.js
CHANGED
|
@@ -37,7 +37,7 @@ export const removeNewlines = (input) => input.replace(/(\r\n|\n|\r)/gm, '');
|
|
|
37
37
|
/** Remove extra spaces from sting */
|
|
38
38
|
export const removeSpaces = (input) => input.replace(/\s+/g, ' ').trim();
|
|
39
39
|
export const Button = React.forwardRef(function Button(_a, ref) {
|
|
40
|
-
var { children, as, type = 'button', loading = false, color = 'primary', disabled = false, fill = 'filled', rectangle = false, buttonSize = 'regular', className, onClick, tabIndex = 0 } = _a, props = __rest(_a, ["children", "as", "type", "loading", "color", "disabled", "fill", "rectangle", "buttonSize", "className", "onClick", "tabIndex"]);
|
|
40
|
+
var { children, as, type = 'button', loading = false, color = 'primary', disabled = false, fill = 'filled', rectangle = false, buttonSize = 'regular', className, onClick, floating = false, tabIndex = 0 } = _a, props = __rest(_a, ["children", "as", "type", "loading", "color", "disabled", "fill", "rectangle", "buttonSize", "className", "onClick", "floating", "tabIndex"]);
|
|
41
41
|
let Component = as || 'button';
|
|
42
42
|
if (!as && props.href) {
|
|
43
43
|
Component = 'a';
|
|
@@ -47,6 +47,7 @@ export const Button = React.forwardRef(function Button(_a, ref) {
|
|
|
47
47
|
disabled: disabled,
|
|
48
48
|
loading: loading,
|
|
49
49
|
rectangle: rectangle,
|
|
50
|
+
'floating-btn': floating,
|
|
50
51
|
/** Now check button is outlined or filled */
|
|
51
52
|
/**
|
|
52
53
|
* Notice:
|
|
@@ -57,11 +58,15 @@ export const Button = React.forwardRef(function Button(_a, ref) {
|
|
|
57
58
|
${color === 'neutral'
|
|
58
59
|
? `n-bg-light-${color}-bg-strongest`
|
|
59
60
|
: `n-bg-light-${color}-bg-strong`}
|
|
60
|
-
${interactable &&
|
|
61
|
+
${interactable &&
|
|
62
|
+
`hover:n-bg-light-${color}-hover-strong
|
|
63
|
+
active:n-bg-light-${color}-pressed-strong`}
|
|
61
64
|
`]: fill === 'filled',
|
|
62
65
|
[`
|
|
63
66
|
n-text-light-${color}-text
|
|
64
|
-
${interactable &&
|
|
67
|
+
${interactable &&
|
|
68
|
+
`hover:n-bg-light-${color}-hover-weak
|
|
69
|
+
active:n-bg-light-${color}-pressed-weak`}
|
|
65
70
|
n-border-light-${color}-bg-strong
|
|
66
71
|
`]: fill === 'outlined' && color !== 'neutral',
|
|
67
72
|
/**
|
|
@@ -69,14 +74,18 @@ export const Button = React.forwardRef(function Button(_a, ref) {
|
|
|
69
74
|
* the same principles with colored variations
|
|
70
75
|
*/
|
|
71
76
|
[`
|
|
72
|
-
|
|
77
|
+
n-text-light-neutral-text-weak
|
|
73
78
|
n-bg-${color}-10
|
|
74
79
|
${interactable && `hover:n-bg-${color}-20`}
|
|
75
|
-
n-border
|
|
80
|
+
n-border-light-neutral-border-strong
|
|
81
|
+
active:n-bg-light-neutral-pressed
|
|
76
82
|
`]: fill === 'outlined' && color === 'neutral',
|
|
77
83
|
[`
|
|
78
84
|
n-text-${color}-50
|
|
79
|
-
${interactable &&
|
|
85
|
+
${interactable &&
|
|
86
|
+
`hover:n-bg-${color}-10
|
|
87
|
+
active:n-bg-light-${color}-pressed-weak
|
|
88
|
+
`}
|
|
80
89
|
`]: fill === 'text' && color !== 'neutral',
|
|
81
90
|
[`
|
|
82
91
|
n-text-light-neutral-text-weak
|
|
@@ -103,6 +112,6 @@ export const Button = React.forwardRef(function Button(_a, ref) {
|
|
|
103
112
|
};
|
|
104
113
|
return (_jsxs(Component
|
|
105
114
|
/** First props and then className to avoid overriding in classNames */
|
|
106
|
-
, Object.assign({}, props, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !interactable, className: [sanitisedClasses, className].join(' '), ref: ref, tabIndex: !interactable ? -1 : tabIndex }, { children: [loading ? (_jsx(LoadingSpinner, { className: "n-my-auto n-mr-1", size: "small" }
|
|
115
|
+
, Object.assign({}, props, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !interactable, className: [sanitisedClasses, className].join(' '), ref: ref, tabIndex: !interactable ? -1 : tabIndex }, { children: [loading ? (_jsx(LoadingSpinner, { className: "n-my-auto n-mr-1", size: "small" })) : null, children] })));
|
|
107
116
|
});
|
|
108
117
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,CAC9C,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;AAEtC,qCAAqC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAC5C,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,CAC9C,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;AAEtC,qCAAqC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAC5C,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAgCpC,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CACpD,EAec,EACd,GAAG;QAhBH,EACE,QAAQ,EACR,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,CAAC,OAEA,EADT,KAAK,cAdV,6IAeC,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,UAAU,CAAC,WAAW,IAAI,IAAI,UAAU,EAAE,EAAE;QAC1D,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,QAAQ;QACxB,6CAA6C;QAC7C;;;;WAIG;QACH,CAAC;QAEG,KAAK,KAAK,SAAS;YACjB,CAAC,CAAC,cAAc,KAAK,eAAe;YACpC,CAAC,CAAC,cAAc,KAAK,YACzB;QAEE,YAAY;YACZ,oBAAoB,KAAK;6BACJ,KAAK,iBAC5B;OACC,CAAC,EAAE,IAAI,KAAK,QAAQ;QACvB,CAAC;qBACgB,KAAK;QAElB,YAAY;YACZ,oBAAoB,KAAK;4BACL,KAAK,eAC3B;uBACiB,KAAK;OACrB,CAAC,EAAE,IAAI,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS;QAChD;;;WAGG;QACH,CAAC;;aAEQ,KAAK;QACV,YAAY,IAAI,cAAc,KAAK,KAAK;;;OAGzC,CAAC,EAAE,IAAI,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS;QAChD,CAAC;eACU,KAAK;QAEZ,YAAY;YACZ,cAAc,KAAK;6BACE,KAAK;OAE5B;OACC,CAAC,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;QAC5C,CAAC;;QAEG,YAAY,IAAI,qCAAqC;OACtD,CAAC,EAAE,IAAI,KAAK,MAAM,IAAI,KAAK,IAAI,SAAS;KAC5C,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAE/D,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,MAAC,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,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAClD,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,iBAEtC,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,cAAc,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,GAAG,CAC7D,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,KACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -40,7 +40,7 @@ const Checkbox = React.forwardRef((props, ref) => {
|
|
|
40
40
|
if (!props['aria-label'] && !props.label) {
|
|
41
41
|
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');
|
|
42
42
|
}
|
|
43
|
-
return _jsx(Input, Object.assign({}, props, { ref: ref, type: "checkbox", role: "checkbox" })
|
|
43
|
+
return _jsx(Input, Object.assign({}, props, { ref: ref, type: "checkbox", role: "checkbox" }));
|
|
44
44
|
});
|
|
45
45
|
Checkbox.displayName = 'Checkbox';
|
|
46
46
|
export default Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,KAAiB,EAAE,GAAyC,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;QACxC,OAAO,CAAC,IAAI,CACV,sJAAsJ,CACvJ,CAAC;KACH;IAED,OAAO,KAAC,KAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,KAAiB,EAAE,GAAyC,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;QACxC,OAAO,CAAC,IAAI,CACV,sJAAsJ,CACvJ,CAAC;KACH;IAED,OAAO,KAAC,KAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,IAAG,CAAC;AACxE,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
|
|
@@ -77,7 +77,7 @@ export const Menu = forwardRef(function Menu(_a, ref) {
|
|
|
77
77
|
}
|
|
78
78
|
}, [open, focusFirstMenuItem]);
|
|
79
79
|
const classes = classnames('ndl-menu', menuSize, className);
|
|
80
|
-
return (_jsx(MenuContext.Provider, Object.assign({ value: { onClose } }, { children: _jsx(Popover, Object.assign({ tabIndex: -1 }, rest, { open: open, style: Object.assign({ minWidth }, (rest.style || {})), className: classes, ref: menuRef, onClose: onClose }, { children: children })
|
|
80
|
+
return (_jsx(MenuContext.Provider, Object.assign({ value: { onClose } }, { children: _jsx(Popover, Object.assign({ tabIndex: -1 }, rest, { open: open, style: Object.assign({ minWidth }, (rest.style || {})), className: classes, ref: menuRef, onClose: onClose }, { children: children })) })));
|
|
81
81
|
});
|
|
82
82
|
const getMenuItem = (menuItems, iterator) => {
|
|
83
83
|
const activeElement = document.activeElement;
|
|
@@ -148,7 +148,7 @@ export const MenuItems = forwardRef(function MenuItems(_a, ref) {
|
|
|
148
148
|
useImperativeHandle(ref, () => menuItemsRef.current);
|
|
149
149
|
const Component = as;
|
|
150
150
|
const classes = classnames('menu-items', className);
|
|
151
|
-
return (_jsx(Component, Object.assign({ tabIndex: -1, onKeyDown: handleKeyDown, role: "menu" }, rest, { className: classes, ref: menuItemsRef }, { children: children })
|
|
151
|
+
return (_jsx(Component, Object.assign({ tabIndex: -1, onKeyDown: handleKeyDown, role: "menu" }, rest, { className: classes, ref: menuItemsRef }, { children: children })));
|
|
152
152
|
});
|
|
153
153
|
export const MenuItem = forwardRef(function MenuItem(_a, ref) {
|
|
154
154
|
var { as = 'li', icon, title, description, className, disabled = false, onClick, onKeyDown } = _a, rest = __rest(_a, ["as", "icon", "title", "description", "className", "disabled", "onClick", "onKeyDown"]);
|
|
@@ -176,7 +176,7 @@ export const MenuItem = forwardRef(function MenuItem(_a, ref) {
|
|
|
176
176
|
onClick(e);
|
|
177
177
|
}
|
|
178
178
|
};
|
|
179
|
-
return (_jsxs(Component, Object.assign({ tabIndex: -1, role: "menuitem" }, rest, { className: classes, onClick: handleClick, onKeyDown: handleKeyDown, ref: ref }, { children: [_jsxs("div", Object.assign({ className: "n-flex n-items-center" }, { children: [icon && _jsx("div", Object.assign({ className: "menu-item-icon" }, { children: icon })
|
|
179
|
+
return (_jsxs(Component, Object.assign({ tabIndex: -1, role: "menuitem" }, rest, { className: classes, onClick: handleClick, onKeyDown: handleKeyDown, ref: ref }, { children: [_jsxs("div", Object.assign({ className: "n-flex n-items-center" }, { children: [icon && _jsx("div", Object.assign({ className: "menu-item-icon" }, { children: icon })), _jsx("div", Object.assign({ className: "menu-item-title" }, { children: title }))] })), description && (_jsx("div", Object.assign({ className: "menu-item-description" }, { children: description })))] })));
|
|
180
180
|
});
|
|
181
181
|
export const MenuHeader = forwardRef(function MenuHeader(_a, ref) {
|
|
182
182
|
var { as = 'div', title, description, className } = _a, rest = __rest(_a, ["as", "title", "description", "className"]);
|
|
@@ -184,6 +184,6 @@ export const MenuHeader = forwardRef(function MenuHeader(_a, ref) {
|
|
|
184
184
|
const { onClose } = useMenuContext();
|
|
185
185
|
const handleClose = (e) => onClose && onClose(e);
|
|
186
186
|
const classes = classnames('menu-header n-flex n-flex-col', className);
|
|
187
|
-
return (_jsxs(Component, Object.assign({}, rest, { className: classes, ref: ref }, { children: [_jsxs("div", Object.assign({ className: "n-flex n-justify-between n-items-center" }, { children: [_jsx("div", Object.assign({ className: "menu-header-title" }, { children: title })
|
|
187
|
+
return (_jsxs(Component, Object.assign({}, rest, { className: classes, ref: ref }, { children: [_jsxs("div", Object.assign({ className: "n-flex n-justify-between n-items-center" }, { children: [_jsx("div", Object.assign({ className: "menu-header-title" }, { children: title })), _jsx("div", Object.assign({ tabIndex: 0, role: "button", onKeyDown: handleClose, onClick: handleClose, className: "menu-header-icon" }, { children: _jsx(HeroIcon, { iconName: "XIcon" }) }))] })), description && (_jsx("div", Object.assign({ className: "menu-header-description" }, { children: description })))] })));
|
|
188
188
|
});
|
|
189
189
|
//# sourceMappingURL=ContextMenu.js.map
|