sprint-asia-custom-component 0.1.134 → 0.1.135

package/dist/index.js

@@ -45436,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);
         }
       }
@@ -45513,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);
         }
       }
@@ -47745,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", {
@@ -47807,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 = () => {}
@@ -47910,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.134",
+  "version": "0.1.135",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

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

@@ -1220,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",
           },
@@ -1305,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}
@@ -1473,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>