proje-react-panel 1.1.5 → 1.1.7

package/src/components/form/Select.tsx

@@ -19,17 +19,15 @@ export function Select<TValue>({ input, fieldName }: SelectProps) {
   const inputSelect = input as SelectInputConfiguration<TValue>;
   const { control } = useFormContext();
   const [options, setOptions] = useState<OptionType<TValue>[]>(inputSelect.defaultOptions || []);
-  const [key, setKey] = useState(0);
   //NOTE: is added to component to fix type error. Need to find a better solution.
   const styles = useMemo(() => darkSelectStyles<TValue>(), []);
   useEffect(() => {
     if (inputSelect.onSelectPreloader) {
       inputSelect.onSelectPreloader().then(option => {
         setOptions(option);
-        setKey(key + 1);
       });
     }
-  }, [inputSelect, inputSelect.onSelectPreloader, key]);
+  }, [inputSelect, inputSelect.onSelectPreloader]);
 
   return (
     <Controller
@@ -38,7 +36,6 @@ export function Select<TValue>({ input, fieldName }: SelectProps) {
       render={({ field }) => {
         return (
           <ReactSelect
-            key={key}
             options={options}
             styles={styles}
             value={options.find(option => option.value === field.value) || null}

package/src/decorators/form/Input.ts

@@ -17,6 +17,7 @@ export interface InputOptions {
   label?: string;
   placeholder?: string;
   nestedFields?: InputConfiguration[];
+  defaultValue?: string;
   includeInCSV?: boolean;
   includeInJSON?: boolean;
 }
@@ -32,6 +33,7 @@ export interface InputConfiguration {
   label?: string;
   placeholder?: string;
   nestedFields?: InputConfiguration[];
+  defaultValue?: string;
   includeInCSV: boolean;
   includeInJSON: boolean;
 }
@@ -52,9 +54,8 @@ export function ExtendedInput(options?: ExtendedInputOptions): PropertyDecorator
   return (target, propertyKey) => {
     const existingInputs: string[] = Reflect.getMetadata(INPUT_KEY, target) || [];
     Reflect.defineMetadata(INPUT_KEY, [...existingInputs, propertyKey.toString()], target);
-
     if (options) {
-      const keyString = `${INPUT_KEY.toString()}:${propertyKey.toString()}:options`;
+        const keyString = `${INPUT_KEY.toString()}:${propertyKey.toString()}:options`;
       Reflect.defineMetadata(keyString, options, target);
     }
   };
@@ -70,6 +71,7 @@ export function getInputFields<T extends AnyClass>(
       Reflect.getMetadata(`${INPUT_KEY.toString()}:${field}:options`, prototype) || {};
     const inputType = fields?.inputType ?? (isFieldSensitive(field) ? 'password' : 'text');
     const inputConfiguration: InputConfiguration = {
+      ...fields,
       name: fields?.name ?? field,
       label: fields?.label ?? field,
       placeholder: fields?.placeholder ?? field,

package/src/decorators/form/inputs/SelectInput.ts

@@ -4,12 +4,15 @@ export interface SelectInputOptions<T> extends InputOptions {
   onSelectPreloader?: () => Promise<{ label: string; value: T }[]>;
   defaultOptions?: { value: T; label: string }[];
   csvExport?: never;
+  defaultValue?: never;
 }
 
 export interface SelectInputConfiguration<T> extends InputConfiguration {
   type: 'select';
   onSelectPreloader?: () => Promise<{ label: string; value: T }[]>;
   defaultOptions?: { value: T; label: string }[];
+  csvExport?: never;
+  defaultValue?: never;
 }
 
 export function SelectInput<K>(options?: SelectInputOptions<K>): PropertyDecorator {