@neo4j-ndl/react 1.6.0 → 1.7.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 1.7.1
+
+### Patch Changes
+
+- Updated dependencies [630ce6f]
+  - @neo4j-ndl/base@1.7.1
+
+## 1.7.0
+
+### Minor Changes
+
+- 5b5e1e2: Added Textarea component
+
+### Patch Changes
+
+- Updated dependencies [5b5e1e2]
+  - @neo4j-ndl/base@1.7.0
+
 ## 1.6.0
 
 ### Minor Changes

package/lib/cjs/index.js

@@ -53,6 +53,7 @@ __exportStar(require("./table-deprecated"), exports);
 __exportStar(require("./table"), exports);
 __exportStar(require("./drag-and-drop"), exports);
 __exportStar(require("./text-input"), exports);
+__exportStar(require("./textarea"), exports);
 __exportStar(require("./text-link"), exports);
 __exportStar(require("./dropdown"), exports);
 __exportStar(require("./tag"), exports);

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

package/lib/cjs/textarea/Textarea.js

@@ -0,0 +1,85 @@
+"use strict";
+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 });
+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 SmartTooltip_1 = __importDefault(require("../tooltip/SmartTooltip"));
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../_common/utils");
+const messages_1 = require("../_common/messages");
+const icons_1 = require("../icons");
+/**
+ *
+ *
+ * Textarea Component
+ *
+ *
+ */
+const Textarea = (0, react_1.forwardRef)(function Textarea(props, ref) {
+    const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = 'small', 'aria-label': ariaLabel, smartTooltipProps } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "isOptional", "informationIconText", "size", 'aria-label', "smartTooltipProps"]);
+    const containerWrappingClass = (0, classnames_1.default)(`ndl-textarea ndl-type-text`, customProps.className, {
+        'ndl-disabled': customProps.disabled,
+        'ndl-small': size === 'small',
+        'ndl-large': size === 'large',
+        'ndl-has-error': errorText,
+        'ndl-has-right-icon': errorText,
+        'ndl-has-icon': errorText,
+    });
+    const hasEmptyLabelValue = !label || label === '';
+    const labelWrappingClass = (0, classnames_1.default)('ndl-textarea-label', {
+        'ndl-fluid': fluid,
+        'ndl-textarea-no-label': hasEmptyLabelValue,
+    });
+    const isCustomLabel = label && typeof label !== 'string';
+    const hasCustomLabelAndNoAriaLabel = isCustomLabel && !ariaLabel;
+    (0, react_1.useMemo)(() => {
+        if (!label && !ariaLabel) {
+            (0, utils_1.needleWarningMessage)('A Textarea without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
+        }
+        if (hasCustomLabelAndNoAriaLabel) {
+            (0, utils_1.needleWarningMessage)(messages_1.customLabelAndNoAriaLabelWarningMessage);
+        }
+    }, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);
+    const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
+    const informationIconClass = (0, classnames_1.default)({
+        'ndl-information-icon-small': size === 'small',
+        'ndl-information-icon-large': size === 'large',
+    });
+    const informationRef = (0, react_1.useRef)(null);
+    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.jsx)("div", Object.assign({ className: "ndl-textarea-wrapper" }, { children: (0, jsx_runtime_1.jsx)("textarea", Object.assign({}, customPropsClassNameStripped, { ref: ref, "aria-label": ariaLabel })) })), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-textarea-wrapper" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-textarea-label-text" }, { children: label })), informationIconText && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: informationIconClass, "data-testid": "information-icon", ref: informationRef }, { children: [(0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}), (0, jsx_runtime_1.jsx)(SmartTooltip_1.default, Object.assign({}, smartTooltipProps, { ref: informationRef }, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-textarea-optional" }, { children: "Optional" })))] })))] })), helpText && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-textarea-msg" }, { children: helpText }))), errorText && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-textarea-msg" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-error-text" }, { children: errorText }))] })))] })));
+});
+exports.default = Textarea;
+//# sourceMappingURL=Textarea.js.map

package/lib/cjs/textarea/Textarea.js.map

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

package/lib/cjs/textarea/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.Textarea = void 0;
+var Textarea_1 = require("./Textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return __importDefault(Textarea_1).default; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,uCAAiD;AAAxC,qHAAA,OAAO,OAAY"}

package/lib/esm/index.js

@@ -37,6 +37,7 @@ export * from './table-deprecated';
 export * from './table';
 export * from './drag-and-drop';
 export * from './text-input';
+export * from './textarea';
 export * from './text-link';
 export * from './dropdown';
 export * from './tag';

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,UAAU,CAAC;AACzB,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,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,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,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,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,UAAU,CAAC;AACzB,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,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,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,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/lib/esm/textarea/Textarea.js

