@neo4j-ndl/react 4.12.5 → 4.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/icons/generated/custom/Appearance.js +30 -0
- package/lib/cjs/icons/generated/custom/Appearance.js.map +1 -0
- package/lib/cjs/icons/generated/custom/index.js +5 -3
- package/lib/cjs/icons/generated/custom/index.js.map +1 -1
- package/lib/cjs/next/index.js +16 -0
- package/lib/cjs/next/index.js.map +1 -1
- package/lib/cjs/next/tree-view/TreeView.js +460 -0
- package/lib/cjs/next/tree-view/TreeView.js.map +1 -0
- package/lib/cjs/next/tree-view/index.js +26 -0
- package/lib/cjs/next/tree-view/index.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/index.js +60 -0
- package/lib/cjs/next/tree-view/stories/index.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/tree-view-actions.story.js +36 -0
- package/lib/cjs/next/tree-view/stories/tree-view-actions.story.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/tree-view-lazy.story.js +149 -0
- package/lib/cjs/next/tree-view/stories/tree-view-lazy.story.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/tree-view-multi.story.js +73 -0
- package/lib/cjs/next/tree-view/stories/tree-view-multi.story.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/tree-view-non-selectable-folders.story.js +35 -0
- package/lib/cjs/next/tree-view/stories/tree-view-non-selectable-folders.story.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/tree-view-single.story.js +35 -0
- package/lib/cjs/next/tree-view/stories/tree-view-single.story.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/tree-view-tooltip.story.js +34 -0
- package/lib/cjs/next/tree-view/stories/tree-view-tooltip.story.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/tree-view-trailing.story.js +34 -0
- package/lib/cjs/next/tree-view/stories/tree-view-trailing.story.js.map +1 -0
- package/lib/cjs/next/tree-view/stories/tree-view-uncontrolled.story.js +33 -0
- package/lib/cjs/next/tree-view/stories/tree-view-uncontrolled.story.js.map +1 -0
- package/lib/esm/icons/generated/custom/Appearance.js +28 -0
- package/lib/esm/icons/generated/custom/Appearance.js.map +1 -0
- package/lib/esm/icons/generated/custom/index.js +1 -0
- package/lib/esm/icons/generated/custom/index.js.map +1 -1
- package/lib/esm/next/index.js +1 -1
- package/lib/esm/next/index.js.map +1 -1
- package/lib/esm/next/tree-view/TreeView.js +454 -0
- package/lib/esm/next/tree-view/TreeView.js.map +1 -0
- package/lib/esm/next/tree-view/index.js +22 -0
- package/lib/esm/next/tree-view/index.js.map +1 -0
- package/lib/esm/next/tree-view/stories/index.js +46 -0
- package/lib/esm/next/tree-view/stories/index.js.map +1 -0
- package/lib/esm/next/tree-view/stories/tree-view-actions.story.js +34 -0
- package/lib/esm/next/tree-view/stories/tree-view-actions.story.js.map +1 -0
- package/lib/esm/next/tree-view/stories/tree-view-lazy.story.js +147 -0
- package/lib/esm/next/tree-view/stories/tree-view-lazy.story.js.map +1 -0
- package/lib/esm/next/tree-view/stories/tree-view-multi.story.js +71 -0
- package/lib/esm/next/tree-view/stories/tree-view-multi.story.js.map +1 -0
- package/lib/esm/next/tree-view/stories/tree-view-non-selectable-folders.story.js +33 -0
- package/lib/esm/next/tree-view/stories/tree-view-non-selectable-folders.story.js.map +1 -0
- package/lib/esm/next/tree-view/stories/tree-view-single.story.js +33 -0
- package/lib/esm/next/tree-view/stories/tree-view-single.story.js.map +1 -0
- package/lib/esm/next/tree-view/stories/tree-view-tooltip.story.js +32 -0
- package/lib/esm/next/tree-view/stories/tree-view-tooltip.story.js.map +1 -0
- package/lib/esm/next/tree-view/stories/tree-view-trailing.story.js +32 -0
- package/lib/esm/next/tree-view/stories/tree-view-trailing.story.js.map +1 -0
- package/lib/esm/next/tree-view/stories/tree-view-uncontrolled.story.js +31 -0
- package/lib/esm/next/tree-view/stories/tree-view-uncontrolled.story.js.map +1 -0
- package/lib/types/icons/generated/custom/Appearance.d.ts +29 -0
- package/lib/types/icons/generated/custom/Appearance.d.ts.map +1 -0
- package/lib/types/icons/generated/custom/index.d.ts +1 -0
- package/lib/types/icons/generated/custom/index.d.ts.map +1 -1
- package/lib/types/next/index.d.ts +1 -0
- package/lib/types/next/index.d.ts.map +1 -1
- package/lib/types/next/tree-view/TreeView.d.ts +79 -0
- package/lib/types/next/tree-view/TreeView.d.ts.map +1 -0
- package/lib/types/next/tree-view/index.d.ts +22 -0
- package/lib/types/next/tree-view/index.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/index.d.ts +37 -0
- package/lib/types/next/tree-view/stories/index.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/tree-view-actions.story.d.ts +24 -0
- package/lib/types/next/tree-view/stories/tree-view-actions.story.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/tree-view-lazy.story.d.ts +24 -0
- package/lib/types/next/tree-view/stories/tree-view-lazy.story.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/tree-view-multi.story.d.ts +24 -0
- package/lib/types/next/tree-view/stories/tree-view-multi.story.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/tree-view-non-selectable-folders.story.d.ts +24 -0
- package/lib/types/next/tree-view/stories/tree-view-non-selectable-folders.story.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/tree-view-single.story.d.ts +24 -0
- package/lib/types/next/tree-view/stories/tree-view-single.story.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/tree-view-tooltip.story.d.ts +24 -0
- package/lib/types/next/tree-view/stories/tree-view-tooltip.story.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/tree-view-trailing.story.d.ts +24 -0
- package/lib/types/next/tree-view/stories/tree-view-trailing.story.d.ts.map +1 -0
- package/lib/types/next/tree-view/stories/tree-view-uncontrolled.story.d.ts +24 -0
- package/lib/types/next/tree-view/stories/tree-view-uncontrolled.story.d.ts.map +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,30 @@
|
|
|
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
|
+
// THIS FILE IS GENERATED BY BUILD TOOL
|
|
25
|
+
// DO NOT EDIT IT MANUAL
|
|
26
|
+
const wrapIcon_1 = require("../../wrapIcon");
|
|
27
|
+
const SvgAppearanceBase = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 12C12 15.3137 12 17.5 12 17.5C9 17.5 6.5 15.3137 6.5 12C6.5 8.68629 9 6.5 12 6.5C12 6.5 12 8.68629 12 12Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 12C12 15.3137 12 17.5 12 17.5C9 17.5 6.5 15.3137 6.5 12C6.5 8.68629 9 6.5 12 6.5C12 6.5 12 8.68629 12 12Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })] })));
|
|
28
|
+
const SvgAppearance = (0, wrapIcon_1.wrapIcon)(SvgAppearanceBase);
|
|
29
|
+
exports.default = SvgAppearance;
|
|
30
|
+
//# sourceMappingURL=Appearance.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../../../src/icons/generated/custom/Appearance.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,uCAAuC;AACvC,wBAAwB;AACxB,6CAA0C;AAE1C,MAAM,iBAAiB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC5D,+CACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK,eAET,iCACE,CAAC,EAAC,+GAA+G,EACjH,IAAI,EAAC,cAAc,GACnB,EACF,iCACE,CAAC,EAAC,mHAAmH,EACrH,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,iCACE,CAAC,EAAC,+GAA+G,EACjH,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,KACE,CACP,CAAC;AACF,MAAM,aAAa,GAAG,IAAA,mBAAQ,EAAC,iBAAiB,CAAC,CAAC;AAClD,kBAAe,aAAa,CAAC","sourcesContent":["/**\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n// THIS FILE IS GENERATED BY BUILD TOOL\n// DO NOT EDIT IT MANUAL\nimport { wrapIcon } from '../../wrapIcon';\nimport { SVGProps } from 'react';\nconst SvgAppearanceBase = (props: SVGProps<SVGSVGElement>) => (\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M12 12C12 15.3137 12 17.5 12 17.5C9 17.5 6.5 15.3137 6.5 12C6.5 8.68629 9 6.5 12 6.5C12 6.5 12 8.68629 12 12Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\"\n stroke=\"currentColor\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d=\"M12 12C12 15.3137 12 17.5 12 17.5C9 17.5 6.5 15.3137 6.5 12C6.5 8.68629 9 6.5 12 6.5C12 6.5 12 8.68629 12 12Z\"\n stroke=\"currentColor\"\n strokeWidth={1.5}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n);\nconst SvgAppearance = wrapIcon(SvgAppearanceBase);\nexport default SvgAppearance;\n"]}
|
|
@@ -23,9 +23,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
23
23
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.
|
|
27
|
-
exports.
|
|
28
|
-
exports.VisualizeBloomIcon = exports.VerticalBarIcon = exports.UserShieldIcon = exports.UnderlineIcon = exports.TriangleIcon = void 0;
|
|
26
|
+
exports.LassoIcon = exports.ItalicIcon = exports.HorizontalBarIcon = exports.HierarchyTwoIcon = exports.HierarchyOneIcon = exports.HeartbeatIcon = exports.HeadsetIcon = exports.HandIcon = exports.GraphCrossIcon = exports.GlobePinIcon = exports.GithubIcon = exports.FunnelNavigateIcon = exports.FontSizeIcon = exports.FolderBookmarkIcon = exports.FloppyDiskIcon = exports.FitToScreenIcon = exports.ExternalLinkIcon = exports.ExploreIcon = exports.ExpandIcon = exports.ExpandLayersIcon = exports.DragIcon = exports.DocumentRefreshIcon = exports.DividerSquareDashIcon = exports.DesktopSaveIcon = exports.DeploymentsIcon = exports.DatabaseSignalIcon = exports.DatabaseRoleIcon = exports.DatabasePlusIcon = exports.DatabasePlugIcon = exports.DatabaseCrossIcon = exports.DataScienceIcon = exports.DataGridCrossIcon = exports.CurlyBracketsIcon = exports.ConfigureIcon = exports.CollapseLayersIcon = exports.CloudCrossIcon = exports.CloudCheckIcon = exports.CircleIcon = exports.ChipIcon = exports.CellDoubleClickIcon = exports.CellClickIcon = exports.BooleanIcon = exports.BoldIcon = exports.ArrowSendIcon = exports.AppearanceIcon = exports.AppGalleryIcon = exports.AlignTopIcon = exports.AlignCenterIcon = exports.AlignBottomIcon = exports.AddNodeIcon = void 0;
|
|
27
|
+
exports.TextIcon = exports.TextFormatIcon = exports.SquareIcon = exports.SquareDashIcon = exports.SingleValueIcon = exports.ShrinkIcon = exports.SelectIcon = exports.RotateIcon = exports.RhombusIcon = exports.ResizeCornerIcon = exports.RelationshipClickIcon = exports.RelationshipAddIcon = exports.QuoteIcon = exports.QueryIcon = exports.QueryStreamIcon = exports.PresentationIcon = exports.PlanViewIcon = exports.PinIcon = exports.PanelRightIcon = exports.PanelRightExpandedIcon = exports.PanelRightCollapsedIcon = exports.PanelLeftIcon = exports.PanelLeftExpandedIcon = exports.PanelLeftExpandIcon = exports.PanelLeftCollapsedIcon = exports.PanelLeftCollapseIcon = exports.PanelBottomIcon = exports.OpenQueryTabIcon = exports.NomLevelIcon = exports.NodeClickIcon = exports.NodeAddIcon = exports.Neo4JLogoWhiteIcon = exports.Neo4JLogoColorIcon = exports.Neo4JLogoBlackIcon = exports.Neo4JIconWhiteIcon = exports.Neo4JIconColorIcon = exports.Neo4JIconBlackIcon = exports.Neo4JAiNeutralIcon = exports.MenuArrowRightIcon = exports.MenuArrowLeftIcon = exports.MemoryCardIcon = exports.MarkdownIcon = exports.MagnifyingGlassResetIcon = exports.LocationTargetIcon = exports.ListNumberIcon = exports.ListCheckIcon = exports.LayoutThreeSectionsIcon = exports.LayoutRightIcon = exports.LayoutLeftIcon = exports.LayoutBottomIcon = void 0;
|
|
28
|
+
exports.VisualizeBloomIcon = exports.VerticalBarIcon = exports.UserShieldIcon = exports.UnderlineIcon = exports.TriangleIcon = exports.ThreePanelIcon = void 0;
|
|
29
29
|
// THIS FILE IS GENERATED BY BUILD TOOL
|
|
30
30
|
// DO NOT EDIT IT MANUAL
|
|
31
31
|
var AddNode_1 = require("./AddNode");
|
|
@@ -38,6 +38,8 @@ var AlignTop_1 = require("./AlignTop");
|
|
|
38
38
|
Object.defineProperty(exports, "AlignTopIcon", { enumerable: true, get: function () { return __importDefault(AlignTop_1).default; } });
|
|
39
39
|
var AppGallery_1 = require("./AppGallery");
|
|
40
40
|
Object.defineProperty(exports, "AppGalleryIcon", { enumerable: true, get: function () { return __importDefault(AppGallery_1).default; } });
|
|
41
|
+
var Appearance_1 = require("./Appearance");
|
|
42
|
+
Object.defineProperty(exports, "AppearanceIcon", { enumerable: true, get: function () { return __importDefault(Appearance_1).default; } });
|
|
41
43
|
var ArrowSend_1 = require("./ArrowSend");
|
|
42
44
|
Object.defineProperty(exports, "ArrowSendIcon", { enumerable: true, get: function () { return __importDefault(ArrowSend_1).default; } });
|
|
43
45
|
var Bold_1 = require("./Bold");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/icons/generated/custom/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n// THIS FILE IS GENERATED BY BUILD TOOL\n// DO NOT EDIT IT MANUAL\nexport { default as AddNodeIcon } from './AddNode';\nexport { default as AlignBottomIcon } from './AlignBottom';\nexport { default as AlignCenterIcon } from './AlignCenter';\nexport { default as AlignTopIcon } from './AlignTop';\nexport { default as AppGalleryIcon } from './AppGallery';\nexport { default as ArrowSendIcon } from './ArrowSend';\nexport { default as BoldIcon } from './Bold';\nexport { default as BooleanIcon } from './Boolean';\nexport { default as CellClickIcon } from './CellClick';\nexport { default as CellDoubleClickIcon } from './CellDoubleClick';\nexport { default as ChipIcon } from './Chip';\nexport { default as CircleIcon } from './Circle';\nexport { default as CloudCheckIcon } from './CloudCheck';\nexport { default as CloudCrossIcon } from './CloudCross';\nexport { default as CollapseLayersIcon } from './CollapseLayers';\nexport { default as ConfigureIcon } from './Configure';\nexport { default as CurlyBracketsIcon } from './CurlyBrackets';\nexport { default as DataGridCrossIcon } from './DataGridCross';\nexport { default as DataScienceIcon } from './DataScience';\nexport { default as DatabaseCrossIcon } from './DatabaseCross';\nexport { default as DatabasePlugIcon } from './DatabasePlug';\nexport { default as DatabasePlusIcon } from './DatabasePlus';\nexport { default as DatabaseRoleIcon } from './DatabaseRole';\nexport { default as DatabaseSignalIcon } from './DatabaseSignal';\nexport { default as DeploymentsIcon } from './Deployments';\nexport { default as DesktopSaveIcon } from './DesktopSave';\nexport { default as DividerSquareDashIcon } from './DividerSquareDash';\nexport { default as DocumentRefreshIcon } from './DocumentRefresh';\nexport { default as DragIcon } from './Drag';\nexport { default as ExpandLayersIcon } from './ExpandLayers';\nexport { default as ExpandIcon } from './Expand';\nexport { default as ExploreIcon } from './Explore';\nexport { default as ExternalLinkIcon } from './ExternalLink';\nexport { default as FitToScreenIcon } from './FitToScreen';\nexport { default as FloppyDiskIcon } from './FloppyDisk';\nexport { default as FolderBookmarkIcon } from './FolderBookmark';\nexport { default as FontSizeIcon } from './FontSize';\nexport { default as FunnelNavigateIcon } from './FunnelNavigate';\nexport { default as GithubIcon } from './Github';\nexport { default as GlobePinIcon } from './GlobePin';\nexport { default as GraphCrossIcon } from './GraphCross';\nexport { default as HandIcon } from './Hand';\nexport { default as HeadsetIcon } from './Headset';\nexport { default as HeartbeatIcon } from './Heartbeat';\nexport { default as HierarchyOneIcon } from './HierarchyOne';\nexport { default as HierarchyTwoIcon } from './HierarchyTwo';\nexport { default as HorizontalBarIcon } from './HorizontalBar';\nexport { default as ItalicIcon } from './Italic';\nexport { default as LassoIcon } from './Lasso';\nexport { default as LayoutBottomIcon } from './LayoutBottom';\nexport { default as LayoutLeftIcon } from './LayoutLeft';\nexport { default as LayoutRightIcon } from './LayoutRight';\nexport { default as LayoutThreeSectionsIcon } from './LayoutThreeSections';\nexport { default as ListCheckIcon } from './ListCheck';\nexport { default as ListNumberIcon } from './ListNumber';\nexport { default as LocationTargetIcon } from './LocationTarget';\nexport { default as MagnifyingGlassResetIcon } from './MagnifyingGlassReset';\nexport { default as MarkdownIcon } from './Markdown';\nexport { default as MemoryCardIcon } from './MemoryCard';\nexport { default as MenuArrowLeftIcon } from './MenuArrowLeft';\nexport { default as MenuArrowRightIcon } from './MenuArrowRight';\nexport { default as Neo4JAiNeutralIcon } from './Neo4JAiNeutral';\nexport { default as Neo4JIconBlackIcon } from './Neo4JIconBlack';\nexport { default as Neo4JIconColorIcon } from './Neo4JIconColor';\nexport { default as Neo4JIconWhiteIcon } from './Neo4JIconWhite';\nexport { default as Neo4JLogoBlackIcon } from './Neo4JLogoBlack';\nexport { default as Neo4JLogoColorIcon } from './Neo4JLogoColor';\nexport { default as Neo4JLogoWhiteIcon } from './Neo4JLogoWhite';\nexport { default as NodeAddIcon } from './NodeAdd';\nexport { default as NodeClickIcon } from './NodeClick';\nexport { default as NomLevelIcon } from './NomLevel';\nexport { default as OpenQueryTabIcon } from './OpenQueryTab';\nexport { default as PanelBottomIcon } from './PanelBottom';\nexport { default as PanelLeftCollapseIcon } from './PanelLeftCollapse';\nexport { default as PanelLeftCollapsedIcon } from './PanelLeftCollapsed';\nexport { default as PanelLeftExpandIcon } from './PanelLeftExpand';\nexport { default as PanelLeftExpandedIcon } from './PanelLeftExpanded';\nexport { default as PanelLeftIcon } from './PanelLeft';\nexport { default as PanelRightCollapsedIcon } from './PanelRightCollapsed';\nexport { default as PanelRightExpandedIcon } from './PanelRightExpanded';\nexport { default as PanelRightIcon } from './PanelRight';\nexport { default as PinIcon } from './Pin';\nexport { default as PlanViewIcon } from './PlanView';\nexport { default as PresentationIcon } from './Presentation';\nexport { default as QueryStreamIcon } from './QueryStream';\nexport { default as QueryIcon } from './Query';\nexport { default as QuoteIcon } from './Quote';\nexport { default as RelationshipAddIcon } from './RelationshipAdd';\nexport { default as RelationshipClickIcon } from './RelationshipClick';\nexport { default as ResizeCornerIcon } from './ResizeCorner';\nexport { default as RhombusIcon } from './Rhombus';\nexport { default as RotateIcon } from './Rotate';\nexport { default as SelectIcon } from './Select';\nexport { default as ShrinkIcon } from './Shrink';\nexport { default as SingleValueIcon } from './SingleValue';\nexport { default as SquareDashIcon } from './SquareDash';\nexport { default as SquareIcon } from './Square';\nexport { default as TextFormatIcon } from './TextFormat';\nexport { default as TextIcon } from './Text';\nexport { default as ThreePanelIcon } from './ThreePanel';\nexport { default as TriangleIcon } from './Triangle';\nexport { default as UnderlineIcon } from './Underline';\nexport { default as UserShieldIcon } from './UserShield';\nexport { default as VerticalBarIcon } from './VerticalBar';\nexport { default as VisualizeBloomIcon } from './VisualizeBloom';\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/icons/generated/custom/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\n// THIS FILE IS GENERATED BY BUILD TOOL\n// DO NOT EDIT IT MANUAL\nexport { default as AddNodeIcon } from './AddNode';\nexport { default as AlignBottomIcon } from './AlignBottom';\nexport { default as AlignCenterIcon } from './AlignCenter';\nexport { default as AlignTopIcon } from './AlignTop';\nexport { default as AppGalleryIcon } from './AppGallery';\nexport { default as AppearanceIcon } from './Appearance';\nexport { default as ArrowSendIcon } from './ArrowSend';\nexport { default as BoldIcon } from './Bold';\nexport { default as BooleanIcon } from './Boolean';\nexport { default as CellClickIcon } from './CellClick';\nexport { default as CellDoubleClickIcon } from './CellDoubleClick';\nexport { default as ChipIcon } from './Chip';\nexport { default as CircleIcon } from './Circle';\nexport { default as CloudCheckIcon } from './CloudCheck';\nexport { default as CloudCrossIcon } from './CloudCross';\nexport { default as CollapseLayersIcon } from './CollapseLayers';\nexport { default as ConfigureIcon } from './Configure';\nexport { default as CurlyBracketsIcon } from './CurlyBrackets';\nexport { default as DataGridCrossIcon } from './DataGridCross';\nexport { default as DataScienceIcon } from './DataScience';\nexport { default as DatabaseCrossIcon } from './DatabaseCross';\nexport { default as DatabasePlugIcon } from './DatabasePlug';\nexport { default as DatabasePlusIcon } from './DatabasePlus';\nexport { default as DatabaseRoleIcon } from './DatabaseRole';\nexport { default as DatabaseSignalIcon } from './DatabaseSignal';\nexport { default as DeploymentsIcon } from './Deployments';\nexport { default as DesktopSaveIcon } from './DesktopSave';\nexport { default as DividerSquareDashIcon } from './DividerSquareDash';\nexport { default as DocumentRefreshIcon } from './DocumentRefresh';\nexport { default as DragIcon } from './Drag';\nexport { default as ExpandLayersIcon } from './ExpandLayers';\nexport { default as ExpandIcon } from './Expand';\nexport { default as ExploreIcon } from './Explore';\nexport { default as ExternalLinkIcon } from './ExternalLink';\nexport { default as FitToScreenIcon } from './FitToScreen';\nexport { default as FloppyDiskIcon } from './FloppyDisk';\nexport { default as FolderBookmarkIcon } from './FolderBookmark';\nexport { default as FontSizeIcon } from './FontSize';\nexport { default as FunnelNavigateIcon } from './FunnelNavigate';\nexport { default as GithubIcon } from './Github';\nexport { default as GlobePinIcon } from './GlobePin';\nexport { default as GraphCrossIcon } from './GraphCross';\nexport { default as HandIcon } from './Hand';\nexport { default as HeadsetIcon } from './Headset';\nexport { default as HeartbeatIcon } from './Heartbeat';\nexport { default as HierarchyOneIcon } from './HierarchyOne';\nexport { default as HierarchyTwoIcon } from './HierarchyTwo';\nexport { default as HorizontalBarIcon } from './HorizontalBar';\nexport { default as ItalicIcon } from './Italic';\nexport { default as LassoIcon } from './Lasso';\nexport { default as LayoutBottomIcon } from './LayoutBottom';\nexport { default as LayoutLeftIcon } from './LayoutLeft';\nexport { default as LayoutRightIcon } from './LayoutRight';\nexport { default as LayoutThreeSectionsIcon } from './LayoutThreeSections';\nexport { default as ListCheckIcon } from './ListCheck';\nexport { default as ListNumberIcon } from './ListNumber';\nexport { default as LocationTargetIcon } from './LocationTarget';\nexport { default as MagnifyingGlassResetIcon } from './MagnifyingGlassReset';\nexport { default as MarkdownIcon } from './Markdown';\nexport { default as MemoryCardIcon } from './MemoryCard';\nexport { default as MenuArrowLeftIcon } from './MenuArrowLeft';\nexport { default as MenuArrowRightIcon } from './MenuArrowRight';\nexport { default as Neo4JAiNeutralIcon } from './Neo4JAiNeutral';\nexport { default as Neo4JIconBlackIcon } from './Neo4JIconBlack';\nexport { default as Neo4JIconColorIcon } from './Neo4JIconColor';\nexport { default as Neo4JIconWhiteIcon } from './Neo4JIconWhite';\nexport { default as Neo4JLogoBlackIcon } from './Neo4JLogoBlack';\nexport { default as Neo4JLogoColorIcon } from './Neo4JLogoColor';\nexport { default as Neo4JLogoWhiteIcon } from './Neo4JLogoWhite';\nexport { default as NodeAddIcon } from './NodeAdd';\nexport { default as NodeClickIcon } from './NodeClick';\nexport { default as NomLevelIcon } from './NomLevel';\nexport { default as OpenQueryTabIcon } from './OpenQueryTab';\nexport { default as PanelBottomIcon } from './PanelBottom';\nexport { default as PanelLeftCollapseIcon } from './PanelLeftCollapse';\nexport { default as PanelLeftCollapsedIcon } from './PanelLeftCollapsed';\nexport { default as PanelLeftExpandIcon } from './PanelLeftExpand';\nexport { default as PanelLeftExpandedIcon } from './PanelLeftExpanded';\nexport { default as PanelLeftIcon } from './PanelLeft';\nexport { default as PanelRightCollapsedIcon } from './PanelRightCollapsed';\nexport { default as PanelRightExpandedIcon } from './PanelRightExpanded';\nexport { default as PanelRightIcon } from './PanelRight';\nexport { default as PinIcon } from './Pin';\nexport { default as PlanViewIcon } from './PlanView';\nexport { default as PresentationIcon } from './Presentation';\nexport { default as QueryStreamIcon } from './QueryStream';\nexport { default as QueryIcon } from './Query';\nexport { default as QuoteIcon } from './Quote';\nexport { default as RelationshipAddIcon } from './RelationshipAdd';\nexport { default as RelationshipClickIcon } from './RelationshipClick';\nexport { default as ResizeCornerIcon } from './ResizeCorner';\nexport { default as RhombusIcon } from './Rhombus';\nexport { default as RotateIcon } from './Rotate';\nexport { default as SelectIcon } from './Select';\nexport { default as ShrinkIcon } from './Shrink';\nexport { default as SingleValueIcon } from './SingleValue';\nexport { default as SquareDashIcon } from './SquareDash';\nexport { default as SquareIcon } from './Square';\nexport { default as TextFormatIcon } from './TextFormat';\nexport { default as TextIcon } from './Text';\nexport { default as ThreePanelIcon } from './ThreePanel';\nexport { default as TriangleIcon } from './Triangle';\nexport { default as UnderlineIcon } from './Underline';\nexport { default as UserShieldIcon } from './UserShield';\nexport { default as VerticalBarIcon } from './VerticalBar';\nexport { default as VisualizeBloomIcon } from './VisualizeBloom';\n"]}
|
package/lib/cjs/next/index.js
CHANGED
|
@@ -19,4 +19,20 @@
|
|
|
19
19
|
* You should have received a copy of the GNU General Public License
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
23
|
+
if (k2 === undefined) k2 = k;
|
|
24
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
25
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
26
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
27
|
+
}
|
|
28
|
+
Object.defineProperty(o, k2, desc);
|
|
29
|
+
}) : (function(o, m, k, k2) {
|
|
30
|
+
if (k2 === undefined) k2 = k;
|
|
31
|
+
o[k2] = m[k];
|
|
32
|
+
}));
|
|
33
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
34
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
__exportStar(require("./tree-view"), exports);
|
|
22
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/next/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/**\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/next/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B","sourcesContent":["/**\n *\n * Copyright (c) \"Neo4j\"\n * Neo4j Sweden AB [http://neo4j.com]\n *\n * This file is part of Neo4j.\n *\n * Neo4j is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport * from './tree-view';\n"]}
|
|
@@ -0,0 +1,460 @@
|
|
|
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.TreeView = 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 = require("@floating-ui/react");
|
|
40
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
41
|
+
const react_2 = require("react");
|
|
42
|
+
const use_semi_controlled_state_1 = require("../../_common/use-semi-controlled-state");
|
|
43
|
+
const checkbox_1 = require("../../checkbox");
|
|
44
|
+
const clean_icon_button_1 = require("../../clean-icon-button");
|
|
45
|
+
const conditional_wrap_1 = require("../../conditional-wrap");
|
|
46
|
+
const icons_1 = require("../../icons");
|
|
47
|
+
const menu_1 = require("../../menu");
|
|
48
|
+
const skeleton_1 = require("../../skeleton");
|
|
49
|
+
const tooltip_1 = require("../../tooltip");
|
|
50
|
+
const noop = () => undefined;
|
|
51
|
+
const TREE_EVENTS = {
|
|
52
|
+
action: 'treeitem-action',
|
|
53
|
+
collapse: 'treeitem-collapse',
|
|
54
|
+
expand: 'treeitem-expand',
|
|
55
|
+
select: 'treeitem-select',
|
|
56
|
+
};
|
|
57
|
+
const TreeViewContext = (0, react_2.createContext)({
|
|
58
|
+
focusedId: null,
|
|
59
|
+
level: 1,
|
|
60
|
+
selectionMode: 'single',
|
|
61
|
+
setFocusedId: noop,
|
|
62
|
+
});
|
|
63
|
+
function getVisibleTreeItems(root) {
|
|
64
|
+
return Array.from(root.querySelectorAll('[role="treeitem"]:not([role="group"][hidden] [role="treeitem"])')).filter((el) => {
|
|
65
|
+
let parent = el.parentElement;
|
|
66
|
+
while (parent && parent !== root) {
|
|
67
|
+
if (parent.getAttribute('role') === 'group' && parent.hidden) {
|
|
68
|
+
return false;
|
|
69
|
+
}
|
|
70
|
+
parent = parent.parentElement;
|
|
71
|
+
}
|
|
72
|
+
return true;
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
function annotateTreeItems(children) {
|
|
76
|
+
const items = react_2.Children.toArray(children);
|
|
77
|
+
const treeItemCount = items.filter((child) => (0, react_2.isValidElement)(child) && child.type === Item).length;
|
|
78
|
+
let posInSet = 0;
|
|
79
|
+
return react_2.Children.map(children, (child) => {
|
|
80
|
+
if ((0, react_2.isValidElement)(child) && child.type === Item) {
|
|
81
|
+
posInSet++;
|
|
82
|
+
return (0, react_2.cloneElement)(child, {
|
|
83
|
+
'aria-posinset': posInSet,
|
|
84
|
+
'aria-setsize': treeItemCount,
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
return child;
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* Root container for a tree view. Renders a `role="tree"` element with full
|
|
92
|
+
* keyboard navigation (arrow keys, Home/End, Enter/Space) following the
|
|
93
|
+
* WAI-ARIA TreeView pattern.
|
|
94
|
+
*
|
|
95
|
+
* Direct children should be `TreeView.Item` or `TreeView.SkeletonItem`.
|
|
96
|
+
*
|
|
97
|
+
* @example
|
|
98
|
+
* ```tsx
|
|
99
|
+
* <TreeView ariaLabel="Files">
|
|
100
|
+
* <TreeView.Item title="README.md" onSelectedChange={setSelected} isSelected={selected} />
|
|
101
|
+
* </TreeView>
|
|
102
|
+
* ```
|
|
103
|
+
*
|
|
104
|
+
* @alpha - this component is still in development and may change in the future. It might not have feature parity with the old tree view yet.
|
|
105
|
+
*/
|
|
106
|
+
const Root = (_a) => {
|
|
107
|
+
var { children, selectionMode = 'single', ariaLabel, ariaLabelledby, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "selectionMode", "ariaLabel", "ariaLabelledby", "className", "style", "htmlAttributes", "ref"]);
|
|
108
|
+
const treeRef = (0, react_2.useRef)(null);
|
|
109
|
+
const mergedRef = (0, react_1.useMergeRefs)([treeRef, ref]);
|
|
110
|
+
const [focusedId, setFocusedId] = (0, react_2.useState)(null);
|
|
111
|
+
const handleKeyDown = (0, react_2.useCallback)((e) => {
|
|
112
|
+
const root = treeRef.current;
|
|
113
|
+
if (!root) {
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
const items = getVisibleTreeItems(root);
|
|
117
|
+
if (items.length === 0) {
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
const currentIndex = items.findIndex((el) => el.id === focusedId);
|
|
121
|
+
let isHandled = true;
|
|
122
|
+
switch (e.key) {
|
|
123
|
+
case 'ArrowDown': {
|
|
124
|
+
const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : currentIndex;
|
|
125
|
+
const nextItem = items[nextIndex];
|
|
126
|
+
if (nextItem) {
|
|
127
|
+
setFocusedId(nextItem.id);
|
|
128
|
+
nextItem.focus();
|
|
129
|
+
}
|
|
130
|
+
break;
|
|
131
|
+
}
|
|
132
|
+
case 'ArrowUp': {
|
|
133
|
+
const prevIndex = currentIndex > 0 ? currentIndex - 1 : 0;
|
|
134
|
+
const prevItem = items[prevIndex];
|
|
135
|
+
if (prevItem) {
|
|
136
|
+
setFocusedId(prevItem.id);
|
|
137
|
+
prevItem.focus();
|
|
138
|
+
}
|
|
139
|
+
break;
|
|
140
|
+
}
|
|
141
|
+
case 'ArrowRight': {
|
|
142
|
+
const current = currentIndex >= 0 ? items[currentIndex] : null;
|
|
143
|
+
if (!current) {
|
|
144
|
+
break;
|
|
145
|
+
}
|
|
146
|
+
const isExpanded = current.getAttribute('aria-expanded');
|
|
147
|
+
if (isExpanded === 'false') {
|
|
148
|
+
current.dispatchEvent(new CustomEvent(TREE_EVENTS.expand));
|
|
149
|
+
}
|
|
150
|
+
else if (isExpanded === 'true') {
|
|
151
|
+
const nextIndex = currentIndex + 1;
|
|
152
|
+
if (nextIndex < items.length) {
|
|
153
|
+
const nextItem = items[nextIndex];
|
|
154
|
+
setFocusedId(nextItem.id);
|
|
155
|
+
nextItem.focus();
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
break;
|
|
159
|
+
}
|
|
160
|
+
case 'ArrowLeft': {
|
|
161
|
+
const current = currentIndex >= 0 ? items[currentIndex] : null;
|
|
162
|
+
if (!current) {
|
|
163
|
+
break;
|
|
164
|
+
}
|
|
165
|
+
const isExpanded = current.getAttribute('aria-expanded');
|
|
166
|
+
if (isExpanded === 'true') {
|
|
167
|
+
current.dispatchEvent(new CustomEvent(TREE_EVENTS.collapse));
|
|
168
|
+
}
|
|
169
|
+
else {
|
|
170
|
+
const parentGroup = current.closest('[role="group"]');
|
|
171
|
+
if (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.id) {
|
|
172
|
+
const parentItem = root.querySelector(`[aria-owns="${parentGroup.id}"]`);
|
|
173
|
+
if (parentItem) {
|
|
174
|
+
setFocusedId(parentItem.id);
|
|
175
|
+
parentItem.focus();
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
break;
|
|
180
|
+
}
|
|
181
|
+
case 'Home': {
|
|
182
|
+
const first = items[0];
|
|
183
|
+
if (first) {
|
|
184
|
+
setFocusedId(first.id);
|
|
185
|
+
first.focus();
|
|
186
|
+
}
|
|
187
|
+
break;
|
|
188
|
+
}
|
|
189
|
+
case 'End': {
|
|
190
|
+
const last = items[items.length - 1];
|
|
191
|
+
if (last) {
|
|
192
|
+
setFocusedId(last.id);
|
|
193
|
+
last.focus();
|
|
194
|
+
}
|
|
195
|
+
break;
|
|
196
|
+
}
|
|
197
|
+
case 'Enter':
|
|
198
|
+
case ' ': {
|
|
199
|
+
const current = currentIndex >= 0 ? items[currentIndex] : null;
|
|
200
|
+
if (current) {
|
|
201
|
+
current.dispatchEvent(new CustomEvent(TREE_EVENTS.select));
|
|
202
|
+
}
|
|
203
|
+
break;
|
|
204
|
+
}
|
|
205
|
+
case 'F10': {
|
|
206
|
+
if (e.shiftKey) {
|
|
207
|
+
const current = currentIndex >= 0 ? items[currentIndex] : null;
|
|
208
|
+
if (current) {
|
|
209
|
+
current.dispatchEvent(new CustomEvent(TREE_EVENTS.action));
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
else {
|
|
213
|
+
isHandled = false;
|
|
214
|
+
}
|
|
215
|
+
break;
|
|
216
|
+
}
|
|
217
|
+
default:
|
|
218
|
+
isHandled = false;
|
|
219
|
+
}
|
|
220
|
+
if (isHandled) {
|
|
221
|
+
e.preventDefault();
|
|
222
|
+
e.stopPropagation();
|
|
223
|
+
}
|
|
224
|
+
}, [focusedId]);
|
|
225
|
+
const handleFocus = (0, react_2.useCallback)((e) => {
|
|
226
|
+
const root = treeRef.current;
|
|
227
|
+
if (!root) {
|
|
228
|
+
return;
|
|
229
|
+
}
|
|
230
|
+
if (e.target === root) {
|
|
231
|
+
const items = getVisibleTreeItems(root);
|
|
232
|
+
const alreadyFocused = focusedId
|
|
233
|
+
? items.find((el) => el.id === focusedId)
|
|
234
|
+
: null;
|
|
235
|
+
const target = alreadyFocused !== null && alreadyFocused !== void 0 ? alreadyFocused : items[0];
|
|
236
|
+
if (target) {
|
|
237
|
+
setFocusedId(target.id);
|
|
238
|
+
target.focus();
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
}, [focusedId]);
|
|
242
|
+
const classes = (0, classnames_1.default)(className, 'ndl-tree-view-new');
|
|
243
|
+
return ((0, jsx_runtime_1.jsx)(TreeViewContext.Provider, { value: { focusedId, level: 1, selectionMode, setFocusedId }, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: mergedRef, role: "tree", "aria-multiselectable": selectionMode === 'multiple' || undefined, tabIndex: 0, className: classes, onKeyDown: handleKeyDown, onFocus: handleFocus, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : undefined, "aria-labelledby": ariaLabelledby, style: style }, htmlAttributes, restProps, { children: annotateTreeItems(children) })) }));
|
|
244
|
+
};
|
|
245
|
+
/**
|
|
246
|
+
* A single item within a `TreeView`. Renders a `role="treeitem"` element that
|
|
247
|
+
* supports selection, expansion, leading/trailing visuals, and an action menu.
|
|
248
|
+
*
|
|
249
|
+
* The `title` prop provides the item's label content. Nesting `TreeView.Item`
|
|
250
|
+
* elements as `children` creates a hierarchical tree structure.
|
|
251
|
+
*
|
|
252
|
+
* Supports both controlled (`isExpanded`) and uncontrolled (`defaultExpanded`)
|
|
253
|
+
* expansion, as well as lazy loading via `hasChildren` + `isLoading`.
|
|
254
|
+
*
|
|
255
|
+
* @example
|
|
256
|
+
* ```tsx
|
|
257
|
+
* <TreeView.Item
|
|
258
|
+
* title="src"
|
|
259
|
+
* leadingVisual={<FolderIcon />}
|
|
260
|
+
* isSelected={selected}
|
|
261
|
+
* onSelectedChange={setSelected}
|
|
262
|
+
* >
|
|
263
|
+
* <TreeView.Item title="index.ts" />
|
|
264
|
+
* </TreeView.Item>
|
|
265
|
+
* ```
|
|
266
|
+
*/
|
|
267
|
+
const Item = (_a) => {
|
|
268
|
+
var { actionMenuItems, children, defaultExpanded = false, hasChildren: hasChildrenProp, isDisabled, isExpanded: isExpandedProp, isIndeterminate, isLoading, isSelected, leadingVisual, title, tooltipContent, tooltipProps, trailingContent, onExpandedChange, onSelectedChange, actionMenuProps, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["actionMenuItems", "children", "defaultExpanded", "hasChildren", "isDisabled", "isExpanded", "isIndeterminate", "isLoading", "isSelected", "leadingVisual", "title", "tooltipContent", "tooltipProps", "trailingContent", "onExpandedChange", "onSelectedChange", "actionMenuProps", "className", "style", "htmlAttributes", "ref"]);
|
|
269
|
+
const generatedId = (0, react_2.useId)();
|
|
270
|
+
const itemId = `ndl-treeitem-${generatedId}`;
|
|
271
|
+
const titleId = `ndl-treeitem-title-${generatedId}`;
|
|
272
|
+
const groupId = `ndl-treegroup-${generatedId}`;
|
|
273
|
+
const itemRef = (0, react_2.useRef)(null);
|
|
274
|
+
const actionButtonRef = (0, react_2.useRef)(null);
|
|
275
|
+
const didOpenViaKeyboard = (0, react_2.useRef)(false);
|
|
276
|
+
const [isMenuOpen, setIsMenuOpen] = (0, react_2.useState)(false);
|
|
277
|
+
const { focusedId, level, selectionMode, setFocusedId } = (0, react_2.useContext)(TreeViewContext);
|
|
278
|
+
const isControlledExpansion = isExpandedProp !== undefined;
|
|
279
|
+
const [isExpanded, setIsExpanded] = (0, use_semi_controlled_state_1.useSemicontrolledState)({
|
|
280
|
+
isControlled: isControlledExpansion,
|
|
281
|
+
onChange: onExpandedChange,
|
|
282
|
+
state: isExpandedProp !== null && isExpandedProp !== void 0 ? isExpandedProp : defaultExpanded,
|
|
283
|
+
});
|
|
284
|
+
const hasChildren = hasChildrenProp !== null && hasChildrenProp !== void 0 ? hasChildrenProp : react_2.Children.count(children) > 0;
|
|
285
|
+
const isSelectable = onSelectedChange !== undefined;
|
|
286
|
+
const isMultiple = selectionMode === 'multiple';
|
|
287
|
+
const toggleExpanded = (0, react_2.useCallback)(() => {
|
|
288
|
+
if (isDisabled) {
|
|
289
|
+
return;
|
|
290
|
+
}
|
|
291
|
+
if (hasChildren) {
|
|
292
|
+
setIsExpanded(!isExpanded);
|
|
293
|
+
}
|
|
294
|
+
}, [isDisabled, hasChildren, setIsExpanded, isExpanded]);
|
|
295
|
+
const handleSelect = (0, react_2.useCallback)(() => {
|
|
296
|
+
if (isDisabled) {
|
|
297
|
+
return;
|
|
298
|
+
}
|
|
299
|
+
onSelectedChange === null || onSelectedChange === void 0 ? void 0 : onSelectedChange(!isSelected);
|
|
300
|
+
}, [isDisabled, isSelected, onSelectedChange]);
|
|
301
|
+
const handleClick = (0, react_2.useCallback)(() => {
|
|
302
|
+
if (isDisabled) {
|
|
303
|
+
return;
|
|
304
|
+
}
|
|
305
|
+
setFocusedId(itemId);
|
|
306
|
+
if (isSelectable) {
|
|
307
|
+
handleSelect();
|
|
308
|
+
}
|
|
309
|
+
else {
|
|
310
|
+
toggleExpanded();
|
|
311
|
+
}
|
|
312
|
+
}, [
|
|
313
|
+
isDisabled,
|
|
314
|
+
setFocusedId,
|
|
315
|
+
itemId,
|
|
316
|
+
isSelectable,
|
|
317
|
+
handleSelect,
|
|
318
|
+
toggleExpanded,
|
|
319
|
+
]);
|
|
320
|
+
const handleChevronClick = (0, react_2.useCallback)((e) => {
|
|
321
|
+
e.stopPropagation();
|
|
322
|
+
if (isDisabled) {
|
|
323
|
+
return;
|
|
324
|
+
}
|
|
325
|
+
setFocusedId(itemId);
|
|
326
|
+
toggleExpanded();
|
|
327
|
+
}, [isDisabled, setFocusedId, itemId, toggleExpanded]);
|
|
328
|
+
const handleMenuClose = (0, react_2.useCallback)(() => {
|
|
329
|
+
var _a;
|
|
330
|
+
setIsMenuOpen(false);
|
|
331
|
+
if (didOpenViaKeyboard.current) {
|
|
332
|
+
(_a = itemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
333
|
+
didOpenViaKeyboard.current = false;
|
|
334
|
+
}
|
|
335
|
+
}, []);
|
|
336
|
+
const handleCustomEvents = (0, react_2.useCallback)((e) => {
|
|
337
|
+
if (e.type === TREE_EVENTS.expand) {
|
|
338
|
+
e.stopPropagation();
|
|
339
|
+
if (hasChildren && !isExpanded && !isDisabled) {
|
|
340
|
+
setIsExpanded(true);
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
else if (e.type === TREE_EVENTS.collapse) {
|
|
344
|
+
e.stopPropagation();
|
|
345
|
+
if (hasChildren && isExpanded && !isDisabled) {
|
|
346
|
+
setIsExpanded(false);
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
else if (e.type === TREE_EVENTS.select) {
|
|
350
|
+
e.stopPropagation();
|
|
351
|
+
if (isSelectable) {
|
|
352
|
+
handleSelect();
|
|
353
|
+
}
|
|
354
|
+
else {
|
|
355
|
+
toggleExpanded();
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
else if (e.type === TREE_EVENTS.action) {
|
|
359
|
+
e.stopPropagation();
|
|
360
|
+
if (actionMenuItems && !isDisabled) {
|
|
361
|
+
didOpenViaKeyboard.current = true;
|
|
362
|
+
setIsMenuOpen(true);
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
}, [
|
|
366
|
+
actionMenuItems,
|
|
367
|
+
hasChildren,
|
|
368
|
+
isExpanded,
|
|
369
|
+
isDisabled,
|
|
370
|
+
isSelectable,
|
|
371
|
+
setIsExpanded,
|
|
372
|
+
handleSelect,
|
|
373
|
+
toggleExpanded,
|
|
374
|
+
]);
|
|
375
|
+
const callbackRef = (0, react_2.useCallback)((node) => {
|
|
376
|
+
const prev = itemRef.current;
|
|
377
|
+
if (prev) {
|
|
378
|
+
prev.removeEventListener(TREE_EVENTS.expand, handleCustomEvents);
|
|
379
|
+
prev.removeEventListener(TREE_EVENTS.collapse, handleCustomEvents);
|
|
380
|
+
prev.removeEventListener(TREE_EVENTS.select, handleCustomEvents);
|
|
381
|
+
prev.removeEventListener(TREE_EVENTS.action, handleCustomEvents);
|
|
382
|
+
}
|
|
383
|
+
itemRef.current = node;
|
|
384
|
+
if (node) {
|
|
385
|
+
node.addEventListener(TREE_EVENTS.expand, handleCustomEvents);
|
|
386
|
+
node.addEventListener(TREE_EVENTS.collapse, handleCustomEvents);
|
|
387
|
+
node.addEventListener(TREE_EVENTS.select, handleCustomEvents);
|
|
388
|
+
node.addEventListener(TREE_EVENTS.action, handleCustomEvents);
|
|
389
|
+
}
|
|
390
|
+
}, [handleCustomEvents]);
|
|
391
|
+
const mergedRef = (0, react_1.useMergeRefs)([callbackRef, ref]);
|
|
392
|
+
const isFocused = focusedId === itemId;
|
|
393
|
+
const selectionAriaProps = (() => {
|
|
394
|
+
if (!isSelectable) {
|
|
395
|
+
return {};
|
|
396
|
+
}
|
|
397
|
+
if (isMultiple) {
|
|
398
|
+
return {
|
|
399
|
+
'aria-checked': isIndeterminate
|
|
400
|
+
? 'mixed'
|
|
401
|
+
: (isSelected !== null && isSelected !== void 0 ? isSelected : false),
|
|
402
|
+
};
|
|
403
|
+
}
|
|
404
|
+
return { 'aria-selected': isSelected !== null && isSelected !== void 0 ? isSelected : false };
|
|
405
|
+
})();
|
|
406
|
+
const itemElement = (
|
|
407
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keyboard handled on tree root; aria-selected/aria-checked applied via spread
|
|
408
|
+
(0, jsx_runtime_1.jsx)("div", Object.assign({ ref: mergedRef, id: itemId,
|
|
409
|
+
// eslint-disable-next-line jsx-a11y/role-has-required-aria-props -- aria-selected/aria-checked applied conditionally via spread
|
|
410
|
+
role: "treeitem" }, selectionAriaProps, { "aria-expanded": hasChildren ? isExpanded : undefined, "aria-owns": hasChildren ? groupId : undefined, "aria-disabled": isDisabled || undefined, "aria-busy": isLoading || undefined, "aria-keyshortcuts": actionMenuItems ? 'Shift+F10' : undefined, "aria-labelledby": titleId, "aria-level": level, tabIndex: isFocused ? 0 : -1, className: (0, classnames_1.default)('ndl-tree-view-new-item', className, {
|
|
411
|
+
'ndl-tree-view-new-item--disabled': isDisabled,
|
|
412
|
+
'ndl-tree-view-new-item--parent': hasChildren,
|
|
413
|
+
'ndl-tree-view-new-item--selected': isSelected && isSelectable,
|
|
414
|
+
}), style: Object.assign({ '--tree-level': level - 1 }, style), onClick: (e) => {
|
|
415
|
+
e.stopPropagation();
|
|
416
|
+
handleClick();
|
|
417
|
+
} }, htmlAttributes, restProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ndl-tree-view-new-item-content', {
|
|
418
|
+
'ndl-tree-view-new-item-content--parent': hasChildren,
|
|
419
|
+
}), children: [hasChildren && (
|
|
420
|
+
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- keyboard handled on tree root
|
|
421
|
+
(0, jsx_runtime_1.jsx)("span", { className: "ndl-tree-view-new-chevron", "aria-disabled": isDisabled, onClick: handleChevronClick, children: (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIconOutline, { className: (0, classnames_1.default)('ndl-tree-view-new-chevron-icon', {
|
|
422
|
+
'ndl-tree-view-new-chevron-icon--open': isExpanded,
|
|
423
|
+
}) }) })), leadingVisual && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-tree-view-new-item-content-leading-visual", children: leadingVisual })), isMultiple && isSelectable && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-tree-view-new-checkbox", inert: true, children: (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { style: { borderWidth: '1.5px' }, ariaLabel: "Select", isChecked: isSelected, isIndeterminate: isIndeterminate, isDisabled: isDisabled, onChange: noop }) })), (0, jsx_runtime_1.jsx)("div", { id: titleId, className: "ndl-tree-view-new-item-content-title", children: title }), trailingContent && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-tree-view-new-item-content-trailing-content", children: trailingContent })), actionMenuItems && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ndl-tree-view-new-action', {
|
|
424
|
+
'ndl-tree-view-new-action--visible': isMenuOpen,
|
|
425
|
+
}), children: [(0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { ref: actionButtonRef, size: "small", description: null, isDisabled: isDisabled, style: { height: '24px', width: '24px' }, htmlAttributes: {
|
|
426
|
+
'aria-expanded': isMenuOpen || undefined,
|
|
427
|
+
'aria-haspopup': 'menu',
|
|
428
|
+
'aria-label': 'Actions',
|
|
429
|
+
onClick: (e) => {
|
|
430
|
+
e.stopPropagation();
|
|
431
|
+
didOpenViaKeyboard.current = false;
|
|
432
|
+
setIsMenuOpen((prev) => !prev);
|
|
433
|
+
},
|
|
434
|
+
tabIndex: -1,
|
|
435
|
+
}, children: (0, jsx_runtime_1.jsx)(icons_1.EllipsisHorizontalIconOutline, {}) }), (0, jsx_runtime_1.jsx)(menu_1.Menu, Object.assign({ isOpen: isMenuOpen, anchorRef: actionButtonRef, onClose: handleMenuClose }, actionMenuProps, { children: actionMenuItems }))] }))] }) })));
|
|
436
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: tooltipContent !== undefined && tooltipContent !== null, wrap: (children) => ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({ type: "simple", hoverDelay: { close: 0, open: 500 }, isDisabled: isMenuOpen, followCursor: true }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, Object.assign({ hasButtonWrapper: true }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { children: children })), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: tooltipContent }))] }))), children: itemElement }), hasChildren && ((0, jsx_runtime_1.jsx)(TreeViewContext.Provider, { value: { focusedId, level: level + 1, selectionMode, setFocusedId }, children: (0, jsx_runtime_1.jsx)("div", { role: "group", id: groupId, hidden: !isExpanded, style: { '--tree-level': level - 1 }, children: annotateTreeItems(children) }) }))] }));
|
|
437
|
+
};
|
|
438
|
+
/**
|
|
439
|
+
* A skeleton placeholder for tree items that are being loaded. Renders one or
|
|
440
|
+
* more `Skeleton` rows at the current nesting depth. The element is
|
|
441
|
+
* `aria-hidden` since it is purely a visual indicator and not interactive.
|
|
442
|
+
*
|
|
443
|
+
* Typically used inside a `TreeView.Item` that has `isLoading` set, to give
|
|
444
|
+
* the user a visual hint that child items are being fetched.
|
|
445
|
+
*
|
|
446
|
+
* @example
|
|
447
|
+
* ```tsx
|
|
448
|
+
* <TreeView.Item title="Lazy folder" hasChildren isLoading={isLoading} isExpanded>
|
|
449
|
+
* {isLoading && <TreeView.SkeletonItem rows={3} />}
|
|
450
|
+
* </TreeView.Item>
|
|
451
|
+
* ```
|
|
452
|
+
*/
|
|
453
|
+
const SkeletonItem = (_a) => {
|
|
454
|
+
var { rows = 1, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["rows", "className", "style", "htmlAttributes", "ref"]);
|
|
455
|
+
const { level } = (0, react_2.useContext)(TreeViewContext);
|
|
456
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, "aria-hidden": "true", className: (0, classnames_1.default)('ndl-tree-view-new-skeleton', className), style: Object.assign({ '--tree-level': level - 1 }, style) }, htmlAttributes, restProps, { children: Array.from({ length: rows }, (_, i) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "18px", width: "100%" }, i))) })));
|
|
457
|
+
};
|
|
458
|
+
const TreeView = Object.assign(Root, { Item, SkeletonItem });
|
|
459
|
+
exports.TreeView = TreeView;
|
|
460
|
+
//# sourceMappingURL=TreeView.js.map
|