@dovetail-v2/refine 0.3.19-alpha.3 → 0.3.20-alpha.0

package/dist/components/Form/type.d.ts

@@ -24,7 +24,7 @@ export type RefineFormFieldRenderProps = {
 export type RefineFormField = {
     path: string[];
     key: string;
-    label: string;
+    label: React.ReactNode | ((formValue: FieldValues) => React.ReactNode);
     placeholder?: string;
     helperText?: React.ReactNode;
     type?: 'number';

package/dist/components/PVCDistributeStorage/index.d.ts

@@ -6,11 +6,15 @@ interface DistributeStorageFormHandler {
 interface DistributeStorageFormProps {
     pvc: PersistentVolumeClaimModel;
     defaultValue: number;
+    label?: React.ReactNode;
+    onBlur?: (value: number, setValue: (value: number) => void) => void;
 }
 export declare const DistributeStorageForm: React.ForwardRefExoticComponent<DistributeStorageFormProps & React.RefAttributes<DistributeStorageFormHandler>>;
 interface PVCDistributeStorageProps {
     pvc: PersistentVolumeClaimModel;
     editable: boolean;
+    label?: React.ReactNode;
+    onBlur?: (value: number, setValue: (value: number) => void) => void;
 }
-declare function PVCDistributeStorage({ pvc, editable }: PVCDistributeStorageProps): JSX.Element;
+declare function PVCDistributeStorage({ pvc, editable, label, onBlur, }: PVCDistributeStorageProps): JSX.Element;
 export default PVCDistributeStorage;

package/dist/components/ShowContent/fields.d.ts

@@ -74,7 +74,13 @@ export declare const DurationField: <Model extends JobModel | CronJobModel>(i18n
 export declare const StorageClassProvisionerField: <Model extends StorageClassModel>(i18n: I18nType) => ShowField<Model>;
 export declare const StorageClassPvField: <Model extends StorageClassModel>() => ShowField<Model>;
 export declare const PVCapacityField: <Model extends PersistentVolumeModel>(i18n: I18nType) => ShowField<Model>;
-export declare const PVCStorageField: <Model extends PersistentVolumeClaimModel>(i18n: I18nType) => ShowField<Model>;
+export declare const PVCStorageField: <Model extends PersistentVolumeClaimModel>({ i18n, editProps, }: {
+    i18n: I18nType;
+    editProps?: {
+        label?: React.ReactNode;
+        onBlur?: ((value: number, setValue: (value: number) => void) => void) | undefined;
+    } | undefined;
+}) => ShowField<Model>;
 export declare const PVRefField: <Model extends PersistentVolumeClaimModel>(i18n: I18nType) => ShowField<Model>;
 export declare const PVStorageClassField: <Model extends PersistentVolumeModel | PersistentVolumeClaimModel>(i18n: I18nType) => ShowField<Model>;
 export declare const PVPhaseField: <Model extends PersistentVolumeModel | PersistentVolumeClaimModel>(i18n: I18nType) => ShowField<Model>;

package/dist/hooks/useEagleTable/useEagleTable.d.ts

@@ -1,5 +1,5 @@
 import { RequiredColumnProps } from '@cloudtower/eagle';
-import { useTable } from '@refinedev/core';
+import { useTable, CrudFilters, CrudSorting } from '@refinedev/core';
 import React from 'react';
 import { Column, InternalTableProps } from '../../components/InternalBaseTable';
 import { ResourceModel } from '../../models';
@@ -8,6 +8,7 @@ type Params<Model extends ResourceModel> = {
     columns: Column<Model>[];
     tableProps?: Partial<InternalTableProps<Model>>;
     formatter?: (d: Model) => Model;
+    filters?: CrudFilters;
     Dropdown?: React.FC<{
         record: Model;
     }>;
@@ -27,20 +28,20 @@ export declare function addDefaultRenderToColumns<Data, Col extends RequiredColu
 export declare const useEagleTable: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(params: Params<Model>) => {
     setCurrent: (current: number) => void;
     tableQueryResult: import("@tanstack/query-core").QueryObserverResult<import("@refinedev/core").GetListResponse<Model>, import("@refinedev/core").HttpError>;
-    sorter: import("@refinedev/core").CrudSorting;
-    sorters: import("@refinedev/core").CrudSorting;
-    setSorter: (sorter: import("@refinedev/core").CrudSorting) => void;
-    setSorters: (sorter: import("@refinedev/core").CrudSorting) => void;
-    filters: import("@refinedev/core").CrudFilters;
-    setFilters: ((filters: import("@refinedev/core").CrudFilters, behavior?: ("replace" | "merge") | undefined) => void) & ((setter: (prevFilters: import("@refinedev/core").CrudFilters) => import("@refinedev/core").CrudFilters) => void);
+    sorter: CrudSorting;
+    sorters: CrudSorting;
+    setSorter: (sorter: CrudSorting) => void;
+    setSorters: (sorter: CrudSorting) => void;
+    filters: CrudFilters;
+    setFilters: ((filters: CrudFilters, behavior?: ("replace" | "merge") | undefined) => void) & ((setter: (prevFilters: CrudFilters) => CrudFilters) => void);
     createLinkForSyncWithLocation: (params: {
         pagination: {
             current?: number | undefined;
             pageSize?: number | undefined;
         };
-        sorter?: import("@refinedev/core").CrudSorting | undefined;
-        sorters: import("@refinedev/core").CrudSorting;
-        filters: import("@refinedev/core").CrudFilters;
+        sorter?: CrudSorting | undefined;
+        sorters: CrudSorting;
+        filters: CrudFilters;
     }) => string;
     current: number;
     pageSize: number;

package/dist/hooks/useRefineFilters.d.ts

@@ -3,7 +3,5 @@ interface UseRefineFiltersOptions {
     disableNamespaceFilter?: boolean;
     disableNameKeywordFilter?: boolean;
 }
-export declare function useRefineFilters(options?: UseRefineFiltersOptions): {
-    permanent: import("@refinedev/core").CrudFilter[];
-};
+export declare function useRefineFilters(options?: UseRefineFiltersOptions): import("@refinedev/core").CrudFilter[];
 export {};

package/dist/refine.cjs

@@ -7423,7 +7423,7 @@ const tag_18x9v7m = "";
 const StateTagStyle = "s82411";
 const NameTagStyle = "n9ja9cs";
 function shortenedImage(image2) {
-  return (image2 || "").replace(/^(index\.)?docker.io\/(library\/)?/, "").replace(/:latest$/, "").replace(/^(.*@sha256:)([0-9a-f]{8})[0-9a-f]+$/i, "$1$2…");
+  return (image2 || "").replace(/^(index\.)?docker.io\/(library\/)?/, "").replace(/^(.*@sha256:)([0-9a-f]{8})[0-9a-f]+$/i, "$1$2…");
 }
 function isFirstLetterEnglish(str) {
   return /^[a-zA-Z]/.test(str);
@@ -8555,7 +8555,7 @@ function parseSi(inValue, increment = null, allowFractional = true) {
   return val;
 }
 const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(props, ref) {
-  const { defaultValue, pvc: pvc2 } = props;
+  const { defaultValue, pvc: pvc2, label: label2, onBlur } = props;
   const { resource } = core.useResource();
   const { mutateAsync } = core.useUpdate();
   const { t: t2 } = common.useTranslation();
@@ -8604,13 +8604,17 @@ const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(p
       errorNotification: false
     });
   }, [pvc2, distributeStorage, resource == null ? void 0 : resource.name, validators, mutateAsync, t2]);
-  React.useImperativeHandle(ref, () => ({
-    submit
-  }), [submit]);
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      submit
+    }),
+    [submit]
+  );
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
     eagle.Form.Item,
     {
-      label: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { style: { width: "134px" }, children: t2("dovetail.distributed") }),
+      label: /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", { style: { width: "134px" }, children: label2 || t2("dovetail.distributed") }),
       colon: false,
       help: validateResult.distributeStorage,
       validateStatus: validateResult.distributeStorage ? "error" : "",
@@ -8628,7 +8632,14 @@ const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(p
                 distributeStorage: validators.distributeStorage(v)
               });
             },
