@neo4j-ndl/react 4.20.0 → 4.21.0

package/lib/cjs/icons/generated/custom/ScatterPlot.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+// THIS FILE IS GENERATED BY BUILD TOOL
+// DO NOT EDIT IT MANUAL
+const wrapIcon_1 = require("../../wrapIcon");
+const SvgScatterPlotBase = (props) => ((0, jsx_runtime_1.jsx)("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: "M7.5 12.25C9.57107 12.25 11.25 13.9289 11.25 16C11.25 18.0711 9.57107 19.75 7.5 19.75C5.42893 19.75 3.75 18.0711 3.75 16C3.75 13.9289 5.42893 12.25 7.5 12.25ZM17.5 13.75C18.7426 13.75 19.75 14.7574 19.75 16C19.75 17.2426 18.7426 18.25 17.5 18.25C16.2574 18.25 15.25 17.2426 15.25 16C15.25 14.7574 16.2574 13.75 17.5 13.75ZM13.5 3.75C15.2949 3.75 16.75 5.20507 16.75 7C16.75 8.79493 15.2949 10.25 13.5 10.25C11.7051 10.25 10.25 8.79493 10.25 7C10.25 5.20507 11.7051 3.75 13.5 3.75Z", stroke: "currentColor", strokeWidth: 1.5 }) })));
+const SvgScatterPlot = (0, wrapIcon_1.wrapIcon)(SvgScatterPlotBase);
+exports.default = SvgScatterPlot;
+//# sourceMappingURL=ScatterPlot.js.map

package/lib/cjs/icons/generated/custom/ScatterPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlot.js","sourceRoot":"","sources":["../../../../../src/icons/generated/custom/ScatterPlot.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,uCAAuC;AACvC,wBAAwB;AACxB,6CAA0C;AAE1C,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC7D,8CACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK,cAET,iCACE,CAAC,EAAC,keAAke,EACpe,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,GAChB,IACE,CACP,CAAC;AACF,MAAM,cAAc,GAAG,IAAA,mBAAQ,EAAC,kBAAkB,CAAC,CAAC;AACpD,kBAAe,cAAc,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 SvgScatterPlotBase = (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=\"M7.5 12.25C9.57107 12.25 11.25 13.9289 11.25 16C11.25 18.0711 9.57107 19.75 7.5 19.75C5.42893 19.75 3.75 18.0711 3.75 16C3.75 13.9289 5.42893 12.25 7.5 12.25ZM17.5 13.75C18.7426 13.75 19.75 14.7574 19.75 16C19.75 17.2426 18.7426 18.25 17.5 18.25C16.2574 18.25 15.25 17.2426 15.25 16C15.25 14.7574 16.2574 13.75 17.5 13.75ZM13.5 3.75C15.2949 3.75 16.75 5.20507 16.75 7C16.75 8.79493 15.2949 10.25 13.5 10.25C11.7051 10.25 10.25 8.79493 10.25 7C10.25 5.20507 11.7051 3.75 13.5 3.75Z\"\n      stroke=\"currentColor\"\n      strokeWidth={1.5}\n    />\n  </svg>\n);\nconst SvgScatterPlot = wrapIcon(SvgScatterPlotBase);\nexport default SvgScatterPlot;\n"]}

package/lib/cjs/icons/generated/custom/index.js

@@ -24,8 +24,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HierarchyTwoIcon = exports.HierarchyOneIcon = exports.HeartbeatIcon = exports.HeadsetIcon = exports.HandIcon = exports.GraphCrossIcon = exports.GraphBuilderIcon = 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.DocumentIntelligenceIcon = exports.DividerSquareDashIcon = exports.DesktopSaveIcon = exports.DeploymentsIcon = exports.DatabaseSignalIcon = exports.DatabaseRoleIcon = exports.DatabasePlusIcon = exports.DatabasePlugIcon = exports.DatabaseCrossIcon = exports.DatabaseCheckIcon = 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;
-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.PencilSparkleIcon = 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 = exports.LassoIcon = exports.ItalicIcon = exports.HorizontalBarIcon = void 0;
-exports.VisualizeBloomIcon = exports.VerticalBarIcon = exports.UserShieldIcon = exports.UnderlineIcon = exports.TriangleIcon = exports.ThreePanelIcon = exports.TextIcon = exports.TextFormatIcon = exports.SquareIcon = exports.SquareDashIcon = void 0;
+exports.ShrinkIcon = exports.SelectIcon = exports.ScatterPlotIcon = exports.RotateIcon = exports.RhombusIcon = exports.ResizeCornerIcon = exports.RelationshipClickIcon = exports.RelationshipAddIcon = exports.QuoteIcon = exports.QueryIcon = exports.QueryStreamIcon = exports.PresentationIcon = exports.PlanViewIcon = exports.PinIcon = exports.PencilSparkleIcon = 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 = exports.LassoIcon = exports.ItalicIcon = exports.HorizontalBarIcon = void 0;
+exports.VisualizeBloomIcon = exports.VerticalBarIcon = exports.UserShieldIcon = exports.UnderlineIcon = exports.TriangleIcon = exports.ThreePanelIcon = exports.TextIcon = exports.TextFormatIcon = exports.SquareIcon = exports.SquareDashIcon = exports.SingleValueIcon = void 0;
 // THIS FILE IS GENERATED BY BUILD TOOL
 // DO NOT EDIT IT MANUAL
 var AddNode_1 = require("./AddNode");
@@ -222,6 +222,8 @@ var Rhombus_1 = require("./Rhombus");
 Object.defineProperty(exports, "RhombusIcon", { enumerable: true, get: function () { return __importDefault(Rhombus_1).default; } });
 var Rotate_1 = require("./Rotate");
 Object.defineProperty(exports, "RotateIcon", { enumerable: true, get: function () { return __importDefault(Rotate_1).default; } });
+var ScatterPlot_1 = require("./ScatterPlot");
+Object.defineProperty(exports, "ScatterPlotIcon", { enumerable: true, get: function () { return __importDefault(ScatterPlot_1).default; } });
 var Select_1 = require("./Select");
 Object.defineProperty(exports, "SelectIcon", { enumerable: true, get: function () { return __importDefault(Select_1).default; } });
 var Shrink_1 = require("./Shrink");

package/lib/cjs/icons/generated/custom/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/icons/generated/custom/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;AAEH,uCAAuC;AACvC,wBAAwB;AACxB,qCAAmD;AAA1C,uHAAA,OAAO,OAAe;AAC/B,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,uCAAqD;AAA5C,yHAAA,OAAO,OAAgB;AAChC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,yCAAuD;AAA9C,2HAAA,OAAO,OAAiB;AACjC,+BAA6C;AAApC,iHAAA,OAAO,OAAY;AAC5B,qCAAmD;AAA1C,uHAAA,OAAO,OAAe;AAC/B,yCAAuD;AAA9C,2HAAA,OAAO,OAAiB;AACjC,qDAAmE;AAA1D,uIAAA,OAAO,OAAuB;AACvC,+BAA6C;AAApC,iHAAA,OAAO,OAAY;AAC5B,mCAAiD;AAAxC,qHAAA,OAAO,OAAc;AAC9B,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,yCAAuD;AAA9C,2HAAA,OAAO,OAAiB;AACjC,iDAA+D;AAAtD,mIAAA,OAAO,OAAqB;AACrC,iDAA+D;AAAtD,mIAAA,OAAO,OAAqB;AACrC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,iDAA+D;AAAtD,mIAAA,OAAO,OAAqB;AACrC,iDAA+D;AAAtD,mIAAA,OAAO,OAAqB;AACrC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,yDAAuE;AAA9D,2IAAA,OAAO,OAAyB;AACzC,+DAA6E;AAApE,iJAAA,OAAO,OAA4B;AAC5C,qDAAmE;AAA1D,uIAAA,OAAO,OAAuB;AACvC,+BAA6C;AAApC,iHAAA,OAAO,OAAY;AAC5B,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,mCAAiD;AAAxC,qHAAA,OAAO,OAAc;AAC9B,qCAAmD;AAA1C,uHAAA,OAAO,OAAe;AAC/B,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,uCAAqD;AAA5C,yHAAA,OAAO,OAAgB;AAChC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,mCAAiD;AAAxC,qHAAA,OAAO,OAAc;AAC9B,uCAAqD;AAA5C,yHAAA,OAAO,OAAgB;AAChC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,+BAA6C;AAApC,iHAAA,OAAO,OAAY;AAC5B,qCAAmD;AAA1C,uHAAA,OAAO,OAAe;AAC/B,yCAAuD;AAA9C,2HAAA,OAAO,OAAiB;AACjC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,iDAA+D;AAAtD,mIAAA,OAAO,OAAqB;AACrC,mCAAiD;AAAxC,qHAAA,OAAO,OAAc;AAC9B,iCAA+C;AAAtC,mHAAA,OAAO,OAAa;AAC7B,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,6DAA2E;AAAlE,+IAAA,OAAO,OAA2B;AAC3C,yCAAuD;AAA9C,2HAAA,OAAO,OAAiB;AACjC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,+DAA6E;AAApE,iJAAA,OAAO,OAA4B;AAC5C,uCAAqD;AAA5C,yHAAA,OAAO,OAAgB;AAChC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,iDAA+D;AAAtD,mIAAA,OAAO,OAAqB;AACrC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB;AACtC,qCAAmD;AAA1C,uHAAA,OAAO,OAAe;AAC/B,yCAAuD;AAA9C,2HAAA,OAAO,OAAiB;AACjC,uCAAqD;AAA5C,yHAAA,OAAO,OAAgB;AAChC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,yDAAuE;AAA9D,2IAAA,OAAO,OAAyB;AACzC,2DAAyE;AAAhE,6IAAA,OAAO,OAA0B;AAC1C,qDAAmE;AAA1D,uIAAA,OAAO,OAAuB;AACvC,yDAAuE;AAA9D,2IAAA,OAAO,OAAyB;AACzC,yCAAuD;AAA9C,2HAAA,OAAO,OAAiB;AACjC,6DAA2E;AAAlE,+IAAA,OAAO,OAA2B;AAC3C,2DAAyE;AAAhE,6IAAA,OAAO,OAA0B;AAC1C,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,iDAA+D;AAAtD,mIAAA,OAAO,OAAqB;AACrC,6BAA2C;AAAlC,+GAAA,OAAO,OAAW;AAC3B,uCAAqD;AAA5C,yHAAA,OAAO,OAAgB;AAChC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,iCAA+C;AAAtC,mHAAA,OAAO,OAAa;AAC7B,iCAA+C;AAAtC,mHAAA,OAAO,OAAa;AAC7B,qDAAmE;AAA1D,uIAAA,OAAO,OAAuB;AACvC,yDAAuE;AAA9D,2IAAA,OAAO,OAAyB;AACzC,+CAA6D;AAApD,iIAAA,OAAO,OAAoB;AACpC,qCAAmD;AAA1C,uHAAA,OAAO,OAAe;AAC/B,mCAAiD;AAAxC,qHAAA,OAAO,OAAc;AAC9B,mCAAiD;AAAxC,qHAAA,OAAO,OAAc;AAC9B,mCAAiD;AAAxC,qHAAA,OAAO,OAAc;AAC9B,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,mCAAiD;AAAxC,qHAAA,OAAO,OAAc;AAC9B,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,+BAA6C;AAApC,iHAAA,OAAO,OAAY;AAC5B,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,uCAAqD;AAA5C,yHAAA,OAAO,OAAgB;AAChC,yCAAuD;AAA9C,2HAAA,OAAO,OAAiB;AACjC,2CAAyD;AAAhD,6HAAA,OAAO,OAAkB;AAClC,6CAA2D;AAAlD,+HAAA,OAAO,OAAmB;AACnC,mDAAiE;AAAxD,qIAAA,OAAO,OAAsB","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 DatabaseCheckIcon } from './DatabaseCheck';\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 DocumentIntelligenceIcon } from './DocumentIntelligence';\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 GraphBuilderIcon } from './GraphBuilder';\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 PencilSparkleIcon } from './PencilSparkle';\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"]}
+{"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 DatabaseCheckIcon } from './DatabaseCheck';\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 DocumentIntelligenceIcon } from './DocumentIntelligence';\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 GraphBuilderIcon } from './GraphBuilder';\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 PencilSparkleIcon } from './PencilSparkle';\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 ScatterPlotIcon } from './ScatterPlot';\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/inline-edit/InlineEdit.js

@@ -132,20 +132,20 @@ const InlineEdit = (_a) => {
         var _a;
         return (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.id) !== null && _a !== void 0 ? _a : (0, utils_1.randomId)(12);
     }, [inputProps === null || inputProps === void 0 ? void 0 : inputProps.id]);
