next-helios-fe 1.10.26 → 1.10.27

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 (5) hide show
  1. package/dist/components/form/other/select.d.ts +1 -0
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
  4. package/src/components/form/other/modalSelect.tsx +1 -1
  5. package/src/components/form/other/select.tsx +84 -81
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-helios-fe",
3
- "version": "1.10.26",
3
+ "version": "1.10.27",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/form/other/modalSelect.tsx CHANGED
@@ -171,7 +171,7 @@ export const ModalSelect: React.FC<ModalSelectProps> = ({
171
171
  label={label}
172
172
  placeholder={placeholder}
173
173
  description={description}
174
- options={options}
174
+ options={{ ...options, disableDropdown: true }}
175
175
  disabled={disabled}
176
176
  required={required}
177
177
  value={tempValue || ""}
package/src/components/form/other/select.tsx CHANGED
@@ -20,6 +20,7 @@ export interface SelectProps
20
20
  options?: {
21
21
  width?: "full" | "fit";
22
22
  height?: "short" | "medium" | "high";
23
+ disableDropdown?: boolean;
23
24
  };
24
25
  readOnly?: boolean;
25
26
  }
@@ -169,92 +170,94 @@ export const Select: React.FC<SelectProps> = ({
169
170
  ))}
170
171
  </select>
171
172
  </label>
172
- <div className="w-0 overflow-hidden">
173
- <Dropdown
174
- placement="bottom-start"
175
- trigger={
176
- <button
177
- type="button"
178
- ref={dropdownTriggerRef}
179
- className={`w-0 my-0.5 ${height}`}
180
- tabIndex={-1}
181
- disabled={rest.disabled ?? readOnly ?? false}
182
- >
183
- 1
184
- </button>
185
- }
186
- >
187
- {menus.length === 0 ? (
188
- <Dropdown.Item
189
- onKeyDown={(e) => {
190
- if (e.key === "Escape") {
191
- e.preventDefault();
192
- inputRef.current?.focus();
193
- setOpenDropdown(false);
194
- } else if (e.key === "Tab") {
195
- setOpenDropdown(false);
196
- }
197
- }}
198
- >
199
- <div
200
- className="flex justify-center"
201
- style={{ width: dropdownWidth - 43 }}
173
+ {!options?.disableDropdown && (
174
+ <div className="w-0 overflow-hidden">
175
+ <Dropdown
176
+ placement="bottom-start"
177
+ trigger={
178
+ <button
179
+ type="button"
180
+ ref={dropdownTriggerRef}
181
+ className={`w-0 my-0.5 ${height}`}
182
+ tabIndex={-1}
183
+ disabled={rest.disabled ?? readOnly ?? false}
202
184
  >
203
- <span>No data found</span>
204
- </div>
205
- </Dropdown.Item>
206
- ) : (
207
- menus.map((item, index) => {
208
- return (
209
- <Dropdown.Item
210
- key={index}
211
- active={tempValue === item.value ? true : false}
212
- as={item.variant || "button"}
213
- disabled={item.disabled ?? false}
214
- onClick={() => {
215
- setTempValue(item.value);
216
- if (rest.onChange) {
217
- rest.onChange({
218
- target: { value: item.value } as HTMLSelectElement,
219
- } as any);
220
- }
221
- setOpenDropdown(false);
185
+ 1
186
+ </button>
187
+ }
188
+ >
189
+ {menus.length === 0 ? (
190
+ <Dropdown.Item
191
+ onKeyDown={(e) => {
192
+ if (e.key === "Escape") {
193
+ e.preventDefault();
222
194
  inputRef.current?.focus();
223
- }}
224
- onKeyDown={(e) => {
225
- if (e.key === "Escape") {
226
- e.preventDefault();
227
- inputRef.current?.focus();
228
- setOpenDropdown(false);
229
- } else if (e.key === "Tab") {
230
- setOpenDropdown(false);
231
- }
232
- }}
195
+ setOpenDropdown(false);
196
+ } else if (e.key === "Tab") {
197
+ setOpenDropdown(false);
198
+ }
199
+ }}
200
+ >
201
+ <div
202
+ className="flex justify-center"
203
+ style={{ width: dropdownWidth - 43 }}
233
204
  >
234
- <div
235
- className="flex justify-between items-center gap-4"
236
- style={{ width: dropdownWidth - 43 }}
205
+ <span>No data found</span>
206
+ </div>
207
+ </Dropdown.Item>
208
+ ) : (
209
+ menus.map((item, index) => {
210
+ return (
211
+ <Dropdown.Item
212
+ key={index}
213
+ active={tempValue === item.value ? true : false}
214
+ as={item.variant || "button"}
215
+ disabled={item.disabled ?? false}
216
+ onClick={() => {
217
+ setTempValue(item.value);
218
+ if (rest.onChange) {
219
+ rest.onChange({
220
+ target: { value: item.value } as HTMLSelectElement,
221
+ } as any);
222
+ }
223
+ setOpenDropdown(false);
224
+ inputRef.current?.focus();
225
+ }}
226
+ onKeyDown={(e) => {
227
+ if (e.key === "Escape") {
228
+ e.preventDefault();
229
+ inputRef.current?.focus();
230
+ setOpenDropdown(false);
231
+ } else if (e.key === "Tab") {
232
+ setOpenDropdown(false);
233
+ }
234
+ }}
237
235
  >
238
- <div className="flex flex-col">
239
- <span>{item.label}</span>
240
- {item.subLabel && (
241
- <span
242
- className={`text-xs ${
243
- tempValue === item.value ? "" : "text-disabled"
244
- }`}
245
- >
246
- {item.subLabel}
247
- </span>
248
- )}
236
+ <div
237
+ className="flex justify-between items-center gap-4"
238
+ style={{ width: dropdownWidth - 43 }}
239
+ >
240
+ <div className="flex flex-col">
241
+ <span>{item.label}</span>
242
+ {item.subLabel && (
243
+ <span
244
+ className={`text-xs ${
245
+ tempValue === item.value ? "" : "text-disabled"
246
+ }`}
247
+ >
248
+ {item.subLabel}
249
+ </span>
250
+ )}
251
+ </div>
252
+ {labelComponent ? labelComponent(item) : ""}
249
253
  </div>
250
- {labelComponent ? labelComponent(item) : ""}
251
- </div>
252
- </Dropdown.Item>
253
- );
254
- })
255
- )}
256
- </Dropdown>
257
- </div>
254
+ </Dropdown.Item>
255
+ );
256
+ })
257
+ )}
258
+ </Dropdown>
259
+ </div>
260
+ )}
258
261
  </div>
259
262
  );
260
263
  };