@webiny/admin-ui 6.4.0-beta.2 → 6.4.0-beta.3

package/AdminUiProvider/AdminUiProvider.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
 import { type LinkComponent } from "../index.js";
+import type { FileUrlFormatter } from "./FileUrlFormatter.js";
 export type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;
 export interface AdminUiContextValue {
     linkComponent: LinkComponent;
     compileMarkdown: CompileMarkdown;
+    fileUrlFormatter: FileUrlFormatter;
 }
 export declare const AdminUiContext: React.Context<AdminUiContextValue | undefined>;
 interface MarkdownCompiler {
@@ -12,6 +14,7 @@ interface MarkdownCompiler {
 export interface AdminUiProviderProps {
     linkComponent?: LinkComponent;
     markdownCompiler?: MarkdownCompiler;
+    fileUrlFormatter?: FileUrlFormatter;
     children: React.ReactNode;
 }
 export declare const AdminUiProvider: ({ children, ...props }: AdminUiProviderProps) => React.JSX.Element;

package/AdminUiProvider/AdminUiProvider.js

@@ -1,12 +1,16 @@
-import react, { useCallback, useEffect, useRef } from "react";
+import react, { useCallback, useEffect, useMemo, useRef } from "react";
 import { Toast } from "../Toast/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { DefaultLinkComponent } from "../index.js";
 const passthrough = (markdown)=>markdown;
+const passthroughFileUrlFormatter = {
+    format (_url) {}
+};
 const AdminUiContext = /*#__PURE__*/ react.createContext(void 0);
 const AdminUiProvider = ({ children, ...props })=>{
     const linkComponent = props.linkComponent ?? DefaultLinkComponent;
     const markdownCompiler = props.markdownCompiler ?? passthrough;
+    const fileUrlFormatter = props.fileUrlFormatter ?? passthroughFileUrlFormatter;
     const cacheRef = useRef(new Map());
     useEffect(()=>{
         cacheRef.current.clear();
@@ -27,11 +31,17 @@ const AdminUiProvider = ({ children, ...props })=>{
     }, [
         markdownCompiler
     ]);
-    return /*#__PURE__*/ react.createElement(AdminUiContext.Provider, {
-        value: {
+    const contextValue = useMemo(()=>({
             linkComponent,
-            compileMarkdown
-        }
+            compileMarkdown,
+            fileUrlFormatter
+        }), [
+        linkComponent,
+        compileMarkdown,
+        fileUrlFormatter
+    ]);
+    return /*#__PURE__*/ react.createElement(AdminUiContext.Provider, {
+        value: contextValue
     }, /*#__PURE__*/ react.createElement(Tooltip.Provider, null, children), /*#__PURE__*/ react.createElement(Toast.Provider, null));
 };
 const useAdminUi = ()=>{

package/AdminUiProvider/AdminUiProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminUiProvider/AdminUiProvider.js","sources":["../../src/AdminUiProvider/AdminUiProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { Toast } from \"~/Toast/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { type LinkComponent, DefaultLinkComponent } from \"~/index.js\";\n\nexport type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;\n\nexport interface AdminUiContextValue {\n    linkComponent: LinkComponent;\n    compileMarkdown: CompileMarkdown;\n}\n\nconst passthrough = (markdown: string) => markdown;\n\nexport const AdminUiContext = React.createContext<AdminUiContextValue | undefined>(undefined);\n\ninterface MarkdownCompiler {\n    (markdown: string): React.ReactNode;\n}\n\nexport interface AdminUiProviderProps {\n    linkComponent?: LinkComponent;\n    markdownCompiler?: MarkdownCompiler;\n    children: React.ReactNode;\n}\n\nexport const AdminUiProvider = ({ children, ...props }: AdminUiProviderProps) => {\n    const linkComponent = props.linkComponent ?? DefaultLinkComponent;\n    const markdownCompiler = props.markdownCompiler ?? passthrough;\n\n    // Cache to store compiled markdown results\n    const cacheRef = useRef(new Map<string, React.ReactNode>());\n\n    // Clear cache when markdownCompiler changes\n    useEffect(() => {\n        cacheRef.current.clear();\n    }, [markdownCompiler]);\n\n    const compileMarkdown = useCallback(\n        (markdown: React.ReactNode) => {\n            if (!markdownCompiler) {\n                return markdown;\n            }\n\n            if (React.isValidElement(markdown)) {\n                return markdown;\n            }\n\n            if (typeof markdown === \"string\") {\n                // Check cache first\n                const cached = cacheRef.current.get(markdown);\n                if (cached !== undefined) {\n                    return cached;\n                }\n\n                // Compile and cache\n                const compiled = markdownCompiler(markdown);\n                cacheRef.current.set(markdown, compiled);\n                return compiled;\n            }\n\n            return markdown;\n        },\n        [markdownCompiler]\n    );\n\n    return (\n        <AdminUiContext.Provider value={{ linkComponent, compileMarkdown }}>\n            <Tooltip.Provider>{children}</Tooltip.Provider>\n            <Toast.Provider />\n        </AdminUiContext.Provider>\n    );\n};\n\nexport const useAdminUi = () => {\n    const context = React.useContext(AdminUiContext);\n    if (!context) {\n        throw new Error(\"AdminUiProvider is missing from the component tree.\");\n    }\n    return context;\n};\n"],"names":["passthrough","markdown","AdminUiContext","React","undefined","AdminUiProvider","children","props","linkComponent","DefaultLinkComponent","markdownCompiler","cacheRef","useRef","Map","useEffect","compileMarkdown","useCallback","cached","compiled","Tooltip","Toast","useAdminUi","context","Error"],"mappings":";;;;AAYA,MAAMA,cAAc,CAACC,WAAqBA;AAEnC,MAAMC,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAAkCC;AAY5E,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAA6B;IACxE,MAAMC,gBAAgBD,MAAM,aAAa,IAAIE;IAC7C,MAAMC,mBAAmBH,MAAM,gBAAgB,IAAIP;IAGnD,MAAMW,WAAWC,OAAO,IAAIC;IAG5BC,UAAU;QACNH,SAAS,OAAO,CAAC,KAAK;IAC1B,GAAG;QAACD;KAAiB;IAErB,MAAMK,kBAAkBC,YACpB,CAACf;QACG,IAAI,CAACS,kBACD,OAAOT;QAGX,IAAI,WAAJ,GAAIE,MAAAA,cAAoB,CAACF,WACrB,OAAOA;QAGX,IAAI,AAAoB,YAApB,OAAOA,UAAuB;YAE9B,MAAMgB,SAASN,SAAS,OAAO,CAAC,GAAG,CAACV;YACpC,IAAIgB,AAAWb,WAAXa,QACA,OAAOA;YAIX,MAAMC,WAAWR,iBAAiBT;YAClCU,SAAS,OAAO,CAAC,GAAG,CAACV,UAAUiB;YAC/B,OAAOA;QACX;QAEA,OAAOjB;IACX,GACA;QAACS;KAAiB;IAGtB,OAAO,WAAP,GACI,oBAACR,eAAe,QAAQ;QAAC,OAAO;YAAEM;YAAeO;QAAgB;qBAC7D,oBAACI,QAAQ,QAAQ,QAAEb,WAAAA,WAAAA,GACnB,oBAACc,MAAM,QAAQ;AAG3B;AAEO,MAAMC,aAAa;IACtB,MAAMC,UAAUnB,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACoB,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX"}
+{"version":3,"file":"AdminUiProvider/AdminUiProvider.js","sources":["../../src/AdminUiProvider/AdminUiProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { Toast } from \"~/Toast/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { type LinkComponent, DefaultLinkComponent } from \"~/index.js\";\nimport type { FileUrlFormatter } from \"./FileUrlFormatter.js\";\n\nexport type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;\n\nexport interface AdminUiContextValue {\n    linkComponent: LinkComponent;\n    compileMarkdown: CompileMarkdown;\n    fileUrlFormatter: FileUrlFormatter;\n}\n\nconst passthrough = (markdown: string) => markdown;\n\nconst passthroughFileUrlFormatter: FileUrlFormatter = {\n    format(_url: URL): void {\n        // passthrough — no-op\n    }\n};\n\nexport const AdminUiContext = React.createContext<AdminUiContextValue | undefined>(undefined);\n\ninterface MarkdownCompiler {\n    (markdown: string): React.ReactNode;\n}\n\nexport interface AdminUiProviderProps {\n    linkComponent?: LinkComponent;\n    markdownCompiler?: MarkdownCompiler;\n    fileUrlFormatter?: FileUrlFormatter;\n    children: React.ReactNode;\n}\n\nexport const AdminUiProvider = ({ children, ...props }: AdminUiProviderProps) => {\n    const linkComponent = props.linkComponent ?? DefaultLinkComponent;\n    const markdownCompiler = props.markdownCompiler ?? passthrough;\n    const fileUrlFormatter = props.fileUrlFormatter ?? passthroughFileUrlFormatter;\n\n    // Cache to store compiled markdown results\n    const cacheRef = useRef(new Map<string, React.ReactNode>());\n\n    // Clear cache when markdownCompiler changes\n    useEffect(() => {\n        cacheRef.current.clear();\n    }, [markdownCompiler]);\n\n    const compileMarkdown = useCallback(\n        (markdown: React.ReactNode) => {\n            if (!markdownCompiler) {\n                return markdown;\n            }\n\n            if (React.isValidElement(markdown)) {\n                return markdown;\n            }\n\n            if (typeof markdown === \"string\") {\n                // Check cache first\n                const cached = cacheRef.current.get(markdown);\n                if (cached !== undefined) {\n                    return cached;\n                }\n\n                // Compile and cache\n                const compiled = markdownCompiler(markdown);\n                cacheRef.current.set(markdown, compiled);\n                return compiled;\n            }\n\n            return markdown;\n        },\n        [markdownCompiler]\n    );\n\n    const contextValue = useMemo(\n        () => ({ linkComponent, compileMarkdown, fileUrlFormatter }),\n        [linkComponent, compileMarkdown, fileUrlFormatter]\n    );\n\n    return (\n        <AdminUiContext.Provider value={contextValue}>\n            <Tooltip.Provider>{children}</Tooltip.Provider>\n            <Toast.Provider />\n        </AdminUiContext.Provider>\n    );\n};\n\nexport const useAdminUi = () => {\n    const context = React.useContext(AdminUiContext);\n    if (!context) {\n        throw new Error(\"AdminUiProvider is missing from the component tree.\");\n    }\n    return context;\n};\n"],"names":["passthrough","markdown","passthroughFileUrlFormatter","_url","AdminUiContext","React","undefined","AdminUiProvider","children","props","linkComponent","DefaultLinkComponent","markdownCompiler","fileUrlFormatter","cacheRef","useRef","Map","useEffect","compileMarkdown","useCallback","cached","compiled","contextValue","useMemo","Tooltip","Toast","useAdminUi","context","Error"],"mappings":";;;;AAcA,MAAMA,cAAc,CAACC,WAAqBA;AAE1C,MAAMC,8BAAgD;IAClD,QAAOC,IAAS,GAEhB;AACJ;AAEO,MAAMC,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAAkCC;AAa5E,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAA6B;IACxE,MAAMC,gBAAgBD,MAAM,aAAa,IAAIE;IAC7C,MAAMC,mBAAmBH,MAAM,gBAAgB,IAAIT;IACnD,MAAMa,mBAAmBJ,MAAM,gBAAgB,IAAIP;IAGnD,MAAMY,WAAWC,OAAO,IAAIC;IAG5BC,UAAU;QACNH,SAAS,OAAO,CAAC,KAAK;IAC1B,GAAG;QAACF;KAAiB;IAErB,MAAMM,kBAAkBC,YACpB,CAAClB;QACG,IAAI,CAACW,kBACD,OAAOX;QAGX,IAAI,WAAJ,GAAII,MAAAA,cAAoB,CAACJ,WACrB,OAAOA;QAGX,IAAI,AAAoB,YAApB,OAAOA,UAAuB;YAE9B,MAAMmB,SAASN,SAAS,OAAO,CAAC,GAAG,CAACb;YACpC,IAAImB,AAAWd,WAAXc,QACA,OAAOA;YAIX,MAAMC,WAAWT,iBAAiBX;YAClCa,SAAS,OAAO,CAAC,GAAG,CAACb,UAAUoB;YAC/B,OAAOA;QACX;QAEA,OAAOpB;IACX,GACA;QAACW;KAAiB;IAGtB,MAAMU,eAAeC,QACjB,IAAO;YAAEb;YAAeQ;YAAiBL;QAAiB,IAC1D;QAACH;QAAeQ;QAAiBL;KAAiB;IAGtD,OAAO,WAAP,GACI,oBAACT,eAAe,QAAQ;QAAC,OAAOkB;qBAC5B,oBAACE,QAAQ,QAAQ,QAAEhB,WAAAA,WAAAA,GACnB,oBAACiB,MAAM,QAAQ;AAG3B;AAEO,MAAMC,aAAa;IACtB,MAAMC,UAAUtB,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACuB,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX"}

package/AdminUiProvider/FileUrlFormatter.d.ts

@@ -0,0 +1,7 @@
+export interface FileUrlParams {
+    width?: number;
+    [key: string]: unknown;
+}
+export interface FileUrlFormatter {
+    format(url: URL, params?: FileUrlParams): void;
+}

package/AdminUiProvider/index.d.ts

@@ -1 +1,2 @@
 export * from "./AdminUiProvider.js";
+export * from "./FileUrlFormatter.js";

package/AdminUiProvider/index.js

@@ -1 +1,2 @@
 export * from "./AdminUiProvider.js";
+export * from "./FileUrlFormatter.js";

package/FilePicker/domains/FileItem.js

@@ -8,10 +8,11 @@ class FileItem {
         this._size = data.size;
     }
     static create(data) {
+        const url = "url" in data ? data.url : data.src;
         return new FileItem({
             id: generateId(data.id),
-            name: data.name ?? data.url,
-            url: data.url,
+            name: data.name ?? url,
+            url,
             mimeType: data.mimeType ?? this.getDefaultMimeType(),
             size: data.size ?? 0
         });

package/FilePicker/domains/FileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilePicker/domains/FileItem.js","sources":["../../../src/FilePicker/domains/FileItem.ts"],"sourcesContent":["import type { FileItemDto } from \"./FileItemDto.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class FileItem {\n    private readonly _id: string;\n    private readonly _name: string;\n    private readonly _url: string;\n    private readonly _mimeType: string;\n    private readonly _size: number;\n\n    protected constructor(data: {\n        id: string;\n        name: string;\n        url: string;\n        mimeType: string;\n        size: number;\n    }) {\n        this._id = data.id;\n        this._name = data.name;\n        this._url = data.url;\n        this._mimeType = data.mimeType;\n        this._size = data.size;\n    }\n\n    static create(data: FileItemDto): FileItem {\n        return new FileItem({\n            id: generateId(data.id),\n            name: data.name ?? data.url,\n            url: data.url,\n            mimeType: data.mimeType ?? this.getDefaultMimeType(),\n            size: data.size ?? 0\n        });\n    }\n\n    static createFromUrl(url: string): FileItem {\n        const documentUrl = new URL(url);\n        const pathname = documentUrl.pathname;\n        const name = pathname.substring(pathname.lastIndexOf(\"/\") + 1);\n        const extension = name.split(\".\").pop()?.toLowerCase() || \"\";\n\n        // Map extensions to mimetypes\n        const mimeTypes: Record<string, string> = {\n            // Images\n            jpg: \"image/jpeg\",\n            jpeg: \"image/jpeg\",\n            png: \"image/png\",\n            gif: \"image/gif\",\n            bmp: \"image/bmp\",\n            webp: \"image/webp\",\n            svg: \"image/svg+xml\",\n            ico: \"image/x-icon\",\n            tif: \"image/tiff\",\n            tiff: \"image/tiff\",\n\n            // Documents\n            pdf: \"application/pdf\",\n            txt: \"text/plain\",\n            csv: \"text/csv\",\n            json: \"application/json\",\n            xml: \"application/xml\",\n            html: \"text/html\",\n            xhtml: \"application/xhtml+xml\",\n            md: \"text/markdown\",\n\n            // Microsoft Office\n            doc: \"application/msword\",\n            docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n            xls: \"application/vnd.ms-excel\",\n            xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n            ppt: \"application/vnd.ms-powerpoint\",\n            pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n\n            // Open Document Format\n            odt: \"application/vnd.oasis.opendocument.text\",\n            ods: \"application/vnd.oasis.opendocument.spreadsheet\",\n            odp: \"application/vnd.oasis.opendocument.presentation\",\n\n            // Audio\n            mp3: \"audio/mpeg\",\n            wav: \"audio/wav\",\n            ogg: \"audio/ogg\",\n            flac: \"audio/flac\",\n            aac: \"audio/aac\",\n            m4a: \"audio/mp4\",\n\n            // Video\n            mp4: \"video/mp4\",\n            avi: \"video/x-msvideo\",\n            mov: \"video/quicktime\",\n            mkv: \"video/x-matroska\",\n            webm: \"video/webm\",\n            flv: \"video/x-flv\",\n            wmv: \"video/x-ms-wmv\",\n\n            // Archives & Compressed\n            zip: \"application/zip\",\n            rar: \"application/vnd.rar\",\n            tar: \"application/x-tar\",\n            gz: \"application/gzip\",\n            bz2: \"application/x-bzip2\",\n            \"7z\": \"application/x-7z-compressed\",\n\n            // Code & Scripts\n            js: \"application/javascript\",\n            ts: \"application/typescript\",\n            css: \"text/css\",\n            py: \"text/x-python\",\n            java: \"text/x-java-source\",\n            c: \"text/x-c\",\n            cpp: \"text/x-c++\",\n            sh: \"application/x-sh\",\n            php: \"application/x-httpd-php\",\n            rb: \"application/x-ruby\",\n            go: \"text/x-go\",\n            swift: \"text/x-swift\"\n        };\n\n        return new FileItem({\n            id: generateId(),\n            name,\n            url,\n            mimeType: mimeTypes[extension] ?? this.getDefaultMimeType(),\n            size: 0\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get name() {\n        return this._name;\n    }\n\n    get url() {\n        return this._url;\n    }\n\n    get size() {\n        return this._size;\n    }\n\n    get mimeType() {\n        return this._mimeType;\n    }\n\n    private static getDefaultMimeType(): string {\n        return \"application/octet-stream\";\n    }\n}\n"],"names":["FileItem","data","generateId","url","documentUrl","URL","pathname","name","extension","mimeTypes"],"mappings":";AAGO,MAAMA;IAOT,YAAsBC,IAMrB,CAAE;QACC,IAAI,CAAC,GAAG,GAAGA,KAAK,EAAE;QAClB,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;QACtB,IAAI,CAAC,IAAI,GAAGA,KAAK,GAAG;QACpB,IAAI,CAAC,SAAS,GAAGA,KAAK,QAAQ;QAC9B,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;IAC1B;IAEA,OAAO,OAAOA,IAAiB,EAAY;QACvC,OAAO,IAAID,SAAS;YAChB,IAAIE,WAAWD,KAAK,EAAE;YACtB,MAAMA,KAAK,IAAI,IAAIA,KAAK,GAAG;YAC3B,KAAKA,KAAK,GAAG;YACb,UAAUA,KAAK,QAAQ,IAAI,IAAI,CAAC,kBAAkB;YAClD,MAAMA,KAAK,IAAI,IAAI;QACvB;IACJ;IAEA,OAAO,cAAcE,GAAW,EAAY;QACxC,MAAMC,cAAc,IAAIC,IAAIF;QAC5B,MAAMG,WAAWF,YAAY,QAAQ;QACrC,MAAMG,OAAOD,SAAS,SAAS,CAACA,SAAS,WAAW,CAAC,OAAO;QAC5D,MAAME,YAAYD,KAAK,KAAK,CAAC,KAAK,GAAG,IAAI,iBAAiB;QAG1D,MAAME,YAAoC;YAEtC,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YAGN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YACN,OAAO;YACP,IAAI;YAGJ,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YAGN,KAAK;YACL,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,IAAI;YACJ,KAAK;YACL,MAAM;YAGN,IAAI;YACJ,IAAI;YACJ,KAAK;YACL,IAAI;YACJ,MAAM;YACN,GAAG;YACH,KAAK;YACL,IAAI;YACJ,KAAK;YACL,IAAI;YACJ,IAAI;YACJ,OAAO;QACX;QAEA,OAAO,IAAIT,SAAS;YAChB,IAAIE;YACJK;YACAJ;YACA,UAAUM,SAAS,CAACD,UAAU,IAAI,IAAI,CAAC,kBAAkB;YACzD,MAAM;QACV;IACJ;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,IAAI;IACpB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,OAAe,qBAA6B;QACxC,OAAO;IACX;AACJ"}
+{"version":3,"file":"FilePicker/domains/FileItem.js","sources":["../../../src/FilePicker/domains/FileItem.ts"],"sourcesContent":["import type { FileItemDto } from \"./FileItemDto.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class FileItem {\n    private readonly _id: string;\n    private readonly _name: string;\n    private readonly _url: string;\n    private readonly _mimeType: string;\n    private readonly _size: number;\n\n    protected constructor(data: {\n        id: string;\n        name: string;\n        url: string;\n        mimeType: string;\n        size: number;\n    }) {\n        this._id = data.id;\n        this._name = data.name;\n        this._url = data.url;\n        this._mimeType = data.mimeType;\n        this._size = data.size;\n    }\n\n    static create(data: FileItemDto): FileItem {\n        const url = \"url\" in data ? data.url : data.src;\n        return new FileItem({\n            id: generateId(data.id),\n            name: data.name ?? url,\n            url,\n            mimeType: data.mimeType ?? this.getDefaultMimeType(),\n            size: data.size ?? 0\n        });\n    }\n\n    static createFromUrl(url: string): FileItem {\n        const documentUrl = new URL(url);\n        const pathname = documentUrl.pathname;\n        const name = pathname.substring(pathname.lastIndexOf(\"/\") + 1);\n        const extension = name.split(\".\").pop()?.toLowerCase() || \"\";\n\n        // Map extensions to mimetypes\n        const mimeTypes: Record<string, string> = {\n            // Images\n            jpg: \"image/jpeg\",\n            jpeg: \"image/jpeg\",\n            png: \"image/png\",\n            gif: \"image/gif\",\n            bmp: \"image/bmp\",\n            webp: \"image/webp\",\n            svg: \"image/svg+xml\",\n            ico: \"image/x-icon\",\n            tif: \"image/tiff\",\n            tiff: \"image/tiff\",\n\n            // Documents\n            pdf: \"application/pdf\",\n            txt: \"text/plain\",\n            csv: \"text/csv\",\n            json: \"application/json\",\n            xml: \"application/xml\",\n            html: \"text/html\",\n            xhtml: \"application/xhtml+xml\",\n            md: \"text/markdown\",\n\n            // Microsoft Office\n            doc: \"application/msword\",\n            docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n            xls: \"application/vnd.ms-excel\",\n            xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n            ppt: \"application/vnd.ms-powerpoint\",\n            pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n\n            // Open Document Format\n            odt: \"application/vnd.oasis.opendocument.text\",\n            ods: \"application/vnd.oasis.opendocument.spreadsheet\",\n            odp: \"application/vnd.oasis.opendocument.presentation\",\n\n            // Audio\n            mp3: \"audio/mpeg\",\n            wav: \"audio/wav\",\n            ogg: \"audio/ogg\",\n            flac: \"audio/flac\",\n            aac: \"audio/aac\",\n            m4a: \"audio/mp4\",\n\n            // Video\n            mp4: \"video/mp4\",\n            avi: \"video/x-msvideo\",\n            mov: \"video/quicktime\",\n            mkv: \"video/x-matroska\",\n            webm: \"video/webm\",\n            flv: \"video/x-flv\",\n            wmv: \"video/x-ms-wmv\",\n\n            // Archives & Compressed\n            zip: \"application/zip\",\n            rar: \"application/vnd.rar\",\n            tar: \"application/x-tar\",\n            gz: \"application/gzip\",\n            bz2: \"application/x-bzip2\",\n            \"7z\": \"application/x-7z-compressed\",\n\n            // Code & Scripts\n            js: \"application/javascript\",\n            ts: \"application/typescript\",\n            css: \"text/css\",\n            py: \"text/x-python\",\n            java: \"text/x-java-source\",\n            c: \"text/x-c\",\n            cpp: \"text/x-c++\",\n            sh: \"application/x-sh\",\n            php: \"application/x-httpd-php\",\n            rb: \"application/x-ruby\",\n            go: \"text/x-go\",\n            swift: \"text/x-swift\"\n        };\n\n        return new FileItem({\n            id: generateId(),\n            name,\n            url,\n            mimeType: mimeTypes[extension] ?? this.getDefaultMimeType(),\n            size: 0\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get name() {\n        return this._name;\n    }\n\n    get url() {\n        return this._url;\n    }\n\n    get size() {\n        return this._size;\n    }\n\n    get mimeType() {\n        return this._mimeType;\n    }\n\n    private static getDefaultMimeType(): string {\n        return \"application/octet-stream\";\n    }\n}\n"],"names":["FileItem","data","url","generateId","documentUrl","URL","pathname","name","extension","mimeTypes"],"mappings":";AAGO,MAAMA;IAOT,YAAsBC,IAMrB,CAAE;QACC,IAAI,CAAC,GAAG,GAAGA,KAAK,EAAE;QAClB,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;QACtB,IAAI,CAAC,IAAI,GAAGA,KAAK,GAAG;QACpB,IAAI,CAAC,SAAS,GAAGA,KAAK,QAAQ;QAC9B,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;IAC1B;IAEA,OAAO,OAAOA,IAAiB,EAAY;QACvC,MAAMC,MAAM,SAASD,OAAOA,KAAK,GAAG,GAAGA,KAAK,GAAG;QAC/C,OAAO,IAAID,SAAS;YAChB,IAAIG,WAAWF,KAAK,EAAE;YACtB,MAAMA,KAAK,IAAI,IAAIC;YACnBA;YACA,UAAUD,KAAK,QAAQ,IAAI,IAAI,CAAC,kBAAkB;YAClD,MAAMA,KAAK,IAAI,IAAI;QACvB;IACJ;IAEA,OAAO,cAAcC,GAAW,EAAY;QACxC,MAAME,cAAc,IAAIC,IAAIH;QAC5B,MAAMI,WAAWF,YAAY,QAAQ;QACrC,MAAMG,OAAOD,SAAS,SAAS,CAACA,SAAS,WAAW,CAAC,OAAO;QAC5D,MAAME,YAAYD,KAAK,KAAK,CAAC,KAAK,GAAG,IAAI,iBAAiB;QAG1D,MAAME,YAAoC;YAEtC,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YAGN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YACN,OAAO;YACP,IAAI;YAGJ,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YAGN,KAAK;YACL,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,IAAI;YACJ,KAAK;YACL,MAAM;YAGN,IAAI;YACJ,IAAI;YACJ,KAAK;YACL,IAAI;YACJ,MAAM;YACN,GAAG;YACH,KAAK;YACL,IAAI;YACJ,KAAK;YACL,IAAI;YACJ,IAAI;YACJ,OAAO;QACX;QAEA,OAAO,IAAIT,SAAS;YAChB,IAAIG;YACJI;YACAL;YACA,UAAUO,SAAS,CAACD,UAAU,IAAI,IAAI,CAAC,kBAAkB;YACzD,MAAM;QACV;IACJ;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,IAAI;IACpB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,OAAe,qBAA6B;QACxC,OAAO;IACX;AACJ"}

package/FilePicker/domains/FileItemDto.d.ts

@@ -1,7 +1,14 @@
-export interface FileItemDto {
+interface BaseFileItemDto {
     id?: string;
     name?: string;
-    url: string;
     mimeType?: string;
     size?: number;
 }
+interface SrcFileItemDto extends BaseFileItemDto {
+    src: string;
+}
+interface UrlFileItemDto extends BaseFileItemDto {
+    url: string;
+}
+export type FileItemDto = SrcFileItemDto | UrlFileItemDto;
+export {};

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

@@ -1,8 +1,10 @@
-import { RichItemPreview, TextOnlyPreview } from "./index.js";
+import { RichItemPreview } from "./index.js";
 import * as __rspack_external_react from "react";
 const FilePreview = ({ type, renderFilePreview, ...props })=>{
-    if ("function" == typeof renderFilePreview) return renderFilePreview(props);
-    if ("compact" === type) return /*#__PURE__*/ __rspack_external_react.createElement(TextOnlyPreview, props);
+    if ("function" == typeof renderFilePreview) return renderFilePreview({
+        type,
+        ...props
+    });
     return /*#__PURE__*/ __rspack_external_react.createElement(RichItemPreview, props);
 };
 export { FilePreview };

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

@@ -1 +1 @@
-{"version":3,"file":"FilePicker/primitives/components/previews/FilePreview.js","sources":["../../../../../src/FilePicker/primitives/components/previews/FilePreview.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"~/utils.js\";\nimport type { filePickerVariants } from \"~/FilePicker/index.js\";\nimport type { FilePreviewDefaultProps } from \"../types.js\";\nimport { RichItemPreview, TextOnlyPreview } from \"../previews/index.js\";\n\ntype FilePreviewProps = FilePreviewDefaultProps & {\n    type: VariantProps<typeof filePickerVariants>[\"type\"];\n    renderFilePreview?: (props: any) => React.ReactElement<any>;\n};\n\nconst FilePreview = ({ type, renderFilePreview, ...props }: FilePreviewProps) => {\n    if (typeof renderFilePreview === \"function\") {\n        return renderFilePreview(props);\n    }\n\n    if (type === \"compact\") {\n        return <TextOnlyPreview {...props} />;\n    }\n\n    return <RichItemPreview {...props} />;\n};\n\nexport { FilePreview, type FilePreviewProps };\n"],"names":["FilePreview","type","renderFilePreview","props","TextOnlyPreview","RichItemPreview"],"mappings":";;AAWA,MAAMA,cAAc,CAAC,EAAEC,IAAI,EAAEC,iBAAiB,EAAE,GAAGC,OAAyB;IACxE,IAAI,AAA6B,cAA7B,OAAOD,mBACP,OAAOA,kBAAkBC;IAG7B,IAAIF,AAAS,cAATA,MACA,OAAO,WAAP,GAAO,sCAACG,iBAAoBD;IAGhC,OAAO,WAAP,GAAO,sCAACE,iBAAoBF;AAChC"}
+{"version":3,"file":"FilePicker/primitives/components/previews/FilePreview.js","sources":["../../../../../src/FilePicker/primitives/components/previews/FilePreview.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"~/utils.js\";\nimport type { filePickerVariants } from \"~/FilePicker/index.js\";\nimport type { FilePreviewDefaultProps } from \"../types.js\";\nimport { RichItemPreview } from \"../previews/index.js\";\n\ntype FilePreviewProps = FilePreviewDefaultProps & {\n    type: VariantProps<typeof filePickerVariants>[\"type\"];\n    renderFilePreview?: (props: any) => React.ReactElement<any>;\n};\n\nconst FilePreview = ({ type, renderFilePreview, ...props }: FilePreviewProps) => {\n    if (typeof renderFilePreview === \"function\") {\n        return renderFilePreview({ type, ...props });\n    }\n\n    return <RichItemPreview {...props} />;\n};\n\nexport { FilePreview, type FilePreviewProps };\n"],"names":["FilePreview","type","renderFilePreview","props","RichItemPreview"],"mappings":";;AAWA,MAAMA,cAAc,CAAC,EAAEC,IAAI,EAAEC,iBAAiB,EAAE,GAAGC,OAAyB;IACxE,IAAI,AAA6B,cAA7B,OAAOD,mBACP,OAAOA,kBAAkB;QAAED;QAAM,GAAGE,KAAK;IAAC;IAG9C,OAAO,WAAP,GAAO,sCAACC,iBAAoBD;AAChC"}

package/FilePicker/primitives/useFilePicker.js

@@ -1,7 +1,9 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
 import { FilePickerPresenter } from "./presenters/index.js";
+import { useAdminUi } from "../../AdminUiProvider/index.js";
 const useFilePicker = (props)=>{
+    const { fileUrlFormatter } = useAdminUi();
     const params = useMemo(()=>({
             value: props.value
         }), [
@@ -19,8 +21,29 @@ const useFilePicker = (props)=>{
         }), [
         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
+        vm: formattedVm
     };
 };
 export { useFilePicker };

package/FilePicker/primitives/useFilePicker.js.map

@@ -1 +1 @@
-{"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\";\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"],"names":["useFilePicker","props","params","useMemo","presenter","FilePickerPresenter","vm","setVm","useState","useEffect","autorun"],"mappings":";;;AAOO,MAAMA,gBAAgB,CAACC;IAC1B,MAAMC,SAAoCC,QACtC,IAAO;YACH,OAAOF,MAAM,KAAK;QACtB,IACA;QAACA,MAAM,KAAK;KAAC;IAGjB,MAAMG,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,OAAO;QACHE;IACJ;AACJ"}
+{"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/TimeAgo/TimeAgo.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { TimeAgoProps } from "./types.js";
+export declare function TimeAgo({ datetime, live, opts, locale: _locale, ...rest }: TimeAgoProps): React.JSX.Element;

package/TimeAgo/TimeAgo.js

@@ -0,0 +1,45 @@
+import react, { useEffect, useMemo, useState } from "react";
+import { formatElapsed } from "./formatElapsed.js";
+import { DEFAULT_INTERVALS, getUpdateDelay } from "./getUpdateDelay.js";
+import { getElapsedSeconds } from "./getElapsedSeconds.js";
+import { toISOString } from "./toISOString.js";
+function TimeAgo({ datetime, live = true, opts, locale: _locale, ...rest }) {
+    const [, setTick] = useState(0);
+    const intervals = useMemo(()=>({
+            ...DEFAULT_INTERVALS,
+            ...opts?.updateIntervals
+        }), [
+        opts?.updateIntervals?.underFiveMinutes,
+        opts?.updateIntervals?.underFifteenMinutes,
+        opts?.updateIntervals?.underOneHour
+    ]);
+    useEffect(()=>{
+        if (!live) return;
+        let timer;
+        function schedule() {
+            const elapsed = getElapsedSeconds(datetime, opts?.relativeDate);
+            const delay = getUpdateDelay(elapsed, opts?.minInterval, intervals);
+            if (null === delay) return;
+            timer = setTimeout(()=>{
+                setTick((t)=>t + 1);
+                schedule();
+            }, delay);
+        }
+        schedule();
+        return ()=>clearTimeout(timer);
+    }, [
+        datetime,
+        live,
+        opts?.relativeDate,
+        opts?.minInterval,
+        intervals
+    ]);
+    const seconds = getElapsedSeconds(datetime, opts?.relativeDate);
+    return /*#__PURE__*/ react.createElement("time", {
+        dateTime: toISOString(datetime),
+        ...rest
+    }, formatElapsed(seconds));
+}
+export { TimeAgo };
+
+//# sourceMappingURL=TimeAgo.js.map

package/TimeAgo/TimeAgo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAgo/TimeAgo.js","sources":["../../src/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import React from \"react\";\nimport { useState, useEffect, useMemo } from \"react\";\nimport type { TimeAgoProps } from \"./types.js\";\nimport { formatElapsed } from \"./formatElapsed.js\";\nimport { DEFAULT_INTERVALS, getUpdateDelay } from \"./getUpdateDelay.js\";\nimport { getElapsedSeconds } from \"./getElapsedSeconds.js\";\nimport { toISOString } from \"./toISOString.js\";\n\nexport function TimeAgo({ datetime, live = true, opts, locale: _locale, ...rest }: TimeAgoProps) {\n    const [, setTick] = useState(0);\n\n    const intervals = useMemo(\n        () => ({ ...DEFAULT_INTERVALS, ...opts?.updateIntervals }),\n        [\n            opts?.updateIntervals?.underFiveMinutes,\n            opts?.updateIntervals?.underFifteenMinutes,\n            opts?.updateIntervals?.underOneHour\n        ]\n    );\n\n    useEffect(() => {\n        if (!live) {\n            return;\n        }\n\n        let timer: ReturnType<typeof setTimeout>;\n\n        function schedule() {\n            const elapsed = getElapsedSeconds(datetime, opts?.relativeDate);\n            const delay = getUpdateDelay(elapsed, opts?.minInterval, intervals);\n            if (delay === null) {\n                return;\n            }\n            timer = setTimeout(() => {\n                setTick(t => t + 1);\n                schedule();\n            }, delay);\n        }\n\n        schedule();\n\n        return () => clearTimeout(timer);\n    }, [datetime, live, opts?.relativeDate, opts?.minInterval, intervals]);\n\n    const seconds = getElapsedSeconds(datetime, opts?.relativeDate);\n\n    return (\n        <time dateTime={toISOString(datetime)} {...rest}>\n            {formatElapsed(seconds)}\n        </time>\n    );\n}\n"],"names":["TimeAgo","datetime","live","opts","_locale","rest","setTick","useState","intervals","useMemo","DEFAULT_INTERVALS","useEffect","timer","schedule","elapsed","getElapsedSeconds","delay","getUpdateDelay","setTimeout","t","clearTimeout","seconds","toISOString","formatElapsed"],"mappings":";;;;;AAQO,SAASA,QAAQ,EAAEC,QAAQ,EAAEC,OAAO,IAAI,EAAEC,IAAI,EAAE,QAAQC,OAAO,EAAE,GAAGC,MAAoB;IAC3F,MAAM,GAAGC,QAAQ,GAAGC,SAAS;IAE7B,MAAMC,YAAYC,QACd,IAAO;YAAE,GAAGC,iBAAiB;YAAE,GAAGP,MAAM,eAAe;QAAC,IACxD;QACIA,MAAM,iBAAiB;QACvBA,MAAM,iBAAiB;QACvBA,MAAM,iBAAiB;KAC1B;IAGLQ,UAAU;QACN,IAAI,CAACT,MACD;QAGJ,IAAIU;QAEJ,SAASC;YACL,MAAMC,UAAUC,kBAAkBd,UAAUE,MAAM;YAClD,MAAMa,QAAQC,eAAeH,SAASX,MAAM,aAAaK;YACzD,IAAIQ,AAAU,SAAVA,OACA;YAEJJ,QAAQM,WAAW;gBACfZ,QAAQa,CAAAA,IAAKA,IAAI;gBACjBN;YACJ,GAAGG;QACP;QAEAH;QAEA,OAAO,IAAMO,aAAaR;IAC9B,GAAG;QAACX;QAAUC;QAAMC,MAAM;QAAcA,MAAM;QAAaK;KAAU;IAErE,MAAMa,UAAUN,kBAAkBd,UAAUE,MAAM;IAElD,OAAO,WAAP,GACI,oBAAC;QAAK,UAAUmB,YAAYrB;QAAY,GAAGI,IAAI;OAC1CkB,cAAcF;AAG3B"}

package/TimeAgo/TimeAgo.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { TimeAgo } from "./TimeAgo.js";
+declare const meta: Meta<typeof TimeAgo>;
+export default meta;
+type Story = StoryObj<typeof TimeAgo>;
+export declare const JustNow: Story;
+export declare const SecondsAgo: Story;
+export declare const MinutesAgo: Story;
+export declare const HoursAgo: Story;
+export declare const DaysAgo: Story;
+export declare const WeeksAgo: Story;
+export declare const MonthsAgo: Story;
+export declare const YearsAgo: Story;
+export declare const ISOString: Story;
+export declare const NotLive: Story;

package/TimeAgo/TimeAgo.stories.js

@@ -0,0 +1,71 @@
+import "react";
+import { TimeAgo } from "./TimeAgo.js";
+const meta = {
+    title: "Components/TimeAgo",
+    component: TimeAgo
+};
+const TimeAgo_stories = meta;
+const JustNow = {
+    args: {
+        datetime: new Date()
+    }
+};
+const SecondsAgo = {
+    name: "Seconds ago",
+    args: {
+        datetime: new Date(Date.now() - 45000)
+    }
+};
+const MinutesAgo = {
+    name: "Minutes ago",
+    args: {
+        datetime: new Date(Date.now() - 900000)
+    }
+};
+const HoursAgo = {
+    name: "Hours ago",
+    args: {
+        datetime: new Date(Date.now() - 10800000)
+    }
+};
+const DaysAgo = {
+    name: "Days ago",
+    args: {
+        datetime: new Date(Date.now() - 432000000)
+    }
+};
+const WeeksAgo = {
+    name: "Weeks ago",
+    args: {
+        datetime: new Date(Date.now() - 1814400000)
+    }
+};
+const MonthsAgo = {
+    name: "Months ago",
+    args: {
+        datetime: new Date(Date.now() - 10368000000)
+    }
+};
+const YearsAgo = {
+    name: "Years ago",
+    args: {
+        datetime: new Date(Date.now() - 63072000000)
+    }
+};
+const ISOString = {
+    name: "From ISO string",
+    args: {
+        datetime: "2024-01-15T12:00:00Z"
+    }
+};
+const NotLive = {
+    name: "Live updates disabled",
+    args: {
+        datetime: new Date(),
+        live: false
+    }
+};
+export default TimeAgo_stories;
+export { DaysAgo, HoursAgo, ISOString, JustNow, MinutesAgo, MonthsAgo, NotLive, SecondsAgo, WeeksAgo, YearsAgo };
+
+//# sourceMappingURL=TimeAgo.stories.js.map

package/TimeAgo/TimeAgo.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAgo/TimeAgo.stories.js","sources":["../../src/TimeAgo/TimeAgo.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { TimeAgo } from \"./TimeAgo.js\";\n\nconst meta: Meta<typeof TimeAgo> = {\n    title: \"Components/TimeAgo\",\n    component: TimeAgo\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof TimeAgo>;\n\nexport const JustNow: Story = {\n    args: {\n        datetime: new Date()\n    }\n};\n\nexport const SecondsAgo: Story = {\n    name: \"Seconds ago\",\n    args: {\n        datetime: new Date(Date.now() - 45 * 1000)\n    }\n};\n\nexport const MinutesAgo: Story = {\n    name: \"Minutes ago\",\n    args: {\n        datetime: new Date(Date.now() - 15 * 60 * 1000)\n    }\n};\n\nexport const HoursAgo: Story = {\n    name: \"Hours ago\",\n    args: {\n        datetime: new Date(Date.now() - 3 * 60 * 60 * 1000)\n    }\n};\n\nexport const DaysAgo: Story = {\n    name: \"Days ago\",\n    args: {\n        datetime: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000)\n    }\n};\n\nexport const WeeksAgo: Story = {\n    name: \"Weeks ago\",\n    args: {\n        datetime: new Date(Date.now() - 3 * 7 * 24 * 60 * 60 * 1000)\n    }\n};\n\nexport const MonthsAgo: Story = {\n    name: \"Months ago\",\n    args: {\n        datetime: new Date(Date.now() - 4 * 30 * 24 * 60 * 60 * 1000)\n    }\n};\n\nexport const YearsAgo: Story = {\n    name: \"Years ago\",\n    args: {\n        datetime: new Date(Date.now() - 2 * 365 * 24 * 60 * 60 * 1000)\n    }\n};\n\nexport const ISOString: Story = {\n    name: \"From ISO string\",\n    args: {\n        datetime: \"2024-01-15T12:00:00Z\"\n    }\n};\n\nexport const NotLive: Story = {\n    name: \"Live updates disabled\",\n    args: {\n        datetime: new Date(),\n        live: false\n    }\n};\n"],"names":["meta","TimeAgo","JustNow","Date","SecondsAgo","MinutesAgo","HoursAgo","DaysAgo","WeeksAgo","MonthsAgo","YearsAgo","ISOString","NotLive"],"mappings":";;AAIA,MAAMA,OAA6B;IAC/B,OAAO;IACP,WAAWC;AACf;AAEA,wBAAeD;AAIR,MAAME,UAAiB;IAC1B,MAAM;QACF,UAAU,IAAIC;IAClB;AACJ;AAEO,MAAMC,aAAoB;IAC7B,MAAM;IACN,MAAM;QACF,UAAU,IAAID,KAAKA,KAAK,GAAG,KAAK;IACpC;AACJ;AAEO,MAAME,aAAoB;IAC7B,MAAM;IACN,MAAM;QACF,UAAU,IAAIF,KAAKA,KAAK,GAAG,KAAK;IACpC;AACJ;AAEO,MAAMG,WAAkB;IAC3B,MAAM;IACN,MAAM;QACF,UAAU,IAAIH,KAAKA,KAAK,GAAG,KAAK;IACpC;AACJ;AAEO,MAAMI,UAAiB;IAC1B,MAAM;IACN,MAAM;QACF,UAAU,IAAIJ,KAAKA,KAAK,GAAG,KAAK;IACpC;AACJ;AAEO,MAAMK,WAAkB;IAC3B,MAAM;IACN,MAAM;QACF,UAAU,IAAIL,KAAKA,KAAK,GAAG,KAAK;IACpC;AACJ;AAEO,MAAMM,YAAmB;IAC5B,MAAM;IACN,MAAM;QACF,UAAU,IAAIN,KAAKA,KAAK,GAAG,KAAK;IACpC;AACJ;AAEO,MAAMO,WAAkB;IAC3B,MAAM;IACN,MAAM;QACF,UAAU,IAAIP,KAAKA,KAAK,GAAG,KAAK;IACpC;AACJ;AAEO,MAAMQ,YAAmB;IAC5B,MAAM;IACN,MAAM;QACF,UAAU;IACd;AACJ;AAEO,MAAMC,UAAiB;IAC1B,MAAM;IACN,MAAM;QACF,UAAU,IAAIT;QACd,MAAM;IACV;AACJ"}

package/TimeAgo/formatElapsed.d.ts

@@ -0,0 +1 @@
+export declare function formatElapsed(seconds: number): string;

package/TimeAgo/formatElapsed.js

@@ -0,0 +1,27 @@
+const MINUTE = 60;
+const HOUR = 3600;
+const DAY = 86400;
+const WEEK = 604800;
+const MONTH = 2592000;
+const YEAR = 31536000;
+function formatElapsed(seconds) {
+    const abs = Math.abs(seconds);
+    const suffix = seconds < 0 ? "from now" : "ago";
+    if (abs < 30) return "just now";
+    if (abs < MINUTE) return `${abs} seconds ${suffix}`;
+    if (abs < 2 * MINUTE) return `1 minute ${suffix}`;
+    if (abs < HOUR) return `${Math.floor(abs / MINUTE)} minutes ${suffix}`;
+    if (abs < 2 * HOUR) return `1 hour ${suffix}`;
+    if (abs < DAY) return `${Math.floor(abs / HOUR)} hours ${suffix}`;
+    if (abs < 2 * DAY) return `1 day ${suffix}`;
+    if (abs < WEEK) return `${Math.floor(abs / DAY)} days ${suffix}`;
+    if (abs < 2 * WEEK) return `1 week ${suffix}`;
+    if (abs < MONTH) return `${Math.floor(abs / WEEK)} weeks ${suffix}`;
+    if (abs < 2 * MONTH) return `1 month ${suffix}`;
+    if (abs < YEAR) return `${Math.floor(abs / MONTH)} months ${suffix}`;
+    if (abs < 2 * YEAR) return `1 year ${suffix}`;
+    return `${Math.floor(abs / YEAR)} years ${suffix}`;
+}
+export { formatElapsed };
+
+//# sourceMappingURL=formatElapsed.js.map

package/TimeAgo/formatElapsed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAgo/formatElapsed.js","sources":["../../src/TimeAgo/formatElapsed.ts"],"sourcesContent":["const MINUTE = 60;\nconst HOUR = 3600;\nconst DAY = 86400;\nconst WEEK = 604800;\nconst MONTH = 2_592_000;\nconst YEAR = 31_536_000;\n\nexport function formatElapsed(seconds: number): string {\n    const abs = Math.abs(seconds);\n    const suffix = seconds < 0 ? \"from now\" : \"ago\";\n\n    if (abs < 30) {\n        return \"just now\";\n    }\n    if (abs < MINUTE) {\n        return `${abs} seconds ${suffix}`;\n    }\n    if (abs < 2 * MINUTE) {\n        return `1 minute ${suffix}`;\n    }\n    if (abs < HOUR) {\n        return `${Math.floor(abs / MINUTE)} minutes ${suffix}`;\n    }\n    if (abs < 2 * HOUR) {\n        return `1 hour ${suffix}`;\n    }\n    if (abs < DAY) {\n        return `${Math.floor(abs / HOUR)} hours ${suffix}`;\n    }\n    if (abs < 2 * DAY) {\n        return `1 day ${suffix}`;\n    }\n    if (abs < WEEK) {\n        return `${Math.floor(abs / DAY)} days ${suffix}`;\n    }\n    if (abs < 2 * WEEK) {\n        return `1 week ${suffix}`;\n    }\n    if (abs < MONTH) {\n        return `${Math.floor(abs / WEEK)} weeks ${suffix}`;\n    }\n    if (abs < 2 * MONTH) {\n        return `1 month ${suffix}`;\n    }\n    if (abs < YEAR) {\n        return `${Math.floor(abs / MONTH)} months ${suffix}`;\n    }\n    if (abs < 2 * YEAR) {\n        return `1 year ${suffix}`;\n    }\n    return `${Math.floor(abs / YEAR)} years ${suffix}`;\n}\n"],"names":["MINUTE","HOUR","DAY","WEEK","MONTH","YEAR","formatElapsed","seconds","abs","Math","suffix"],"mappings":"AAAA,MAAMA,SAAS;AACf,MAAMC,OAAO;AACb,MAAMC,MAAM;AACZ,MAAMC,OAAO;AACb,MAAMC,QAAQ;AACd,MAAMC,OAAO;AAEN,SAASC,cAAcC,OAAe;IACzC,MAAMC,MAAMC,KAAK,GAAG,CAACF;IACrB,MAAMG,SAASH,UAAU,IAAI,aAAa;IAE1C,IAAIC,MAAM,IACN,OAAO;IAEX,IAAIA,MAAMR,QACN,OAAO,GAAGQ,IAAI,SAAS,EAAEE,QAAQ;IAErC,IAAIF,MAAM,IAAIR,QACV,OAAO,CAAC,SAAS,EAAEU,QAAQ;IAE/B,IAAIF,MAAMP,MACN,OAAO,GAAGQ,KAAK,KAAK,CAACD,MAAMR,QAAQ,SAAS,EAAEU,QAAQ;IAE1D,IAAIF,MAAM,IAAIP,MACV,OAAO,CAAC,OAAO,EAAES,QAAQ;IAE7B,IAAIF,MAAMN,KACN,OAAO,GAAGO,KAAK,KAAK,CAACD,MAAMP,MAAM,OAAO,EAAES,QAAQ;IAEtD,IAAIF,MAAM,IAAIN,KACV,OAAO,CAAC,MAAM,EAAEQ,QAAQ;IAE5B,IAAIF,MAAML,MACN,OAAO,GAAGM,KAAK,KAAK,CAACD,MAAMN,KAAK,MAAM,EAAEQ,QAAQ;IAEpD,IAAIF,MAAM,IAAIL,MACV,OAAO,CAAC,OAAO,EAAEO,QAAQ;IAE7B,IAAIF,MAAMJ,OACN,OAAO,GAAGK,KAAK,KAAK,CAACD,MAAML,MAAM,OAAO,EAAEO,QAAQ;IAEtD,IAAIF,MAAM,IAAIJ,OACV,OAAO,CAAC,QAAQ,EAAEM,QAAQ;IAE9B,IAAIF,MAAMH,MACN,OAAO,GAAGI,KAAK,KAAK,CAACD,MAAMJ,OAAO,QAAQ,EAAEM,QAAQ;IAExD,IAAIF,MAAM,IAAIH,MACV,OAAO,CAAC,OAAO,EAAEK,QAAQ;IAE7B,OAAO,GAAGD,KAAK,KAAK,CAACD,MAAMH,MAAM,OAAO,EAAEK,QAAQ;AACtD"}