-    const handleKeyDown = (0, react_1.useCallback)((e) => {
-        if (['Enter', 'Escape'].includes(e.key)) {
-            if (e.key === 'Enter') {
+    const handleKeyDown = (0, react_1.useCallback)((event) => {
+        if (['Enter', 'Escape'].includes(event.key)) {
+            if (event.key === 'Enter') {
                 onConfirmHandler();
             }
-            if (e.key === 'Escape') {
+            if (event.key === 'Escape') {
                 onCancelHandler();
             }
-            e.preventDefault();
-            e.stopPropagation();
+            event.preventDefault();
+            event.stopPropagation();
         }
     }, [onConfirmHandler, onCancelHandler]);
-    const handleInputChange = (0, react_1.useCallback)((e) => {
-        const newValue = e.target.value;
+    const handleInputChange = (0, react_1.useCallback)((event) => {
+        const newValue = event.target.value;
         setCurrentValue(newValue);
     }, [setCurrentValue]);
     const isInEditMode = isEditing !== null && isEditing !== void 0 ? isEditing : hasEditMode;

package/lib/cjs/inline-edit/InlineEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/inline-edit/InlineEdit.tsx"],"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 */\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusWithin } from 'react-aria';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { useSemicontrolledState } from '../_common/use-semi-controlled-state';\nimport { needleWarningMessage, randomId } from '../_common/utils';\nimport { IconButton } from '../icon-button';\nimport { CheckIconOutline } from '../icons/generated/heroIcons/CheckIconOutline';\nimport { PencilIconOutline } from '../icons/generated/heroIcons/PencilIconOutline';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\nimport { Typography } from '../typography';\nimport { type TypographyVariants } from '../typography';\nimport { getIconStyle, getMinHeight } from './utils';\n\ntype InlineEditProps = {\n  /** Label text */\n  label?: ReactNode;\n\n  /**\n   * The typographyVariant of the component applied to Typography as its variant.\n   * @default subheading-medium\n   */\n  typographyVariant?: TypographyVariants;\n\n  /**\n   * The default input value. Use for an uncontrolled component.\n   */\n  defaultValue?: string;\n\n  /**\n   * The input value. Makes the component controlled.\n   */\n  value?: string;\n\n  /**\n   * Callback when the input value changes. Must be used when the component is controlled.\n   */\n  onChange?: (value: string) => void;\n\n  /**\n   * Placeholder text displayed when the input is empty.\n   */\n  placeholder: string;\n\n  /**\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * If edit pencil icon should be visible on hover\n   * @default false\n   */\n  hasEditIcon?: boolean;\n\n  /**\n   * If the input is in editing mode\n   * Used in a stateless inline edit\n   * @default undefined\n   */\n  isEditing?: boolean;\n\n  /** Callback when confirm icon button is pressed */\n  onConfirm?: (\n    value: string,\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n\n  /** Callback when cancel icon button is pressed */\n  onCancel?: (\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n\n  /**\n   * What the input should do on blur\n   * - \"confirm\" will confirm the value\n   * - \"cancel\" will cancel the value\n   * - \"none\" will do nothing\n   * @default \"confirm\"\n   */\n  blurBehavior?: 'confirm' | 'cancel' | 'none';\n\n  /** props applied to the internal input element */\n  inputProps?: HtmlAttributes<'input'>;\n\n  /**\n   * If the input is fluid\n   * @default false\n   */\n  isFluid?: boolean;\n};\n\n// The input should not be less than this (it does shrink if container is smaller though).\nconst MINIMUM_WIDTH = 320;\n\nexport const InlineEdit = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  defaultValue,\n  htmlAttributes,\n  label,\n  onChange,\n  onCancel,\n  onConfirm,\n  ref,\n  style,\n  value,\n  hasEditIcon = false,\n  inputProps,\n  isDisabled = false,\n  isEditing,\n  blurBehavior = 'confirm',\n  isFluid = false,\n  typographyVariant = 'subheading-medium',\n  placeholder,\n  ...restProps\n}: PolymorphicCommonProps<T, InlineEditProps>) => {\n  const [hasEditMode, setEditMode] = useState(false);\n\n  const [currentValue, setCurrentValue] = useSemicontrolledState({\n    isControlled: value !== undefined,\n    onChange,\n    state: value ?? defaultValue ?? '',\n  });\n  const [previousConfirmedValue, setPreviousConfirmedValue] =\n    useState(currentValue);\n\n  const mirrorRef = useRef<HTMLSpanElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  /**\n   * This ref is used to prevent the blur behavior from being triggered on mouse down events\n   * on the confirm and cancel buttons. So when true, the blur behavior is not triggered.\n   * This is needed due to Webkit browsers (like Safari) triggering blur on mouse down events.\n   *\n   * It is also used to prevent the blur behavior from being triggered after the component exits edit mode without blur.\n   * This bug caused the handler to be called when something was focused after confirming.\n   */\n  const blurWithinRef = useRef(false);\n\n  // Validate controlled mode requirements\n  useEffect(() => {\n    if (value !== undefined && onChange === undefined) {\n      needleWarningMessage(\n        'onChange prop should be supplied when using controlled mode (value prop is provided).',\n      );\n    }\n  }, [value, onChange]);\n\n  const { focusWithinProps } = useFocusWithin({\n    onBlurWithin: () => {\n      if (blurWithinRef.current) {\n        return;\n      }\n\n      if (blurBehavior === 'confirm') {\n        onConfirmHandler();\n        return;\n      }\n      if (blurBehavior === 'cancel') {\n        onCancelHandler();\n        return;\n      }\n    },\n  });\n\n  const resetToDefaults = useCallback(() => {\n    // In controlled mode, don't reset the value - let the parent manage it\n    // In uncontrolled mode, reset to default value\n    if (value === undefined) {\n      setCurrentValue(previousConfirmedValue ?? '');\n    }\n    // Only reset edit mode if isEditing is not controlled (undefined)\n    if (isEditing === undefined) {\n      blurWithinRef.current = true;\n      setEditMode(false);\n    }\n  }, [previousConfirmedValue, isEditing, setCurrentValue, value]);\n\n  const resetEditState = useCallback(() => {\n    // Only reset edit mode if isEditing is not controlled (undefined)\n    if (isEditing === undefined) {\n      blurWithinRef.current = true;\n      setEditMode(false);\n    }\n  }, [isEditing]);\n\n  const onConfirmHandler = useCallback(\n    async (\n      event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => {\n      setPreviousConfirmedValue(currentValue);\n      onConfirm?.(currentValue, event);\n      resetEditState();\n    },\n    [onConfirm, currentValue, resetEditState],\n  );\n\n  const onCancelHandler = useCallback(\n    (\n      event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => {\n      onCancel?.(event);\n      resetToDefaults();\n    },\n    [onCancel, resetToDefaults],\n  );\n\n  const inputID = useMemo(() => {\n    return inputProps?.id ?? randomId(12);\n  }, [inputProps?.id]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (['Enter', 'Escape'].includes(e.key)) {\n        if (e.key === 'Enter') {\n          onConfirmHandler();\n        }\n        if (e.key === 'Escape') {\n          onCancelHandler();\n        }\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [onConfirmHandler, onCancelHandler],\n  );\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setCurrentValue(newValue);\n    },\n    [setCurrentValue],\n  );\n\n  const isInEditMode = isEditing ?? hasEditMode;\n\n  const handleEditClick = useCallback(() => {\n    if (isDisabled === false) {\n      setEditMode(true);\n      blurWithinRef.current = false;\n    }\n  }, [isDisabled]);\n\n  const updateInputWidth = useCallback(() => {\n    if (mirrorRef.current && containerRef.current && !isFluid) {\n      const mirrorWidth = mirrorRef.current.offsetWidth;\n      const newWidth = Math.max(mirrorWidth, MINIMUM_WIDTH);\n      containerRef.current.style.width = `${newWidth}px`;\n    }\n  }, [mirrorRef, containerRef, isFluid]);\n\n  // Width calculation effect\n  useLayoutEffect(() => {\n    updateInputWidth();\n  }, [updateInputWidth, isInEditMode, currentValue]);\n\n  const displayText = currentValue || placeholder;\n  const buttonAriaLabel = `${displayText}, edit`;\n\n  return (\n    <Typography\n      as={as ?? 'div'}\n      variant={typographyVariant}\n      className={classNames('ndl-inline-edit', className, {\n        'ndl-disabled': isDisabled,\n        'ndl-fluid': isFluid,\n      })}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {Boolean(label) && <label htmlFor={inputID}>{label}</label>}\n      {isInEditMode === true ? (\n        <div\n          className=\"ndl-inline-edit-container\"\n          ref={containerRef}\n          {...focusWithinProps}\n        >\n          {/* Mirror span for measuring width */}\n          <span\n            aria-hidden={true}\n            className=\"ndl-inline-edit-mirror\"\n            ref={mirrorRef}\n          >\n            {displayText}\n          </span>\n          <input\n            {...inputProps}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus\n            // TODO v5: use ariaLabel variable\n            aria-label={typeof label === 'string' ? label : 'Inline edit input'}\n            className={classNames(\n              'ndl-inline-edit-input',\n              inputProps?.className,\n            )}\n            id={inputID}\n            value={currentValue}\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n          />\n          <div className=\"ndl-inline-edit-buttons\">\n            <IconButton\n              description=\"Accept\"\n              tooltipProps={{\n                root: { placement: 'bottom' },\n              }}\n              onClick={onConfirmHandler}\n              size=\"small\"\n              isFloating={true}\n              htmlAttributes={{\n                onMouseDown: () => {\n                  blurWithinRef.current = true;\n                },\n              }}\n            >\n              <CheckIconOutline />\n            </IconButton>\n            <IconButton\n              description=\"Cancel\"\n              tooltipProps={{\n                root: { placement: 'bottom' },\n              }}\n              onClick={(event) => onCancelHandler(event)}\n              size=\"small\"\n              isFloating={true}\n              htmlAttributes={{\n                onMouseDown: () => {\n                  blurWithinRef.current = true;\n                },\n              }}\n            >\n              <XMarkIconOutline />\n            </IconButton>\n          </div>\n        </div>\n      ) : (\n        <button\n          type=\"button\"\n          className={classNames('ndl-inline-idle-container', {\n            'n-text-neutral-text-weaker': displayText === placeholder,\n            'ndl-disabled': isDisabled,\n            'ndl-has-edit-icon': hasEditIcon,\n          })}\n          aria-disabled={isDisabled}\n          aria-label={buttonAriaLabel}\n          disabled={isDisabled}\n          onClick={handleEditClick}\n          style={{\n            minHeight: getMinHeight(typographyVariant),\n          }}\n        >\n          <span className=\"ndl-inline-edit-text\">{displayText}</span>\n          {hasEditIcon && (\n            <PencilIconOutline\n              className=\"ndl-inline-edit-pencil-icon\"\n              style={getIconStyle(typographyVariant)}\n            />\n          )}\n        </button>\n      )}\n    </Typography>\n  );\n};\n"]}
+{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/inline-edit/InlineEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAEpC,iCAQe;AACf,2CAA4C;AAM5C,oFAA8E;AAC9E,4CAAkE;AAClE,gDAA4C;AAC5C,oFAAiF;AACjF,sFAAmF;AACnF,oFAAiF;AACjF,8CAA2C;AAE3C,mCAAqD;AAgFrD,0FAA0F;AAC1F,MAAM,aAAa,GAAG,GAAG,CAAC;AAEnB,MAAM,UAAU,GAAG,CAAsC,EAqBnB,EAAE,EAAE;;QArBe,EAC9D,EAAE,EACF,SAAS,EACT,YAAY,EACZ,cAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,EACH,KAAK,EACL,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,EACV,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,KAAK,EACf,iBAAiB,GAAG,mBAAmB,EACvC,WAAW,OAEgC,EADxC,SAAS,cApBkD,mPAqB/D,CADa;IAEZ,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kDAAsB,EAAC;QAC7D,YAAY,EAAE,KAAK,KAAK,SAAS;QACjC,QAAQ;QACR,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY,mCAAI,EAAE;KACnC,CAAC,CAAC;IACH,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GACvD,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAEzB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAkB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD;;;;;;;OAOG;IACH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAEpC,wCAAwC;IACxC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAClD,IAAA,4BAAoB,EAClB,uFAAuF,CACxF,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,2BAAc,EAAC;QAC1C,YAAY,EAAE,GAAG,EAAE;YACjB,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC1B,OAAO;YACT,CAAC;YAED,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;gBAC/B,gBAAgB,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YACD,IAAI,YAAY,KAAK,QAAQ,EAAE,CAAC;gBAC9B,eAAe,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,uEAAuE;QACvE,+CAA+C;QAC/C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,eAAe,CAAC,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,EAAE,CAAC,CAAC;QAChD,CAAC;QACD,kEAAkE;QAClE,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,sBAAsB,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhE,MAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtC,kEAAkE;QAClE,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CACE,KAAwE,EACxE,EAAE;QACF,yBAAyB,CAAC,YAAY,CAAC,CAAC;QACxC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,YAAY,EAAE,KAAK,CAAC,CAAC;QACjC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAA,EACD,CAAC,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAC1C,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CACE,KAAwE,EACxE,EAAE;QACF,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,eAAe,CAAC,CAC5B,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;;QAC3B,OAAO,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,mCAAI,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,CAAC,CAAC,CAAC;IAErB,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,KAA0B,EAAE,EAAE;QAC7B,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5C,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC1B,gBAAgB,EAAE,CAAC;YACrB,CAAC;YACD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,eAAe,EAAE,CAAC;YACpB,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,CAAC,CACpC,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,KAA0C,EAAE,EAAE;QAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,YAAY,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,WAAW,CAAC;IAE9C,MAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACvC,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;YACzB,WAAW,CAAC,IAAI,CAAC,CAAC;YAClB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,IAAI,SAAS,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YAC1D,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC;YAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;YACtD,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,QAAQ,IAAI,CAAC;QACrD,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvC,2BAA2B;IAC3B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,gBAAgB,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,YAAY,IAAI,WAAW,CAAC;IAChD,MAAM,eAAe,GAAG,GAAG,WAAW,QAAQ,CAAC;IAE/C,OAAO,CACL,wBAAC,uBAAU,kBACT,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,EACf,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;YAClD,cAAc,EAAE,UAAU;YAC1B,WAAW,EAAE,OAAO;SACrB,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,IAC1B,SAAS,eAEZ,OAAO,CAAC,KAAK,CAAC,IAAI,kCAAO,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EAC1D,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,+CACE,SAAS,EAAC,2BAA2B,EACrC,GAAG,EAAE,YAAY,IACb,gBAAgB,eAGpB,gDACe,IAAI,EACjB,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,SAAS,YAEb,WAAW,GACP,EACP,kDACM,UAAU;wBACd,iDAAiD;wBACjD,SAAS,sBAEG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,EACnE,SAAS,EAAE,IAAA,oBAAU,EACnB,uBAAuB,EACvB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACtB,EACD,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,WAAW,IACxB,EACF,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,wBAAU,IACT,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE;oCACZ,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;iCAC9B,EACD,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,IAAI,EAChB,cAAc,EAAE;oCACd,WAAW,EAAE,GAAG,EAAE;wCAChB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;oCAC/B,CAAC;iCACF,YAED,uBAAC,mCAAgB,KAAG,GACT,EACb,uBAAC,wBAAU,IACT,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE;oCACZ,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;iCAC9B,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAC1C,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,IAAI,EAChB,cAAc,EAAE;oCACd,WAAW,EAAE,GAAG,EAAE;wCAChB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;oCAC/B,CAAC;iCACF,YAED,uBAAC,mCAAgB,KAAG,GACT,IACT,KACF,CACP,CAAC,CAAC,CAAC,CACF,oCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE;oBACjD,4BAA4B,EAAE,WAAW,KAAK,WAAW;oBACzD,cAAc,EAAE,UAAU;oBAC1B,mBAAmB,EAAE,WAAW;iBACjC,CAAC,mBACa,UAAU,gBACb,eAAe,EAC3B,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE;oBACL,SAAS,EAAE,IAAA,oBAAY,EAAC,iBAAiB,CAAC;iBAC3C,aAED,iCAAM,SAAS,EAAC,sBAAsB,YAAE,WAAW,GAAQ,EAC1D,WAAW,IAAI,CACd,uBAAC,qCAAiB,IAChB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,IAAA,oBAAY,EAAC,iBAAiB,CAAC,GACtC,CACH,IACM,CACV,KACU,CACd,CAAC;AACJ,CAAC,CAAC;AA/QW,QAAA,UAAU,cA+QrB","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 */\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFocusWithin } from 'react-aria';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { useSemicontrolledState } from '../_common/use-semi-controlled-state';\nimport { needleWarningMessage, randomId } from '../_common/utils';\nimport { IconButton } from '../icon-button';\nimport { CheckIconOutline } from '../icons/generated/heroIcons/CheckIconOutline';\nimport { PencilIconOutline } from '../icons/generated/heroIcons/PencilIconOutline';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\nimport { Typography } from '../typography';\nimport { type TypographyVariants } from '../typography';\nimport { getIconStyle, getMinHeight } from './utils';\n\ntype InlineEditProps = {\n  /** Label text */\n  label?: ReactNode;\n\n  /**\n   * The typographyVariant of the component applied to Typography as its variant.\n   * @default subheading-medium\n   */\n  typographyVariant?: TypographyVariants;\n\n  /**\n   * The default input value. Use for an uncontrolled component.\n   */\n  defaultValue?: string;\n\n  /**\n   * The input value. Makes the component controlled.\n   */\n  value?: string;\n\n  /**\n   * Callback when the input value changes. Must be used when the component is controlled.\n   */\n  onChange?: (value: string) => void;\n\n  /**\n   * Placeholder text displayed when the input is empty.\n   */\n  placeholder: string;\n\n  /**\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * If edit pencil icon should be visible on hover\n   * @default false\n   */\n  hasEditIcon?: boolean;\n\n  /**\n   * If the input is in editing mode\n   * Used in a stateless inline edit\n   * @default undefined\n   */\n  isEditing?: boolean;\n\n  /** Callback when confirm icon button is pressed */\n  onConfirm?: (\n    value: string,\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n\n  /** Callback when cancel icon button is pressed */\n  onCancel?: (\n    event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n\n  /**\n   * What the input should do on blur\n   * - \"confirm\" will confirm the value\n   * - \"cancel\" will cancel the value\n   * - \"none\" will do nothing\n   * @default \"confirm\"\n   */\n  blurBehavior?: 'confirm' | 'cancel' | 'none';\n\n  /** props applied to the internal input element */\n  inputProps?: HtmlAttributes<'input'>;\n\n  /**\n   * If the input is fluid\n   * @default false\n   */\n  isFluid?: boolean;\n};\n\n// The input should not be less than this (it does shrink if container is smaller though).\nconst MINIMUM_WIDTH = 320;\n\nexport const InlineEdit = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  defaultValue,\n  htmlAttributes,\n  label,\n  onChange,\n  onCancel,\n  onConfirm,\n  ref,\n  style,\n  value,\n  hasEditIcon = false,\n  inputProps,\n  isDisabled = false,\n  isEditing,\n  blurBehavior = 'confirm',\n  isFluid = false,\n  typographyVariant = 'subheading-medium',\n  placeholder,\n  ...restProps\n}: PolymorphicCommonProps<T, InlineEditProps>) => {\n  const [hasEditMode, setEditMode] = useState(false);\n\n  const [currentValue, setCurrentValue] = useSemicontrolledState({\n    isControlled: value !== undefined,\n    onChange,\n    state: value ?? defaultValue ?? '',\n  });\n  const [previousConfirmedValue, setPreviousConfirmedValue] =\n    useState(currentValue);\n\n  const mirrorRef = useRef<HTMLSpanElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  /**\n   * This ref is used to prevent the blur behavior from being triggered on mouse down events\n   * on the confirm and cancel buttons. So when true, the blur behavior is not triggered.\n   * This is needed due to Webkit browsers (like Safari) triggering blur on mouse down events.\n   *\n   * It is also used to prevent the blur behavior from being triggered after the component exits edit mode without blur.\n   * This bug caused the handler to be called when something was focused after confirming.\n   */\n  const blurWithinRef = useRef(false);\n\n  // Validate controlled mode requirements\n  useEffect(() => {\n    if (value !== undefined && onChange === undefined) {\n      needleWarningMessage(\n        'onChange prop should be supplied when using controlled mode (value prop is provided).',\n      );\n    }\n  }, [value, onChange]);\n\n  const { focusWithinProps } = useFocusWithin({\n    onBlurWithin: () => {\n      if (blurWithinRef.current) {\n        return;\n      }\n\n      if (blurBehavior === 'confirm') {\n        onConfirmHandler();\n        return;\n      }\n      if (blurBehavior === 'cancel') {\n        onCancelHandler();\n        return;\n      }\n    },\n  });\n\n  const resetToDefaults = useCallback(() => {\n    // In controlled mode, don't reset the value - let the parent manage it\n    // In uncontrolled mode, reset to default value\n    if (value === undefined) {\n      setCurrentValue(previousConfirmedValue ?? '');\n    }\n    // Only reset edit mode if isEditing is not controlled (undefined)\n    if (isEditing === undefined) {\n      blurWithinRef.current = true;\n      setEditMode(false);\n    }\n  }, [previousConfirmedValue, isEditing, setCurrentValue, value]);\n\n  const resetEditState = useCallback(() => {\n    // Only reset edit mode if isEditing is not controlled (undefined)\n    if (isEditing === undefined) {\n      blurWithinRef.current = true;\n      setEditMode(false);\n    }\n  }, [isEditing]);\n\n  const onConfirmHandler = useCallback(\n    async (\n      event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => {\n      setPreviousConfirmedValue(currentValue);\n      onConfirm?.(currentValue, event);\n      resetEditState();\n    },\n    [onConfirm, currentValue, resetEditState],\n  );\n\n  const onCancelHandler = useCallback(\n    (\n      event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    ) => {\n      onCancel?.(event);\n      resetToDefaults();\n    },\n    [onCancel, resetToDefaults],\n  );\n\n  const inputID = useMemo(() => {\n    return inputProps?.id ?? randomId(12);\n  }, [inputProps?.id]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (['Enter', 'Escape'].includes(event.key)) {\n        if (event.key === 'Enter') {\n          onConfirmHandler();\n        }\n        if (event.key === 'Escape') {\n          onCancelHandler();\n        }\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [onConfirmHandler, onCancelHandler],\n  );\n\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = event.target.value;\n      setCurrentValue(newValue);\n    },\n    [setCurrentValue],\n  );\n\n  const isInEditMode = isEditing ?? hasEditMode;\n\n  const handleEditClick = useCallback(() => {\n    if (isDisabled === false) {\n      setEditMode(true);\n      blurWithinRef.current = false;\n    }\n  }, [isDisabled]);\n\n  const updateInputWidth = useCallback(() => {\n    if (mirrorRef.current && containerRef.current && !isFluid) {\n      const mirrorWidth = mirrorRef.current.offsetWidth;\n      const newWidth = Math.max(mirrorWidth, MINIMUM_WIDTH);\n      containerRef.current.style.width = `${newWidth}px`;\n    }\n  }, [mirrorRef, containerRef, isFluid]);\n\n  // Width calculation effect\n  useLayoutEffect(() => {\n    updateInputWidth();\n  }, [updateInputWidth, isInEditMode, currentValue]);\n\n  const displayText = currentValue || placeholder;\n  const buttonAriaLabel = `${displayText}, edit`;\n\n  return (\n    <Typography\n      as={as ?? 'div'}\n      variant={typographyVariant}\n      className={classNames('ndl-inline-edit', className, {\n        'ndl-disabled': isDisabled,\n        'ndl-fluid': isFluid,\n      })}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {Boolean(label) && <label htmlFor={inputID}>{label}</label>}\n      {isInEditMode === true ? (\n        <div\n          className=\"ndl-inline-edit-container\"\n          ref={containerRef}\n          {...focusWithinProps}\n        >\n          {/* Mirror span for measuring width */}\n          <span\n            aria-hidden={true}\n            className=\"ndl-inline-edit-mirror\"\n            ref={mirrorRef}\n          >\n            {displayText}\n          </span>\n          <input\n            {...inputProps}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus\n            // TODO v5: use ariaLabel variable\n            aria-label={typeof label === 'string' ? label : 'Inline edit input'}\n            className={classNames(\n              'ndl-inline-edit-input',\n              inputProps?.className,\n            )}\n            id={inputID}\n            value={currentValue}\n            onChange={handleInputChange}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n          />\n          <div className=\"ndl-inline-edit-buttons\">\n            <IconButton\n              description=\"Accept\"\n              tooltipProps={{\n                root: { placement: 'bottom' },\n              }}\n              onClick={onConfirmHandler}\n              size=\"small\"\n              isFloating={true}\n              htmlAttributes={{\n                onMouseDown: () => {\n                  blurWithinRef.current = true;\n                },\n              }}\n            >\n              <CheckIconOutline />\n            </IconButton>\n            <IconButton\n              description=\"Cancel\"\n              tooltipProps={{\n                root: { placement: 'bottom' },\n              }}\n              onClick={(event) => onCancelHandler(event)}\n              size=\"small\"\n              isFloating={true}\n              htmlAttributes={{\n                onMouseDown: () => {\n                  blurWithinRef.current = true;\n                },\n              }}\n            >\n              <XMarkIconOutline />\n            </IconButton>\n          </div>\n        </div>\n      ) : (\n        <button\n          type=\"button\"\n          className={classNames('ndl-inline-idle-container', {\n            'n-text-neutral-text-weaker': displayText === placeholder,\n            'ndl-disabled': isDisabled,\n            'ndl-has-edit-icon': hasEditIcon,\n          })}\n          aria-disabled={isDisabled}\n          aria-label={buttonAriaLabel}\n          disabled={isDisabled}\n          onClick={handleEditClick}\n          style={{\n            minHeight: getMinHeight(typographyVariant),\n          }}\n        >\n          <span className=\"ndl-inline-edit-text\">{displayText}</span>\n          {hasEditIcon && (\n            <PencilIconOutline\n              className=\"ndl-inline-edit-pencil-icon\"\n              style={getIconStyle(typographyVariant)}\n            />\n          )}\n        </button>\n      )}\n    </Typography>\n  );\n};\n"]}

package/lib/cjs/kbd/kbd-utils.js

@@ -110,9 +110,9 @@ function resolveKeyLabel(key, labels) {
 }
 function getKbdScreenReaderFriendlyText(keys, modifierKeys, os = detectOS()) {
     const labels = getKbdKeysLabelMap(os);
-    const modStr = (modifierKeys !== null && modifierKeys !== void 0 ? modifierKeys : []).map((k) => labels[k]).join(' + ');
+    const modStr = (modifierKeys !== null && modifierKeys !== void 0 ? modifierKeys : []).map((key) => labels[key]).join(' + ');
     const keyLabels = (keys !== null && keys !== void 0 ? keys : [])
-        .map((k) => resolveKeyLabel(k, labels))
+        .map((key) => resolveKeyLabel(key, labels))
         .filter(Boolean);
     let keyStr = '';
     if (keyLabels.length === 1) {

package/lib/cjs/kbd/kbd-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd-utils.js","sourceRoot":"","sources":["../../../src/kbd/kbd-utils.ts"],"names":[],"mappings":";;AAgDA,4BAcC;AAKD,sCA0BC;AAKD,gDAwBC;AAkBD,wEAkBC;AAjHD;;GAEG;AACH,SAAgB,QAAQ;IACtB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;IAE3D,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;SAAM,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,OAAO,SAAS,CAAC;IACnB,CAAC;SAAM,CAAC;QACN,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAgB,aAAa,CAC3B,KAAsB,QAAQ,EAAE;IAEhC,MAAM,OAAO,GAA2B;QACtC,GAAG,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;QAC/B,QAAQ,EAAE,GAAG;QACb,IAAI,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;QACjC,MAAM,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ;QACrC,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,GAAG;QACT,IAAI,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;QAC1D,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,GAAG;QACV,GAAG,EAAE,GAAG;QACR,EAAE,EAAE,GAAG;KACR,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAChC,KAAsB,QAAQ,EAAE;IAEhC,OAAO;QACL,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,WAAW;QACrB,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;QAChB,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QACtE,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,KAAK;QACV,EAAE,EAAE,IAAI;KACT,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,GAAuB,EACvB,MAA8B;IAE9B,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,IAAI,OAAO,GAAG,KAAK,SAAS,EAAE,CAAC;QAClE,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAa,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAgB,8BAA8B,CAC5C,IAAiD,EACjD,YAA2C,EAC3C,KAAsB,QAAQ,EAAE;IAEhC,MAAM,MAAM,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,SAAS,GAAG,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC;SAC3B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;SACtC,MAAM,CAAC,OAAO,CAAC,CAAC;IACnB,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;SAAM,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC;IACD,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1D,OAAO,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AACzC,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 */\nimport type { ReactNode } from 'react';\n\nexport type OperatingSystem = 'mac' | 'windows' | 'linux';\n\nexport type KbdKey =\n  | 'meta'\n  | 'shift'\n  | 'ctrl'\n  | 'enter'\n  | 'delete'\n  | 'escape'\n  | 'tab'\n  | 'capslock'\n  | 'up'\n  | 'right'\n  | 'down'\n  | 'left'\n  | 'pageup'\n  | 'pagedown'\n  | 'home'\n  | 'end'\n  | 'space'\n  | 'fn'\n  | 'alt';\n\n/**\n * Detects the operating system based on the user agent\n */\nexport function detectOS(): OperatingSystem {\n  if (typeof window === 'undefined') {\n    return 'linux';\n  }\n\n  const userAgent = window.navigator.userAgent.toLowerCase();\n\n  if (userAgent.includes('mac')) {\n    return 'mac';\n  } else if (userAgent.includes('win')) {\n    return 'windows';\n  } else {\n    return 'linux';\n  }\n}\n\n/**\n * Returns OS-aware keyboard key symbols\n */\nexport function getKbdKeysMap(\n  os: OperatingSystem = detectOS(),\n): Record<KbdKey, string> {\n  const baseMap: Record<KbdKey, string> = {\n    alt: os === 'mac' ? '⌥' : 'alt',\n    capslock: '⇪',\n    ctrl: os === 'mac' ? '⌃' : 'ctrl',\n    delete: os === 'mac' ? '⌫' : 'delete',\n    down: '↓',\n    end: 'end',\n    enter: '↵',\n    escape: '⎋',\n    fn: 'Fn',\n    home: 'home',\n    left: '←',\n    meta: os === 'mac' ? '⌘' : os === 'windows' ? '⊞' : 'meta',\n    pagedown: '⇟',\n    pageup: '⇞',\n    right: '→',\n    shift: '⇧',\n    space: '␣',\n    tab: '⇥',\n    up: '↑',\n  };\n\n  return baseMap;\n}\n\n/**\n * Returns OS-aware keyboard key labels\n */\nexport function getKbdKeysLabelMap(\n  os: OperatingSystem = detectOS(),\n): Record<KbdKey, string> {\n  return {\n    alt: 'Alt',\n    capslock: 'Caps Lock',\n    ctrl: 'Control',\n    delete: 'Delete',\n    down: 'Down',\n    end: 'End',\n    enter: 'Enter',\n    escape: 'Escape',\n    fn: 'Fn',\n    home: 'Home',\n    left: 'Left',\n    meta: os === 'mac' ? 'Command' : os === 'windows' ? 'Windows' : 'Meta',\n    pagedown: 'Page Down',\n    pageup: 'Page Up',\n    right: 'Right',\n    shift: 'Shift',\n    space: 'Space',\n    tab: 'Tab',\n    up: 'Up',\n  };\n}\n\nfunction resolveKeyLabel(\n  key: KbdKey | ReactNode,\n  labels: Record<KbdKey, string>,\n): string {\n  if (key === null || key === undefined || typeof key === 'boolean') {\n    return '';\n  }\n  if (typeof key === 'string') {\n    return key in labels ? labels[key as KbdKey] : key;\n  }\n  if (typeof key === 'number') {\n    return String(key);\n  }\n  return '';\n}\n\nexport function getKbdScreenReaderFriendlyText(\n  keys: readonly (KbdKey | ReactNode)[] | undefined,\n  modifierKeys: readonly KbdKey[] | undefined,\n  os: OperatingSystem = detectOS(),\n): string {\n  const labels = getKbdKeysLabelMap(os);\n  const modStr = (modifierKeys ?? []).map((k) => labels[k]).join(' + ');\n  const keyLabels = (keys ?? [])\n    .map((k) => resolveKeyLabel(k, labels))\n    .filter(Boolean);\n  let keyStr = '';\n  if (keyLabels.length === 1) {\n    keyStr = keyLabels[0];\n  } else if (keyLabels.length > 1) {\n    keyStr = keyLabels.join(' then ');\n  }\n  const body = [modStr, keyStr].filter(Boolean).join(' + ');\n  return body ? `Shortcut: ${body}` : '';\n}\n"]}
+{"version":3,"file":"kbd-utils.js","sourceRoot":"","sources":["../../../src/kbd/kbd-utils.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 */\nimport type { ReactNode } from 'react';\n\nexport type OperatingSystem = 'mac' | 'windows' | 'linux';\n\nexport type KbdKey =\n  | 'meta'\n  | 'shift'\n  | 'ctrl'\n  | 'enter'\n  | 'delete'\n  | 'escape'\n  | 'tab'\n  | 'capslock'\n  | 'up'\n  | 'right'\n  | 'down'\n  | 'left'\n  | 'pageup'\n  | 'pagedown'\n  | 'home'\n  | 'end'\n  | 'space'\n  | 'fn'\n  | 'alt';\n\n/**\n * Detects the operating system based on the user agent\n */\nexport function detectOS(): OperatingSystem {\n  if (typeof window === 'undefined') {\n    return 'linux';\n  }\n\n  const userAgent = window.navigator.userAgent.toLowerCase();\n\n  if (userAgent.includes('mac')) {\n    return 'mac';\n  } else if (userAgent.includes('win')) {\n    return 'windows';\n  } else {\n    return 'linux';\n  }\n}\n\n/**\n * Returns OS-aware keyboard key symbols\n */\nexport function getKbdKeysMap(\n  os: OperatingSystem = detectOS(),\n): Record<KbdKey, string> {\n  const baseMap: Record<KbdKey, string> = {\n    alt: os === 'mac' ? '⌥' : 'alt',\n    capslock: '⇪',\n    ctrl: os === 'mac' ? '⌃' : 'ctrl',\n    delete: os === 'mac' ? '⌫' : 'delete',\n    down: '↓',\n    end: 'end',\n    enter: '↵',\n    escape: '⎋',\n    fn: 'Fn',\n    home: 'home',\n    left: '←',\n    meta: os === 'mac' ? '⌘' : os === 'windows' ? '⊞' : 'meta',\n    pagedown: '⇟',\n    pageup: '⇞',\n    right: '→',\n    shift: '⇧',\n    space: '␣',\n    tab: '⇥',\n    up: '↑',\n  };\n\n  return baseMap;\n}\n\n/**\n * Returns OS-aware keyboard key labels\n */\nexport function getKbdKeysLabelMap(\n  os: OperatingSystem = detectOS(),\n): Record<KbdKey, string> {\n  return {\n    alt: 'Alt',\n    capslock: 'Caps Lock',\n    ctrl: 'Control',\n    delete: 'Delete',\n    down: 'Down',\n    end: 'End',\n    enter: 'Enter',\n    escape: 'Escape',\n    fn: 'Fn',\n    home: 'Home',\n    left: 'Left',\n    meta: os === 'mac' ? 'Command' : os === 'windows' ? 'Windows' : 'Meta',\n    pagedown: 'Page Down',\n    pageup: 'Page Up',\n    right: 'Right',\n    shift: 'Shift',\n    space: 'Space',\n    tab: 'Tab',\n    up: 'Up',\n  };\n}\n\nfunction resolveKeyLabel(\n  key: KbdKey | ReactNode,\n  labels: Record<KbdKey, string>,\n): string {\n  if (key === null || key === undefined || typeof key === 'boolean') {\n    return '';\n  }\n  if (typeof key === 'string') {\n    return key in labels ? labels[key as KbdKey] : key;\n  }\n  if (typeof key === 'number') {\n    return String(key);\n  }\n  return '';\n}\n\nexport function getKbdScreenReaderFriendlyText(\n  keys: readonly (KbdKey | ReactNode)[] | undefined,\n  modifierKeys: readonly KbdKey[] | undefined,\n  os: OperatingSystem = detectOS(),\n): string {\n  const labels = getKbdKeysLabelMap(os);\n  const modStr = (modifierKeys ?? []).map((key) => labels[key]).join(' + ');\n  const keyLabels = (keys ?? [])\n    .map((key) => resolveKeyLabel(key, labels))\n    .filter(Boolean);\n  let keyStr = '';\n  if (keyLabels.length === 1) {\n    keyStr = keyLabels[0];\n  } else if (keyLabels.length > 1) {\n    keyStr = keyLabels.join(' then ');\n  }\n  const body = [modStr, keyStr].filter(Boolean).join(' + ');\n  return body ? `Shortcut: ${body}` : '';\n}\n"]}

package/lib/cjs/modal/Modal.js

@@ -89,10 +89,10 @@ const Modal = (_a) => {
         backdropClick.current = event.target === event.currentTarget;
     };
     (0, react_1.useEffect)(() => {
-        const handleKeyDown = (e) => {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                onClose === null || onClose === void 0 ? void 0 : onClose(e, ModalCloseReason.ESCAPE_KEY_DOWN);
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                onClose === null || onClose === void 0 ? void 0 : onClose(event, ModalCloseReason.ESCAPE_KEY_DOWN);
             }
         };
         document.addEventListener('keydown', handleKeyDown);
@@ -100,12 +100,12 @@ const Modal = (_a) => {
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [onClose]);
-    const handleBackdropClick = (e) => {
+    const handleBackdropClick = (event) => {
         if (Boolean(backdropClick.current) === false) {
             return;
         }
         backdropClick.current = null;
-        onClose === null || onClose === void 0 ? void 0 : onClose(e, ModalCloseReason.BACKDROP_CLICK);
+        onClose === null || onClose === void 0 ? void 0 : onClose(event, ModalCloseReason.BACKDROP_CLICK);
     };
     (0, react_1.useEffect)(() => {
         toggleScrollbar(open);

package/lib/cjs/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"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 */\nimport classNames from 'classnames';\nimport React, { useEffect } from 'react';\nimport FocusLock from 'react-focus-lock';\n\nimport { type CommonProps, type HtmlAttributes } from '../_common/types';\nimport { useDocumentScrollToggle } from '../_common/utils';\nimport { Portal } from '../portal';\n\nexport enum ModalCloseReason {\n  BACKDROP_CLICK = 'backdropClick',\n  ESCAPE_KEY_DOWN = 'escapeKeyDown',\n}\n\n/**\n * @remarks\n * Where `Element` is the most general base class from which all objects in a Document inherit. It only has methods and properties common to all kinds of elements. More specific classes inherit from Element.\n *\n * @remarks\n * Where `HtmlAttributes<\"div\">` is a type that includes all standard HTML div element attributes plus any custom data attributes (like data-testid or data-value) that follow the data-* pattern.\n */\nexport interface ModalProps {\n  /** Whether the Modal is open. */\n  isOpen: boolean;\n  /** Content to render inside the Modal. */\n  children: React.ReactNode;\n  /** Sets the size(max-width) of the Modal, use 'unset' for custom sizing. */\n  size?: 'small' | 'medium' | 'large' | 'unset';\n  /** The container where the modal will be rendered. */\n  container?: Element;\n  /** Callback function called when the modal is closed. */\n  onClose?: (\n    e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    reason?: ModalCloseReason,\n  ) => void;\n  /** Forwards the props to the modal container's wrapper - use with caution */\n  rootProps?: HtmlAttributes<'div'>;\n}\n\nexport const Modal = ({\n  isOpen: open,\n  size = 'medium',\n  onClose,\n  children,\n  container,\n  rootProps,\n  style,\n  className,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ModalProps>) => {\n  const toggleScrollbar = useDocumentScrollToggle();\n  const backdropClick = React.useRef<boolean | null>(null);\n\n  const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    // We don't want to close the dialog when clicking the dialog content.\n    // Make sure the event starts and ends on the same DOM element.\n    backdropClick.current = event.target === event.currentTarget;\n  };\n\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClose?.(\n          e as unknown as React.KeyboardEvent<HTMLElement>,\n          ModalCloseReason.ESCAPE_KEY_DOWN,\n        );\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [onClose]);\n\n  const handleBackdropClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (Boolean(backdropClick.current) === false) {\n      return;\n    }\n\n    backdropClick.current = null;\n    onClose?.(e, ModalCloseReason.BACKDROP_CLICK);\n  };\n\n  useEffect(() => {\n    toggleScrollbar(open);\n\n    return () => toggleScrollbar(false);\n  }, [open, toggleScrollbar]);\n\n  if (!open) {\n    return null;\n  }\n\n  const classes = classNames('ndl-modal', className, {\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n  const rootClasses = classNames('ndl-modal-root', rootProps?.className, {\n    'ndl-modal-container': container,\n  });\n\n  return (\n    <>\n      <Portal container={container}>\n        {/** This is to separate the colored backdrop with the blur from the modal. */}\n        <div className=\"ndl-modal-backdrop\" role=\"presentation\" />\n      </Portal>\n      <Portal container={container}>\n        <FocusLock hasPositiveIndices={true} returnFocus={true}>\n          <div\n            {...rootProps}\n            className={rootClasses}\n            role=\"presentation\"\n            onClick={handleBackdropClick}\n            onMouseDown={handleMouseDown}\n          >\n            <div\n              ref={ref}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              className={classes}\n              style={style}\n              {...restProps}\n              {...htmlAttributes}\n            >\n              {children}\n            </div>\n          </div>\n        </FocusLock>\n      </Portal>\n    </>\n  );\n};\n"]}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/modal/Modal.tsx"],"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 */\nimport classNames from 'classnames';\nimport React, { useEffect } from 'react';\nimport FocusLock from 'react-focus-lock';\n\nimport { type CommonProps, type HtmlAttributes } from '../_common/types';\nimport { useDocumentScrollToggle } from '../_common/utils';\nimport { Portal } from '../portal';\n\nexport enum ModalCloseReason {\n  BACKDROP_CLICK = 'backdropClick',\n  ESCAPE_KEY_DOWN = 'escapeKeyDown',\n}\n\n/**\n * @remarks\n * Where `Element` is the most general base class from which all objects in a Document inherit. It only has methods and properties common to all kinds of elements. More specific classes inherit from Element.\n *\n * @remarks\n * Where `HtmlAttributes<\"div\">` is a type that includes all standard HTML div element attributes plus any custom data attributes (like data-testid or data-value) that follow the data-* pattern.\n */\nexport interface ModalProps {\n  /** Whether the Modal is open. */\n  isOpen: boolean;\n  /** Content to render inside the Modal. */\n  children: React.ReactNode;\n  /** Sets the size(max-width) of the Modal, use 'unset' for custom sizing. */\n  size?: 'small' | 'medium' | 'large' | 'unset';\n  /** The container where the modal will be rendered. */\n  container?: Element;\n  /** Callback function called when the modal is closed. */\n  onClose?: (\n    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n    reason?: ModalCloseReason,\n  ) => void;\n  /** Forwards the props to the modal container's wrapper - use with caution */\n  rootProps?: HtmlAttributes<'div'>;\n}\n\nexport const Modal = ({\n  isOpen: open,\n  size = 'medium',\n  onClose,\n  children,\n  container,\n  rootProps,\n  style,\n  className,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ModalProps>) => {\n  const toggleScrollbar = useDocumentScrollToggle();\n  const backdropClick = React.useRef<boolean | null>(null);\n\n  const handleMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    // We don't want to close the dialog when clicking the dialog content.\n    // Make sure the event starts and ends on the same DOM element.\n    backdropClick.current = event.target === event.currentTarget;\n  };\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        onClose?.(\n          event as unknown as React.KeyboardEvent<HTMLElement>,\n          ModalCloseReason.ESCAPE_KEY_DOWN,\n        );\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [onClose]);\n\n  const handleBackdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (Boolean(backdropClick.current) === false) {\n      return;\n    }\n\n    backdropClick.current = null;\n    onClose?.(event, ModalCloseReason.BACKDROP_CLICK);\n  };\n\n  useEffect(() => {\n    toggleScrollbar(open);\n\n    return () => toggleScrollbar(false);\n  }, [open, toggleScrollbar]);\n\n  if (!open) {\n    return null;\n  }\n\n  const classes = classNames('ndl-modal', className, {\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-small': size === 'small',\n  });\n  const rootClasses = classNames('ndl-modal-root', rootProps?.className, {\n    'ndl-modal-container': container,\n  });\n\n  return (\n    <>\n      <Portal container={container}>\n        {/** This is to separate the colored backdrop with the blur from the modal. */}\n        <div className=\"ndl-modal-backdrop\" role=\"presentation\" />\n      </Portal>\n      <Portal container={container}>\n        <FocusLock hasPositiveIndices={true} returnFocus={true}>\n          <div\n            {...rootProps}\n            className={rootClasses}\n            role=\"presentation\"\n            onClick={handleBackdropClick}\n            onMouseDown={handleMouseDown}\n          >\n            <div\n              ref={ref}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              className={classes}\n              style={style}\n              {...restProps}\n              {...htmlAttributes}\n            >\n              {children}\n            </div>\n          </div>\n        </FocusLock>\n      </Portal>\n    </>\n  );\n};\n"]}

package/lib/cjs/next/tree-view/TreeView.js

@@ -109,7 +109,7 @@ const Root = (_a) => {
     const treeRef = (0, react_2.useRef)(null);
     const mergedRef = (0, react_1.useMergeRefs)([treeRef, ref]);
     const [focusedId, setFocusedId] = (0, react_2.useState)(null);
-    const handleKeyDown = (0, react_2.useCallback)((e) => {
+    const handleKeyDown = (0, react_2.useCallback)((event) => {
         const root = treeRef.current;
         if (!root) {
             return;
@@ -120,7 +120,7 @@ const Root = (_a) => {
         }
         const currentIndex = items.findIndex((el) => el.id === focusedId);
         let isHandled = true;
-        switch (e.key) {
+        switch (event.key) {
             case 'ArrowDown': {
                 const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : currentIndex;
                 const nextItem = items[nextIndex];
@@ -204,7 +204,7 @@ const Root = (_a) => {
                 break;
             }
             case 'F10': {
-                if (e.shiftKey) {
+                if (event.shiftKey) {
                     const current = currentIndex >= 0 ? items[currentIndex] : null;
                     if (current) {
                         current.dispatchEvent(new CustomEvent(TREE_EVENTS.action));
@@ -219,16 +219,16 @@ const Root = (_a) => {
                 isHandled = false;
         }
         if (isHandled) {
-            e.preventDefault();
-            e.stopPropagation();
+            event.preventDefault();
+            event.stopPropagation();
         }
     }, [focusedId]);
-    const handleFocus = (0, react_2.useCallback)((e) => {
+    const handleFocus = (0, react_2.useCallback)((event) => {
         const root = treeRef.current;
         if (!root) {
             return;
         }
-        if (e.target === root) {
+        if (event.target === root) {
             const items = getVisibleTreeItems(root);
             const alreadyFocused = focusedId
                 ? items.find((el) => el.id === focusedId)
@@ -318,8 +318,8 @@ const Item = (_a) => {
         handleSelect,
         toggleExpanded,
     ]);
-    const handleChevronClick = (0, react_2.useCallback)((e) => {
-        e.stopPropagation();
+    const handleChevronClick = (0, react_2.useCallback)((event) => {
+        event.stopPropagation();
         if (isDisabled) {
             return;
         }
@@ -334,21 +334,21 @@ const Item = (_a) => {
             didOpenViaKeyboard.current = false;
         }
     }, []);
-    const handleCustomEvents = (0, react_2.useCallback)((e) => {
-        if (e.type === TREE_EVENTS.expand) {
-            e.stopPropagation();
+    const handleCustomEvents = (0, react_2.useCallback)((event) => {
+        if (event.type === TREE_EVENTS.expand) {
+            event.stopPropagation();
             if (hasChildren && !isExpanded && !isDisabled) {
                 setIsExpanded(true);
             }
         }
-        else if (e.type === TREE_EVENTS.collapse) {
-            e.stopPropagation();
+        else if (event.type === TREE_EVENTS.collapse) {
+            event.stopPropagation();
             if (hasChildren && isExpanded && !isDisabled) {
                 setIsExpanded(false);
             }
         }
-        else if (e.type === TREE_EVENTS.select) {
-            e.stopPropagation();
+        else if (event.type === TREE_EVENTS.select) {
+            event.stopPropagation();
             if (isSelectable) {
                 handleSelect();
             }
@@ -356,8 +356,8 @@ const Item = (_a) => {
                 toggleExpanded();
             }
         }
-        else if (e.type === TREE_EVENTS.action) {
-            e.stopPropagation();
+        else if (event.type === TREE_EVENTS.action) {
+            event.stopPropagation();
             if (actionMenuItems && !isDisabled) {
                 didOpenViaKeyboard.current = true;
                 setIsMenuOpen(true);
@@ -412,8 +412,8 @@ const Item = (_a) => {
             'ndl-tree-view-new-item--disabled': isDisabled,
             'ndl-tree-view-new-item--parent': hasChildren,
             'ndl-tree-view-new-item--selected': isSelected && isSelectable,
-        }), style: Object.assign({ '--tree-level': level - 1 }, style), onClick: (e) => {
-            e.stopPropagation();
+        }), style: Object.assign({ '--tree-level': level - 1 }, style), onClick: (event) => {
+            event.stopPropagation();
             handleClick();
         } }, htmlAttributes, restProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('ndl-tree-view-new-item-content', {
                 'ndl-tree-view-new-item-content--parent': hasChildren,
@@ -427,8 +427,8 @@ const Item = (_a) => {
                                 'aria-expanded': isMenuOpen || undefined,
                                 'aria-haspopup': 'menu',
                                 'aria-label': 'Actions',
-                                onClick: (e) => {
-                                    e.stopPropagation();
+                                onClick: (event) => {
+                                    event.stopPropagation();
                                     didOpenViaKeyboard.current = false;
                                     setIsMenuOpen((prev) => !prev);
                                 },
@@ -454,7 +454,7 @@ const Item = (_a) => {
 const SkeletonItem = (_a) => {
     var { rows = 1, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["rows", "className", "style", "htmlAttributes", "ref"]);
     const { level } = (0, react_2.useContext)(TreeViewContext);
-    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))) })));
+    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 }, (_unused, index) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "18px", width: "100%" }, index))) })));
 };
 const TreeView = Object.assign(Root, { Item, SkeletonItem });
 exports.TreeView = TreeView;