sprint-asia-custom-component 0.1.29 → 0.1.31

package/dist/index.js

@@ -46580,10 +46580,10 @@
 
   const SearchDropdown = ({
     options = [{
-      name: "Name 1",
+      option: "Name 1",
       value: "Value 1"
     }, {
-      name: "Name 2",
+      option: "Name 2",
       value: "Value 2"
     }],
     placeholderSearch = "Search Here",
@@ -46616,7 +46616,7 @@
       className: "flex items-center bg-white rounded-tl-md rounded-bl-md"
     }, /*#__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.name), isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, null) : /*#__PURE__*/React__default["default"].createElement(PiCaretDown, null), /*#__PURE__*/React__default["default"].createElement("p", {
+    }, filterDropdown.option), isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, null) : /*#__PURE__*/React__default["default"].createElement(PiCaretDown, null), /*#__PURE__*/React__default["default"].createElement("p", {
       className: `${filterSearch ? "text-black" : "text-neutral50"} ml-3`
     }, "|")), isOpen && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "z-10 origin-top-left absolute left-0 mt-2 w-full rounded-md shadow-md bg-white ring-1 ring-black ring-opacity-5 focus:outline-none overflow-hidden",
@@ -46633,7 +46633,7 @@
       className: "flex justify-between"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm text-black"
-    }, option.name)))) : /*#__PURE__*/React__default["default"].createElement("div", {
+    }, option.option)))) : /*#__PURE__*/React__default["default"].createElement("div", {
       className: "text-sm font-normal text-black flex justify-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", null, "Data Not Available"))))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: `${filterSearch ? "border-black" : "border-neutral50"} relative border-t border-b border-r rounded-tr-md rounded-br-md`
