@edifice.io/react 2.5.18 → 2.5.19-develop-pedago.20260513133752

package/dist/modules/multimedia/ImageEditor/hooks/useImageEditor.js

@@ -1,8 +1,7 @@
 import { useState, useEffect } from "react";
-import "@pixi/mixin-get-child-by-name";
 import useHistoryTool from "./useHistoryTool.js";
 import useImageEffects from "./useImageEffects.js";
-import { updateImage, DEFAULT_SPRITE_NAME, saveAsBlob, saveAsDataURL, updateImageFromBlob } from "../effects/misc.js";
+import { updateImage, DEFAULT_SPRITE_NAME, saveAsBlob, saveAsDataURL, autoResize, updateImageFromBlob } from "../effects/misc.js";
 function useImageEditor({
   imageSrc,
   spriteName = DEFAULT_SPRITE_NAME
@@ -47,7 +46,14 @@ function useImageEditor({
       spriteName,
       imgDatasource: imageSrc
     }).finally(() => setLoading(!1)));
-  }, [application, imageSrc, spriteName]), {
+  }, [application, imageSrc, spriteName]), useEffect(() => {
+    if (!application) return;
+    const handleResize = () => {
+      const sprite = application.stage.getChildByLabel(spriteName, !0);
+      sprite && autoResize(application, sprite);
+    };
+    return window.addEventListener("resize", handleResize), () => window.removeEventListener("resize", handleResize);
+  }, [application, spriteName]), {
     historyCount,
     setApplication,
     restore,

package/dist/modules/multimedia/ImageEditor/hooks/useImageEffects.js

@@ -20,7 +20,10 @@ function useImageEffects({
       if (application) {
         if (save$12) {
           const result = save(application);
-          result && onSave(result);
+          if (result) {
+            onSave(result);
+            return;
+          }
         }
         stop(application);
       }

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.d.ts

@@ -36,6 +36,18 @@ export interface InternalLinkerProps {
     disableApplicationSelector?: boolean;
     /** Optional callback to filter resources after loading. Applied in addition to search filters. */
     resourceFilter?: (resource: ILinkedResource) => boolean;
+    /**
+     * When provided, replaces the built-in search/load logic entirely.
+     * Called with the current search terms and selected application whenever the search changes.
+     * The returned resources are displayed as-is (no additional filtering or sorting).
+     */
+    onSearch?: (search: string, application?: ApplicationOption) => Promise<ILinkedResource[]>;
+    /** When true, a "load more" button is shown. The caller controls this flag. */
+    hasMoreResources?: boolean;
+    /** Called when the user clicks the "load more" button. */
+    onLoadMore?: () => void;
+    /** Label for the "load more" button. Defaults to the `bbm.linker.see.more` i18n key. */
+    loadMoreLabel?: string;
 }
-export declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, resourceList, applicationList, showApplicationSelector, disableApplicationSelector, resourceFilter, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, resourceList, applicationList, showApplicationSelector, disableApplicationSelector, resourceFilter, onSearch, hasMoreResources, onLoadMore, loadMoreLabel, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
 export default InternalLinker;

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js

@@ -10,6 +10,7 @@ import { useResourceSearch } from "../../../../hooks/useResourceSearch/useResour
 import AppIcon from "../../../../components/AppIcon/AppIcon.js";
 import Dropdown from "../../../../components/Dropdown/Dropdown.js";
 import SearchBar from "../../../../components/SearchBar/SearchBar.js";
+import Button from "../../../../components/Button/Button.js";
 import EmptyScreen from "../../../../components/EmptyScreen/EmptyScreen.js";
 import { emptyScreenMapping } from "../../../../utilities/emptyscreen-mapping/emptyscreen-mapping.js";
 const InternalLinker = ({
@@ -23,7 +24,11 @@ const InternalLinker = ({
   applicationList,
   showApplicationSelector = !0,
   disableApplicationSelector = !1,
-  resourceFilter
+  resourceFilter,
+  onSearch,
+  hasMoreResources,
+  onLoadMore,
+  loadMoreLabel
 }) => {
   const {
     t
@@ -39,6 +44,14 @@ const InternalLinker = ({
     return ((_a = resource.name) == null ? void 0 : _a.toLowerCase().includes(searchParam)) || ((_b = resource.creatorName) == null ? void 0 : _b.toLowerCase().includes(searchParam)) || ((_c = resource.description) == null ? void 0 : _c.toLowerCase().includes(searchParam));
   }, []), sortResources = useCallback((resources2) => resources2.sort((a, b) => a.modifiedAt < b.modifiedAt ? 1 : -1), []), loadAndDisplayResources = useCallback((search) => {
     async function load() {
+      if (onSearch) {
+        try {
+          setResources(await onSearch(search || "", selectedApplication));
+        } catch {
+          setResources([]);
+        }
+        return;
+      }
       if (resourceList) {
         let filteredResources = resourceList.filter((resource) => filterResources(resource, search));
         resourceFilter && (filteredResources = filteredResources.filter(resourceFilter)), setResources(sortResources(filteredResources));
@@ -63,7 +76,7 @@ const InternalLinker = ({
       setResources([]);
     }
     load();
-  }, [loadResources, selectedApplication, filterResources, sortResources, resourceList, resourceFilter]), [selectedDocuments, setSelectedDocuments] = useState([]), handleOptionClick = (option) => {
+  }, [onSearch, loadResources, selectedApplication, filterResources, sortResources, resourceList, resourceFilter]), [selectedDocuments, setSelectedDocuments] = useState([]), handleOptionClick = (option) => {
     onChange == null || onChange(option), setSelectedApplication(option);
   }, handleSearchChange = (event) => {
     const newText = event.target.value;
@@ -121,10 +134,13 @@ const InternalLinker = ({
       /* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "internal-linker flex-grow-1 w-100 rounded-bottom border gap-0 overflow-auto", children: [
-      selectedApplication && resources && resources.length > 0 && /* @__PURE__ */ jsx("div", { children: resources.map((resource) => {
-        const isSelected = selectedDocuments.findIndex((doc) => doc.assetId === resource.assetId) >= 0;
-        return /* @__PURE__ */ jsx(LinkerCard, { doc: resource, isSelected, onClick: () => toggleResourceSelection(resource) }, resource.path);
-      }) }),
+      selectedApplication && resources && resources.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        resources.map((resource) => {
+          const isSelected = selectedDocuments.findIndex((doc) => doc.assetId === resource.assetId) >= 0;
+          return /* @__PURE__ */ jsx(LinkerCard, { doc: resource, isSelected, onClick: () => toggleResourceSelection(resource) }, resource.path);
+        }),
+        hasMoreResources && /* @__PURE__ */ jsx("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ jsx(Button, { type: "button", color: "secondary", variant: "filled", onClick: onLoadMore, children: loadMoreLabel ?? t("bbm.linker.see.more") }) })
+      ] }),
       selectedApplication && resources && resources.length <= 0 && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-16", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyScreenMapping[(theme == null ? void 0 : theme.bootstrapVersion) ?? "one"][selectedApplication == null ? void 0 : selectedApplication.application], text: t("bbm.linker.int.notfound"), className: "mt-16" }) }),
       !selectedApplication && /* @__PURE__ */ jsx("div", { className: "d-flex justify-content-center mt-32", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyScreenMapping[(theme == null ? void 0 : theme.bootstrapVersion) ?? "one"].empty, text: t("bbm.linker.int.empty"), className: "mt-32" }) })
     ] })

package/dist/modules/multimedia/LinkerCard/LinkerCard._.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { default as LinkerCard } from './LinkerCard';
 declare const meta: Meta<typeof LinkerCard>;
 export default meta;

package/dist/modules/multimedia/LinkerCard/LinkerCard.d.ts

@@ -1,10 +1,13 @@
-import { IResource } from '@edifice.io/client';
+import { ILinkedResource } from '@edifice.io/client';
 import { CardProps } from '../../../components';
+/** Augments ILinkedResource with an optional pre-computed date string. */
+export interface ILinkedResourceWithDate extends ILinkedResource {
+    /** When provided, displayed as-is instead of computing fromNow(modifiedAt). */
+    fromDate?: string;
+}
 export interface LinkerCardProps extends CardProps {
-    /**
-     * Resource to render as a card
-     * */
-    doc: IResource;
+    /** Resource to render as a card */
+    doc: ILinkedResourceWithDate;
 }
 declare const LinkerCard: {
     ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: LinkerCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/LinkerCard/LinkerCard.js

@@ -16,11 +16,7 @@ const LinkerCard = ({
 }) => {
   const {
     fromNow
-  } = useDate(), {
-    fromDate
-  } = useMemo(() => ({
-    fromDate: fromNow(doc.modifiedAt)
-  }), [fromNow, doc]);
+  } = useDate(), displayDate = useMemo(() => doc.fromDate ?? fromNow(doc.modifiedAt), [doc.fromDate, doc.modifiedAt, fromNow]);
   return /* @__PURE__ */ jsx(Card, { className: clsx("card-linker shadow-none", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
     /* @__PURE__ */ jsx("div", { className: "card-image ps-8 pe-4", children: doc.thumbnail && doc.thumbnail.length > 0 ? /* @__PURE__ */ jsx(Image, { alt: "", height: 48, width: 48, src: doc.thumbnail, objectFit: "cover", className: "rounded h-full", style: {
       aspectRatio: 1 / 1
@@ -29,7 +25,7 @@ const LinkerCard = ({
       /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
       /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.creatorName })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "d-none d-md-block text-black-50 ps-4 pe-8", children: /* @__PURE__ */ jsx(Card.Text, { children: fromDate }) }),
+    /* @__PURE__ */ jsx("div", { className: "d-none d-md-block text-black-50 ps-4 pe-8", children: /* @__PURE__ */ jsx(Card.Text, { children: displayDate }) }),
     doc.shared && /* @__PURE__ */ jsx("div", { className: "ps-4 pe-8", children: /* @__PURE__ */ jsx(SvgIconUsers, { width: "20", height: "20" }) })
   ] }) });
 };

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -220,6 +220,7 @@ const orderedTabs = [
     ] })
   ] }) });
 });
