pixelize-design-library 1.0.32 → 1.0.33

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, }: NoteTextAreaProps): React.JSX.Element;
+export default function NoteTextArea({ width, handleSubmit, value, title, file, isEditable, }: NoteTextAreaProps): React.JSX.Element;

package/dist/Components/NoteTextArea/NoteTextArea.js

@@ -44,10 +44,12 @@ var fi_1 = require("react-icons/fi");
 var styled_1 = __importDefault(require("@emotion/styled"));
 var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: ", ";\n  border-radius: 5px;\n  box-shadow: ", ";\n"], ["\n  border: ", ";\n  border-radius: 5px;\n  box-shadow: ", ";\n"])), function (_a) {
     var isActive = _a.isActive;
-    return (isActive ? "1px solid #3182ce" : "1px solid #c0c6cc");
+    return isActive ? "1px solid #3182ce" : "1px solid #c0c6cc";
 }, function (_a) {
     var isActive = _a.isActive;
-    return (isActive ? "-1px 1px 8px 4px rgb(49 130 206 / 24%), 0px 2px 6px 0 rgb(49 130 206 / 19%)" : "none");
+    return isActive
+        ? "-1px 1px 8px 4px rgb(49 130 206 / 24%), 0px 2px 6px 0 rgb(49 130 206 / 19%)"
+        : "none";
 });
 var TextAreaContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  cursor: text;\n  padding: 12px 15px;\n  display: ", ";\n"], ["\n  width: 100%;\n  cursor: text;\n  padding: 12px 15px;\n  display: ", ";\n"])), function (_a) {
     var isActive = _a.isActive;
