sprint-asia-custom-component 0.1.133 → 0.1.135

package/dist/index.js

@@ -23905,14 +23905,11 @@
 
   const DescriptionFile = ({
     title = "Title",
-    link
+    link,
+    fileName
   }) => {
-    const getFileExtension = url => {
-      const match = url?.split(".").pop();
-      return match ? match.toLowerCase() : "file";
-    };
-    const fileExtension = getFileExtension(link);
-    const getFileIcon = ext => {
+    const getFileIcon = fileName => {
+      const ext = fileName.split(".").pop().toLowerCase();
       switch (ext) {
         case "pdf":
           return /*#__PURE__*/React__default["default"].createElement(PiFilePdf, {
@@ -23939,12 +23936,12 @@
       className: "text-sm font-normal text-black mb-1 py-2"
     }, title), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center cursor-pointer"
-    }, /*#__PURE__*/React__default["default"].createElement("div", null, getFileIcon(fileExtension)), /*#__PURE__*/React__default["default"].createElement("a", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, getFileIcon(fileName || title)), /*#__PURE__*/React__default["default"].createElement("a", {
       className: "text-md font-semibold text-base ml-1",
       href: link || "#",
       target: "_blank",
       rel: "noopener noreferrer"
-    }, link ? `${title}.${fileExtension}` : "Loading...")));
+    }, fileName || title)));
   };
 
   const DropdownCard = ({
@@ -45439,12 +45436,12 @@
       className: "flex justify-between items-center"
     }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm text-black font-normal p-4"
-    }, "From ", firstData, " to ", lastData, " of total : ", totalCount)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "From ", firstData || 0, " to ", lastData || 0, " of total : ", totalCount || 0)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex px-4 py-2"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `m-1 w-10 h-10 rounded-full ${currentPage === 1 ? 'bg-neutral20 cursor-default' : 'bg-white cursor-pointer border border-neutral40'} flex items-center justify-center`,
+      className: `m-1 w-10 h-10 rounded-full ${currentPage === 1 || firstData === 0 || lastData === 0 || totalCount === 0 || !firstData || !lastData || !totalCount ? 'bg-neutral20 cursor-default' : 'bg-white cursor-pointer border border-neutral40'} flex items-center justify-center`,
       onClick: () => {
-        if (currentPage !== 1) {
+        if (currentPage !== 1 || firstData > 0 || lastData > 0 || totalCount > 0) {
           handleChangePages(currentPage - 1);
         }
       }
@@ -45516,9 +45513,9 @@
       className: "m-1 w-10 h-10 rounded-full bg-primary500 text-white cursor-pointer flex items-center justify-center font-semibold",
       onClick: () => handleChangePages(currentPage)
     }, /*#__PURE__*/React__default["default"].createElement("p", null, currentPage)))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `m-1 w-10 h-10 rounded-full ${currentPage === totalPage ? 'bg-neutral20 cursor-default' : 'bg-white cursor-pointer border border-neutral40'} flex items-center justify-center`,
+      className: `m-1 w-10 h-10 rounded-full ${currentPage === totalPage || firstData === 0 || lastData === 0 || totalCount === 0 || !firstData || !lastData || !totalCount ? 'bg-neutral20 cursor-default' : 'bg-white cursor-pointer border border-neutral40'} flex items-center justify-center`,
       onClick: () => {
-        if (currentPage !== totalPage) {
+        if (currentPage !== totalPage || firstData > 0 || lastData > 0 || totalCount > 0) {
           handleChangePages(currentPage + 1);
         }
       }
@@ -47748,7 +47745,7 @@
       className: `${input ? "border-black" : "border-neutral50"} relative cursor-pointer border-t border-b border-l rounded-tl-md rounded-bl-md`,
       onClick: () => setIsOpen(!isOpen)
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex items-center bg-white rounded-tl-md rounded-bl-md"
+      className: "flex items-center bg-white rounded-tl-md rounded-bl-md min-w-36"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "flex items-center w-full py-2.5 text-left pl-4 pr-4 bg-white rounded-md font-bold text-sm text-neutral300"
     }, filterDropdown.option), isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, null) : /*#__PURE__*/React__default["default"].createElement(PiCaretDown, null), /*#__PURE__*/React__default["default"].createElement("p", {
@@ -47810,6 +47807,22 @@
         value: "payment1"
       }],
       type: "checkbox"
+    }, {
+      menu: "Payment 2",
+      parameter: "payment 2",
+      submenu: [{
+        option: "Payment 2",
+        value: "payment2"
+      }],
+      type: "checkbox"
+    }, {
+      menu: "Payment 3",
+      parameter: "payment 3",
+      submenu: [{
+        option: "Payment 3",
+        value: "payment3"
+      }],
+      type: "checkbox"
     }],
     dataFilterResult,
     setDataFilterResult = () => {}