-            onBlur: () => void 0,
+            onBlur: () => {
+              onBlur == null ? void 0 : onBlur(distributeStorage, (newValue) => {
+                setDistributeStorage(newValue);
+                setValidateResult({
+                  distributeStorage: validators.distributeStorage(newValue)
+                });
+              });
+            },
             onFocus: () => void 0
           },
           min: 1,
@@ -8639,7 +8650,12 @@ const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(p
     }
   );
 });
-function PVCDistributeStorage({ pvc: pvc2, editable }) {
+function PVCDistributeStorage({
+  pvc: pvc2,
+  editable,
+  label: label2,
+  onBlur
+}) {
   var _a, _b;
   const { t: t2 } = common.useTranslation();
   const formRef = React.useRef(null);
@@ -8659,7 +8675,9 @@ function PVCDistributeStorage({ pvc: pvc2, editable }) {
               {
                 ref: formRef,
                 defaultValue: value2 ? transformStorageUnit(value2, StorageUnit.Gi) : 0,
-                pvc: pvc2
+                pvc: pvc2,
+                label: label2,
+                onBlur
               }
             );
           }
@@ -10247,7 +10265,12 @@ const ServiceOutClusterAccessComponent = ({
       });
       break;
     case ServiceTypeEnum.ClusterIP:
-      content = i18n2.t("dovetail.not_support");
+      content = /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
+        style: {
+          color: "#00122e"
+        },
+        children: i18n2.t("dovetail.not_support")
+      });
       break;
     default:
       content = /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