+Object.assign(MediaLibrary, InnerTabs);
 export {
   MediaLibrary as default
 };

package/dist/modules/multimedia/UploadCard/UploadCard._.d.ts

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryObj } from '@storybook/react-vite';
 import { default as UploadCard } from './UploadCard';
 declare const meta: Meta<typeof UploadCard>;
 export default meta;

package/dist/modules/multimedia/UploadFiles/UploadFiles.js

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { customSize } from "@edifice.io/utilities";
-import { useRef, useEffect } from "react";
+import { useRef, useEffect, Suspense, lazy } from "react";
 import useUploadFiles from "../../../hooks/useUploadFiles/useUploadFiles.js";
 import UploadCard from "../UploadCard/UploadCard.js";
-import ImageEditor from "../ImageEditor/components/ImageEditor.js";
-const UploadFiles = ({
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+const ImageEditor = /* @__PURE__ */ lazy(async () => await import("../ImageEditor/components/ImageEditor.js")), UploadFiles = ({
   onFilesChange,
   visibility = "protected"
 }) => {
@@ -48,7 +48,7 @@ const UploadFiles = ({
       const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
       return /* @__PURE__ */ jsx(UploadCard, { status: getUploadStatus(file), item: renderItem(file), onEdit: () => setEditingImage(resource), onRetry: () => uploadFile(file), onDelete: () => handleRemoveFile(file) }, file.name);
     }),
-    editingImage && /* @__PURE__ */ jsx(ImageEditor, { altText: editingImage.alt, legend: editingImage.title, image: getUrl(editingImage, !0), isOpen: !!editingImage, onCancel: () => setEditingImage(void 0), onSave: updateImage, onError: console.error })
+    editingImage && /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, { position: !1 }), children: /* @__PURE__ */ jsx(ImageEditor, { altText: editingImage.alt, legend: editingImage.title, image: getUrl(editingImage, !0), isOpen: !!editingImage, onCancel: () => setEditingImage(void 0), onSave: updateImage, onError: console.error }) })
   ] });
 };
 export {

package/dist/node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/isSameOrAfter.js

@@ -1,6 +1,6 @@
 import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
 import { __module as isSameOrAfter$1 } from "../../../../../../_virtual/isSameOrAfter.js";
-(function(module, exports$1) {
+(function(module, exports) {
   (function(e, t) {
     module.exports = t();
   })(commonjsGlobal, function() {

package/dist/node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/isToday.js

@@ -1,6 +1,6 @@
 import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
 import { __module as isToday$1 } from "../../../../../../_virtual/isToday.js";
-(function(module, exports$1) {
+(function(module, exports) {
   (function(e, o) {
     module.exports = o();
   })(commonjsGlobal, function() {

package/dist/node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/localeData.js

@@ -1,6 +1,6 @@
 import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
 import { __module as localeData$1 } from "../../../../../../_virtual/localeData.js";
-(function(module, exports$1) {
+(function(module, exports) {
   (function(n, e) {
     module.exports = e();
   })(commonjsGlobal, function() {

package/dist/node_modules/.pnpm/dayjs@1.11.19/node_modules/dayjs/plugin/weekday.js

@@ -1,6 +1,6 @@
 import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
 import { __module as weekday$1 } from "../../../../../../_virtual/weekday.js";
-(function(module, exports$1) {
+(function(module, exports) {
   (function(e, t) {
     module.exports = t();
   })(commonjsGlobal, function() {

package/dist/providers/EdificeClientProvider/EdificeClientProvider.context.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { App, IGetConf, IGetSession, IUserDescription, IUserInfo, IWebApp, UserProfile } from '@edifice.io/client';
-import { UseQueryResult } from '../../../node_modules/@tanstack/react-query';
+import { UseQueryResult } from '@tanstack/react-query';
 export interface EdificeClientParams {
     alternativeApp?: boolean;
     app: App;

package/dist/utilities/react-query/react-query-utils.d.ts

@@ -1,4 +1,4 @@
-import { InvalidateQueryFilters, QueryClient } from '../../../node_modules/@tanstack/react-query';
+import { InvalidateQueryFilters, QueryClient } from '@tanstack/react-query';
 /**
  * Invalidates queries and resets infinite query data to only contain the first page.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.18",
+  "version": "2.5.19-develop-pedago.20260513133752",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -73,13 +73,11 @@
     "dist"
   ],
   "dependencies": {
-    "@ant-design/icons": "^5.4.0",
-    "@dnd-kit/core": "^6.1.0",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
+    "@ant-design/icons": "5.4.0",
+    "@dnd-kit/core": "6.3.1",
+    "@dnd-kit/sortable": "8.0.0",
+    "@dnd-kit/utilities": "3.2.2",
     "@floating-ui/react": "0.26.0",
-    "@pixi/mixin-get-child-by-name": "7.4.2",
-    "@pixi/react": "7.1.2",
     "@popperjs/core": "2.11.8",
     "@tiptap/core": "2.11.0",
     "@tiptap/extension-blockquote": "2.11.0",
@@ -118,66 +116,66 @@
     "@tiptap/pm": "2.11.0",
     "@tiptap/react": "2.11.0",
     "@tiptap/starter-kit": "2.11.0",
-    "@uidotdev/usehooks": "^2.4.1",
-    "antd": "^5.29.1",
-    "clsx": "^2.1.1",
+    "@uidotdev/usehooks": "2.4.1",
+    "antd": "5.29.1",
+    "clsx": "2.1.1",
     "dayjs": "1.11.19",
-    "emoji-picker-react": "4.5.2",
+    "emoji-picker-react": "4.17.4",
     "heic-to": "1.4.2",
     "html-react-parser": "4.2.1",
     "ohash": "1.1.3",
     "pako": "2.1.0",
-    "pixi.js": "7.4.2",
-    "react-hot-toast": "^2.4.1",
+    "pixi.js": "8.15.0",
+    "react-hot-toast": "2.6.0",
     "react-intersection-observer": "9.5.3",
-    "react-popper": "^2.3.0",
-    "react-slugify": "^3.0.3",
-    "swiper": "^10.1.0",
-    "ua-parser-js": "^1.0.36",
-    "react-pdf": "10.2.0",
-    "@edifice.io/bootstrap": "2.5.18",
-    "@edifice.io/tiptap-extensions": "2.5.18",
-    "@edifice.io/utilities": "2.5.18"
+    "react-pdf": "10.3.0",
+    "react-popper": "2.3.0",
+    "react-slugify": "3.0.3",
+    "swiper": "10.1.0",
+    "ua-parser-js": "1.0.36",
+    "@edifice.io/bootstrap": "2.5.19-develop-pedago.20260513133752",
+    "@edifice.io/utilities": "2.5.19-develop-pedago.20260513133752",
+    "@edifice.io/tiptap-extensions": "2.5.19-develop-pedago.20260513133752"
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
-    "@eslint/js": "^9.12.0",
-    "@react-spring/web": "^9.7.5",
-    "@svgr/cli": "^8.1.0",
-    "@tanstack/query-core": "5.62.7",
+    "@babel/plugin-transform-react-pure-annotations": "7.27.1",
+    "@eslint/js": "9.39.2",
+    "@react-spring/web": "9.7.5",
+    "@svgr/cli": "8.1.0",
+    "@tanstack/query-core": "5.90.20",
     "@tanstack/react-query": "5.62.7",
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/node": "^22.9.1",
-    "@types/pako": "^2.0.3",
-    "@types/react": "^18.2.33",
-    "@types/react-dom": "^18.2.14",
-    "@types/ua-parser-js": "^0.7.37",
-    "@vitejs/plugin-react": "^4.3.2",
-    "eslint": "^9.12.0",
+    "@testing-library/jest-dom": "6.5.0",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/node": "22.19.8",
+    "@types/pako": "2.0.4",
+    "@types/react": "18.3.27",
+    "@types/react-dom": "18.3.7",
+    "@types/ua-parser-js": "0.7.37",
+    "@vitejs/plugin-react": "4.7.0",
+    "eslint": "9.39.2",
     "eslint-plugin-react-hooks": "5.1.0-rc.0",
-    "eslint-plugin-react-refresh": "^0.4.12",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-i18next": "^14.1.0",
-    "rollup-plugin-pure": "^0.2.1",
+    "eslint-plugin-react-refresh": "0.4.26",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-hook-form": "7.71.1",
+    "react-i18next": "14.1.3",
+    "rollup-plugin-pure": "0.4.0",
     "rollup-plugin-visualizer": "5.12.0",
-    "typescript-eslint": "^8.8.1",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^4.1.0",
-    "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.5.18",
-    "@edifice.io/config": "2.5.18"
+    "typescript-eslint": "8.54.0",
+    "vite": "5.4.14",
+    "vite-plugin-dts": "4.5.4",
+    "vite-tsconfig-paths": "5.1.4",
+    "@edifice.io/client": "2.5.19-develop-pedago.20260513133752",
+    "@edifice.io/config": "2.5.19-develop-pedago.20260513133752"
   },
   "peerDependencies": {
-    "@react-spring/web": "^9.7.5",
+    "@react-spring/web": "9.7.5",
     "@tanstack/react-query": "5.62.7",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.53.0",
-    "react-i18next": "^14.1.0"
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-hook-form": "7.71.1",
+    "react-i18next": "14.1.3"
   },
   "publishConfig": {
     "access": "public"
@@ -186,6 +184,7 @@
   "scripts": {
     "build": "pnpm build:icons && vite build",
     "build:icons": "svgr src/modules/icons/assets --config-file ./svgr.config.cjs",
+    "build:analyze": "vite build --mode analyze",
     "fix": "eslint --fix --report-unused-disable-directives --max-warnings 0",
     "format": "pnpm run format:write && pnpm run format:check",
     "format:check": "npx prettier --check \"src/**/*.{ts,tsx}\"",

package/dist/modules/multimedia/FileCard/FileCard._.d.ts

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as FileCard } from './FileCard';
-declare const meta: Meta<typeof FileCard>;
-export default meta;
-type Story = StoryObj<typeof FileCard>;
-export declare const Base: Story;
-export declare const AudioFile: Story;
-export declare const ImageFile: Story;
-export declare const VideoFile: Story;
-export declare const TextFile: Story;
-export declare const DocFile: Story;
-export declare const PptFile: Story;
-export declare const PdfFile: Story;
-export declare const ZipFile: Story;
-export declare const CsvFile: Story;
-export declare const XlsFile: Story;
-export declare const MdFile: Story;