@edifice.io/react 2.5.24 → 2.6.0-develop-integration.20260710151131

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

@@ -0,0 +1,105 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { DocumentHelper, odeServices } from "@edifice.io/client";
+import clsx from "clsx";
+import SvgIconLandscape from "../../icons/components/IconLandscape.js";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import SvgIconTextPage from "../../icons/components/IconTextPage.js";
+import SvgIconVideo from "../../icons/components/IconVideo.js";
+import FileIcon from "./FileIcon.js";
+import useThumbnail from "../../../hooks/useThumbnail/useThumbnail.js";
+import Card from "../../../components/Card/Card.js";
+const NextcloudFileCard = ({
+  doc,
+  userId,
+  isClickable = !0,
+  isSelectable = !1,
+  isSelected = !1,
+  onClick,
+  className,
+  onSelect,
+  isFocused,
+  app,
+  customIcon,
+  customColor
+}) => {
+  const ref = useRef(null), type = DocumentHelper.role(doc.contentType, !1);
+  function getRoleMap(type2) {
+    if (customIcon !== void 0 || customColor !== void 0)
+      return {
+        icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+        color: customColor || "bg-gray-300",
+        hasShadow: !1
+      };
+    const roleMappings = {
+      csv: {
+        icon: ".CSV",
+        color: "bg-orange-200"
+      },
+      xls: {
+        icon: ".XLS",
+        color: "bg-green-200"
+      },
+      doc: {
+        icon: ".DOC",
+        color: "bg-blue-200"
+      },
+      txt: {
+        icon: ".TXT",
+        color: "bg-blue-200"
+      },
+      pdf: {
+        icon: ".PDF",
+        color: "bg-red-200"
+      },
+      audio: {
+        icon: /* @__PURE__ */ jsx(SvgIconMic, { width: 22, height: 22 }),
+        color: "bg-red-200"
+      },
+      ppt: {
+        icon: ".PPT",
+        color: "bg-red-200"
+      },
+      img: {
+        icon: /* @__PURE__ */ jsx(SvgIconLandscape, { width: 22, height: 22 }),
+        color: "bg-green-200"
+      },
+      video: {
+        icon: /* @__PURE__ */ jsx(SvgIconVideo, { width: 22, height: 22 }),
+        color: "bg-purple-200"
+      },
+      zip: {
+        icon: ".ZIP",
+        color: "bg-gray-300"
+      },
+      md: {
+        icon: ".MD",
+        color: "bg-blue-200"
+      },
+      unknown: {
+        icon: /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+        color: "bg-gray-300"
+      }
+    };
+    return roleMappings[type2] || roleMappings.unknown;
+  }
+  const roleMap = getRoleMap(type ?? "unknown"), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" ? odeServices.nextcloud().getFileUrl(userId, doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
+    ref
+  }), imageStyles = hasThumbnail && {
+    backgroundImage: `url(${mediaSrc})`,
+    backgroundSize: "cover"
+  };
+  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
+    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
+      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerDisplayName })
+    ] })
+  ] }) });
+};
+export {
+  NextcloudFileCard as default
+};

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

@@ -1,2 +1,4 @@
 export { default as FileCard } from './FileCard';
 export * from './FileCard';
+export { default as NextcloudFileCard } from './NextcloudFileCard';
+export * from './NextcloudFileCard';

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

