fix: fix: autocomplete to autoComplete

Author: foxhound87

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 6.11.2 (master)
+
+- Fix: `autocomplete` to `autoComplete`
+
 # 6.11.1 (master)
 
 - `ValidationPlugins` interface allows custom plugins keys.

src/Base.ts

@@ -303,7 +303,7 @@ export default class Base implements BaseInterface {
       $autoFocus: _try(SeparatedPropsMode.autoFocus),
       $ref: _try(SeparatedPropsMode.refs),
       $nullable: _try(SeparatedPropsMode.nullable),
-      $autocomplete: _try(SeparatedPropsMode.autocomplete),
+      $autoComplete: _try(SeparatedPropsMode.autoComplete),
     };
 
     const field = this.state.form.makeField(

src/Bindings.ts

@@ -21,7 +21,7 @@ export default class Bindings implements BindingsInterface {
       label: FieldPropsEnum.label,
       placeholder: FieldPropsEnum.placeholder,
       disabled: FieldPropsEnum.disabled,
-      autocomplete: FieldPropsEnum.autocomplete,
+      autoComplete: FieldPropsEnum.autoComplete,
       onChange: FieldPropsEnum.onChange,
       onBlur: FieldPropsEnum.onBlur,
       onFocus: FieldPropsEnum.onFocus,

src/Field.ts

@@ -81,7 +81,7 @@ const setupFieldProps = (instance: FieldInterface, props: any, data: any) =>
     $interceptors: props.$interceptors || data?.interceptors || null,
     $ref: props.$ref || data?.ref || undefined,
     $nullable: props.$nullable || data?.nullable || false,
-    $autocomplete: props.$autocomplete || data?.autocomplete || undefined,
+    $autoComplete: props.$autoComplete || data?.autoComplete || undefined,
   });
 
 const setupDefaultProp = (
@@ -163,7 +163,7 @@ export default class Field extends Base implements FieldInterface {
   $inputMode: string = undefined;
   $ref: any = undefined;
   $nullable: boolean = false;
-  $autocomplete: string|undefined = undefined;
+  $autoComplete: string|undefined = undefined;
 
   showError: boolean = false;
   errorSync: string | null = null;
@@ -368,8 +368,8 @@ export default class Field extends Base implements FieldInterface {
     return propGetter(this, FieldPropsEnum.nullable);
   }
 
-  get autocomplete(): string|undefined {
-    return propGetter(this, FieldPropsEnum.autocomplete);
+  get autoComplete(): string|undefined {
+    return propGetter(this, FieldPropsEnum.autoComplete);
   }
 
   get ref() {

src/models/FieldProps.ts

@@ -64,7 +64,7 @@ export enum FieldPropsEnum {
   onKeyUp = 'onKeyUp',
   class = "class",
   nullable = "nullable",
-  autocomplete = "autocomplete",
+  autoComplete = "autoComplete",
 }
 
 export type FieldPropsType = {
@@ -112,5 +112,5 @@ export enum SeparatedPropsMode {
   refs = 'refs',
   classes = 'classes',
   nullable = 'nullable',
-  autocomplete = 'autocomplete',
+  autoComplete = 'autoComplete',
 }

src/props.ts

@@ -32,7 +32,7 @@ export const props: PropsGroupsInterface = {
     FieldPropsEnum.inputMode,
     FieldPropsEnum.ref,
     FieldPropsEnum.nullable,
-    FieldPropsEnum.autocomplete,
+    FieldPropsEnum.autoComplete,
   ],
   handlers: [
     FieldPropsEnum.onChange,
@@ -94,7 +94,7 @@ export const props: PropsGroupsInterface = {
     SeparatedPropsMode.refs,
     SeparatedPropsMode.classes,
     SeparatedPropsMode.nullable,
-    SeparatedPropsMode.autocomplete,
+    SeparatedPropsMode.autoComplete,
   ],
   functions: [
     FieldPropsEnum.computed,

tests/data/forms/flat/form.r.ts

@@ -12,7 +12,7 @@ const fields = {
     value: "s.jobs@apple.com",
     validators: [isEmail],
     related: ["emailConfirm"],
-    autocomplete: "on",
+    autoComplete: "on",
   },
   emailConfirm: {
     label: "Email",

tests/flat.props.ts

@@ -40,17 +40,17 @@ describe('Check Flat $R extended field prop', () => {
   it('$R email newFieldProp should be true', () =>
     expect($.$R.$('email').newFieldProp).to.be.true);
 
-  it('$R email autocomplete should be equal "on"', () =>
-    expect($.$R.$('email').autocomplete).to.be.equal('on'));
+  it('$R email autoComplete should be equal "on"', () =>
+    expect($.$R.$('email').autoComplete).to.be.equal('on'));
 
-  it('$R email bind() autocomplete should be equal "on"', () =>
-    expect($.$R.$('email').bind().autocomplete).to.be.equal('on'));
+  it('$R email bind() autoComplete should be equal "on"', () =>
+    expect($.$R.$('email').bind().autoComplete).to.be.equal('on'));
 
-  it('$R email autocomplete should be undefined', () =>
-    expect($.$R.$('emailConfirm').autocomplete).to.be.undefined);
+  it('$R email autoComplete should be undefined', () =>
+    expect($.$R.$('emailConfirm').autoComplete).to.be.undefined);
 
-  it('$R email bind() autocomplete should be undefined', () =>
-    expect($.$R.$('emailConfirm').bind().autocomplete).to.be.undefined);
+  it('$R email bind() autoComplete should be undefined', () =>
+    expect($.$R.$('emailConfirm').bind().autoComplete).to.be.undefined);
 });
 
 describe('Check Flat $G prop', () => {