@edifice.io/react 2.6.5-develop-pedago.20260909143307 → 2.6.5-develop-integration.20260910145334

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1 @@
1
1
  export { default as useUploadFiles } from './useUploadFiles';
2
- export type { UploadSourceFileInfo } from './useUploadFiles';
@@ -1,16 +1,6 @@
1
1
  import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
2
- /**
3
- * Snapshot of a source file taken at upload time, so the upload result can be
4
- * re-ordered later on against the original file metadata.
5
- */
6
- export interface UploadSourceFileInfo {
7
- /** Original file name. */
8
- name: string;
9
- /** `File.lastModified` of the source file (ms since epoch). */
10
- lastModified: number;
11
- }
12
2
  declare const useUploadFiles: ({ handleOnChange, visibility, application, }: {
13
- handleOnChange: (uploadedFiles: WorkspaceElement[], sourceFilesInfo: Record<string, UploadSourceFileInfo>) => void;
3
+ handleOnChange: (uploadedFiles: WorkspaceElement[]) => void;
14
4
  visibility?: WorkspaceVisibility;
15
5
  application?: string;
16
6
  }) => {
@@ -1,4 +1,4 @@
1
- import { useState, useRef, useCallback, useEffect } from "react";
1
+ import { useState, useCallback, useEffect } from "react";
2
2
  import { ImageResizer, addTimestampToImageUrl } from "@edifice.io/utilities";
3
3
  import { useDropzoneContext } from "../../components/Dropzone/DropzoneContext.js";
4
4
  import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
@@ -8,7 +8,7 @@ const useUploadFiles = ({
8
8
  visibility,
9
9
  application
10
10
  }) => {
11
- const [uploadedFiles, setUploadedFiles] = useState([]), sourceFilesInfoRef = useRef({}), [editingImage, setEditingImage] = useState(void 0), {
11
+ const [uploadedFiles, setUploadedFiles] = useState([]), [editingImage, setEditingImage] = useState(void 0), {
12
12
  files,
13
13
  deleteFile,
14
14
  replaceFileAt,
@@ -34,10 +34,7 @@ const useUploadFiles = ({
34
34
  } catch (err) {
35
35
  console.error(err);
36
36
  }
37
- !resource && !replacement && (resource = await uploadFile(file)), resource ? (resource._id && (sourceFilesInfoRef.current[resource._id] = {
38
- name: file.name,
39
- lastModified: file.lastModified
40
- }), setUploadedFiles((prevFiles) => [...prevFiles, resource])) : resetInputValue();
37
+ !resource && !replacement && (resource = await uploadFile(file)), resource ? setUploadedFiles((prevFiles) => [...prevFiles, resource]) : resetInputValue();
41
38
  });
42
39
  }, [uploadAlternateFile, uploadFile, replaceFileAt]);
43
40
  useEffect(() => {
@@ -50,17 +47,15 @@ const useUploadFiles = ({
50
47
  newFiles.forEach((file) => file && setUploadStatus(file, "idle")), tryUploading(newFiles);
51
48
  }, [files, uploadedFiles, getUploadStatus, setUploadStatus, tryUploading]), useEffect(() => {
52
49
  const sortedUploadedFiles = sortUploadedFiles(files, uploadedFiles);
53
- handleOnChange(sortedUploadedFiles, {
54
- ...sourceFilesInfoRef.current
55
- });
50
+ handleOnChange(sortedUploadedFiles);
56
51
  }, [uploadedFiles]);
57
52
  const sortUploadedFiles = (filesArray, uploadedFilesArray) => {
58
- const orderMap = filesArray.reduce((acc, item, index) => (item.name in acc || (acc[item.name] = index), acc), {});
59
- return [...uploadedFilesArray].sort((a, b) => (orderMap[a.name] ?? Number.MAX_SAFE_INTEGER) - (orderMap[b.name] ?? Number.MAX_SAFE_INTEGER));
53
+ const orderMap = filesArray.reduce((acc, item, index) => (acc[item.name] = index, acc), {});
54
+ return uploadedFilesArray.sort((a, b) => orderMap[a.name] - orderMap[b.name]);
60
55
  };
61
56
  async function removeFile(file) {
62
57
  const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
63
- resource && (await remove(resource), clearUploadStatus(file), resource._id && delete sourceFilesInfoRef.current[resource._id], setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file), resetInputValue();
58
+ resource && (await remove(resource), clearUploadStatus(file), setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file), resetInputValue();
64
59
  }
65
60
  async function updateImage({
66
61
  blob,
@@ -1,9 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { useState, useRef, useEffect } from "react";
3
- import { useTranslation } from "react-i18next";
4
2
  import { useMediaLibraryContext } from "../MediaLibraryContext.js";
5
- import Flex from "../../../../components/Flex/Flex.js";
6
- import Radio from "../../../../components/Radio/Radio.js";
3
+ import { useTranslation } from "react-i18next";
4
+ import Alert from "../../../../components/Alert/Alert.js";
7
5
  import Dropzone from "../../../../components/Dropzone/Dropzone.js";
8
6
  import UploadFiles from "../../UploadFiles/UploadFiles.js";
9
7
  const acceptedTypes = (type) => {
@@ -20,17 +18,6 @@ const acceptedTypes = (type) => {
20
18
  break;
21
19
  }
22
20
  return acceptedTypes2;
23
- }, orderUploadedFiles = (uploadedFiles, sourceFilesInfo, byAlpha) => {
24
- const infoOf = (element) => element._id ? sourceFilesInfo[element._id] : void 0, nameOf = (element) => {
25
- var _a;
26
- return ((_a = infoOf(element)) == null ? void 0 : _a.name) ?? element.name;
27
- }, lastModifiedOf = (element) => {
28
- var _a;
29
- return ((_a = infoOf(element)) == null ? void 0 : _a.lastModified) ?? 0;
30
- };
31
- return byAlpha ? [...uploadedFiles].sort((a, b) => nameOf(a).localeCompare(nameOf(b), void 0, {
32
- numeric: !0
33
- })) : [...uploadedFiles].sort((a, b) => lastModifiedOf(b) - lastModifiedOf(a)).reverse();
34
21
  }, Upload = () => {
35
22
  const {
36
23
  t
@@ -40,26 +27,12 @@ const acceptedTypes = (type) => {
40
27
  multiple,
41
28
  setResult,
42
29
  setResultCounter,
43
- setCancellable,
44
- setPreSuccess
45
- } = useMediaLibraryContext(), [sortByAlpha, setSortByAlpha] = useState(!0), [uploadedFiles, setUploadedFiles] = useState([]), sourceFilesInfoRef = useRef({}), handleOnFilesChange = (uploadedFiles2, sourceFilesInfo) => {
46
- sourceFilesInfoRef.current = sourceFilesInfo, setUploadedFiles(uploadedFiles2), uploadedFiles2.length ? (setCancellable(uploadedFiles2), setResultCounter(uploadedFiles2.length), setResult(uploadedFiles2)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
30
+ setCancellable
31
+ } = useMediaLibraryContext(), handleOnFilesChange = (uploadedFiles) => {
32
+ uploadedFiles.length ? (setCancellable(uploadedFiles), setResultCounter(uploadedFiles.length), setResult(uploadedFiles)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
47
33
  };
48
- return useEffect(() => {
49
- if (!multiple || !uploadedFiles.length) {
50
- setPreSuccess(void 0);
51
- return;
52
- }
53
- setPreSuccess(() => () => Promise.resolve(orderUploadedFiles(uploadedFiles, sourceFilesInfoRef.current, sortByAlpha)));
54
- }, [multiple, uploadedFiles, sortByAlpha, setPreSuccess]), /* @__PURE__ */ jsxs("div", { className: "flex-grow-1", children: [
55
- multiple && /* @__PURE__ */ jsxs(Flex, { className: "mb-16 ms-8", align: "start", direction: "column", gap: "8", children: [
56
- /* @__PURE__ */ jsxs("div", { children: [
57
- t("bbm.upload.sort.title"),
58
- " :"
59
- ] }),
60
- /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.alpha"), name: "media-library-upload-sort", value: "alpha", model: sortByAlpha ? "alpha" : "date", checked: sortByAlpha, onChange: () => setSortByAlpha(!0), "data-testid": "media-library-upload-sort-alpha" }),
61
- /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.date"), name: "media-library-upload-sort", value: "date", model: sortByAlpha ? "alpha" : "date", checked: !sortByAlpha, onChange: () => setSortByAlpha(!1), "data-testid": "media-library-upload-sort-date" })
62
- ] }),
34
+ return /* @__PURE__ */ jsxs("div", { className: "flex-grow-1", children: [
35
+ multiple && /* @__PURE__ */ jsx(Alert, { type: "info", className: "flex-shrink-0 mb-16", children: t("bbm.upload.alert") }),
63
36
  /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
64
37
  ] });
65
38
  };
@@ -1,8 +1,7 @@
1
1
  import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
2
- import { UploadSourceFileInfo } from '../../../hooks';
3
2
  declare const UploadFiles: {
4
3
  ({ onFilesChange, visibility, }: {
5
- onFilesChange: (uploadedFiles: WorkspaceElement[], sourceFilesInfo: Record<string, UploadSourceFileInfo>) => void;
4
+ onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;
6
5
  visibility?: WorkspaceVisibility;
7
6
  }): import("react/jsx-runtime").JSX.Element;
8
7
  displayName: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edifice.io/react",
3
- "version": "2.6.5-develop-pedago.20260909143307",
3
+ "version": "2.6.5-develop-integration.20260910145334",
4
4
  "description": "Edifice React Library",
5
5
  "keywords": [
6
6
  "react",
@@ -140,9 +140,9 @@
140
140
  "swiper": "10.1.0",
141
141
  "ua-parser-js": "1.0.36",
142
142
  "zustand": "4.5.7",
143
- "@edifice.io/bootstrap": "2.6.5-develop-pedago.20260909143307",
144
- "@edifice.io/tiptap-extensions": "2.6.5-develop-pedago.20260909143307",
145
- "@edifice.io/utilities": "2.6.5-develop-pedago.20260909143307"
143
+ "@edifice.io/bootstrap": "2.6.5-develop-integration.20260910145334",
144
+ "@edifice.io/utilities": "2.6.5-develop-integration.20260910145334",
145
+ "@edifice.io/tiptap-extensions": "2.6.5-develop-integration.20260910145334"
146
146
  },
147
147
  "devDependencies": {
148
148
  "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
173
173
  "vite": "5.4.14",
174
174
  "vite-plugin-dts": "4.5.4",
175
175
  "vite-tsconfig-paths": "5.1.4",
176
- "@edifice.io/client": "2.6.5-develop-pedago.20260909143307",
177
- "@edifice.io/config": "2.6.5-develop-pedago.20260909143307"
176
+ "@edifice.io/client": "2.6.5-develop-integration.20260910145334",
177
+ "@edifice.io/config": "2.6.5-develop-integration.20260910145334"
178
178
  },
179
179
  "peerDependencies": {
180
180
  "@react-spring/web": "9.7.5",