@mattisvensson/strapi-plugin-webatlas 0.11.4 → 0.11.6

package/README.md

@@ -34,6 +34,7 @@ This plugin is still in the early stages of development. Many features are plann
 - **🧭 Multiple Navigations** Support for creating and managing multiple navigation structures. Whether it's a main menu, footer links, or a custom mobile drawer — organize your content into any number of navigations with drag-and-drop sorting, nested items, and visibility toggles.
 - **🧩 Composable Component Integration** Use plugin-generated slugs and navigations directly in your frontend. Fetch routes and navigation data by slug and with a consistent API response, optimized for dynamic rendering.
 - **🧠 Conflict Detection & Validation** Webatlas prevents slug collisions and helps avoid route conflicts by validating changes in real time. Get clear error messages and automatic suggestions when something doesn’t align.
+- **🔗 RoutePicker Custom Field** Use the RoutePicker custom field to select routes within your content types, ensuring consistent linking and navigation throughout your application.
 
 ## ⏳ Installation
 
@@ -104,6 +105,10 @@ After selecting the source field for path generation in settings, you'll see the
 
 **UID Path (UID Path)**: A permanent identifier path that never changes, used as a backup URL.
 
+### RoutePicker Custom Field
+
+The RoutePicker custom field allows you to select a route from the existing routes in your Strapi application. This ensures that links between content types are consistent and automatically updated when the route changes. You can use it for example in a "Button" component to link to a different page.
+
 ### API endpoints
 
 Webatlas provides two API endpoints. One to fetch routes and one to fetch navigations.

package/dist/admin/RoutePicker-C6omysLv.mjs

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from "react";
+import { Field, Combobox, ComboboxOption, Box } from "@strapi/design-system";
+import { ExternalLink, Link } from "@strapi/icons";
+import { u as useApi } from "./index-OkabmPb4.mjs";
+import "@strapi/strapi/admin";
+const Input = forwardRef((props, ref) => {
+  const { attribute, disabled, placeholder, label, name, onChange, required, value, hint } = props;
+  const { getAllRoutes } = useApi();
+  const [routes, setRoutes] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [displayValue, setDisplayValue] = useState("");
+  const isDisabled = disabled || isLoading;
+  const handleChange = (newValue) => {
+    onChange({
+      target: { name, type: attribute.type, value: encodeURI(newValue) }
+    });
+  };
+  const handleOptionCreate = (inputValue) => {
+    const linkValue = typeof inputValue === "string" ? inputValue : inputValue?.target?.value || String(inputValue || "");
+    if (linkValue) {
+      handleChange(linkValue);
+      setDisplayValue(encodeURI(linkValue));
+    }
+  };
+  const getStartIcon = () => {
+    if (!value) return null;
+    const matchedRoute = routes.find((route) => route.documentId === value);
+    if (matchedRoute) {
+      return /* @__PURE__ */ jsx(Link, { fill: "neutral500" });
+    }
+    return /* @__PURE__ */ jsx(ExternalLink, { fill: "neutral500" });
+  };
+  useEffect(() => {
+    const fetchRoutes = async () => {
+      setIsLoading(true);
+      const fetchedRoutes = await getAllRoutes();
+      setRoutes(fetchedRoutes);
+      setIsLoading(false);
+      if (value) {
+        const matchedRoute = fetchedRoutes.find((route) => route.documentId === value);
+        if (matchedRoute) {
+          setDisplayValue(`${matchedRoute.title} (${matchedRoute.path})`);
+        } else {
+          setDisplayValue(value);
+        }
+      } else {
+        setDisplayValue("");
+      }
+    };
+    fetchRoutes();
+  }, [value]);
+  return /* @__PURE__ */ jsxs(Field.Root, { id: name, required, hint, disabled: isDisabled, children: [
+    /* @__PURE__ */ jsx(Field.Label, { children: label }),
+    /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        ref,
+        placeholder,
+        "aria-label": label,
+        "aria-disabled": isDisabled,
+        value: value || "",
+        textValue: displayValue || "",
+        creatable: true,
+        onCreateOption: handleOptionCreate,
+        createMessage: (inputValue) => `Use external link: ${encodeURI(inputValue)}`,
+        creatableStartIcon: /* @__PURE__ */ jsx(ExternalLink, { fill: "neutral500" }),
+        startIcon: getStartIcon(),
+        onChange: (routeId) => {
+          if (!routeId) {
+            setDisplayValue("");
+            handleChange("");
+            return;
+          }
+          const selectedRoute = routes.find((r) => r.documentId === routeId);
+          if (selectedRoute) {
+            setDisplayValue(`${selectedRoute.title} (${selectedRoute.path})`);
+            handleChange(routeId);
+          }
+        },
+        onInputChange: (inputValue) => {
+          const textValue = typeof inputValue === "string" ? inputValue : inputValue?.target?.value || "";
+          setDisplayValue(textValue);
+        },
+        children: routes.map((route) => /* @__PURE__ */ jsxs(ComboboxOption, { value: route.documentId, children: [
+          route.title,
+          " (",
+          route.path,
+          ")"
+        ] }, route.documentId))
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Field.Hint, {}),
+      /* @__PURE__ */ jsx(Field.Error, {})
+    ] })
+  ] });
+});
+export {
+  Input as default
+};

