@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.e9333b3f0b

package/FilePicker/primitives/components/previews/fileName.d.ts

@@ -0,0 +1,4 @@
+export declare const splitFileName: (name: string) => {
+    head: string;
+    tail: string;
+};

package/FilePicker/primitives/components/previews/fileName.js

@@ -0,0 +1,26 @@
+const TAIL_STEM_CHARS = 3;
+const splitFileName = (name)=>{
+    const dot = name.lastIndexOf(".");
+    if (dot <= 0) return {
+        head: name,
+        tail: ""
+    };
+    const cut = dot - Math.min(TAIL_STEM_CHARS, dot);
+    if (cut <= 0) return {
+        head: name,
+        tail: ""
+    };
+    const head = name.slice(0, cut);
+    const tail = name.slice(cut);
+    if (head.length <= tail.length) return {
+        head: name,
+        tail: ""
+    };
+    return {
+        head,
+        tail
+    };
+};
+export { splitFileName };
+
+//# sourceMappingURL=fileName.js.map

package/FilePicker/primitives/components/previews/fileName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker/primitives/components/previews/fileName.js","sources":["../../../../../src/FilePicker/primitives/components/previews/fileName.ts"],"sourcesContent":["const TAIL_STEM_CHARS = 3;\n\nexport const splitFileName = (name: string) => {\n    const dot = name.lastIndexOf(\".\");\n\n    if (dot <= 0) {\n        return { head: name, tail: \"\" };\n    }\n\n    const cut = dot - Math.min(TAIL_STEM_CHARS, dot);\n\n    if (cut <= 0) {\n        return { head: name, tail: \"\" };\n    }\n\n    const head = name.slice(0, cut);\n    const tail = name.slice(cut);\n\n    if (head.length <= tail.length) {\n        return { head: name, tail: \"\" };\n    }\n\n    return { head, tail };\n};\n"],"names":["TAIL_STEM_CHARS","splitFileName","name","dot","cut","Math","head","tail"],"mappings":"AAAA,MAAMA,kBAAkB;AAEjB,MAAMC,gBAAgB,CAACC;IAC1B,MAAMC,MAAMD,KAAK,WAAW,CAAC;IAE7B,IAAIC,OAAO,GACP,OAAO;QAAE,MAAMD;QAAM,MAAM;IAAG;IAGlC,MAAME,MAAMD,MAAME,KAAK,GAAG,CAACL,iBAAiBG;IAE5C,IAAIC,OAAO,GACP,OAAO;QAAE,MAAMF;QAAM,MAAM;IAAG;IAGlC,MAAMI,OAAOJ,KAAK,KAAK,CAAC,GAAGE;IAC3B,MAAMG,OAAOL,KAAK,KAAK,CAACE;IAExB,IAAIE,KAAK,MAAM,IAAIC,KAAK,MAAM,EAC1B,OAAO;QAAE,MAAML;QAAM,MAAM;IAAG;IAGlC,OAAO;QAAEI;QAAMC;IAAK;AACxB"}

package/FilePicker/primitives/components/previews/index.d.ts

@@ -2,3 +2,4 @@ export * from "./FilePreview.js";
 export * from "./ImagePreview/index.js";
 export * from "./RichItemPreview/index.js";
 export * from "./TextOnlyPreview/index.js";
+export * from "./TruncatedFileName.js";

package/FilePicker/primitives/components/previews/index.js

@@ -2,5 +2,4 @@ export * from "./FilePreview.js";
 export * from "./ImagePreview/index.js";
 export * from "./RichItemPreview/index.js";
 export * from "./TextOnlyPreview/index.js";
-
-//# sourceMappingURL=index.js.map
+export * from "./TruncatedFileName.js";

package/FilePicker/primitives/components/previews/variants.d.ts