package/TimeAgo/getElapsedSeconds.d.ts

@@ -0,0 +1,2 @@
+import type { TDate } from "./types.js";
+export declare function getElapsedSeconds(datetime: TDate, relativeDate?: TDate): number;

package/TimeAgo/getElapsedSeconds.js

@@ -0,0 +1,9 @@
+import { toEpochMs } from "./toEpochMs.js";
+function getElapsedSeconds(datetime, relativeDate) {
+    const now = relativeDate ? Temporal.Instant.fromEpochMilliseconds(toEpochMs(relativeDate)) : Temporal.Now.instant();
+    const past = Temporal.Instant.fromEpochMilliseconds(toEpochMs(datetime));
+    return Math.round(now.since(past).total("second"));
+}
+export { getElapsedSeconds };
+
+//# sourceMappingURL=getElapsedSeconds.js.map

package/TimeAgo/getElapsedSeconds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAgo/getElapsedSeconds.js","sources":["../../src/TimeAgo/getElapsedSeconds.ts"],"sourcesContent":["import type { TDate } from \"./types.js\";\nimport { toEpochMs } from \"./toEpochMs.js\";\n\nexport function getElapsedSeconds(datetime: TDate, relativeDate?: TDate): number {\n    const now = relativeDate\n        ? Temporal.Instant.fromEpochMilliseconds(toEpochMs(relativeDate))\n        : Temporal.Now.instant();\n    const past = Temporal.Instant.fromEpochMilliseconds(toEpochMs(datetime));\n    return Math.round(now.since(past).total(\"second\"));\n}\n"],"names":["getElapsedSeconds","datetime","relativeDate","now","Temporal","toEpochMs","past","Math"],"mappings":";AAGO,SAASA,kBAAkBC,QAAe,EAAEC,YAAoB;IACnE,MAAMC,MAAMD,eACNE,SAAS,OAAO,CAAC,qBAAqB,CAACC,UAAUH,iBACjDE,SAAS,GAAG,CAAC,OAAO;IAC1B,MAAME,OAAOF,SAAS,OAAO,CAAC,qBAAqB,CAACC,UAAUJ;IAC9D,OAAOM,KAAK,KAAK,CAACJ,IAAI,KAAK,CAACG,MAAM,KAAK,CAAC;AAC5C"}