package/dist/admin/RoutePicker-CZKBOemS.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const index = require("./index-ik3u6iCE.js");
+require("@strapi/strapi/admin");
+const Input = React.forwardRef((props, ref) => {
+  const { attribute, disabled, placeholder, label, name, onChange, required, value, hint } = props;
+  const { getAllRoutes } = index.useApi();
+  const [routes, setRoutes] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [displayValue, setDisplayValue] = React.useState("");
+  const isDisabled = disabled || isLoading;
+  const handleChange = (newValue) => {
+    onChange({
+      target: { name, type: attribute.type, value: encodeURI(newValue) }
+    });
+  };
+  const handleOptionCreate = (inputValue) => {
+    const linkValue = typeof inputValue === "string" ? inputValue : inputValue?.target?.value || String(inputValue || "");
+    if (linkValue) {
+      handleChange(linkValue);
+      setDisplayValue(encodeURI(linkValue));
+    }
+  };
+  const getStartIcon = () => {
+    if (!value) return null;
+    const matchedRoute = routes.find((route) => route.documentId === value);
+    if (matchedRoute) {
+      return /* @__PURE__ */ jsxRuntime.jsx(icons.Link, { fill: "neutral500" });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, { fill: "neutral500" });
+  };
+  React.useEffect(() => {
+    const fetchRoutes = async () => {
+      setIsLoading(true);
+      const fetchedRoutes = await getAllRoutes();
+      setRoutes(fetchedRoutes);
+      setIsLoading(false);
+      if (value) {
+        const matchedRoute = fetchedRoutes.find((route) => route.documentId === value);
+        if (matchedRoute) {
+          setDisplayValue(`${matchedRoute.title} (${matchedRoute.path})`);
+        } else {
+          setDisplayValue(value);
+        }
+      } else {
+        setDisplayValue("");
+      }
+    };
+    fetchRoutes();
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: name, required, hint, disabled: isDisabled, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Combobox,
+      {
+        ref,
+        placeholder,
+        "aria-label": label,
+        "aria-disabled": isDisabled,
+        value: value || "",
+        textValue: displayValue || "",
+        creatable: true,
+        onCreateOption: handleOptionCreate,
+        createMessage: (inputValue) => `Use external link: ${encodeURI(inputValue)}`,
+        creatableStartIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, { fill: "neutral500" }),
+        startIcon: getStartIcon(),
+        onChange: (routeId) => {
+          if (!routeId) {
+            setDisplayValue("");
+            handleChange("");
+            return;
+          }
+          const selectedRoute = routes.find((r) => r.documentId === routeId);
+          if (selectedRoute) {
+            setDisplayValue(`${selectedRoute.title} (${selectedRoute.path})`);
+            handleChange(routeId);
+          }
+        },
+        onInputChange: (inputValue) => {
+          const textValue = typeof inputValue === "string" ? inputValue : inputValue?.target?.value || "";
+          setDisplayValue(textValue);
+        },
+        children: routes.map((route) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ComboboxOption, { value: route.documentId, children: [
+          route.title,
+          " (",
+          route.path,
+          ")"
+        ] }, route.documentId))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+    ] })
+  ] });
+});
+exports.default = Input;

package/dist/admin/{SettingTitle-CcNfx_4T.mjs → SettingTitle-Bu_8jLRE.mjs}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Button, Flex, Typography, Box } from "@strapi/design-system";
 import { Page, Layouts } from "@strapi/strapi/admin";