@@ -0,0 +1,80 @@
+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 { forwardRef, useMemo, useRef, } from 'react';
+import SmartTooltip from '../tooltip/SmartTooltip';
+import classNames from 'classnames';
+import { needleWarningMessage } from '../_common/utils';
+import { customLabelAndNoAriaLabelWarningMessage } from '../_common/messages';
+import { ExclamationCircleIconSolid, InformationCircleIconOutline, } from '../icons';
+/**
+ *
+ *
+ * Textarea Component
+ *
+ *
+ */
+const Textarea = forwardRef(function Textarea(props, ref) {
+    const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = 'small', 'aria-label': ariaLabel, smartTooltipProps } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "isOptional", "informationIconText", "size", 'aria-label', "smartTooltipProps"]);
+    const containerWrappingClass = classNames(`ndl-textarea ndl-type-text`, customProps.className, {
+        'ndl-disabled': customProps.disabled,
+        'ndl-small': size === 'small',
+        'ndl-large': size === 'large',
+        'ndl-has-error': errorText,
+        'ndl-has-right-icon': errorText,
+        'ndl-has-icon': errorText,
+    });
+    const hasEmptyLabelValue = !label || label === '';
+    const labelWrappingClass = classNames('ndl-textarea-label', {
+        'ndl-fluid': fluid,
+        'ndl-textarea-no-label': hasEmptyLabelValue,
+    });
+    const isCustomLabel = label && typeof label !== 'string';
+    const hasCustomLabelAndNoAriaLabel = isCustomLabel && !ariaLabel;
+    useMemo(() => {
+        if (!label && !ariaLabel) {
+            needleWarningMessage('A Textarea without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
+        }
+        if (hasCustomLabelAndNoAriaLabel) {
+            needleWarningMessage(customLabelAndNoAriaLabelWarningMessage);
+        }
+    }, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);
+    const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
+    const informationIconClass = classNames({
+        'ndl-information-icon-small': size === 'small',
+        'ndl-information-icon-large': size === 'large',
+    });
+    const informationRef = useRef(null);
+    return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsx("div", Object.assign({ className: "ndl-textarea-wrapper" }, { children: _jsx("textarea", Object.assign({}, customPropsClassNameStripped, { ref: ref, "aria-label": ariaLabel })) })), !hasEmptyLabelValue && (_jsxs("div", Object.assign({ className: "ndl-textarea-wrapper" }, { children: [_jsx("span", Object.assign({ className: "ndl-textarea-label-text" }, { children: label })), informationIconText && (_jsxs("div", Object.assign({ className: informationIconClass, "data-testid": "information-icon", ref: informationRef }, { children: [_jsx(InformationCircleIconOutline, {}), _jsx(SmartTooltip, Object.assign({}, smartTooltipProps, { ref: informationRef }, { children: informationIconText }))] }))), isOptional && (_jsx("span", Object.assign({ className: "ndl-textarea-optional" }, { children: "Optional" })))] })))] })), helpText && !errorText && (_jsx("div", Object.assign({ className: "ndl-textarea-msg" }, { children: helpText }))), errorText && (_jsxs("div", Object.assign({ className: "ndl-textarea-msg" }, { children: [_jsx("div", Object.assign({ className: "ndl-error-icon" }, { children: _jsx(ExclamationCircleIconSolid, {}) })), _jsx("div", Object.assign({ className: "ndl-error-text" }, { children: errorText }))] })))] })));
+});
+export default Textarea;
+//# sourceMappingURL=Textarea.js.map

package/lib/esm/textarea/Textarea.js.map

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

package/lib/esm/textarea/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 Textarea } from './Textarea';
+//# sourceMappingURL=index.js.map

package/lib/esm/textarea/index.js.map

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

package/lib/types/index.d.ts

@@ -37,6 +37,7 @@ export * from './table-deprecated';
 export * from './table';
 export * from './drag-and-drop';
 export * from './text-input';
+export * from './textarea';
 export * from './text-link';
 export * from './dropdown';
 export * from './tag';

package/lib/types/textarea/Textarea.d.ts

@@ -0,0 +1,56 @@
+/**
+ *
+ *  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 { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { SmartTooltipProps } from '../tooltip/SmartTooltip';
+/**
+ *
+ *
+ * Types
+ *
+ *
+ */
+export interface TextareaProps extends Omit<Omit<ComponentPropsWithoutRef<'textarea'>, 'nonce' | 'size'>, 'label'> {
+    /** Label text */
+    label?: ReactNode;
+    /** Displays with fluid width */
+    fluid?: boolean;
+    /** Help message */
+    helpText?: string;
+    /** Error message */
+    errorText?: string;
+    /** Size of the textarea */
+    size?: 'small' | 'large';
+    /** If the component is optional to fill in */
+    isOptional?: boolean;
+    /** Information to be displayed in the information tooltip */
+    informationIconText?: string;
+    /** Pass props to the underlaying SmartTooltip component */
+    smartTooltipProps?: SmartTooltipProps;
+}
+/**
+ *
+ *
+ * Textarea Component
+ *
+ *
+ */
+declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/lib/types/textarea/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 Textarea } from './Textarea';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "1.6.0",
+  "version": "1.7.1",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -92,7 +92,7 @@
     "@floating-ui/react": "^0.24.2",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^1.6.0",
+    "@neo4j-ndl/base": "^1.7.1",
     "@tanstack/react-table": "^8.5.22",
     "classnames": "^2.3.1",
     "detect-browser": "^5.3.0",