sprint-asia-custom-component 0.1.168 → 0.1.169

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.
Files changed (3) hide show
  1. package/dist/index.js +14 -6
  2. package/package.json +1 -1
  3. package/src/components/dropdownphone/index.js +10 -5
package/dist/index.js CHANGED
@@ -51890,7 +51890,8 @@
51890
51890
  footer = null,
51891
51891
  mode = "default",
51892
51892
  placeholder = "",
51893
- redeemType = ""
51893
+ redeemType = "",
51894
+ isEdited = true // ✅ tambahkan prop isEdited
51894
51895
  }) => {
51895
51896
  const [isOpen, setIsOpen] = React.useState(false);
51896
51897
  const wrapperRef = React.useRef(null);
@@ -51939,12 +51940,14 @@
51939
51940
  }, /*#__PURE__*/React__default["default"].createElement("div", {
51940
51941
  className: `
51941
51942
  flex items-center rounded-md overflow-hidden w-full pr-3
51943
+ ${!isEdited ? "bg-neutral30 cursor-not-allowed" : ""}
51942
51944
  ${mode === "danger" ? "border border-danger500 bg-danger50" : "border border-neutral50 bg-neutral20"}
51943
51945
  `
51944
51946
  }, /*#__PURE__*/React__default["default"].createElement("div", {
51945
- className: "flex items-center px-3 py-2 cursor-pointer border-r border-neutral50 mr-3",
51947
+ className: `flex items-center px-3 py-2 border-r border-neutral50 mr-3
51948
+ ${isEdited && redeemType !== "ppob" ? "cursor-pointer" : "cursor-not-allowed"}`,
51946
51949
  onClick: () => {
51947
- if (redeemType !== "ppob") {
51950
+ if (isEdited && redeemType !== "ppob") {
51948
51951
  setIsOpen(!isOpen);
51949
51952
  }
51950
51953
  }
@@ -51954,17 +51957,22 @@
51954
51957
  className: "w-4 h-4 object-cover rounded-full"
51955
51958
  }), /*#__PURE__*/React__default["default"].createElement("p", {
51956
51959
  className: "text-sm font-bold text-neutral300 ml-3 mr-2"
51957
- }, dropdownCountry.option), redeemType !== "ppob" && (isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, null) : /*#__PURE__*/React__default["default"].createElement(PiCaretDown, null))), /*#__PURE__*/React__default["default"].createElement("input", {
51960
+ }, dropdownCountry.option), isEdited && redeemType !== "ppob" && (isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, null) : /*#__PURE__*/React__default["default"].createElement(PiCaretDown, null))), /*#__PURE__*/React__default["default"].createElement("input", {
51958
51961
  type: "number",
51959
51962
  value: value,
51960
51963
  onChange: onChangeInput,
51961
51964
  className: `
51962
51965
  flex-1 w-full py-2.5 text-sm text-black focus:outline-none
51963
51966
  placeholder:text-neutral300
51967
+ ${!isEdited ? "bg-neutral30 cursor-not-allowed" : ""}
51964
51968
  ${mode === "danger" ? "bg-danger50 text-danger500" : "bg-neutral20"}
51965
51969
  `,
51966
- placeholder: placeholder
51967
- })), isOpen && redeemType !== "ppob" && /*#__PURE__*/React__default["default"].createElement("div", {
51970
+ placeholder: placeholder,
51971
+ disabled: !isEdited // ✅ disable input kalau isEdited false
51972
+ })), isOpen && redeemType !== "ppob" && isEdited &&
51973
+ /*#__PURE__*/
51974
+ // ✅ hanya tampil kalau isEdited true
51975
+ React__default["default"].createElement("div", {
51968
51976
  className: "absolute top-full mt-1 z-10 rounded-md shadow-md bg-neutral20 ring-1 ring-black ring-opacity-5 overflow-y-auto max-h-64 no-scrollbar",
51969
51977
  style: {
51970
51978
  width: wrapperWidth
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.168",
4
+ "version": "0.1.169",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/dropdownphone/index.js CHANGED
@@ -13,6 +13,7 @@ const DropdownPhone = ({
13
13
  mode = "default",
14
14
  placeholder = "",
15
15
  redeemType = "",
16
+ isEdited = true, // ✅ tambahkan prop isEdited
16
17
  }) => {
17
18
  const [isOpen, setIsOpen] = useState(false);
18
19
  const wrapperRef = useRef(null);
@@ -71,15 +72,17 @@ const DropdownPhone = ({
71
72
  <div
72
73
  className={`
73
74
  flex items-center rounded-md overflow-hidden w-full pr-3
75
+ ${!isEdited ? "bg-neutral30 cursor-not-allowed" : ""}
74
76
  ${mode === "danger"
75
77
  ? "border border-danger500 bg-danger50"
76
78
  : "border border-neutral50 bg-neutral20"}
77
79
  `}
78
80
  >
79
81
  <div
80
- className="flex items-center px-3 py-2 cursor-pointer border-r border-neutral50 mr-3"
82
+ className={`flex items-center px-3 py-2 border-r border-neutral50 mr-3
83
+ ${isEdited && redeemType !== "ppob" ? "cursor-pointer" : "cursor-not-allowed"}`}
81
84
  onClick={() => {
82
- if (redeemType !== "ppob") {
85
+ if (isEdited && redeemType !== "ppob") {
83
86
  setIsOpen(!isOpen);
84
87
  }
85
88
  }}
@@ -92,7 +95,7 @@ const DropdownPhone = ({
92
95
  <p className="text-sm font-bold text-neutral300 ml-3 mr-2">
93
96
  {dropdownCountry.option}
94
97
  </p>
95
- {redeemType !== "ppob" && (isOpen ? <PiCaretUp /> : <PiCaretDown />)}
98
+ {isEdited && redeemType !== "ppob" && (isOpen ? <PiCaretUp /> : <PiCaretDown />)}
96
99
  </div>
97
100
 
98
101
  <input
@@ -102,13 +105,15 @@ const DropdownPhone = ({
102
105
  className={`
103
106
  flex-1 w-full py-2.5 text-sm text-black focus:outline-none
104
107
  placeholder:text-neutral300
108
+ ${!isEdited ? "bg-neutral30 cursor-not-allowed" : ""}
105
109
  ${mode === "danger" ? "bg-danger50 text-danger500" : "bg-neutral20"}
106
110
  `}
107
111
  placeholder={placeholder}
112
+ disabled={!isEdited} // ✅ disable input kalau isEdited false
108
113
  />
109
114
  </div>
110
115
 
111
- {isOpen && redeemType !== "ppob" && (
116
+ {isOpen && redeemType !== "ppob" && isEdited && ( // ✅ hanya tampil kalau isEdited true
112
117
  <div
113
118
  className="absolute top-full mt-1 z-10 rounded-md shadow-md bg-neutral20 ring-1 ring-black ring-opacity-5 overflow-y-auto max-h-64 no-scrollbar"
114
119
  style={{ width: wrapperWidth }}
@@ -175,4 +180,4 @@ const DropdownPhone = ({
175
180
  );
176
181
  };
177
182
 
178
- export default DropdownPhone;
183
+ export default DropdownPhone;