@edifice.io/react 2.6.5-develop-b2school.20260914145143 → 2.6.5-develop.20260915174032

package/dist/components/Form/FormText.js

@@ -1,21 +1,16 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import SvgIconError from "../../modules/icons/components/IconError.js";
-import SvgIconSuccessOutline from "../../modules/icons/components/IconSuccessOutline.js";
 import { useFormControl } from "./FormContext.js";
 const FormText = ({
   children
 }) => {
   const {
     status
-  } = useFormControl(), classes = clsx("input-message", {
-    "input-message--invalid": status === "invalid",
-    "input-message--valid": status === "valid"
-  }), Icon = status === "invalid" ? SvgIconError : status === "valid" ? SvgIconSuccessOutline : null;
-  return /* @__PURE__ */ jsxs("p", { className: classes, children: [
-    Icon && /* @__PURE__ */ jsx(Icon, { className: "input-message__icon", "aria-hidden": "true" }),
-    children
-  ] });
+  } = useFormControl(), classes = clsx("form-text", {
+    "is-invalid": status === "invalid",
+    valid: status === "valid"
+  });
+  return /* @__PURE__ */ jsx("p", { className: classes, children: /* @__PURE__ */ jsx("em", { children }) });
 };
 export {
   FormText as default

package/dist/components/Input/Input.d.ts

@@ -2,8 +2,7 @@ import { Size } from '../../types';
 export type OmitInputProps = 'disabled' | 'required' | 'size' | 'id' | 'readOnly';
 export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, OmitInputProps> {
     /**
-     * Control size of input. `sm` and `md` share the same visual size
-     * ("Medium" in the design system); only `lg` ("Big") differs.
+     * Control size of input
      */
     size: Size;
     /**
@@ -19,8 +18,7 @@ export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, O
      */
     disabled?: boolean;
     /**
-     * @deprecated Validation icons no longer render inside the field —
-     * this prop has no effect and will be removed in a future major version.
+     * Remove validation icon
      */
     noValidationIcon?: boolean;
     /**
@@ -35,13 +33,6 @@ export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, O
      * Browser autocomplete feature
      */
     autoComplete?: string;
-    /**
-     * Show a built-in clear (×) button while the field is focused. Opt-in:
-     * several consumers render their own clear affordance already (e.g.
-     * `SearchBar`), and a broad audit of every `Input` usage hasn't been done
-     * yet — see INPUT-MIGRATION-PLAN.md §07.
-     */
-    clearable?: boolean;
 }
 /**
  * Input Form Component

package/dist/components/Input/Input.js

@@ -1,57 +1,40 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useState } from "react";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef, useState } from "react";
 import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
 import { useFormControl } from "../Form/FormContext.js";
+import Textcounter from "../TextCounter/TextCounter.js";
 const Input = /* @__PURE__ */ forwardRef(({
+  noValidationIcon,
   placeholder,
   size = "md",
   type = "text",
   className,
   showCounter = !1,
   autoComplete = "off",
-  clearable = !1,
-  noValidationIcon: _noValidationIcon,
   ...restProps
-}, forwardedRef) => {
+}, ref) => {
   var _a;
   const {
     id,
     isRequired,
     isReadOnly,
     status
-  } = useFormControl(), {
-    t
-  } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), setRefs = (node) => {
-    inputRef.current = node, typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node);
-  }, wrapperClasses = clsx("input", {
-    "input--lg": size === "lg",
-    "input--invalid": status === "invalid",
-    "input--valid": status === "valid",
-    "input--plaintext": isReadOnly
-  }, className), handleChange = (e) => {
-    var _a2;
-    setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
-  }, handleClear = () => {
-    var _a2;
-    const node = inputRef.current;
-    if (!node) return;
-    const nativeSetter = (_a2 = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _a2.set;
-    nativeSetter == null || nativeSetter.call(node, ""), node.dispatchEvent(new Event("input", {
-      bubbles: !0
-    })), node.focus();
-  }, maxLength = restProps.maxLength ?? 0;
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
-    /* @__PURE__ */ jsx("input", { ref: setRefs, id, className: "input__field", type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: handleChange, autoComplete }),
-    clearable && !isReadOnly && /* @__PURE__ */ jsx("button", { type: "button", className: "input__clear", onClick: handleClear, "aria-label": t("clear"), children: /* @__PURE__ */ jsx(SvgIconClose, {}) }),
-    showCounter && /* @__PURE__ */ jsxs("span", { className: clsx("input__counter", {
-      "input__counter--max": currentLength === maxLength
-    }), children: [
-      currentLength,
-      " / ",
-      maxLength
-    ] })
+  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
+    "form-control": !isReadOnly,
+    "form-control-lg": size === "lg",
+    "form-control-sm": size === "sm",
+    "is-invalid": status === "invalid",
+    "is-valid": status === "valid",
+    "form-control-plaintext": isReadOnly,
+    "no-validation-icon": noValidationIcon,
+    "pe-64": showCounter && !status
+  }, className);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("input", { ref, id, className: classes, type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: (e) => {
+      var _a2;
+      setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
+    }, autoComplete }),
+    showCounter && !status && /* @__PURE__ */ jsx(Textcounter, { currentLength, maxLength: restProps.maxLength ?? 0 })
   ] });
 });
 export {

package/dist/components/Label/Label.js

@@ -16,8 +16,8 @@ const Label = /* @__PURE__ */ forwardRef(({
     isRequired
   } = useFormControl(), {
     t
-  } = useTranslation(), classes = clsx("input-label", {
-    "input-label--has-icon": leftIcon
+  } = useTranslation(), classes = clsx("form-label", {
+    "has-icon": leftIcon
   }, className), optionalState = isOptional && !isRequired, requiredState = isRequired && !isOptional;
   return useEffect(() => {
     if (isOptional && isRequired)
@@ -25,11 +25,11 @@ const Label = /* @__PURE__ */ forwardRef(({
   }, [isOptional, isRequired]), /* @__PURE__ */ jsxs("label", { ref, htmlFor: id, className: classes, children: [
     leftIcon,
     children,
-    optionalState && /* @__PURE__ */ jsxs("em", { className: "input-label__optional", children: [
+    optionalState && /* @__PURE__ */ jsxs("em", { className: "optional", children: [
       "- ",
       optionalText ?? t("explorer.optional")
     ] }),
-    requiredState && /* @__PURE__ */ jsx("em", { className: "input-label__required", children: requiredText })
+    requiredState && /* @__PURE__ */ jsx("em", { className: "required", children: requiredText })
   ] });
 });
 export {

package/dist/components/Table/components/Table.d.ts

@@ -13,7 +13,7 @@ declare const Table: import('react').ForwardRefExoticComponent<{
         displayName: string;
     };
     Th: {
-        (props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+        (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Tbody: {
@@ -25,7 +25,7 @@ declare const Table: import('react').ForwardRefExoticComponent<{
         displayName: string;
     };
     Td: {
-        (props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+        (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/Table/components/TableTd.d.ts

@@ -1,4 +1,4 @@
 export declare const TableTd: {
-    (props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Table/components/TableTh.d.ts

@@ -1,4 +1,4 @@
 export declare const TableTh: {
-    (props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/index.d.ts

@@ -28,7 +28,6 @@ export * from './Image';
 export * from './Input';
 export * from './Label';
 export * from './Layout';
-export * from './LinkPill';
 export * from './List';
 export * from './Loading';
 export * from './LoadingScreen';
@@ -37,7 +36,6 @@ export * from './LogoBeta';
 export * from './MediaViewer';
 export * from './Menu';
 export * from './Modal';
-export * from './ModalBeta';
 export * from './PageLayout';
 export * from './Pagination';
 export * from './Popover';

package/dist/homepage.js

@@ -12,13 +12,8 @@ import { Favorites } from "./modules/homepage/components/Favorites/Favorites.js"
 import { FavoritesContainer } from "./modules/homepage/components/Favorites/FavoritesContainer.js";
 import { LastInfosContainer } from "./modules/homepage/components/LastInfos/LastInfosContainer.js";
 import { LastInfosList } from "./modules/homepage/components/LastInfos/LastInfosList.js";
-import { LinkForm } from "./modules/homepage/components/UsefulLinks/LinkForm.js";
-import { MAX_USEFUL_LINKS, useUsefulLinksContainer } from "./modules/homepage/components/UsefulLinks/hooks/useUsefulLinksContainer.js";
 import { MessageFlashListContainer } from "./modules/homepage/components/MessageFlashList/MessageFlashListContainer.js";
 import { SchoolSpaceContainer } from "./modules/homepage/components/SchoolSpace/SchoolSpaceContainer.js";
-import { UsefulLinks } from "./modules/homepage/components/UsefulLinks/UsefulLinks.js";
-import { UsefulLinksContainer } from "./modules/homepage/components/UsefulLinks/UsefulLinksContainer.js";
-import { UsefulLinksModal } from "./modules/homepage/components/UsefulLinks/UsefulLinksModal.js";
 import { UserSpaceContainer } from "./modules/homepage/components/UserSpace/UserSpaceContainer.js";
 export {
   Favorites,
@@ -28,8 +23,6 @@ export {
   default4 as LastInfos,
   LastInfosContainer,
   LastInfosList,
-  LinkForm,
-  MAX_USEFUL_LINKS,
   default5 as MessageFlash,
   default6 as MessageFlashList,
   MessageFlashListContainer,
@@ -38,10 +31,6 @@ export {
   NotificationListContainer,
   default9 as SchoolSpace,
   SchoolSpaceContainer,
-  UsefulLinks,
-  UsefulLinksContainer,
-  UsefulLinksModal,
   default10 as UserSpace,
-  UserSpaceContainer,
-  useUsefulLinksContainer
+  UserSpaceContainer
 };

package/dist/hooks/index.d.ts

@@ -34,7 +34,6 @@ export * from './useUiOverride';
 export * from './useUpload';
 export * from './useUploadFiles';
 export * from './useUser';
-export * from './useUserPreferences';
 export * from './useWorkspaceFile';
 export * from './useWorkspaceFolders';
 export * from './useWorkspaceSearch';

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -1 +1 @@
-export default function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: Array<HTMLElement | null>, enabled?: boolean): import('react').MutableRefObject<T | null>;
+export default function useClickOutside<T extends HTMLElement = any>(handler: () => void, events?: string[] | null, nodes?: Array<HTMLElement | null>): import('react').MutableRefObject<T | null>;

package/dist/hooks/useClickOutside/useClickOutside.js

@@ -1,9 +1,8 @@
 import { useRef, useEffect } from "react";
 const DEFAULT_EVENTS = ["mousedown", "touchstart"];
-function useClickOutside(handler, events, nodes, enabled = !0) {
+function useClickOutside(handler, events, nodes) {
   const ref = useRef(null);
   return useEffect(() => {
-    if (!enabled) return;
     const listener = (event) => {
       const {
         target
@@ -20,7 +19,7 @@ function useClickOutside(handler, events, nodes, enabled = !0) {
         document.removeEventListener(fn, listener);
       });
     };
-  }, [ref, handler, nodes, events, enabled]), ref;
+  }, [ref, handler, nodes, events]), ref;
 }
 export {
   useClickOutside as default

package/dist/hooks/useUploadFiles/index.d.ts

@@ -1 +1,2 @@
 export { default as useUploadFiles } from './useUploadFiles';
+export type { UploadSourceFileInfo } from './useUploadFiles';

package/dist/hooks/useUploadFiles/useUploadFiles.d.ts

@@ -1,6 +1,16 @@
 import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
+/**
+ * Snapshot of a source file taken at upload time, so the upload result can be
+ * re-ordered later on against the original file metadata.
+ */
+export interface UploadSourceFileInfo {
+    /** Original file name. */
+    name: string;
+    /** `File.lastModified` of the source file (ms since epoch). */
+    lastModified: number;
+}
 declare const useUploadFiles: ({ handleOnChange, visibility, application, }: {
-    handleOnChange: (uploadedFiles: WorkspaceElement[]) => void;
+    handleOnChange: (uploadedFiles: WorkspaceElement[], sourceFilesInfo: Record<string, UploadSourceFileInfo>) => void;
     visibility?: WorkspaceVisibility;
     application?: string;
 }) => {

package/dist/hooks/useUploadFiles/useUploadFiles.js

@@ -1,4 +1,4 @@
-import { useState, useCallback, useEffect } from "react";
+import { useState, useRef, useCallback, useEffect } from "react";
 import { ImageResizer, addTimestampToImageUrl } from "@edifice.io/utilities";
 import { useDropzoneContext } from "../../components/Dropzone/DropzoneContext.js";
 import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
@@ -8,7 +8,7 @@ const useUploadFiles = ({
   visibility,
   application
 }) => {
-  const [uploadedFiles, setUploadedFiles] = useState([]), [editingImage, setEditingImage] = useState(void 0), {
+  const [uploadedFiles, setUploadedFiles] = useState([]), sourceFilesInfoRef = useRef({}), [editingImage, setEditingImage] = useState(void 0), {
     files,
     deleteFile,
     replaceFileAt,
@@ -34,7 +34,10 @@ const useUploadFiles = ({
         } catch (err) {
           console.error(err);
         }
-      !resource && !replacement && (resource = await uploadFile(file)), resource ? setUploadedFiles((prevFiles) => [...prevFiles, resource]) : resetInputValue();
+      !resource && !replacement && (resource = await uploadFile(file)), resource ? (resource._id && (sourceFilesInfoRef.current[resource._id] = {
+        name: file.name,
+        lastModified: file.lastModified
+      }), setUploadedFiles((prevFiles) => [...prevFiles, resource])) : resetInputValue();
     });
   }, [uploadAlternateFile, uploadFile, replaceFileAt]);
   useEffect(() => {
@@ -47,15 +50,17 @@ const useUploadFiles = ({
     newFiles.forEach((file) => file && setUploadStatus(file, "idle")), tryUploading(newFiles);
   }, [files, uploadedFiles, getUploadStatus, setUploadStatus, tryUploading]), useEffect(() => {
     const sortedUploadedFiles = sortUploadedFiles(files, uploadedFiles);
-    handleOnChange(sortedUploadedFiles);
+    handleOnChange(sortedUploadedFiles, {
+      ...sourceFilesInfoRef.current
+    });
   }, [uploadedFiles]);
   const sortUploadedFiles = (filesArray, uploadedFilesArray) => {
-    const orderMap = filesArray.reduce((acc, item, index) => (acc[item.name] = index, acc), {});
-    return uploadedFilesArray.sort((a, b) => orderMap[a.name] - orderMap[b.name]);
+    const orderMap = filesArray.reduce((acc, item, index) => (item.name in acc || (acc[item.name] = index), acc), {});
+    return [...uploadedFilesArray].sort((a, b) => (orderMap[a.name] ?? Number.MAX_SAFE_INTEGER) - (orderMap[b.name] ?? Number.MAX_SAFE_INTEGER));
   };
   async function removeFile(file) {
     const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
-    resource && (await remove(resource), clearUploadStatus(file), setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file), resetInputValue();
+    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();
   }
   async function updateImage({
     blob,