@neo4j-ndl/react 0.16.3 → 0.17.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Change Log
 
+## 0.17.0
+
+### Minor Changes
+
+- a548bcd: Add SideNavigation component and add border-none token
+
+### Patch Changes
+
+- Updated dependencies [a548bcd]
+  - @neo4j-ndl/base@0.16.0
+
+## 0.16.4
+
+### Patch Changes
+
+- 29f6328: updated textinput to reflect figma
+- Updated dependencies [29f6328]
+  - @neo4j-ndl/base@0.15.3
+
 ## 0.16.3
 
 ### Patch Changes

package/lib/cjs/index.js

@@ -60,4 +60,5 @@ __exportStar(require("./wizard"), exports);
 __exportStar(require("./graph-label"), exports);
 __exportStar(require("./code-block"), exports);
 __exportStar(require("./status-indicator"), exports);
+__exportStar(require("./side-navigation"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B;AAC7B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,qDAAmC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B;AAC7B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,qDAAmC;AACnC,oDAAkC"}

package/lib/cjs/side-navigation/SideNavigation.js

@@ -0,0 +1,154 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideNavigationGroupHeader = exports.SideNavigationItem = exports.SideNavigationList = exports.SideNavigation = void 0;
+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/>.
+ */
+const react_1 = __importStar(require("react"));
+const helpers_1 = require("../helpers");
+const classnames_1 = __importDefault(require("classnames"));
+const icons_1 = require("../icons");
+const button_1 = require("../button");
+const getExpandIconName = (position, expanded) => {
+    if (expanded) {
+        return position === 'left' ? 'CollapseExpandLeft' : 'CollapseExpandRight';
+    }
+    else {
+        return position === 'left' ? 'CollapseExpandRight' : 'CollapseExpandLeft';
+    }
+};
+exports.SideNavigation = react_1.default.forwardRef(function SideNavigation(_a, ref) {
+    var { expanded, children, className, onExpandedChange, iconMenu = false, position = 'left' } = _a, props = __rest(_a, ["expanded", "children", "className", "onExpandedChange", "iconMenu", "position"]);
+    const setOnExpandedChange = (0, react_1.useCallback)(() => onExpandedChange(!expanded), [expanded, onExpandedChange]);
+    const classes = (0, classnames_1.default)('ndl-side-navigation', className, {
+        'ndl-icon-menu': iconMenu,
+        [position]: position,
+        expanded,
+    });
+    const buttonClasses = (0, classnames_1.default)('ndl-side-navigation-drawer-button', {
+        'ndl-icon-menu': iconMenu,
+    });
+    const buttonBorderClasses = (0, classnames_1.default)(buttonClasses, 'ndl-icon-btn-border', {
+        'ndl-icon-menu': iconMenu,
+    });
+    const iconName = getExpandIconName(position, expanded);
+    return ((0, jsx_runtime_1.jsx)(SideNavigationContext.Provider, Object.assign({ value: { expanded, iconMenu } }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { className: classes, ref: ref }, (!expanded &&
+            !iconMenu && {
+            'aria-label': 'open-side-navigation',
+            onClick: setOnExpandedChange,
+        }), { children: [(0, jsx_runtime_1.jsx)("nav", Object.assign({ className: "ndl-side-navigation-nav" }, { children: children })), !expanded && !iconMenu && ((0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ className: buttonBorderClasses, buttonSize: "large", title: "button-border", as: "div", clean: true }, { children: (0, jsx_runtime_1.jsx)(icons_1.CustomIcon, { iconName: iconName }) }))), (0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ className: buttonClasses, onClick: setOnExpandedChange, buttonSize: "large", "data-testid": "side-nav-expand-btn", title: `${expanded ? 'collapse' : 'expand'} side navigation`, clean: true }, { children: (0, jsx_runtime_1.jsx)(icons_1.CustomIcon, { iconName: iconName }) }))] })) })));
+});
+const SideNavigationContext = (0, react_1.createContext)(null);
+const useSideNavigationContext = () => (0, react_1.useContext)(SideNavigationContext);
+const NavigationListContext = (0, react_1.createContext)(null);
+const useNavigationListContext = () => (0, react_1.useContext)(NavigationListContext);
+exports.SideNavigationList = (0, helpers_1.forwardRef)(function SideNavigationList({ children, className }, ref) {
+    var _a, _b;
+    const classes = (0, classnames_1.default)('ndl-side-navigation-nav-list', className);
+    const { level } = (_a = useNavigationListContext()) !== null && _a !== void 0 ? _a : {
+        level: -1,
+    };
+    const { expanded, iconMenu } = (_b = useSideNavigationContext()) !== null && _b !== void 0 ? _b : {
+        expanded: true,
+        iconMenu: false,
+    };
+    if (!expanded && !iconMenu)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(NavigationListContext.Provider, Object.assign({ value: { level: level + 1 } }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: classes, ref: ref }, { children: children })) })));
+});
+exports.SideNavigationItem = (0, helpers_1.forwardRef)(function SideNavigationItem(_a, ref) {
+    var _b, _c;
+    var { className, children, icon, as, href, selected = false, style = {} } = _a, rest = __rest(_a, ["className", "children", "icon", "as", "href", "selected", "style"]);
+    const Component = as || 'a';
+    const { level } = (_b = useNavigationListContext()) !== null && _b !== void 0 ? _b : { level: 0 };
+    const { expanded, iconMenu } = (_c = useSideNavigationContext()) !== null && _c !== void 0 ? _c : {
+        expanded: true,
+        iconMenu: false,
+    };
+    const defaultIndent = level ? 0 : 12;
+    const indent = expanded ? defaultIndent + level * 32 : 0;
+    const itemClasses = (0, classnames_1.default)('ndl-side-navigation-nav-item', className);
+    const innerClasses = (0, classnames_1.default)('ndl-side-navigation-inner-item', {
+        selected,
+        selectable: !!href,
+    });
+    const iconClasses = (0, classnames_1.default)('ndl-icon');
+    if (iconMenu && !icon) {
+        throw new Error('SideNavigation is an IconMenu but icon is not defined! Set an icon on this SideNavigationItem or set `iconMenu` to false on SideNavigation');
+    }
+    else if (!iconMenu && icon) {
+        throw new Error('SideNavigation is not an IconMenu but icon is defined! Remove the icon or set `iconMenu` to true on SideNavigation to allow icons');
+    }
+    if (!expanded && !(icon && iconMenu))
+        return null;
+    return ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: itemClasses }, { children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: innerClasses, style: Object.assign(Object.assign({}, style), { paddingLeft: indent }), ref: ref }, rest, { children: [iconMenu && icon && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: iconClasses }, { children: icon })), expanded && children] })) })));
+});
+exports.SideNavigationGroupHeader = (0, helpers_1.forwardRef)(function SideNavigation({ children, className, as }, ref) {
+    var _a;
+    const Component = as !== null && as !== void 0 ? as : 'p';
+    const { expanded, iconMenu } = (_a = useSideNavigationContext()) !== null && _a !== void 0 ? _a : {
+        expanded: true,
+        iconMenu: false,
+    };
+    const classes = (0, classnames_1.default)('ndl-side-navigation-nav-item', className);
+    const indent = expanded ? '12px' : '0';
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes, style: { paddingLeft: indent } }, { children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ className: "ndl-side-navigation-inner-item ndl-side-navigation-group-header", ref: ref }, { children: [!expanded && iconMenu && (0, jsx_runtime_1.jsx)(Divider, {}), expanded && children] })) })));
+});
+const Divider = () => (0, jsx_runtime_1.jsx)("div", { className: "ndl-divider" });
+exports.default = exports.SideNavigation;
+//# sourceMappingURL=SideNavigation.js.map

