sprint-asia-custom-component 0.1.73 → 0.1.75

package/dist/index.js

@@ -23816,14 +23816,17 @@
     endDate,
     onChangeEndDate,
     isRequired,
-    title
+    title,
+    className
   }) => {
     const onChange = dates => {
       const [start, end] = dates;
       onChangeStartDate(start);
       onChangeEndDate(end);
     };
-    return /*#__PURE__*/React__default["default"].createElement("div", null, title && /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: `w-full ${className}`
+    }, title && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-normal text-black mb-1"
@@ -44147,7 +44150,8 @@
     title = "",
     value,
     onChange,
-    isRequired = true
+    isRequired = true,
+    className
   }) => {
     // ADDED function to handle the change from parent
 
@@ -44155,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", {
@@ -44165,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"]
     }));
   };
 

package/package.json

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

package/src/components/datepicker/index.js

@@ -1,46 +1,42 @@
 import React from "react";
 import DatePicker from "react-datepicker";
-import 'react-datepicker/dist/react-datepicker.css';
+import "react-datepicker/dist/react-datepicker.css";
 import { PiCalendarBlankDuotone } from "react-icons/pi";
 
-const CustomDatePicker = ({
-    startDate,
-    onChangeStartDate,
-    endDate,
-    onChangeEndDate,
-    isRequired,
-    title
-}) => {
-    const onChange = (dates) => {
-        const [start, end] = dates
-        onChangeStartDate(start)
-        onChangeEndDate(end)
-    };
+const CustomDatePicker = ({ startDate, onChangeStartDate, endDate, onChangeEndDate, isRequired, title, className }) => {
+  const onChange = (dates) => {
+    const [start, end] = dates;
+    onChangeStartDate(start);
+    onChangeEndDate(end);
+  };
 
   return (
-    <div>
-        {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>
-        )}
-        <div className="cursor-pointer py-1 border border-neutral40 bg-neutral20 rounded-md w-fit flex items-center">
-            <div className="p-2">
-                <PiCalendarBlankDuotone size={16} className="text-neutral300"/>
-            </div>
-            <DatePicker
-                selected={startDate}
-                onChange={onChange}
-                startDate={startDate}
-                endDate={endDate}
-                selectsRange
-                utcOffset={0}
-                dateFormat="d MMM yyyy"
-                className="cursor-pointer bg-neutral20 text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
-            />
+    <div className={`w-full ${className}`}>
+      {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>
+      )}
+
+      <div className="cursor-pointer py-1 border border-neutral40 bg-neutral20 rounded-md w-fit flex items-center">
+        <div className="p-2">
+          <PiCalendarBlankDuotone size={16} className="text-neutral300" />
+        </div>
+
+        <DatePicker
+          selected={startDate}
+          onChange={onChange}
+          startDate={startDate}
+          endDate={endDate}
+          selectsRange
+          utcOffset={0}
+          dateFormat="d MMM yyyy"
+          className="cursor-pointer bg-neutral20 text-neutral300 rounded-md pr-2 focus:outline-none text-sm"
+        />
+      </div>
     </div>
-)}
+  );
+};
 
-export default CustomDatePicker;
+export default CustomDatePicker;

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;