@edifice.io/react 2.2.11-develop-enabling.20250707100621 → 2.2.11-develop-pedago.20250707105307

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useImperativeHandle, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
 import { Pagination } from "swiper/modules";
@@ -8,26 +8,19 @@ import { useOnboardingModal } from "./useOnboardingModal.js";
 import Modal from "../../../components/Modal/Modal.js";
 import Image from "../../../components/Image/Image.js";
 import Button from "../../../components/Button/Button.js";
-const OnboardingModal = /* @__PURE__ */ forwardRef(({
+const OnboardingModal = ({
   id,
   items,
-  modalOptions = {},
-  defaultOpen = !0,
-  isOnboardingChange
-}, ref) => {
+  modalOptions = {}
+}) => {
   var _a;
   const [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
     isOpen,
     isOnboarding,
     setIsOpen,
     handleSavePreference
-  } = useOnboardingModal(id, defaultOpen);
-  useImperativeHandle(ref, () => ({
-    setIsOpen,
-    handleSavePreference
-  })), useEffect(() => {
-    isOnboardingChange && isOnboardingChange(isOnboarding);
-  }, [isOnboarding, isOnboardingChange]), useEffect(() => {
+  } = useOnboardingModal(id);
+  useEffect(() => {
     const link = document.createElement("link");
     return link.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css", link.rel = "stylesheet", link.type = "text/css", document.head.appendChild(link), () => {
       document.head.removeChild(link);
@@ -40,13 +33,9 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
     prevText,
     closeText,
     nextText
-  } = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title, handleCloseWithPreference = () => {
-    handleSavePreference(), setSwiperprogress(0);
-  }, handleCloseWithoutPreference = () => {
-    setIsOpen(!1), setSwiperprogress(0);
-  };
-  return isOnboarding || !defaultOpen ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCloseWithoutPreference, children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
+  } = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title;
+  return isOnboarding ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(!1), children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
     /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
       setSwiperInstance(swiper);
     }, onSlideChange: (swiper) => {
@@ -58,15 +47,13 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
       /* @__PURE__ */ jsx("p", { className: "text-center", children: t(item.text) })
     ] }, index)) }) }),
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleCloseWithoutPreference, children: t("explorer.modal.onboarding.trash.later") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: () => setIsOpen(!1), children: t("explorer.modal.onboarding.trash.later") }),
       swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
       swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
-      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: () => {
-        isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
-      }, children: t(closeText || "explorer.modal.onboarding.trash.close") })
+      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", onClick: handleSavePreference, children: t(closeText || "explorer.modal.onboarding.trash.close") })
     ] })
   ] }), document.getElementById("portal")) : null;
-});
+};
 export {
   OnboardingModal as default
 };

package/dist/modules/modals/OnboardingModal/index.d.ts

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

package/dist/modules/modals/OnboardingModal/useOnboardingModal.d.ts

