@edifice.io/react 2.0.0-develop-rc.13 → 2.0.0-develop-rc.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.0.0-develop-rc.13",
+  "version": "2.0.0-develop-rc.15",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -9,13 +9,14 @@
     "library",
     "ui"
   ],
-  "homepage": "https://github.com/edificeio/edifice-ui/tree/main/packages/react#readme",
+  "homepage": "https://github.com/edificeio/edifice-frontend-framework/tree/main/packages/react#readme",
   "bugs": {
-    "url": "https://github.com/edificeio/edifice-ui/issues"
+    "url": "https://github.com/edificeio/edifice-frontend-framework/issues"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/edificeio/edifice-ui.git"
+    "url": "https://github.com/edificeio/edifice-frontend-framework.git",
+    "directory": "packages/react"
   },
   "license": "AGPL-3.0",
   "author": "Edifice",
@@ -24,6 +25,46 @@
   "exports": {
     ".": {
       "import": "./dist/index.js"
+    },
+    "./audience": {
+      "import": "./dist/audience.js",
+      "types": "./dist/modules/audience/index.d.ts"
+    },
+    "./comments": {
+      "import": "./dist/comments.js",
+      "types": "./dist/modules/comments/index.d.ts"
+    },
+    "./editor": {
+      "import": "./dist/editor.js",
+      "types": "./dist/modules/editor/index.d.ts"
+    },
+    "./icons": {
+      "import": "./dist/icons.js",
+      "types": "./dist/modules/icons/components/index.d.ts"
+    },
+    "./icons/nav": {
+      "import": "./dist/icons-nav.js",
+      "types": "./dist/modules/icons/components/nav/index.d.ts"
+    },
+    "./icons/apps": {
+      "import": "./dist/icons-apps.js",
+      "types": "./dist/modules/icons/components/apps/index.d.ts"
+    },
+    "./icons/audience": {
+      "import": "./dist/icons-audience.js",
+      "types": "./dist/modules/icons/components/audience/index.d.ts"
+    },
+    "./modals": {
+      "import": "./dist/modals.js",
+      "types": "./dist/modules/modals/index.d.ts"
+    },
+    "./multimedia": {
+      "import": "./dist/multimedia.js",
+      "types": "./dist/modules/multimedia/index.d.ts"
+    },
+    "./widgets": {
+      "import": "./dist/widgets.js",
+      "types": "./dist/modules/widgets/index.d.ts"
     }
   },
   "module": "dist/index.js",