package/TimeAgo/getUpdateDelay.d.ts

@@ -0,0 +1,3 @@
+import type { UpdateIntervals } from "./types.js";
+export declare const DEFAULT_INTERVALS: Required<UpdateIntervals>;
+export declare function getUpdateDelay(seconds: number, minInterval?: number, intervals?: Required<UpdateIntervals>): number | null;

package/TimeAgo/getUpdateDelay.js

@@ -0,0 +1,24 @@
+const MINUTE = 60;
+const HOUR = 3600;
+const FIVE_MINUTES = 5 * MINUTE;
+const FIFTEEN_MINUTES = 15 * MINUTE;
+const DEFAULT_INTERVALS = {
+    underFiveMinutes: 1000,
+    underFifteenMinutes: 10000,
+    underOneHour: 30000
+};
+function getUpdateDelay(seconds, minInterval, intervals = DEFAULT_INTERVALS) {
+    const abs = Math.abs(seconds);
+    let delay;
+    if (abs < FIVE_MINUTES) delay = intervals.underFiveMinutes;
+    else if (abs < FIFTEEN_MINUTES) delay = intervals.underFifteenMinutes;
+    else {
+        if (!(abs < HOUR)) return null;
+        delay = intervals.underOneHour;
+    }
+    if (minInterval) delay = Math.max(delay, 1000 * minInterval);
+    return delay;
+}
+export { DEFAULT_INTERVALS, getUpdateDelay };
+
+//# sourceMappingURL=getUpdateDelay.js.map