package/lib/cjs/side-navigation/SideNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/side-navigation/index.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SideNavigation"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/side-navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/side-navigation/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,mDAAiC"}

package/lib/cjs/text-input/TextInput.js

@@ -98,7 +98,7 @@ const TextInput = react_1.default.forwardRef(function TextInput(props, ref) {
         }
     }, [label, ariaLabel]);
     const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon })))] })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), helpText && !errorText && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "form-msg" }, { children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "form-msg" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "error-text" }, { children: errorText }))] })))] })));
 });
 exports.default = TextInput;
 //# sourceMappingURL=TextInput.js.map

package/lib/cjs/text-input/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAqD;AACrD,4DAAoC;AAEpC,oCAAoC;AACpC,4CAAwD;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,IAAA,4BAAoB,EAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,+CAAK,SAAS,EAAE,sBAAsB,iBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,+CAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,8CAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,kDACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,8CAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,8CAAK,SAAS,EAAC,4BAA4B,gBACzC,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,8CAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAqD;AACrD,4DAAoC;AAEpC,oCAAoC;AACpC,4CAAwD;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,IAAA,4BAAoB,EAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,+CAAK,SAAS,EAAE,sBAAsB,iBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,+CAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,8CAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,kDACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,8CAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,KACG,EAEN,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,QAAQ,IAAI,CAAC,SAAS,IAAI,8CAAK,SAAS,EAAC,UAAU,gBAAE,QAAQ,IAAO,EACpE,SAAS,IAAI,CACZ,+CAAK,SAAS,EAAC,UAAU,iBACvB,8CAAK,SAAS,EAAC,iBAAiB,gBAC9B,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,EACN,8CAAK,SAAS,EAAC,YAAY,gBAAE,SAAS,IAAO,KACzC,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

