@edifice.io/react 2.2.10-develop-b2school.20250625143621 → 2.2.10-develop-b2school.20250702140459

package/dist/components/Button/Button.js

@@ -19,7 +19,7 @@ const Button = /* @__PURE__ */ forwardRef(({
   const classes = clsx("btn", {
     [`btn-filled btn-${color}`]: variant === "filled",
     [`btn-${variant}-${color}`]: variant === "outline" || variant === "ghost",
-    "btn-icon btn-sm": !children,
+    "btn-icon": !children,
     "btn-loading": isLoading,
     "btn-lg": size === "lg",
     "btn-sm": size === "sm",

package/dist/components/Button/IconButton.js

@@ -9,7 +9,8 @@ const IconButton = /* @__PURE__ */ forwardRef(({
 }, ref) => {
   const buttonProps = {
     ...restProps,
-    className: clsx("btn-icon btn-sm", className)
+    className: clsx("btn-icon", className),
+    size: restProps.size || "sm"
   };
   return /* @__PURE__ */ jsx(Button, { ref, ...buttonProps, leftIcon: icon });
 });

package/dist/components/Toolbar/Toolbar.js

@@ -66,7 +66,7 @@ const Toolbar = /* @__PURE__ */ forwardRef(({
       case "divider":
         return /* @__PURE__ */ jsx("div", { className: "toolbar-divider" }, item.name ?? index);
       case "button":
-        return /* @__PURE__ */ jsx(Tooltip, { message: hideLabel ? renderTooltipMessage(item) : void 0, placement: renderTooltipPosition(item), children: /* @__PURE__ */ createElement(Button, { ...item.props, children: !hideLabel && item.props.children, "aria-label": item.name, key: item.name ?? index, color: item.props.color || "tertiary", variant: "ghost", tabIndex: index === firstFocusableItemIndex ? 0 : -1, onKeyDown: handleKeyDown }) }, item.name ?? index);
+        return /* @__PURE__ */ jsx(Tooltip, { message: hideLabel ? renderTooltipMessage(item) : void 0, placement: renderTooltipPosition(item), children: /* @__PURE__ */ createElement(Button, { ...item.props, children: !hideLabel && item.props.children, "aria-label": item.name, key: item.name ?? index, color: item.props.color || "tertiary", variant: "ghost", size: item.props.size || hideLabel ? "sm" : "md", tabIndex: index === firstFocusableItemIndex ? 0 : -1, onKeyDown: handleKeyDown }) }, item.name ?? index);
       case "icon":
         return /* @__PURE__ */ jsx(Tooltip, { message: renderTooltipMessage(item), placement: renderTooltipPosition(item), children: /* @__PURE__ */ createElement(IconButton, { ...item.props, key: item.name ?? index, color: item.props.color ? item.props.color : "tertiary", variant: item.props.variant ? item.props.variant : "ghost", tabIndex: index === firstFocusableItemIndex ? 0 : -1, onKeyDown: handleKeyDown }) }, item.name ?? index);
       case "dropdown":

package/dist/hooks/useDropdown/useDropdown.js

@@ -35,7 +35,12 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
     visible && menuRef.current && focusOnVisible ? (menuRef.current.focus(), setActiveIndex(0)) : (setActiveIndex(-1), itemRefs.current = {});
   }, [visible]), useEffect(() => {
     if (activeIndex !== -1) {
-      const currentItem = Object.values(itemRefs.current)[activeIndex];
+      const filteredItems = Object.values(itemRefs.current).filter((item) => !!item);
+      if (activeIndex < 0 || activeIndex >= filteredItems.length) {
+        setActiveIndex(-1), setIsFocused(null);
+        return;
+      }
+      const currentItem = filteredItems[activeIndex];
       if (currentItem) {
         const id2 = currentItem.getAttribute("id");
         setIsFocused(id2), currentItem.focus();

package/dist/modules/editor/components/BubbleMenuEditInformationPane/BubbleMenuEditInformationPane.js

@@ -23,7 +23,7 @@ const BubbleMenuEditInformationPane = ({
       name: "info",
       props: {
         size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconInfoCircle, {}),
+        icon: /* @__PURE__ */ jsx(SvgIconInfoCircle, {}),
         "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.info"),
         className: ((_a = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _a.type) === "info" ? "is-selected" : "",
         onClick: () => editor.chain().focus().updateAttributes("information-pane", {
@@ -39,7 +39,7 @@ const BubbleMenuEditInformationPane = ({
       name: "success",
       props: {
         size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconSuccessOutline, {}),
+        icon: /* @__PURE__ */ jsx(SvgIconSuccessOutline, {}),
         "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.success"),
         className: ((_b = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _b.type) === "success" ? "is-selected" : "",
         onClick: () => editor.chain().focus().updateAttributes("information-pane", {
@@ -55,7 +55,7 @@ const BubbleMenuEditInformationPane = ({
       name: "warning",
       props: {
         size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}),
+        icon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}),
         "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.warning"),
         className: ((_c = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _c.type) === "warning" ? "is-selected" : "",
         onClick: () => editor.chain().focus().updateAttributes("information-pane", {
@@ -71,7 +71,7 @@ const BubbleMenuEditInformationPane = ({
       name: "question",
       props: {
         size: "lg",
-        leftIcon: /* @__PURE__ */ jsx(SvgIconQuestion, {}),
+        icon: /* @__PURE__ */ jsx(SvgIconQuestion, {}),
         "aria-label": t("tiptap.tooltip.bubblemenu.information.pane.question"),
         className: ((_d = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _d.type) === "question" ? "is-selected" : "",
         onClick: () => editor.chain().focus().updateAttributes("information-pane", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.10-develop-b2school.20250625143621",
+  "version": "2.2.10-develop-b2school.20250702140459",
   "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.10-develop-b2school.20250625143621",
-    "@edifice.io/tiptap-extensions": "2.2.10-develop-b2school.20250625143621",
-    "@edifice.io/utilities": "2.2.10-develop-b2school.20250625143621"
+    "@edifice.io/bootstrap": "2.2.10-develop-b2school.20250702140459",
+    "@edifice.io/tiptap-extensions": "2.2.10-develop-b2school.20250702140459",
+    "@edifice.io/utilities": "2.2.10-develop-b2school.20250702140459"
   },
   "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.10-develop-b2school.20250625143621",
-    "@edifice.io/config": "2.2.10-develop-b2school.20250625143621"
+    "@edifice.io/client": "2.2.10-develop-b2school.20250702140459",
+    "@edifice.io/config": "2.2.10-develop-b2school.20250702140459"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",