package/TimeAgo/getUpdateDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAgo/getUpdateDelay.js","sources":["../../src/TimeAgo/getUpdateDelay.ts"],"sourcesContent":["import type { UpdateIntervals } from \"./types.js\";\n\nconst MINUTE = 60;\nconst HOUR = 3600;\nconst FIVE_MINUTES = 5 * MINUTE;\nconst FIFTEEN_MINUTES = 15 * MINUTE;\n\nexport const DEFAULT_INTERVALS: Required<UpdateIntervals> = {\n    underFiveMinutes: 1_000,\n    underFifteenMinutes: 10_000,\n    underOneHour: 30_000\n};\n\nexport function getUpdateDelay(\n    seconds: number,\n    minInterval?: number,\n    intervals: Required<UpdateIntervals> = DEFAULT_INTERVALS\n): number | null {\n    const abs = Math.abs(seconds);\n    let delay: number;\n\n    if (abs < FIVE_MINUTES) {\n        delay = intervals.underFiveMinutes;\n    } else if (abs < FIFTEEN_MINUTES) {\n        delay = intervals.underFifteenMinutes;\n    } else if (abs < HOUR) {\n        delay = intervals.underOneHour;\n    } else {\n        return null;\n    }\n\n    if (minInterval) {\n        delay = Math.max(delay, minInterval * 1000);\n    }\n\n    return delay;\n}\n"],"names":["MINUTE","HOUR","FIVE_MINUTES","FIFTEEN_MINUTES","DEFAULT_INTERVALS","getUpdateDelay","seconds","minInterval","intervals","abs","Math","delay"],"mappings":"AAEA,MAAMA,SAAS;AACf,MAAMC,OAAO;AACb,MAAMC,eAAe,IAAIF;AACzB,MAAMG,kBAAkB,KAAKH;AAEtB,MAAMI,oBAA+C;IACxD,kBAAkB;IAClB,qBAAqB;IACrB,cAAc;AAClB;AAEO,SAASC,eACZC,OAAe,EACfC,WAAoB,EACpBC,YAAuCJ,iBAAiB;IAExD,MAAMK,MAAMC,KAAK,GAAG,CAACJ;IACrB,IAAIK;IAEJ,IAAIF,MAAMP,cACNS,QAAQH,UAAU,gBAAgB;SAC/B,IAAIC,MAAMN,iBACbQ,QAAQH,UAAU,mBAAmB;;QAClC,KAAIC,CAAAA,MAAMR,IAAG,GAGhB,OAAO;QAFPU,QAAQH,UAAU,YAAY;;IAKlC,IAAID,aACAI,QAAQD,KAAK,GAAG,CAACC,OAAOJ,AAAc,OAAdA;IAG5B,OAAOI;AACX"}