package/lib/esm/index.js

@@ -44,4 +44,5 @@ export * from './wizard';
 export * from './graph-label';
 export * from './code-block';
 export * from './status-indicator';
+export * from './side-navigation';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/lib/esm/side-navigation/SideNavigation.js

@@ -0,0 +1,125 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "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/>.
+ */
+import React, { createContext, useCallback, useContext, } from 'react';
+import { forwardRef } from '../helpers';
+import classNames from 'classnames';
+import { CustomIcon } from '../icons';
+import { IconButton } from '../button';
+const getExpandIconName = (position, expanded) => {
+    if (expanded) {
+        return position === 'left' ? 'CollapseExpandLeft' : 'CollapseExpandRight';
+    }
+    else {
+        return position === 'left' ? 'CollapseExpandRight' : 'CollapseExpandLeft';
+    }
+};
+export const SideNavigation = React.forwardRef(function SideNavigation(_a, ref) {
+    var { expanded, children, className, onExpandedChange, iconMenu = false, position = 'left' } = _a, props = __rest(_a, ["expanded", "children", "className", "onExpandedChange", "iconMenu", "position"]);
+    const setOnExpandedChange = useCallback(() => onExpandedChange(!expanded), [expanded, onExpandedChange]);
+    const classes = classNames('ndl-side-navigation', className, {
+        'ndl-icon-menu': iconMenu,
+        [position]: position,
+        expanded,
+    });
+    const buttonClasses = classNames('ndl-side-navigation-drawer-button', {
+        'ndl-icon-menu': iconMenu,
+    });
+    const buttonBorderClasses = classNames(buttonClasses, 'ndl-icon-btn-border', {
+        'ndl-icon-menu': iconMenu,
+    });
+    const iconName = getExpandIconName(position, expanded);
+    return (_jsx(SideNavigationContext.Provider, Object.assign({ value: { expanded, iconMenu } }, { children: _jsxs("div", Object.assign({}, props, { className: classes, ref: ref }, (!expanded &&
+            !iconMenu && {
+            'aria-label': 'open-side-navigation',
+            onClick: setOnExpandedChange,
+        }), { children: [_jsx("nav", Object.assign({ className: "ndl-side-navigation-nav" }, { children: children })), !expanded && !iconMenu && (_jsx(IconButton, Object.assign({ className: buttonBorderClasses, buttonSize: "large", title: "button-border", as: "div", clean: true }, { children: _jsx(CustomIcon, { iconName: iconName }) }))), _jsx(IconButton, Object.assign({ className: buttonClasses, onClick: setOnExpandedChange, buttonSize: "large", "data-testid": "side-nav-expand-btn", title: `${expanded ? 'collapse' : 'expand'} side navigation`, clean: true }, { children: _jsx(CustomIcon, { iconName: iconName }) }))] })) })));
+});
+const SideNavigationContext = createContext(null);
+const useSideNavigationContext = () => useContext(SideNavigationContext);
+const NavigationListContext = createContext(null);
+const useNavigationListContext = () => useContext(NavigationListContext);
+export const SideNavigationList = forwardRef(function SideNavigationList({ children, className }, ref) {
+    var _a, _b;
+    const classes = classNames('ndl-side-navigation-nav-list', className);
+    const { level } = (_a = useNavigationListContext()) !== null && _a !== void 0 ? _a : {
+        level: -1,
+    };
+    const { expanded, iconMenu } = (_b = useSideNavigationContext()) !== null && _b !== void 0 ? _b : {
+        expanded: true,
+        iconMenu: false,
+    };
+    if (!expanded && !iconMenu)
+        return null;
+    return (_jsx(NavigationListContext.Provider, Object.assign({ value: { level: level + 1 } }, { children: _jsx("ul", Object.assign({ className: classes, ref: ref }, { children: children })) })));
+});
+export const SideNavigationItem = forwardRef(function SideNavigationItem(_a, ref) {
+    var _b, _c;
+    var { className, children, icon, as, href, selected = false, style = {} } = _a, rest = __rest(_a, ["className", "children", "icon", "as", "href", "selected", "style"]);
+    const Component = as || 'a';
+    const { level } = (_b = useNavigationListContext()) !== null && _b !== void 0 ? _b : { level: 0 };
+    const { expanded, iconMenu } = (_c = useSideNavigationContext()) !== null && _c !== void 0 ? _c : {
+        expanded: true,
+        iconMenu: false,
+    };
+    const defaultIndent = level ? 0 : 12;
+    const indent = expanded ? defaultIndent + level * 32 : 0;
+    const itemClasses = classNames('ndl-side-navigation-nav-item', className);
+    const innerClasses = classNames('ndl-side-navigation-inner-item', {
+        selected,
+        selectable: !!href,
+    });
+    const iconClasses = classNames('ndl-icon');
+    if (iconMenu && !icon) {
+        throw new Error('SideNavigation is an IconMenu but icon is not defined! Set an icon on this SideNavigationItem or set `iconMenu` to false on SideNavigation');
+    }
+    else if (!iconMenu && icon) {
+        throw new Error('SideNavigation is not an IconMenu but icon is defined! Remove the icon or set `iconMenu` to true on SideNavigation to allow icons');
+    }
+    if (!expanded && !(icon && iconMenu))
+        return null;
+    return (_jsx("li", Object.assign({ className: itemClasses }, { children: _jsxs(Component, Object.assign({ className: innerClasses, style: Object.assign(Object.assign({}, style), { paddingLeft: indent }), ref: ref }, rest, { children: [iconMenu && icon && _jsx("span", Object.assign({ className: iconClasses }, { children: icon })), expanded && children] })) })));
+});
+export const SideNavigationGroupHeader = forwardRef(function SideNavigation({ children, className, as }, ref) {
+    var _a;
+    const Component = as !== null && as !== void 0 ? as : 'p';
+    const { expanded, iconMenu } = (_a = useSideNavigationContext()) !== null && _a !== void 0 ? _a : {
+        expanded: true,
+        iconMenu: false,
+    };
+    const classes = classNames('ndl-side-navigation-nav-item', className);
+    const indent = expanded ? '12px' : '0';
+    return (_jsx("div", Object.assign({ className: classes, style: { paddingLeft: indent } }, { children: _jsxs(Component, Object.assign({ className: "ndl-side-navigation-inner-item ndl-side-navigation-group-header", ref: ref }, { children: [!expanded && iconMenu && _jsx(Divider, {}), expanded && children] })) })));
+});
+const Divider = () => _jsx("div", { className: "ndl-divider" });
+export default SideNavigation;
+//# sourceMappingURL=SideNavigation.js.map