@@ -31,64 +72,98 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "vite build",
-    "fix": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "format": "pnpm run format:write && pnpm run format:check",
-    "format:check": "npx prettier --check .",
-    "format:write": "npx prettier --write .",
-    "lint": "eslint \"**/*.{ts,tsx}\"",
-    "test": "vitest"
-  },
   "dependencies": {
+    "@dnd-kit/core": "^6.1.0",
+    "@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-pro/extension-mathematics": "2.2.1",
+    "@tiptap/core": "2.3.0",
+    "@tiptap/extension-character-count": "2.3.0",
+    "@tiptap/extension-color": "2.3.0",
+    "@tiptap/extension-focus": "2.3.0",
+    "@tiptap/extension-font-family": "2.3.0",
+    "@tiptap/extension-heading": "2.3.0",
+    "@tiptap/extension-highlight": "2.3.0",
+    "@tiptap/extension-image": "2.3.0",
+    "@tiptap/extension-link": "2.3.0",
+    "@tiptap/extension-list-item": "2.3.0",
+    "@tiptap/extension-placeholder": "2.3.0",
+    "@tiptap/extension-subscript": "2.3.0",
+    "@tiptap/extension-superscript": "2.3.0",
+    "@tiptap/extension-table": "2.3.0",
+    "@tiptap/extension-table-cell": "2.3.0",
+    "@tiptap/extension-table-header": "2.3.0",
+    "@tiptap/extension-table-row": "2.3.0",
+    "@tiptap/extension-text-align": "2.3.0",
+    "@tiptap/extension-text-style": "2.3.0",
+    "@tiptap/extension-typography": "2.3.0",
+    "@tiptap/extension-underline": "2.3.0",
     "@tiptap/pm": "2.3.0",
     "@tiptap/react": "2.3.0",
     "@tiptap/starter-kit": "2.3.0",
     "@uidotdev/usehooks": "^2.4.1",
-    "clsx": "2.1.0",
+    "clsx": "^2.1.1",
     "dayjs": "1.11.10",
+    "emoji-picker-react": "4.5.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",
+    "react-hot-toast": "^2.4.1",
     "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-popper": "^2.3.0",
+    "react-slugify": "^3.0.3",
+    "swiper": "^10.1.0",
+    "ua-parser-js": "^1.0.36",
+    "@edifice.io/bootstrap": "2.0.0-develop-rc.15",
+    "@edifice.io/utilities": "2.0.0-develop-rc.15",
+    "@edifice.io/tiptap-extensions": "2.0.0-develop-rc.15"
   },
   "devDependencies": {
-    "@babel/plugin-transform-react-pure-annotations": "7.23.3",
-    "@edifice.io/icons": "2.0.0-develop-rc.13",
-    "@react-spring/web": "9.7.3",
-    "@tanstack/react-query": "5.8.4",
-    "@types/node": "20.8.4",
-    "@types/pako": "2.0.3",
-    "@types/react": "18.2.28",
-    "@types/react-dom": "18.2.13",
-    "@types/ua-parser-js": "0.7.37",
-    "edifice-ts-client": "2.0.0-develop-rc.13",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.49.2",
-    "react-i18next": "^14.1.0"
+    "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
+    "@react-spring/web": "^9.7.5",
+    "@svgr/cli": "^8.1.0",
+    "@tanstack/react-query": "^5.59.13",
+    "@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",
+    "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",
+    "rollup-plugin-visualizer": "5.12.0",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.1.0",
+    "@edifice.io/ts-client": "2.0.0-develop-rc.15"
   },
   "peerDependencies": {
-    "@edifice.io/icons": "*",
-    "@react-spring/web": "^9.7.3",
-    "@tanstack/react-query": "^5.8.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.49.2",
+    "@react-spring/web": "^9.7.5",
+    "@tanstack/react-query": "^5.59.13",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
     "react-i18next": "^14.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0139116ce0d4be358d1e6ca110bb7cd403f3a581"
-}
+  "gitHead": "3e1c3f5b48505564db1b70aab22063a70336f3b0",
+  "scripts": {
+    "build": "pnpm build:icons && vite build",
+    "build:icons": "svgr src/modules/icons/assets --config-file ./svgr.config.cjs",
+    "fix": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "format": "pnpm run format:write && pnpm run format:check",
+    "format:check": "npx prettier --check .",
+    "format:write": "npx prettier --write .",
+    "lint": "eslint \"**/*.{ts,tsx}\"",
+    "test": "vitest"
+  }
+}

package/dist/common/OnboardingModal/OnboardingModal.js

@@ -1,59 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import { Pagination } from "swiper/modules";
-import { Swiper, SwiperSlide } from "swiper/react";
-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";
-import usePaths from "../../core/usePaths/usePaths.js";
-const OnboardingModal = ({
-  id,
-  items,
-  modalOptions
-}) => {
-  const [imagePath] = usePaths(), [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
-    isOpen,
-    isOnboarding,
-    setIsOpen,
-    handleSavePreference
-  } = 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);
-    };
-  }, []);
-  const {
-    t
-  } = useTranslation(), {
-    title,
-    prevText,
-    closeText,
-    nextText
-  } = modalOptions;
-  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(title || "explorer.modal.onboarding.trash.title") }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
-      setSwiperInstance(swiper);
-    }, onSlideChange: (swiper) => {
-      setSwiperprogress(swiper.progress);
-    }, pagination: {
-      clickable: !0
-    }, children: items.map((item, index) => /* @__PURE__ */ jsxs(SwiperSlide, { children: [
-      /* @__PURE__ */ jsx(Image, { width: "270", height: "140", className: "mx-auto my-12", loading: "lazy", src: `${imagePath}/${item.src}`, alt: t(item.alt) }),
-      /* @__PURE__ */ jsx("p", { children: t(item.text) })
-    ] }, index)) }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__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: handleSavePreference, children: t(closeText || "explorer.modal.onboarding.trash.close") })
-    ] })
-  ] }), document.getElementById("portal")) : null;
-}, OnboardingModal$1 = OnboardingModal;
-export {
-  OnboardingModal$1 as default
-};

