@nocobase/client 1.4.18 → 1.4.20

package/es/application/Application.d.ts

@@ -84,6 +84,7 @@ export declare class Application {
     getPublicPath(): string;
     getApiUrl(pathname?: string): string;
     getRouteUrl(pathname: string): string;
+    getHref(pathname: string): string;
     getCollectionManager(dataSource?: string): import("../data-source").CollectionManager;
     /**
      * @internal

package/es/index.mjs

@@ -68,7 +68,7 @@ import * as ahooks from "ahooks";
 import { useSetState, useRequest as useRequest$1, useBoolean, useUpdate, useLocalStorageState, useEventListener, useMemoizedFn, useDeepCompareEffect, useCreation, useDebounce, useSessionStorageState } from "ahooks";
 import cloneDeep from "lodash/cloneDeep";
 import * as nocobaseClientUtils from "@nocobase/utils/client";
-import { isPlainObject, tval as tval$1, flatten, getValuesByPath, getDefaultFormat, str2moment, toGmt, toLocal, getPickerFormat, Handlebars, dayjs as dayjs$1, uid as uid$1, error, forEach, isPortalInBody, unflatten as unflatten$1, isURL, parse, nextTick, toFixedByStep, parseHTML } from "@nocobase/utils/client";
+import { isPlainObject, tval as tval$1, flatten, getValuesByPath, getDefaultFormat, str2moment, toGmt, toLocal, getPickerFormat, Handlebars, dayjs as dayjs$1, uid as uid$1, error, getDateTimeFormat, forEach, isPortalInBody, unflatten as unflatten$1, isURL, parse, nextTick, toFixedByStep, parseHTML } from "@nocobase/utils/client";
 import deepmerge from "deepmerge";
 import uniq$1 from "lodash/uniq";
 import template from "lodash/template";
@@ -3896,7 +3896,7 @@ class APIClient extends APIClient$1 {
       o.headers["X-With-ACL-Meta"] = !0;
       const n = this.getHeaders();
       return Object.keys(n).forEach((r) => {
-        o.headers[r] = n[r];
+        o.headers[r] = o.headers[r] || n[r];
       }), o;
     }), super.interceptors(), this.useNotificationMiddleware(), this.axios.interceptors.response.use(
       (o) => o,
@@ -4295,7 +4295,7 @@ function addAppVersion(e, t) {
       addAppVersion((n = e.properties) == null ? void 0 : n[o], t);
     }), e;
 }
-const name = "@nocobase/client", version$1 = "1.4.18", license = "AGPL-3.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
+const name = "@nocobase/client", version$1 = "1.4.20", license = "AGPL-3.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
   "@ahooksjs/use-url-state": "3.5.1",
   "@ant-design/cssinjs": "^1.11.1",
   "@ant-design/icons": "^5.1.4",
@@ -4317,9 +4317,9 @@ const name = "@nocobase/client", version$1 = "1.4.18", license = "AGPL-3.0", mai
   "@formily/reactive-react": "^2.2.27",
   "@formily/shared": "^2.2.27",
   "@formily/validator": "^2.2.27",
-  "@nocobase/evaluators": "1.4.18",
-  "@nocobase/sdk": "1.4.18",
-  "@nocobase/utils": "1.4.18",
+  "@nocobase/evaluators": "1.4.20",
+  "@nocobase/sdk": "1.4.20",
+  "@nocobase/utils": "1.4.20",
   ahooks: "^3.7.2",
   antd: "5.12.8",
   "antd-style": "3.7.1",
@@ -10704,35 +10704,35 @@ const DatePickerContext = React.createContext({ utc: !0 }), useDatePickerContext
 };
 DatePicker.ReadPretty = ReadPretty$d.DatePicker;
 DatePicker.RangePicker = function(t) {
-  const { value: o, picker: n = "date", format: r } = t, { t: i } = useTranslation(), a = useFieldSchema(), l = useField(), { utc: c = !0 } = useDatePickerContext(), u = getDateRanges(), d = useCompile(), p = !a["x-filter-operator"], m = [
-    { label: i("Today"), value: u.today },
-    { label: i("Last week"), value: u.lastWeek },
-    { label: i("This week"), value: u.thisWeek },
-    { label: i("Next week"), value: u.nextWeek },
-    { label: i("Last month"), value: u.lastMonth },
-    { label: i("This month"), value: u.thisMonth },
-    { label: i("Next month"), value: u.nextMonth },
-    { label: i("Last quarter"), value: u.lastQuarter },
-    { label: i("This quarter"), value: u.thisQuarter },
-    { label: i("Next quarter"), value: u.nextQuarter },
-    { label: i("Last year"), value: u.lastYear },
-    { label: i("This year"), value: u.thisYear },
-    { label: i("Next year"), value: u.nextYear },
-    { label: i("Last 7 days"), value: u.last7Days },
-    { label: i("Next 7 days"), value: u.next7Days },
-    { label: i("Last 30 days"), value: u.last30Days },
-    { label: i("Next 30 days"), value: u.next30Days },
-    { label: i("Last 90 days"), value: u.last90Days },
-    { label: i("Next 90 days"), value: u.next90Days }
-  ], h = o ? inferPickerType(o == null ? void 0 : o[0]) : n, g = getPickerFormat(h) || r, f = v(x({
-    utc: c,
-    presets: m
+  const { value: o, picker: n = "date", format: r, showTime: i, timeFormat: a } = t, { t: l } = useTranslation(), c = useFieldSchema(), u = useField(), { utc: d = !0 } = useDatePickerContext(), p = getDateRanges(), m = useCompile(), h = !c["x-filter-operator"], g = [
+    { label: l("Today"), value: p.today },
+    { label: l("Last week"), value: p.lastWeek },
+    { label: l("This week"), value: p.thisWeek },
+    { label: l("Next week"), value: p.nextWeek },
+    { label: l("Last month"), value: p.lastMonth },
+    { label: l("This month"), value: p.thisMonth },
+    { label: l("Next month"), value: p.nextMonth },
+    { label: l("Last quarter"), value: p.lastQuarter },
+    { label: l("This quarter"), value: p.thisQuarter },
+    { label: l("Next quarter"), value: p.nextQuarter },
+    { label: l("Last year"), value: p.lastYear },
+    { label: l("This year"), value: p.thisYear },
+    { label: l("Next year"), value: p.nextYear },
+    { label: l("Last 7 days"), value: p.last7Days },
+    { label: l("Next 7 days"), value: p.next7Days },
+    { label: l("Last 30 days"), value: p.last30Days },
+    { label: l("Next 30 days"), value: p.next30Days },
+    { label: l("Last 90 days"), value: p.last90Days },
+    { label: l("Next 90 days"), value: p.next90Days }
+  ], f = o ? inferPickerType(o == null ? void 0 : o[0]) : n, C = getPickerFormat(f) || r, S = v(x({
+    utc: d,
+    presets: g
   }, t), {
-    format: g,
-    picker: h,
-    showTime: t.showTime ? { defaultValue: [dayjs("00:00:00", "HH:mm:ss"), dayjs("00:00:00", "HH:mm:ss")] } : !1
-  }), [C, S] = useState(f);
-  return p ? /* @__PURE__ */ jsxs(Space$1.Compact, { children: [
+    format: getDateTimeFormat(f, C, i, a),
+    picker: f,
+    showTime: i ? { defaultValue: [dayjs("00:00:00", "HH:mm:ss"), dayjs("23:59:59", "HH:mm:ss")] } : !1
+  }), [b, y] = useState(S);
+  return h ? /* @__PURE__ */ jsxs(Space$1.Compact, { children: [
     /* @__PURE__ */ jsx(
       Select$1,
       {
@@ -10740,8 +10740,8 @@ DatePicker.RangePicker = function(t) {
         "data-testid": "select-picker",
         style: { width: "100px" },
         popupMatchSelectWidth: !1,
-        defaultValue: h,
-        options: d([
+        defaultValue: f,
+        options: m([
           {
             label: '{{t("Date")}}',
             value: "date"
@@ -10759,35 +10759,35 @@ DatePicker.RangePicker = function(t) {
             value: "year"
           }
         ]),
-        onChange: (b) => {
-          const y = getPickerFormat(b);
-          l.setComponentProps({
-            picker: b,
-            format: y
-          }), f.picker = b, f.format = y, S(f), a["x-component-props"] = v(x({}, t), {
-            picker: b,
-            format: y
-          }), l.value = void 0;
+        onChange: (F) => {
+          const I = getPickerFormat(F), w = getDateTimeFormat(F, I, i, a);
+          u.setComponentProps({
+            picker: F,
+            format: I
+          }), S.picker = F, S.format = w, y(S), c["x-component-props"] = v(x({}, t), {
+            picker: F,
+            format: w
+          }), u.value = void 0;
         }
       }
     ),
-    /* @__PURE__ */ jsx(InternalRangePicker, v(x({}, C), { value: o }))
-  ] }) : /* @__PURE__ */ jsx(InternalRangePicker, x({}, f));
+    /* @__PURE__ */ jsx(InternalRangePicker, v(x({}, b), { value: o }))
+  ] }) : /* @__PURE__ */ jsx(InternalRangePicker, x({}, S));
 };
 DatePicker.FilterWithPicker = function(t) {
-  const { picker: o = "date", format: n } = t, { utc: r = !0 } = useDatePickerContext(), i = Array.isArray(t.value) ? t.value[0] : t.value, a = useCompile(), l = useFieldSchema(), c = i ? inferPickerType(i) : o, u = getPickerFormat(c) || n, d = v(x({
-    utc: r
+  const { picker: o = "date", format: n, showTime: r, timeFormat: i } = t, { utc: a = !0 } = useDatePickerContext(), l = Array.isArray(t.value) ? t.value[0] : t.value, c = useCompile(), u = useFieldSchema(), d = l ? inferPickerType(l) : o, p = getPickerFormat(d) || n, m = v(x({
+    utc: a
   }, t), {
     underFilter: !0,
-    showTime: t.showTime ? { defaultValue: dayjs("00:00:00", "HH:mm:ss") } : !1,
-    format: u,
-    picker: c,
-    onChange: (g) => {
+    showTime: r ? { defaultValue: dayjs("00:00:00", "HH:mm:ss") } : !1,
+    format: getDateTimeFormat(d, p, r, i),
+    picker: d,
+    onChange: (C) => {
       t.onChange(void 0), setTimeout(() => {
-        t.onChange(g);
+        t.onChange(C);
       });
     }
-  }), p = useField(), [m, h] = useState(d);
+  }), h = useField(), [g, f] = useState(m);
   return /* @__PURE__ */ jsxs(Space$1.Compact, { children: [
     /* @__PURE__ */ jsx(
       Select$1,
@@ -10796,8 +10796,8 @@ DatePicker.FilterWithPicker = function(t) {
         "data-testid": "select-picker",
         style: { width: "100px" },
         popupMatchSelectWidth: !1,
-        defaultValue: c,
-        options: a([
+        defaultValue: d,
+        options: c([
           {
             label: '{{t("Date")}}',
             value: "date"
@@ -10815,19 +10815,19 @@ DatePicker.FilterWithPicker = function(t) {
             value: "year"
           }
         ]),
-        onChange: (g) => {
-          const f = getPickerFormat(g);
-          p.setComponentProps({
-            picker: g,
-            format: f
-          }), d.picker = g, d.format = f, h(d), l["x-component-props"] = v(x({}, t), {
-            picker: g,
-            format: f
-          }), p.value = null;
+        onChange: (C) => {
+          const S = getPickerFormat(C), b = getDateTimeFormat(C, S, r, i);
+          h.setComponentProps({
+            picker: C,
+            format: S
+          }), m.picker = C, m.format = b, f(m), u["x-component-props"] = v(x({}, t), {
+            picker: C,
+            format: b
+          }), h.value = null;
         }
       }
     ),
-    /* @__PURE__ */ jsx(InternalDatePicker, v(x({}, m), { value: i }))
+    /* @__PURE__ */ jsx(InternalDatePicker, v(x({}, g), { value: l }))
   ] });
 };
 const useDateVariable = ({ operator: e, schema: t, noDisabled: o }) => {
@@ -16671,6 +16671,17 @@ function WorkflowConfig() {
             items: {
               type: "object",
               properties: {
+                sort: {
+                  type: "void",
+                  "x-component": "ArrayTable.Column",
+                  "x-component-props": { width: 50, title: "", align: "center" },
+                  properties: {
+                    sort: {
+                      type: "void",
+                      "x-component": "ArrayTable.SortHandle"
+                    }
+                  }
+                },
                 context: {
                   type: "void",
                   "x-component": "ArrayTable.Column",
@@ -17062,7 +17073,10 @@ const ActionLink = withDynamicSchemaProps(
       "&:hover": { "> .general-schema-designer": { display: "block" } },
       "&.nb-action-link": {
         margin: "-12px",
-        padding: "12px"
+        padding: "12px",
+        ".nb-action-title": {
+          marginInlineStart: "0px"
+        }
       },
       "> .general-schema-designer": {
         position: "absolute",
@@ -17512,7 +17526,7 @@ const RenderButtonInner = observer$1(
       "Designer",
       "designerProps"
     ]);
-    return !t && ((I = o == null ? void 0 : o.data) != null && I.hidden || !n) ? /* @__PURE__ */ jsx("div", { style: { visibility: "hidden" }, children: " " }) : /* @__PURE__ */ jsxs(
+    return !t && ((I = o == null ? void 0 : o.data) != null && I.hidden || !n) ? null : /* @__PURE__ */ jsxs(
       SortableItem,
       v(x({
         role: "button",
@@ -18772,6 +18786,10 @@ class Application {
   getRouteUrl(t) {
     return this.getPublicPath() + t.replace(/^\//g, "");
   }
+  getHref(t) {
+    const o = this.name;
+    return o && o !== "main" ? this.getPublicPath() + "apps/" + o + "/" + t.replace(/^\//g, "") : this.getPublicPath() + t.replace(/^\//g, "");
+  }
   getCollectionManager(t) {
     var o;
     return (o = this.dataSourceManager.getDataSource(t)) == null ? void 0 : o.collectionManager;
@@ -22082,7 +22100,7 @@ const SchemaSettingsWrapper = (e) => {
       {
         className: designerCss$4({
           margin: o ? "-12px -8px" : "-18px -16px",
-          padding: o ? "12px 8px" : "18px 16px"
+          padding: o ? "12px 8px" : "12px 16px"
         }),
         children: [
           /* @__PURE__ */ jsx(t, {}),
@@ -22131,7 +22149,7 @@ const useColumnSchema$1 = () => {
     {
       className: designerCss$4({
         margin: l ? "-12px -8px" : "-18px -16px",
-        padding: l ? "12px 8px" : "18px 16px"
+        padding: l ? "12px 8px" : "12px 16px"
       }),
       children: /* @__PURE__ */ jsxs(CollectionFieldContext.Provider, { value: i, children: [
         /* @__PURE__ */ jsx(t, { fieldSchema: n, uiSchema: r, collectionField: i }),
@@ -26347,9 +26365,9 @@ const FilterFormDesigner = () => /* @__PURE__ */ jsx(GeneralSchemaDesigner, { sc
         l(t.name, c), _.set(t, "x-filter-operator", c);
         const u = i.find((S) => S.value === c);
         let d = x({}, t["x-component-props"]);
-        o.value = void 0, (p = u == null ? void 0 : u.schema) != null && p["x-component"] && !(u != null && u.onlyFilterAction) ? (_.set(t, "x-component-props.component", (m = u.schema) == null ? void 0 : m["x-component"]), _.set(o, "componentProps.component", (h = u.schema) == null ? void 0 : h["x-component"]), d = x(v(x({}, t["x-component-props"]), {
+        o.value = void 0, (p = u == null ? void 0 : u.schema) != null && p["x-component"] && !(u != null && u.onlyFilterAction) ? (_.set(t, "x-component-props.component", (m = u.schema) == null ? void 0 : m["x-component"]), _.set(o, "componentProps.component", (h = u.schema) == null ? void 0 : h["x-component"]), d = x(x(v(x({}, t["x-component-props"]), {
           component: u.schema["x-component"]
-        }), (g = u.schema) == null ? void 0 : g["x-component-props"])) : (f = t["x-component-props"]) != null && f.component && (_.set(t, "x-component-props.component", null), _.set(o, "componentProps.component", null), d = x(v(x({}, t["x-component-props"]), {
+        }), o.componentProps), (g = u.schema) == null ? void 0 : g["x-component-props"])) : (f = t["x-component-props"]) != null && f.component && (_.set(t, "x-component-props.component", null), _.set(o, "componentProps.component", null), d = x(v(x({}, t["x-component-props"]), {
           component: null
         }), (C = u.schema) == null ? void 0 : C["x-component-props"])), o.componentProps = d, r.emit("patch", {
           schema: {
@@ -28892,6 +28910,9 @@ const getVariableComponentWithScope = (e) => (t) => {
         return v(x({}, t), {
           collectionName: e
         });
+      },
+      useVisible() {
+        return !useFieldSchema().parent["x-initializer"].includes("bulkEditForm");
       }
     },
     {
@@ -28909,11 +28930,17 @@ const getVariableComponentWithScope = (e) => (t) => {
     },
     {
       name: "assignFieldValues",
-      Component: AssignedFieldValues
+      Component: AssignedFieldValues,
+      useVisible() {
+        return !useFieldSchema().parent["x-initializer"].includes("bulkEditForm");
+      }
     },
     {
       name: "skipRequiredValidation",
-      Component: SkipValidation
+      Component: SkipValidation,
+      useVisible() {
+        return !useFieldSchema().parent["x-initializer"].includes("bulkEditForm");
+      }
     },
     {
       name: "afterSuccessfulSubmission",
@@ -34006,7 +34033,8 @@ const ReadPretty$b = observer$1(
             children: m.label
           })
         )
-      )
+      ),
+      maxTagCount: "responsive"
     }, u)
   );
 }, filterOption = (e, t) => {
@@ -34061,7 +34089,8 @@ const ReadPretty$b = observer$1(
           var p;
           (p = e.onChange) == null || p.call(e, d === void 0 ? null : d);
         },
-        mode: l
+        mode: l,
+        maxTagCount: "responsive"
       })
     );
   },
@@ -40826,9 +40855,6 @@ const InternalListBlockProvider = (e) => {
         "div",
         {
           className: cx(css`
-              .ant-description-input {
-                line-height: 34px;
-              }
               .ant-formily-item-feedback-layout-loose {
                 margin-bottom: 12px;
               }
@@ -43507,7 +43533,9 @@ const useStyles$2 = genStyleHook("nb-rich-text", (e) => {
           modules: i,
           formats: a,
           value: p,
-          onChange: u,
+          onChange: (m) => {
+            u(m === "<p><br></p>" ? void 0 : m);
+          },
           readOnly: d
         }
       )
@@ -46227,7 +46255,7 @@ const useCurrentAppInfo = () => useContext(CurrentAppInfoContext), CurrentAppInf
     isDialect: (o) => (e == null ? void 0 : e.dialect) === o,
     dialect: e == null ? void 0 : e.dialect
   };
-}, supportTypes = ["string", "bigInt", "integer", "uuid", "uid"], SourceForeignKey = observer$1(
+}, supportTypes = ["string", "bigInt", "integer", "uuid", "uid", "nanoid"], SourceForeignKey = observer$1(
   () => {
     const e = useRecord(), { getCollection: t } = useCollectionManager_deprecated(), o = e != null && e.collectionName ? t(e.collectionName) : e, n = useField();
     useForm();
@@ -46328,7 +46356,8 @@ const useCurrentAppInfo = () => useContext(CurrentAppInfoContext), CurrentAppInf
         options: l,
         defaultValue: t || ((u = l == null ? void 0 : l[0]) == null ? void 0 : u.value),
         onChange: e == null ? void 0 : e.onChange,
-        showSearch: !0
+        showSearch: !0,
+        filterOption: (d, p) => p == null ? void 0 : p.label.toLowerCase().includes(d.toLowerCase())
       }
     ) });
   },
@@ -46339,7 +46368,7 @@ const useCurrentAppInfo = () => useContext(CurrentAppInfoContext), CurrentAppInf
     return h.required = !0, useEffect(() => {
       var g;
       r && c(
-        (g = a(r).fields) == null ? void 0 : g.filter((f) => i !== "hasMany" ? f.primaryKey || f.unique : supportTypes.includes(f.type)).map((f) => {
+        (g = a(r).fields) == null ? void 0 : g.filter((f) => f.primaryKey || f.unique ? !0 : i === "hasMany" && supportTypes.includes(f.type)).map((f) => {
           var C;
           return {
             value: f.name,
@@ -46356,7 +46385,7 @@ const useCurrentAppInfo = () => useContext(CurrentAppInfoContext), CurrentAppInf
           var S;
           const { target: f, type: C } = p.values;
           f && g && c(
-            (S = a(f).fields) == null ? void 0 : S.filter((b) => C !== "hasMany" ? b.primaryKey || b.unique : supportTypes.includes(b.type)).map((b) => {
+            (S = a(f).fields) == null ? void 0 : S.filter((b) => b.primaryKey || b.unique ? !0 : C === "hasMany" && supportTypes.includes(b.type)).map((b) => {
               var y;
               return {
                 value: b.name,
@@ -46370,28 +46399,29 @@ const useCurrentAppInfo = () => useContext(CurrentAppInfoContext), CurrentAppInf
           (f = e == null ? void 0 : e.onChange) == null || f.call(e, g), d(g);
         },
         value: u,
-        disabled: o
+        disabled: o,
+        filterOption: (g, f) => f == null ? void 0 : f.label.toLowerCase().includes(g.toLowerCase())
       }
     ) });
   },
   { displayName: "TargetKey" }
 ), ForeignKey = observer$1(
   (e) => {
-    const { disabled: t } = e, [o, n] = useState([]), { getCollection: r } = useCollectionManager_deprecated(), i = useRecord(), a = useField(), { collectionName: l, target: c, type: u, through: d, name: p, template: m } = i, h = i[a.props.name], g = useCompile(), f = useForm(), [C, S] = useState(h || (m === "view" ? null : a.initialValue));
+    const { disabled: t } = e, [o, n] = useState([]), { getCollection: r } = useCollectionManager_deprecated(), i = useRecord(), a = useField(), { collectionName: l, target: c, type: u, through: d, name: p, template: m } = i, h = i[a.props.name], g = useCompile(), f = useForm(), [C, S] = useState(h || (m === "view" ? null : a.initialValue)), [b, y] = useState([]);
     return useEffect(() => {
-      var I;
-      const y = ["belongsTo"].includes(u) ? l : ["belongsToMany"].includes(u) ? d : c, F = (I = r(y)) == null ? void 0 : I.fields;
-      if (F) {
-        const w = F == null ? void 0 : F.filter((k) => supportTypes.includes(k.type)).map((k) => {
-          var A;
+      var k;
+      const I = ["belongsTo"].includes(u) ? l : ["belongsToMany"].includes(u) ? d : c, w = (k = r(I)) == null ? void 0 : k.fields;
+      if (w) {
+        const A = w == null ? void 0 : w.filter((D) => supportTypes.includes(D.type)).map((D) => {
+          var B;
           return {
-            value: k.name,
-            label: g(((A = k.uiSchema) == null ? void 0 : A.title) || k.name)
+            value: D.name,
+            label: g(((B = D.uiSchema) == null ? void 0 : B.title) || D.name)
           };
         });
-        if (n(w), h) {
-          const k = w.find((A) => A.value === h);
-          S((k == null ? void 0 : k.label) || h);
+        if (n(A), y(A), h) {
+          const D = A.find((B) => B.value === h);
+          S((D == null ? void 0 : D.label) || h);
         }
       }
     }, [u]), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -46401,25 +46431,32 @@ const useCurrentAppInfo = () => useContext(CurrentAppInfoContext), CurrentAppInf
         value: C,
         options: o,
         showSearch: !0,
-        onDropdownVisibleChange: (y) => V(void 0, null, function* () {
-          var A;
-          const { target: F, type: I, through: w } = f.values, k = ["belongsTo"].includes(I) ? l || p : ["belongsToMany"].includes(I) ? w : F;
-          if (k && y) {
-            const D = ((A = r(k)) == null ? void 0 : A.fields) || [];
+        onDropdownVisibleChange: (I) => V(void 0, null, function* () {
+          var B;
+          const { target: w, type: k, through: A } = f.values, D = ["belongsTo"].includes(k) ? l || p : ["belongsToMany"].includes(k) ? A : w;
+          if (D && I) {
+            const z = ((B = r(D)) == null ? void 0 : B.fields) || [];
             n(
-              D == null ? void 0 : D.filter((B) => supportTypes.includes(B.type)).map((B) => {
-                var z;
+              z == null ? void 0 : z.filter((O) => supportTypes.includes(O.type)).map((O) => {
+                var j;
                 return {
-                  value: B.name,
-                  label: g(((z = B.uiSchema) == null ? void 0 : z.title) || B.name)
+                  value: O.name,
+                  label: g(((j = O.uiSchema) == null ? void 0 : j.title) || O.name)
                 };
               })
             );
           }
         }),
-        onChange: (y, F) => {
-          var I;
-          (I = e == null ? void 0 : e.onChange) == null || I.call(e, y), S(F.label || y);
+        onChange: (I, w) => {
+          var k;
+          (k = e == null ? void 0 : e.onChange) == null || k.call(e, I), S(w.label || I);
+        },
+        onSearch: (I) => {
+          if (I) {
+            const w = I.toLocaleLowerCase(), k = o.filter((A) => A.label.toLocaleLowerCase().includes(w));
+            n(k);
+          } else
+            n(b);
         }
       }
     ) });
@@ -55482,7 +55519,8 @@ const AdminSettingsLayout = () => {
             {
               style: { marginLeft: -t.margin },
               onClick: ({ key: C }) => {
-                n(replaceRouteParams(o.pluginSettingsManager.getRoutePath(C), i));
+                const S = replaceRouteParams(o.pluginSettingsManager.getRoutePath(C), i);
+                r.pathname !== S && n(S);
               },
               selectedKeys: [d == null ? void 0 : d.name],
               mode: "horizontal",