strapi-plugin-navigation 3.0.3-beta.1 → 3.0.4

package/README.md

@@ -30,7 +30,6 @@ Strapi Navigation Plugin provides a website navigation / menu builder feature fo
 - Tree (nested)
 - RFR (ready for handling by Redux First Router)
 
-
 ### Table of Contents
 1. [💎 Versions](#-versions)
 2. [✨ Features](#-features)
@@ -55,6 +54,7 @@ Strapi Navigation Plugin provides a website navigation / menu builder feature fo
 17. [👨‍💻 Community support](#-community-support)
 
 ## 💎 Versions
+
 - **Strapi v5** - (current) [v3.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation)
 - **Strapi v4** - [v2.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation/tree/strapi-v4)
 - **Strapi v3** - [v1.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-navigation/tree/strapi-v3)
@@ -122,7 +122,7 @@ Complete installation requirements are exact same as for Strapi itself and can b
 
 ## 🔧 Configuration
 
-To start your journey with **Navigation plugin** you must first setup it using the dedicated Settings page or for any version, put your configuration in `config/plugins.{js,ts}`. Anyway we're recommending the click-through option where your configuration is going to be properly validated.
+To start your journey with **Navigation plugin** you must first setup it using the dedicated Settings page or for any version, put your configuration in `config/plugins.{js|ts}`. Anyway we're recommending the click-through option where your configuration is going to be properly validated.
 
 ### Settings page
 
@@ -137,7 +137,7 @@ On the dedicated page, you will be able to set up all crucial properties which d
 
 ### File
 
-Config for this plugin is stored as a part of the `config/plugins.{js, ts}` or `config/<env>/plugins.{js,ts}` file. You can use the following snippet to make sure that the config structure is correct. If you've got already configurations for other plugins stores by this way, you can use the `navigation` along with them. 
+Config for this plugin is stored as a part of the `config/plugins.{js|ts}` or `config/<env>/plugins.{js|ts}` file. You can use the following snippet to make sure that the config structure is correct. If you've got already configurations for other plugins stores by this way, you can use the `navigation` along with them. 
 
 
 ```ts
@@ -571,16 +571,14 @@ query {
     path
     related {
       id
-      attributes {
-        __typename
+      __typename
 
-        ... on Page {
-          Title
-        }
+      ... on Page {
+        Title
+      }
 
-        ... on WithFlowType {
-          Name
-        }
+      ... on WithFlowType {
+        Name
       }
     }
     items {
@@ -589,16 +587,14 @@ query {
       path
       related {
         id
-        attributes {
-          __typename
+        __typename
 
-          ... on Page {
-            Title
-          }
+        ... on Page {
+          Title
+        }
 
-          ... on WithFlowType {
-            Name
-          }
+        ... on WithFlowType {
+          Name
         }
       }
     }
@@ -618,10 +614,8 @@ query {
         "path": "/test-path",
         "related": {
           "id": 3,
-          "attributes": {
-            "__typename": "WithFlowType",
-            "Name": "Test"
-          }
+          "__typename": "WithFlowType",
+          "Name": "Test"
         },
         "items": [
           {
@@ -630,10 +624,8 @@ query {
             "path": "/test-path/nested-one",
             "related": {
               "id": 1,
-              "attributes": {
-                  "__typename": "Page",
-                "Title": "Eg. Page title"
-              }
+              "__typename": "Page",
+              "Title": "Eg. Page title"
             }
           }
         ]
@@ -742,7 +734,7 @@ Live example of plugin usage can be found in the [VirtusLab Strapi Examples](htt
 
 **Q:** I would like to use GraphQL schemas but I'm not getting `renderNavigation` query or even proper types as Navigation, NavigationItem etc. What should I do?
 
-**A:** There is a one trick you might try. Strapi by default is ordering plugins by the way which takes `strapi-plugin-graphql` to initialize earlier than other plugins so types might not be injected. If you don't have it yet, please create `config/plugins.{js,ts}` file and put there following lines (put `graphql` at the end):
+**A:** There is a one trick you might try. Strapi by default is ordering plugins by the way which takes `strapi-plugin-graphql` to initialize earlier than other plugins so types might not be injected. If you don't have it yet, please create `config/plugins.{js|ts}` file and put there following lines (put `graphql` at the end):
 
 ```ts
 module.exports = {
@@ -782,7 +774,7 @@ Feel free to fork and make a Pull Request to this plugin project. All the input
    yarn watch:link
    ```
 
-3. Within the Strapi project, modify `config/plugins.{js,ts}` for `imgix`
+3. Within the Strapi project, modify `config/plugins.{js|ts}` for `imgix`
 
 ```ts
 //...

package/dist/admin/index.js

@@ -5295,9 +5295,9 @@ var handleScroll$2 = function(axis, endTarget, event, sourceDelta, noOverscroll)
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -5379,7 +5379,7 @@ function RemoveScrollSideCar$2(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll$2(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll$2(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React__namespace.useCallback(function(_event) {
     var event = _event;
@@ -10762,9 +10762,9 @@ var handleScroll$1 = function(axis, endTarget, event, sourceDelta, noOverscroll)
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (availableScroll === 0 || !noOverscroll)) {
+  if (isDeltaPositive && (availableScroll === 0 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (availableScrollTop === 0 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (availableScrollTop === 0 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -10848,7 +10848,7 @@ function RemoveScrollSideCar$1(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll$1(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll$1(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React__namespace.useCallback(function(_event) {
     var event = _event;
@@ -12587,9 +12587,9 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -12671,7 +12671,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React__namespace.useCallback(function(_event) {
     var event = _event;
@@ -16765,26 +16765,26 @@ const jsonHighlighting = styleTags({
   "True False": tags.bool,
   PropertyName: tags.propertyName,
   Null: tags.null,
-  ",": tags.separator,
+  ", :": tags.separator,
   "[ ]": tags.squareBracket,
   "{ }": tags.brace
 });
 const parser = LRParser.deserialize({
   version: 14,
-  states: "$bOVQPOOOOQO'#Cb'#CbOnQPO'#CeOvQPO'#CjOOQO'#Cp'#CpQOQPOOOOQO'#Cg'#CgO}QPO'#CfO!SQPO'#CrOOQO,59P,59PO![QPO,59PO!aQPO'#CuOOQO,59U,59UO!iQPO,59UOVQPO,59QOqQPO'#CkO!nQPO,59^OOQO1G.k1G.kOVQPO'#ClO!vQPO,59aOOQO1G.p1G.pOOQO1G.l1G.lOOQO,59V,59VOOQO-E6i-E6iOOQO,59W,59WOOQO-E6j-E6j",
-  stateData: "#O~OcOS~OQSORSOSSOTSOWQO]ROePO~OVXOeUO~O[[O~PVOg^O~Oh_OVfX~OVaO~OhbO[iX~O[dO~Oh_OVfa~OhbO[ia~O",
-  goto: "!kjPPPPPPkPPkqwPPk{!RPPP!XP!ePP!hXSOR^bQWQRf_TVQ_Q`WRg`QcZRicQTOQZRQe^RhbRYQR]R",
-  nodeNames: "⚠ JsonText True False Null Number String } { Object Property PropertyName ] [ Array",
+  states: "$bOVQPOOOOQO'#Cb'#CbOnQPO'#CeOvQPO'#ClOOQO'#Cr'#CrQOQPOOOOQO'#Cg'#CgO}QPO'#CfO!SQPO'#CtOOQO,59P,59PO![QPO,59PO!aQPO'#CuOOQO,59W,59WO!iQPO,59WOVQPO,59QOqQPO'#CmO!nQPO,59`OOQO1G.k1G.kOVQPO'#CnO!vQPO,59aOOQO1G.r1G.rOOQO1G.l1G.lOOQO,59X,59XOOQO-E6k-E6kOOQO,59Y,59YOOQO-E6l-E6l",
+  stateData: "#O~OeOS~OQSORSOSSOTSOWQO_ROgPO~OVXOgUO~O^[O~PVO[^O~O]_OVhX~OVaO~O]bO^iX~O^dO~O]_OVha~O]bO^ia~O",
+  goto: "!kjPPPPPPkPPkqwPPPPk{!RPPP!XP!e!hXSOR^bQWQRf_TVQ_Q`WRg`QcZRicQTOQZRQe^RhbRYQR]R",
+  nodeNames: "⚠ JsonText True False Null Number String } { Object Property PropertyName : , ] [ Array",
   maxTerm: 25,
   nodeProps: [
     ["isolate", -2, 6, 11, ""],
-    ["openedBy", 7, "{", 12, "["],
-    ["closedBy", 8, "}", 13, "]"]
+    ["openedBy", 7, "{", 14, "["],
+    ["closedBy", 8, "}", 15, "]"]
   ],
   propSources: [jsonHighlighting],
   skippedNodes: [0],
   repeatNodeCount: 2,
-  tokenData: "(|~RaXY!WYZ!W]^!Wpq!Wrs!]|}$u}!O$z!Q!R%T!R![&c![!]&t!}#O&y#P#Q'O#Y#Z'T#b#c'r#h#i(Z#o#p(r#q#r(w~!]Oc~~!`Wpq!]qr!]rs!xs#O!]#O#P!}#P;'S!];'S;=`$o<%lO!]~!}Oe~~#QXrs!]!P!Q!]#O#P!]#U#V!]#Y#Z!]#b#c!]#f#g!]#h#i!]#i#j#m~#pR!Q![#y!c!i#y#T#Z#y~#|R!Q![$V!c!i$V#T#Z$V~$YR!Q![$c!c!i$c#T#Z$c~$fR!Q![!]!c!i!]#T#Z!]~$rP;=`<%l!]~$zOh~~$}Q!Q!R%T!R![&c~%YRT~!O!P%c!g!h%w#X#Y%w~%fP!Q![%i~%nRT~!Q![%i!g!h%w#X#Y%w~%zR{|&T}!O&T!Q![&Z~&WP!Q![&Z~&`PT~!Q![&Z~&hST~!O!P%c!Q![&c!g!h%w#X#Y%w~&yOg~~'OO]~~'TO[~~'WP#T#U'Z~'^P#`#a'a~'dP#g#h'g~'jP#X#Y'm~'rOR~~'uP#i#j'x~'{P#`#a(O~(RP#`#a(U~(ZOS~~(^P#f#g(a~(dP#i#j(g~(jP#X#Y(m~(rOQ~~(wOW~~(|OV~",
+  tokenData: "(|~RaXY!WYZ!W]^!Wpq!Wrs!]|}$u}!O$z!Q!R%T!R![&c![!]&t!}#O&y#P#Q'O#Y#Z'T#b#c'r#h#i(Z#o#p(r#q#r(w~!]Oe~~!`Wpq!]qr!]rs!xs#O!]#O#P!}#P;'S!];'S;=`$o<%lO!]~!}Og~~#QXrs!]!P!Q!]#O#P!]#U#V!]#Y#Z!]#b#c!]#f#g!]#h#i!]#i#j#m~#pR!Q![#y!c!i#y#T#Z#y~#|R!Q![$V!c!i$V#T#Z$V~$YR!Q![$c!c!i$c#T#Z$c~$fR!Q![!]!c!i!]#T#Z!]~$rP;=`<%l!]~$zO]~~$}Q!Q!R%T!R![&c~%YRT~!O!P%c!g!h%w#X#Y%w~%fP!Q![%i~%nRT~!Q![%i!g!h%w#X#Y%w~%zR{|&T}!O&T!Q![&Z~&WP!Q![&Z~&`PT~!Q![&Z~&hST~!O!P%c!Q![&c!g!h%w#X#Y%w~&yO[~~'OO_~~'TO^~~'WP#T#U'Z~'^P#`#a'a~'dP#g#h'g~'jP#X#Y'm~'rOR~~'uP#i#j'x~'{P#`#a(O~(RP#`#a(U~(ZOS~~(^P#f#g(a~(dP#i#j(g~(jP#X#Y(m~(rOQ~~(wOW~~(|OV~",
   tokenizers: [0],
   topRules: { "JsonText": [0, 1] },
   tokenPrec: 0
@@ -20825,7 +20825,7 @@ class ContentView {
               child.reuseDOM(next);
           }
           child.sync(view, track);
-          child.flags &= ~7;
+          child.flags &= -8;
         }
         next = prev ? prev.nextSibling : parent.firstChild;
         if (track && !track.written && track.node == parent && next != child.dom)
@@ -20847,7 +20847,7 @@ class ContentView {
       for (let child of this.children)
         if (child.flags & 7) {
           child.sync(view, track);
-          child.flags &= ~7;
+          child.flags &= -8;
         }
     }
   }
@@ -22998,13 +22998,13 @@ class DocView extends ContentView {
       this.dom.style.flexBasis = this.minWidth ? this.minWidth + "px" : "";
       let track = browser.chrome || browser.ios ? { node: observer.selectionRange.focusNode, written: false } : void 0;
       this.sync(this.view, track);
-      this.flags &= ~7;
+      this.flags &= -8;
       if (track && (track.written || observer.selectionRange.focusNode != track.node))
         this.forceSelection = true;
       this.dom.style.height = "";
     });
     this.markedForComposition.forEach(
-      (cView) => cView.flags &= ~8
+      (cView) => cView.flags &= -9
       /* ViewFlag.Composition */
     );
     let gaps = [];
@@ -25090,7 +25090,7 @@ class HeightMap {
     return (this.flags & 2) > 0;
   }
   set outdated(value) {
-    this.flags = (value ? 2 : 0) | this.flags & ~2;
+    this.flags = (value ? 2 : 0) | this.flags & -3;
   }
   setHeight(height) {
     if (this.height != height) {
@@ -42719,7 +42719,7 @@ lodash.exports;
           return symbolToString ? symbolToString.call(value) : "";
         }
         var result2 = value + "";
-        return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
+        return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
       }
       function baseUniq(array, iteratee2, comparator) {
         var index2 = -1, includes2 = arrayIncludes, length = array.length, isCommon = true, result2 = [], seen = result2;
@@ -43271,7 +43271,7 @@ lodash.exports;
         bitmask |= isCurry ? WRAP_PARTIAL_FLAG : WRAP_PARTIAL_RIGHT_FLAG;
         bitmask &= ~(isCurry ? WRAP_PARTIAL_RIGHT_FLAG : WRAP_PARTIAL_FLAG);
         if (!(bitmask & WRAP_CURRY_BOUND_FLAG)) {
-          bitmask &= ~(WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG);
+          bitmask &= -4;
         }
         var newData = [
           func,
@@ -43327,7 +43327,7 @@ lodash.exports;
         }
         var length = partials ? partials.length : 0;
         if (!length) {
-          bitmask &= ~(WRAP_PARTIAL_FLAG | WRAP_PARTIAL_RIGHT_FLAG);
+          bitmask &= -97;
           partials = holders = undefined$1;
         }
         ary2 = ary2 === undefined$1 ? ary2 : nativeMax(toInteger(ary2), 0);
@@ -43360,7 +43360,7 @@ lodash.exports;
         holders = newData[4];
         arity = newData[9] = newData[9] === undefined$1 ? isBindKey ? 0 : func.length : nativeMax(newData[9] - length, 0);
         if (!arity && bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG)) {
-          bitmask &= ~(WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG);
+          bitmask &= -25;
         }
         if (!bitmask || bitmask == WRAP_BIND_FLAG) {
           var result2 = createBind(func, bitmask, thisArg);
@@ -43926,7 +43926,7 @@ lodash.exports;
           return value;
         }
         var result2 = value + "";
-        return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
+        return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
       }
       function toSource(func) {
         if (func != null) {
@@ -44990,7 +44990,7 @@ lodash.exports;
       }
       var isRegExp = nodeIsRegExp ? baseUnary(nodeIsRegExp) : baseIsRegExp;
       function isSafeInteger(value) {
-        return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER;
+        return isInteger(value) && value >= -9007199254740991 && value <= MAX_SAFE_INTEGER;
       }
       var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
       function isString(value) {
@@ -45031,7 +45031,7 @@ lodash.exports;
           return value === 0 ? value : 0;
         }
         value = toNumber(value);
-        if (value === INFINITY || value === -INFINITY) {
+        if (value === INFINITY || value === -Infinity) {
           var sign = value < 0 ? -1 : 1;
           return sign * MAX_INTEGER;
         }
@@ -45066,7 +45066,7 @@ lodash.exports;
         return copyObject(value, keysIn(value));
       }
       function toSafeInteger(value) {
-        return value ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
+        return value ? baseClamp(toInteger(value), -9007199254740991, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
       }
       function toString(value) {
         return value == null ? "" : baseToString(value);
@@ -53557,7 +53557,8 @@ const NavigationItemForm = ({
     },
     [contentTypeItemsQuery.data, configQuery.data, contentTypes]
   );
-  const navigationItemTypeOptions = ["INTERNAL", "EXTERNAL", "WRAPPER"].map((key) => {
+  const availableNavigationItemTypeOptions = !configQuery.data?.contentTypes.length ? ["EXTERNAL", "WRAPPER"] : ["INTERNAL", "EXTERNAL", "WRAPPER"];
+  const navigationItemTypeOptions = availableNavigationItemTypeOptions.map((key) => {
     return {
       key,
       value: key,
@@ -53739,7 +53740,7 @@ const NavigationItemForm = ({
                   onChange: (eventOrPath) => handleChange("type", eventOrPath, onChange),
                   value: values.type,
                   name: "type",
-                  disabled: !configQuery.data?.contentTypes.length || !canUpdate,
+                  disabled: !canUpdate,
                   width: "100%",
                   children: navigationItemTypeOptions.map(({ key, label, value }) => /* @__PURE__ */ jsxRuntime.jsx(SingleSelectOption, { value, children: label }, key))
                 }
@@ -54957,24 +54958,25 @@ const CustomFieldTable = ({
                   children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { textColor: "neutral800", children: customField.required ? /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4x, {}) : /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$1Z, {}) })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { direction: "row", size: 1, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Td, { children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { width: "100%", justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsxs(IconButtonGroup, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   IconButton$1,
                   {
-                    onClick: () => onOpenModal(customField),
-                    label: formatMessage(getTrad(`${tradPrefix}edit`)),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$1r, {}),
+                    onClick: () => onToggleCustomField(customField),
+                    label: formatMessage(
+                      getTrad(`${tradPrefix}${customField.enabled ? "disable" : "enable"}`)
+                    ),
+                    variant: customField.enabled ? "success-light" : "tertiary",
+                    children: customField.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3x, {}) : /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3v, {}),
                     style: { minWidth: 50 }
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   IconButton$1,
                   {
-                    onClick: () => onToggleCustomField(customField),
-                    label: formatMessage(
-                      getTrad(`${tradPrefix}${customField.enabled ? "disable" : "enable"}`)
-                    ),
-                    children: customField.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3x, {}) : /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3v, {}),
+                    onClick: () => onOpenModal(customField),
+                    label: formatMessage(getTrad(`${tradPrefix}edit`)),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$1r, {}),
                     style: { minWidth: 50 }
                   }
                 ),
@@ -54987,7 +54989,7 @@ const CustomFieldTable = ({
                     style: { minWidth: 50 }
                   }
                 )
-              ] }) })
+              ] }) }) })
             ] }, customField.name) : null
           ) })
         ]

package/dist/admin/index.mjs

@@ -5275,9 +5275,9 @@ var handleScroll$2 = function(axis, endTarget, event, sourceDelta, noOverscroll)
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -5359,7 +5359,7 @@ function RemoveScrollSideCar$2(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll$2(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll$2(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React.useCallback(function(_event) {
     var event = _event;
@@ -10742,9 +10742,9 @@ var handleScroll$1 = function(axis, endTarget, event, sourceDelta, noOverscroll)
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (availableScroll === 0 || !noOverscroll)) {
+  if (isDeltaPositive && (availableScroll === 0 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (availableScrollTop === 0 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (availableScrollTop === 0 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -10828,7 +10828,7 @@ function RemoveScrollSideCar$1(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll$1(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll$1(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React.useCallback(function(_event) {
     var event = _event;
@@ -12567,9 +12567,9 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -12651,7 +12651,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React.useCallback(function(_event) {
     var event = _event;
@@ -16745,26 +16745,26 @@ const jsonHighlighting = styleTags({
   "True False": tags.bool,
   PropertyName: tags.propertyName,
   Null: tags.null,
-  ",": tags.separator,
+  ", :": tags.separator,
   "[ ]": tags.squareBracket,
   "{ }": tags.brace
 });
 const parser = LRParser.deserialize({
   version: 14,
-  states: "$bOVQPOOOOQO'#Cb'#CbOnQPO'#CeOvQPO'#CjOOQO'#Cp'#CpQOQPOOOOQO'#Cg'#CgO}QPO'#CfO!SQPO'#CrOOQO,59P,59PO![QPO,59PO!aQPO'#CuOOQO,59U,59UO!iQPO,59UOVQPO,59QOqQPO'#CkO!nQPO,59^OOQO1G.k1G.kOVQPO'#ClO!vQPO,59aOOQO1G.p1G.pOOQO1G.l1G.lOOQO,59V,59VOOQO-E6i-E6iOOQO,59W,59WOOQO-E6j-E6j",
-  stateData: "#O~OcOS~OQSORSOSSOTSOWQO]ROePO~OVXOeUO~O[[O~PVOg^O~Oh_OVfX~OVaO~OhbO[iX~O[dO~Oh_OVfa~OhbO[ia~O",
-  goto: "!kjPPPPPPkPPkqwPPk{!RPPP!XP!ePP!hXSOR^bQWQRf_TVQ_Q`WRg`QcZRicQTOQZRQe^RhbRYQR]R",
-  nodeNames: "⚠ JsonText True False Null Number String } { Object Property PropertyName ] [ Array",
+  states: "$bOVQPOOOOQO'#Cb'#CbOnQPO'#CeOvQPO'#ClOOQO'#Cr'#CrQOQPOOOOQO'#Cg'#CgO}QPO'#CfO!SQPO'#CtOOQO,59P,59PO![QPO,59PO!aQPO'#CuOOQO,59W,59WO!iQPO,59WOVQPO,59QOqQPO'#CmO!nQPO,59`OOQO1G.k1G.kOVQPO'#CnO!vQPO,59aOOQO1G.r1G.rOOQO1G.l1G.lOOQO,59X,59XOOQO-E6k-E6kOOQO,59Y,59YOOQO-E6l-E6l",
+  stateData: "#O~OeOS~OQSORSOSSOTSOWQO_ROgPO~OVXOgUO~O^[O~PVO[^O~O]_OVhX~OVaO~O]bO^iX~O^dO~O]_OVha~O]bO^ia~O",
+  goto: "!kjPPPPPPkPPkqwPPPPk{!RPPP!XP!e!hXSOR^bQWQRf_TVQ_Q`WRg`QcZRicQTOQZRQe^RhbRYQR]R",
+  nodeNames: "⚠ JsonText True False Null Number String } { Object Property PropertyName : , ] [ Array",
   maxTerm: 25,
   nodeProps: [
     ["isolate", -2, 6, 11, ""],
-    ["openedBy", 7, "{", 12, "["],
-    ["closedBy", 8, "}", 13, "]"]
+    ["openedBy", 7, "{", 14, "["],
+    ["closedBy", 8, "}", 15, "]"]
   ],
   propSources: [jsonHighlighting],
   skippedNodes: [0],
   repeatNodeCount: 2,
-  tokenData: "(|~RaXY!WYZ!W]^!Wpq!Wrs!]|}$u}!O$z!Q!R%T!R![&c![!]&t!}#O&y#P#Q'O#Y#Z'T#b#c'r#h#i(Z#o#p(r#q#r(w~!]Oc~~!`Wpq!]qr!]rs!xs#O!]#O#P!}#P;'S!];'S;=`$o<%lO!]~!}Oe~~#QXrs!]!P!Q!]#O#P!]#U#V!]#Y#Z!]#b#c!]#f#g!]#h#i!]#i#j#m~#pR!Q![#y!c!i#y#T#Z#y~#|R!Q![$V!c!i$V#T#Z$V~$YR!Q![$c!c!i$c#T#Z$c~$fR!Q![!]!c!i!]#T#Z!]~$rP;=`<%l!]~$zOh~~$}Q!Q!R%T!R![&c~%YRT~!O!P%c!g!h%w#X#Y%w~%fP!Q![%i~%nRT~!Q![%i!g!h%w#X#Y%w~%zR{|&T}!O&T!Q![&Z~&WP!Q![&Z~&`PT~!Q![&Z~&hST~!O!P%c!Q![&c!g!h%w#X#Y%w~&yOg~~'OO]~~'TO[~~'WP#T#U'Z~'^P#`#a'a~'dP#g#h'g~'jP#X#Y'm~'rOR~~'uP#i#j'x~'{P#`#a(O~(RP#`#a(U~(ZOS~~(^P#f#g(a~(dP#i#j(g~(jP#X#Y(m~(rOQ~~(wOW~~(|OV~",
+  tokenData: "(|~RaXY!WYZ!W]^!Wpq!Wrs!]|}$u}!O$z!Q!R%T!R![&c![!]&t!}#O&y#P#Q'O#Y#Z'T#b#c'r#h#i(Z#o#p(r#q#r(w~!]Oe~~!`Wpq!]qr!]rs!xs#O!]#O#P!}#P;'S!];'S;=`$o<%lO!]~!}Og~~#QXrs!]!P!Q!]#O#P!]#U#V!]#Y#Z!]#b#c!]#f#g!]#h#i!]#i#j#m~#pR!Q![#y!c!i#y#T#Z#y~#|R!Q![$V!c!i$V#T#Z$V~$YR!Q![$c!c!i$c#T#Z$c~$fR!Q![!]!c!i!]#T#Z!]~$rP;=`<%l!]~$zO]~~$}Q!Q!R%T!R![&c~%YRT~!O!P%c!g!h%w#X#Y%w~%fP!Q![%i~%nRT~!Q![%i!g!h%w#X#Y%w~%zR{|&T}!O&T!Q![&Z~&WP!Q![&Z~&`PT~!Q![&Z~&hST~!O!P%c!Q![&c!g!h%w#X#Y%w~&yO[~~'OO_~~'TO^~~'WP#T#U'Z~'^P#`#a'a~'dP#g#h'g~'jP#X#Y'm~'rOR~~'uP#i#j'x~'{P#`#a(O~(RP#`#a(U~(ZOS~~(^P#f#g(a~(dP#i#j(g~(jP#X#Y(m~(rOQ~~(wOW~~(|OV~",
   tokenizers: [0],
   topRules: { "JsonText": [0, 1] },
   tokenPrec: 0
@@ -20805,7 +20805,7 @@ class ContentView {
               child.reuseDOM(next);
           }
           child.sync(view, track);
-          child.flags &= ~7;
+          child.flags &= -8;
         }
         next = prev ? prev.nextSibling : parent.firstChild;
         if (track && !track.written && track.node == parent && next != child.dom)
@@ -20827,7 +20827,7 @@ class ContentView {
       for (let child of this.children)
         if (child.flags & 7) {
           child.sync(view, track);
-          child.flags &= ~7;
+          child.flags &= -8;
         }
     }
   }
@@ -22978,13 +22978,13 @@ class DocView extends ContentView {
       this.dom.style.flexBasis = this.minWidth ? this.minWidth + "px" : "";
       let track = browser.chrome || browser.ios ? { node: observer.selectionRange.focusNode, written: false } : void 0;
       this.sync(this.view, track);
-      this.flags &= ~7;
+      this.flags &= -8;
       if (track && (track.written || observer.selectionRange.focusNode != track.node))
         this.forceSelection = true;
       this.dom.style.height = "";
     });
     this.markedForComposition.forEach(
-      (cView) => cView.flags &= ~8
+      (cView) => cView.flags &= -9
       /* ViewFlag.Composition */
     );
     let gaps = [];
@@ -25070,7 +25070,7 @@ class HeightMap {
     return (this.flags & 2) > 0;
   }
   set outdated(value) {
-    this.flags = (value ? 2 : 0) | this.flags & ~2;
+    this.flags = (value ? 2 : 0) | this.flags & -3;
   }
   setHeight(height) {
     if (this.height != height) {
@@ -42699,7 +42699,7 @@ lodash.exports;
           return symbolToString ? symbolToString.call(value) : "";
         }
         var result2 = value + "";
-        return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
+        return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
       }
       function baseUniq(array, iteratee2, comparator) {
         var index2 = -1, includes2 = arrayIncludes, length = array.length, isCommon = true, result2 = [], seen = result2;
@@ -43251,7 +43251,7 @@ lodash.exports;
         bitmask |= isCurry ? WRAP_PARTIAL_FLAG : WRAP_PARTIAL_RIGHT_FLAG;
         bitmask &= ~(isCurry ? WRAP_PARTIAL_RIGHT_FLAG : WRAP_PARTIAL_FLAG);
         if (!(bitmask & WRAP_CURRY_BOUND_FLAG)) {
-          bitmask &= ~(WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG);
+          bitmask &= -4;
         }
         var newData = [
           func,
@@ -43307,7 +43307,7 @@ lodash.exports;
         }
         var length = partials ? partials.length : 0;
         if (!length) {
-          bitmask &= ~(WRAP_PARTIAL_FLAG | WRAP_PARTIAL_RIGHT_FLAG);
+          bitmask &= -97;
           partials = holders = undefined$1;
         }
         ary2 = ary2 === undefined$1 ? ary2 : nativeMax(toInteger(ary2), 0);
@@ -43340,7 +43340,7 @@ lodash.exports;
         holders = newData[4];
         arity = newData[9] = newData[9] === undefined$1 ? isBindKey ? 0 : func.length : nativeMax(newData[9] - length, 0);
         if (!arity && bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG)) {
-          bitmask &= ~(WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG);
+          bitmask &= -25;
         }
         if (!bitmask || bitmask == WRAP_BIND_FLAG) {
           var result2 = createBind(func, bitmask, thisArg);
@@ -43906,7 +43906,7 @@ lodash.exports;
           return value;
         }
         var result2 = value + "";
-        return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
+        return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
       }
       function toSource(func) {
         if (func != null) {
@@ -44970,7 +44970,7 @@ lodash.exports;
       }
       var isRegExp = nodeIsRegExp ? baseUnary(nodeIsRegExp) : baseIsRegExp;
       function isSafeInteger(value) {
-        return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER;
+        return isInteger(value) && value >= -9007199254740991 && value <= MAX_SAFE_INTEGER;
       }
       var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
       function isString2(value) {
@@ -45011,7 +45011,7 @@ lodash.exports;
           return value === 0 ? value : 0;
         }
         value = toNumber(value);
-        if (value === INFINITY || value === -INFINITY) {
+        if (value === INFINITY || value === -Infinity) {
           var sign = value < 0 ? -1 : 1;
           return sign * MAX_INTEGER;
         }
@@ -45046,7 +45046,7 @@ lodash.exports;
         return copyObject(value, keysIn(value));
       }
       function toSafeInteger(value) {
-        return value ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
+        return value ? baseClamp(toInteger(value), -9007199254740991, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
       }
       function toString(value) {
         return value == null ? "" : baseToString(value);
@@ -53537,7 +53537,8 @@ const NavigationItemForm = ({
     },
     [contentTypeItemsQuery.data, configQuery.data, contentTypes]
   );
-  const navigationItemTypeOptions = ["INTERNAL", "EXTERNAL", "WRAPPER"].map((key) => {
+  const availableNavigationItemTypeOptions = !configQuery.data?.contentTypes.length ? ["EXTERNAL", "WRAPPER"] : ["INTERNAL", "EXTERNAL", "WRAPPER"];
+  const navigationItemTypeOptions = availableNavigationItemTypeOptions.map((key) => {
     return {
       key,
       value: key,
@@ -53719,7 +53720,7 @@ const NavigationItemForm = ({
                   onChange: (eventOrPath) => handleChange("type", eventOrPath, onChange),
                   value: values.type,
                   name: "type",
-                  disabled: !configQuery.data?.contentTypes.length || !canUpdate,
+                  disabled: !canUpdate,
                   width: "100%",
                   children: navigationItemTypeOptions.map(({ key, label, value }) => /* @__PURE__ */ jsx(SingleSelectOption, { value, children: label }, key))
                 }
@@ -54937,24 +54938,25 @@ const CustomFieldTable = ({
                   children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: customField.required ? /* @__PURE__ */ jsx(ForwardRef$4x, {}) : /* @__PURE__ */ jsx(ForwardRef$1Z, {}) })
                 }
               ) }),
-              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "row", size: 1, children: [
+              /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { width: "100%", justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ jsxs(IconButtonGroup, { children: [
                 /* @__PURE__ */ jsx(
                   IconButton$1,
                   {
-                    onClick: () => onOpenModal(customField),
-                    label: formatMessage(getTrad(`${tradPrefix}edit`)),
-                    children: /* @__PURE__ */ jsx(ForwardRef$1r, {}),
+                    onClick: () => onToggleCustomField(customField),
+                    label: formatMessage(
+                      getTrad(`${tradPrefix}${customField.enabled ? "disable" : "enable"}`)
+                    ),
+                    variant: customField.enabled ? "success-light" : "tertiary",
+                    children: customField.enabled ? /* @__PURE__ */ jsx(ForwardRef$3x, {}) : /* @__PURE__ */ jsx(ForwardRef$3v, {}),
                     style: { minWidth: 50 }
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   IconButton$1,
                   {
-                    onClick: () => onToggleCustomField(customField),
-                    label: formatMessage(
-                      getTrad(`${tradPrefix}${customField.enabled ? "disable" : "enable"}`)
-                    ),
-                    children: customField.enabled ? /* @__PURE__ */ jsx(ForwardRef$3x, {}) : /* @__PURE__ */ jsx(ForwardRef$3v, {}),
+                    onClick: () => onOpenModal(customField),
+                    label: formatMessage(getTrad(`${tradPrefix}edit`)),
+                    children: /* @__PURE__ */ jsx(ForwardRef$1r, {}),
                     style: { minWidth: 50 }
                   }
                 ),
@@ -54967,7 +54969,7 @@ const CustomFieldTable = ({
                     style: { minWidth: 50 }
                   }
                 )
-              ] }) })
+              ] }) }) })
             ] }, customField.name) : null
           ) })
         ]

package/dist/server/index.js

@@ -574,7 +574,7 @@ const getNavigationItemRepository = ___default.once((context) => ({
     const { itemModel } = getPluginModels(context);
     return context.strapi.query(itemModel.uid).findMany({
       where: {
-        $or: ids.map((documentId) => ({ master: documentId }))
+        $or: ids.map((id) => ({ master: id }))
       },
       limit: Number.MAX_SAFE_INTEGER
     }).then(navigationItemsDBSchema.parse);
@@ -15264,7 +15264,7 @@ const adminService = (context) => ({
       populate: "*"
     });
     await cleanNavigationItems(
-      allNavigations.map(({ documentId: documentId2 }) => documentId2)
+      allNavigations.map(({ id }) => id)
     );
     await navigationRepository.remove({ documentId: navigation2.documentId });
     sendAuditLog(auditLog, "onNavigationDeletion", {

package/dist/server/index.mjs

@@ -536,7 +536,7 @@ const getNavigationItemRepository = once$1((context) => ({
     const { itemModel } = getPluginModels(context);
     return context.strapi.query(itemModel.uid).findMany({
       where: {
-        $or: ids.map((documentId) => ({ master: documentId }))
+        $or: ids.map((id) => ({ master: id }))
       },
       limit: Number.MAX_SAFE_INTEGER
     }).then(navigationItemsDBSchema.parse);
@@ -15226,7 +15226,7 @@ const adminService = (context) => ({
       populate: "*"
     });
     await cleanNavigationItems(
-      allNavigations.map(({ documentId: documentId2 }) => documentId2)
+      allNavigations.map(({ id }) => id)
     );
     await navigationRepository.remove({ documentId: navigation2.documentId });
     sendAuditLog(auditLog, "onNavigationDeletion", {

package/dist/server/src/repositories/navigation-item.d.ts

@@ -24,7 +24,7 @@ export declare const getNavigationItemRepository: (context: {
     count(where: any): Promise<number>;
     remove(item: NavigationItemRemoveMinimal): Promise<any>;
     removeForIds(ids: string[]): Promise<import("@strapi/database/dist/types").CountResult>;
-    findForMasterIds(ids: string[]): Promise<NavigationItemDBSchema[]>;
+    findForMasterIds(ids: number[]): Promise<NavigationItemDBSchema[]>;
 };
 export declare const removeSensitiveFields: ({ related, items, ...item }: NavigationItemDBSchema) => NavigationItemDBSchema;
 export declare const flattenRelated: ({ related, ...item }: any) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-navigation",
-  "version": "3.0.3-beta.1",
+  "version": "3.0.4",
   "description": "Strapi - Navigation plugin",
   "strapi": {
     "name": "navigation",