bard-attachment_field 0.2.5 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e7ee47362d9328e10ce601c919f111a0e9ea5fe99545b699dd4bebac3afaeb62
-  data.tar.gz: '0803e538c1fdbb231dee995f69d0bcb071c765e6dfcd52d5e38f237a353bacd1'
+  metadata.gz: 77372a4e55bd97d9a4c52f8089427717d9181d225d58b18814194a938a1c1631
+  data.tar.gz: 2eaa2f26f3a3f6fbf57523527923e21694596a13ab1de7968f4c401a5d368f88
 SHA512:
-  metadata.gz: 7f285040a99291e3224ba2c3c8f8259e4a67ff8c6901f15356517752363706271d4f12765680151f523070ebd967429c4940f43d99a04b9d9b09fbf9e7d7be70
-  data.tar.gz: 6f0e372c7eb699efb282e71de7ff8156f7f7615d5cd82bba896697f961a78beeb5b72cf24adaf47ce58598d306879c2ce6c6cf1ca1cf619df16c14299bf2aacf
+  metadata.gz: fd9cb5858441b97a1fde1189fad046b5c0d1295f5da2b7d5134bd84113cc9be32e419217a910ce716ce2702ec71d40586a1bf59bbd0cfa2fdeed41d0eafd0b57
+  data.tar.gz: 4881721450377ab4e55467c6ea7dae84ca371186a66ef3f77d50ffcbac921204d8dab282a0668a0997c5b5c36c9fae1d5136f33d4c530980bc5b279c2a25c4b5

data/app/assets/javascripts/input-attachment.js