-import { f as PLUGIN_NAME, g as getTranslation } from "./index-BX3hiURm.mjs";
+import { f as PLUGIN_NAME, g as getTranslation } from "./index-OkabmPb4.mjs";
 import { useIntl } from "react-intl";
 import { Check } from "@strapi/icons";
 function PageWrapper({

package/dist/admin/{SettingTitle-BdiDHFXF.js → SettingTitle-DcQMSkno.js}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-BkPtrXJO.js");
+const index = require("./index-ik3u6iCE.js");
 const reactIntl = require("react-intl");
 const icons = require("@strapi/icons");
 function PageWrapper({

package/dist/admin/{index-BdyLsiR4.mjs → index-Bp-XFH1V.mjs}

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
-import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-BX3hiURm.mjs";
+import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-OkabmPb4.mjs";
 import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
 import { Grid, Box, Field, Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Table, Tbody, EmptyStateLayout } from "@strapi/design-system";
 import "@strapi/icons/symbols";

package/dist/admin/{index-Sj2FxwAu.js → index-CbllvYIN.js}

@@ -4,11 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-BkPtrXJO.js");
+const index = require("./index-ik3u6iCE.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Da2n70bJ.js");
-const SettingTitle = require("./SettingTitle-BdiDHFXF.js");
+const SettingTitle = require("./SettingTitle-DcQMSkno.js");
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":

package/dist/admin/{index-uW7YJoRU.js → index-CoLBgxOP.js}

@@ -7,7 +7,7 @@ const designSystem = require("@strapi/design-system");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const reactIntl = require("react-intl");
-const index = require("./index-BkPtrXJO.js");
+const index = require("./index-ik3u6iCE.js");
 const admin = require("@strapi/strapi/admin");
 const FullLoader = require("./FullLoader-Da2n70bJ.js");
 const symbols = require("@strapi/icons/symbols");
@@ -582,8 +582,8 @@ function pathReducer(state, action) {
         prevValue: state.value,
         needsUrlCheck: false
       };
-    case "RESET_URL_CHECK_FLAG":
-      return { ...state, needsUrlCheck: false };
+    case "SET_URL_CHECK_FLAG":
+      return { ...state, needsUrlCheck: action.payload || false };
     case "SET_REPLACEMENT":
       return { ...state, replacement: action.payload };
     case "SET_UIDPATH":
@@ -866,7 +866,7 @@ function ItemDetails({
         routeDocumentId: route.documentId,
         withoutTransform: true
       });
-      dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+      dispatchPath({ type: "SET_URL_CHECK_FLAG" });
     }
   }, [path.needsUrlCheck, route.documentId]);
   React.useEffect(() => {
@@ -6747,7 +6747,7 @@ function ItemEditComponent({
         url: path.value,
         routeDocumentId: item.route.documentId
       });
-      dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+      dispatchPath({ type: "SET_URL_CHECK_FLAG" });
     }
   }, [path.needsUrlCheck, item.route.documentId]);
   const updateItem = async () => {

package/dist/admin/{index-DkEReTkt.mjs → index-DLMGEpc0.mjs}

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useReducer, useState, useRef, useEffect } from "react";
 import { Field } from "@strapi/design-system";
 import { useNotification, Page } from "@strapi/strapi/admin";
-import { c as usePluginConfig, g as getTranslation, p as pluginPermissions } from "./index-BX3hiURm.mjs";
+import { c as usePluginConfig, g as getTranslation, p as pluginPermissions } from "./index-OkabmPb4.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
-import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-CcNfx_4T.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-Bu_8jLRE.mjs";
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":

package/dist/admin/{index-DkfE_arE.mjs → index-DjLi4gIu.mjs}