package/TimeAgo/index.d.ts

@@ -1,3 +1,2 @@
-import TimeAgo from "timeago-react";
-export type { TimeAgoProps, Opts, TDate } from "timeago-react";
-export { TimeAgo };
+export type { TimeAgoProps, Opts, TDate, UpdateIntervals } from "./types.js";
+export { TimeAgo } from "./TimeAgo.js";

package/TimeAgo/index.js

@@ -1 +1 @@
-export { default as TimeAgo } from "timeago-react";
+export { TimeAgo } from "./TimeAgo.js";

package/TimeAgo/toEpochMs.d.ts

@@ -0,0 +1,2 @@
+import type { TDate } from "./types.js";
+export declare function toEpochMs(date: TDate): number;

package/TimeAgo/toEpochMs.js

@@ -0,0 +1,8 @@
+function toEpochMs(date) {
+    if (date instanceof Date) return date.getTime();
+    if ("number" == typeof date) return date;
+    return new Date(date).getTime();
+}
+export { toEpochMs };
+
+//# sourceMappingURL=toEpochMs.js.map

package/TimeAgo/toEpochMs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAgo/toEpochMs.js","sources":["../../src/TimeAgo/toEpochMs.ts"],"sourcesContent":["import type { TDate } from \"./types.js\";\n\nexport function toEpochMs(date: TDate): number {\n    if (date instanceof Date) {\n        return date.getTime();\n    }\n    if (typeof date === \"number\") {\n        return date;\n    }\n    return new Date(date).getTime();\n}\n"],"names":["toEpochMs","date","Date"],"mappings":"AAEO,SAASA,UAAUC,IAAW;IACjC,IAAIA,gBAAgBC,MAChB,OAAOD,KAAK,OAAO;IAEvB,IAAI,AAAgB,YAAhB,OAAOA,MACP,OAAOA;IAEX,OAAO,IAAIC,KAAKD,MAAM,OAAO;AACjC"}

