pixelize-design-library 1.1.53 → 1.1.54

package/dist/Components/NoteTextArea/NoteTextArea.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { NoteTextAreaProps } from "./NoteTextAreaProps";
-export default function NoteTextArea({ width, handleSubmit, handleCancel, value, title, file, isEditable, saveButtonLoading, maxFileSize, maxFilesSizeError, maxNoteWordCount, }: NoteTextAreaProps): React.JSX.Element;
+export default function NoteTextArea({ width, handleSubmit, handleCancel, value, title, file, isEditable, saveButtonLoading, maxFileSize, maxFilesSizeError, maxNoteWordCount, onChange, ref, }: NoteTextAreaProps): React.JSX.Element;

package/dist/Components/NoteTextArea/NoteTextArea.js

@@ -98,7 +98,7 @@ var countWords = function (text) {
     return text.trim().split(/\s+/).length;
 };
 function NoteTextArea(_a) {
-    var _b = _a.width, width = _b === void 0 ? "100%" : _b, handleSubmit = _a.handleSubmit, handleCancel = _a.handleCancel, value = _a.value, title = _a.title, file = _a.file, _c = _a.isEditable, isEditable = _c === void 0 ? false : _c, saveButtonLoading = _a.saveButtonLoading, _d = _a.maxFileSize, maxFileSize = _d === void 0 ? 1 * 1024 * 1024 : _d, _e = _a.maxFilesSizeError, maxFilesSizeError = _e === void 0 ? "Some files are too large. Maximum allowed size is" : _e, _f = _a.maxNoteWordCount, maxNoteWordCount = _f === void 0 ? 15 : _f;
+    var _b = _a.width, width = _b === void 0 ? "100%" : _b, handleSubmit = _a.handleSubmit, handleCancel = _a.handleCancel, value = _a.value, title = _a.title, file = _a.file, _c = _a.isEditable, isEditable = _c === void 0 ? false : _c, saveButtonLoading = _a.saveButtonLoading, _d = _a.maxFileSize, maxFileSize = _d === void 0 ? 1 * 1024 * 1024 : _d, _e = _a.maxFilesSizeError, maxFilesSizeError = _e === void 0 ? "Some files are too large. Maximum allowed size is" : _e, _f = _a.maxNoteWordCount, maxNoteWordCount = _f === void 0 ? 15 : _f, onChange = _a.onChange, ref = _a.ref;
     var theme = (0, useCustomTheme_1.useCustomTheme)();
     var noteAreaRef = (0, react_1.useRef)(null);
     var _g = (0, react_1.useState)(false), isActive = _g[0], setIsActive = _g[1];
@@ -169,6 +169,7 @@ function NoteTextArea(_a) {
     };
     var handleNoteChange = function (event) {
         setNoteValue(event.target.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
         adjustHeight();
     };
     (0, react_1.useEffect)(function () {
@@ -209,7 +210,7 @@ function NoteTextArea(_a) {
         var start = nameWithoutExtension.substring(0, maxLength - extension.length - 3);
         return "".concat(start, "...").concat(extension, " ");
     };
-    return (react_1.default.createElement(Container, { style: { width: width }, isActive: isActive },
+    return (react_1.default.createElement(Container, { style: { width: width }, isActive: isActive, ref: ref },
         react_1.default.createElement(PlaceholderText, { isActive: !isActive, onClick: handleTextArea },
             react_1.default.createElement("span", null, "Add a note...")),
         react_1.default.createElement(TextAreaContainer, { isActive: isActive },

package/dist/Components/NoteTextArea/NoteTextAreaProps.d.ts

@@ -1,3 +1,4 @@
+import { LegacyRef } from "react";
 export type NoteTextAreaProps = {
     width: number | string;
     handleSubmit: (noteValue: string, titleValue: string, file: File[], resetState: void) => void;
@@ -10,4 +11,6 @@ export type NoteTextAreaProps = {
     maxFileSize?: number;
     maxFilesSizeError?: string;
     maxNoteWordCount?: number;
+    onChange?: (value: string) => void;
+    ref?: LegacyRef<HTMLDivElement>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "1.1.53",
+  "version": "1.1.54",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",