@edifice.io/react 2.5.17 → 2.5.18-develop-enabling.20260504105750

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

@@ -11,49 +11,48 @@ const DEFAULT_MAX_HISTORY = 20, useHistoryTool = ({
     setHistory([]);
   }, [application]);
   const restore = async () => {
-    const imgData = history.pop();
-    imgData && (onRestore(await imgData.backup, imgData), setHistory(history.filter((current) => current !== imgData)));
-  }, listSize = (arr) => (arr.length > maxSize && arr.splice(0, arr.length - maxSize), arr), historize = async (callback) => {
-    {
-      if (!application)
-        return;
-      const sprite = application.stage.getChildByName(spriteName, !0);
-      if (sprite == null)
-        return;
-      const promise = toBlob(application), state = {
-        backup: promise,
-        sprite: {
-          rotation: sprite.rotation,
-          size: {
-            width: sprite.width,
-            height: sprite.height
-          },
-          position: {
-            x: sprite.position.x,
-            y: sprite.position.y
-          },
-          scale: {
-            x: sprite.scale.x,
-            y: sprite.scale.y
-          },
-          anchor: {
-            x: sprite.anchor.x,
-            y: sprite.anchor.y
-          }
+    if (history.length === 0) return;
+    const imgData = history[history.length - 1];
+    onRestore(await imgData.backup, imgData), setHistory(history.slice(0, -1));
+  }, trimHistory = (arr) => arr.length > maxSize ? arr.slice(arr.length - maxSize) : arr, historize = async (callback) => {
+    if (!application)
+      return;
+    const sprite = application.stage.getChildByLabel(spriteName, !0);
+    if (!sprite)
+      return;
+    const promise = toBlob(application), state = {
+      backup: promise,
+      sprite: {
+        rotation: sprite.rotation,
+        size: {
+          width: sprite.width,
+          height: sprite.height
         },
-        stage: {
-          size: {
-            width: application.stage.width,
-            height: application.stage.height
-          },
-          scale: {
-            x: application.stage.scale.x,
-            y: application.stage.scale.y
-          }
+        position: {
+          x: sprite.position.x,
+          y: sprite.position.y
+        },
+        scale: {
+          x: sprite.scale.x,
+          y: sprite.scale.y
+        },
+        anchor: {
+          x: sprite.anchor.x,
+          y: sprite.anchor.y
+        }
+      },
+      stage: {
+        size: {
+          width: application.stage.width,
+          height: application.stage.height
+        },
+        scale: {
+          x: application.stage.scale.x,
+          y: application.stage.scale.y
         }
-      };
-      return setHistory([...listSize(history), state]), await promise, callback.call(callback);
-    }
+      }
+    };
+    return setHistory(trimHistory([...history, state])), await promise, callback.call(callback);
   };
   return {
     historyCount: history.length,

package/dist/modules/multimedia/ImageEditor/hooks/useImageEditor.d.ts

@@ -14,7 +14,7 @@ export default function useImageEditor({ imageSrc, spriteName, }: {
     spriteName?: string;
 }): {
     historyCount: number;
-    setApplication: import('react').Dispatch<import('react').SetStateAction<PIXI.Application<PIXI.ICanvas> | undefined>>;
+    setApplication: import('react').Dispatch<import('react').SetStateAction<PIXI.Application<PIXI.Renderer> | undefined>>;
     restore: () => Promise<void>;
     stopCrop: (save: boolean) => void;
     stopBlur: () => void;

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/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/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/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.17",
+  "version": "2.5.18-develop-enabling.20260504105750",
   "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/tiptap-extensions": "2.5.17",
-    "@edifice.io/bootstrap": "2.5.17",
-    "@edifice.io/utilities": "2.5.17"
+    "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.18-develop-enabling.20260504105750",
+    "@edifice.io/utilities": "2.5.18-develop-enabling.20260504105750",
+    "@edifice.io/tiptap-extensions": "2.5.18-develop-enabling.20260504105750"
   },
   "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.17",
-    "@edifice.io/config": "2.5.17"
+    "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.18-develop-enabling.20260504105750",
+    "@edifice.io/config": "2.5.18-develop-enabling.20260504105750"
   },
   "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;