@firecms/core 3.0.0-canary.170 → 3.0.0-canary.171

package/dist/index.umd.js

@@ -8360,18 +8360,20 @@
   };
   const multipleSelectOperations$2 = ["array-contains-any", "in", "not-in"];
   function ReferenceFilterField({
-    name,
     value,
     setValue,
     isArray,
     path,
-    title,
     includeId = true,
     previewProperties,
     setHidden
   }) {
     const possibleOperations = isArray ? ["array-contains"] : ["==", "!=", ">", "<", ">=", "<="];
-    isArray ? possibleOperations.push("array-contains-any") : possibleOperations.push("in", "not-in");
+    if (isArray) {
+      possibleOperations.push("array-contains-any");
+    } else {
+      possibleOperations.push("in", "not-in");
+    }
     const [fieldOperation, fieldValue] = value || [possibleOperations[0], void 0];
     const [operation, setOperation] = React.useState(fieldOperation);
     const [internalValue, setInternalValue] = React.useState(fieldValue);
@@ -8426,11 +8428,11 @@
     const buildEntry = (reference) => {
       return /* @__PURE__ */ jsxRuntime.jsx(ReferencePreview, { disabled: !path, previewProperties, size: "medium", onClick: doOpenDialog, reference, hover: true, includeId, includeEntityLink: false });
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-[440px] flex-row", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-[480px] flex-row", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[140px]", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: operation, size: "large", fullWidth: true, onValueChange: (value_0) => {
         updateFilter(value_0, internalValue);
       }, renderValue: (op_0) => operationLabels$2[op_0], children: possibleOperations.map((op_1) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: op_1, children: operationLabels$2[op_1] }, op_1)) }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow ml-2 h-full gap-2 flex flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow ml-2 h-full gap-2 flex flex-col w-[340px]", children: [
         internalValue && Array.isArray(internalValue) && /* @__PURE__ */ jsxRuntime.jsx("div", { children: internalValue.map((ref_0, index) => buildEntry(ref_0)) }),
         internalValue && !Array.isArray(internalValue) && /* @__PURE__ */ jsxRuntime.jsx("div", { children: buildEntry(internalValue) }),
         (!internalValue || Array.isArray(internalValue) && internalValue.length === 0) && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: doOpenDialog, variant: "outlined", size: "large", className: "h-full w-full", children: multiple ? "Select references" : "Select reference" }),
@@ -9275,10 +9277,10 @@
       return initialSort;
     }, [initialSort, forceFilter]);
     const {
-      filterValues: initialFilteUrl,
+      filterValues: initialFilterUrl,
       sortBy: initialSortUrl
     } = parseFilterAndSort(window.location.search);
-    const [filterValues_0, setFilterValues] = React.useState(forceFilter ?? initialFilteUrl ?? initialFilter ?? void 0);
+    const [filterValues_0, setFilterValues] = React.useState(forceFilter ?? (updateUrl ? initialFilterUrl : void 0) ?? initialFilter ?? void 0);
     const [sortBy_0, setSortBy] = React.useState(initialSortUrl ?? initialSortInternal);
     useUpdateUrl(filterValues_0, sortBy_0, searchString, updateUrl);
     const collectionScroll = scrollRestoration?.getCollectionScroll(fullPath, filterValues_0);
@@ -9443,8 +9445,30 @@
     if (filterValues) {
       Object.entries(filterValues).forEach(([key, value]) => {
         if (value) {
-          entries[encodeURIComponent(`${key}_op`)] = encodeURIComponent(value[0]);
-          entries[encodeURIComponent(`${key}_value`)] = encodeURIComponent(value[1]);
+          const [op, val] = value;
+          let encodedValue = val;
+          try {
+            if (typeof val === "object") {
+              if (val instanceof Date) {
+                encodedValue = val.toISOString();
+              } else if (Array.isArray(val)) {
+                encodedValue = JSON.stringify(val, (key2, value2) => {
+                  if (value2 instanceof EntityReference) {
+                    return encodeRef(value2);
+                  }
+                  return value2;
+                });
+              } else if (val instanceof EntityReference) {
+                encodedValue = encodeRef(val);
+              }
+            }
+          } catch (e) {
+            encodedValue = val;
+          }
+          if (encodedValue !== void 0) {
+            entries[encodeURIComponent(`${key}_op`)] = encodeURIComponent(op);
+            entries[encodeURIComponent(`${key}_value`)] = encodeURIComponent(encodedValue.toString());
+          }
         }
       });
     }