@@ -10259,7 +10282,8 @@ const ServiceOutClusterAccessComponent = ({
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
     style: {
       whiteSpace: "pre-wrap",
-      color: "#0080ff"
+      color: "#0080ff",
+      height: "18px"
     },
     children: content || "-"
   });
@@ -11034,6 +11058,12 @@ const useEagleTable = (params) => {
       }
     ]);
   }, []);
+  React.useEffect(() => {
+    if (lodashEs.isEqual(params.filters, table.filters)) {
+      return;
+    }
+    table.setFilters(params.filters || [], "replace");
+  }, [params.filters]);
   return {
     tableProps: finalProps,
     selectedKeys,
@@ -11517,7 +11547,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   );
 };
-const KeyValue_1cqk7i8 = "";
+const KeyValue_1qasuz9 = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -12932,7 +12962,10 @@ const PVCapacityField = (i18n2) => {
     }
   };
 };
-const PVCStorageField = (i18n2) => {
+const PVCStorageField = ({
+  i18n: i18n2,
+  editProps
+}) => {
   return {
     key: "storage",
     col: 12,
@@ -12941,6 +12974,8 @@ const PVCStorageField = (i18n2) => {
     renderContent(value2, pvc2) {
       return /* @__PURE__ */ common.jsxRuntimeExports.jsx(PVCDistributeStorage, {
         pvc: pvc2,
+        label: editProps == null ? void 0 : editProps.label,
+        onBlur: editProps == null ? void 0 : editProps.onBlur,
         editable: true
       });
     }
@@ -13864,7 +13899,7 @@ function Tabs(props) {
     return /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_196cma3 = "";
+const ShowContentView_1xfhkd = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -14129,9 +14164,6 @@ const ShowContentView = (props) => {
   const basicInfo = showConfig.basicGroup ? renderGroup(showConfig.basicGroup, true) : null;
   return /* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
     className: common.cx_default(ShowContentWrapperStyle, className),
-    style: {
-      background: size === "small" ? "#fff" : void 0
-    },
     children: [hideTopBar ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Space, {
       direction: "vertical",
       className: ShowContentHeaderStyle,
@@ -14654,9 +14686,8 @@ function ResourceList(props) {
   const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
   const filters = useRefineFilters();
   const { tableProps, selectedKeys } = useEagleTable({
-    useTableParams: {
-      filters
-    },
+    useTableParams: {},
+    filters,
     columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
     tableProps: {
       defaultSize: 50,
@@ -14931,7 +14962,7 @@ const MemoizedFormField = React.memo(function FormField({
         return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
           eagle.Form.Item,
           {
-            label: fieldConfig.label,
+            label: typeof fieldConfig.label === "function" ? fieldConfig.label(currentFormValue) : fieldConfig.label,
             colon: false,
             labelCol: fieldConfig.layout === FormItemLayout.VERTICAL ? {} : { flex: `0 0 ${(formConfig == null ? void 0 : formConfig.labelWidth) || "216px"}` },
             help: fieldConfig.isHideErrorStatus ? "" : (_a = fieldState.error) == null ? void 0 : _a.message,
@@ -19846,27 +19877,18 @@ function useNamespaceRefineFilter() {
 }
 const NAME_KEYWORD_PARAM = "name_keyword";
 function useRefineFilters(options = {}) {
-  const {
-    disableNamespaceFilter = false,
-    disableNameKeywordFilter = false
-  } = options;
+  const { disableNamespaceFilter = false, disableNameKeywordFilter = false } = options;
   const { value: nsFilters = [] } = useNamespacesFilter();
   const namespaceFilters = React.useMemo(() => {
-    if (disableNamespaceFilter) {
-      return [];
-    }
     const filters2 = nsFilters.filter((filter) => filter !== ALL_NS);
-    if (filters2.length === 0) {
+    if (disableNamespaceFilter || filters2.length === 0) {
       return [];
     }
     return [
       {
-        operator: "or",
-        value: filters2.map((filter) => ({
-          field: "metadata.namespace",
-          operator: "eq",
-          value: filter
-        }))
+        field: "metadata.namespace",
+        operator: "in",
+        value: filters2
       }
     ];
   }, [nsFilters, disableNamespaceFilter]);
@@ -19885,9 +19907,7 @@ function useRefineFilters(options = {}) {
     ];
   }, [nameKeyword, disableNameKeywordFilter]);
   const filters = React.useMemo(
-    () => ({
-      permanent: [...namespaceFilters, ...nameKeywordFilters]
-    }),
+    () => [...namespaceFilters, ...nameKeywordFilters],
     [namespaceFilters, nameKeywordFilters]
   );
   return filters;

package/dist/refine.js

@@ -7404,7 +7404,7 @@ const tag_18x9v7m = "";
 const StateTagStyle = "s82411";
 const NameTagStyle = "n9ja9cs";
 function shortenedImage(image2) {
-  return (image2 || "").replace(/^(index\.)?docker.io\/(library\/)?/, "").replace(/:latest$/, "").replace(/^(.*@sha256:)([0-9a-f]{8})[0-9a-f]+$/i, "$1$2…");
+  return (image2 || "").replace(/^(index\.)?docker.io\/(library\/)?/, "").replace(/^(.*@sha256:)([0-9a-f]{8})[0-9a-f]+$/i, "$1$2…");
 }
 function isFirstLetterEnglish(str) {
   return /^[a-zA-Z]/.test(str);
@@ -8536,7 +8536,7 @@ function parseSi(inValue, increment = null, allowFractional = true) {
   return val;
 }
 const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(props, ref) {
-  const { defaultValue, pvc: pvc2 } = props;
+  const { defaultValue, pvc: pvc2, label: label2, onBlur } = props;
   const { resource } = useResource();
   const { mutateAsync } = useUpdate();
   const { t: t2 } = useTranslation();
@@ -8585,13 +8585,17 @@ const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(p
       errorNotification: false
     });
   }, [pvc2, distributeStorage, resource == null ? void 0 : resource.name, validators, mutateAsync, t2]);
-  useImperativeHandle(ref, () => ({
-    submit
-  }), [submit]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      submit
+    }),
+    [submit]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Form.Item,
     {
-      label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { width: "134px" }, children: t2("dovetail.distributed") }),
+      label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { width: "134px" }, children: label2 || t2("dovetail.distributed") }),
       colon: false,
       help: validateResult.distributeStorage,
       validateStatus: validateResult.distributeStorage ? "error" : "",
@@ -8609,7 +8613,14 @@ const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(p
                 distributeStorage: validators.distributeStorage(v)
               });
             },
-            onBlur: () => void 0,
+            onBlur: () => {
+              onBlur == null ? void 0 : onBlur(distributeStorage, (newValue) => {
+                setDistributeStorage(newValue);
+                setValidateResult({
+                  distributeStorage: validators.distributeStorage(newValue)
+                });
+              });
+            },
             onFocus: () => void 0
           },
           min: 1,
@@ -8620,7 +8631,12 @@ const DistributeStorageForm = React.forwardRef(function DistributeStorageForm2(p
     }
   );
 });
-function PVCDistributeStorage({ pvc: pvc2, editable }) {
+function PVCDistributeStorage({
+  pvc: pvc2,
+  editable,
+  label: label2,
+  onBlur
+}) {
   var _a, _b;
   const { t: t2 } = useTranslation();
   const formRef = useRef(null);
@@ -8640,7 +8656,9 @@ function PVCDistributeStorage({ pvc: pvc2, editable }) {
               {
                 ref: formRef,
                 defaultValue: value2 ? transformStorageUnit(value2, StorageUnit.Gi) : 0,
-                pvc: pvc2
+                pvc: pvc2,
+                label: label2,
+                onBlur
               }
             );
           }
@@ -10228,7 +10246,12 @@ const ServiceOutClusterAccessComponent = ({
       });
       break;
     case ServiceTypeEnum.ClusterIP:
-      content = i18n2.t("dovetail.not_support");
+      content = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        style: {
+          color: "#00122e"
+        },
+        children: i18n2.t("dovetail.not_support")
+      });
       break;
     default:
       content = /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
@@ -10240,7 +10263,8 @@ const ServiceOutClusterAccessComponent = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     style: {
       whiteSpace: "pre-wrap",
-      color: "#0080ff"
+      color: "#0080ff",
+      height: "18px"
     },
     children: content || "-"
   });
@@ -11015,6 +11039,12 @@ const useEagleTable = (params) => {
       }
     ]);
   }, []);
+  useEffect(() => {
+    if (isEqual$1(params.filters, table.filters)) {
+      return;
+    }
+    table.setFilters(params.filters || [], "replace");
+  }, [params.filters]);
   return {
     tableProps: finalProps,
     selectedKeys,
@@ -11498,7 +11528,7 @@ const IngressRulesTable = ({ ingress }) => {
     }
   );
 };
-const KeyValue_1cqk7i8 = "";
+const KeyValue_1qasuz9 = "";
 const ContentBlockStyle = "c8jy7dc";
 const KeyStyle = "k2sddxl";
 const ValueStyle$2 = "v16vicsr";
@@ -12913,7 +12943,10 @@ const PVCapacityField = (i18n2) => {
     }
   };
 };
-const PVCStorageField = (i18n2) => {
+const PVCStorageField = ({
+  i18n: i18n2,
+  editProps
+}) => {
   return {
     key: "storage",
     col: 12,
@@ -12922,6 +12955,8 @@ const PVCStorageField = (i18n2) => {
     renderContent(value2, pvc2) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(PVCDistributeStorage, {
         pvc: pvc2,
+        label: editProps == null ? void 0 : editProps.label,
+        onBlur: editProps == null ? void 0 : editProps.onBlur,
         editable: true
       });
     }
@@ -13845,7 +13880,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ShowContentView_196cma3 = "";
+const ShowContentView_1xfhkd = "";
 const ShowContentWrapperStyle = "soapvs9";
 const BackButton = "b13d603q";
 const ToolBarWrapper = "tm8eaia";
@@ -14110,9 +14145,6 @@ const ShowContentView = (props) => {
   const basicInfo = showConfig.basicGroup ? renderGroup(showConfig.basicGroup, true) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: cx_default(ShowContentWrapperStyle, className),
-    style: {
-      background: size === "small" ? "#fff" : void 0
-    },
     children: [hideTopBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Space, {
       direction: "vertical",
       className: ShowContentHeaderStyle,
@@ -14635,9 +14667,8 @@ function ResourceList(props) {
   const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
   const filters = useRefineFilters();
   const { tableProps, selectedKeys } = useEagleTable({
-    useTableParams: {
-      filters
-    },
+    useTableParams: {},
+    filters,
     columns: [nameRenderer, ...(columns == null ? void 0 : columns()) || []],
     tableProps: {
       defaultSize: 50,
@@ -14912,7 +14943,7 @@ const MemoizedFormField = memo(function FormField({
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           Form.Item,
           {
-            label: fieldConfig.label,
+            label: typeof fieldConfig.label === "function" ? fieldConfig.label(currentFormValue) : fieldConfig.label,
             colon: false,
             labelCol: fieldConfig.layout === FormItemLayout.VERTICAL ? {} : { flex: `0 0 ${(formConfig == null ? void 0 : formConfig.labelWidth) || "216px"}` },
             help: fieldConfig.isHideErrorStatus ? "" : (_a = fieldState.error) == null ? void 0 : _a.message,
@@ -19827,27 +19858,18 @@ function useNamespaceRefineFilter() {
 }
 const NAME_KEYWORD_PARAM = "name_keyword";
 function useRefineFilters(options = {}) {
-  const {
-    disableNamespaceFilter = false,
-    disableNameKeywordFilter = false
-  } = options;
+  const { disableNamespaceFilter = false, disableNameKeywordFilter = false } = options;
   const { value: nsFilters = [] } = useNamespacesFilter();
   const namespaceFilters = useMemo(() => {
-    if (disableNamespaceFilter) {
-      return [];
-    }
     const filters2 = nsFilters.filter((filter) => filter !== ALL_NS);
-    if (filters2.length === 0) {
+    if (disableNamespaceFilter || filters2.length === 0) {
       return [];
     }
     return [
       {
-        operator: "or",
-        value: filters2.map((filter) => ({
-          field: "metadata.namespace",
-          operator: "eq",
-          value: filter
-        }))
+        field: "metadata.namespace",
+        operator: "in",
+        value: filters2
       }
     ];
   }, [nsFilters, disableNamespaceFilter]);
@@ -19866,9 +19888,7 @@ function useRefineFilters(options = {}) {
     ];
   }, [nameKeyword, disableNameKeywordFilter]);
   const filters = useMemo(
-    () => ({
-      permanent: [...namespaceFilters, ...nameKeywordFilters]
-    }),
+    () => [...namespaceFilters, ...nameKeywordFilters],
     [namespaceFilters, nameKeywordFilters]
   );
   return filters;

package/dist/style.css

@@ -1400,9 +1400,6 @@
   border-radius: 4px;
   background: rgba(237, 241, 250, 0.6);
 }
-.c8jy7dc:not(:last-of-type) {
-  margin-bottom: 8px;
-}
 
 .k2sddxl {
   color: rgba(44, 56, 82, 0.75);
@@ -3508,7 +3505,7 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-  background: linear-gradient(180deg, #fff 0%, #edf0f7 100%);
+  background: white;
 }
 
 .b13d603q {
@@ -3627,7 +3624,10 @@
   margin: auto 0;
   margin-right: 8px;
   border: 1px solid rgba(172, 186, 211, 0.6);
-  background-color: white;
+  background-color: white !important;
+  padding: 2px 5px;
+  height: 22px;
+  color: #1D326C !important;
 }
 
 .cxd8k68 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.19-alpha.3",
+  "version": "0.3.20-alpha.0",
   "type": "module",
   "files": [
     "dist",