@edifice.io/react 2.0.0-develop-pedago.7 → 2.0.0

package/dist/components/AppIcon/AppIcon.js

@@ -32,7 +32,7 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
     ...iconSizes,
     ...iconVariant,
     ...iconFits,
-    [`bg-light-${appCode}`]: appCode && !isContain,
+    [`bg-light-${appCode}`]: !isContain,
     [`color-app-${appCode}`]: appCode
   }, className), IconComponent = iconsApps[`Icon${appCode.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("")}`] ?? SvgIconPlaceholder;
   if (isIconURL) {

package/dist/components/Tree/components/SortableTree.js

@@ -11,7 +11,6 @@ import SvgIconRafterRight from "../../../modules/icons/components/IconRafterRigh
 import { useTree } from "../hooks/useTree.js";
 import { useTreeSortable } from "../hooks/useTreeSortable.js";
 import { flattenNodes } from "../utilities/tree-sortable.js";
-import { mergeRefs } from "../../../utilities/refs/ref.js";
 const SortableTree = ({
   nodes,
   selectedNodeId: externalSelectedNodeId,
@@ -74,7 +73,7 @@ const SortableTree = ({
   renderNode,
   onTreeItemClick,
   onToggleNode
-}, ref) => {
+}) => {
   const {
     t
   } = useTranslation(), selected = selectedNodeId === node.id, expanded = expandedNodes.has(node.id), animateLayoutChanges = ({
@@ -94,7 +93,7 @@ const SortableTree = ({
     transform: CSS.Translate.toString(transform),
     transition
   }, treeItemClasses = {
-    action: clsx("action-container d-flex align-items-center gap-8 px-2", {
+    action: clsx("action-container d-flex align-items-center gap-8 px-8", {
       "drag-focus": focused,
       "border border-secondary rounded rounded-2 shadow bg-white": isDragging,
       display: expanded ? "block" : "none"
@@ -109,7 +108,7 @@ const SortableTree = ({
   }, handleItemToggleKeyDown = (event) => {
     (event.code === "Enter" || event.code === "Space") && (event.preventDefault(), event.stopPropagation(), onToggleNode == null || onToggleNode(node.id));
   }, spaceGestion = () => isDragging ? isChild ? depth === 1 ? `${indentationWidth * depth}px` : "0px" : `${indentationWidth * depth}px` : isChild ? "20px" : null;
-  return /* @__PURE__ */ jsx("li", { ref: mergeRefs(ref, setNodeRef), id: `treeitem-${node.id}`, role: "treeitem", "aria-selected": selected, "aria-expanded": expanded, style: {
+  return /* @__PURE__ */ jsx("li", { ref: setNodeRef, id: `treeitem-${node.id}`, role: "treeitem", "aria-selected": selected, "aria-expanded": expanded, style: {
     ...style,
     marginLeft: spaceGestion()
   }, ...listeners, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: treeItemClasses.action, children: [

package/dist/components/Tree/hooks/useTreeSortable.js

@@ -15,11 +15,7 @@ const useTreeSortable = ({
   const activationConstraint = {
     delay: 200,
     tolerance: 5
-  }, indicator = !1, indentationWidth = 64, flattenedTree = useMemo(
-    () => flattenTree(items, null),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [items]
-  ), activeItem = activeId ? flattenedTree.find(({
+  }, indicator = !1, indentationWidth = 64, flattenedTree = useMemo(() => flattenTree(items, null), [items]), activeItem = activeId ? flattenedTree.find(({
     id
   }) => id === activeId) : null, projected = activeId && overId ? getProjection(flattenedTree, activeId, overId, offsetLeft, indentationWidth) : null;
   function handleDragStart(event) {

package/dist/components/Tree/utilities/tree-sortable.js

@@ -34,13 +34,13 @@ function getIndicesToUpdate(activeNode, activeNodeIndex, flattenedTree, projecte
 }
 function flattenTree(tree, parentId, depth = 0) {
   return tree.reduce((acc, node) => (acc.push({
+    ...node,
     id: node.id,
     name: node.name,
     parentId: parentId ?? null,
     position: node.position ?? void 0,
     depth: depth ?? 0,
-    children: node.children,
-    isVisible: node.isVisible
+    children: node.children
   }), node.children && node.children.length > 0 && (acc = acc.concat(flattenTree(node.children, node.id, depth + 1))), acc), []);
 }
 function flattenNodes(nodes, expandedNodes) {
@@ -48,6 +48,7 @@ function flattenNodes(nodes, expandedNodes) {
     var _a;
     const isExpanded = expandedNodes.has(node.id) && node.children && node.children.length > 0;
     return acc.push({
+      ...node,
       id: node.id,
       name: node.name,
       isChild,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.0.0-develop-pedago.7",
+  "version": "2.0.0",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -119,9 +119,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.0.0-develop-pedago.7",
-    "@edifice.io/tiptap-extensions": "2.0.0-develop-pedago.7",
-    "@edifice.io/utilities": "2.0.0-develop-pedago.7"
+    "@edifice.io/bootstrap": "2.0.0",
+    "@edifice.io/tiptap-extensions": "2.0.0",
+    "@edifice.io/utilities": "2.0.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -147,7 +147,7 @@
     "typescript-eslint": "^8.8.1",
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
-    "@edifice.io/client": "2.0.0-develop-pedago.7"
+    "@edifice.io/client": "2.0.0"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",