@@ -46655,14 +46655,14 @@
     options = [{
       menu: "Type",
       submenu: [{
-        name: "Type 1",
+        option: "Type 1",
         value: "type1"
       }],
       type: "checkbox"
     }, {
       menu: "Status",
       submenu: [{
-        name: "Status 1",
+        option: "Status 1",
         value: "status1"
       }],
       type: "radiobutton"
@@ -46698,17 +46698,17 @@
       });
     }, [dataValueFilterCheckbox, dataValueFilterStatus]);
     const handleClickSubmenuCheckbox = submenu => {
-      const updatedOptionsName = dataFilterCheckbox.includes(submenu.name) ? dataFilterCheckbox.filter(selected => selected !== submenu.name) : [...dataFilterCheckbox, submenu.name];
+      const updatedOptionsName = dataFilterCheckbox.includes(submenu.option) ? dataFilterCheckbox.filter(selected => selected !== submenu.option) : [...dataFilterCheckbox, submenu.option];
       setDataFilterCheckbox(updatedOptionsName);
       const updatedOptionsValue = dataValueFilterCheckbox.includes(submenu.value) ? dataValueFilterCheckbox.filter(selected => selected !== submenu.value) : [...dataValueFilterCheckbox, submenu.value];
       setDataValueFilterCheckbox(updatedOptionsValue);
     };
     const handleClickSubmenuRadioButton = submenu => {
-      if (submenu.name == dataFilterStatus[0] && submenu.value == dataValueFilterStatus[0]) {
+      if (submenu.option == dataFilterStatus[0] && submenu.value == dataValueFilterStatus[0]) {
         setDataFilterStatus([]);
         setDataValueFilterStatus([]);
       } else {
-        setDataFilterStatus([submenu.name]);
+        setDataFilterStatus([submenu.option]);
         setDataValueFilterStatus([submenu.value]);
       }
     };
@@ -46794,20 +46794,20 @@
     }, /*#__PURE__*/React__default["default"].createElement("input", {
       type: "checkbox",
       className: "mr-2",
-      checked: dataFilterCheckbox.includes(submenu.name),
+      checked: dataFilterCheckbox.includes(submenu.option),
       onChange: () => handleClickSubmenuCheckbox(submenu)
     }), /*#__PURE__*/React__default["default"].createElement("p", {
       className: `text-sm ${dataFilterCheckbox.includes(submenu) ? 'text-primary500' : 'text-black'}`
-    }, submenu.name)), option.type === "radiobutton" && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, submenu.option)), option.type === "radiobutton" && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center"
     }, /*#__PURE__*/React__default["default"].createElement("input", {
       type: "radio",
       className: "mr-2",
-      checked: dataFilterStatus.includes(submenu.name),
+      checked: dataFilterStatus.includes(submenu.option),
       onChange: () => handleClickSubmenuRadioButton(submenu)
     }), /*#__PURE__*/React__default["default"].createElement("p", {
       className: `text-sm ${dataFilterStatus.includes(submenu) ? 'text-primary500' : 'text-black'}`
-    }, submenu.name)))))))))));
+    }, submenu.option)))))))))));
   };
 
   const Footer = ({

package/package.json

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

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

@@ -6,7 +6,7 @@ const FilterDropdown = ({
         {
             menu:"Type",
             submenu:[{
-                name:"Type 1",
+                option:"Type 1",
                 value : "type1"
             }],
             type:"checkbox"
@@ -14,7 +14,7 @@ const FilterDropdown = ({
         {
             menu:"Status",
             submenu:[{
-                name : "Status 1",
+                option : "Status 1",
                 value : "status1"
             }],
             type:"radiobutton"
@@ -56,9 +56,9 @@ const FilterDropdown = ({
     }, [dataValueFilterCheckbox, dataValueFilterStatus])
 
     const handleClickSubmenuCheckbox = (submenu) => {
-        const updatedOptionsName = dataFilterCheckbox.includes(submenu.name)
-            ? dataFilterCheckbox.filter((selected) => selected !== submenu.name)
-            : [...dataFilterCheckbox, submenu.name];
+        const updatedOptionsName = dataFilterCheckbox.includes(submenu.option)
+            ? dataFilterCheckbox.filter((selected) => selected !== submenu.option)
+            : [...dataFilterCheckbox, submenu.option];
 
         setDataFilterCheckbox(updatedOptionsName);
 
@@ -70,12 +70,12 @@ const FilterDropdown = ({
     }
 
     const handleClickSubmenuRadioButton = (submenu) => {
-        if (submenu.name == dataFilterStatus[0] && submenu.value == dataValueFilterStatus[0]) {
+        if (submenu.option == dataFilterStatus[0] && submenu.value == dataValueFilterStatus[0]) {
             setDataFilterStatus([])
             setDataValueFilterStatus([])
         }
         else {
-            setDataFilterStatus([submenu.name]);
+            setDataFilterStatus([submenu.option]);
             setDataValueFilterStatus([submenu.value]);
         }
     }
@@ -172,11 +172,11 @@ const FilterDropdown = ({
                                                                         <input
                                                                             type='checkbox'
                                                                             className='mr-2'
-                                                                            checked={dataFilterCheckbox.includes(submenu.name)}
+                                                                            checked={dataFilterCheckbox.includes(submenu.option)}
                                                                             onChange={() => handleClickSubmenuCheckbox(submenu)}
                                                                         />
                                                                         <p className={`text-sm ${dataFilterCheckbox.includes(submenu) ? 'text-primary500' : 'text-black'}`}>
-                                                                            {submenu.name}
+                                                                            {submenu.option}
                                                                         </p>
                                                                     </div>
                                                                 }
@@ -186,11 +186,11 @@ const FilterDropdown = ({
                                                                         <input
                                                                             type='radio'
                                                                             className='mr-2'
-                                                                            checked={dataFilterStatus.includes(submenu.name)}
+                                                                            checked={dataFilterStatus.includes(submenu.option)}
                                                                             onChange={() => handleClickSubmenuRadioButton(submenu)}
                                                                         />
                                                                         <p className={`text-sm ${dataFilterStatus.includes(submenu) ? 'text-primary500' : 'text-black'}`}>
-                                                                            {submenu.name}
+                                                                            {submenu.option}
                                                                         </p>
                                                                     </div>
                                                                 }

package/src/components/searchdropdown/index.js

@@ -4,11 +4,11 @@ import { PiMagnifyingGlass, PiCaretDown, PiCaretUp } from 'react-icons/pi';
 const SearchDropdown = ({
     options = [
       {
-        name : "Name 1",
+        option : "Name 1",
         value : "Value 1"
       },
       {
-        name : "Name 2",
+        option : "Name 2",
         value : "Value 2"
       },
     ],
@@ -38,7 +38,7 @@ const SearchDropdown = ({
         <div className='flex items-center h-full'>
           <div className={`${filterSearch ? "border-black" : "border-neutral50"} 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'>
-              <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.name}</p>
+              <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>
               {
                 isOpen ? <PiCaretUp /> : <PiCaretDown />
               }
@@ -61,7 +61,7 @@ const SearchDropdown = ({
                                 onClick={() => handleClickOption(option)}
                             >
                                 <div className='flex justify-between'>
-                                  <p className='text-sm text-black'>{option.name}</p>
+                                  <p className='text-sm text-black'>{option.option}</p>
                                 </div>
                             </div>
                         ))

package/src/templates/index.js

@@ -723,7 +723,7 @@ const Templates = () => {
 
   const [searchFilter, setSearchFilter] = useState()
   const [filterDropdown, setFilterDropdown] = useState({
-    name : "duar",
+    option : "duar",
     value : "dfdsf"
   })
 
@@ -964,11 +964,11 @@ const Templates = () => {
               menu:"Type",
               submenu:[
                 {
-                  name:"Type 1",
+                  option:"Type 1",
                   value : "type1"
                 },
                 {
-                  name:"Type 2",
+                  option:"Type 2",
                   value : "type2"
                 },
               ],
@@ -978,11 +978,11 @@ const Templates = () => {
                 menu:"Status",
                 submenu:[
                   {
-                    name : "Status 1",
+                    option : "Status 1",
                     value : "status1"
                   },
                   {
-                    name : "Status 2",
+                    option : "Status 2",
                     value : "status2"
                   },
                 ],
@@ -991,9 +991,6 @@ const Templates = () => {
           ]}
           setDataFilterResult={setDataFilterResult}
         />
-        {
-          console.log("woeee ini", dataFilterResult)
-        }
 
         <div className='m-9'></div>
         <p className='text-black font-bold text-2xl text-center py-2'>Menu</p>
@@ -1065,11 +1062,11 @@ const Templates = () => {
         <SearchDropdown
           options={[
             {
-              name: "Name 1",
+              option: "Name 1",
               value : "Value 1"
             },
             {
-              name: "Name 2",
+              option: "Name 2",
               value : "Value 2"
             },
           ]}