@@ -81,26 +83,41 @@ var CancelButton = styled_1.default.button(templateObject_9 || (templateObject_9
 var FileViewer = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 300px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 300px;\n"])));
 var FileEdit = (0, styled_1.default)(fi_1.FiX)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  cursor: pointer;\n  color: #ff0000;\n"], ["\n  cursor: pointer;\n  color: #ff0000;\n"])));
 function NoteTextArea(_a) {
-    var _b = _a.width, width = _b === void 0 ? "100%" : _b, handleSubmit = _a.handleSubmit;
+    var _b = _a.width, width = _b === void 0 ? "100%" : _b, handleSubmit = _a.handleSubmit, value = _a.value, title = _a.title, file = _a.file, _c = _a.isEditable, isEditable = _c === void 0 ? false : _c;
     var noteAreaRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(false), isActive = _c[0], setIsActive = _c[1];
-    var _d = (0, react_1.useState)(""), noteValue = _d[0], setNoteValue = _d[1];
-    var _e = (0, react_1.useState)(""), titleValue = _e[0], setTitleValue = _e[1];
-    var _f = (0, react_1.useState)(false), titleShow = _f[0], setTitleShow = _f[1];
-    var _g = (0, react_1.useState)([]), file = _g[0], setFile = _g[1];
+    var _d = (0, react_1.useState)(false), isActive = _d[0], setIsActive = _d[1];
+    var _e = (0, react_1.useState)(""), noteValue = _e[0], setNoteValue = _e[1];
+    var _f = (0, react_1.useState)(""), titleValue = _f[0], setTitleValue = _f[1];
+    var _g = (0, react_1.useState)(false), titleShow = _g[0], setTitleShow = _g[1];
+    var _h = (0, react_1.useState)([]), files = _h[0], setFiles = _h[1];
+    (0, react_1.useEffect)(function () {
+        if (isEditable) {
+            if (value) {
+                setNoteValue(value);
+                setIsActive(true);
+            }
+            if (title) {
+                setTitleValue(title);
+                setTitleShow(true);
+            }
+            if (file) {
+                setFiles(file);
+            }
+        }
+    }, [value, title, file, isEditable]);
     var handleTextArea = function () {
         setIsActive(!isActive);
         setNoteValue("");
         setTitleValue("");
         setTitleShow(false);
-        setFile([]);
+        setFiles([]);
     };
     var resetState = function () {
         setIsActive(false);
         setNoteValue("");
         setTitleValue("");
         setTitleShow(false);
-        setFile([]);
+        setFiles([]);
     };
     var handleNoteChange = function (event) {
         setNoteValue(event.target.value);
@@ -159,7 +176,7 @@ function NoteTextArea(_a) {
                         react_1.default.createElement("input", { id: "file-upload", type: "file", style: { display: "none" }, onChange: function (event) {
                                 if (event.target.files && event.target.files.length > 0) {
                                     var filesArray = Array.from(event.target.files);
-                                    setFile(__spreadArray(__spreadArray([], file, true), filesArray, true));
+                                    setFiles(__spreadArray(__spreadArray([], files, true), filesArray, true));
                                 }
                             } })),
                     !titleShow && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -174,15 +191,15 @@ function NoteTextArea(_a) {
                     react_1.default.createElement("div", { style: { marginLeft: "auto" } },
                         react_1.default.createElement(CancelButton, { onClick: handleTextArea }, "Cancel"),
                         react_1.default.createElement(Button, { isSaveButton: true, noteValue: noteValue, disabled: !noteValue, onClick: function () {
-                                handleSubmit(noteValue, titleValue, file);
+                                handleSubmit(noteValue, titleValue, files);
                                 resetState();
                             } }, "Save"))),
-                file.length > 0 && (react_1.default.createElement("div", null, file.map(function (item, index) { return (react_1.default.createElement(FileViewer, { key: index },
+                files.length > 0 && (react_1.default.createElement("div", null, files.map(function (item, index) { return (react_1.default.createElement(FileViewer, { key: index },
                     react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement("span", null, shortenFileName(item.name)),
                         react_1.default.createElement("span", null, formatBytes(item.size))),
                     react_1.default.createElement(FileEdit, { onClick: function () {
-                            return setFile(file.filter(function (fileItem) { return fileItem !== item; }));
+                            return setFiles(files.filter(function (fileItem) { return fileItem !== item; }));
                         } }))); }))))))));
 }
 exports.default = NoteTextArea;

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

@@ -1,4 +1,8 @@
 export type NoteTextAreaProps = {
     width: number | string;
     handleSubmit: (noteValue: string, titleValue: string, file: File[], resetState: void) => void;
+    value?: string;
+    title?: string;
+    file?: File[];
+    isEditable?: boolean;
 };

package/dist/Components/NoteTextArea/NoteTextAreaProps.js

@@ -1,2 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+// type files = {
+//   name: string;
+//   size: number;
+//   type: string;
+// };

package/dist/Layout.js

@@ -388,8 +388,12 @@ var Layout = function () {
                     react_2.default.createElement("br", null),
                     react_2.default.createElement(Switch_1.default, { leftText: "left", rightText: "right", switchActive: switchActive, onSwitchToggle: handleSwitchToggle }),
                     react_2.default.createElement("br", null),
-                    react_2.default.createElement(NoteTextArea_1.default, { width: "720px", handleSubmit: function (noteValue, titleValue, file) { handleNoteValue(noteValue, titleValue, file); } }),
+                    react_2.default.createElement(NoteTextArea_1.default, { width: "720px", handleSubmit: function (noteValue, titleValue, file) {
+                            handleNoteValue(noteValue, titleValue, file);
+                        }, value: "text", title: "hello", isEditable: true }),
                     react_2.default.createElement("br", null),
-                    react_2.default.createElement(DropDown_1.default, { ButtonText: "Vibility", options: exportOptionss, handleOptionSelect: function (id) { console.log("optionid", id); } }))))));
+                    react_2.default.createElement(DropDown_1.default, { ButtonText: "Vibility", options: exportOptionss, handleOptionSelect: function (id) {
+                            console.log("optionid", id);
+                        } }))))));
 };
 exports.default = Layout;

package/package.json

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

package/dist/@mf-types.d.ts

