@edifice.io/react 2.2.12 → 2.2.13-develop-b2school.20250723160127

package/dist/components/Input/Input.d.ts

@@ -29,6 +29,10 @@ export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, O
      * Show count of characters
      */
     showCounter?: boolean;
+    /**
+     * Browser autocomplete feature
+     */
+    autoComplete?: string;
 }
 /**
  * Input Form Component

package/dist/components/Input/Input.js

@@ -9,6 +9,7 @@ const Input = /* @__PURE__ */ forwardRef(({
   type = "text",
   className,
   showCounter,
+  autoComplete = "off",
   ...restProps
 }, ref) => {
   var _a;
@@ -31,7 +32,7 @@ const Input = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsx("input", { ref, id, className: classes, type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: (e) => {
       var _a2;
       setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
-    } }),
+    }, autoComplete }),
     showCounter && !status && /* @__PURE__ */ jsxs("span", { className: clsx("caption text-end float-end mt-n32 py-2 px-12 ", {
       "text-danger": currentLength === restProps.maxLength,
       "text-gray-700": currentLength !== restProps.maxLength

package/dist/components/Modal/ModalHeader.d.ts

@@ -8,6 +8,10 @@ export interface ModalHeaderProps {
      * ReactNode
      */
     children: ReactNode;
+    /**
+     * Whether to center the header content
+     */
+    centered?: boolean;
 }
 /**
  * Modal Header

package/dist/components/Modal/ModalHeader.js

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import SvgIconClose from "../../modules/icons/components/IconClose.js";
 import IconButton from "../Button/IconButton.js";
 import { useModalContext } from "./ModalContext.js";
+import clsx from "clsx";
 const ModalHeader = (props) => {
   const {
     onModalClose,
@@ -14,11 +15,15 @@ const ModalHeader = (props) => {
   } = useModalContext(), closeButtonRef = useRef(null), {
     t
   } = useTranslation();
-  return useEffect(() => {
+  useEffect(() => {
     var _a;
     focusId || (_a = closeButtonRef.current) == null || _a.focus();
-  }, [focusId]), /* @__PURE__ */ jsxs("div", { className: "modal-header align-self-center", children: [
-    /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-title text-center", tabIndex: -1, children }),
+  }, [focusId]);
+  const headerClassName = clsx("modal-header", {
+    "align-self-center": props.centered
+  });
+  return /* @__PURE__ */ jsxs("div", { className: headerClassName, children: [
+    /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-title", tabIndex: -1, children }),
     /* @__PURE__ */ jsx(IconButton, { ref: closeButtonRef, "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: onModalClose, className: "btn-close" })
   ] });
 };

package/dist/hooks/useDirectory/useDirectory.d.ts

@@ -1,6 +1,6 @@
 import { ID } from '@edifice.io/client';
 declare const useDirectory: () => {
-    getAvatarURL: (userId: ID, type: "user" | "group") => string;
+    getAvatarURL: (userId: ID, type: "user" | "group") => string | undefined;
     getUserbookURL: (userId: ID, type: "user" | "group") => string;
 };
 export default useDirectory;

package/dist/hooks/useDirectory/useDirectory.js

@@ -1,7 +1,8 @@
 import { odeServices } from "@edifice.io/client";
 const useDirectory = () => {
   function getAvatarURL(userId, type) {
-    return odeServices.directory().getAvatarUrl(userId, type);
+    if (userId !== "")
+      return odeServices.directory().getAvatarUrl(userId, type);
   }
   function getUserbookURL(userId, type) {
     return odeServices.directory().getDirectoryUrl(userId, type);

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

@@ -35,7 +35,7 @@ const OnboardingModal = ({
     nextText
   } = modalOptions, currentTitle = (swiperInstance == null ? void 0 : swiperInstance.activeIndex) != null && ((_a = items[swiperInstance == null ? void 0 : swiperInstance.activeIndex]) != null && _a.title) ? items[swiperInstance.activeIndex].title : title;
   return isOnboarding ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", size: "md", isOpen, focusId: "nextButtonId", onModalClose: () => setIsOpen(!1), children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: () => setIsOpen(!1), centered: !0, children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
     /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
       setSwiperInstance(swiper);
     }, onSlideChange: (swiper) => {

package/package.json

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