refactor(file-input): remove readOnly property from component

Author: simeonoff

src/components/file-input/file-input.ts

@@ -114,6 +114,10 @@ export default class IgcFileInputComponent extends IgcInputBaseComponent {
   @property({ type: Number })
   public override tabIndex = 0;
 
+  /** @hidden */
+  @property({ type: Boolean, attribute: false, noAccessor: true })
+  public override readonly readOnly = false;
+
   constructor() {
     super();
     this._formValue = createFormValueState(this, { initialValue: '' });
@@ -178,7 +182,6 @@ export default class IgcFileInputComponent extends IgcInputBaseComponent {
         name=${ifDefined(this.name)}
         type="file"
         .value=${live(this.value)}
-        ?readonly=${this.readOnly}
         ?disabled=${this.disabled}
         ?required=${this.required}
         ?autofocus=${this.autofocus}

stories/file-input.stories.ts

@@ -84,12 +84,6 @@ const metadata: Meta<IgcFileInputComponent> = {
       control: 'boolean',
       table: { defaultValue: { summary: 'false' } },
     },
-    readOnly: {
-      type: 'boolean',
-      description: 'Makes the control a readonly field.',
-      control: 'boolean',
-      table: { defaultValue: { summary: 'false' } },
-    },
     placeholder: {
       type: 'string',
       description: 'The placeholder attribute of the control.',
@@ -109,7 +103,6 @@ const metadata: Meta<IgcFileInputComponent> = {
     disabled: false,
     invalid: false,
     outlined: false,
-    readOnly: false,
   },
 };
 
@@ -140,8 +133,6 @@ interface IgcFileInputArgs {
   invalid: boolean;
   /** Whether the control will have outlined appearance. */
   outlined: boolean;
-  /** Makes the control a readonly field. */
-  readOnly: boolean;
   /** The placeholder attribute of the control. */
   placeholder: string;
   /** The label for the control. */
@@ -167,7 +158,6 @@ export const Basic: Story = {
       ?invalid=${args.invalid}
       ?multiple=${args.multiple}
       ?outlined=${args.outlined}
-      ?readonly=${args.readOnly}
       ?required=${args.required}
     ></igc-file-input>
   `,
@@ -189,7 +179,6 @@ export const Slots: Story = {
       ?invalid=${args.invalid}
       ?multiple=${args.multiple}
       ?outlined=${args.outlined}
-      ?readonly=${args.readOnly}
       ?required=${args.required}
     >
       <igc-icon name="github" slot="prefix"></igc-icon>
@@ -219,7 +208,6 @@ export const Validation: Story = {
           ?invalid=${args.invalid}
           ?multiple=${args.multiple}
           ?outlined=${args.outlined}
-          ?readonly=${args.readOnly}
           ?required=${args.required}
         >
           <p slot="helper-text">Your life's work</p>