ode-explorer 1.4.2-develop-pedago.202404301615 → 1.4.2-develop-pedago.202405171024

package/dist/index.js

@@ -18918,16 +18918,16 @@ const size$1 = function(options) {
         widthSide = side;
         heightSide = alignment === "end" ? "top" : "bottom";
       }
-      const overflowAvailableHeight = height - overflow[heightSide];
-      const overflowAvailableWidth = width - overflow[widthSide];
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min$1(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min$1(width - overflow[widthSide], maximumClippingWidth);
       const noShift = !state.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
       if (isYAxis) {
-        const maximumClippingWidth = width - overflow.left - overflow.right;
         availableWidth = alignment || noShift ? min$1(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
       } else {
-        const maximumClippingHeight = height - overflow.top - overflow.bottom;
         availableHeight = alignment || noShift ? min$1(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
       if (noShift && !alignment) {
@@ -19194,10 +19194,10 @@ function getBoundingClientRect$1(element, includeScale, isFixedStrategy, offsetP
   });
 }
 const topLayerSelectors = [":popover-open", ":modal"];
-function isTopLayer(floating) {
+function isTopLayer(element) {
   return topLayerSelectors.some((selector) => {
     try {
-      return floating.matches(selector);
+      return element.matches(selector);
     } catch (e2) {
       return false;
     }
@@ -19363,7 +19363,7 @@ function getClippingRect$1(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -19422,6 +19422,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     height: rect.height
   };
 }
+function isStaticPositioned(element) {
+  return getComputedStyle$3(element).position === "static";
+}
 function getTrueOffsetParent$1(element, polyfill2) {
   if (!isHTMLElement$1(element) || getComputedStyle$3(element).position === "fixed") {
     return null;
@@ -19432,18 +19435,28 @@ function getTrueOffsetParent$1(element, polyfill2) {
   return element.offsetParent;
 }
 function getOffsetParent$1(element, polyfill2) {
-  const window2 = getWindow$2(element);
-  if (!isHTMLElement$1(element) || isTopLayer(element)) {
-    return window2;
+  const win = getWindow$2(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
+  if (!isHTMLElement$1(element)) {
+    let svgOffsetParent = getParentNode$1(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement$2(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode$1(svgOffsetParent);
+    }
+    return win;
   }
   let offsetParent = getTrueOffsetParent$1(element, polyfill2);
-  while (offsetParent && isTableElement$1(offsetParent) && getComputedStyle$3(offsetParent).position === "static") {
+  while (offsetParent && isTableElement$1(offsetParent) && isStaticPositioned(offsetParent)) {
     offsetParent = getTrueOffsetParent$1(offsetParent, polyfill2);
   }
-  if (offsetParent && (getNodeName$1(offsetParent) === "html" || getNodeName$1(offsetParent) === "body" && getComputedStyle$3(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
-    return window2;
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
   }
-  return offsetParent || getContainingBlock$1(element) || window2;
+  return offsetParent || getContainingBlock$1(element) || win;
 }
 const getElementRects = async function(data) {
   const getOffsetParentFn = this.getOffsetParent || getOffsetParent$1;
@@ -63586,8 +63599,8 @@ const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
     onMenuItemKeyDown,
     onMenuItemMouseEnter,
     onMenuItemClick
-  } = itemProps, handleOnClick = () => {
-    onClick2 == null || onClick2(), type2 === "action" && onMenuItemClick();
+  } = itemProps, handleOnClick = (event) => {
+    onClick2 == null || onClick2(event), type2 === "action" && onMenuItemClick();
   }, id2 = reactExports.useId(), dropdownItem = clsx("dropdown-item", {
     focus: isFocused === id2
   });
@@ -64033,7 +64046,8 @@ const TextArea = /* @__PURE__ */ reactExports.forwardRef(({
   className,
   ...restProps
 }, ref2) => {
-  const {
+  var _a2, _b2;
+  const [content, setContent] = reactExports.useState(((_a2 = restProps.defaultValue) == null ? void 0 : _a2.toString()) || ((_b2 = restProps.value) == null ? void 0 : _b2.toString())), {
     id: id2,
     isRequired,
     isReadOnly,
@@ -64050,7 +64064,16 @@ const TextArea = /* @__PURE__ */ reactExports.forwardRef(({
     "form-control-plaintext": isReadOnly,
     "no-validation-icon": noValidationIcon
   }, className);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("textarea", { ref: ref2, id: id2, className: classes2, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("textarea", { ref: ref2, id: id2, className: classes2, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, value: content, onChange: (event) => {
+      setContent(event.target.value);
+    } }),
+    restProps.maxLength && content && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "small text-gray-700 p-2 text-end", children: [
+      content.length,
+      " / ",
+      restProps.maxLength
+    ] })
+  ] });
 }), TextArea$1 = TextArea;
 function useTreeItemEvents(nodeId, label, expanded, setExpanded, onItemSelect, onItemFold, onItemUnfold, onItemFocus, onItemBlur) {
   const handleItemClick = (event) => {
@@ -64823,15 +64846,19 @@ const useThumb = ({
               /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: t2("title") }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Input$1, { type: "text", defaultValue: isUpdating ? resource == null ? void 0 : resource.name : "", ...register("title", {
                 required: true,
+                maxLength: 60,
                 pattern: {
                   value: /[^ ]/,
                   message: "invalid title"
                 }
-              }), placeholder: t2("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": true })
+              }), placeholder: t2("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": true, maxLength: 60 })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl$1, { id: "description", isOptional: true, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: t2("description") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea$1, { defaultValue: isUpdating ? resource == null ? void 0 : resource.description : "", ...register("description"), placeholder: t2("explorer.resource.editModal.description.placeholder"), size: "md" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea$1, { value: resource.description, ...register("description", {
+                required: false,
+                maxLength: 400
+              }), placeholder: t2("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: 400 })
             ] })
           ] })
         ] }),
@@ -66327,8 +66354,31 @@ const SearchEngine = () => {
     "container-fluid": !headless,
     "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
     "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
-  }), renderHeader = headless ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Header$2, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", className: "m-12", isConfirm: true, position: "bottom-right", button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t2("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t2("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { toastOptions: {
-    position: "top-right"
+  }), renderHeader = headless ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Header$2, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", className: "m-12", isConfirm: true, position: "bottom-right", button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t2("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t2("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { containerStyle: {
+    zIndex: 0
+  }, toastOptions: {
+    position: "top-right",
+    style: {},
+    success: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    error: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    loading: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    custom: {
+      style: {
+        zIndex: 9999
+      }
+    }
   } });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     renderHeader,
@@ -68982,6 +69032,7 @@ function FolderModal$1({
             type: "text",
             ...register("name", {
               required: true,
+              maxLength: 60,
               pattern: {
                 value: /[^ ]/,
                 message: "invalid title"
@@ -68989,7 +69040,8 @@ function FolderModal$1({
             }),
             placeholder: t2("explorer.create.folder.name"),
             size: "md",
-            "aria-required": true
+            "aria-required": true,
+            maxLength: 60
           }
         )
       ] }) }) }),
@@ -69111,7 +69163,7 @@ const Library = () => {
         href: libraryUrl,
         target: "_blank",
         rel: "noreferrer",
-        className: "d-inline-flex gap-4 btn btn-ghost-primary py-0 p-0 pe-8",
+        className: "d-inline-flex align-items-center gap-4 btn btn-ghost-primary py-0 p-0 pe-8",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("explorer.libray.btn") }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SvgArrowRight$1, {})

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer=1.0-b2school-SNAPSHOT 30/04/2024 16:15:49
+ode-explorer=1.0-b2school-SNAPSHOT 17/05/2024 10:25:10

