@neo4j-ndl/react 3.9.17 → 4.0.0-alpha.0.608161c

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

@@ -1,16 +1,3 @@
-"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 });
-exports.InlineEdit = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -31,151 +18,188 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  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 base_1 = require("@neo4j-ndl/base");
+
+"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 });
+exports.InlineEdit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
 const defaultImports_1 = require("../_common/defaultImports");
+const use_semi_controlled_state_1 = require("../_common/use-semi-controlled-state");
 const utils_1 = require("../_common/utils");
 const icon_button_1 = require("../icon-button");
 const icons_1 = require("../icons");
 const tooltip_1 = require("../tooltip");
 const typography_1 = require("../typography");
-function getIconSize(variant) {
-    switch (variant) {
-        case 'h1':
-        case 'h2':
-            return '24';
-        case 'h3':
-        case 'h4':
-        case 'subheading-large':
-            return '20';
-        default:
-            return '16';
-    }
-}
-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';
-}
-exports.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, htmlAttributes, className, style, placeholder, } = props;
-    const Component = props.as || 'div';
+const constants_1 = require("./constants");
+const utils_2 = require("./utils");
+const inlineEditDefaultProps = {
+    hasEditIcon: false,
+    inputProps: {},
+    isDisabled: false,
+    isEditing: undefined,
+    shouldConfirmOnBlur: true,
+    typographyProps: {},
+    typographyVariant: 'subheading-medium',
+};
+const InlineEdit = ({ as, className, defaultValue, errorText, htmlAttributes, label, onChange, onCancel, onConfirm, ref, style, validate, value, hasEditIcon = inlineEditDefaultProps.hasEditIcon, inputProps = inlineEditDefaultProps.inputProps, isDisabled = inlineEditDefaultProps.isDisabled, isEditing = inlineEditDefaultProps.isEditing, shouldConfirmOnBlur = inlineEditDefaultProps.shouldConfirmOnBlur, typographyProps = inlineEditDefaultProps.typographyProps, typographyVariant = inlineEditDefaultProps.typographyVariant, }) => {
+    var _a, _b;
+    const Component = as !== null && as !== void 0 ? as : 'div';
     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 = getIconSize(variant);
-    const hasError = Boolean(internalErrorText);
+    const [pendingValue, setPendingValue] = (0, react_1.useState)(null);
+    const [isUserConfirmed, setIsUserConfirmed] = (0, react_1.useState)(false);
+    const [validationError, setValidationError] = (0, react_1.useState)();
+    const [currentValue, setCurrentValue] = (0, use_semi_controlled_state_1.useSemicontrolledState)((_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '', onChange);
+    // Show errorText prop or temporary validation error
+    const hasError = Boolean(errorText) || Boolean(validationError);
     const hasLabel = Boolean(label);
+    const inputRef = (0, react_1.useRef)(null);
+    const mirrorRef = (0, react_1.useRef)(null);
+    const isCancelingRef = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(() => {
+        // Only react to defaultValue changes while uncontrolled and before user confirmation
+        if (value === undefined && !isUserConfirmed && pendingValue === null) {
+            setCurrentValue(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
+            // Do not touch key here to avoid remount-like behavior while typing
+        }
+    }, [defaultValue, isUserConfirmed, pendingValue, setCurrentValue, value]);
+    // Validate controlled mode requirements
+    (0, react_1.useEffect)(() => {
+        if (value !== undefined && onChange === undefined) {
+            (0, utils_1.needleWarningMessage)('onChange prop should be supplied when using controlled mode (value prop).');
+        }
+    }, [value, onChange]);
     const { focusWithinProps } = (0, react_aria_1.useFocusWithin)({
         onBlurWithin: () => {
-            if (isCancellingOnBlur) {
-                onCancelHandler();
+            if (shouldConfirmOnBlur === true && !isCancelingRef.current) {
+                onConfirmHandler();
             }
         },
     });
     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;
-            }
+        // In controlled mode, don't reset the value - let the parent manage it
+        // In uncontrolled mode, reset to default value
+        if (value === undefined) {
+            setCurrentValue(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
         }
-        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();
+        setValidationError(undefined);
+        setPendingValue(null);
+        // Only reset edit mode if isEditing is not controlled (undefined)
+        if (isEditing === undefined) {
+            setEditMode(false);
+        }
+        setIsUserConfirmed(false);
+        isCancelingRef.current = false;
+    }, [defaultValue, isEditing, setCurrentValue, value]);
+    const resetEditState = (0, react_1.useCallback)(() => {
+        setValidationError(undefined);
+        // Only reset edit mode if isEditing is not controlled (undefined)
+        if (isEditing === undefined) {
+            setEditMode(false);
+        }
+    }, [isEditing]);
+    const onConfirmHandler = (0, react_1.useCallback)((event) => __awaiter(void 0, void 0, void 0, function* () {
+        const validationError = yield (0, utils_2.validateValue)(currentValue, validate);
+        if (validationError !== null && validationError !== undefined) {
+            setValidationError(validationError);
+            return;
+        }
+        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(currentValue, event);
+        setPendingValue(currentValue);
+        setIsUserConfirmed(true);
+        resetEditState();
+    }), [onConfirm, validate, currentValue, resetEditState]);
+    const onCancelHandler = (0, react_1.useCallback)((event) => {
+        isCancelingRef.current = true;
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);
         resetToDefaults();
     }, [onCancel, resetToDefaults]);
     const inputID = (0, react_1.useMemo)(() => {
-        return inputProps.id || (0, utils_1.randomId)(12);
+        var _a;
+        return (_a = inputProps.id) !== null && _a !== void 0 ? _a : (0, utils_1.randomId)(12);
     }, [inputProps.id]);
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, focusWithinProps, { className: (0, defaultImports_1.classNames)(`n-${variant} ndl-inline-edit`, className, {
+    const handleKeyDown = (0, react_1.useCallback)((e) => {
+        if (['Enter', 'Escape'].includes(e.key)) {
+            e.key === 'Enter' && void onConfirmHandler();
+            e.key === 'Escape' && onCancelHandler();
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    }, [onConfirmHandler, onCancelHandler]);
+    const handleInputChange = (0, react_1.useCallback)((e) => {
+        const newValue = e.target.value;
+        // Clear validation error when user types
+        setValidationError(undefined);
+        setCurrentValue(newValue);
+    }, [setCurrentValue]);
+    const isInEditMode = isEditing !== null && isEditing !== void 0 ? isEditing : hasEditMode;
+    const handleEditClick = (0, react_1.useCallback)(() => {
+        if (isDisabled === false) {
+            setEditMode(!hasEditMode);
+            // Clear pending value when entering edit mode
+            if (!hasEditMode) {
+                setPendingValue(null);
+            }
+        }
+    }, [isDisabled, hasEditMode]);
+    const displayText = (0, react_1.useMemo)(() => {
+        var _a;
+        if (pendingValue !== null) {
+            return pendingValue;
+        }
+        if (currentValue !== '') {
+            return currentValue;
+        }
+        return (_a = inputProps.placeholder) !== null && _a !== void 0 ? _a : '';
+    }, [pendingValue, currentValue, inputProps.placeholder]);
+    // Width calculation effect
+    (0, react_1.useLayoutEffect)(() => {
+        if (inputRef.current && mirrorRef.current) {
+            const mirrorWidth = mirrorRef.current.offsetWidth;
+            const totalDesiredWidth = (0, utils_2.calculateInputWidth)(mirrorWidth, hasError, typographyVariant, constants_1.INPUT_OFFSET, constants_1.DEFAULT_MIN_WIDTH, constants_1.ERROR_ICON_PADDING);
+            inputRef.current.style.width = `${totalDesiredWidth}px`;
+        }
+    }, [
+        currentValue,
+        typographyVariant,
+        inputProps.className,
+        inputProps.placeholder,
+        inputProps.style,
+        hasError,
+        isInEditMode,
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, focusWithinProps, { className: (0, defaultImports_1.classNames)(`n-${typographyVariant} ndl-inline-edit`, className, {
             'ndl-disabled': isDisabled,
-        }), style: style, ref: ref }, htmlAttributes, { 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), onKeyDown: (e) => {
-                            if (['Enter', 'Escape'].includes(e.key)) {
-                                e.key === 'Enter' && onConfirmHandler();
-                                e.key === 'Escape' && onCancelHandler();
-                                e.preventDefault();
-                                e.stopPropagation();
-                            }
-                        } })), hasError && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { 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)(tooltip_1.Tooltip.Content, { children: internalErrorText })] })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-inline-edit-buttons", children: [(0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { "data-testid": "ndl-confirm-button", ariaLabel: "Accept input's value change", onClick: onConfirmHandler, size: "small", isFloating: true, htmlAttributes: {
+        }), style: style, ref: ref }, htmlAttributes, { children: [hasLabel && (0, jsx_runtime_1.jsx)("label", { htmlFor: inputID, children: label }), isInEditMode === true ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, defaultImports_1.classNames)('ndl-inline-edit-container ndl-inline-edit-flex'), children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, { as: "span", "aria-hidden": "true", className: (0, defaultImports_1.classNames)(`ndl-inline-edit-mirror`, inputProps.className), ref: mirrorRef, style: (0, utils_2.getMirrorStyle)(inputRef), variant: typographyVariant, children: (_b = currentValue !== null && currentValue !== void 0 ? currentValue : inputProps.placeholder) !== null && _b !== void 0 ? _b : '' }), (0, jsx_runtime_1.jsxs)("div", { className: (0, defaultImports_1.classNames)('ndl-inline-edit-input-container', {
+                            'ndl-inline-edit-error': hasError,
+                        }), children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, inputProps, { 
+                                // eslint-disable-next-line jsx-a11y/no-autofocus
+                                autoFocus: true, "aria-label": typeof label === 'string' ? label : 'Inline edit input', className: (0, defaultImports_1.classNames)(`n-${typographyVariant} ndl-inline-edit-input`, inputProps.className), id: inputID, ref: inputRef, value: currentValue, style: (0, utils_2.getInputStyle)(hasError, typographyVariant, constants_1.ERROR_ICON_PADDING, inputProps.style), onChange: handleInputChange, onKeyDown: handleKeyDown })), hasError && ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, { "data-testid": "ndl-inline-edit-error-icon", "aria-label": "Error message", style: (0, utils_2.getIconStyle)(typographyVariant), className: "ndl-inline-edit-error-icon" }) }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: errorText !== null && errorText !== void 0 ? errorText : validationError })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-inline-edit-buttons ndl-inline-edit-buttons-flex", children: [(0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { "data-testid": "ndl-confirm-button", tooltip: "Accept", tooltipProps: {
+                                    root: { placement: 'bottom' },
+                                }, onClick: onConfirmHandler, size: "small", isFloating: true, htmlAttributes: {
                                     'data-testid': 'ndl-confirm-button',
-                                }, children: (0, jsx_runtime_1.jsx)(icons_1.CheckIconOutline, {}) }), (0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { "data-testid": "ndl-cancel-button", ariaLabel: "Ignore input's value change", onClick: onCancelHandler, size: "small", isFloating: true, htmlAttributes: {
+                                }, children: (0, jsx_runtime_1.jsx)(icons_1.CheckIconOutline, {}) }), (0, jsx_runtime_1.jsx)(icon_button_1.IconButton, { "data-testid": "ndl-cancel-button", tooltip: "Cancel", tooltipProps: {
+                                    root: { placement: 'bottom' },
+                                }, onClick: (event) => onCancelHandler(event), size: "small", isFloating: true, htmlAttributes: {
                                     'data-testid': 'ndl-cancel-button',
+                                    onMouseDown: () => {
+                                        isCancelingRef.current = 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', {
+                    'n-text-neutral-text-weaker': defaultValue === '' && typeof inputProps.placeholder === 'string',
                     'ndl-disabled': isDisabled,
-                    'n-text-palette-neutral-text-weaker': !defaultValue && placeholder,
-                }), style: {
-                    minHeight: getMinHeight(variant),
-                }, onClick: () => !isDisabled && setEditMode(!hasEditMode), children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({}, typographyProps, { variant: variant, children: defaultValue || placeholder })), hasEditIcon && ((0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, { style: {
-                            width: `${iconSize}px`,
-                            height: `${iconSize}px`,
-                            flexShrink: 0,
-                        } }))] }))] }), defaultValue));
-});
+                    'ndl-has-edit-icon': hasEditIcon,
+                }), style: (0, utils_2.getDisplayButtonStyle)(typographyVariant), onClick: handleEditClick, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography, Object.assign({}, typographyProps, { className: "ndl-inline-edit-text", variant: typographyVariant, children: displayText })), hasEditIcon && ((0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, { className: "ndl-inline-edit-pencil-icon", style: (0, utils_2.getIconStyle)(typographyVariant) }))] }))] })));
+};
+exports.InlineEdit = InlineEdit;
 //# sourceMappingURL=InlineEdit.js.map

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

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