@@ -5,7 +5,7 @@ import { Box, Typography, Dialog, Button, Modal, Flex, SingleSelect, SingleSelec
 import { useState, useEffect, createContext, useRef, useContext, useMemo, useReducer, useCallback, forwardRef } from "react";
 import { createPortal } from "react-dom";
 import { useIntl } from "react-intl";
-import { u as useApi, g as getTranslation, P as PLUGIN_ID, d as debounce, a as duplicateCheck, T as Tooltip, b as PathInfo, c as usePluginConfig, p as pluginPermissions } from "./index-BX3hiURm.mjs";
+import { u as useApi, g as getTranslation, P as PLUGIN_ID, d as debounce, a as duplicateCheck, T as Tooltip, b as PathInfo, c as usePluginConfig, p as pluginPermissions } from "./index-OkabmPb4.mjs";
 import { useNotification, useFetchClient, Page, Layouts } from "@strapi/strapi/admin";
 import { C as Center, F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
 import { EmptyDocuments } from "@strapi/icons/symbols";
@@ -580,8 +580,8 @@ function pathReducer(state, action) {
         prevValue: state.value,
         needsUrlCheck: false
       };
-    case "RESET_URL_CHECK_FLAG":
-      return { ...state, needsUrlCheck: false };
+    case "SET_URL_CHECK_FLAG":
+      return { ...state, needsUrlCheck: action.payload || false };
     case "SET_REPLACEMENT":
       return { ...state, replacement: action.payload };
     case "SET_UIDPATH":
@@ -864,7 +864,7 @@ function ItemDetails({
         routeDocumentId: route.documentId,
         withoutTransform: true
       });
-      dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+      dispatchPath({ type: "SET_URL_CHECK_FLAG" });
     }
   }, [path.needsUrlCheck, route.documentId]);
   useEffect(() => {
@@ -6745,7 +6745,7 @@ function ItemEditComponent({
         url: path.value,
         routeDocumentId: item.route.documentId
       });
-      dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+      dispatchPath({ type: "SET_URL_CHECK_FLAG" });
     }
   }, [path.needsUrlCheck, item.route.documentId]);
   const updateItem = async () => {

package/dist/admin/{index-CEBh9c4X.js → index-Dok2SBFT.js}

@@ -4,11 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-BkPtrXJO.js");
+const index = require("./index-ik3u6iCE.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Da2n70bJ.js");
-const SettingTitle = require("./SettingTitle-BdiDHFXF.js");
+const SettingTitle = require("./SettingTitle-DcQMSkno.js");
 const icons = require("@strapi/icons");
 function ContentTypeAccordion({
   contentType,

package/dist/admin/{index-BMTlUOrK.mjs → index-DqA1gNsu.mjs}

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useReducer, useState, useRef, useEffect } from "react";
 import { Box, Accordion, Field, SingleSelect, SingleSelectOption, Typography, Link } from "@strapi/design-system";
 import { useNotification, Page } from "@strapi/strapi/admin";
-import { g as getTranslation, c as usePluginConfig, e as useAllContentTypes, p as pluginPermissions, f as PLUGIN_NAME, h as PLUGIN_VERSION } from "./index-BX3hiURm.mjs";
+import { g as getTranslation, c as usePluginConfig, e as useAllContentTypes, p as pluginPermissions, f as PLUGIN_NAME, h as PLUGIN_VERSION } from "./index-OkabmPb4.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
-import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-CcNfx_4T.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-Bu_8jLRE.mjs";
 import { ExternalLink } from "@strapi/icons";
 function ContentTypeAccordion({
   contentType,

package/dist/admin/{index-BX3hiURm.mjs → index-OkabmPb4.mjs}

@@ -52,7 +52,7 @@ function transformToUrl(input, replaceSlash = true) {
   input = input.replace(/-+/g, "-");
   return input;
 }
-const version = "0.11.3";
+const version = "0.11.5";
 const strapi$1 = { "name": "webatlas", "displayName": "Webatlas" };
 const pluginPkg = {
   version,
@@ -3663,7 +3663,7 @@ function Tooltip({ description }) {
     ) }) })
   ] }) });
 }