@@ -47913,7 +47926,7 @@
         fontSize: "8px"
       }
     }, dataFilterResult[option.parameter]?.length || 0))), showFilterSubmenu && option.submenu.length > 0 && dataSelectionOptionMenu === option.menu && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: `ml-1 border border-neutral40 bg-white p-3 shadow-md rounded-md w-56 absolute left-48 cursor-pointer ${index == 0 && "top-0"} ${index == 1 && "top-16"} ${index == 2 && "top-24"} ${index == 3 && "top-36"}`
+      className: `ml-1 border border-neutral40 bg-white p-3 shadow-md rounded-md w-56 absolute left-48 cursor-pointer ${index == 0 && "top-0"} ${index == 1 && "top-16"} ${index == 2 && "top-24"} ${index == 3 && "top-36"} ${index == 4 && "top-48"}`
     }, option.submenu.map((submenu, subIndex) => /*#__PURE__*/React__default["default"].createElement("div", {
       key: subIndex,
       className: "flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-4 my-0.5",

package/package.json

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

package/src/components/description/file/index.js

@@ -3,15 +3,10 @@ import { PiFilePdf } from "react-icons/pi";
 import { FaFileImage } from "react-icons/fa";
 import { FaFileAlt } from "react-icons/fa";
 
-const DescriptionFile = ({ title = "Title", link }) => {
-  const getFileExtension = (url) => {
-    const match = url?.split(".").pop();
-    return match ? match.toLowerCase() : "file";
-  };
-
-  const fileExtension = getFileExtension(link);
+const DescriptionFile = ({ title = "Title", link, fileName }) => {
+  const getFileIcon = (fileName) => {
+    const ext = fileName.split(".").pop().toLowerCase();
 
-  const getFileIcon = (ext) => {
     switch (ext) {
       case "pdf":
         return <PiFilePdf className="text-black" size={16} />;
@@ -28,14 +23,14 @@ const DescriptionFile = ({ title = "Title", link }) => {
     <div className="w-full">
       {title && <p className="text-sm font-normal text-black mb-1 py-2">{title}</p>}
       <div className="flex items-center cursor-pointer">
-        <div>{getFileIcon(fileExtension)}</div>
+        <div>{getFileIcon(fileName || title)}</div>
         <a
           className="text-md font-semibold text-base ml-1"
           href={link || "#"}
           target="_blank"
           rel="noopener noreferrer"
         >
-          {link ? `${title}.${fileExtension}` : "Loading..."}
+          {fileName || title}
         </a>
       </div>
     </div>

package/src/components/filter/filterDropdown/index.js

@@ -30,6 +30,24 @@ const FilterDropdown = ({
             }],
             type:"checkbox"
         },
+        {
+            menu:"Payment 2",
+            parameter : "payment 2",
+            submenu:[{
+                option : "Payment 2",
+                value : "payment2"
+            }],
+            type:"checkbox"
+        },
+        {
+            menu:"Payment 3",
+            parameter : "payment 3",
+            submenu:[{
+                option : "Payment 3",
+                value : "payment3"
+            }],
+            type:"checkbox"
+        },
     ],
     dataFilterResult,
     setDataFilterResult = () => {},
@@ -157,7 +175,7 @@ const FilterDropdown = ({
                                         </div>
                                         {   
                                             showFilterSubmenu && option.submenu.length > 0 && dataSelectionOptionMenu === option.menu &&
-                                            <div className={`ml-1 border border-neutral40 bg-white p-3 shadow-md rounded-md w-56 absolute left-48 cursor-pointer ${index == 0 && "top-0"} ${index == 1 && "top-16"} ${index == 2 && "top-24"} ${index == 3 && "top-36"}`}>
+                                            <div className={`ml-1 border border-neutral40 bg-white p-3 shadow-md rounded-md w-56 absolute left-48 cursor-pointer ${index == 0 && "top-0"} ${index == 1 && "top-16"} ${index == 2 && "top-24"} ${index == 3 && "top-36"} ${index == 4 && "top-48"}`}>
                                                 {
                                                     option.submenu.map((submenu, subIndex) => (
                                                         <div key={subIndex} className='flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-4 my-0.5' 

package/src/components/searchdropdown/index.js

@@ -41,7 +41,7 @@ const SearchDropdown = ({
           } relative cursor-pointer border-t border-b border-l rounded-tl-md rounded-bl-md`}
           onClick={() => setIsOpen(!isOpen)}
         >
-          <div className="flex items-center bg-white rounded-tl-md rounded-bl-md">
+          <div className="flex items-center bg-white rounded-tl-md rounded-bl-md min-w-36">
             <p className="flex items-center w-full py-2.5 text-left pl-4 pr-4 bg-white rounded-md font-bold text-sm text-neutral300">
               {filterDropdown.option}
             </p>

package/src/components/table/pagination/index.js

@@ -20,18 +20,18 @@ const Pagination = ({
       <div className='flex justify-between items-center'>
         <div>
             <p className='text-sm text-black font-normal p-4'>
-                From {firstData} to {lastData} of total : {totalCount}
+                From {firstData || 0} to {lastData || 0} of total : {totalCount || 0}
             </p>
         </div>
         <div className='flex px-4 py-2'>
         <div
             className={`m-1 w-10 h-10 rounded-full ${
-                currentPage === 1
+                (currentPage === 1 || firstData === 0 || lastData === 0 || totalCount === 0 || !firstData || !lastData || !totalCount)
                     ? 'bg-neutral20 cursor-default'
                     : 'bg-white cursor-pointer border border-neutral40'
             } flex items-center justify-center`}
             onClick={() => {
-                if (currentPage !== 1) {
+                if (currentPage !== 1 || firstData > 0 || lastData > 0 || totalCount > 0) {
                     handleChangePages(currentPage - 1);
                 }
             }}
@@ -190,12 +190,12 @@ const Pagination = ({
             }
             <div
                 className={`m-1 w-10 h-10 rounded-full ${
-                currentPage === totalPage
+                (currentPage === totalPage || firstData === 0 || lastData === 0 || totalCount === 0 || !firstData || !lastData || !totalCount)
                     ? 'bg-neutral20 cursor-default'
                     : 'bg-white cursor-pointer border border-neutral40'
                 } flex items-center justify-center`}
                 onClick={() => {
-                    if (currentPage !== totalPage) {
+                    if (currentPage !== totalPage || firstData > 0 || lastData > 0 || totalCount > 0) {
                         handleChangePages(currentPage + 1)
                     }
                 }}

package/src/templates/index.js

@@ -60,6 +60,7 @@ import CellModelFive from "../components/table/listTable/cellmodefive";
 import CellModelSix from "../components/table/listTable/cellmodesix";
 import CellModelSeven from "../components/table/listTable/cellmodelseven";
 import CustomPhone from "../components/customphone";
+import DescriptionFile from "../components/description/file";
 
 const Templates = () => {
   const [startDate, setStartDate] = useState(null);
@@ -838,6 +839,14 @@ const Templates = () => {
 
   return (
     <div>
+      <DescriptionFile
+        title="Project Brief"
+        link={
+          "http://192.168.4.224:8080/api/division/files/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJjbGllbnRJZCI6IjlhOGM4ZTU1LWM3YzctNDEwZS1iNzYwLTVlZWI4NmI4YzVkMyIsImNsaWVudE5hbWUiOiJNYXN0ZXIgQ2xpZW50IiwiZGl2aXNpb25JZCI6IjljMmM2Y2NiLWZlZGUtNDJmZi1hMzc1LTE0ZWNjOTY5OWExMSIsImRpdmlzaW9uTmFtZSI6Ik1hc3RlciBEaXZpc2lvbiIsImV4cCI6MTczNjI2MzI2NSwicm9sZUlkIjoiMTk5ZWMxODItZjBjMy0xMWVlLTkzMzYtZGMxYmExNGE1YmY5IiwidXNlcklkIjoiNjlkNTUwNTUtYmY5NS00YjBkLWJkZWMtYjY1YTI0MWFiNjRmIiwidXNlck5hbWUiOiJoYW5keSBudWdyYWhhIn0.bfqIMzp-htu0-CWDRakgOem-c9Hn_2u6MfqgEMCPq54/61820a4c-f102-4dc1-a8bc-6c2956a333a5.pdf"
+        }
+        fileName="61820a4c-f102-4dc1-a8bc-6c2956a333a5.pdf"
+      />
+
       <div>
         {/* <OutlineButton title="Test" /> */}
         <Header title="Navbar" roleName="System Administrators" dataBalance={10000} />
@@ -1211,6 +1220,40 @@ const Templates = () => {
                 option: "Payment 1",
                 value: "payment1",
               },
+              {
+                option: "Payment 1",
+                value: "payment1",
+              },
+            ],
+            type: "radiobutton",
+          },
+          {
+            menu: "Payment 2",
+            parameter: "payment2",
+            submenu: [
+              {
+                option: "Payment 1",
+                value: "payment1",
+              },
+              {
+                option: "Payment 1",
+                value: "payment1",
+              },
+            ],
+            type: "radiobutton",
+          },
+          {
+            menu: "Payment 3",
+            parameter: "payment3",
+            submenu: [
+              {
+                option: "Payment 1",
+                value: "payment1",
+              },
+              {
+                option: "Payment 1",
+                value: "payment1",
+              },
             ],
             type: "radiobutton",
           },
@@ -1296,6 +1339,14 @@ const Templates = () => {
             option: "Name 2",
             value: "Value 2",
           },
+          {
+            option: "Ref id",
+            value: "Value 2",
+          },
+          {
+            option: "Voucher Statusssssssss",
+            value: "Value 2",
+          },
         ]}
         placeholderSearch="Search Here..."
         filterDropdown={filterDropdown}
@@ -1464,6 +1515,14 @@ const Templates = () => {
         totalPage={totalPage}
         onChangePages={(page) => setCurrentPage(page)}
       />
+      <Pagination
+        firstData={null}
+        lastData={null}
+        totalCount={null}
+        currentPage={1}
+        totalPage={null}
+        onChangePages={(page) => setCurrentPage(page)}
+      />
 
       <div className="m-9"></div>
       <p className="text-black font-bold text-2xl text-center py-2">Text Input</p>