@@ -1,4 +1,4 @@
-import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
+import { NextcloudDocument, WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
 import { TabsItemProps } from '../../../components';
 import { ExternalLinkTabProps } from './innertabs/ExternalLink';
 import { InternalLinkTabProps, InternalLinkTabResult } from './innertabs/InternalLink';
@@ -54,7 +54,7 @@ export interface MediaLibraryRef {
 /**
  * The resulting type depends on the actual selected Tab when modal is closed.
  */
-export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | InternalLinkTabResult | string | /*TODO type des autres résultats ?*/ any;
+export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | NextcloudDocument[] | InternalLinkTabResult | string | /*TODO type des autres résultats ?*/ any;
 /**
  * MediaLibrary component properties
  */

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

@@ -12,6 +12,7 @@ import SvgIconSmartphone from "../../icons/components/IconSmartphone.js";
 import { InnerTabs } from "./innertabs/index.js";
 import { MediaLibraryContext } from "./MediaLibraryContext.js";
 import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import usePublicConf from "../../../hooks/usePublicConf/usePublicConf.js";
 import useHttpErrorToast from "../../../hooks/useHttpErrorToast/useHttpErrorToast.js";
 import Modal from "../../../components/Modal/Modal.js";
 import { Tabs } from "../../../components/Tabs/components/Tabs.js";
@@ -29,6 +30,8 @@ const orderedTabs = [
   // Filesystem browser + drag'n'drop of files
   "workspace",
   // Media browser
+  "nextcloud",
+  // Nextcloud media browser
   "video-embedder"
   // Link to a hosted video
 ], mediaLibraryTypes = {
@@ -81,7 +84,9 @@ const orderedTabs = [
   }));
   const {
     t
-  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null);
+  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), {
+    data: publicConf
+  } = usePublicConf("workspace"), enableNextcloud = (publicConf == null ? void 0 : publicConf["enable-nextcloud"]) === !0, [type, setType] = useState(null);
   useHttpErrorToast({
     active: !!type,
     isDismissible: !0,
@@ -96,6 +101,14 @@ const orderedTabs = [
       availableFor: ["audio", "video", "image", "attachment"],
       isEnable: null
     },
+    nextcloud: {
+      id: "nextcloud",
+      icon: /* @__PURE__ */ jsx(SvgIconGlobe, {}),
+      label: t("bbm.nextcloud"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Nextcloud, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: () => enableNextcloud
+    },
     upload: {
       id: "upload",
       icon: /* @__PURE__ */ jsx(SvgIconSmartphone, {}),
@@ -185,9 +198,9 @@ const orderedTabs = [
     linkTabProps.current = void 0, setResult(void 0), setResultCounter(void 0), setDefaultTabId(void 0), setPreSuccess(void 0), setDeletionsOnCancel([]);
   }, handleTabChange = (tab) => {
     onTabChange == null || onTabChange(tab, deletionsOnCancel), resetState();
-  }, handleOnSuccess = useCallback(() => {
+  }, isWorkspaceElementArray = (result2) => Array.isArray(result2) && (result2.length === 0 || "eType" in result2[0]), handleOnSuccess = useCallback(() => {
     const triggerSuccess = async (result2) => {
-      result2 instanceof Array && ["protected", "public"].findIndex((v) => v === visibility) >= 0 && (result2 = await odeServices.workspace().transferDocuments(result2, appCode ?? "media-library", visibility)), onSuccess(result2);
+      isWorkspaceElementArray(result2) && ["protected", "public"].findIndex((v) => v === visibility) >= 0 && (result2 = await odeServices.workspace().transferDocuments(result2, appCode ?? "media-library", visibility)), onSuccess(result2);
     };
     onSuccessAction ? onSuccessAction().then((result2) => {
       triggerSuccess(result2);

package/dist/modules/multimedia/MediaLibrary/innertabs/Nextcloud.d.ts

@@ -0,0 +1 @@
+export declare const Nextcloud: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { odeServices } from "@edifice.io/client";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import useUser from "../../../../hooks/useUser/useUser.js";
+import Nextcloud$1 from "../../Nextcloud/Nextcloud.js";
+const Nextcloud = () => {
+  const {
+    setResultCounter,
+    setResult,
+    setPreSuccess,
+    multiple
+  } = useMediaLibraryContext(), {
+    user
+  } = useUser();
+  function handleSelect(result) {
+    setResultCounter(result.length), result.length ? (setResult(result), setPreSuccess(() => () => user != null && user.userId ? odeServices.nextcloud().copyDocumentToWorkspace(user.userId, result.map((doc) => doc.path)) : Promise.resolve([]))) : (setResult(), setPreSuccess(void 0));
+  }
+  return /* @__PURE__ */ jsx(Nextcloud$1, { onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto" });
+};
+export {
+  Nextcloud
+};

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

@@ -4,6 +4,7 @@ export declare const InnerTabs: {
     Upload: () => import("react/jsx-runtime").JSX.Element;
     ExternalLink: ({ link, multiNodeSelected, }: import('./ExternalLink').ExternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;
     Workspace: () => import("react/jsx-runtime").JSX.Element;
+    Nextcloud: () => import("react/jsx-runtime").JSX.Element;
     InternalLink: ({ target, resourceId, appPrefix, }: import('./InternalLink').InternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;
     Iframe: () => import("react/jsx-runtime").JSX.Element;
     VideoEmbedder: () => import("react/jsx-runtime").JSX.Element;

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

@@ -2,6 +2,7 @@ import { Audio } from "./Audio.js";
 import { ExternalLink } from "./ExternalLink.js";
 import { Iframe } from "./Iframe.js";
 import { InternalLink } from "./InternalLink.js";
+import { Nextcloud } from "./Nextcloud.js";
 import { Upload } from "./Upload.js";
 import { Video } from "./Video.js";
 import { VideoEmbedder } from "./VideoEmbedder.js";
@@ -12,6 +13,7 @@ const InnerTabs = {
   Upload,
   ExternalLink,
   Workspace,
+  Nextcloud,
   InternalLink,
   Iframe,
   VideoEmbedder

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

@@ -0,0 +1,20 @@
+import { NextcloudDocument } from '@edifice.io/client';
+/**
+ * Nextcloud component properties
+ */
+export interface NextcloudProps {
+    /**
+     * Notify parent when media elements are successfully selected.
+     */
+    onSelect: (result: NextcloudDocument[]) => void;
+    /**
+     * Boolean to know if we can select 1 or many files.
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Optional class for styling purpose
+     */
+    className?: string;
+}
+declare const Nextcloud: ({ onSelect, multiple, className, }: NextcloudProps) => import("react/jsx-runtime").JSX.Element;
+export default Nextcloud;

package/dist/modules/multimedia/Nextcloud/Nextcloud.js

@@ -0,0 +1,88 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useEffect, useMemo } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { findNodeById } from "../../../components/Tree/utilities/tree.js";
+import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
+import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
+import SvgIconSortTime from "../../icons/components/IconSortTime.js";
+import illuNoContentInFolder from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-no-content-in-folder.svg";
+import useUser from "../../../hooks/useUser/useUser.js";
+import useNextcloudSearch from "../../../hooks/useNextcloudSearch/useNextcloudSearch.js";
+import { Grid } from "../../../components/Grid/Grid.js";
+import Tree from "../../../components/Tree/components/Tree.js";
+import SearchBar from "../../../components/SearchBar/SearchBar.js";
+import Dropdown from "../../../components/Dropdown/Dropdown.js";
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+import NextcloudFileCard from "../FileCard/NextcloudFileCard.js";
+import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
+const ROOT_ID = "root";
+function compare(a, b) {
+  return a ? b ? a.localeCompare(b) : 1 : -1;
+}
+const Nextcloud = ({
+  onSelect,
+  multiple = !0,
+  className
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    user
+  } = useUser(), {
+    root,
+    loadContent
+  } = useNextcloudSearch(ROOT_ID, t("nextcloud.tree.root"), user == null ? void 0 : user.userId), [currentNodeId, setCurrentNodeId] = useState(ROOT_ID), treeRoot = root, currentNode = findNodeById(treeRoot, currentNodeId) ?? root, [searchTerm, setSearchTerm] = useState(null), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
+    setCurrentNodeId(nodeId), loadContent(nodeId);
+  }, [loadContent]);
+  useEffect(() => {
+    loadContent(ROOT_ID);
+  }, [loadContent]);
+  const documents = useMemo(() => {
+    if (!currentNode.files) return;
+    let list = [].concat(currentNode.files);
+    searchTerm && (list = list.filter((f) => f.name.indexOf(searchTerm) >= 0));
+    const sortFunction = sortOrder[0] === "name" ? sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : (a, b) => compare(b.lastModified, a.lastModified);
+    return list.sort(sortFunction);
+  }, [root, currentNode, searchTerm, sortOrder]), selectedPaths = useMemo(() => new Set(selectedDocuments.map((d) => d.path)), [selectedDocuments]), handleSearchChange = useCallback((e) => {
+    setSearchTerm(e.target.value);
+  }, [setSearchTerm]);
+  function getSortOrderLabel() {
+    return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
+  }
+  function handleSelectDoc(doc) {
+    let currentDocuments = [...selectedDocuments];
+    multiple ? currentDocuments.includes(doc) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument.path !== doc.path) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
+  }
+  const nextcloud = clsx("workspace flex-grow-1 gap-0", className);
+  return /* @__PURE__ */ jsxs(Grid, { className: nextcloud, children: [
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsx("div", { style: {
+      position: "sticky",
+      top: 0,
+      paddingTop: "1.2rem"
+    }, children: /* @__PURE__ */ jsx(Tree, { nodes: treeRoot, selectedNodeId: currentNodeId, showIcon: !0, onTreeItemClick: handleTreeItemChange, onTreeItemUnfold: handleTreeItemChange }) }) }),
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
+      /* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
+        /* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),
+        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center justify-content-end px-8 py-4", children: [
+          /* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
+          /* @__PURE__ */ jsxs(Dropdown, { children: [
+            /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
+            /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
+        const isSelected = selectedPaths.has(doc.path);
+        return /* @__PURE__ */ jsx(NextcloudFileCard, { doc, userId: user.userId, isSelected, onClick: () => handleSelectDoc(doc) }, doc.path);
+      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuNoContentInFolder, size: 64, text: t("nextcloud.empty.docSpace") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
+    ] }) })
+  ] });
+};
+export {
+  Nextcloud as default
+};

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

@@ -0,0 +1,2 @@
+export { default as Nextcloud } from './Nextcloud';
+export * from './Nextcloud';

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

@@ -5,6 +5,7 @@ export * from './ImagePicker';
 export * from './FileCard';
 export * from './Linker';
 export * from './MediaLibrary';
+export * from './Nextcloud';
 export * from './UploadCard';
 export * from './VideoEmbed';
 export * from './VideoRecorder';

package/dist/multimedia.js

@@ -4,12 +4,14 @@ import { default as default4 } from "./modules/multimedia/FileCard/FileCard.js";
 import { default as default5 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
 import { default as default6 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
 import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default8 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default9 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default10 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default11 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default12 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default13 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default8 } from "./modules/multimedia/Nextcloud/Nextcloud.js";
+import { default as default9 } from "./modules/multimedia/FileCard/NextcloudFileCard.js";
+import { default as default10 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default11 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default12 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default13 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default14 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default15 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
 import { Upload } from "./modules/multimedia/MediaLibrary/innertabs/Upload.js";
@@ -22,11 +24,13 @@ export {
   default6 as ImagePicker,
   InternalLinker,
   default7 as MediaLibrary,
+  default8 as Nextcloud,
+  default9 as NextcloudFileCard,
   Upload,
-  default8 as UploadCard,
-  default9 as UploadFiles,
-  default10 as VideoEmbed,
-  default11 as VideoRecorder,
-  default12 as Workspace,
-  default13 as WorkspaceFolders
+  default10 as UploadCard,
+  default11 as UploadFiles,
+  default12 as VideoEmbed,
+  default13 as VideoRecorder,
+  default14 as Workspace,
+  default15 as WorkspaceFolders
 };

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

@@ -1,9 +1,2 @@
-import { App } from '@edifice.io/client';
 import { EdificeClientProviderProps } from './EdificeClientProvider.context';
-export interface OdeProviderParams {
-    alternativeApp?: boolean;
-    app: App;
-    cdnDomain?: string | null;
-    version?: string | null;
-}
 export declare function EdificeClientProvider({ children, params, }: EdificeClientProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/utilities/create-selectors/createSelectors.d.ts

@@ -0,0 +1,10 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+type WithSelectors<S> = S extends {
+    getState: () => infer T;
+} ? S & {
+    use: {
+        [K in keyof T]: () => T[K];
+    };
+} : never;
+export declare const createSelectors: <S extends UseBoundStore<StoreApi<object>>>(_store: S) => WithSelectors<S>;
+export {};

package/dist/utilities/create-selectors/createSelectors.js

@@ -0,0 +1,11 @@
+const createSelectors = (_store) => {
+  const store = _store;
+  store.use = {};
+  const selectorMap = store.use;
+  for (const k of Object.keys(store.getState()))
+    selectorMap[k] = () => store((s) => s[k]);
+  return store;
+};
+export {
+  createSelectors
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.24",
+  "version": "2.6.0-develop-integration.20260710151131",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -65,6 +65,10 @@
     "./widgets": {
       "import": "./dist/widgets.js",
       "types": "./dist/modules/widgets/index.d.ts"
+    },
+    "./homepage": {
+      "import": "./dist/homepage.js",
+      "types": "./dist/modules/homepage/index.d.ts"
     }
   },
   "module": "dist/index.js",
@@ -74,13 +78,13 @@
   ],
   "dependencies": {
     "@ant-design/icons": "5.4.0",
-    "@screeb/sdk-browser": "0.5.0",
-    "@screeb/sdk-react": "0.6.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",
     "@popperjs/core": "2.11.8",
+    "@screeb/sdk-browser": "0.5.0",
+    "@screeb/sdk-react": "0.6.0",
     "@tiptap/core": "2.11.0",
     "@tiptap/extension-blockquote": "2.11.0",
     "@tiptap/extension-bullet-list": "2.11.0",
@@ -135,9 +139,10 @@
     "react-slugify": "3.0.3",
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
-    "@edifice.io/bootstrap": "2.5.24",
-    "@edifice.io/utilities": "2.5.24",
-    "@edifice.io/tiptap-extensions": "2.5.24"
+    "zustand": "4.5.7",
+    "@edifice.io/bootstrap": "2.6.0-develop-integration.20260710151131",
+    "@edifice.io/tiptap-extensions": "2.6.0-develop-integration.20260710151131",
+    "@edifice.io/utilities": "2.6.0-develop-integration.20260710151131"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -168,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/client": "2.5.24",
-    "@edifice.io/config": "2.5.24"
+    "@edifice.io/config": "2.6.0-develop-integration.20260710151131",
+    "@edifice.io/client": "2.6.0-develop-integration.20260710151131"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",
@@ -184,9 +189,10 @@
   },
   "gitHead": "3e1c3f5b48505564db1b70aab22063a70336f3b0",
   "scripts": {
-    "build": "pnpm build:icons && vite build",
-    "build:icons": "svgr src/modules/icons/assets --config-file ./svgr.config.cjs",
+    "build": "vite build",
     "build:analyze": "vite build --mode analyze",
+    "generate:icons": "rm -rf src/modules/icons/components && svgr src/modules/icons/assets --config-file ./svgr.config.cjs --silent",
+    "icons:check": "pnpm generate:icons && git add --intent-to-add -- src/modules/icons/components && git diff --exit-code -- src/modules/icons/components",
     "fix": "eslint --fix --report-unused-disable-directives --max-warnings 0",
     "format": "prettier --check \"src/**/*.{ts,tsx}\"",
     "format:write": "prettier --write \"src/**/*.{ts,tsx}\"",