@@ -9459,10 +9483,14 @@
     let sortBy = void 0;
     entries.forEach((value, key) => {
       if (key === "__sort") {
-        sortBy = [value, entries.get("__sort_order")];
+        sortBy = [decodeURIComponent(value), entries.get("__sort_order")];
       } else if (key.endsWith("_op")) {
-        const filterValue = entries.get(`${key.replace("_op", "_value")}`);
-        filterValues[key.replace("_op", "")] = [value, filterValue];
+        const field = key.replace("_op", "");
+        const filterOp = decodeURIComponent(value);
+        const filterValStr = entries.get(`${field}_value`);
+        if (filterValStr !== null) {
+          filterValues[field] = [filterOp, decodeString(filterValStr)];
+        }
       }
     });
     return {
@@ -9470,6 +9498,43 @@
       sortBy
     };
   }
+  function isDate(dateString) {
+    const regexPattern = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/;
+    if (!regexPattern.test(dateString)) {
+      return false;
+    }
+    const date = new Date(dateString);
+    return date.toISOString() === dateString;
+  }
+  function encodeRef(val) {
+    return `ref::${val.path}/${val.id}`;
+  }
+  function decodeString(val) {
+    let parsedFilterVal = val;
+    if (isDate(val)) {
+      try {
+        parsedFilterVal = new Date(val);
+      } catch (e) {
+      }
+    }
+    if (typeof parsedFilterVal === "string") {
+      try {
+        parsedFilterVal = JSON.parse(parsedFilterVal, (key, value) => {
+          if (typeof value === "string" && value.startsWith("ref::")) {
+            const [path, id] = value.substring(5).split("/");
+            return new EntityReference(id, path);
+          }
+          return value;
+        });
+      } catch (e) {
+      }
+    }
+    if (typeof parsedFilterVal === "string" && parsedFilterVal.startsWith("ref::")) {
+      const [path, id] = parsedFilterVal.substring(5).split("/");
+      return new EntityReference(id, path);
+    }
+    return parsedFilterVal;
+  }
   function useSelectionController(onSelectionChange) {
     const [selectedEntities, setSelectedEntities] = React.useState([]);
     const toggleEntitySelection = React.useCallback((entity, newSelectedState) => {
@@ -10010,7 +10075,8 @@
       fullPath,
       collection,
       entitiesDisplayedFirst,
-      forceFilter
+      forceFilter,
+      updateUrl: false
     });
     const {
       textSearchLoading,
@@ -13707,7 +13773,7 @@
         return /* @__PURE__ */ jsxRuntime.jsx(dnd.Draggable, { draggableId: `array_field_${internalId_1}`, isDragDisabled: disabled, index: index_4, children: (provided_0, snapshot_0) => /* @__PURE__ */ jsxRuntime.jsx(ArrayContainerItem, { provided: provided_0, internalId: internalId_1, index: index_4, size, disabled, buildEntry, remove, copy, isDragging: snapshot_0.isDragging, storedProps: itemCustomPropsRef.current[internalId_1], updateItemCustomProps, addInIndex, includeAddButton }) }, `array_field_${internalId_1}`);
       }),
       droppableProvided.placeholder,
-      includeAddButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4 justify-center text-left", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: size === "small" ? "small" : "medium", color: "primary", disabled: disabled || value.length >= max, startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), onClick: insertInEnd, children: addLabel ?? "Add" }) })
+      includeAddButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-4 justify-center text-left", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: size === "small" ? "small" : "medium", color: "primary", disabled: disabled || value?.length >= max, startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), onClick: insertInEnd, children: addLabel ?? "Add" }) })
     ] }) }) });
   }
   function ArrayContainerItem(t0) {