@neo4j-ndl/react 2.7.2 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Change Log
 
+## 2.8.0
+
+### Minor Changes
+
+- [#739](https://github.com/neo4j/needle/pull/739) [`c821cdc49a6a37e7745887a88b3237ea3ccdf567`](https://github.com/neo4j/needle/commit/c821cdc49a6a37e7745887a88b3237ea3ccdf567) Thanks [@konsalex](https://github.com/konsalex)! - new InlineEdit component
+
+### Patch Changes
+
+- Updated dependencies [[`c821cdc49a6a37e7745887a88b3237ea3ccdf567`](https://github.com/neo4j/needle/commit/c821cdc49a6a37e7745887a88b3237ea3ccdf567)]:
+  - @neo4j-ndl/base@2.7.0
+
 ## 2.7.2
 
 ### Patch Changes

package/lib/cjs/index.js

@@ -76,4 +76,5 @@ __exportStar(require("./avatar"), exports);
 __exportStar(require("./logo"), exports);
 __exportStar(require("./clipboard-copier"), exports);
 __exportStar(require("./slider"), exports);
+__exportStar(require("./inline-edit"), 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,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,qDAAmC;AACnC,2CAAyB;AACzB,gDAA8B"}

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

@@ -0,0 +1,154 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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/>.
+ */
+const react_1 = require("react");
+const react_aria_1 = require("react-aria");
+const defaultImports_1 = require("../_common/defaultImports");
+const typography_1 = require("../typography");
+const base_1 = require("@neo4j-ndl/base");
+const icons_1 = require("../icons");
+const button_1 = require("../button");
+const tip_1 = require("../tip");
+const utils_1 = require("../_common/utils");
+function getErrorIconSize(variant) {
+    switch (variant) {
+        case 'h1':
+        case 'h2':
+            return '24';
+        case 'h3':
+        case 'h4':
+            return '20';
+        default:
+            return '16';
+    }
+}
+function isTypescalePropertyObj(obj) {
+    return Boolean(obj && typeof obj === 'object' && ('lineHeight' in obj));
+}
+function getMinHeight(variant) {
+    let key;
+    switch (variant) {
+        case 'h1':
+        case 'h2':
+        case 'h3':
+        case 'h4':
+        case 'h5':
+        case 'h6':
+            key = variant;
+            break;
+        default:
+            key = `n-${variant}`;
+            break;
+    }
+    const value = base_1.typescale[key][1];
+    if (isTypescalePropertyObj(value)) {
+        return value.lineHeight;
+    }
+    // Subheading medium is the default, will never reach here,
+    // just to satisfy the TS compiler
+    return '1.5rem';
+}
+const InlineEdit = (0, react_1.forwardRef)(function InlineEdit(props, ref) {
+    const { label, defaultValue, variant = 'subheading-medium', isEditing = undefined, onConfirm, onCancel, errorText, hasEditIcon, isDisabled = false, inputProps = {}, typographyProps = {}, isCancellingOnBlur = false, validate, } = props;
+    const [hasEditMode, setEditMode] = (0, react_1.useState)(false);
+    const [internalErrorText, setErrorText] = (0, react_1.useState)(errorText);
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    (0, react_1.useEffect)(() => {
+        // Reset the value if the default value changes
+        setValue(defaultValue);
+    }, [defaultValue]);
+    const iconSize = base_1.tokens.font.size[variant];
+    const hasError = Boolean(internalErrorText);
+    const hasLabel = Boolean(label);
+    const { focusWithinProps } = (0, react_aria_1.useFocusWithin)({
+        onBlurWithin: () => {
+            if (isCancellingOnBlur) {
+                onCancelHandler();
+            }
+        },
+    });
+    const resetToDefaults = (0, react_1.useCallback)(() => {
+        setValue(defaultValue);
+        setErrorText(undefined);
+        setEditMode(false);
+    }, [defaultValue]);
+    const onConfirmHandler = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
+        if (validate) {
+            const validation = validate(value);
+            let isValid;
+            if (validation instanceof Promise) {
+                isValid = yield validation;
+            }
+            else {
+                isValid = validation;
+            }
+            if (typeof isValid === 'string') {
+                setErrorText(isValid);
+                return;
+            }
+        }
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(value);
+        resetToDefaults();
+    }), [onConfirm, validate, value, resetToDefaults]);
+    const onCancelHandler = (0, react_1.useCallback)(() => {
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        resetToDefaults();
+    }, [onCancel, resetToDefaults]);
+    const inputID = (0, react_1.useMemo)(() => {
+        return inputProps.id || (0, utils_1.randomId)(12);
+    }, [inputProps.id]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, focusWithinProps, { className: (0, defaultImports_1.classNames)(`n-${variant} ndl-inline-edit`, {
+            'ndl-disabled': isDisabled,
+        }), ref: ref, children: [hasLabel && (0, jsx_runtime_1.jsx)("label", { htmlFor: inputID, children: label }), (isEditing !== null && isEditing !== void 0 ? isEditing : hasEditMode) ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, defaultImports_1.classNames)('ndl-inline-edit-container', {
+                    'ndl-inline-edit-error': hasError,
+                }), children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ 
+                        // eslint-disable-next-line jsx-a11y/no-autofocus
+                        autoFocus: true, value: value, onChange: (e) => setValue(e.target.value), id: inputID }, inputProps, { 
+                        // Enforce line-height to be the same as the typography's line-height
+                        className: (0, defaultImports_1.classNames)(`n-${variant}`, inputProps.className), 
+                        // Custom padding for avoiding icon overlap
+                        style: Object.assign({ paddingRight: hasError
+                                ? `${parseInt(getErrorIconSize(variant)) + 4}px`
+                                : undefined }, (inputProps.style || {})) })), hasError && ((0, jsx_runtime_1.jsxs)(tip_1.Tip, { children: [(0, jsx_runtime_1.jsx)(tip_1.Tip.Trigger, { tabIndex: 0, children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, { "data-testid": "ndl-inline-edit-error-icon", "aria-label": "Error message", style: {
+                                        width: `${getErrorIconSize(variant)}px`,
+                                        height: `${getErrorIconSize(variant)}px`,
+                                    }, className: "ndl-inline-edit-error-icon" }) }), (0, jsx_runtime_1.jsx)(tip_1.Tip.Content, { children: internalErrorText })] })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-inline-edit-buttons", children: [(0, jsx_runtime_1.jsx)(button_1.IconButton, { "data-testid": "ndl-confirm-button", "aria-label": "Accept input's value change", onClick: onConfirmHandler, size: "small", floating: true, children: (0, jsx_runtime_1.jsx)(icons_1.CheckIconOutline, {}) }), (0, jsx_runtime_1.jsx)(button_1.IconButton, { "data-testid": "ndl-cancel-button", "aria-label": "Ignore input's value change", onClick: onCancelHandler, size: "small", floating: true, children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) })] })] })) : ((0, jsx_runtime_1.jsxs)("button", { className: (0, defaultImports_1.classNames)('ndl-inline-idle-container', {
+                    'ndl-inline-idle-container-disabled': isDisabled,
+                }), style: {
+                    minHeight: getMinHeight(variant),
+                }, onClick: () => !isDisabled && setEditMode(!hasEditMode), children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({ className: (0, defaultImports_1.classNames)(typographyProps.className, {}) }, typographyProps, { variant: variant, children: defaultValue })), hasEditIcon && ((0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, { style: {
+                            width: iconSize,
+                            height: iconSize,
+                        } }))] }))] }), defaultValue));
+});
+exports.default = InlineEdit;
+//# sourceMappingURL=InlineEdit.js.map

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

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