@@ -1,4 +1,4 @@
 export declare const previewVariants: (props?: ({
-    variant?: "base" | "transparent" | "light" | null | undefined;
+    variant?: "base" | "light" | "transparent" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/FilePicker/primitives/components/previews/variants.js

@@ -1,31 +1,45 @@
 import { cva } from "../../../../utils.js";
-export const previewVariants = cva("w-full", {
-  variants: {
-    variant: {
-      light: ["bg-neutral-light", "hover:bg-neutral-dimmed"],
-      base: ["bg-neutral-base", "hover:bg-neutral-subtle"],
-      transparent: ["bg-transparent", "hover:bg-neutral-dark/5"]
+const previewVariants = cva("w-full", {
+    variants: {
+        variant: {
+            light: [
+                "bg-neutral-light",
+                "hover:bg-neutral-dimmed"
+            ],
+            base: [
+                "bg-neutral-base",
+                "hover:bg-neutral-subtle"
+            ],
+            transparent: [
+                "bg-transparent",
+                "hover:bg-neutral-dark/5"
+            ]
+        },
+        disabled: {
+            true: "pointer-events-none"
+        }
     },
-    disabled: {
-      true: "pointer-events-none"
+    compoundVariants: [
+        {
+            disabled: true,
+            variant: "light",
+            className: "bg-neutral-dimmed"
+        },
+        {
+            disabled: true,
+            variant: "base",
+            className: "bg-neutral-disabled"
+        },
+        {
+            disabled: true,
+            variant: "transparent",
+            className: "bg-transparent"
+        }
+    ],
+    defaultVariants: {
+        variant: "light"
     }
-  },
-  compoundVariants: [{
-    disabled: true,
-    variant: "light",
-    className: "bg-neutral-dimmed"
-  }, {
-    disabled: true,
-    variant: "base",
-    className: "bg-neutral-disabled"
-  }, {
-    disabled: true,
-    variant: "transparent",
-    className: "bg-transparent"
-  }],
-  defaultVariants: {
-    variant: "light"
-  }
 });
+export { previewVariants };
 
 //# sourceMappingURL=variants.js.map

package/FilePicker/primitives/components/previews/variants.js.map

@@ -1 +1 @@
-{"version":3,"names":["cva","previewVariants","variants","variant","light","base","transparent","disabled","true","compoundVariants","className","defaultVariants"],"sources":["variants.ts"],"sourcesContent":["import { cva } from \"~/utils.js\";\n\nexport const previewVariants = cva(\"w-full\", {\n    variants: {\n        variant: {\n            light: [\"bg-neutral-light\", \"hover:bg-neutral-dimmed\"],\n            base: [\"bg-neutral-base\", \"hover:bg-neutral-subtle\"],\n            transparent: [\"bg-transparent\", \"hover:bg-neutral-dark/5\"]\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    compoundVariants: [\n        {\n            disabled: true,\n            variant: \"light\",\n            className: \"bg-neutral-dimmed\"\n        },\n        {\n            disabled: true,\n            variant: \"base\",\n            className: \"bg-neutral-disabled\"\n        },\n        {\n            disabled: true,\n            variant: \"transparent\",\n            className: \"bg-transparent\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"light\"\n    }\n});\n"],"mappings":"AAAA,SAASA,GAAG;AAEZ,OAAO,MAAMC,eAAe,GAAGD,GAAG,CAAC,QAAQ,EAAE;EACzCE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,KAAK,EAAE,CAAC,kBAAkB,EAAE,yBAAyB,CAAC;MACtDC,IAAI,EAAE,CAAC,iBAAiB,EAAE,yBAAyB,CAAC;MACpDC,WAAW,EAAE,CAAC,gBAAgB,EAAE,yBAAyB;IAC7D,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,gBAAgB,EAAE,CACd;IACIF,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,OAAO;IAChBO,SAAS,EAAE;EACf,CAAC,EACD;IACIH,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,MAAM;IACfO,SAAS,EAAE;EACf,CAAC,EACD;IACIH,QAAQ,EAAE,IAAI;IACdJ,OAAO,EAAE,aAAa;IACtBO,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbR,OAAO,EAAE;EACb;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/components/previews/variants.js","sources":["../../../../../src/FilePicker/primitives/components/previews/variants.ts"],"sourcesContent":["import { cva } from \"~/utils.js\";\n\nexport const previewVariants = cva(\"w-full\", {\n    variants: {\n        variant: {\n            light: [\"bg-neutral-light\", \"hover:bg-neutral-dimmed\"],\n            base: [\"bg-neutral-base\", \"hover:bg-neutral-subtle\"],\n            transparent: [\"bg-transparent\", \"hover:bg-neutral-dark/5\"]\n        },\n        disabled: {\n            true: \"pointer-events-none\"\n        }\n    },\n    compoundVariants: [\n        {\n            disabled: true,\n            variant: \"light\",\n            className: \"bg-neutral-dimmed\"\n        },\n        {\n            disabled: true,\n            variant: \"base\",\n            className: \"bg-neutral-disabled\"\n        },\n        {\n            disabled: true,\n            variant: \"transparent\",\n            className: \"bg-transparent\"\n        }\n    ],\n    defaultVariants: {\n        variant: \"light\"\n    }\n});\n"],"names":["previewVariants","cva"],"mappings":";AAEO,MAAMA,kBAAkBC,IAAI,UAAU;IACzC,UAAU;QACN,SAAS;YACL,OAAO;gBAAC;gBAAoB;aAA0B;YACtD,MAAM;gBAAC;gBAAmB;aAA0B;YACpD,aAAa;gBAAC;gBAAkB;aAA0B;QAC9D;QACA,UAAU;YACN,MAAM;QACV;IACJ;IACA,kBAAkB;QACd;YACI,UAAU;YACV,SAAS;YACT,WAAW;QACf;QACA;YACI,UAAU;YACV,SAAS;YACT,WAAW;QACf;QACA;YACI,UAAU;YACV,SAAS;YACT,WAAW;QACf;KACH;IACD,iBAAiB;QACb,SAAS;IACb;AACJ"}

package/FilePicker/primitives/components/types.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map

package/FilePicker/primitives/index.js

@@ -1,4 +1,2 @@
 export * from "./FilePickerPrimitive.js";
 export * from "./components/index.js";
-
-//# sourceMappingURL=index.js.map

package/FilePicker/primitives/presenters/FilePickerPresenter.js

@@ -1,29 +1,27 @@
 import { makeAutoObservable } from "mobx";
 import { FileItem, FileItemFormatter } from "../../domains/index.js";
 class FilePickerPresenter {
-  file = null;
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init = params => {
-    const {
-      value
-    } = params;
-    if (!value) {
-      this.file = null;
-      return;
+    constructor(){
+        this.file = null;
+        this.init = (params)=>{
+            const { value } = params;
+            if (!value) {
+                this.file = null;
+                return;
+            }
+            if ("string" == typeof value) {
+                this.file = FileItem.createFromUrl(value);
+                return;
+            }
+            this.file = FileItem.create(value);
+        };
+        makeAutoObservable(this);
     }
-    if (typeof value === "string") {
-      this.file = FileItem.createFromUrl(value);
-      return;
+    get vm() {
+        return {
+            file: this.file ? FileItemFormatter.format(this.file) : null
+        };
     }
-    this.file = FileItem.create(value);
-  };
-  get vm() {
-    return {
-      file: this.file ? FileItemFormatter.format(this.file) : null
-    };
-  }
 }
 export { FilePickerPresenter };
 

package/FilePicker/primitives/presenters/FilePickerPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","FileItem","FileItemFormatter","FilePickerPresenter","file","constructor","init","params","value","createFromUrl","create","vm","format"],"sources":["FilePickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    FileItem,\n    type FileItemDto,\n    type FileItemFormatted,\n    FileItemFormatter\n} from \"../../domains/index.js\";\n\ninterface FilePickerPresenterParams {\n    value?: FileItemDto | string | null;\n}\n\ninterface IFilePickerPresenter {\n    vm: {\n        file: FileItemFormatted | null;\n    };\n    init: (params: FilePickerPresenterParams) => void;\n}\n\nclass FilePickerPresenter implements IFilePickerPresenter {\n    private file: FileItem | null = null;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: FilePickerPresenterParams) => {\n        const { value } = params;\n\n        if (!value) {\n            this.file = null;\n            return;\n        }\n\n        if (typeof value === \"string\") {\n            this.file = FileItem.createFromUrl(value);\n            return;\n        }\n\n        this.file = FileItem.create(value);\n    };\n\n    get vm() {\n        return {\n            file: this.file ? FileItemFormatter.format(this.file) : null\n        };\n    }\n}\n\nexport { FilePickerPresenter, type FilePickerPresenterParams, type IFilePickerPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SACIC,QAAQ,EAGRC,iBAAiB;AAcrB,MAAMC,mBAAmB,CAAiC;EAC9CC,IAAI,GAAoB,IAAI;EAEpCC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOM,IAAI,GAAIC,MAAiC,IAAK;IACjD,MAAM;MAAEC;IAAM,CAAC,GAAGD,MAAM;IAExB,IAAI,CAACC,KAAK,EAAE;MACR,IAAI,CAACJ,IAAI,GAAG,IAAI;MAChB;IACJ;IAEA,IAAI,OAAOI,KAAK,KAAK,QAAQ,EAAE;MAC3B,IAAI,CAACJ,IAAI,GAAGH,QAAQ,CAACQ,aAAa,CAACD,KAAK,CAAC;MACzC;IACJ;IAEA,IAAI,CAACJ,IAAI,GAAGH,QAAQ,CAACS,MAAM,CAACF,KAAK,CAAC;EACtC,CAAC;EAED,IAAIG,EAAEA,CAAA,EAAG;IACL,OAAO;MACHP,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGF,iBAAiB,CAACU,MAAM,CAAC,IAAI,CAACR,IAAI,CAAC,GAAG;IAC5D,CAAC;EACL;AACJ;AAEA,SAASD,mBAAmB","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/presenters/FilePickerPresenter.js","sources":["../../../../src/FilePicker/primitives/presenters/FilePickerPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport {\n    FileItem,\n    type FileItemDto,\n    type FileItemFormatted,\n    FileItemFormatter\n} from \"../../domains/index.js\";\n\ninterface FilePickerPresenterParams {\n    value?: FileItemDto | string | null;\n}\n\ninterface IFilePickerPresenter {\n    vm: {\n        file: FileItemFormatted | null;\n    };\n    init: (params: FilePickerPresenterParams) => void;\n}\n\nclass FilePickerPresenter implements IFilePickerPresenter {\n    private file: FileItem | null = null;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: FilePickerPresenterParams) => {\n        const { value } = params;\n\n        if (!value) {\n            this.file = null;\n            return;\n        }\n\n        if (typeof value === \"string\") {\n            this.file = FileItem.createFromUrl(value);\n            return;\n        }\n\n        this.file = FileItem.create(value);\n    };\n\n    get vm() {\n        return {\n            file: this.file ? FileItemFormatter.format(this.file) : null\n        };\n    }\n}\n\nexport { FilePickerPresenter, type FilePickerPresenterParams, type IFilePickerPresenter };\n"],"names":["FilePickerPresenter","params","value","FileItem","makeAutoObservable","FileItemFormatter"],"mappings":";;AAmBA,MAAMA;IAGF,aAAc;aAFN,IAAI,GAAoB;aAMzB,IAAI,GAAG,CAACC;YACX,MAAM,EAAEC,KAAK,EAAE,GAAGD;YAElB,IAAI,CAACC,OAAO;gBACR,IAAI,CAAC,IAAI,GAAG;gBACZ;YACJ;YAEA,IAAI,AAAiB,YAAjB,OAAOA,OAAoB;gBAC3B,IAAI,CAAC,IAAI,GAAGC,SAAS,aAAa,CAACD;gBACnC;YACJ;YAEA,IAAI,CAAC,IAAI,GAAGC,SAAS,MAAM,CAACD;QAChC;QAjBIE,mBAAmB,IAAI;IAC3B;IAkBA,IAAI,KAAK;QACL,OAAO;YACH,MAAM,IAAI,CAAC,IAAI,GAAGC,kBAAkB,MAAM,CAAC,IAAI,CAAC,IAAI,IAAI;QAC5D;IACJ;AACJ"}

package/FilePicker/primitives/presenters/FilePickerPresenter.test.js

@@ -1,50 +1,50 @@
 import { FilePickerPresenter } from "./FilePickerPresenter.js";
 import { describe, expect, it } from "vitest";
-describe("FilePickerPresenter", () => {
-  const presenter = new FilePickerPresenter();
-  it("should initialize with null file when no value is provided", () => {
-    presenter.init({});
-    expect(presenter.vm.file).toBeNull();
-  });
-  it("should initialize with a file created from URL when value is a string", () => {
-    const url = "http://example.com/file.png";
-    presenter.init({
-      value: url
+describe("FilePickerPresenter", ()=>{
+    const presenter = new FilePickerPresenter();
+    it("should initialize with null file when no value is provided", ()=>{
+        presenter.init({});
+        expect(presenter.vm.file).toBeNull();
     });
-    expect(presenter.vm.file).toEqual({
-      id: expect.any(String),
-      name: "file.png",
-      mimeType: "image/png",
-      url,
-      size: 0
+    it("should initialize with a file created from URL when value is a string", ()=>{
+        const url = "http://example.com/file.png";
+        presenter.init({
+            value: url
+        });
+        expect(presenter.vm.file).toEqual({
+            id: expect.any(String),
+            name: "file.png",
+            mimeType: "image/png",
+            url,
+            size: 0
+        });
     });
-  });
-  it("should initialize with a file created from URL when value is a string and the mimeType is unknown", () => {
-    const url = "http://example.com/file.unknown";
-    presenter.init({
-      value: url
+    it("should initialize with a file created from URL when value is a string and the mimeType is unknown", ()=>{
+        const url = "http://example.com/file.unknown";
+        presenter.init({
+            value: url
+        });
+        expect(presenter.vm.file).toEqual({
+            id: expect.any(String),
+            name: "file.unknown",
+            mimeType: "application/octet-stream",
+            url,
+            size: 0
+        });
     });
-    expect(presenter.vm.file).toEqual({
-      id: expect.any(String),
-      name: "file.unknown",
-      mimeType: "application/octet-stream",
-      url,
-      size: 0
+    it("should initialize with a file created from FileItemDto when value is an object", ()=>{
+        const fileItemDto = {
+            id: "1",
+            name: "file.png",
+            url: "http://example.com/file.png",
+            mimeType: "image/png",
+            size: 1000
+        };
+        presenter.init({
+            value: fileItemDto
+        });
+        expect(presenter.vm.file).toEqual(fileItemDto);
     });
-  });
-  it("should initialize with a file created from FileItemDto when value is an object", () => {
-    const fileItemDto = {
-      id: "1",
-      name: "file.png",
-      url: "http://example.com/file.png",
-      mimeType: "image/png",
-      size: 1000
-    };
-    presenter.init({
-      value: fileItemDto
-    });
-    expect(presenter.vm.file).toEqual(fileItemDto);
-  });
 });
 
 //# sourceMappingURL=FilePickerPresenter.test.js.map

package/FilePicker/primitives/presenters/FilePickerPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["FilePickerPresenter","describe","expect","it","presenter","init","vm","file","toBeNull","url","value","toEqual","id","any","String","name","mimeType","size","fileItemDto"],"sources":["FilePickerPresenter.test.ts"],"sourcesContent":["import { FilePickerPresenter } from \"./FilePickerPresenter.js\";\nimport { describe, expect, it } from \"vitest\";\n\ndescribe(\"FilePickerPresenter\", () => {\n    const presenter = new FilePickerPresenter();\n\n    it(\"should initialize with null file when no value is provided\", () => {\n        presenter.init({});\n        expect(presenter.vm.file).toBeNull();\n    });\n\n    it(\"should initialize with a file created from URL when value is a string\", () => {\n        const url = \"http://example.com/file.png\";\n        presenter.init({ value: url });\n        expect(presenter.vm.file).toEqual({\n            id: expect.any(String),\n            name: \"file.png\",\n            mimeType: \"image/png\",\n            url,\n            size: 0\n        });\n    });\n\n    it(\"should initialize with a file created from URL when value is a string and the mimeType is unknown\", () => {\n        const url = \"http://example.com/file.unknown\";\n        presenter.init({ value: url });\n        expect(presenter.vm.file).toEqual({\n            id: expect.any(String),\n            name: \"file.unknown\",\n            mimeType: \"application/octet-stream\",\n            url,\n            size: 0\n        });\n    });\n\n    it(\"should initialize with a file created from FileItemDto when value is an object\", () => {\n        const fileItemDto = {\n            id: \"1\",\n            name: \"file.png\",\n            url: \"http://example.com/file.png\",\n            mimeType: \"image/png\",\n            size: 1000\n        };\n        presenter.init({ value: fileItemDto });\n        expect(presenter.vm.file).toEqual(fileItemDto);\n    });\n});\n"],"mappings":"AAAA,SAASA,mBAAmB;AAC5B,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ,QAAQ;AAE7CF,QAAQ,CAAC,qBAAqB,EAAE,MAAM;EAClC,MAAMG,SAAS,GAAG,IAAIJ,mBAAmB,CAAC,CAAC;EAE3CG,EAAE,CAAC,4DAA4D,EAAE,MAAM;IACnEC,SAAS,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClBH,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,IAAI,CAAC,CAACC,QAAQ,CAAC,CAAC;EACxC,CAAC,CAAC;EAEFL,EAAE,CAAC,uEAAuE,EAAE,MAAM;IAC9E,MAAMM,GAAG,GAAG,6BAA6B;IACzCL,SAAS,CAACC,IAAI,CAAC;MAAEK,KAAK,EAAED;IAAI,CAAC,CAAC;IAC9BP,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAAC;MAC9BC,EAAE,EAAEV,MAAM,CAACW,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAE,WAAW;MACrBP,GAAG;MACHQ,IAAI,EAAE;IACV,CAAC,CAAC;EACN,CAAC,CAAC;EAEFd,EAAE,CAAC,mGAAmG,EAAE,MAAM;IAC1G,MAAMM,GAAG,GAAG,iCAAiC;IAC7CL,SAAS,CAACC,IAAI,CAAC;MAAEK,KAAK,EAAED;IAAI,CAAC,CAAC;IAC9BP,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAAC;MAC9BC,EAAE,EAAEV,MAAM,CAACW,GAAG,CAACC,MAAM,CAAC;MACtBC,IAAI,EAAE,cAAc;MACpBC,QAAQ,EAAE,0BAA0B;MACpCP,GAAG;MACHQ,IAAI,EAAE;IACV,CAAC,CAAC;EACN,CAAC,CAAC;EAEFd,EAAE,CAAC,gFAAgF,EAAE,MAAM;IACvF,MAAMe,WAAW,GAAG;MAChBN,EAAE,EAAE,GAAG;MACPG,IAAI,EAAE,UAAU;MAChBN,GAAG,EAAE,6BAA6B;MAClCO,QAAQ,EAAE,WAAW;MACrBC,IAAI,EAAE;IACV,CAAC;IACDb,SAAS,CAACC,IAAI,CAAC;MAAEK,KAAK,EAAEQ;IAAY,CAAC,CAAC;IACtChB,MAAM,CAACE,SAAS,CAACE,EAAE,CAACC,IAAI,CAAC,CAACI,OAAO,CAACO,WAAW,CAAC;EAClD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/presenters/FilePickerPresenter.test.js","sources":["../../../../src/FilePicker/primitives/presenters/FilePickerPresenter.test.ts"],"sourcesContent":["import { FilePickerPresenter } from \"./FilePickerPresenter.js\";\nimport { describe, expect, it } from \"vitest\";\n\ndescribe(\"FilePickerPresenter\", () => {\n    const presenter = new FilePickerPresenter();\n\n    it(\"should initialize with null file when no value is provided\", () => {\n        presenter.init({});\n        expect(presenter.vm.file).toBeNull();\n    });\n\n    it(\"should initialize with a file created from URL when value is a string\", () => {\n        const url = \"http://example.com/file.png\";\n        presenter.init({ value: url });\n        expect(presenter.vm.file).toEqual({\n            id: expect.any(String),\n            name: \"file.png\",\n            mimeType: \"image/png\",\n            url,\n            size: 0\n        });\n    });\n\n    it(\"should initialize with a file created from URL when value is a string and the mimeType is unknown\", () => {\n        const url = \"http://example.com/file.unknown\";\n        presenter.init({ value: url });\n        expect(presenter.vm.file).toEqual({\n            id: expect.any(String),\n            name: \"file.unknown\",\n            mimeType: \"application/octet-stream\",\n            url,\n            size: 0\n        });\n    });\n\n    it(\"should initialize with a file created from FileItemDto when value is an object\", () => {\n        const fileItemDto = {\n            id: \"1\",\n            name: \"file.png\",\n            url: \"http://example.com/file.png\",\n            mimeType: \"image/png\",\n            size: 1000\n        };\n        presenter.init({ value: fileItemDto });\n        expect(presenter.vm.file).toEqual(fileItemDto);\n    });\n});\n"],"names":["describe","presenter","FilePickerPresenter","it","expect","url","String","fileItemDto"],"mappings":";;AAGAA,SAAS,uBAAuB;IAC5B,MAAMC,YAAY,IAAIC;IAEtBC,GAAG,8DAA8D;QAC7DF,UAAU,IAAI,CAAC,CAAC;QAChBG,OAAOH,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ;IACtC;IAEAE,GAAG,yEAAyE;QACxE,MAAME,MAAM;QACZJ,UAAU,IAAI,CAAC;YAAE,OAAOI;QAAI;QAC5BD,OAAOH,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;YAC9B,IAAIG,OAAO,GAAG,CAACE;YACf,MAAM;YACN,UAAU;YACVD;YACA,MAAM;QACV;IACJ;IAEAF,GAAG,qGAAqG;QACpG,MAAME,MAAM;QACZJ,UAAU,IAAI,CAAC;YAAE,OAAOI;QAAI;QAC5BD,OAAOH,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;YAC9B,IAAIG,OAAO,GAAG,CAACE;YACf,MAAM;YACN,UAAU;YACVD;YACA,MAAM;QACV;IACJ;IAEAF,GAAG,kFAAkF;QACjF,MAAMI,cAAc;YAChB,IAAI;YACJ,MAAM;YACN,KAAK;YACL,UAAU;YACV,MAAM;QACV;QACAN,UAAU,IAAI,CAAC;YAAE,OAAOM;QAAY;QACpCH,OAAOH,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAACM;IACtC;AACJ"}

package/FilePicker/primitives/presenters/index.js

@@ -1,3 +1 @@
 export * from "./FilePickerPresenter.js";
-
-//# sourceMappingURL=index.js.map

package/FilePicker/primitives/useFilePicker.js

@@ -1,25 +1,51 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
 import { FilePickerPresenter } from "./presenters/index.js";
-export const useFilePicker = props => {
-  const params = useMemo(() => ({
-    value: props.value
-  }), [props.value]);
-  const presenter = useMemo(() => {
-    return new FilePickerPresenter();
-  }, []);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params]);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  return {
-    vm
-  };
+import { useAdminUi } from "../../AdminUiProvider/index.js";
+const useFilePicker = (props)=>{
+    const { fileUrlFormatter } = useAdminUi();
+    const params = useMemo(()=>({
+            value: props.value
+        }), [
+        props.value
+    ]);
+    const presenter = useMemo(()=>new FilePickerPresenter(), []);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params
+    ]);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    const formattedVm = useMemo(()=>{
+        if (!vm.file) return vm;
+        try {
+            const url = new URL(vm.file.url);
+            fileUrlFormatter.format(url, {
+                width: 128
+            });
+            return {
+                ...vm,
+                file: {
+                    ...vm.file,
+                    url: url.toString()
+                }
+            };
+        } catch  {
+            return vm;
+        }
+    }, [
+        vm,
+        fileUrlFormatter
+    ]);
+    return {
+        vm: formattedVm
+    };
 };
+export { useFilePicker };
 
 //# sourceMappingURL=useFilePicker.js.map

package/FilePicker/primitives/useFilePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","FilePickerPresenter","useFilePicker","props","params","value","presenter","vm","setVm","init"],"sources":["useFilePicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { FilePickerPresenter, type FilePickerPresenterParams } from \"./presenters/index.js\";\nimport type { FilePickerPrimitiveProps } from \"~/FilePicker/index.js\";\n\ntype IFilePickerPrimitiveProps = Pick<FilePickerPrimitiveProps, \"value\">;\n\nexport const useFilePicker = (props: IFilePickerPrimitiveProps) => {\n    const params: FilePickerPresenterParams = useMemo(\n        () => ({\n            value: props.value\n        }),\n        [props.value]\n    );\n\n    const presenter = useMemo(() => {\n        return new FilePickerPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SAASC,mBAAmB;AAK5B,OAAO,MAAMC,aAAa,GAAIC,KAAgC,IAAK;EAC/D,MAAMC,MAAiC,GAAGN,OAAO,CAC7C,OAAO;IACHO,KAAK,EAAEF,KAAK,CAACE;EACjB,CAAC,CAAC,EACF,CAACF,KAAK,CAACE,KAAK,CAChB,CAAC;EAED,MAAMC,SAAS,GAAGR,OAAO,CAAC,MAAM;IAC5B,OAAO,IAAIG,mBAAmB,CAAC,CAAC;EACpC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAGT,QAAQ,CAACO,SAAS,CAACC,EAAE,CAAC;EAE1CV,SAAS,CAAC,MAAM;IACZS,SAAS,CAACG,IAAI,CAACL,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBQ,KAAK,CAACF,SAAS,CAACC,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"FilePicker/primitives/useFilePicker.js","sources":["../../../src/FilePicker/primitives/useFilePicker.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { FilePickerPresenter, type FilePickerPresenterParams } from \"./presenters/index.js\";\nimport type { FilePickerPrimitiveProps } from \"~/FilePicker/index.js\";\nimport { useAdminUi } from \"~/AdminUiProvider/index.js\";\n\ntype IFilePickerPrimitiveProps = Pick<FilePickerPrimitiveProps, \"value\">;\n\nexport const useFilePicker = (props: IFilePickerPrimitiveProps) => {\n    const { fileUrlFormatter } = useAdminUi();\n\n    const params: FilePickerPresenterParams = useMemo(\n        () => ({\n            value: props.value\n        }),\n        [props.value]\n    );\n\n    const presenter = useMemo(() => {\n        return new FilePickerPresenter();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    const formattedVm = useMemo(() => {\n        if (!vm.file) {\n            return vm;\n        }\n        try {\n            const url = new URL(vm.file.url);\n            fileUrlFormatter.format(url, { width: 128 });\n            return { ...vm, file: { ...vm.file, url: url.toString() } };\n        } catch {\n            return vm;\n        }\n    }, [vm, fileUrlFormatter]);\n\n    return {\n        vm: formattedVm\n    };\n};\n"],"names":["useFilePicker","props","fileUrlFormatter","useAdminUi","params","useMemo","presenter","FilePickerPresenter","vm","setVm","useState","useEffect","autorun","formattedVm","url","URL"],"mappings":";;;;AAQO,MAAMA,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAE7B,MAAMC,SAAoCC,QACtC,IAAO;YACH,OAAOJ,MAAM,KAAK;QACtB,IACA;QAACA,MAAM,KAAK;KAAC;IAGjB,MAAMK,YAAYD,QAAQ,IACf,IAAIE,uBACZ,EAAE;IAEL,MAAM,CAACC,IAAIC,MAAM,GAAGC,SAASJ,UAAU,EAAE;IAEzCK,UAAU;QACNL,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;KAAO;IAEXO,UAAU,IACCC,QAAQ;YACXH,MAAMH,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,MAAMO,cAAcR,QAAQ;QACxB,IAAI,CAACG,GAAG,IAAI,EACR,OAAOA;QAEX,IAAI;YACA,MAAMM,MAAM,IAAIC,IAAIP,GAAG,IAAI,CAAC,GAAG;YAC/BN,iBAAiB,MAAM,CAACY,KAAK;gBAAE,OAAO;YAAI;YAC1C,OAAO;gBAAE,GAAGN,EAAE;gBAAE,MAAM;oBAAE,GAAGA,GAAG,IAAI;oBAAE,KAAKM,IAAI,QAAQ;gBAAG;YAAE;QAC9D,EAAE,OAAM;YACJ,OAAON;QACX;IACJ,GAAG;QAACA;QAAIN;KAAiB;IAEzB,OAAO;QACH,IAAIW;IACR;AACJ"}

package/FillViewport/FillViewport.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+type FillViewportProps = React.HTMLAttributes<HTMLDivElement>;
+declare const BaseFillViewportHeight: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const BaseFillViewportWidth: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const BaseFillViewport: ({ children, style: userStyle, ...rest }: FillViewportProps) => React.JSX.Element;
+declare const FillViewportHeight: typeof BaseFillViewportHeight & {
+    original: typeof BaseFillViewportHeight;
+    originalName: string;
+    displayName: string;
+} & {
+    original: typeof BaseFillViewportHeight & {
+        original: typeof BaseFillViewportHeight;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseFillViewportHeight & {
+        original: typeof BaseFillViewportHeight;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+declare const FillViewportWidth: typeof BaseFillViewportWidth & {
+    original: typeof BaseFillViewportWidth;
+    originalName: string;
+    displayName: string;
+} & {
+    original: typeof BaseFillViewportWidth & {
+        original: typeof BaseFillViewportWidth;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseFillViewportWidth & {
+        original: typeof BaseFillViewportWidth;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+declare const FillViewport: typeof BaseFillViewport & {
+    original: typeof BaseFillViewport;
+    originalName: string;
+    displayName: string;
+} & {
+    original: typeof BaseFillViewport & {
+        original: typeof BaseFillViewport;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof BaseFillViewport & {
+        original: typeof BaseFillViewport;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { FillViewportHeight, FillViewportWidth, FillViewport };

package/FillViewport/FillViewport.js

@@ -0,0 +1,67 @@
+import react, { useEffect, useRef, useState } from "react";
+import { makeDecoratable } from "../utils.js";
+function useFillViewportStyle(axis) {
+    const ref = useRef(null);
+    const [style, setStyle] = useState();
+    useEffect(()=>{
+        const el = ref.current;
+        if (!el) return;
+        const measure = ()=>{
+            const rect = el.getBoundingClientRect();
+            const next = {};
+            if ("width" === axis || "both" === axis) next.width = window.innerWidth - rect.left;
+            if ("height" === axis || "both" === axis) next.height = window.innerHeight - rect.top;
+            setStyle(next);
+        };
+        measure();
+        const ro = new ResizeObserver(measure);
+        ro.observe(document.documentElement);
+        return ()=>ro.disconnect();
+    }, []);
+    return {
+        ref,
+        style
+    };
+}
+const BaseFillViewportHeight = ({ children, style: userStyle, ...rest })=>{
+    const { ref, style } = useFillViewportStyle("height");
+    return /*#__PURE__*/ react.createElement("div", {
+        ...rest,
+        ref: ref,
+        "data-fill-viewport": "height",
+        style: void 0 !== style ? {
+            height: style.height,
+            ...userStyle
+        } : userStyle
+    }, children);
+};
+const BaseFillViewportWidth = ({ children, style: userStyle, ...rest })=>{
+    const { ref, style } = useFillViewportStyle("width");
+    return /*#__PURE__*/ react.createElement("div", {
+        ...rest,
+        ref: ref,
+        "data-fill-viewport": "width",
+        style: void 0 !== style ? {
+            width: style.width,
+            ...userStyle
+        } : userStyle
+    }, children);
+};
+const BaseFillViewport = ({ children, style: userStyle, ...rest })=>{
+    const { ref, style } = useFillViewportStyle("both");
+    return /*#__PURE__*/ react.createElement("div", {
+        ...rest,
+        ref: ref,
+        "data-fill-viewport": "both",
+        style: void 0 !== style ? {
+            ...style,
+            ...userStyle
+        } : userStyle
+    }, children);
+};
+const FillViewportHeight = makeDecoratable("FillViewportHeight", BaseFillViewportHeight);
+const FillViewportWidth = makeDecoratable("FillViewportWidth", BaseFillViewportWidth);
+const FillViewport = makeDecoratable("FillViewport", BaseFillViewport);
+export { FillViewport, FillViewportHeight, FillViewportWidth };
+
+//# sourceMappingURL=FillViewport.js.map

package/FillViewport/FillViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillViewport/FillViewport.js","sources":["../../src/FillViewport/FillViewport.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ninterface FillViewportStyle {\n    width?: number;\n    height?: number;\n}\n\nfunction useFillViewportStyle(axis: \"width\" | \"height\" | \"both\") {\n    const ref = useRef<HTMLDivElement>(null);\n    const [style, setStyle] = useState<FillViewportStyle>();\n\n    useEffect(() => {\n        const el = ref.current;\n        if (!el) {\n            return;\n        }\n\n        const measure = () => {\n            const rect = el.getBoundingClientRect();\n            const next: FillViewportStyle = {};\n\n            if (axis === \"width\" || axis === \"both\") {\n                next.width = window.innerWidth - rect.left;\n            }\n\n            if (axis === \"height\" || axis === \"both\") {\n                next.height = window.innerHeight - rect.top;\n            }\n\n            setStyle(next);\n        };\n\n        measure();\n\n        const ro = new ResizeObserver(measure);\n        ro.observe(document.documentElement);\n\n        return () => ro.disconnect();\n    }, []);\n\n    return { ref, style };\n}\n\ntype FillViewportProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst BaseFillViewportHeight = ({ children, style: userStyle, ...rest }: FillViewportProps) => {\n    const { ref, style } = useFillViewportStyle(\"height\");\n\n    return (\n        <div\n            {...rest}\n            ref={ref}\n            data-fill-viewport=\"height\"\n            style={style !== undefined ? { height: style.height, ...userStyle } : userStyle}\n        >\n            {children}\n        </div>\n    );\n};\n\nconst BaseFillViewportWidth = ({ children, style: userStyle, ...rest }: FillViewportProps) => {\n    const { ref, style } = useFillViewportStyle(\"width\");\n\n    return (\n        <div\n            {...rest}\n            ref={ref}\n            data-fill-viewport=\"width\"\n            style={style !== undefined ? { width: style.width, ...userStyle } : userStyle}\n        >\n            {children}\n        </div>\n    );\n};\n\nconst BaseFillViewport = ({ children, style: userStyle, ...rest }: FillViewportProps) => {\n    const { ref, style } = useFillViewportStyle(\"both\");\n\n    return (\n        <div\n            {...rest}\n            ref={ref}\n            data-fill-viewport=\"both\"\n            style={style !== undefined ? { ...style, ...userStyle } : userStyle}\n        >\n            {children}\n        </div>\n    );\n};\n\nconst FillViewportHeight = makeDecoratable(\"FillViewportHeight\", BaseFillViewportHeight);\nconst FillViewportWidth = makeDecoratable(\"FillViewportWidth\", BaseFillViewportWidth);\nconst FillViewport = makeDecoratable(\"FillViewport\", BaseFillViewport);\n\nexport { FillViewportHeight, FillViewportWidth, FillViewport };\n"],"names":["useFillViewportStyle","axis","ref","useRef","style","setStyle","useState","useEffect","el","measure","rect","next","window","ro","ResizeObserver","document","BaseFillViewportHeight","children","userStyle","rest","undefined","BaseFillViewportWidth","BaseFillViewport","FillViewportHeight","makeDecoratable","FillViewportWidth","FillViewport"],"mappings":";;AAQA,SAASA,qBAAqBC,IAAiC;IAC3D,MAAMC,MAAMC,OAAuB;IACnC,MAAM,CAACC,OAAOC,SAAS,GAAGC;IAE1BC,UAAU;QACN,MAAMC,KAAKN,IAAI,OAAO;QACtB,IAAI,CAACM,IACD;QAGJ,MAAMC,UAAU;YACZ,MAAMC,OAAOF,GAAG,qBAAqB;YACrC,MAAMG,OAA0B,CAAC;YAEjC,IAAIV,AAAS,YAATA,QAAoBA,AAAS,WAATA,MACpBU,KAAK,KAAK,GAAGC,OAAO,UAAU,GAAGF,KAAK,IAAI;YAG9C,IAAIT,AAAS,aAATA,QAAqBA,AAAS,WAATA,MACrBU,KAAK,MAAM,GAAGC,OAAO,WAAW,GAAGF,KAAK,GAAG;YAG/CL,SAASM;QACb;QAEAF;QAEA,MAAMI,KAAK,IAAIC,eAAeL;QAC9BI,GAAG,OAAO,CAACE,SAAS,eAAe;QAEnC,OAAO,IAAMF,GAAG,UAAU;IAC9B,GAAG,EAAE;IAEL,OAAO;QAAEX;QAAKE;IAAM;AACxB;AAIA,MAAMY,yBAAyB,CAAC,EAAEC,QAAQ,EAAE,OAAOC,SAAS,EAAE,GAAGC,MAAyB;IACtF,MAAM,EAAEjB,GAAG,EAAEE,KAAK,EAAE,GAAGJ,qBAAqB;IAE5C,OAAO,WAAP,GACI,oBAAC;QACI,GAAGmB,IAAI;QACR,KAAKjB;QACL,sBAAmB;QACnB,OAAOE,AAAUgB,WAAVhB,QAAsB;YAAE,QAAQA,MAAM,MAAM;YAAE,GAAGc,SAAS;QAAC,IAAIA;OAErED;AAGb;AAEA,MAAMI,wBAAwB,CAAC,EAAEJ,QAAQ,EAAE,OAAOC,SAAS,EAAE,GAAGC,MAAyB;IACrF,MAAM,EAAEjB,GAAG,EAAEE,KAAK,EAAE,GAAGJ,qBAAqB;IAE5C,OAAO,WAAP,GACI,oBAAC;QACI,GAAGmB,IAAI;QACR,KAAKjB;QACL,sBAAmB;QACnB,OAAOE,AAAUgB,WAAVhB,QAAsB;YAAE,OAAOA,MAAM,KAAK;YAAE,GAAGc,SAAS;QAAC,IAAIA;OAEnED;AAGb;AAEA,MAAMK,mBAAmB,CAAC,EAAEL,QAAQ,EAAE,OAAOC,SAAS,EAAE,GAAGC,MAAyB;IAChF,MAAM,EAAEjB,GAAG,EAAEE,KAAK,EAAE,GAAGJ,qBAAqB;IAE5C,OAAO,WAAP,GACI,oBAAC;QACI,GAAGmB,IAAI;QACR,KAAKjB;QACL,sBAAmB;QACnB,OAAOE,AAAUgB,WAAVhB,QAAsB;YAAE,GAAGA,KAAK;YAAE,GAAGc,SAAS;QAAC,IAAIA;OAEzDD;AAGb;AAEA,MAAMM,qBAAqBC,gBAAgB,sBAAsBR;AACjE,MAAMS,oBAAoBD,gBAAgB,qBAAqBH;AAC/D,MAAMK,eAAeF,gBAAgB,gBAAgBF"}

package/FillViewport/index.d.ts

@@ -0,0 +1 @@
+export * from "./FillViewport.js";

package/FillViewport/index.js

@@ -0,0 +1 @@
+export * from "./FillViewport.js";

package/FormComponent/Description.d.ts

@@ -7,21 +7,22 @@ declare const formComponentDescriptionVariants: (props?: ({
 type FormComponentDescriptionProps = TextProps & VariantProps<typeof formComponentDescriptionVariants> & {
     text?: React.ReactNode;
 };
-declare const FormComponentDescription: (({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null) & {
-    original: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
+declare const DecoratableFormComponentDescription: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
+declare const FormComponentDescription: typeof DecoratableFormComponentDescription & {
+    original: typeof DecoratableFormComponentDescription;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null) & {
-        original: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
+    original: typeof DecoratableFormComponentDescription & {
+        original: typeof DecoratableFormComponentDescription;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null) & {
-        original: ({ text, disabled, className, ...props }: FormComponentDescriptionProps) => React.JSX.Element | null;
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<typeof DecoratableFormComponentDescription & {
+        original: typeof DecoratableFormComponentDescription;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;