@firecms/core 3.0.0-canary.147 → 3.0.0-canary.148

package/dist/index.umd.js

@@ -4021,8 +4021,8 @@
       {
         className: "flex items-center m-2",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.ErrorIcon, { size: "small", color: "error" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pl-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.ErrorIcon, { className: "mx-2", size: "small", color: "error" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pl-4", children: [
             title && /* @__PURE__ */ jsxRuntime.jsx(
               ui.Typography,
               {
@@ -12480,6 +12480,18 @@
       setInternalIds(newIds);
       onValueChange([...value.slice(0, index + 1), copyingItem, ...value.slice(index + 1)]);
     };
+    const addInIndex = (index) => {
+      const id = getRandomId$1();
+      const newIds = [
+        ...internalIds.splice(0, index),
+        id,
+        ...internalIds.slice(index)
+      ];
+      if (onInternalIdAdded)
+        onInternalIdAdded(id);
+      setInternalIds(newIds);
+      onValueChange([...value.slice(0, index), newDefaultEntry, ...value.slice(index)]);
+    };
     const onDragEnd = (result) => {
       if (!result.destination) {
         return;
@@ -12513,7 +12525,8 @@
               copy,
               isDragging: snapshot.isDragging,
               storedProps: itemCustomPropsRef.current[internalId],
-              updateItemCustomProps
+              updateItemCustomProps,
+              addInIndex
             }
           );
         },
@@ -12544,7 +12557,8 @@
                         copy,
                         isDragging: snapshot.isDragging,
                         storedProps: itemCustomPropsRef.current[internalId],
-                        updateItemCustomProps
+                        updateItemCustomProps,
+                        addInIndex
                       }
                     )
                   },
@@ -12578,6 +12592,7 @@
     disabled,
     buildEntry,
     remove,
+    addInIndex,
     copy,
     isDragging,
     storedProps,
@@ -12616,6 +12631,7 @@
                   remove,
                   index,
                   provided,
+                  addInIndex,
                   copy
                 }
               )
@@ -12631,7 +12647,8 @@
     remove,
     index,
     provided,
-    copy
+    copy,
+    addInIndex
   }) {
     const [menuOpen, setMenuOpen] = React.useState(false);
     const iconRef = React.useRef(null);
@@ -12686,7 +12703,35 @@
                     }, children: [
                       /* @__PURE__ */ jsxRuntime.jsx(ui.ContentCopyIcon, { size: "small" }),
                       "Copy"
-                    ] })
+                    ] }),
+                    addInIndex && /* @__PURE__ */ jsxRuntime.jsxs(
+                      ui.MenuItem,
+                      {
+                        dense: true,
+                        onClick: () => {
+                          setMenuOpen(false);
+                          addInIndex(index);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardArrowUpIcon, { size: "small" }),
+                          "Add on top"
+                        ]
+                      }
+                    ),
+                    addInIndex && /* @__PURE__ */ jsxRuntime.jsxs(
+                      ui.MenuItem,
+                      {
+                        dense: true,
+                        onClick: () => {
+                          setMenuOpen(false);
+                          addInIndex(index + 1);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardArrowDownIcon, { size: "small" }),
+                          "Add below"
+                        ]
+                      }
+                    )
                   ]
                 }
               )
@@ -19447,7 +19492,7 @@
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: "ml-2 fixed top-1 left-2 sm:top-2 sm:left-3 !bg-surface-50 dark:!bg-surface-900 rounded-full w-fit z-20",
+                  className: "ml-2 fixed top-1 left-2 sm:top-2 sm:left-2 !bg-surface-50 dark:!bg-surface-900 rounded-full w-fit z-20",
                   children: /* @__PURE__ */ jsxRuntime.jsx(
                     ui.IconButton,
                     {
@@ -19492,7 +19537,7 @@
             "aria-label": "Open drawer",
             onClick: () => props.setDrawerOpen(true),
             size: "large",
-            className: "absolute sm:top-2 sm:left-5 top-1 left-2",
+            className: "absolute sm:top-2 sm:left-4 top-1 left-2",
             children: /* @__PURE__ */ jsxRuntime.jsx(ui.MenuIcon, {})
           }
         ),
@@ -19503,7 +19548,7 @@
             transparent: true,
             open: props.open,
             onOpenChange: props.setDrawerOpen,
-            title: "Navigaion drawer",
+            title: "Navigation drawer",
             overlayClassName: "bg-white bg-opacity-80",
             children: innerDrawer
           }
@@ -19551,12 +19596,12 @@
         },
         className: ({ isActive }) => ui.cls(
           "rounded-lg truncate",
-          "hover:bg-surface-accent-300 hover:bg-opacity-75 dark:hover:bg-surface-accent-800 dark:hover:bg-opacity-75 text-text-secondary dark:text-surface-200 hover:text-surface-900 hover:dark:text-white",
+          "hover:bg-surface-accent-300 hover:bg-opacity-75 dark:hover:bg-surface-accent-800 dark:hover:bg-opacity-75 text-text-primary dark:text-surface-200 hover:text-surface-900 hover:dark:text-white",
           "flex flex-row items-center mr-8",
           // "transition-all ease-in-out delay-100 duration-300",
           // drawerOpen ? "w-full" : "w-18",
           drawerOpen ? "pl-4 h-12" : "pl-4 h-11",
-          "font-medium text-sm",
+          "font-semibold text-xs",
           isActive ? "bg-surface-accent-200 bg-opacity-60 dark:bg-surface-800 dark:bg-opacity-50" : ""
         ),
         to: url,
@@ -19645,7 +19690,7 @@
           children: groupsWithoutAdmin.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: "bg-surface-50 dark:bg-surface-800 dark:bg-opacity-30 my-4 rounded-lg ml-4",
+              className: "bg-surface-50 dark:bg-surface-800 dark:bg-opacity-30 my-4 rounded-lg ml-3 mr-1",
               children: [
                 buildGroupHeader(group),
                 Object.values(navigationEntries).filter((e) => e.group === group).map((view, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -19730,7 +19775,7 @@
           transition: "padding 100ms cubic-bezier(0.4, 0, 0.6, 1) 0ms",
           padding: drawerOpen ? "32px 144px 0px 24px" : "72px 12px 0px 12px"
         },
-        className: ui.cls("cursor-pointer ml-4"),
+        className: ui.cls("cursor-pointer ml-3 mr-1"),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.Tooltip,
           {