@@ -4864,22 +4864,22 @@ var DirectUploadController2 = class {
   recordXHR;
   uploadXHR;
   callback = null;
+  cancelled = false;
+  completed = false;
   constructor(uploadedFile, file) {
     this.uploadedFile = uploadedFile;
     this.file = file;
     this.directUpload = new DirectUpload(this.file, this.uploadedFile.url, this);
   }
   cancel() {
-    this.directUpload.url = null;
+    this.cancelled = true;
     this.abortXHR(this.recordXHR);
     this.abortXHR(this.uploadXHR);
+    this.complete("aborted", {});
   }
   abortXHR(xhr) {
     if (!xhr)
       return;
-    xhr.addEventListener("abort", () => {
-      this.complete("aborted", {});
-    });
     xhr.abort();
   }
   start(callback) {
@@ -4890,6 +4890,9 @@ var DirectUploadController2 = class {
     });
   }
   complete(error, _attributes) {
+    if (this.completed)
+      return;
+    this.completed = true;
     if (error) {
       this.dispatchError(error);
     }
@@ -4920,12 +4923,22 @@ var DirectUploadController2 = class {
   }
   directUploadWillCreateBlobWithXHR(xhr) {
     this.recordXHR = xhr;
+    if (this.cancelled) {
+      xhr.send = () => {
+      };
+      return;
+    }
     this.dispatch("before-blob-request", {
       xhr
     });
   }
   directUploadWillStoreFileWithXHR(xhr) {
     this.uploadXHR = xhr;
+    if (this.cancelled) {
+      xhr.send = () => {
+      };
+      return;
+    }
     this.uploadedFile.value = this.recordXHR.response.signed_id;
     this.dispatch("before-storage-request", {
       xhr
@@ -5425,8 +5438,8 @@ var AttachmentPreview3 = AttachmentPreview;
 
 // dist/components/input-attachment.js
 var FormController = class _FormController {
-  static instance(form) {
-    return form.inputAttachmentFormController ||= new _FormController(form);
+  static instance(form, options = {}) {
+    return form.inputAttachmentFormController ||= new _FormController(form, options);
   }
   progressContainerTarget;
   dialog;
@@ -5435,22 +5448,24 @@ var FormController = class _FormController {
   controllers;
   submitted;
   processing;
-  constructor(form) {
+  constructor(form, { uploadDialog = true } = {}) {
     this.element = form;
     this.progressTargetMap = {};
     this.controllers = [];
     this.submitted = false;
     this.processing = false;
-    this.element.insertAdjacentHTML("beforeend", `<dialog id="form-controller-dialog">
-        <div class="direct-upload-wrapper">
-          <div class="direct-upload-content">
-            <h3>Uploading your media</h3>
-            <div id="progress-container"></div>
+    if (uploadDialog) {
+      this.element.insertAdjacentHTML("beforeend", `<dialog id="form-controller-dialog">
+          <div class="direct-upload-wrapper">
+            <div class="direct-upload-content">
+              <h3>Uploading your media</h3>
+              <div id="progress-container"></div>
+            </div>
           </div>
-        </div>
-      </dialog>`);
-    this.dialog = this.element.querySelector("#form-controller-dialog");
-    this.progressContainerTarget = this.dialog.querySelector("#progress-container");
+        </dialog>`);
+      this.dialog = this.element.querySelector("#form-controller-dialog");
+      this.progressContainerTarget = this.dialog.querySelector("#progress-container");
+    }
     this.element.addEventListener("submit", (event) => this.submit(event));
     window.addEventListener("beforeunload", (event) => this.beforeUnload(event));
     this.element.addEventListener("direct-upload:initialize", (event) => this.init(event));
@@ -5474,7 +5489,7 @@ var FormController = class _FormController {
     this.setInputAttachmentsDisabled(true);
     this.startNextController();
     if (this.processing) {
-      this.dialog.showModal();
+      this.dialog?.showModal();
     }
   }
   startNextController() {
@@ -5510,7 +5525,7 @@ var FormController = class _FormController {
     if (!this.submitted)
       return;
     if (this.hasUploadErrors()) {
-      this.dialog.close();
+      this.dialog?.close();
       this.setInputAttachmentsDisabled(false);
       return;
     }
@@ -5532,36 +5547,41 @@ var FormController = class _FormController {
   }
   init(event) {
     const { id: id2, file, controller } = event.detail;
-    this.progressContainerTarget.insertAdjacentHTML("beforebegin", `
-      <progress-bar id="direct-upload-${id2}" class="direct-upload--pending">${file?.name || "Uploading..."}</progress-bar>
-    `);
-    const progressTarget = document.getElementById(`direct-upload-${id2}`);
-    this.progressTargetMap[id2] = progressTarget;
+    if (this.progressContainerTarget) {
+      this.progressContainerTarget.insertAdjacentHTML("beforebegin", `
+        <progress-bar id="direct-upload-${id2}" class="direct-upload--pending">${file?.name || "Uploading..."}</progress-bar>
+      `);
+      this.progressTargetMap[id2] = document.getElementById(`direct-upload-${id2}`);
+    }
     this.controllers.push(controller);
     this.startNextController();
   }
   start(event) {
-    this.progressTargetMap[event.detail.id].classList.remove("direct-upload--pending");
+    this.progressTargetMap[event.detail.id]?.classList.remove("direct-upload--pending");
   }
   progress(event) {
     const { id: id2, progress } = event.detail;
-    this.progressTargetMap[id2].percent = progress;
+    const target = this.progressTargetMap[id2];
+    if (target)
+      target.percent = progress;
   }
   error(event) {
     event.preventDefault();
     const { id: id2, error } = event.detail;
     const target = this.progressTargetMap[id2];
-    target.classList.add("direct-upload--error");
-    target.title = error;
+    if (target) {
+      target.classList.add("direct-upload--error");
+      target.title = error;
+    }
   }
   end(event) {
-    this.progressTargetMap[event.detail.id].classList.add("direct-upload--complete");
+    this.progressTargetMap[event.detail.id]?.classList.add("direct-upload--complete");
   }
   removeUploadedFile(event) {
     const uploadedFile = event.detail;
     const id2 = uploadedFile.controller?.directUpload?.id;
     if (id2) {
-      document.getElementById(`direct-upload-${id2}`).remove();
+      document.getElementById(`direct-upload-${id2}`)?.remove();
       delete this.progressTargetMap[id2];
     }
     this.setInputAttachmentsDisabled(false);
@@ -5746,6 +5766,7 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
   max;
   preview = true;
   disabled = false;
+  uploadDialog = true;
   form;
   internals;
   fileInput;
@@ -5762,7 +5783,7 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
     this.form = this.internals.form;
     if (this.form) {
       this.form.addEventListener("reset", () => this.reset());
-      FormController.instance(this.form);
+      FormController.instance(this.form, { uploadDialog: this.uploadDialog });
     }
     const existingFiles = Array.from(this.el.children).filter((e) => e.tagName == "ATTACHMENT-FILE");
     if (existingFiles.length > 0)
@@ -5935,12 +5956,12 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
     return this.disabled || !!this.el.closest("fieldset[disabled]");
   }
   render() {
-    return h(Host, { key: "da0ceb39e5024d0dfe50511a4aa1139188dcb4a2" }, h("input", { key: "b9197faa99dcd580bf7c0fb7f356daa715d901d1", ref: (el) => this.fileInput = el, type: "file", multiple: this.multiple, accept: this.accepts, required: this.required && this.files.length === 0, disabled: this.isDisabled, onChange: () => this.handleFileInputChange(), style: {
+    return h(Host, { key: "e63c2624a4d88232adacc7d1610983fac89eb9db" }, h("input", { key: "baea544d4d62e31e1228d92ba8b0356d40e75ce5", ref: (el) => this.fileInput = el, type: "file", multiple: this.multiple, accept: this.accepts, required: this.required && this.files.length === 0, disabled: this.isDisabled, onChange: () => this.handleFileInputChange(), style: {
       opacity: "0.01",
       width: "1px",
       height: "1px",
       zIndex: "-999"
-    } }), h("file-drop", { key: "ce0608a99601202d437b7228e87437b510ba639f", onClick: () => this.fileInput?.click(), onDrop: this.handleDrop }, h("p", { key: "658d85fa352e7517789d95ad0c25756dafc79c08", part: "title" }, h("strong", { key: "7a160aa3132cdc8159e4319262cca69aa0b60d63" }, "Choose ", this.multiple ? "files" : "file", " "), h("span", { key: "51ab69b28833c8d442d1907ead5ddc79a6820f53" }, "or drag ", this.multiple ? "them" : "it", " here.")), h("div", { key: "a5bbee999e0575e27f7fc058640d8ee281ee0728", class: `media-preview ${this.multiple ? "-stacked" : ""}` }, h("slot", { key: "3a07d4e5aeaaf80fd5e37e9b135eb820dfcef757" }))));
+    } }), h("file-drop", { key: "0b5621010445988462b8056cb360bf18ac6b0b59", onClick: () => this.fileInput?.click(), onDrop: this.handleDrop }, h("p", { key: "718fe6b91ed9cdc5c5a2b54317fad8f1f25b3cd4", part: "title" }, h("strong", { key: "f28b9ffc58bb086bb1941ee01e943fe5068482a4" }, "Choose ", this.multiple ? "files" : "file", " "), h("span", { key: "eeca7b2f619a7a4d7863f98ba37218d6a66fdcfd" }, "or drag ", this.multiple ? "them" : "it", " here.")), h("div", { key: "2a1d0a824139f5c26833611a5523354965be0d9d", class: `media-preview ${this.multiple ? "-stacked" : ""}` }, h("slot", { key: "59455a857d01dfabd7aa5e697616f4be72cbbb20" }))));
   }
   componentDidRender() {
     if (this.files.length === 0) {
@@ -6016,7 +6037,8 @@ var InputAttachment$1 = /* @__PURE__ */ proxyCustomElement(class InputAttachment
   "accepts": [1],
   "max": [2],
   "preview": [4],
-  "disabled": [4]
+  "disabled": [4],
+  "uploadDialog": [4, "upload-dialog"]
 }, [[0, "attachment-file:remove", "removeUploadedFile"], [0, "attachment-file:validation", "handleChildValidation"], [0, "attachment-file:ready", "handleChildReady"], [0, "direct-upload:end", "fireChangeEvent"]]]);
 var InputAttachment2 = InputAttachment$1;
 

data/input-attachment/src/components/attachment-file/direct-upload-controller.tsx

@@ -8,6 +8,8 @@ export default class DirectUploadController {
   recordXHR: XMLHttpRequest
   uploadXHR: XMLHttpRequest
   callback = null
+  cancelled = false
+  completed = false
 
   constructor(uploadedFile, file: File) {
     this.uploadedFile = uploadedFile
@@ -16,16 +18,14 @@ export default class DirectUploadController {
   }
 
   cancel() {
-    this.directUpload.url = null
+    this.cancelled = true
     this.abortXHR(this.recordXHR)
     this.abortXHR(this.uploadXHR)
+    this.complete("aborted", {})
   }
 
   abortXHR(xhr) {
     if(!xhr) return
-    xhr.addEventListener("abort", () => {
-      this.complete("aborted", {})
-    })
     xhr.abort()
   }
 
@@ -38,6 +38,8 @@ export default class DirectUploadController {
   }
 
   complete(error, _attributes) {
+    if (this.completed) return
+    this.completed = true
     if (error) {
       this.dispatchError(error)
     }
@@ -69,12 +71,14 @@ export default class DirectUploadController {
   }
   directUploadWillCreateBlobWithXHR(xhr) {
     this.recordXHR = xhr
+    if (this.cancelled) { xhr.send = () => {}; return }
     this.dispatch("before-blob-request", {
       xhr: xhr
     });
   }
   directUploadWillStoreFileWithXHR(xhr) {
     this.uploadXHR = xhr
+    if (this.cancelled) { xhr.send = () => {}; return }
     this.uploadedFile.value = this.recordXHR.response.signed_id
     this.dispatch("before-storage-request", {
       xhr: xhr

data/input-attachment/src/components/input-attachment/form-controller.spec.ts

@@ -0,0 +1,63 @@
+import FormController from "./form-controller"
+
+function createForm() {
+  const form = document.createElement("form")
+  document.body.appendChild(form)
+  return form
+}
+
+afterEach(() => {
+  document.body.innerHTML = ""
+})
+
+describe("FormController", () => {
+  describe("default (uploadDialog: true)", () => {
+    it("creates the dialog and progress container", () => {
+      const form = createForm()
+      const controller = FormController.instance(form)
+      expect(controller.dialog).toBeTruthy()
+      expect(controller.progressContainerTarget).toBeTruthy()
+      expect(form.querySelector("#form-controller-dialog")).toBeTruthy()
+      expect(form.querySelector("#progress-container")).toBeTruthy()
+    })
+  })
+
+  describe("uploadDialog: false", () => {
+    it("does not create the dialog or progress container", () => {
+      const form = createForm()
+      const controller = FormController.instance(form, { uploadDialog: false })
+      expect(controller.dialog).toBeFalsy()
+      expect(controller.progressContainerTarget).toBeFalsy()
+      expect(form.querySelector("#form-controller-dialog")).toBeNull()
+      expect(form.querySelector("#progress-container")).toBeNull()
+    })
+
+    it("still registers event listeners and queues controllers", () => {
+      const form = createForm()
+      FormController.instance(form, { uploadDialog: false })
+
+      const uploadedFile = document.createElement("div")
+      form.appendChild(uploadedFile)
+      const mockController = { start: jest.fn(cb => cb(null)), uploadedFile }
+      form.dispatchEvent(new CustomEvent("direct-upload:initialize", {
+        detail: { id: 1, file: { name: "test.jpg" }, controller: mockController },
+      }))
+
+      expect(mockController.start).toHaveBeenCalled()
+    })
+
+    it("does not create progress bars on init", () => {
+      const form = createForm()
+      FormController.instance(form, { uploadDialog: false })
+
+      const uploadedFile = document.createElement("div")
+      form.appendChild(uploadedFile)
+      const mockController = { start: jest.fn(cb => cb(null)), uploadedFile }
+      form.dispatchEvent(new CustomEvent("direct-upload:initialize", {
+        detail: { id: 1, file: { name: "test.jpg" }, controller: mockController },
+      }))
+
+      expect(form.querySelector("progress-bar")).toBeNull()
+    })
+  })
+})

data/input-attachment/src/components/input-attachment/form-controller.tsx

@@ -1,8 +1,8 @@
 import DirectUploadController from "../attachment-file/direct-upload-controller"
 
 export default class FormController {
-  static instance(form) {
-    return form.inputAttachmentFormController ||= new FormController(form)
+  static instance(form, options = {}) {
+    return form.inputAttachmentFormController ||= new FormController(form, options)
   }
 
   progressContainerTarget: HTMLElement
@@ -14,25 +14,27 @@ export default class FormController {
   submitted: boolean
   processing: boolean
 
-  constructor(form) {
+  constructor(form, { uploadDialog = true } = {}) {
     this.element = form
     this.progressTargetMap = {}
     this.controllers = []
     this.submitted = false
     this.processing = false
 
-    this.element.insertAdjacentHTML("beforeend",
-      `<dialog id="form-controller-dialog">
-        <div class="direct-upload-wrapper">
-          <div class="direct-upload-content">
-            <h3>Uploading your media</h3>
-            <div id="progress-container"></div>
+    if (uploadDialog) {
+      this.element.insertAdjacentHTML("beforeend",
+        `<dialog id="form-controller-dialog">
+          <div class="direct-upload-wrapper">
+            <div class="direct-upload-content">
+              <h3>Uploading your media</h3>
+              <div id="progress-container"></div>
+            </div>
           </div>
-        </div>
-      </dialog>`)
+        </dialog>`)
 
-    this.dialog = this.element.querySelector("#form-controller-dialog")
-    this.progressContainerTarget = this.dialog.querySelector("#progress-container")
+      this.dialog = this.element.querySelector("#form-controller-dialog")
+      this.progressContainerTarget = this.dialog.querySelector("#progress-container")
+    }
 
     this.element.addEventListener("submit", event => this.submit(event))
     window.addEventListener("beforeunload", event => this.beforeUnload(event))
@@ -60,7 +62,7 @@ export default class FormController {
     this.setInputAttachmentsDisabled(true)
     this.startNextController()
     if(this.processing) {
-      this.dialog.showModal()
+      this.dialog?.showModal()
     }
   }
 
@@ -99,7 +101,7 @@ export default class FormController {
   submitForm() {
     if(!this.submitted) return
     if(this.hasUploadErrors()) {
-      this.dialog.close()
+      this.dialog?.close()
       this.setInputAttachmentsDisabled(false)
       return
     }
@@ -126,42 +128,46 @@ export default class FormController {
   init(event) {
     const { id, file, controller } = event.detail
 
-    this.progressContainerTarget.insertAdjacentHTML("beforebegin", `
-      <progress-bar id="direct-upload-${id}" class="direct-upload--pending">${file?.name || 'Uploading...'}</progress-bar>
-    `)
-    const progressTarget = document.getElementById(`direct-upload-${id}`)
-    this.progressTargetMap[id] = progressTarget
+    if (this.progressContainerTarget) {
+      this.progressContainerTarget.insertAdjacentHTML("beforebegin", `
+        <progress-bar id="direct-upload-${id}" class="direct-upload--pending">${file?.name || 'Uploading...'}</progress-bar>
+      `)
+      this.progressTargetMap[id] = document.getElementById(`direct-upload-${id}`)
+    }
 
     this.controllers.push(controller)
     this.startNextController()
   }
 
   start(event) {
-    this.progressTargetMap[event.detail.id].classList.remove("direct-upload--pending")
+    this.progressTargetMap[event.detail.id]?.classList.remove("direct-upload--pending")
   }
 
   progress(event) {
     const { id, progress } = event.detail
-    this.progressTargetMap[id].percent = progress
+    const target = this.progressTargetMap[id]
+    if (target) target.percent = progress
   }
 
   error(event) {
     event.preventDefault()
     const { id, error } = event.detail
     const target = this.progressTargetMap[id]
-    target.classList.add("direct-upload--error")
-    target.title = error
+    if (target) {
+      target.classList.add("direct-upload--error")
+      target.title = error
+    }
   }
 
   end(event) {
-    this.progressTargetMap[event.detail.id].classList.add("direct-upload--complete")
+    this.progressTargetMap[event.detail.id]?.classList.add("direct-upload--complete")
   }
 
   removeUploadedFile(event) {
     const uploadedFile = event.detail
     const id = uploadedFile.controller?.directUpload?.id
     if(id) {
-      document.getElementById(`direct-upload-${id}`).remove()
+      document.getElementById(`direct-upload-${id}`)?.remove()
       delete this.progressTargetMap[id]
     }
     this.setInputAttachmentsDisabled(false)

data/input-attachment/src/components/input-attachment/input-attachment.tsx

@@ -22,6 +22,7 @@ export class InputAttachment {
   @Prop() max: number
   @Prop() preview: boolean = true
   @Prop() disabled: boolean = false
+  @Prop({ attribute: "upload-dialog" }) uploadDialog: boolean = true
 
 
   form: HTMLFormElement
@@ -37,7 +38,7 @@ export class InputAttachment {
     this.form = this.internals.form
     if (this.form) {
       this.form.addEventListener("reset", () => this.reset())
-      FormController.instance(this.form)
+      FormController.instance(this.form, { uploadDialog: this.uploadDialog })
     }
 
     // Note: Server-rendered children may not be available yet during componentWillLoad

data/input-attachment/src/components/input-attachment/readme.md

@@ -7,16 +7,17 @@
 
 ## Properties
 
-| Property       | Attribute      | Description | Type      | Default     |
-| -------------- | -------------- | ----------- | --------- | ----------- |
-| `accepts`      | `accepts`      |             | `string`  | `undefined` |
-| `directupload` | `directupload` |             | `string`  | `undefined` |
-| `disabled`     | `disabled`     |             | `boolean` | `false`     |
-| `max`          | `max`          |             | `number`  | `undefined` |
-| `multiple`     | `multiple`     |             | `boolean` | `false`     |
-| `name`         | `name`         |             | `string`  | `undefined` |
-| `preview`      | `preview`      |             | `boolean` | `true`      |
-| `required`     | `required`     |             | `boolean` | `false`     |
+| Property       | Attribute       | Description | Type      | Default     |
+| -------------- | --------------- | ----------- | --------- | ----------- |
+| `accepts`      | `accepts`       |             | `string`  | `undefined` |
+| `directupload` | `directupload`  |             | `string`  | `undefined` |
+| `disabled`     | `disabled`      |             | `boolean` | `false`     |
+| `max`          | `max`           |             | `number`  | `undefined` |
+| `multiple`     | `multiple`      |             | `boolean` | `false`     |
+| `name`         | `name`          |             | `string`  | `undefined` |
+| `preview`      | `preview`       |             | `boolean` | `true`      |
+| `required`     | `required`      |             | `boolean` | `false`     |
+| `uploadDialog` | `upload-dialog` |             | `boolean` | `true`      |
 
 
 ## Shadow Parts

data/input-attachment/src/components.d.ts

@@ -58,6 +58,10 @@ export namespace Components {
           * @default false
          */
         "required": boolean;
+        /**
+          * @default true
+         */
+        "uploadDialog": boolean;
     }
 }
 export interface AttachmentFileCustomEvent<T> extends CustomEvent<T> {
@@ -158,6 +162,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "required"?: boolean;
+        /**
+          * @default true
+         */
+        "uploadDialog"?: boolean;
     }
     interface IntrinsicElements {
         "attachment-file": AttachmentFile;

data/lib/bard/attachment_field/field.rb

@@ -6,6 +6,9 @@ module Bard
           "directupload" => "/rails/active_storage/direct_uploads",
           "preview" => true,
         })
+        if options.key?("upload-dialog") && options["upload-dialog"] == false
+          options["upload-dialog"] = "false"
+        end
         add_default_name_and_id(options)
 
         content_tag("input-attachment", options) do

data/lib/bard/attachment_field/version.rb

@@ -2,6 +2,6 @@
 
 module Bard
   module AttachmentField
-    VERSION = "0.2.5"
+    VERSION = "0.3.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bard-attachment_field
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.3.0
 platform: ruby
 authors:
 - Micah Geisel
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-03-14 00:00:00.000000000 Z
+date: 2026-03-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activestorage
@@ -361,6 +361,7 @@ files:
 - input-attachment/src/components/attachment-preview/attachment-preview.spec.tsx
 - input-attachment/src/components/attachment-preview/attachment-preview.tsx
 - input-attachment/src/components/attachment-preview/readme.md
+- input-attachment/src/components/input-attachment/form-controller.spec.ts
 - input-attachment/src/components/input-attachment/form-controller.tsx
 - input-attachment/src/components/input-attachment/input-attachment.css
 - input-attachment/src/components/input-attachment/input-attachment.e2e.ts