package/dist/common/OnboardingModal/useOnboardingModal.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const useOnboardingModal: (id: string) => {
-    isOpen: boolean;
-    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-    isOnboarding: boolean;
-    handleSavePreference: () => Promise<void>;
-};

package/dist/common/OnboardingModal/useOnboardingModal.js

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

package/dist/common/PublishModal/PublishModal.d.ts

@@ -1,9 +0,0 @@
-import { ID } from 'edifice-ts-client';
-interface PublishModalProps {
-    isOpen: boolean;
-    resourceId: ID;
-    onSuccess: () => void;
-    onCancel: () => void;
-}
-export default function PublishModal({ isOpen, resourceId, onSuccess, onCancel, }: PublishModalProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/common/PublishModal/PublishModal.js

@@ -1,120 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import { ActivitiesDropdown } from "./components/ActivitiesDropdown.js";
-import { AgeSelect } from "./components/AgeSelect.js";
-import { LangSelect } from "./components/LangSelect.js";
-import { PublishModalFooter } from "./components/PublishModalFooter.js";
-import { SubjectsDropdown } from "./components/SubjectsDropdown.js";
-import usePublishModal from "./hooks/usePublishModal.js";
-import ImagePickerWorkspace from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
-import useMediaLibrary from "../../core/useMediaLibrary/useMediaLibrary.js";
-import useResource from "../../core/useResource/useResource.js";
-import Heading from "../../components/Heading/Heading.js";
-import MediaLibrary from "../../multimedia/MediaLibrary/MediaLibrary.js";
-import { useOdeClient } from "../../core/OdeClientProvider/OdeClientProvider.js";
-import LoadingScreen from "../../components/LoadingScreen/LoadingScreen.js";
-import Modal from "../../components/Modal/Modal.js";
-import FormControl from "../../components/Form/FormControl.js";
-import Label from "../../components/Label/Label.js";
-import Input from "../../components/Input/Input.js";
-import TextArea from "../../components/TextArea/TextArea.js";
-import Button from "../../components/Button/Button.js";
-function PublishModal({
-  isOpen,
-  resourceId,
-  onSuccess,
-  onCancel
-}) {
-  const {
-    appCode: application,
-    currentApp
-  } = useOdeClient(), {
-    ref: mediaLibraryRef,
-    libraryMedia,
-    ...mediaLibraryHandlers
-  } = useMediaLibrary(), {
-    t
-  } = useTranslation(), resource = useResource(application, resourceId), {
-    control,
-    cover,
-    formState: {
-      isDirty,
-      isValid,
-      isSubmitting
-    },
-    handleDeleteImage,
-    handleSubmit,
-    handleUploadImage,
-    handlePublish,
-    register,
-    selectActivities,
-    selectedActivities,
-    selectedSubjectAreas,
-    selectSubjects
-  } = usePublishModal({
-    resource,
-    onSuccess
-  }), defaultSelectAgeMinOption = "bpr.form.publication.age.min", defaultSelectAgeMaxOption = "bpr.form.publication.age.max";
-  return resource ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "libraryModal", size: "lg", children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("bpr.publish") }),
-    /* @__PURE__ */ jsx(Modal.Subtitle, { children: t("bpr.form.tip") }),
-    /* @__PURE__ */ jsxs(Modal.Body, { children: [
-      /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("bpr.form.publication.heading.general") }),
-      /* @__PURE__ */ jsxs("form", { id: "libraryModalForm", onSubmit: handleSubmit(handlePublish), children: [
-        /* @__PURE__ */ jsxs("div", { className: "d-block d-md-flex mb-24 gap-24", children: [
-          /* @__PURE__ */ jsxs("div", { style: {
-            maxWidth: "160px"
-          }, children: [
-            /* @__PURE__ */ jsx("div", { className: "form-label", children: t("bpr.form.publication.cover.title") }),
-            /* @__PURE__ */ jsx(ImagePickerWorkspace, { app: currentApp, src: resource == null ? void 0 : resource.thumbnail, addButtonLabel: t("bpr.form.publication.cover.upload.add"), deleteButtonLabel: t("bpr.form.publication.cover.upload.remove"), onUploadImage: handleUploadImage, onDeleteImage: handleDeleteImage, className: "align-self-center", libraryMedia, mediaLibraryRef }),
-            !cover && /* @__PURE__ */ jsx("p", { className: "form-text is-invalid", children: /* @__PURE__ */ jsx("em", { children: t("bpr.form.publication.cover.upload.required.image") }) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-fill", children: [
-            /* @__PURE__ */ jsxs(FormControl, { id: "title", className: "mb-16", isRequired: !0, children: [
-              /* @__PURE__ */ jsx(Label, { children: t("bpr.form.publication.title") }),
-              /* @__PURE__ */ jsx(Input, { type: "text", defaultValue: resource == null ? void 0 : resource.name, ...register("title", {
-                required: !0
-              }), placeholder: t("bpr.form.publication.title.placeholder"), size: "md", "aria-required": !0 })
-            ] }),
-            /* @__PURE__ */ jsxs(FormControl, { id: "description", isRequired: !0, children: [
-              /* @__PURE__ */ jsx(Label, { children: t("bpr.form.publication.description") }),
-              /* @__PURE__ */ jsx(TextArea, { ...register("description", {
-                required: !0
-              }), placeholder: t("bpr.form.publication.description.placeholder"), size: "md" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("hr", {}),
-        /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("bpr.form.publication.heading.infos") }),
-        /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-md-row gap-16 row mb-24", children: [
-          /* @__PURE__ */ jsx(ActivitiesDropdown, { control, selectedActivities, selectActivities }),
-          /* @__PURE__ */ jsx(SubjectsDropdown, { control, selectedSubjectAreas, selectSubjects }),
-          /* @__PURE__ */ jsx(LangSelect, { control })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mb-24", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "", className: "form-label", children: t("bpr.form.publication.age") }),
-          /* @__PURE__ */ jsxs("div", { className: "d-flex gap-8", children: [
-            /* @__PURE__ */ jsx("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ jsx(AgeSelect, { control, name: "ageMin", placeholderOption: defaultSelectAgeMinOption, validate: (value, formValues) => parseInt(value) <= parseInt(formValues.ageMax) }) }),
-            /* @__PURE__ */ jsx("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ jsx(AgeSelect, { control, name: "ageMax", placeholderOption: defaultSelectAgeMaxOption, validate: (value, formValues) => parseInt(value) >= parseInt(formValues.ageMin) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "mb-24", children: /* @__PURE__ */ jsxs(FormControl, { id: "keywords", isOptional: !0, children: [
-          /* @__PURE__ */ jsx(Label, { children: t("bpr.form.publication.keywords") }),
-          /* @__PURE__ */ jsx(Input, { type: "text", ...register("keyWords"), size: "md", placeholder: t("bpr.form.publication.keywords.placeholder") })
-        ] }) }),
-        /* @__PURE__ */ jsx("hr", {}),
-        /* @__PURE__ */ jsx(Heading, { headingStyle: "h4", level: "h3", className: "mb-16", children: t("bpr.form.publication.licence.text") }),
-        /* @__PURE__ */ jsx(PublishModalFooter, {})
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("cancel") }),
-      /* @__PURE__ */ jsx(Button, { form: "libraryModalForm", type: "submit", color: "primary", variant: "filled", isLoading: isSubmitting, disabled: !cover || isSubmitting || !isDirty || !isValid, children: t("bpr.form.submit") })
-    ] }),
-    /* @__PURE__ */ jsx(MediaLibrary, { appCode: application, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
-  ] }), document.getElementById("portal")) : /* @__PURE__ */ jsx(LoadingScreen, {});
-}
-export {
-  PublishModal as default
-};

package/dist/common/PublishModal/components/ActivitiesDropdown.js

@@ -1,29 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import Dropdown from "../../../components/Dropdown/Dropdown.js";
-import { useActivitiesOptions } from "../hooks/useActivitiesOptions.js";
-const ActivitiesDropdown = ({
-  control,
-  selectedActivities,
-  selectActivities
-}) => {
-  const activitiesOptions = useActivitiesOptions(), {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "activityType", control, rules: {
-    required: !0
-  }, render: ({
-    field: {
-      onChange
-    }
-  }) => /* @__PURE__ */ jsxs(Dropdown, { block: !0, overflow: !0, children: [
-    /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "md", label: t("bpr.form.publication.type"), badgeContent: selectedActivities == null ? void 0 : selectedActivities.length }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: activitiesOptions.map((option, index) => /* @__PURE__ */ jsx(Dropdown.CheckboxItem, { value: option.value, model: selectedActivities, onChange: () => {
-      selectActivities(option.value), onChange(option.value);
-    }, children: option.label }, index)) })
-  ] }) }) });
-};
-export {
-  ActivitiesDropdown
-};

package/dist/common/PublishModal/components/AgeSelect.d.ts

@@ -1,8 +0,0 @@
-import { Control, FieldValues, Validate } from 'react-hook-form';
-import { FormDataProps } from '../hooks/usePublishModal';
-export declare const AgeSelect: ({ name, control, placeholderOption, validate, }: {
-    name: 'ageMin' | 'ageMax';
-    control: Control<FormDataProps, any>;
-    placeholderOption: string;
-    validate: Validate<any, FieldValues> | Record<string, Validate<any, FieldValues>> | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/common/PublishModal/components/AgeSelect.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import Select from "../../../components/Select/Select.js";
-import { ageOptions } from "../constants/ageOptions.js";
-const AgeSelect = ({
-  name,
-  control,
-  placeholderOption,
-  validate
-}) => /* @__PURE__ */ jsx(Controller, { name, control, rules: {
-  required: !0,
-  validate
-}, render: ({
-  field: {
-    onChange
-  }
-}) => /* @__PURE__ */ jsx(Select, { block: !0, size: "md", onValueChange: onChange, options: ageOptions, "aria-required": !0, placeholderOption }) });
-export {
-  AgeSelect
-};

package/dist/common/PublishModal/components/LangSelect.js

@@ -1,19 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import Select from "../../../components/Select/Select.js";
-import { useLanguageOptions } from "../hooks/useLanguageOptions.js";
-const defaultSelectLanguageOption = "bpr.form.publication.language", LangSelect = ({
-  control
-}) => {
-  const languageOptions = useLanguageOptions();
-  return /* @__PURE__ */ jsx("div", { className: "col", children: /* @__PURE__ */ jsx(Controller, { name: "language", control, rules: {
-    required: !0
-  }, render: ({
-    field: {
-      onChange
-    }
-  }) => /* @__PURE__ */ jsx(Select, { block: !0, size: "md", onValueChange: onChange, options: languageOptions, "aria-required": !0, placeholderOption: defaultSelectLanguageOption }) }) });
-};
-export {
-  LangSelect
-};

package/dist/common/PublishModal/components/PublishModalFooter.js

@@ -1,23 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import Alert from "../../../components/Alert/Alert.js";
-import usePaths from "../../../core/usePaths/usePaths.js";
-const PublishModalFooter = () => {
-  const {
-    t
-  } = useTranslation(), [imagePath] = usePaths();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("ul", { className: "mb-12", children: [
-      /* @__PURE__ */ jsxs("li", { children: [
-        t("bpr.form.publication.licence.text.1"),
-        /* @__PURE__ */ jsx("img", { className: "ms-8 d-inline-block", src: `${imagePath}/common/image-creative-commons.png`, alt: "licence creative commons" })
-      ] }),
-      /* @__PURE__ */ jsx("li", { children: t("bpr.form.publication.licence.text.2") })
-    ] }),
-    /* @__PURE__ */ jsx(Alert, { type: "info", className: "mb-12", children: t("bpr.form.publication.licence.text.3") }),
-    /* @__PURE__ */ jsx(Alert, { type: "warning", children: t("bpr.form.publication.licence.text.4") })
-  ] });
-};
-export {
-  PublishModalFooter
-};