package/TimeAgo/toISOString.d.ts

@@ -0,0 +1,2 @@
+import type { TDate } from "./types.js";
+export declare function toISOString(date: TDate): string;

package/TimeAgo/toISOString.js

@@ -0,0 +1,8 @@
+function toISOString(date) {
+    if (date instanceof Date) return date.toISOString();
+    if ("number" == typeof date) return new Date(date).toISOString();
+    return date;
+}
+export { toISOString };
+
+//# sourceMappingURL=toISOString.js.map

package/TimeAgo/toISOString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAgo/toISOString.js","sources":["../../src/TimeAgo/toISOString.ts"],"sourcesContent":["import type { TDate } from \"./types.js\";\n\nexport function toISOString(date: TDate): string {\n    if (date instanceof Date) {\n        return date.toISOString();\n    }\n    if (typeof date === \"number\") {\n        return new Date(date).toISOString();\n    }\n    return date;\n}\n"],"names":["toISOString","date","Date"],"mappings":"AAEO,SAASA,YAAYC,IAAW;IACnC,IAAIA,gBAAgBC,MAChB,OAAOD,KAAK,WAAW;IAE3B,IAAI,AAAgB,YAAhB,OAAOA,MACP,OAAO,IAAIC,KAAKD,MAAM,WAAW;IAErC,OAAOA;AACX"}