package/lib/esm/side-navigation/SideNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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"}

package/lib/esm/side-navigation/index.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  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/>.
+ */
+export * from './SideNavigation';
+//# sourceMappingURL=index.js.map

package/lib/esm/side-navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/side-navigation/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,kBAAkB,CAAC"}

package/lib/esm/text-input/TextInput.js

@@ -70,7 +70,7 @@ const TextInput = React.forwardRef(function TextInput(props, ref) {
         }
     }, [label, ariaLabel]);
     const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
-    return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && (_jsx("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && (_jsx("div", Object.assign({ className: "icon right-icon error-icon" }, { children: _jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), _jsx("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && (_jsx("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
+    return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && (_jsx("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon })))] })), _jsx("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), helpText && !errorText && _jsx("div", Object.assign({ className: "form-msg" }, { children: helpText })), errorText && (_jsxs("div", Object.assign({ className: "form-msg" }, { children: [_jsx("div", Object.assign({ className: "icon error-icon" }, { children: _jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })), _jsx("div", Object.assign({ className: "error-text" }, { children: errorText }))] })))] })));
 });
 export default TextInput;
 //# sourceMappingURL=TextInput.js.map

package/lib/esm/text-input/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,iBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,6BAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,4BAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,gCACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,4BAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,4BAAK,SAAS,EAAC,4BAA4B,gBACzC,KAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,6BAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,4BAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,iBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,6BAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,4BAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,gCACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,4BAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,KACG,EAEN,6BAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,QAAQ,IAAI,CAAC,SAAS,IAAI,4BAAK,SAAS,EAAC,UAAU,gBAAE,QAAQ,IAAO,EACpE,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAC,UAAU,iBACvB,4BAAK,SAAS,EAAC,iBAAiB,gBAC9B,KAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,EACN,4BAAK,SAAS,EAAC,YAAY,gBAAE,SAAS,IAAO,KACzC,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/types/index.d.ts