package/dist/common/PublishModal/components/SubjectsDropdown.js

@@ -1,29 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import Dropdown from "../../../components/Dropdown/Dropdown.js";
-import { useSubjectsOptions } from "../hooks/useSubjectsOptions.js";
-const SubjectsDropdown = ({
-  control,
-  selectedSubjectAreas,
-  selectSubjects
-}) => {
-  const subjectsOptions = useSubjectsOptions(), {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "subjectArea", control, rules: {
-    required: !0
-  }, render: ({
-    field: {
-      onChange
-    }
-  }) => /* @__PURE__ */ jsxs(Dropdown, { block: !0, overflow: !0, children: [
-    /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "md", label: t("bpr.form.publication.discipline"), badgeContent: selectedSubjectAreas == null ? void 0 : selectedSubjectAreas.length }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: subjectsOptions.map((option, index) => /* @__PURE__ */ jsx(Dropdown.CheckboxItem, { value: option.value, model: selectedSubjectAreas, onChange: () => {
-      selectSubjects(option.value), onChange(option.value);
-    }, children: option.label }, index)) })
-  ] }) }) });
-};
-export {
-  SubjectsDropdown
-};

package/dist/common/PublishModal/components/ToastSuccess.d.ts

@@ -1,4 +0,0 @@
-import { PublishResult } from 'edifice-ts-client';
-export declare function ToastSuccess({ result }: {
-    result: PublishResult;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/common/PublishModal/hooks/usePublishModal.d.ts

@@ -1,38 +0,0 @@
-import { IResource } from 'edifice-ts-client';
-import { SubmitHandler } from 'react-hook-form';
-interface ModalProps {
-    resource: IResource;
-    onSuccess?: () => void;
-}
-export interface FormDataProps {
-    title: string;
-    description: string;
-    activityType: string;
-    subjectArea: string;
-    language: string;
-    ageMin: string;
-    ageMax: string;
-    keyWords: string;
-}
-export default function usePublishModal({ onSuccess, resource }: ModalProps): {
-    control: import('react-hook-form').Control<FormDataProps, any>;
-    cover: string | Blob | File;
-    formState: {
-        errors: import('react-hook-form').FieldErrors<FormDataProps>;
-        isSubmitting: boolean;
-        isDirty: boolean;
-        isValid: boolean;
-    };
-    handleDeleteImage: () => void;
-    handlePublish: SubmitHandler<FormDataProps>;
-    handleSubmit: import('react-hook-form').UseFormHandleSubmit<FormDataProps, undefined>;
-    handleUploadImage: (file: File | string) => void;
-    register: import('react-hook-form').UseFormRegister<FormDataProps>;
-    selectActivities: (value: string | number) => void;
-    selectedActivities: (string | number)[];
-    selectedSubjectAreas: (string | number)[];
-    selectSubjects: (value: string | number) => void;
-    setValue: import('react-hook-form').UseFormSetValue<FormDataProps>;
-    watch: import('react-hook-form').UseFormWatch<FormDataProps>;
-};
-export {};