@@ -1,3 +0,0 @@
-
-    export type RemoteKeys = 'REMOTE_ALIAS_IDENTIFIER/Version' | 'REMOTE_ALIAS_IDENTIFIER/TextInput' | 'REMOTE_ALIAS_IDENTIFIER/InputTextArea' | 'REMOTE_ALIAS_IDENTIFIER/Select' | 'REMOTE_ALIAS_IDENTIFIER/Checkbox' | 'REMOTE_ALIAS_IDENTIFIER/Button' | 'REMOTE_ALIAS_IDENTIFIER/Toaster' | 'REMOTE_ALIAS_IDENTIFIER/Modal' | 'REMOTE_ALIAS_IDENTIFIER/theme' | 'REMOTE_ALIAS_IDENTIFIER/Sidebar' | 'REMOTE_ALIAS_IDENTIFIER/Navbar' | 'REMOTE_ALIAS_IDENTIFIER/Loading' | 'REMOTE_ALIAS_IDENTIFIER/Skeletons' | 'REMOTE_ALIAS_IDENTIFIER/RadioButton' | 'REMOTE_ALIAS_IDENTIFIER/ButtonGroupIcon' | 'REMOTE_ALIAS_IDENTIFIER/ProgressBar' | 'REMOTE_ALIAS_IDENTIFIER/NumberInput' | 'REMOTE_ALIAS_IDENTIFIER/PinInput' | 'REMOTE_ALIAS_IDENTIFIER/ProfileCard' | 'REMOTE_ALIAS_IDENTIFIER/Breadcrumb' | 'REMOTE_ALIAS_IDENTIFIER/TableComponent' | 'REMOTE_ALIAS_IDENTIFIER/Tooltip' | 'REMOTE_ALIAS_IDENTIFIER/ApexBarChart' | 'REMOTE_ALIAS_IDENTIFIER/ApexPieChart' | 'REMOTE_ALIAS_IDENTIFIER/ProfilePhotoViewer';
-    type PackageType<T> = T extends 'REMOTE_ALIAS_IDENTIFIER/ProfilePhotoViewer' ? typeof import('REMOTE_ALIAS_IDENTIFIER/ProfilePhotoViewer') :T extends 'REMOTE_ALIAS_IDENTIFIER/ApexPieChart' ? typeof import('REMOTE_ALIAS_IDENTIFIER/ApexPieChart') :T extends 'REMOTE_ALIAS_IDENTIFIER/ApexBarChart' ? typeof import('REMOTE_ALIAS_IDENTIFIER/ApexBarChart') :T extends 'REMOTE_ALIAS_IDENTIFIER/Tooltip' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Tooltip') :T extends 'REMOTE_ALIAS_IDENTIFIER/TableComponent' ? typeof import('REMOTE_ALIAS_IDENTIFIER/TableComponent') :T extends 'REMOTE_ALIAS_IDENTIFIER/Breadcrumb' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Breadcrumb') :T extends 'REMOTE_ALIAS_IDENTIFIER/ProfileCard' ? typeof import('REMOTE_ALIAS_IDENTIFIER/ProfileCard') :T extends 'REMOTE_ALIAS_IDENTIFIER/PinInput' ? typeof import('REMOTE_ALIAS_IDENTIFIER/PinInput') :T extends 'REMOTE_ALIAS_IDENTIFIER/NumberInput' ? typeof import('REMOTE_ALIAS_IDENTIFIER/NumberInput') :T extends 'REMOTE_ALIAS_IDENTIFIER/ProgressBar' ? typeof import('REMOTE_ALIAS_IDENTIFIER/ProgressBar') :T extends 'REMOTE_ALIAS_IDENTIFIER/ButtonGroupIcon' ? typeof import('REMOTE_ALIAS_IDENTIFIER/ButtonGroupIcon') :T extends 'REMOTE_ALIAS_IDENTIFIER/RadioButton' ? typeof import('REMOTE_ALIAS_IDENTIFIER/RadioButton') :T extends 'REMOTE_ALIAS_IDENTIFIER/Skeletons' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Skeletons') :T extends 'REMOTE_ALIAS_IDENTIFIER/Loading' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Loading') :T extends 'REMOTE_ALIAS_IDENTIFIER/Navbar' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Navbar') :T extends 'REMOTE_ALIAS_IDENTIFIER/Sidebar' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Sidebar') :T extends 'REMOTE_ALIAS_IDENTIFIER/theme' ? typeof import('REMOTE_ALIAS_IDENTIFIER/theme') :T extends 'REMOTE_ALIAS_IDENTIFIER/Modal' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Modal') :T extends 'REMOTE_ALIAS_IDENTIFIER/Toaster' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Toaster') :T extends 'REMOTE_ALIAS_IDENTIFIER/Button' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Button') :T extends 'REMOTE_ALIAS_IDENTIFIER/Checkbox' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Checkbox') :T extends 'REMOTE_ALIAS_IDENTIFIER/Select' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Select') :T extends 'REMOTE_ALIAS_IDENTIFIER/InputTextArea' ? typeof import('REMOTE_ALIAS_IDENTIFIER/InputTextArea') :T extends 'REMOTE_ALIAS_IDENTIFIER/TextInput' ? typeof import('REMOTE_ALIAS_IDENTIFIER/TextInput') :T extends 'REMOTE_ALIAS_IDENTIFIER/Version' ? typeof import('REMOTE_ALIAS_IDENTIFIER/Version') :any;