-function PathInput({ path, dispatchPath, isOverride, config }) {
+function PathInput({ path, dispatchPath, isOverride, config, hasUserInteracted }) {
   const { formatMessage } = useIntl();
   const displayedPath = isOverride && path.overridePath !== void 0 ? path.overridePath : path.value ?? "";
   const inputBorder = path.replacement === null ? "" : path.replacement ? "1px solid #ee5e52" : "1px solid #5cb176";
@@ -3701,12 +3701,21 @@ function PathInput({ path, dispatchPath, isOverride, config }) {
           {
             id: "path-input",
             value: displayedPath,
-            onChange: (e) => dispatchPath({ type: "SET_OVERRIDEPATH", payload: e.target.value }),
+            onChange: (e) => {
+              hasUserInteracted.current = true;
+              dispatchPath({ type: "SET_OVERRIDEPATH", payload: e.target.value });
+            },
             disabled: !isOverride,
-            onBlur: (e) => dispatchPath({
-              type: "SET_OVERRIDEPATH",
-              payload: transformToUrl(e.target.value, false)
-            }),
+            onBlur: (e) => {
+              dispatchPath({
+                type: "SET_OVERRIDEPATH",
+                payload: transformToUrl(e.target.value, false)
+              });
+              dispatchPath({
+                type: "SET_URL_CHECK_FLAG",
+                payload: true
+              });
+            },
             style: { outline: inputBorder }
           }
         ),
@@ -3795,8 +3804,8 @@ function reducer(state, action) {
         prevValue: state.value,
         needsUrlCheck: false
       };
-    case "RESET_URL_CHECK_FLAG":
-      return { ...state, needsUrlCheck: false };
+    case "SET_URL_CHECK_FLAG":
+      return { ...state, needsUrlCheck: action.payload || false };
     case "SET_REPLACEMENT":
       return { ...state, replacement: action.payload };
     case "SET_UIDPATH":
@@ -3928,7 +3937,7 @@ const Panel = ({ config }) => {
     if (path.needsUrlCheck && path.value) {
       if (path.uidPath === path.value || initialPath.current === path.value) return;
       debouncedCheckPath(path.value, route?.documentId || null);
-      dispatchPath({ type: "RESET_URL_CHECK_FLAG" });
+      dispatchPath({ type: "SET_URL_CHECK_FLAG" });
     } else {
       setValidationState("idle");
       dispatchPath({ type: "SET_REPLACEMENT", payload: null });
@@ -4055,7 +4064,8 @@ const Panel = ({ config }) => {
           path,
           dispatchPath,
           isOverride,
-          config
+          config,
+          hasUserInteracted
         }
       ),
       validationState !== "initial" && /* @__PURE__ */ jsx(PathInfo, { validationState, replacement: path.replacement })
@@ -4141,7 +4151,7 @@ const index = {
         id: `${PLUGIN_ID}.link.paths`,
         defaultMessage: "Paths"
       },
-      Component: () => import("./index-BdyLsiR4.mjs"),
+      Component: () => import("./index-Bp-XFH1V.mjs"),
       permissions: [pluginPermissions["page.routes"][0]]
     });
     app.addMenuLink({
@@ -4151,7 +4161,7 @@ const index = {
         id: `${PLUGIN_ID}.link.navigation`,
         defaultMessage: "Navigation"
       },
-      Component: () => import("./index-DkfE_arE.mjs"),
+      Component: () => import("./index-DjLi4gIu.mjs"),
       permissions: [pluginPermissions["page.navigation"][0]]
     });
     app.addSettingsLink(
@@ -4169,7 +4179,7 @@ const index = {
         },
         id: `${PLUGIN_ID}-general`,
         to: `${PLUGIN_ID}/general`,
-        Component: () => import("./index-BMTlUOrK.mjs"),
+        Component: () => import("./index-DqA1gNsu.mjs"),
         permissions: [pluginPermissions["settings.general"][0]]
       }
     );
@@ -4180,9 +4190,51 @@ const index = {
       },
       id: `${PLUGIN_ID}-navigation`,
       to: `${PLUGIN_ID}/navigation`,
-      Component: () => import("./index-DkEReTkt.mjs"),
+      Component: () => import("./index-DLMGEpc0.mjs"),
       permissions: [pluginPermissions["settings.navigation"][0]]
     });
+    app.customFields.register({
+      name: "route-picker",
+      pluginId: PLUGIN_ID,
+      type: "string",
+      intlLabel: {
+        id: `${PLUGIN_ID}.route-picker.label`,
+        defaultMessage: "Route Picker"
+      },
+      intlDescription: {
+        id: `${PLUGIN_ID}.route-picker.description`,
+        defaultMessage: "Select a route"
+      },
+      components: {
+        Input: async () => import("./RoutePicker-C6omysLv.mjs").then((module) => ({
+          default: module.default
+        }))
+      },
+      options: {
+        advanced: [
+          {
+            sectionTitle: {
+              id: "global.settings",
+              defaultMessage: "Settings"
+            },
+            items: [
+              {
+                name: "required",
+                type: "checkbox",
+                intlLabel: {
+                  id: "content-type-builder.form.attribute.item.requiredField",
+                  defaultMessage: "Required field"
+                },
+                description: {
+                  id: "content-type-builder.form.attribute.item.requiredField.description",
+                  defaultMessage: "You won't be able to create an entry if this field is empty"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    });
     app.registerPlugin({
       id: PLUGIN_ID,
       initializer: Initializer,

package/dist/admin/{index-DBG6vBGU.js → index-e8zVLBgW.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const index = require("./index-BkPtrXJO.js");
+const index = require("./index-ik3u6iCE.js");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 require("@strapi/icons/symbols");