sprint-asia-custom-component 0.1.74 → 0.1.76

package/dist/index.js

@@ -44150,7 +44150,8 @@
     title = "",
     value,
     onChange,
-    isRequired = true
+    isRequired = true,
+    className
   }) => {
     // ADDED function to handle the change from parent
 
@@ -44158,7 +44159,7 @@
       onChange(content);
     };
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "w-full h-60"
+      className: "w-full"
     }, title && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -44168,20 +44169,21 @@
     }, "*")), /*#__PURE__*/React__default["default"].createElement(ReactQuill$1, {
       value: value,
       onChange: handleChange,
+      className: className,
       modules: {
         toolbar: [[{
-          'header': [1, 3, 4, 5, 6, false]
-        }], ['bold', 'italic', 'link', {
-          'list': 'bullet'
+          header: [1, 3, 4, 5, 6, false]
+        }], ["bold", "italic", "link", {
+          list: "bullet"
         }, {
-          'list': 'ordered'
+          list: "ordered"
         }], [{
-          'indent': '-1'
+          indent: "-1"
         }, {
-          'indent': '+1'
+          indent: "+1"
         }]]
       },
-      formats: ['header', 'bold', 'italic', 'strike', 'blockquote', 'list', 'bullet', 'link', 'indent']
+      formats: ["header", "bold", "italic", "strike", "blockquote", "list", "bullet", "link", "indent"]
     }));
   };
 
@@ -48077,6 +48079,7 @@
   exports.Stepper = Stepper;
   exports.Switch = Switch;
   exports.TabBar = TabBar;
+  exports.TextEditor = TextEditor;
   exports.TextInput = TextInput;
   exports.VerticalStepBar = VerticalStepBar;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.74",
+  "version": "0.1.76",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/texteditor/index.js

@@ -1,56 +1,42 @@
-import React from 'react';
-import ReactQuill from 'react-quill';
-import '../../assets/css/reactquill/quill.snow.css';
-
+import React from "react";
+import ReactQuill from "react-quill";
+import "../../assets/css/reactquill/quill.snow.css";
 
 // ADDED value and onChange
 
-const TextEditor = ({
-    title = "",
-    value,
-    onChange,
-    isRequired = true,
-}) => {
-
-
-    // ADDED function to handle the change from parent
-
-    const handleChange = (content) => {
-        onChange(content);
-    };
-
-    return (
-        <div className='w-full h-60'>
-            {title &&
-                <div className='flex'>
-                    <p className="text-sm font-normal text-black mb-1">{title}</p>
-                    {isRequired && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
-                </div>
-            }
-
+const TextEditor = ({ title = "", value, onChange, isRequired = true, className }) => {
+  // ADDED function to handle the change from parent
 
-            {/* ADDED the parameters to be used in Parent*/}
+  const handleChange = (content) => {
+    onChange(content);
+  };
 
-            <ReactQuill
-                value={value}
-                onChange={handleChange}
-                modules={{
-                    toolbar: [
-                        [{ 'header': [1, 3, 4, 5, 6, false] }],
-                        ['bold', 'italic', 'link', { 'list': 'bullet' }, { 'list': 'ordered' }],
-                        [{ 'indent': '-1' }, { 'indent': '+1' }],
-                    ],
-                }}
-                formats={[
-                    'header',
-                    'bold', 'italic', 'strike', 'blockquote',
-                    'list', 'bullet',
-                    'link',
-                    'indent',
-                ]}
-            />
+  return (
+    <div className="w-full">
+      {title && (
+        <div className="flex">
+          <p className="text-sm font-normal text-black mb-1">{title}</p>
+          {isRequired && <p className="text-sm font-normal text-danger500 ml-1">*</p>}
         </div>
-    );
+      )}
+
+      {/* ADDED the parameters to be used in Parent*/}
+
+      <ReactQuill
+        value={value}
+        onChange={handleChange}
+        className={className}
+        modules={{
+          toolbar: [
+            [{ header: [1, 3, 4, 5, 6, false] }],
+            ["bold", "italic", "link", { list: "bullet" }, { list: "ordered" }],
+            [{ indent: "-1" }, { indent: "+1" }],
+          ],
+        }}
+        formats={["header", "bold", "italic", "strike", "blockquote", "list", "bullet", "link", "indent"]}
+      />
+    </div>
+  );
 };
 
 export default TextEditor;

package/src/index.js

@@ -86,6 +86,7 @@ import SearchDropdown from "./components/searchdropdown";
 import FilterDropdown from "./components/filter/filterDropdown";
 import Footer from "./components/footer";
 import Header from "./components/header";
+import TextEditor from "./components/texteditor";
 
 export {
   Header,
@@ -144,4 +145,5 @@ export {
   DepositList,
   ModalDeposit,
   DescriptionFile,
+  TextEditor,
 };