package/TimeAgo/types.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentProps } from "react";
+export type TDate = Date | string | number;
+export interface UpdateIntervals {
+    readonly underFiveMinutes?: number;
+    readonly underFifteenMinutes?: number;
+    readonly underOneHour?: number;
+}
+export interface Opts {
+    readonly relativeDate?: TDate;
+    readonly minInterval?: number;
+    readonly updateIntervals?: UpdateIntervals;
+}
+export interface TimeAgoProps extends ComponentProps<"time"> {
+    readonly datetime: TDate;
+    readonly live?: boolean;
+    readonly opts?: Opts;
+    readonly locale?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/admin-ui",
-	"version": "6.4.0-beta.2",
+	"version": "6.4.0-beta.3",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -15,13 +15,13 @@
 	"dependencies": {
 		"@fortawesome/fontawesome-svg-core": "7.2.0",
 		"@fortawesome/react-fontawesome": "3.3.1",
-		"@minoru/react-dnd-treeview": "3.5.3",
+		"@minoru/react-dnd-treeview": "3.5.4",
 		"@monaco-editor/react": "4.7.0",
 		"@radix-ui/react-scroll-area": "1.2.10",
 		"@tanstack/react-table": "8.21.3",
-		"@webiny/icons": "6.4.0-beta.2",
-		"@webiny/react-composition": "6.4.0-beta.2",
-		"@webiny/utils": "6.4.0-beta.2",
+		"@webiny/icons": "6.4.0-beta.3",
+		"@webiny/react-composition": "6.4.0-beta.3",
+		"@webiny/utils": "6.4.0-beta.3",
 		"bytes": "3.1.2",
 		"class-variance-authority": "0.7.1",
 		"clsx": "2.1.1",
@@ -41,7 +41,6 @@
 		"sonner": "2.0.7",
 		"tailwind-merge": "2.6.1",
 		"tailwindcss": "4.3.0",
-		"timeago-react": "3.0.7",
 		"tw-animate-css": "1.4.0",
 		"type-fest": "5.6.0"
 	},
@@ -49,7 +48,7 @@
 		"@fortawesome/free-solid-svg-icons": "7.2.0",
 		"@storybook/addon-a11y": "10.4.0",
 		"@storybook/addon-docs": "10.4.0",
-		"@storybook/addon-webpack5-compiler-babel": "4.0.1",
+		"@storybook/addon-webpack5-compiler-swc": "4.0.3",
 		"@storybook/react-webpack5": "10.4.0",
 		"@svgr/webpack": "8.1.0",
 		"@tailwindcss/postcss": "4.3.0",
@@ -57,12 +56,12 @@
 		"@types/react-color": "3.0.13",
 		"@types/react-custom-scrollbars": "4.0.13",
 		"@types/react-virtualized": "9.22.3",
-		"@webiny/build-tools": "6.4.0-beta.2",
-		"@webiny/project": "6.4.0-beta.2",
+		"@webiny/build-tools": "6.4.0-beta.3",
+		"@webiny/project": "6.4.0-beta.3",
 		"chalk": "5.6.2",
 		"css-loader": "7.1.4",
 		"file-loader": "6.2.0",
-		"oxfmt": "0.49.0",
+		"oxfmt": "0.51.0",
 		"postcss-loader": "8.2.1",
 		"rimraf": "6.1.3",
 		"sass": "1.99.0",
@@ -88,5 +87,5 @@
 			]
 		}
 	},
-	"gitHead": "872f9f50baa1ff6915a5f338216f84bf0b6dfd24"
+	"gitHead": "2e58681d4344024bfb60e6180338e2f154ec87f0"
 }