@edifice.io/react 2.0.0-develop-rc.7 → 2.0.0-develop-rc.11

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

@@ -1,30 +1,31 @@
-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({
+import { useState as a, useEffect as i } from "react";
+import { odeServices as o } from "@edifice.io/ts-client";
+const u = async (e) => await o.conf().getPreference(e), g = async (e) => await o.conf().savePreference(e, JSON.stringify({
   key: !1
-})), useOnboardingModal = (id) => {
-  const [isOpen, setIsOpen] = useState(!0), [isOnboarding, setIsOnboarding] = useState(!1);
-  return useEffect(() => {
+})), y = (e) => {
+  const [n, s] = a(!0), [c, r] = a(!1);
+  return i(() => {
     (async () => {
-      const response = await getOnboardingTrash(id);
-      if (response) {
+      const t = await u(e);
+      if (t) {
         const {
-          key
-        } = response;
-        setIsOnboarding(key);
+          key: f
+        } = t;
+        r(f);
         return;
       }
-      setIsOnboarding(!0);
+      r(!0);
     })();
-  }, [id]), {
-    isOpen,
-    setIsOpen,
-    isOnboarding,
+  }, [e]), {
+    isOpen: n,
+    setIsOpen: s,
+    isOnboarding: c,
     handleSavePreference: async () => {
-      await saveOnboardingTrash(id), setIsOpen(!1);
+      await g(e), s(!1);
     }
   };
 };
 export {
-  useOnboardingModal
+  y as useOnboardingModal
 };
+//# sourceMappingURL=useOnboardingModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnboardingModal.js","sources":["../../../../src/modules/modals/OnboardingModal/useOnboardingModal.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { odeServices } from '@edifice.io/ts-client';\n\n// TODO : use new hook usePreference\n/**\n * getPreference API\n * @returns check onboarding trash param\n */\nconst getOnboardingTrash = async (key: string) => {\n  const res = await odeServices.conf().getPreference<{ key: boolean }>(key);\n  return res;\n};\n\n// TODO : use new hook usePreference\n/**\n * savePreference API\n * @returns set onboarding trash param\n */\nconst saveOnboardingTrash = async (key: string) => {\n  const result = await odeServices\n    .conf()\n    .savePreference(key, JSON.stringify({ key: false }));\n\n  return result;\n};\n\nexport const useOnboardingModal = (id: string) => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [isOnboarding, setIsOnboarding] = useState(false);\n\n  useEffect(() => {\n    (async () => {\n      const response: { key: boolean } = await getOnboardingTrash(id);\n\n      if (response) {\n        const { key } = response;\n        setIsOnboarding(key);\n        return;\n      }\n      setIsOnboarding(true);\n    })();\n  }, [id]);\n\n  const handleSavePreference = async () => {\n    await saveOnboardingTrash(id);\n    setIsOpen(false);\n  };\n\n  return {\n    isOpen,\n    setIsOpen,\n    isOnboarding,\n    handleSavePreference,\n  };\n};\n"],"names":["getOnboardingTrash","key","odeServices","conf","getPreference","saveOnboardingTrash","savePreference","JSON","stringify","useOnboardingModal","id","isOpen","setIsOpen","useState","isOnboarding","setIsOnboarding","useEffect","response","handleSavePreference"],"mappings":";;AASA,MAAMA,IAAqB,OAAOC,MACpB,MAAMC,EAAYC,KAAK,EAAEC,cAAgCH,CAAG,GASpEI,IAAsB,OAAOJ,MAClB,MAAMC,EAClBC,KAAAA,EACAG,eAAeL,GAAKM,KAAKC,UAAU;AAAA,EAAEP,KAAK;AAAO,CAAA,CAAC,GAK1CQ,IAAqBA,CAACC,MAAe;AAChD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAI,GACnC,CAACC,GAAcC,CAAe,IAAIF,EAAS,EAAK;AAEtDG,SAAAA,EAAU,MAAM;AACd,KAAC,YAAY;AACLC,YAAAA,IAA6B,MAAMjB,EAAmBU,CAAE;AAE9D,UAAIO,GAAU;AACN,cAAA;AAAA,UAAEhB,KAAAA;AAAAA,QAAQgB,IAAAA;AAChBF,QAAAA,EAAgBd,CAAG;AACnB;AAAA,MACF;AACAc,MAAAA,EAAgB,EAAI;AAAA,IAAA;EACnB,GACF,CAACL,CAAE,CAAC,GAOA;AAAA,IACLC,QAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAE,cAAAA;AAAAA,IACAI,sBAT2B,YAAY;AACvC,YAAMb,EAAoBK,CAAE,GAC5BE,EAAU,EAAK;AAAA,IAAA;AAAA,EAOfM;AAEJ;"}

package/dist/modules/modals/PublishModal/PublishModal.d.ts

@@ -1,4 +1,4 @@
-import { ID } from 'edifice-ts-client';
+import { ID } from '@edifice.io/ts-client';
 interface PublishModalProps {
     isOpen: boolean;
     resourceId: ID;

package/dist/modules/modals/PublishModal/PublishModal.js

@@ -1,120 +1,121 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import ImagePickerWorkspace from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
-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 useMediaLibrary from "../../../core/useMediaLibrary/useMediaLibrary.js";
-import useResource from "../../../core/useResource/useResource.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 { Heading } from "../../../components/Heading/Heading.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
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { createPortal as R } from "react-dom";
+import { useTranslation as H } from "react-i18next";
+import W from "../../multimedia/ImagePickerWorkspace/ImagePickerWorkspace.js";
+import { ActivitiesDropdown as T } from "./components/ActivitiesDropdown.js";
+import { AgeSelect as g } from "./components/AgeSelect.js";
+import { LangSelect as U } from "./components/LangSelect.js";
+import { PublishModalFooter as V } from "./components/PublishModalFooter.js";
+import { SubjectsDropdown as E } from "./components/SubjectsDropdown.js";
+import G from "./hooks/usePublishModal.js";
+import J from "../../../core/useMediaLibrary/useMediaLibrary.js";
+import K from "../../../core/useResource/useResource.js";
+import Q from "../../multimedia/MediaLibrary/MediaLibrary.js";
+import { useOdeClient as X } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+import { LoadingScreen as Y } from "../../../components/LoadingScreen/LoadingScreen.js";
+import { Modal as a } from "../../../components/Modal/Modal.js";
+import { Heading as c } from "../../../components/Heading/Heading.js";
+import { FormControl as p } from "../../../components/Form/FormControl.js";
+import { Label as s } from "../../../components/Label/Label.js";
+import { Input as v } from "../../../components/Input/Input.js";
+import { TextArea as Z } from "../../../components/TextArea/TextArea.js";
+import { Button as y } from "../../../components/Button/Button.js";
+function xe({
+  isOpen: x,
+  resourceId: M,
+  onSuccess: N,
+  onCancel: t
 }) {
   const {
-    appCode: application,
-    currentApp
-  } = useOdeClient(), {
-    ref: mediaLibraryRef,
-    libraryMedia,
-    ...mediaLibraryHandlers
-  } = useMediaLibrary(), {
-    t
-  } = useTranslation(), resource = useResource(application, resourceId), {
-    control,
-    cover,
+    appCode: b,
+    currentApp: S
+  } = X(), {
+    ref: f,
+    libraryMedia: I,
+    ...L
+  } = J(), {
+    t: r
+  } = H(), l = K(b, M), {
+    control: o,
+    cover: u,
     formState: {
-      isDirty,
-      isValid,
-      isSubmitting
+      isDirty: A,
+      isValid: k,
+      isSubmitting: h
     },
-    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: {
+    handleDeleteImage: w,
+    handleSubmit: q,
+    handleUploadImage: F,
+    handlePublish: O,
+    register: d,
+    selectActivities: P,
+    selectedActivities: j,
+    selectedSubjectAreas: B,
+    selectSubjects: C
+  } = G({
+    resource: l,
+    onSuccess: N
+  }), D = "bpr.form.publication.age.min", z = "bpr.form.publication.age.max";
+  return l ? /* @__PURE__ */ R(/* @__PURE__ */ i(a, { isOpen: x, onModalClose: t, id: "libraryModal", size: "lg", children: [
+    /* @__PURE__ */ e(a.Header, { onModalClose: t, children: r("bpr.publish") }),
+    /* @__PURE__ */ e(a.Subtitle, { children: r("bpr.form.tip") }),
+    /* @__PURE__ */ i(a.Body, { children: [
+      /* @__PURE__ */ e(c, { headingStyle: "h4", level: "h3", className: "mb-16", children: r("bpr.form.publication.heading.general") }),
+      /* @__PURE__ */ i("form", { id: "libraryModalForm", onSubmit: q(O), children: [
+        /* @__PURE__ */ i("div", { className: "d-block d-md-flex mb-24 gap-24", children: [
+          /* @__PURE__ */ i("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__ */ e("div", { className: "form-label", children: r("bpr.form.publication.cover.title") }),
+            /* @__PURE__ */ e(W, { app: S, src: l == null ? void 0 : l.thumbnail, addButtonLabel: r("bpr.form.publication.cover.upload.add"), deleteButtonLabel: r("bpr.form.publication.cover.upload.remove"), onUploadImage: F, onDeleteImage: w, className: "align-self-center", libraryMedia: I, mediaLibraryRef: f }),
+            !u && /* @__PURE__ */ e("p", { className: "form-text is-invalid", children: /* @__PURE__ */ e("em", { children: r("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", {
+          /* @__PURE__ */ i("div", { className: "flex-fill", children: [
+            /* @__PURE__ */ i(p, { id: "title", className: "mb-16", isRequired: !0, children: [
+              /* @__PURE__ */ e(s, { children: r("bpr.form.publication.title") }),
+              /* @__PURE__ */ e(v, { type: "text", defaultValue: l == null ? void 0 : l.name, ...d("title", {
                 required: !0
-              }), placeholder: t("bpr.form.publication.title.placeholder"), size: "md", "aria-required": !0 })
+              }), placeholder: r("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", {
+            /* @__PURE__ */ i(p, { id: "description", isRequired: !0, children: [
+              /* @__PURE__ */ e(s, { children: r("bpr.form.publication.description") }),
+              /* @__PURE__ */ e(Z, { ...d("description", {
                 required: !0
-              }), placeholder: t("bpr.form.publication.description.placeholder"), size: "md" })
+              }), placeholder: r("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__ */ e("hr", {}),
+        /* @__PURE__ */ e(c, { headingStyle: "h4", level: "h3", className: "mb-16", children: r("bpr.form.publication.heading.infos") }),
+        /* @__PURE__ */ i("div", { className: "d-flex flex-column flex-md-row gap-16 row mb-24", children: [
+          /* @__PURE__ */ e(T, { control: o, selectedActivities: j, selectActivities: P }),
+          /* @__PURE__ */ e(E, { control: o, selectedSubjectAreas: B, selectSubjects: C }),
+          /* @__PURE__ */ e(U, { control: o })
         ] }),
-        /* @__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__ */ i("div", { className: "mb-24", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "", className: "form-label", children: r("bpr.form.publication.age") }),
+          /* @__PURE__ */ i("div", { className: "d-flex gap-8", children: [
+            /* @__PURE__ */ e("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ e(g, { control: o, name: "ageMin", placeholderOption: D, validate: (m, n) => parseInt(m) <= parseInt(n.ageMax) }) }),
+            /* @__PURE__ */ e("div", { className: "col col-md-2 d-flex", children: /* @__PURE__ */ e(g, { control: o, name: "ageMax", placeholderOption: z, validate: (m, n) => parseInt(m) >= parseInt(n.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__ */ e("div", { className: "mb-24", children: /* @__PURE__ */ i(p, { id: "keywords", isOptional: !0, children: [
+          /* @__PURE__ */ e(s, { children: r("bpr.form.publication.keywords") }),
+          /* @__PURE__ */ e(v, { type: "text", ...d("keyWords"), size: "md", placeholder: r("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__ */ e("hr", {}),
+        /* @__PURE__ */ e(c, { headingStyle: "h4", level: "h3", className: "mb-16", children: r("bpr.form.publication.licence.text") }),
+        /* @__PURE__ */ e(V, {})
       ] })
     ] }),
-    /* @__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__ */ i(a.Footer, { children: [
+      /* @__PURE__ */ e(y, { color: "tertiary", onClick: t, type: "button", variant: "ghost", children: r("cancel") }),
+      /* @__PURE__ */ e(y, { form: "libraryModalForm", type: "submit", color: "primary", variant: "filled", isLoading: h, disabled: !u || h || !A || !k, children: r("bpr.form.submit") })
     ] }),
-    /* @__PURE__ */ jsx(MediaLibrary, { appCode: application, ref: mediaLibraryRef, multiple: !1, visibility: "protected", ...mediaLibraryHandlers })
-  ] }), document.getElementById("portal")) : /* @__PURE__ */ jsx(LoadingScreen, {});
+    /* @__PURE__ */ e(Q, { appCode: b, ref: f, multiple: !1, visibility: "protected", ...L })
+  ] }), document.getElementById("portal")) : /* @__PURE__ */ e(Y, {});
 }
 export {
-  PublishModal as default
+  xe as default
 };
+//# sourceMappingURL=PublishModal.js.map

package/dist/modules/modals/PublishModal/PublishModal.js.map

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

package/dist/modules/modals/PublishModal/components/ActivitiesDropdown.js

@@ -1,29 +1,30 @@
-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
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { Controller as d } from "react-hook-form";
+import { useTranslation as f } from "react-i18next";
+import { Dropdown as n } from "../../../../components/Dropdown/Dropdown.js";
+import { useActivitiesOptions as s } from "../hooks/useActivitiesOptions.js";
+const x = ({
+  control: l,
+  selectedActivities: o,
+  selectActivities: a
 }) => {
-  const activitiesOptions = useActivitiesOptions(), {
+  const m = s(), {
     t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "activityType", control, rules: {
+  } = f();
+  return /* @__PURE__ */ r("div", { className: "col d-flex", children: /* @__PURE__ */ r(d, { name: "activityType", control: l, rules: {
     required: !0
   }, render: ({
     field: {
-      onChange
+      onChange: u
     }
-  }) => /* @__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)) })
+  }) => /* @__PURE__ */ p(n, { block: !0, overflow: !0, children: [
+    /* @__PURE__ */ r(n.Trigger, { size: "md", label: t("bpr.form.publication.type"), badgeContent: o == null ? void 0 : o.length }),
+    /* @__PURE__ */ r(n.Menu, { children: m.map((e, i) => /* @__PURE__ */ r(n.CheckboxItem, { value: e.value, model: o, onChange: () => {
+      a(e.value), u(e.value);
+    }, children: e.label }, i)) })
   ] }) }) });
 };
 export {
-  ActivitiesDropdown
+  x as ActivitiesDropdown
 };
+//# sourceMappingURL=ActivitiesDropdown.js.map

package/dist/modules/modals/PublishModal/components/ActivitiesDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivitiesDropdown.js","sources":["../../../../../src/modules/modals/PublishModal/components/ActivitiesDropdown.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport Dropdown from '../../../../components/Dropdown/Dropdown';\nimport { useActivitiesOptions } from '../hooks/useActivitiesOptions';\nimport { FormDataProps } from '../hooks/usePublishModal';\n\nexport const ActivitiesDropdown = ({\n  control,\n  selectedActivities,\n  selectActivities,\n}: {\n  control: Control<FormDataProps, any>;\n  selectedActivities: Array<string | number>;\n  selectActivities: (value: string | number) => void;\n}) => {\n  const activitiesOptions = useActivitiesOptions();\n  const { t } = useTranslation();\n  return (\n    <div className=\"col d-flex\">\n      <Controller\n        name=\"activityType\"\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange } }) => {\n          return (\n            <Dropdown block overflow>\n              <Dropdown.Trigger\n                size=\"md\"\n                label={t('bpr.form.publication.type')}\n                badgeContent={selectedActivities?.length}\n              />\n              <Dropdown.Menu>\n                {activitiesOptions.map((option, index) => (\n                  <Dropdown.CheckboxItem\n                    key={index}\n                    value={option.value}\n                    model={selectedActivities}\n                    onChange={() => {\n                      selectActivities(option.value);\n                      onChange(option.value);\n                    }}\n                  >\n                    {option.label}\n                  </Dropdown.CheckboxItem>\n                ))}\n              </Dropdown.Menu>\n            </Dropdown>\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["ActivitiesDropdown","control","selectedActivities","selectActivities","activitiesOptions","useActivitiesOptions","t","useTranslation","jsx","Controller","required","field","onChange","jsxs","Dropdown","length","map","option","index","value","label"],"mappings":";;;;;AAOO,MAAMA,IAAqBA,CAAC;AAAA,EACjCC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,kBAAAA;AAKF,MAAM;AACJ,QAAMC,IAAoBC,KACpB;AAAA,IAAEC;AAAAA,MAAMC,EAAe;AAE3B,SAAA,gBAAAC,EAAC,SAAI,WAAU,cACb,4BAACC,GACC,EAAA,MAAK,gBACL,SAAAR,GACA,OAAO;AAAA,IACLS,UAAU;AAAA,EACZ,GACA,QAAQ,CAAC;AAAA,IAAEC,OAAO;AAAA,MAAEC,UAAAA;AAAAA,IAAS;AAAA,EAAA,MAExB,gBAAAC,EAAAC,GAAA,EAAS,OAAK,IAAC,UAAQ,IACtB,UAAA;AAAA,IAAC,gBAAAN,EAAAM,EAAS,SAAT,EACC,MAAK,MACL,OAAOR,EAAE,2BAA2B,GACpC,cAAcJ,KAAAA,gBAAAA,EAAoBa,OAAO,CAAA;AAAA,sBAE1CD,EAAS,MAAT,EACEV,UAAkBY,EAAAA,IAAI,CAACC,GAAQC,wBAC7BJ,EAAS,cAAT,EAEC,OAAOG,EAAOE,OACd,OAAOjB,GACP,UAAU,MAAM;AACdC,MAAAA,EAAiBc,EAAOE,KAAK,GAC7BP,EAASK,EAAOE,KAAK;AAAA,IAAA,GAGtBF,UAAAA,EAAOG,MARHF,GAAAA,CASP,CACD,EACH,CAAA;AAAA,EACF,EAAA,CAAA,EAEF,CAAA,EAEN,CAAA;AAEJ;"}

package/dist/modules/modals/PublishModal/components/AgeSelect.js

@@ -1,20 +1,21 @@
-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: {
+import { jsx as r } from "react/jsx-runtime";
+import { Controller as n } from "react-hook-form";
+import { Select as u } from "../../../../components/Select/Select.js";
+import { ageOptions as l } from "../constants/ageOptions.js";
+const f = ({
+  name: e,
+  control: o,
+  placeholderOption: t,
+  validate: i
+}) => /* @__PURE__ */ r(n, { name: e, control: o, rules: {
   required: !0,
-  validate
+  validate: i
 }, render: ({
   field: {
-    onChange
+    onChange: m
   }
-}) => /* @__PURE__ */ jsx(Select, { block: !0, size: "md", onValueChange: onChange, options: ageOptions, "aria-required": !0, placeholderOption }) });
+}) => /* @__PURE__ */ r(u, { block: !0, size: "md", onValueChange: m, options: l, "aria-required": !0, placeholderOption: t }) });
 export {
-  AgeSelect
+  f as AgeSelect
 };
+//# sourceMappingURL=AgeSelect.js.map

package/dist/modules/modals/PublishModal/components/AgeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgeSelect.js","sources":["../../../../../src/modules/modals/PublishModal/components/AgeSelect.tsx"],"sourcesContent":["import { Control, Controller, FieldValues, Validate } from 'react-hook-form';\n\nimport Select from '../../../../components/Select/Select';\nimport { ageOptions } from '../constants/ageOptions';\nimport { FormDataProps } from '../hooks/usePublishModal';\n\nexport const AgeSelect = ({\n  name,\n  control,\n  placeholderOption,\n  validate,\n}: {\n  name: 'ageMin' | 'ageMax';\n  control: Control<FormDataProps, any>;\n  placeholderOption: string;\n  validate:\n    | Validate<any, FieldValues>\n    | Record<string, Validate<any, FieldValues>>\n    | undefined;\n}) => {\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={{\n        required: true,\n        validate,\n      }}\n      render={({ field: { onChange } }) => {\n        return (\n          <Select\n            block\n            size=\"md\"\n            onValueChange={onChange}\n            options={ageOptions}\n            aria-required={true}\n            placeholderOption={placeholderOption}\n          />\n        );\n      }}\n    />\n  );\n};\n\n//defaultSelectAgeMinOption\n"],"names":["AgeSelect","name","control","placeholderOption","validate","jsx","Controller","required","field","onChange","Select","ageOptions"],"mappings":";;;;AAMO,MAAMA,IAAYA,CAAC;AAAA,EACxBC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,UAAAA;AASF,MAEK,gBAAAC,EAAAC,GAAA,EACC,MAAAL,GACA,SAAAC,GACA,OAAO;AAAA,EACLK,UAAU;AAAA,EACVH,UAAAA;AACF,GACA,QAAQ,CAAC;AAAA,EAAEI,OAAO;AAAA,IAAEC,UAAAA;AAAAA,EAAS;AAAA,MAExB,gBAAAJ,EAAAK,GAAA,EACC,OAAK,IACL,MAAK,MACL,eAAeD,GACf,SAASE,GACT,iBAAe,IACf,mBAAAR,EACA,CAAA,EAGN,CAAA;"}

package/dist/modules/modals/PublishModal/components/LangSelect.js

@@ -1,19 +1,20 @@
-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
+import { jsx as e } from "react/jsx-runtime";
+import { Controller as n } from "react-hook-form";
+import { Select as a } from "../../../../components/Select/Select.js";
+import { useLanguageOptions as l } from "../hooks/useLanguageOptions.js";
+const i = "bpr.form.publication.language", m = ({
+  control: r
 }) => {
-  const languageOptions = useLanguageOptions();
-  return /* @__PURE__ */ jsx("div", { className: "col", children: /* @__PURE__ */ jsx(Controller, { name: "language", control, rules: {
+  const o = l();
+  return /* @__PURE__ */ e("div", { className: "col", children: /* @__PURE__ */ e(n, { name: "language", control: r, rules: {
     required: !0
   }, render: ({
     field: {
-      onChange
+      onChange: t
     }
-  }) => /* @__PURE__ */ jsx(Select, { block: !0, size: "md", onValueChange: onChange, options: languageOptions, "aria-required": !0, placeholderOption: defaultSelectLanguageOption }) }) });
+  }) => /* @__PURE__ */ e(a, { block: !0, size: "md", onValueChange: t, options: o, "aria-required": !0, placeholderOption: i }) }) });
 };
 export {
-  LangSelect
+  m as LangSelect
 };
+//# sourceMappingURL=LangSelect.js.map

package/dist/modules/modals/PublishModal/components/LangSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LangSelect.js","sources":["../../../../../src/modules/modals/PublishModal/components/LangSelect.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\n\nimport Select from '../../../../components/Select/Select';\nimport { useLanguageOptions } from '../hooks/useLanguageOptions';\nimport { FormDataProps } from '../hooks/usePublishModal';\n\nconst defaultSelectLanguageOption = 'bpr.form.publication.language';\n\nexport const LangSelect = ({\n  control,\n}: {\n  control: Control<FormDataProps, any>;\n}) => {\n  const languageOptions = useLanguageOptions();\n\n  return (\n    <div className=\"col\">\n      <Controller\n        name=\"language\"\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange } }) => {\n          return (\n            <Select\n              block\n              size=\"md\"\n              onValueChange={onChange}\n              options={languageOptions}\n              aria-required={true}\n              placeholderOption={defaultSelectLanguageOption}\n            />\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["defaultSelectLanguageOption","LangSelect","control","languageOptions","useLanguageOptions","jsx","Controller","required","field","onChange","Select"],"mappings":";;;;AAMA,MAAMA,IAA8B,iCAEvBC,IAAaA,CAAC;AAAA,EACzBC,SAAAA;AAGF,MAAM;AACJ,QAAMC,IAAkBC;AAGtB,SAAA,gBAAAC,EAAC,SAAI,WAAU,OACb,4BAACC,GACC,EAAA,MAAK,YACL,SAAAJ,GACA,OAAO;AAAA,IACLK,UAAU;AAAA,EACZ,GACA,QAAQ,CAAC;AAAA,IAAEC,OAAO;AAAA,MAAEC,UAAAA;AAAAA,IAAS;AAAA,EAAA,MAExB,gBAAAJ,EAAAK,GAAA,EACC,OAAK,IACL,MAAK,MACL,eAAeD,GACf,SAASN,GACT,iBAAe,IACf,mBAAmBH,EACnB,CAAA,EAEJ,CAAA,EAEN,CAAA;AAEJ;"}

package/dist/modules/modals/PublishModal/components/PublishModalFooter.js

@@ -1,23 +1,24 @@
-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 = () => {
+import { jsxs as c, Fragment as o, jsx as i } from "react/jsx-runtime";
+import { useTranslation as n } from "react-i18next";
+import { Alert as r } from "../../../../components/Alert/Alert.js";
+import l from "../../../../core/usePaths/usePaths.js";
+const b = () => {
   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" })
+    t: e
+  } = n(), [t] = l();
+  return /* @__PURE__ */ c(o, { children: [
+    /* @__PURE__ */ c("ul", { className: "mb-12", children: [
+      /* @__PURE__ */ c("li", { children: [
+        e("bpr.form.publication.licence.text.1"),
+        /* @__PURE__ */ i("img", { className: "ms-8 d-inline-block", src: `${t}/common/image-creative-commons.png`, alt: "licence creative commons" })
       ] }),
-      /* @__PURE__ */ jsx("li", { children: t("bpr.form.publication.licence.text.2") })
+      /* @__PURE__ */ i("li", { children: e("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") })
+    /* @__PURE__ */ i(r, { type: "info", className: "mb-12", children: e("bpr.form.publication.licence.text.3") }),
+    /* @__PURE__ */ i(r, { type: "warning", children: e("bpr.form.publication.licence.text.4") })
   ] });
 };
 export {
-  PublishModalFooter
+  b as PublishModalFooter
 };
+//# sourceMappingURL=PublishModalFooter.js.map

package/dist/modules/modals/PublishModal/components/PublishModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishModalFooter.js","sources":["../../../../../src/modules/modals/PublishModal/components/PublishModalFooter.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\nimport Alert from '../../../../components/Alert/Alert';\nimport usePaths from '../../../../core/usePaths/usePaths';\n\nexport const PublishModalFooter = () => {\n  const { t } = useTranslation();\n  const [imagePath] = usePaths();\n  return (\n    <>\n      <ul className=\"mb-12\">\n        <li>\n          {t('bpr.form.publication.licence.text.1')}\n          <img\n            className=\"ms-8 d-inline-block\"\n            src={`${imagePath}/common/image-creative-commons.png`}\n            alt=\"licence creative commons\"\n          />\n        </li>\n        <li>{t('bpr.form.publication.licence.text.2')}</li>\n      </ul>\n\n      <Alert type=\"info\" className=\"mb-12\">\n        {t('bpr.form.publication.licence.text.3')}\n      </Alert>\n\n      <Alert type=\"warning\">{t('bpr.form.publication.licence.text.4')}</Alert>\n    </>\n  );\n};\n"],"names":["PublishModalFooter","t","useTranslation","imagePath","usePaths","jsxs","Fragment","jsx","Alert"],"mappings":";;;;AAKO,MAAMA,IAAqBA,MAAM;AAChC,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB,CAACC,CAAS,IAAIC;AACpB,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAA,MAAA,EAAG,WAAU,SACZ,UAAA;AAAA,MAAA,gBAAAA,EAAC,MACEJ,EAAAA,UAAAA;AAAAA,QAAAA,EAAE,qCAAqC;AAAA,QACxC,gBAAAM,EAAC,SACC,WAAU,uBACV,KAAK,GAAGJ,CAAS,sCACjB,KAAI,2BAA0B,CAAA;AAAA,MAAA,GAElC;AAAA,MACC,gBAAAI,EAAA,MAAA,EAAIN,UAAEA,EAAA,qCAAqC,EAAE,CAAA;AAAA,IAAA,GAChD;AAAA,IAEA,gBAAAM,EAACC,KAAM,MAAK,QAAO,WAAU,SAC1BP,UAAAA,EAAE,qCAAqC,GAC1C;AAAA,sBAECO,GAAM,EAAA,MAAK,WAAWP,UAAAA,EAAE,qCAAqC,GAAE;AAAA,EAClE,EAAA,CAAA;AAEJ;"}

package/dist/modules/modals/PublishModal/components/SubjectsDropdown.js

@@ -1,29 +1,30 @@
-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
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { Controller as s } from "react-hook-form";
+import { useTranslation as d } from "react-i18next";
+import { Dropdown as l } from "../../../../components/Dropdown/Dropdown.js";
+import { useSubjectsOptions as f } from "../hooks/useSubjectsOptions.js";
+const x = ({
+  control: e,
+  selectedSubjectAreas: o,
+  selectSubjects: i
 }) => {
-  const subjectsOptions = useSubjectsOptions(), {
+  const m = f(), {
     t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "col d-flex", children: /* @__PURE__ */ jsx(Controller, { name: "subjectArea", control, rules: {
+  } = d();
+  return /* @__PURE__ */ r("div", { className: "col d-flex", children: /* @__PURE__ */ r(s, { name: "subjectArea", control: e, rules: {
     required: !0
   }, render: ({
     field: {
-      onChange
+      onChange: u
     }
-  }) => /* @__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)) })
+  }) => /* @__PURE__ */ p(l, { block: !0, overflow: !0, children: [
+    /* @__PURE__ */ r(l.Trigger, { size: "md", label: t("bpr.form.publication.discipline"), badgeContent: o == null ? void 0 : o.length }),
+    /* @__PURE__ */ r(l.Menu, { children: m.map((n, a) => /* @__PURE__ */ r(l.CheckboxItem, { value: n.value, model: o, onChange: () => {
+      i(n.value), u(n.value);
+    }, children: n.label }, a)) })
   ] }) }) });
 };
 export {
-  SubjectsDropdown
+  x as SubjectsDropdown
 };
+//# sourceMappingURL=SubjectsDropdown.js.map

package/dist/modules/modals/PublishModal/components/SubjectsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubjectsDropdown.js","sources":["../../../../../src/modules/modals/PublishModal/components/SubjectsDropdown.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport Dropdown from '../../../../components/Dropdown/Dropdown';\nimport { FormDataProps } from '../hooks/usePublishModal';\nimport { useSubjectsOptions } from '../hooks/useSubjectsOptions';\n\nexport const SubjectsDropdown = ({\n  control,\n  selectedSubjectAreas,\n  selectSubjects,\n}: {\n  control: Control<FormDataProps, any>;\n  selectedSubjectAreas: Array<string | number>;\n  selectSubjects: (value: string | number) => void;\n}) => {\n  const subjectsOptions = useSubjectsOptions();\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"col d-flex\">\n      <Controller\n        name=\"subjectArea\"\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange } }) => {\n          return (\n            <Dropdown block overflow>\n              <Dropdown.Trigger\n                size=\"md\"\n                label={t('bpr.form.publication.discipline')}\n                badgeContent={selectedSubjectAreas?.length}\n              />\n              <Dropdown.Menu>\n                {subjectsOptions.map((option, index) => (\n                  <Dropdown.CheckboxItem\n                    key={index}\n                    value={option.value}\n                    model={selectedSubjectAreas}\n                    onChange={() => {\n                      selectSubjects(option.value);\n                      onChange(option.value);\n                    }}\n                  >\n                    {option.label}\n                  </Dropdown.CheckboxItem>\n                ))}\n              </Dropdown.Menu>\n            </Dropdown>\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["SubjectsDropdown","control","selectedSubjectAreas","selectSubjects","subjectsOptions","useSubjectsOptions","t","useTranslation","jsx","Controller","required","field","onChange","jsxs","Dropdown","length","map","option","index","value","label"],"mappings":";;;;;AAOO,MAAMA,IAAmBA,CAAC;AAAA,EAC/BC,SAAAA;AAAAA,EACAC,sBAAAA;AAAAA,EACAC,gBAAAA;AAKF,MAAM;AACJ,QAAMC,IAAkBC,KAClB;AAAA,IAAEC;AAAAA,MAAMC,EAAe;AAG3B,SAAA,gBAAAC,EAAC,SAAI,WAAU,cACb,4BAACC,GACC,EAAA,MAAK,eACL,SAAAR,GACA,OAAO;AAAA,IACLS,UAAU;AAAA,EACZ,GACA,QAAQ,CAAC;AAAA,IAAEC,OAAO;AAAA,MAAEC,UAAAA;AAAAA,IAAS;AAAA,EAAA,MAExB,gBAAAC,EAAAC,GAAA,EAAS,OAAK,IAAC,UAAQ,IACtB,UAAA;AAAA,IAAC,gBAAAN,EAAAM,EAAS,SAAT,EACC,MAAK,MACL,OAAOR,EAAE,iCAAiC,GAC1C,cAAcJ,KAAAA,gBAAAA,EAAsBa,OAAO,CAAA;AAAA,sBAE5CD,EAAS,MAAT,EACEV,UAAgBY,EAAAA,IAAI,CAACC,GAAQC,wBAC3BJ,EAAS,cAAT,EAEC,OAAOG,EAAOE,OACd,OAAOjB,GACP,UAAU,MAAM;AACdC,MAAAA,EAAec,EAAOE,KAAK,GAC3BP,EAASK,EAAOE,KAAK;AAAA,IAAA,GAGtBF,UAAAA,EAAOG,MARHF,GAAAA,CASP,CACD,EACH,CAAA;AAAA,EACF,EAAA,CAAA,EAEF,CAAA,EAEN,CAAA;AAEJ;"}