@@ -0,0 +1,27 @@
+"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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ERROR_ICON_PADDING = exports.INPUT_OFFSET = exports.DEFAULT_MIN_WIDTH = void 0;
+exports.DEFAULT_MIN_WIDTH = 48;
+exports.INPUT_OFFSET = 8;
+exports.ERROR_ICON_PADDING = 4;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/inline-edit/constants.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEU,QAAA,iBAAiB,GAAG,EAAE,CAAC;AACvB,QAAA,YAAY,GAAG,CAAC,CAAC;AAEjB,QAAA,kBAAkB,GAAG,CAAC,CAAC"}

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

@@ -0,0 +1,123 @@
+"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 __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 });
+exports.getIconStyle = exports.getDisplayButtonStyle = exports.getMirrorStyle = exports.getInputStyle = exports.calculateInputWidth = void 0;
+exports.validateValue = validateValue;
+exports.getIconSizeForVariant = getIconSizeForVariant;
+exports.isTypescalePropertyObj = isTypescalePropertyObj;
+exports.getMinHeight = getMinHeight;
+const base_1 = require("@neo4j-ndl/base");
+const constants_1 = require("./constants");
+function validateValue(value, validate) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!validate) {
+            return null;
+        }
+        const validation = validate(value);
+        let isValid;
+        if (validation instanceof Promise) {
+            isValid = yield validation;
+        }
+        else {
+            isValid = validation;
+        }
+        if (typeof isValid === 'string') {
+            return isValid;
+        }
+        return null;
+    });
+}
+const calculateInputWidth = (mirrorWidth, hasError, variant, inputOffset, defaultMinWidth, errorIconPadding) => {
+    const desiredWidth = Math.max(mirrorWidth + inputOffset, defaultMinWidth);
+    const errorIconSpace = hasError
+        ? parseInt(getIconSizeForVariant(variant), 10) + errorIconPadding
+        : 0;
+    return desiredWidth + errorIconSpace;
+};
+exports.calculateInputWidth = calculateInputWidth;
+function getIconSizeForVariant(variant) {
+    switch (variant) {
+        case 'display':
+        case 'title-1':
+            return '24';
+        case 'title-2':
+        case 'title-3':
+        case 'title-4':
+        case 'subheading-large':
+            return '20';
+        default:
+            return '16';
+    }
+}
+function isTypescalePropertyObj(obj) {
+    return Boolean(obj !== null &&
+        obj !== undefined &&
+        typeof obj === 'object' &&
+        ('lineHeight' in obj));
+}
+function getMinHeight(variant) {
+    const fontSize = base_1.tokens.typography[variant].fontSize;
+    const lineHeight = base_1.tokens.typography[variant].lineHeight;
+    // Parse the fontSize string to extract number and unit
+    const fontSizeMatch = fontSize.match(/^([0-9.]+)(.*)$/);
+    if (!fontSizeMatch) {
+        throw new Error(`Invalid fontSize format: ${fontSize}`);
+    }
+    const [, numericValue, unit] = fontSizeMatch;
+    const fontSizeNumber = parseFloat(numericValue);
+    // Multiply the numeric value by lineHeight and reconstruct with unit
+    const minHeightValue = fontSizeNumber * lineHeight;
+    return `${minHeightValue}${unit}`;
+}
+const getInputStyle = (hasError, variant, errorIconPadding, inputStyle) => (Object.assign({ boxSizing: 'border-box', maxWidth: '100%', overflowX: 'auto', paddingRight: hasError
+        ? `${parseInt(getIconSizeForVariant(variant), 10) + errorIconPadding + 4}px`
+        : 0 }, inputStyle));
+exports.getInputStyle = getInputStyle;
+const getMirrorStyle = (inputRef) => ({
+    font: inputRef.current
+        ? window.getComputedStyle(inputRef.current).font
+        : undefined,
+    padding: inputRef.current
+        ? window.getComputedStyle(inputRef.current).padding
+        : undefined,
+});
+exports.getMirrorStyle = getMirrorStyle;
+const getDisplayButtonStyle = (variant) => ({
+    minHeight: getMinHeight(variant),
+    minWidth: constants_1.DEFAULT_MIN_WIDTH,
+});
+exports.getDisplayButtonStyle = getDisplayButtonStyle;
+const getIconStyle = (variant) => ({
+    height: `${getIconSizeForVariant(variant)}px`,
+    width: `${getIconSizeForVariant(variant)}px`,
+});
+exports.getIconStyle = getIconStyle;
+//# sourceMappingURL=utils.js.map

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

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