package/lib/cjs/inline-edit/index.js

@@ -0,0 +1,29 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineEdit = void 0;
+var InlineEdit_1 = require("./InlineEdit");
+Object.defineProperty(exports, "InlineEdit", { enumerable: true, get: function () { return __importDefault(InlineEdit_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/inline-edit/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,2CAAqD;AAA5C,yHAAA,OAAO,OAAc"}

package/lib/esm/index.js

@@ -60,4 +60,5 @@ export * from './avatar';
 export * from './logo';
 export * from './clipboard-copier';
 export * from './slider';
+export * from './inline-edit';
 //# 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,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/lib/esm/inline-edit/InlineEdit.js

@@ -0,0 +1,152 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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 { forwardRef, useState, useCallback, useEffect, useMemo, } from 'react';
+import { useFocusWithin } from 'react-aria';
+import { classNames } from '../_common/defaultImports';
+import { Typography } from '../typography';
+import { tokens, typescale } from '@neo4j-ndl/base';
+import { CheckIconOutline, ExclamationCircleIconSolid, PencilIconOutline, XMarkIconOutline, } from '../icons';
+import { IconButton } from '../button';
+import { Tip } from '../tip';
+import { randomId } from '../_common/utils';
+function getErrorIconSize(variant) {
+    switch (variant) {
+        case 'h1':
+        case 'h2':
+            return '24';
+        case 'h3':
+        case 'h4':
+            return '20';
+        default:
+            return '16';
+    }
+}
+function isTypescalePropertyObj(obj) {
+    return Boolean(obj && typeof obj === 'object' && ('lineHeight' in obj));
+}
+function getMinHeight(variant) {
+    let key;
+    switch (variant) {
+        case 'h1':
+        case 'h2':
+        case 'h3':
+        case 'h4':
+        case 'h5':
+        case 'h6':
+            key = variant;
+            break;
+        default:
+            key = `n-${variant}`;
+            break;
+    }
+    const value = typescale[key][1];
+    if (isTypescalePropertyObj(value)) {
+        return value.lineHeight;
+    }
+    // Subheading medium is the default, will never reach here,
+    // just to satisfy the TS compiler
+    return '1.5rem';
+}
+const InlineEdit = forwardRef(function InlineEdit(props, ref) {
+    const { label, defaultValue, variant = 'subheading-medium', isEditing = undefined, onConfirm, onCancel, errorText, hasEditIcon, isDisabled = false, inputProps = {}, typographyProps = {}, isCancellingOnBlur = false, validate, } = props;
+    const [hasEditMode, setEditMode] = useState(false);
+    const [internalErrorText, setErrorText] = useState(errorText);
+    const [value, setValue] = useState(defaultValue);
+    useEffect(() => {
+        // Reset the value if the default value changes
+        setValue(defaultValue);
+    }, [defaultValue]);
+    const iconSize = tokens.font.size[variant];
+    const hasError = Boolean(internalErrorText);
+    const hasLabel = Boolean(label);
+    const { focusWithinProps } = useFocusWithin({
+        onBlurWithin: () => {
+            if (isCancellingOnBlur) {
+                onCancelHandler();
+            }
+        },
+    });
+    const resetToDefaults = useCallback(() => {
+        setValue(defaultValue);
+        setErrorText(undefined);
+        setEditMode(false);
+    }, [defaultValue]);
+    const onConfirmHandler = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        if (validate) {
+            const validation = validate(value);
+            let isValid;
+            if (validation instanceof Promise) {
+                isValid = yield validation;
+            }
+            else {
+                isValid = validation;
+            }
+            if (typeof isValid === 'string') {
+                setErrorText(isValid);
+                return;
+            }
+        }
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(value);
+        resetToDefaults();
+    }), [onConfirm, validate, value, resetToDefaults]);
+    const onCancelHandler = useCallback(() => {
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        resetToDefaults();
+    }, [onCancel, resetToDefaults]);
+    const inputID = useMemo(() => {
+        return inputProps.id || randomId(12);
+    }, [inputProps.id]);
+    return (_jsxs("div", Object.assign({}, focusWithinProps, { className: classNames(`n-${variant} ndl-inline-edit`, {
+            'ndl-disabled': isDisabled,
+        }), ref: ref, children: [hasLabel && _jsx("label", { htmlFor: inputID, children: label }), (isEditing !== null && isEditing !== void 0 ? isEditing : hasEditMode) ? (_jsxs("div", { className: classNames('ndl-inline-edit-container', {
+                    'ndl-inline-edit-error': hasError,
+                }), children: [_jsx("input", Object.assign({ 
+                        // eslint-disable-next-line jsx-a11y/no-autofocus
+                        autoFocus: true, value: value, onChange: (e) => setValue(e.target.value), id: inputID }, inputProps, { 
+                        // Enforce line-height to be the same as the typography's line-height
+                        className: classNames(`n-${variant}`, inputProps.className), 
+                        // Custom padding for avoiding icon overlap
+                        style: Object.assign({ paddingRight: hasError
+                                ? `${parseInt(getErrorIconSize(variant)) + 4}px`
+                                : undefined }, (inputProps.style || {})) })), hasError && (_jsxs(Tip, { children: [_jsx(Tip.Trigger, { tabIndex: 0, children: _jsx(ExclamationCircleIconSolid, { "data-testid": "ndl-inline-edit-error-icon", "aria-label": "Error message", style: {
+                                        width: `${getErrorIconSize(variant)}px`,
+                                        height: `${getErrorIconSize(variant)}px`,
+                                    }, className: "ndl-inline-edit-error-icon" }) }), _jsx(Tip.Content, { children: internalErrorText })] })), _jsxs("div", { className: "ndl-inline-edit-buttons", children: [_jsx(IconButton, { "data-testid": "ndl-confirm-button", "aria-label": "Accept input's value change", onClick: onConfirmHandler, size: "small", floating: true, children: _jsx(CheckIconOutline, {}) }), _jsx(IconButton, { "data-testid": "ndl-cancel-button", "aria-label": "Ignore input's value change", onClick: onCancelHandler, size: "small", floating: true, children: _jsx(XMarkIconOutline, {}) })] })] })) : (_jsxs("button", { className: classNames('ndl-inline-idle-container', {
+                    'ndl-inline-idle-container-disabled': isDisabled,
+                }), style: {
+                    minHeight: getMinHeight(variant),
+                }, onClick: () => !isDisabled && setEditMode(!hasEditMode), children: [_jsx(Typography, Object.assign({ className: classNames(typographyProps.className, {}) }, typographyProps, { variant: variant, children: defaultValue })), hasEditIcon && (_jsx(PencilIconOutline, { style: {
+                            width: iconSize,
+                            height: iconSize,
+                        } }))] }))] }), defaultValue));
+});
+export default InlineEdit;
+//# sourceMappingURL=InlineEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/inline-edit/InlineEdit.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAKL,UAAU,EACV,QAAQ,EACR,WAAW,EACX,SAAS,EACT,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyE5C,SAAS,gBAAgB,CAAC,OAA2B;IACnD,QAAQ,OAAO,EAAE;QACf,KAAK,IAAI,CAAC;QACV,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd,KAAK,IAAI,CAAC;QACV,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,GAAY;IAC1C,OAAO,OAAO,CACZ,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAK,CAAC,YAAY,IAAI,GAAG,CAAa,CACrE,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,OAA2B;IAC/C,IAAI,GAA2B,CAAC;IAChC,QAAQ,OAAO,EAAE;QACf,KAAK,IAAI,CAAC;QACV,KAAK,IAAI,CAAC;QACV,KAAK,IAAI,CAAC;QACV,KAAK,IAAI,CAAC;QACV,KAAK,IAAI,CAAC;QACV,KAAK,IAAI;YACP,GAAG,GAAG,OAAO,CAAC;YACd,MAAM;QACR;YACE,GAAG,GAAG,KAAK,OAAO,EAAE,CAAC;YACrB,MAAM;KACT;IAED,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhC,IAAI,sBAAsB,CAAC,KAAK,CAAC,EAAE;QACjC,OAAO,KAAK,CAAC,UAAU,CAAC;KACzB;IAED,2DAA2D;IAC3D,kCAAkC;IAClC,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,GAAG,UAAU,CAAC,SAAS,UAAU,CAC/C,KAAsB,EACtB,GAAiC;IAEjC,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,OAAO,GAAG,mBAAmB,EAC7B,SAAS,GAAG,SAAS,EACrB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,EAAE,EACf,eAAe,GAAG,EAAE,EACpB,kBAAkB,GAAG,KAAK,EAC1B,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG,QAAQ,CAChD,SAAS,CACV,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,+CAA+C;QAC/C,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAEhC,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,CAAC;QAC1C,YAAY,EAAE,GAAG,EAAE;YACjB,IAAI,kBAAkB,EAAE;gBACtB,eAAe,EAAE,CAAC;aACnB;QACH,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAS,EAAE;QAC9C,IAAI,QAAQ,EAAE;YACZ,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;YAEnC,IAAI,OAAyB,CAAC;YAC9B,IAAI,UAAU,YAAY,OAAO,EAAE;gBACjC,OAAO,GAAG,MAAM,UAAU,CAAC;aAC5B;iBAAM;gBACL,OAAO,GAAG,UAAU,CAAC;aACtB;YAED,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;gBAC/B,YAAY,CAAC,OAAO,CAAC,CAAC;gBACtB,OAAO;aACR;SACF;QAED,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;QACnB,eAAe,EAAE,CAAC;IACpB,CAAC,CAAA,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAElD,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;QACb,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,OAAO,UAAU,CAAC,EAAE,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,+BAEM,gBAAgB,IACpB,SAAS,EAAE,UAAU,CAAC,KAAK,OAAO,kBAAkB,EAAE;YACpD,cAAc,EAAE,UAAU;SAC3B,CAAC,EACF,GAAG,EAAE,GAAG,aAEP,QAAQ,IAAI,gBAAO,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EACpD,CAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,WAAW,EAAC,CAAC,CAAC,CAC1B,eACE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE;oBACjD,uBAAuB,EAAE,QAAQ;iBAClC,CAAC,aAEF;wBACE,iDAAiD;wBACjD,SAAS,QACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,EAAE,EAAE,OAAO,IACP,UAAU;wBACd,qEAAqE;wBACrE,SAAS,EAAE,UAAU,CAAC,KAAK,OAAO,EAAE,EAAE,UAAU,CAAC,SAAS,CAAC;wBAC3D,2CAA2C;wBAC3C,KAAK,kBACH,YAAY,EAAE,QAAQ;gCACpB,CAAC,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI;gCAChD,CAAC,CAAC,SAAS,IACV,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,KAE7B,EACD,QAAQ,IAAI,CACX,MAAC,GAAG,eACF,KAAC,GAAG,CAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,YACtB,KAAC,0BAA0B,mBACb,4BAA4B,gBAC7B,eAAe,EAC1B,KAAK,EAAE;wCACL,KAAK,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI;wCACvC,MAAM,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI;qCACzC,EACD,SAAS,EAAC,4BAA4B,GACtC,GACU,EACd,KAAC,GAAG,CAAC,OAAO,cAAE,iBAAiB,GAAe,IAC1C,CACP,EACD,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,mBACG,oBAAoB,gBACrB,6BAA6B,EACxC,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAC,OAAO,EACZ,QAAQ,kBAER,KAAC,gBAAgB,KAAG,GACT,EACb,KAAC,UAAU,mBACG,mBAAmB,gBACpB,6BAA6B,EACxC,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,OAAO,EACZ,QAAQ,kBAER,KAAC,gBAAgB,KAAG,GACT,IACT,IACF,CACP,CAAC,CAAC,CAAC,CACF,kBACE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE;oBACjD,oCAAoC,EAAE,UAAU;iBACjD,CAAC,EACF,KAAK,EAAE;oBACL,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC;iBACjC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,WAAW,CAAC,CAAC,WAAW,CAAC,aAEvD,KAAC,UAAU,kBACT,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC,IAChD,eAAe,IACnB,OAAO,EAAE,OAAO,YAEf,YAAY,IACF,EACZ,WAAW,IAAI,CACd,KAAC,iBAAiB,IAChB,KAAK,EAAE;4BACL,KAAK,EAAE,QAAQ;4BACf,MAAM,EAAE,QAAQ;yBACjB,GACD,CACH,IACM,CACV,MA9FI,YAAY,CA+Fb,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/lib/esm/inline-edit/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 { default as InlineEdit } from './InlineEdit';
+//# sourceMappingURL=index.js.map

package/lib/esm/inline-edit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/inline-edit/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/lib/types/index.d.ts

@@ -60,3 +60,4 @@ export * from './avatar';
 export * from './logo';
 export * from './clipboard-copier';
 export * from './slider';
+export * from './inline-edit';

package/lib/types/inline-edit/InlineEdit.d.ts

@@ -0,0 +1,83 @@
+/**
+ *
+ *  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 { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode } from 'react';
+import { type TooltipObjectProps } from '../_common/input/types';
+import { Typography } from '../typography';
+import { type TypographyVariants } from '../typography/types';
+export interface InlineEditProps {
+    /** Label text */
+    label?: ReactNode;
+    /**
+     * The variant of the typography component
+     * @default subheading-medium
+     */
+    variant?: TypographyVariants;
+    /**
+     * The default user input/value.
+     * This value is updated and saved by onConfirm.
+     */
+    defaultValue: string;
+    /**
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Error message to be displayed
+     * This can also be provided by the validation callback
+     * @default undefined
+     */
+    errorText?: ReactNode;
+    /**
+     * If edit pencil icon will be visible
+     * @default false
+     */
+    hasEditIcon?: boolean;
+    /**
+     * If the input is in editing mode
+     * Used in a stateless inline edit
+     * @default undefined
+     */
+    isEditing?: boolean;
+    /** Callback when confirm icon button is pressed */
+    onConfirm?: (value: string) => void;
+    /** Callback when cancel icon button is pressed */
+    onCancel?: () => void;
+    /**
+     * If the input should close on blur
+     * @default false
+     */
+    isCancellingOnBlur?: boolean;
+    /**
+     * Custom validation callback.
+     * If provided:
+     * 2. The string value will be displayed if the callback returns a string
+     * 3. The onConfirm callback will not be called if the callback returns `true`
+     */
+    validate?: (value: string) => Promise<true | string> | true | string;
+    /** Pass props to the underlying Tip component in error states (use with caution) */
+    tooltipProps?: TooltipObjectProps;
+    /** Edit's input props */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /** View mode Typography's props */
+    typographyProps?: ComponentPropsWithoutRef<typeof Typography>;
+}
+declare const InlineEdit: import("react").ForwardRefExoticComponent<InlineEditProps & import("react").RefAttributes<HTMLDivElement>>;
+export default InlineEdit;

package/lib/types/inline-edit/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 { default as InlineEdit } from './InlineEdit';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -93,7 +93,7 @@
     "@floating-ui/react": "0.25.1",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^2.6.1",
+    "@neo4j-ndl/base": "^2.7.0",
     "@table-nav/core": "0.0.7",
     "@table-nav/react": "0.0.7",
     "@tanstack/react-table": "^8.9.3",