sprint-asia-custom-component 0.1.176 → 0.1.178
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +20 -20
- package/package.json +1 -1
- package/src/components/card/index.js +1 -1
- package/src/components/dropdown/dropdownCard/index.js +1 -1
- package/src/components/dropdown/dropdownChip/index.js +1 -1
- package/src/components/dropdown/dropdownText/index.js +3 -3
- package/src/components/dropdown/dropdownText2/index.js +2 -2
- package/src/components/filter/filterCheckbox/index.js +2 -2
- package/src/components/filter/filterCheckboxDropdown/index.js +3 -3
- package/src/components/filter/filterDropdown/index.js +3 -3
- package/src/components/filter/filterText/index.js +2 -2
- package/src/components/searchdropdown/index.js +1 -1
- package/src/components/tabLayout/tabBar/index.js +1 -1
- package/src/components/textarea/index.js +1 -1
- package/src/components/textinput/index.js +1 -1
package/dist/index.js
CHANGED
|
@@ -329,7 +329,7 @@
|
|
|
329
329
|
className: `
|
|
330
330
|
${mode == "detail" && "border-neutral40 bg-white"}
|
|
331
331
|
${mode == "add" && "border-black bg-neutral10"}
|
|
332
|
-
w-full py-2.5 px-
|
|
332
|
+
w-full py-2.5 px-3 my-0.5 rounded-md border`
|
|
333
333
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
334
334
|
className: "flex justify-between"
|
|
335
335
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -24022,7 +24022,7 @@
|
|
|
24022
24022
|
className: "px-1 py-2 max-h-56 overflow-y-auto"
|
|
24023
24023
|
}, dataDropdown?.length > 0 ? dataDropdown.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24024
24024
|
key: index,
|
|
24025
|
-
className: "hover:bg-neutral20 bg-white py-2.5 px-
|
|
24025
|
+
className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer",
|
|
24026
24026
|
onClick: () => handleOptionClick(option)
|
|
24027
24027
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24028
24028
|
className: "flex justify-between"
|
|
@@ -24109,7 +24109,7 @@
|
|
|
24109
24109
|
className: "px-1 py-2 max-h-40 overflow-y-auto"
|
|
24110
24110
|
}, options?.length > 0 && options.filter(option => option.toLowerCase().includes(inputValue.toLowerCase()) && !selectedOptions?.includes(option)).map(option => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24111
24111
|
key: option,
|
|
24112
|
-
className: "hover:bg-neutral20 bg-white py-2.5 px-
|
|
24112
|
+
className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer",
|
|
24113
24113
|
onClick: () => handleOptionClick(option)
|
|
24114
24114
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
24115
24115
|
className: "text-sm text-black"
|
|
@@ -24177,7 +24177,7 @@
|
|
|
24177
24177
|
${mode === "default" && currentOption === "" && "border-neutral50 bg-neutral20 cursor-pointer"}
|
|
24178
24178
|
${mode === "default" && currentOption !== "" && "border-black bg-neutral20 cursor-pointer"}
|
|
24179
24179
|
${mode === "danger" && "border-danger500 bg-danger50 cursor-pointer"}
|
|
24180
|
-
flex items-center w-full py-2.5 text-left px-
|
|
24180
|
+
flex items-center w-full py-2.5 text-left px-3 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden`,
|
|
24181
24181
|
onClick: () => isEdited && handleToggleDropdownText()
|
|
24182
24182
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
24183
24183
|
className: "flex-grow overflow-hidden"
|
|
@@ -24198,7 +24198,7 @@
|
|
|
24198
24198
|
className: "px-1 py-2 max-h-40 overflow-y-auto"
|
|
24199
24199
|
}, hasData ? options.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24200
24200
|
key: index,
|
|
24201
|
-
className: "hover:bg-neutral20 bg-white py-2.5 px-
|
|
24201
|
+
className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md",
|
|
24202
24202
|
onClick: () => {
|
|
24203
24203
|
if (option.option !== "Loading...") {
|
|
24204
24204
|
handleOptionClick(option.option, option.value);
|
|
@@ -24207,7 +24207,7 @@
|
|
|
24207
24207
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
24208
24208
|
className: "text-sm text-black"
|
|
24209
24209
|
}, option.option))) : /*#__PURE__*/React__default["default"].createElement("div", {
|
|
24210
|
-
className: "bg-white py-2.5 px-
|
|
24210
|
+
className: "bg-white py-2.5 px-3 my-0.5 rounded-md"
|
|
24211
24211
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
24212
24212
|
className: "text-sm text-neutral500"
|
|
24213
24213
|
}, "No data")))), footer && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -26833,7 +26833,7 @@
|
|
|
26833
26833
|
className: "rounded-md shadow-sm"
|
|
26834
26834
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
26835
26835
|
type: "button",
|
|
26836
|
-
className: "flex items-center w-60 py-2.5 text-left px-
|
|
26836
|
+
className: "flex items-center w-60 py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
|
|
26837
26837
|
onClick: handleToggleFilterCheckbox
|
|
26838
26838
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
26839
26839
|
className: "flex-grow"
|
|
@@ -26851,7 +26851,7 @@
|
|
|
26851
26851
|
className: "px-1 py-2"
|
|
26852
26852
|
}, options.map(option => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26853
26853
|
key: option,
|
|
26854
|
-
className: `hover:bg-neutral20 bg-white py-2.5 px-
|
|
26854
|
+
className: `hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer ${selectedOptions.includes(option) ? 'bg-primary500' : ''}`,
|
|
26855
26855
|
onClick: () => handleOptionClick(option)
|
|
26856
26856
|
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
26857
26857
|
type: "checkbox",
|
|
@@ -26916,7 +26916,7 @@
|
|
|
26916
26916
|
className: "rounded-md shadow-sm w-full"
|
|
26917
26917
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
26918
26918
|
type: "button",
|
|
26919
|
-
className: "flex items-center w-full py-2.5 text-left px-
|
|
26919
|
+
className: "flex items-center w-full py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
|
|
26920
26920
|
onClick: handleToggleFilterCheckboxDropdown
|
|
26921
26921
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
26922
26922
|
className: "flex-grow"
|
|
@@ -26936,10 +26936,10 @@
|
|
|
26936
26936
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26937
26937
|
className: "px-1 py-2"
|
|
26938
26938
|
}, options.length === 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26939
|
-
className: "hover:bg-neutral20 bg-white py-2.5 px-
|
|
26939
|
+
className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md text-sm text-neutral500 text-center"
|
|
26940
26940
|
}, "No Data") : options.map(val => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26941
26941
|
key: val.value,
|
|
26942
|
-
className: `hover:bg-neutral20 bg-white py-2.5 px-
|
|
26942
|
+
className: `hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer ${selectedOptions.some(option => option.value === val.value) ? 'bg-primary500' : ''}`,
|
|
26943
26943
|
onClick: () => handleOptionClick(val.value)
|
|
26944
26944
|
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
26945
26945
|
type: "checkbox",
|
|
@@ -26988,7 +26988,7 @@
|
|
|
26988
26988
|
className: "rounded-md shadow-sm"
|
|
26989
26989
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
26990
26990
|
type: "button",
|
|
26991
|
-
className: "flex items-center w-60 py-2.5 text-left px-
|
|
26991
|
+
className: "flex items-center w-60 py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none",
|
|
26992
26992
|
onClick: handleToggleFilterText
|
|
26993
26993
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
26994
26994
|
className: "flex-grow"
|
|
@@ -27006,7 +27006,7 @@
|
|
|
27006
27006
|
className: "px-1 py-2"
|
|
27007
27007
|
}, options.map(option => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
27008
27008
|
key: option,
|
|
27009
|
-
className: "hover:bg-neutral20 bg-white py-2.5 px-
|
|
27009
|
+
className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md",
|
|
27010
27010
|
onClick: () => handleOptionClick(option)
|
|
27011
27011
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
27012
27012
|
className: "text-sm text-black"
|
|
@@ -29220,7 +29220,7 @@
|
|
|
29220
29220
|
max: maximum !== null && maximum !== undefined && type === "number" ? maximum : undefined,
|
|
29221
29221
|
type: type === "password" ? showPassword ? "text" : "password" : "text" // number tetap text
|
|
29222
29222
|
,
|
|
29223
|
-
className: `py-2.5 px-
|
|
29223
|
+
className: `py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
|
|
29224
29224
|
${!value && mode === "default" && "bg-neutral20 border-neutral50 focus:outline-2 outline-primary500"}
|
|
29225
29225
|
${value && mode === "default" && "bg-neutral20 border-black focus:outline-2 outline-primary500"}
|
|
29226
29226
|
${isFocused && mode === "default" && "bg-neutral20 border-primary500"}
|
|
@@ -45219,7 +45219,7 @@
|
|
|
45219
45219
|
className: `${currentTab === dataValue[index] ? "text-primary500 border-b-2 border-primary500" : "text-neutral300 border-b-2 border-white"} cursor-pointer w-fit mx-1.5`,
|
|
45220
45220
|
onClick: () => onChangeTabBar(dataValue[index])
|
|
45221
45221
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
45222
|
-
className: `${currentTab === dataValue[index] ? "font-medium" : "font-normal"} text-sm py-2.5 px-
|
|
45222
|
+
className: `${currentTab === dataValue[index] ? "font-medium" : "font-normal"} text-sm py-2.5 px-3 font-medium`
|
|
45223
45223
|
}, value))));
|
|
45224
45224
|
};
|
|
45225
45225
|
|
|
@@ -47958,7 +47958,7 @@
|
|
|
47958
47958
|
className: "px-1 py-2 max-h-48 overflow-y-auto"
|
|
47959
47959
|
}, options?.length > 0 ? options.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47960
47960
|
key: index,
|
|
47961
|
-
className: "hover:bg-neutral20 bg-white py-2.5 px-
|
|
47961
|
+
className: "hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer",
|
|
47962
47962
|
onClick: () => handleClickOption(option)
|
|
47963
47963
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47964
47964
|
className: "flex justify-between"
|
|
@@ -52138,7 +52138,7 @@
|
|
|
52138
52138
|
className: "flex"
|
|
52139
52139
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
52140
52140
|
type: "button",
|
|
52141
|
-
className: `${Object.values(dataFilterResult).flat().length ? "border-black text-black" : "border-neutral50 text-neutral300"} flex items-center w-60 text-left px-
|
|
52141
|
+
className: `${Object.values(dataFilterResult).flat().length ? "border-black text-black" : "border-neutral50 text-neutral300"} flex items-center w-60 text-left px-3 bg-white font-normal text-sm rounded-md border focus:outline-none`
|
|
52142
52142
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
52143
52143
|
className: "flex-grow py-2.5",
|
|
52144
52144
|
onClick: () => setShowFilterMenu(!showFilterMenu)
|
|
@@ -52161,7 +52161,7 @@
|
|
|
52161
52161
|
}, options.map((option, index) => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52162
52162
|
key: index
|
|
52163
52163
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52164
|
-
className: `hover:bg-neutral20 bg-white py-2.5 px-
|
|
52164
|
+
className: `hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer justify-between`,
|
|
52165
52165
|
onClick: () => {
|
|
52166
52166
|
setShowFilterSubmenu(true);
|
|
52167
52167
|
setDataSelectionOptionMenu(option.menu);
|
|
@@ -52179,7 +52179,7 @@
|
|
|
52179
52179
|
className: `ml-1 border border-neutral40 bg-white p-3 shadow-md rounded-md w-56 absolute left-48 cursor-pointer max-h-48 overflow-hidden overflow-y-auto ${index == 0 && "top-0"} ${index == 1 && "top-16"} ${index == 2 && "top-24"} ${index == 3 && "top-36"} ${index == 4 && "top-48"}`
|
|
52180
52180
|
}, option.submenu.map((submenu, subIndex) => /*#__PURE__*/React__default["default"].createElement("div", {
|
|
52181
52181
|
key: subIndex,
|
|
52182
|
-
className: "flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-
|
|
52182
|
+
className: "flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-3 my-0.5",
|
|
52183
52183
|
onClick: () => {
|
|
52184
52184
|
handleOnClickOption(submenu, option.type, option.parameter);
|
|
52185
52185
|
}
|
|
@@ -52948,7 +52948,7 @@
|
|
|
52948
52948
|
`
|
|
52949
52949
|
})), /*#__PURE__*/React__default["default"].createElement("textarea", {
|
|
52950
52950
|
type: type === "password" ? showPassword ? "text" : "password" : type,
|
|
52951
|
-
className: `py-2.5 px-
|
|
52951
|
+
className: `py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
|
|
52952
52952
|
${!value && mode === "default" && "bg-neutral20 border-neutral50 focus:outline-2 outline-primary500"}
|
|
52953
52953
|
${value && mode === "default" && "bg-neutral20 border-black focus:outline-2 outline-primary500"}
|
|
52954
52954
|
${isFocused && mode === "default" && "bg-neutral20 border-primary500"}
|
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@ const CardInternalProduct = ({
|
|
|
15
15
|
className={`
|
|
16
16
|
${mode == "detail" && "border-neutral40 bg-white"}
|
|
17
17
|
${mode == "add" && "border-black bg-neutral10"}
|
|
18
|
-
w-full py-2.5 px-
|
|
18
|
+
w-full py-2.5 px-3 my-0.5 rounded-md border`
|
|
19
19
|
}
|
|
20
20
|
>
|
|
21
21
|
<div className='flex justify-between'>
|
|
@@ -92,7 +92,7 @@ const DropdownCard = ({
|
|
|
92
92
|
dataDropdown.map((option, index) => (
|
|
93
93
|
<div
|
|
94
94
|
key={index}
|
|
95
|
-
className='hover:bg-neutral20 bg-white py-2.5 px-
|
|
95
|
+
className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer'
|
|
96
96
|
onClick={() => handleOptionClick(option)}
|
|
97
97
|
>
|
|
98
98
|
<div className='flex justify-between'>
|
|
@@ -75,7 +75,7 @@ const DropdownChip = ({
|
|
|
75
75
|
.map((option) => (
|
|
76
76
|
<div
|
|
77
77
|
key={option}
|
|
78
|
-
className='hover:bg-neutral20 bg-white py-2.5 px-
|
|
78
|
+
className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer'
|
|
79
79
|
onClick={() => handleOptionClick(option)}
|
|
80
80
|
>
|
|
81
81
|
<p className='text-sm text-black'>{option}</p>
|
|
@@ -66,7 +66,7 @@ const DropdownText = ({
|
|
|
66
66
|
${mode === "default" && currentOption === "" && "border-neutral50 bg-neutral20 cursor-pointer"}
|
|
67
67
|
${mode === "default" && currentOption !== "" && "border-black bg-neutral20 cursor-pointer"}
|
|
68
68
|
${mode === "danger" && "border-danger500 bg-danger50 cursor-pointer"}
|
|
69
|
-
flex items-center w-full py-2.5 text-left px-
|
|
69
|
+
flex items-center w-full py-2.5 text-left px-3 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden`}
|
|
70
70
|
onClick={() => isEdited && handleToggleDropdownText()}
|
|
71
71
|
>
|
|
72
72
|
<span className="flex-grow overflow-hidden">
|
|
@@ -95,7 +95,7 @@ const DropdownText = ({
|
|
|
95
95
|
options.map((option, index) => (
|
|
96
96
|
<div
|
|
97
97
|
key={index}
|
|
98
|
-
className="hover:bg-neutral20 bg-white py-2.5 px-
|
|
98
|
+
className="hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md"
|
|
99
99
|
onClick={() => {
|
|
100
100
|
if (option.option !== "Loading...") {
|
|
101
101
|
handleOptionClick(option.option, option.value);
|
|
@@ -106,7 +106,7 @@ const DropdownText = ({
|
|
|
106
106
|
</div>
|
|
107
107
|
))
|
|
108
108
|
) : (
|
|
109
|
-
<div className="bg-white py-2.5 px-
|
|
109
|
+
<div className="bg-white py-2.5 px-3 my-0.5 rounded-md">
|
|
110
110
|
<p className="text-sm text-neutral500">No data</p>
|
|
111
111
|
</div>
|
|
112
112
|
)}
|
|
@@ -56,7 +56,7 @@ const DropdownText2 = ({
|
|
|
56
56
|
<span className='rounded-md shadow-sm'>
|
|
57
57
|
<button
|
|
58
58
|
type='button'
|
|
59
|
-
className="flex items-center w-full py-2.5 text-left px-
|
|
59
|
+
className="flex items-center w-full py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none overflow-hidden"
|
|
60
60
|
onClick={handleToggleDropdownText}
|
|
61
61
|
>
|
|
62
62
|
<span className='flex-grow overflow-hidden'>{selectedOption ? selectedOption : currentOption ? currentOption : placeholder}</span>
|
|
@@ -78,7 +78,7 @@ const DropdownText2 = ({
|
|
|
78
78
|
{options.map((option, index) => (
|
|
79
79
|
<div
|
|
80
80
|
key={option}
|
|
81
|
-
className='hover:bg-neutral20 bg-white py-2.5 px-
|
|
81
|
+
className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md'
|
|
82
82
|
onClick={() => {
|
|
83
83
|
if (option !== "Loading...") {
|
|
84
84
|
handleOptionClick(option, optionsValue[index])
|
|
@@ -49,7 +49,7 @@ const FilterCheckbox = ({ options = ["Type", "Company"], onSelect }) => {
|
|
|
49
49
|
<span className='rounded-md shadow-sm'>
|
|
50
50
|
<button
|
|
51
51
|
type='button'
|
|
52
|
-
className="flex items-center w-60 py-2.5 text-left px-
|
|
52
|
+
className="flex items-center w-60 py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
|
|
53
53
|
onClick={handleToggleFilterCheckbox}
|
|
54
54
|
>
|
|
55
55
|
<span className='flex-grow'>{buttonText}</span>
|
|
@@ -71,7 +71,7 @@ const FilterCheckbox = ({ options = ["Type", "Company"], onSelect }) => {
|
|
|
71
71
|
{options.map((option) => (
|
|
72
72
|
<div
|
|
73
73
|
key={option}
|
|
74
|
-
className={`hover:bg-neutral20 bg-white py-2.5 px-
|
|
74
|
+
className={`hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer ${
|
|
75
75
|
selectedOptions.includes(option) ? 'bg-primary500' : ''
|
|
76
76
|
}`}
|
|
77
77
|
onClick={() => handleOptionClick(option)}
|
|
@@ -57,7 +57,7 @@ const FilterCheckboxDropdown = ({
|
|
|
57
57
|
<span className='rounded-md shadow-sm w-full'>
|
|
58
58
|
<button
|
|
59
59
|
type='button'
|
|
60
|
-
className="flex items-center w-full py-2.5 text-left px-
|
|
60
|
+
className="flex items-center w-full py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
|
|
61
61
|
onClick={handleToggleFilterCheckboxDropdown}
|
|
62
62
|
>
|
|
63
63
|
<span className='flex-grow'>{buttonText}</span>
|
|
@@ -77,14 +77,14 @@ const FilterCheckboxDropdown = ({
|
|
|
77
77
|
>
|
|
78
78
|
<div className='px-1 py-2'>
|
|
79
79
|
{options.length === 0 ? (
|
|
80
|
-
<div className='hover:bg-neutral20 bg-white py-2.5 px-
|
|
80
|
+
<div className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md text-sm text-neutral500 text-center'>
|
|
81
81
|
No Data
|
|
82
82
|
</div>
|
|
83
83
|
) : (
|
|
84
84
|
options.map((val) => (
|
|
85
85
|
<div
|
|
86
86
|
key={val.value}
|
|
87
|
-
className={`hover:bg-neutral20 bg-white py-2.5 px-
|
|
87
|
+
className={`hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer ${
|
|
88
88
|
selectedOptions.some(option => option.value === val.value) ? 'bg-primary500' : ''
|
|
89
89
|
}`}
|
|
90
90
|
onClick={() => handleOptionClick(val.value)}
|
|
@@ -140,7 +140,7 @@ const FilterDropdown = ({
|
|
|
140
140
|
Object.values(dataFilterResult).flat().length
|
|
141
141
|
? "border-black text-black"
|
|
142
142
|
: "border-neutral50 text-neutral300"
|
|
143
|
-
} flex items-center w-60 text-left px-
|
|
143
|
+
} flex items-center w-60 text-left px-3 bg-white font-normal text-sm rounded-md border focus:outline-none`}
|
|
144
144
|
>
|
|
145
145
|
<span className="flex-grow py-2.5" onClick={() => setShowFilterMenu(!showFilterMenu)}>
|
|
146
146
|
{buttonText}
|
|
@@ -167,7 +167,7 @@ const FilterDropdown = ({
|
|
|
167
167
|
{options.map((option, index) => (
|
|
168
168
|
<div key={index}>
|
|
169
169
|
<div
|
|
170
|
-
className={`hover:bg-neutral20 bg-white py-2.5 px-
|
|
170
|
+
className={`hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md flex items-center cursor-pointer justify-between`}
|
|
171
171
|
onClick={() => {
|
|
172
172
|
setShowFilterSubmenu(true);
|
|
173
173
|
setDataSelectionOptionMenu(option.menu);
|
|
@@ -193,7 +193,7 @@ const FilterDropdown = ({
|
|
|
193
193
|
{option.submenu.map((submenu, subIndex) => (
|
|
194
194
|
<div
|
|
195
195
|
key={subIndex}
|
|
196
|
-
className="flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-
|
|
196
|
+
className="flex bg-white hover:bg-neutral20 rounded-md py-2.5 px-3 my-0.5"
|
|
197
197
|
onClick={() => {
|
|
198
198
|
handleOnClickOption(submenu, option.type, option.parameter);
|
|
199
199
|
}}
|
|
@@ -40,7 +40,7 @@ const FilterText = ({ options = ["Type", "Company"], onSelect }) => {
|
|
|
40
40
|
<span className='rounded-md shadow-sm'>
|
|
41
41
|
<button
|
|
42
42
|
type='button'
|
|
43
|
-
className="flex items-center w-60 py-2.5 text-left px-
|
|
43
|
+
className="flex items-center w-60 py-2.5 text-left px-3 bg-neutral20 border-neutral50 font-normal text-sm text-neutral300 rounded-md border focus:outline-none"
|
|
44
44
|
onClick={handleToggleFilterText}
|
|
45
45
|
>
|
|
46
46
|
<span className='flex-grow'>{selectedOption ? selectedOption : 'Filter'}</span>
|
|
@@ -62,7 +62,7 @@ const FilterText = ({ options = ["Type", "Company"], onSelect }) => {
|
|
|
62
62
|
{options.map((option) => (
|
|
63
63
|
<div
|
|
64
64
|
key={option}
|
|
65
|
-
className='hover:bg-neutral20 bg-white py-2.5 px-
|
|
65
|
+
className='hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md'
|
|
66
66
|
onClick={() => handleOptionClick(option)}
|
|
67
67
|
>
|
|
68
68
|
<p className='text-sm text-black'>{option}</p>
|
|
@@ -60,7 +60,7 @@ const SearchDropdown = ({
|
|
|
60
60
|
options.map((option, index) => (
|
|
61
61
|
<div
|
|
62
62
|
key={index}
|
|
63
|
-
className="hover:bg-neutral20 bg-white py-2.5 px-
|
|
63
|
+
className="hover:bg-neutral20 bg-white py-2.5 px-3 my-0.5 rounded-md cursor-pointer"
|
|
64
64
|
onClick={() => handleClickOption(option)}
|
|
65
65
|
>
|
|
66
66
|
<div className="flex justify-between">
|
|
@@ -13,7 +13,7 @@ const TabBar = ({
|
|
|
13
13
|
<div className='w-full flex bg-white border-b border-neutral40 pt-1.5 px-8'>
|
|
14
14
|
{dataBar.map((value, index) => (
|
|
15
15
|
<div key={dataValue[index]} className={`${currentTab === dataValue[index] ? "text-primary500 border-b-2 border-primary500" : "text-neutral300 border-b-2 border-white"} cursor-pointer w-fit mx-1.5`} onClick={() => onChangeTabBar(dataValue[index])}>
|
|
16
|
-
<p className={`${currentTab === dataValue[index] ? "font-medium" : "font-normal"} text-sm py-2.5 px-
|
|
16
|
+
<p className={`${currentTab === dataValue[index] ? "font-medium" : "font-normal"} text-sm py-2.5 px-3 font-medium`}>{value}</p>
|
|
17
17
|
</div>
|
|
18
18
|
))}
|
|
19
19
|
</div>
|
|
@@ -54,7 +54,7 @@ const TextArea = ({
|
|
|
54
54
|
|
|
55
55
|
<textarea
|
|
56
56
|
type={type === "password" ? (showPassword ? "text" : "password") : type}
|
|
57
|
-
className={`py-2.5 px-
|
|
57
|
+
className={`py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
|
|
58
58
|
${
|
|
59
59
|
!value &&
|
|
60
60
|
mode === "default" &&
|
|
@@ -99,7 +99,7 @@ const TextInput = ({
|
|
|
99
99
|
type={
|
|
100
100
|
type === "password" ? (showPassword ? "text" : "password") : "text"
|
|
101
101
|
} // number tetap text
|
|
102
|
-
className={`py-2.5 px-
|
|
102
|
+
className={`py-2.5 px-3 w-full font-normal text-sm text-black rounded-md border
|
|
103
103
|
${
|
|
104
104
|
!value &&
|
|
105
105
|
mode === "default" &&
|