@@ -44,3 +44,4 @@ export * from './wizard';
 export * from './graph-label';
 export * from './code-block';
 export * from './status-indicator';
+export * from './side-navigation';

package/lib/types/side-navigation/SideNavigation.d.ts

@@ -0,0 +1,49 @@
+/**
+ *
+ *  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/>.
+ */
+import React from 'react';
+import { ElementBase } from '../helpers';
+declare type SideNavigationPosition = 'left' | 'right';
+export interface SideNavigationProps extends ElementBase<HTMLDivElement> {
+    /** True if the menu is expanded. */
+    expanded: boolean;
+    /** What to do on expanded change. */
+    onExpandedChange: (expanded: boolean) => void;
+    /** True if icons will be used in the menu. */
+    iconMenu?: boolean;
+    /** Position. */
+    position?: SideNavigationPosition;
+}
+export declare const SideNavigation: React.ForwardRefExoticComponent<SideNavigationProps & React.RefAttributes<HTMLDivElement>>;
+export declare type SideNavigationListProps = ElementBase<HTMLUListElement>;
+export declare const SideNavigationList: (props: Omit<React.HTMLProps<HTMLUListElement>, "ref" | "size" | "as" | "selected" | "onChange"> & {
+    as?: string | React.ComponentType<any> | undefined;
+} & React.RefAttributes<HTMLUListElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export interface SideNavigationItemProps extends ElementBase<HTMLAnchorElement> {
+    icon?: React.ReactNode;
+    children?: string;
+    selected?: boolean;
+}
+export declare const SideNavigationItem: (props: SideNavigationItemProps & React.RefAttributes<any>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare type SideNavigationGroupHeaderProps = ElementBase<HTMLParagraphElement>;
+export declare const SideNavigationGroupHeader: (props: Omit<React.HTMLProps<HTMLParagraphElement>, "ref" | "size" | "as" | "selected" | "onChange"> & {
+    as?: string | React.ComponentType<any> | undefined;
+} & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export default SideNavigation;

package/lib/types/side-navigation/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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/>.
+ */
+export * from './SideNavigation';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "0.16.3",
+  "version": "0.17.0",
   "description": "React implementation of Neo4j Design System",
   "keywords": [
     "button",
@@ -70,7 +70,7 @@
   },
   "dependencies": {
     "@heroicons/react": "^1.0.5",
-    "@neo4j-ndl/base": "^0.15.2",
+    "@neo4j-ndl/base": "^0.16.0",
     "classnames": "^2.3.1",
     "detect-browser": "^5.3.0",
     "react-dropzone": "^14.0.0",