@@ -1,4 +1,4 @@
-export declare const useOnboardingModal: (id: string, defaultOpen: boolean) => {
+export declare const useOnboardingModal: (id: string) => {
     isOpen: boolean;
     setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     isOnboarding: boolean;

package/dist/modules/modals/OnboardingModal/useOnboardingModal.js

@@ -2,8 +2,8 @@ import { useState, useEffect } from "react";
 import { odeServices } from "@edifice.io/client";
 const getOnboardingTrash = async (key) => await odeServices.conf().getPreference(key), saveOnboardingTrash = async (key) => await odeServices.conf().savePreference(key, JSON.stringify({
   key: !1
-})), useOnboardingModal = (id, defaultOpen) => {
-  const [isOpen, setIsOpen] = useState(defaultOpen), [isOnboarding, setIsOnboarding] = useState(!1);
+})), useOnboardingModal = (id) => {
+  const [isOpen, setIsOpen] = useState(!0), [isOnboarding, setIsOnboarding] = useState(!1);
   return useEffect(() => {
     (async () => {
       const response = await getOnboardingTrash(id);

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

@@ -7,7 +7,7 @@ export interface FileCardProps extends CardProps {
     doc: WorkspaceElement;
 }
 declare const FileCard: {
-    ({ doc, isClickable, isSelectable, isSelected, onClick, className, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ doc, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, }: FileCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default FileCard;

package/dist/modules/multimedia/FileCard/FileCard.js

@@ -15,7 +15,10 @@ const FileCard = ({
   isSelectable = !1,
   isSelected = !1,
   onClick,
-  className
+  className,
+  onSelect,
+  isFocused,
+  app
 }) => {
   var _a;
   const ref = useRef(null), type = DocumentHelper.getRole(doc);
@@ -78,7 +81,7 @@ const FileCard = ({
     backgroundImage: `url(${mediaSrc})`,
     backgroundSize: "cover"
   };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
     /* @__PURE__ */ jsx("div", { ref, className: file, style: {
       aspectRatio: "16/10",
       ...imageStyles

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

@@ -2,6 +2,7 @@ export * from './AudioRecorder';
 export * from './Embed';
 export * from './ImageEditor';
 export * from './ImagePicker';
+export * from './FileCard';
 export * from './Linker';
 export * from './MediaLibrary';
 export * from './VideoEmbed';

package/dist/multimedia.js

@@ -2,23 +2,25 @@ import { default as default2 } from "./modules/multimedia/AudioRecorder/AudioRec
 import { default as default3 } from "./modules/multimedia/Embed/Embed.js";
 import { default as default4 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
 import { default as default5 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default6 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default7 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default8 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default9 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default10 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default6 } from "./modules/multimedia/FileCard/FileCard.js";
+import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default8 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default9 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default10 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default11 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
 export {
   default2 as AudioRecorder,
   default3 as Embed,
   ExternalLinker,
+  default6 as FileCard,
   default4 as ImageEditor,
   default5 as ImagePicker,
   InternalLinker,
-  default6 as MediaLibrary,
-  default7 as VideoEmbed,
-  default8 as VideoRecorder,
-  default9 as Workspace,
-  default10 as WorkspaceFolders
+  default7 as MediaLibrary,
+  default8 as VideoEmbed,
+  default9 as VideoRecorder,
+  default10 as Workspace,
+  default11 as WorkspaceFolders
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-enabling.20250707100621",
+  "version": "2.2.11-develop-pedago.20250707105307",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.11-develop-enabling.20250707100621",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-enabling.20250707100621",
-    "@edifice.io/utilities": "2.2.11-develop-enabling.20250707100621"
+    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250707105307",
+    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250707105307",
+    "@edifice.io/utilities": "2.2.11-develop-pedago.20250707105307"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.11-develop-enabling.20250707100621",
-    "@edifice.io/config": "2.2.11-develop-enabling.20250707100621"
+    "@edifice.io/client": "2.2.11-develop-pedago.20250707105307",
+    "@edifice.io/config": "2.2.11-develop-pedago.20250707105307"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",

package/dist/modules/icons/components/IconLibrary.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconLibrary: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconLibrary;

package/dist/modules/icons/components/IconLibrary.js

@@ -1,12 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconLibrary = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", "aria-hidden": "true", viewBox: "0 0 24 24", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M24.02 12.14c0 3.2-1.24 6.22-3.51 8.5s-5.3 3.51-8.5 3.51A12.03 12.03 0 0 1 12 .11c1.38 0 2.37.23 3.65.68.25.08.48.18.67.26l.08.03.06.04a.76.76 0 0 1 .29.26.73.73 0 0 1 .13.45.78.78 0 0 1-.76.79.7.7 0 0 1-.34-.1 26 26 0 0 0-.66-.25 8.6 8.6 0 0 0-3.13-.6 10.46 10.46 0 1 0 10.47 10.47c0-1.72-.37-3.1-1.18-4.62a14 14 0 0 1-.2-.36L21.03 7 21 6.96l-.03-.03-.01-.04-.04-.06-.14-.24-.04.14a.73.73 0 0 1-.89.53.73.73 0 0 1-.45-.34.76.76 0 0 1-.07-.55l.46-1.76a.78.78 0 0 1 .36-.49.87.87 0 0 1 .63-.06l1.75.56a.73.73 0 0 1 .47.9v.01a.73.73 0 0 1-.72.5c.17.3.32.59.4.77a10.9 10.9 0 0 1 1.35 5.33zm-4.18-8.96a1.38 1.38 0 1 1-2.76 0 1.38 1.38 0 0 1 2.76 0m-7.78 1.44c-2.62 0-5.15 2.02-5.15 4.9 0 3.5 2.48 4.4 2.76 6.68h4.77c.29-2.28 2.76-3.17 2.76-6.68 0-2.88-2.53-4.9-5.14-4.9m-.48 1.1c.28-.02.52.12.5.4a.45.45 0 0 1-.4.45 3.21 3.21 0 0 0-2.84 3.2c0 .32.05.64.14.94.09.22-.05.5-.27.57s-.5-.09-.55-.32a4 4 0 0 1-.18-1.2 4.08 4.08 0 0 1 3.6-4.04M9.7 17.05v.85h4.72v-.85zm0 1.71v.43c0 .5.4.86.85.86h3a.86.86 0 0 0 .87-.86v-.43zm1.5 1.72a.86.86 0 1 0 1.71 0z" })
-] });
-export {
-  SvgIconLibrary as default
-};

package/dist/modules/icons/components/IconNotification.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconNotification: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconNotification;

package/dist/modules/icons/components/IconNotification.js

@@ -1,12 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconNotification = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 64 64", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("path", { d: "M32 10c-2.338 0-3.693 1.605-4.361 3.086-3.608.724-9.901 3.87-10.68 11.656-.293 4.592-.84 13.142-3.896 14.559a2 2 0 0 0-.573.398C12.235 39.954 10 42.294 10 46a2 2 0 0 0 2 2h13.258c.394 3.373 3.265 6 6.742 6s6.348-2.627 6.742-6H52a2 2 0 0 0 2-2c0-3.706-2.235-6.046-2.49-6.3a2 2 0 0 0-.572-.401c-3.056-1.417-3.605-9.965-3.905-14.63-.775-7.723-7.067-10.862-10.674-11.585C35.692 11.604 34.338 10 32 10m0 4c.603 0 .767.62.887 1.256.177.935.997 1.658 1.97 1.658.074 0 7.455.736 8.192 8.084.509 7.934 1.34 15.253 5.789 17.719.187.24.496.684.748 1.283H14.414a5.8 5.8 0 0 1 .744-1.281c4.451-2.464 5.284-9.784 5.787-17.649.743-7.42 8.124-8.156 8.198-8.156.957 0 1.791-.758 1.966-1.639.123-.615.287-1.275.891-1.275m-2.664 34h5.328A2.79 2.79 0 0 1 32 50a2.79 2.79 0 0 1-2.664-2" })
-] });
-export {
-  SvgIconNotification as default
-};

package/dist/modules/icons/components/IconStar.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconStar: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconStar;

package/dist/modules/icons/components/IconStar.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconStar = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("g", { clipPath: "url(#icon-star_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.272 1.977c.772-1.323 2.684-1.323 3.455 0l2.769 4.746 5.16 1.19a2 2 0 0 1 1.099 3.216l-3.653 4.464.778 5.446c.224 1.569-1.379 2.763-2.818 2.099L12 20.8l-5.062 2.337c-1.44.664-3.042-.53-2.818-2.1l.778-5.445-3.653-4.464a2 2 0 0 1 1.098-3.215l5.161-1.191zm4.496 5.754L12 2.985 9.232 7.73a2 2 0 0 1-1.278.94l-5.16 1.191 3.652 4.465a2 2 0 0 1 .432 1.55L6.1 21.321l5.062-2.337a2 2 0 0 1 1.676 0l5.062 2.337-.778-5.446a2 2 0 0 1 .432-1.55l3.653-4.464-5.16-1.19a2 2 0 0 1-1.279-.941", clipRule: "evenodd" }) }),
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-star_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] });
-export {
-  SvgIconStar as default
-};

package/dist/modules/icons/components/IconStarFavorite.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconStarFavorite: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconStarFavorite;

package/dist/modules/icons/components/IconStarFull.d.ts

@@ -1,7 +0,0 @@
-import { SVGProps } from 'react';
-interface SVGRProps {
-    title?: string;
-    titleId?: string;
-}
-declare const SvgIconStarFull: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
-export default SvgIconStarFull;

package/dist/modules/icons/components/IconStarFull.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SvgIconStarFull = ({
-  title,
-  titleId,
-  ...props
-}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
-  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
-  /* @__PURE__ */ jsx("g", { clipPath: "url(#icon-star-full_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.278 1.977c.77-1.323 2.675-1.323 3.444 0l2.759 4.746 5.143 1.19c1.44.334 2.03 2.068 1.094 3.216l-3.64 4.464.775 5.446c.224 1.569-1.374 2.763-2.808 2.099L12 20.8l-5.045 2.337c-1.434.664-3.032-.53-2.808-2.1l.775-5.445-3.64-4.464C.346 9.98.936 8.247 2.376 7.914L7.52 6.723z", clipRule: "evenodd" }) }),
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-star-full_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] });
-export {
-  SvgIconStarFull as default
-};