package/lib/FolderModal.js

@@ -1,6 +1,6 @@
-import { jsxs as b, jsx as a } from "react/jsx-runtime";
-import { useId as q, useEffect as B } from "react";
-import { Modal as m, FormControl as L, Label as w, Input as R, Button as I } from "@edifice-ui/react";
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
+import { useId as j, useEffect as q } from "react";
+import { Modal as m, FormControl as B, Label as w, Input as R, Button as C } from "@edifice-ui/react";
 import { createPortal as T } from "react-dom";
 import { useTranslation as U } from "react-i18next";
 import { FOLDER as V } from "edifice-ts-client";
@@ -11,20 +11,20 @@ import "i18next";
 import "zustand";
 import "@tanstack/react-query";
 function P({
-  edit: o,
+  edit: t,
   onSuccess: e,
   onClose: s
 }) {
-  var x;
-  const l = k(), r = z(), c = A(), f = H(), u = o ? (x = l[0]) == null ? void 0 : x.name : void 0, {
-    reset: t,
+  var b;
+  const l = k(), r = z(), c = A(), f = H(), u = t ? (b = l[0]) == null ? void 0 : b.name : void 0, {
+    reset: o,
     register: p,
     handleSubmit: n,
     setFocus: h,
     formState: {
       errors: F,
       isSubmitting: d,
-      isDirty: g,
+      isDirty: I,
       isValid: v
     }
   } = _({
@@ -32,47 +32,47 @@ function P({
     values: {
       name: u || ""
     }
-  }), M = q(), D = async function({
+  }), M = j(), L = async function({
     name: y
   }) {
-    var C;
+    var g;
     try {
-      if (o) {
-        const i = (C = l[0]) == null ? void 0 : C.parentId, j = l[0].id;
+      if (t) {
+        const i = (g = l[0]) == null ? void 0 : g.parentId, E = l[0].id;
         await f.mutate({
-          folderId: j,
+          folderId: E,
           parentId: i,
           name: y
-        }), t(), e == null || e();
+        }), o(), e == null || e();
       } else {
         const i = (r == null ? void 0 : r.id) || V.DEFAULT;
         await c.mutate({
           name: y,
           parentId: i
-        }), t(), e == null || e();
+        }), o(), e == null || e();
       }
     } catch (i) {
       console.error(i);
     }
   };
-  function E() {
-    t(), s();
+  function D() {
+    o(), s();
   }
   return {
     formId: `createModal_${M}`,
     errors: F,
     isSubmitting: d,
-    isDirty: g,
+    isDirty: I,
     isValid: v,
     register: p,
     setFocus: h,
     handleSubmit: n,
-    onCancel: E,
-    onSubmit: D
+    onCancel: D,
+    onSubmit: L
   };
 }
-function oe({
-  isOpen: o,
+function te({
+  isOpen: t,
   edit: e,
   onSuccess: s,
   onCancel: l
@@ -83,7 +83,7 @@ function oe({
     isDirty: c,
     isValid: f,
     isSubmitting: u,
-    formId: t,
+    formId: o,
     onSubmit: p,
     onCancel: n,
     handleSubmit: h,
@@ -94,26 +94,27 @@ function oe({
     onSuccess: s,
     onClose: l
   });
-  return B(() => {
-    o && d("name");
-  }, [o, d]), o ? /* @__PURE__ */ T(/* @__PURE__ */ b(m, { isOpen: o, onModalClose: n, id: "modal_" + t, children: [
+  return q(() => {
+    t && d("name");
+  }, [t, d]), t ? /* @__PURE__ */ T(/* @__PURE__ */ x(m, { isOpen: t, onModalClose: n, id: "modal_" + o, children: [
     /* @__PURE__ */ a(m.Header, { onModalClose: n, children: r(e ? "explorer.rename.folder" : "explorer.create.folder") }),
-    /* @__PURE__ */ a(m.Body, { children: /* @__PURE__ */ a("form", { id: t, onSubmit: h(p), children: /* @__PURE__ */ b(L, { id: "nameFolder", isRequired: !0, children: [
+    /* @__PURE__ */ a(m.Body, { children: /* @__PURE__ */ a("form", { id: o, onSubmit: h(p), children: /* @__PURE__ */ x(B, { id: "nameFolder", isRequired: !0, children: [
       /* @__PURE__ */ a(w, { children: r("explorer.create.folder.name") }),
       /* @__PURE__ */ a(R, { type: "text", ...F("name", {
         required: !0,
+        maxLength: 60,
         pattern: {
           value: /[^ ]/,
           message: "invalid title"
         }
-      }), placeholder: r("explorer.create.folder.name"), size: "md", "aria-required": !0 })
+      }), placeholder: r("explorer.create.folder.name"), size: "md", "aria-required": !0, maxLength: 60 })
     ] }) }) }),
-    /* @__PURE__ */ b(m.Footer, { children: [
-      /* @__PURE__ */ a(I, { color: "tertiary", onClick: n, type: "button", variant: "ghost", children: r("explorer.cancel") }),
-      /* @__PURE__ */ a(I, { form: t, type: "submit", color: "primary", variant: "filled", disabled: !c || !f || u, children: r(e ? "explorer.rename" : "explorer.create") })
+    /* @__PURE__ */ x(m.Footer, { children: [
+      /* @__PURE__ */ a(C, { color: "tertiary", onClick: n, type: "button", variant: "ghost", children: r("explorer.cancel") }),
+      /* @__PURE__ */ a(C, { form: o, type: "submit", color: "primary", variant: "filled", disabled: !c || !f || u, children: r(e ? "explorer.rename" : "explorer.create") })
     ] })
   ] }), document.getElementById("portal")) : null;
 }
 export {
-  oe as default
+  te as default
 };

package/lib/Library.js

@@ -11,7 +11,7 @@ const y = () => {
   return t && /* @__PURE__ */ i("div", { className: "p-16", children: [
     /* @__PURE__ */ r(p, { width: "270", height: "140", loading: "lazy", className: "rounded", src: `${l}/${a == null ? void 0 : a.bootstrapVersion}/image-library.svg`, alt: e("explorer.libray.img.alt") }),
     /* @__PURE__ */ r("p", { className: "m-8", children: e("explorer.libray.title") }),
-    /* @__PURE__ */ i("a", { href: t, target: "_blank", rel: "noreferrer", className: "d-inline-flex gap-4 btn btn-ghost-primary py-0 p-0 pe-8", children: [
+    /* @__PURE__ */ i("a", { href: t, target: "_blank", rel: "noreferrer", className: "d-inline-flex align-items-center gap-4 btn btn-ghost-primary py-0 p-0 pe-8", children: [
       /* @__PURE__ */ r("span", { children: e("explorer.libray.btn") }),
       /* @__PURE__ */ r(s, {})
     ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-explorer",
-  "version": "1.4.2-develop-pedago.202404301615",
+  "version": "1.4.2-develop-pedago.202405171024",
   "description": "Edifice Explorer",
   "homepage": "https://github.com/edificeio/explorer#readme",
   "bugs": {