tinacms 2.2.7 → 2.2.9

package/dist/client.js

@@ -26,7 +26,7 @@
         return;
       }
       try {
-        if (this.cacheDir && window === void 0 && typeof require !== "undefined") {
+        if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
           const { NodeCache: NodeCache2 } = await Promise.resolve().then(() => nodeCache);
           this.cache = await NodeCache2(this.cacheDir);
         }

package/dist/client.mjs

@@ -23,7 +23,7 @@ class TinaClient {
       return;
     }
     try {
-      if (this.cacheDir && window === void 0 && typeof require !== "undefined") {
+      if (this.cacheDir && typeof window === "undefined" && typeof require !== "undefined") {
         const { NodeCache } = await import("./node-cache-7fa2452c.mjs");
         this.cache = await NodeCache(this.cacheDir);
       }

package/dist/index.js

@@ -4549,19 +4549,32 @@ var __publicField = (obj, key, value) => {
     }
   )));
   PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-  const useGetOptionSets = (cms, collections) => {
+  const filterQueryBuilder = (fieldFilterConfig, collection) => {
+    return {
+      [collection]: Object.entries(fieldFilterConfig).reduce(
+        (acc, [key, value]) => {
+          acc[key] = { in: value };
+          return acc;
+        },
+        {}
+      )
+    };
+  };
+  const useGetOptionSets = (cms, collections, collectionFilter) => {
     const [optionSets, setOptionSets] = React__namespace.useState([]);
     const [loading, setLoading] = React__namespace.useState(true);
     React__namespace.useEffect(() => {
       const fetchOptionSets = async () => {
+        const filters = typeof collectionFilter === "function" ? collectionFilter() : collectionFilter;
         const optionSets2 = await Promise.all(
           collections.map(async (collection) => {
             try {
+              const filter = (filters == null ? void 0 : filters[collection]) ? filterQueryBuilder(filters[collection], collection) : {};
               const response = await cms.api.tina.request(
                 `#graphql
-            query ($collection: String!){
+            query ($collection: String!, $filter: DocumentFilter) {
               collection(collection: $collection) {
-                documents(first: -1) {
+                documents(first: -1, filter: $filter) {
                   edges {
                     node {
                       ...on Node {
@@ -4580,13 +4593,22 @@ var __publicField = (obj, key, value) => {
               }
             }
             `,
-                { variables: { collection } }
+                {
+                  variables: {
+                    collection,
+                    filter
+                  }
+                }
               );
               return {
                 collection,
                 edges: response.collection.documents.edges
               };
             } catch (e) {
+              console.error(
+                "Exception thrown while building and running GraphQL query: ",
+                e
+              );
               return {
                 collection,
                 edges: []
@@ -4620,7 +4642,11 @@ var __publicField = (obj, key, value) => {
     const [open2, setOpen] = React__namespace.useState(false);
     const [value, setValue] = React__namespace.useState(input.value);
     const [displayText, setDisplayText] = React__namespace.useState(null);
-    const { optionSets, loading } = useGetOptionSets(cms, field.collections);
+    const { optionSets, loading } = useGetOptionSets(
+      cms,
+      field.collections,
+      field.collectionFilter
+    );
     const [filteredOptionsList, setFilteredOptionsList] = React__namespace.useState(optionSets);
     React__namespace.useEffect(() => {
       setDisplayText(getFilename(optionSets, value));
@@ -9257,7 +9283,7 @@ var __publicField = (obj, key, value) => {
         leaveFrom: "opacity-100",
         leaveTo: "opacity-0 -translate-x-1/2"
       },
-      cms.state.formLists.map((formList) => /* @__PURE__ */ React__namespace.createElement("div", { key: formList.id, className: "pt-16" }, /* @__PURE__ */ React__namespace.createElement(
+      cms.state.formLists.map((formList, index) => /* @__PURE__ */ React__namespace.createElement("div", { key: `${formList.id}-${index}`, className: "pt-16" }, /* @__PURE__ */ React__namespace.createElement(
         FormList,
         {
           isEditing: props.isEditing,
@@ -9674,7 +9700,7 @@ var __publicField = (obj, key, value) => {
       "Event Log"
     ));
   };
-  const version = "2.2.6";
+  const version = "2.2.9";
   const Nav = ({
     isLocalMode,
     className = "",

package/dist/index.mjs

@@ -4572,19 +4572,32 @@ const PopoverContent = React.forwardRef(({ className, align = "center", sideOffs
   }
 )));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-const useGetOptionSets = (cms, collections) => {
+const filterQueryBuilder = (fieldFilterConfig, collection) => {
+  return {
+    [collection]: Object.entries(fieldFilterConfig).reduce(
+      (acc, [key, value]) => {
+        acc[key] = { in: value };
+        return acc;
+      },
+      {}
+    )
+  };
+};
+const useGetOptionSets = (cms, collections, collectionFilter) => {
   const [optionSets, setOptionSets] = React.useState([]);
   const [loading, setLoading] = React.useState(true);
   React.useEffect(() => {
     const fetchOptionSets = async () => {
+      const filters = typeof collectionFilter === "function" ? collectionFilter() : collectionFilter;
       const optionSets2 = await Promise.all(
         collections.map(async (collection) => {
           try {
+            const filter = (filters == null ? void 0 : filters[collection]) ? filterQueryBuilder(filters[collection], collection) : {};
             const response = await cms.api.tina.request(
               `#graphql
-            query ($collection: String!){
+            query ($collection: String!, $filter: DocumentFilter) {
               collection(collection: $collection) {
-                documents(first: -1) {
+                documents(first: -1, filter: $filter) {
                   edges {
                     node {
                       ...on Node {
@@ -4603,13 +4616,22 @@ const useGetOptionSets = (cms, collections) => {
               }
             }
             `,
-              { variables: { collection } }
+              {
+                variables: {
+                  collection,
+                  filter
+                }
+              }
             );
             return {
               collection,
               edges: response.collection.documents.edges
             };
           } catch (e) {
+            console.error(
+              "Exception thrown while building and running GraphQL query: ",
+              e
+            );
             return {
               collection,
               edges: []
@@ -4643,7 +4665,11 @@ const ComboboxDemo = ({
   const [open2, setOpen] = React.useState(false);
   const [value, setValue] = React.useState(input.value);
   const [displayText, setDisplayText] = React.useState(null);
-  const { optionSets, loading } = useGetOptionSets(cms, field.collections);
+  const { optionSets, loading } = useGetOptionSets(
+    cms,
+    field.collections,
+    field.collectionFilter
+  );
   const [filteredOptionsList, setFilteredOptionsList] = React.useState(optionSets);
   React.useEffect(() => {
     setDisplayText(getFilename(optionSets, value));
@@ -9280,7 +9306,7 @@ const FormLists = (props) => {
       leaveFrom: "opacity-100",
       leaveTo: "opacity-0 -translate-x-1/2"
     },
-    cms.state.formLists.map((formList) => /* @__PURE__ */ React.createElement("div", { key: formList.id, className: "pt-16" }, /* @__PURE__ */ React.createElement(
+    cms.state.formLists.map((formList, index) => /* @__PURE__ */ React.createElement("div", { key: `${formList.id}-${index}`, className: "pt-16" }, /* @__PURE__ */ React.createElement(
       FormList,
       {
         isEditing: props.isEditing,
@@ -9697,7 +9723,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
-const version = "2.2.6";
+const version = "2.2.9";
 const Nav = ({
   isLocalMode,
   className = "",

package/dist/toolkit/fields/components/reference/index.d.ts

@@ -1,30 +1,3 @@
 import * as React from 'react';
-type Option = {
-    value: string;
-    label: string;
-};
-type ReferenceFieldOptions = {
-    optionComponent?: OptionComponent;
-    experimental___filter?: (list: Array<any>, searchQuery: string) => Array<any>;
-};
-type OptionComponent = (props: unknown, _sys: InternalSys) => React.ReactElement | string;
-export interface InternalSys {
-    filename: string;
-    path: string;
-}
-export interface ReferenceFieldProps extends ReferenceFieldOptions {
-    label?: string;
-    name: string;
-    component: string;
-    collections: string[];
-    options: (Option | string)[];
-}
-export interface ReferenceProps {
-    name: string;
-    input: any;
-    field: ReferenceFieldProps;
-    disabled?: boolean;
-    options?: (Option | string)[];
-}
+import { ReferenceProps } from './model/reference-props';
 export declare const Reference: React.FC<ReferenceProps>;
-export {};

package/dist/toolkit/fields/components/reference/model/reference-field-props.d.ts

@@ -1,3 +1,4 @@
+import { CollectionFilters } from '../utils/fetch-options-query-builder';
 export type Option = {
     value: string;
     label: string;
@@ -10,6 +11,7 @@ export interface InternalSys {
 type ReferenceFieldOptions = {
     optionComponent?: OptionComponent;
     experimental___filter?: (list: Array<any>, searchQuery: string) => Array<any>;
+    collectionFilter?: CollectionFilters;
 };
 export interface ReferenceFieldProps extends ReferenceFieldOptions {
     label?: string;

package/dist/toolkit/fields/components/reference/utils/fetch-options-query-builder.d.ts

@@ -0,0 +1,5 @@
+export type FilterValue = string[] | string;
+export type CollectionFilters = Record<string, FilterValue> | (() => Record<string, FilterValue>);
+export declare const filterQueryBuilder: (fieldFilterConfig: FilterValue, collection: string) => {
+    [x: string]: Record<string, Record<string, FilterValue>>;
+};

package/dist/toolkit/fields/plugins/reference-field-plugin.d.ts

@@ -1,8 +1,8 @@
-export declare const ReferenceField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference").ReferenceProps, {}>) => import("react").JSX.Element;
+export declare const ReferenceField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference/model/reference-props").ReferenceProps, {}>) => import("react").JSX.Element;
 export declare const ReferenceFieldPlugin: {
     name: string;
     type: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference").ReferenceProps, {}>) => import("react").JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components/reference/model/reference-props").ReferenceProps, {}>) => import("react").JSX.Element;
     parse: (value?: string) => string;
     validate(value: any, values: any, meta: any, field: any): string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.2.7",
+  "version": "2.2.9",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -60,12 +60,12 @@
   "typings": "dist/index.d.ts",
   "license": "Apache-2.0",
   "dependencies": {
-    "@ariakit/react": "^0.4.7",
-    "@floating-ui/dom": "^1.6.9",
-    "@floating-ui/react-dom": "^2.1.1",
+    "@ariakit/react": "^0.4.11",
+    "@floating-ui/dom": "^1.6.11",
+    "@floating-ui/react-dom": "^2.1.2",
     "@graphql-inspector/core": "^6.1.0",
     "@headlessui/react": "2.1.8",
-    "@heroicons/react": "^1.0.4",
+    "@heroicons/react": "^1.0.6",
     "@monaco-editor/react": "4.4.5",
     "@radix-ui/react-checkbox": "^1.1.1",
     "@radix-ui/react-dialog": "^1.1.1",
@@ -77,18 +77,18 @@
     "@radix-ui/react-tooltip": "^1.1.2",
     "@react-hook/window-size": "^3.1.1",
     "@udecode/cn": "^33.0.0",
-    "@udecode/plate": "^36.3.6",
-    "@udecode/plate-autoformat": "^36.0.0",
+    "@udecode/plate": "^36.5.9",
+    "@udecode/plate-autoformat": "^36.5.6",
     "@udecode/plate-block-quote": "^36.0.0",
-    "@udecode/plate-code-block": "^36.0.0",
+    "@udecode/plate-code-block": "^36.5.6",
     "@udecode/plate-combobox": "^36.0.0",
-    "@udecode/plate-common": "^36.3.4",
-    "@udecode/plate-floating": "^36.3.2",
+    "@udecode/plate-common": "^36.5.9",
+    "@udecode/plate-floating": "^36.3.8",
     "@udecode/plate-heading": "^36.0.12",
     "@udecode/plate-indent": "^36.0.0",
-    "@udecode/plate-indent-list": "^36.3.3",
-    "@udecode/plate-link": "^36.3.2",
-    "@udecode/plate-list": "^36.0.0",
+    "@udecode/plate-indent-list": "^36.5.2",
+    "@udecode/plate-link": "^36.5.9",
+    "@udecode/plate-list": "^36.5.2",
     "@udecode/plate-paragraph": "^36.0.0",
     "@udecode/plate-slash-command": "^36.0.0",
     "class-variance-authority": "^0.7.0",
@@ -109,42 +109,42 @@
     "lucide-react": "^0.424.0",
     "moment": "2.29.4",
     "monaco-editor": "0.31.0",
-    "prism-react-renderer": "^2.3.1",
+    "prism-react-renderer": "^2.4.0",
     "prop-types": "15.7.2",
     "react-beautiful-dnd": "^13.1.1",
     "react-color": "^2.19.3",
     "react-datetime": "^3.2.0",
     "react-dropzone": "14.2.3",
     "react-final-form": "^6.5.9",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.3.0",
     "react-onclickoutside": "^6.13.1",
     "react-router-dom": "6.3.0",
     "slate": "^0.103.0",
     "slate-history": "^0.100.0",
     "slate-hyperscript": "^0.100.0",
     "slate-react": "^0.107.1",
-    "tailwind-merge": "^2.4.0",
+    "tailwind-merge": "^2.5.2",
     "webfontloader": "1.6.28",
     "yup": "^1.4.0",
     "zod": "^3.23.8",
-    "@tinacms/mdx": "1.4.3",
-    "@tinacms/schema-tools": "1.6.3",
-    "@tinacms/search": "1.0.30"
+    "@tinacms/mdx": "1.4.5",
+    "@tinacms/search": "1.0.32",
+    "@tinacms/schema-tools": "1.6.5"
   },
   "devDependencies": {
-    "@graphql-tools/utils": "^10.3.3",
+    "@graphql-tools/utils": "^10.5.4",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/atob": "^2.1.4",
     "@types/codemirror": "^5.60.15",
     "@types/color-string": "^1.5.5",
     "@types/lodash.debounce": "^4.0.9",
     "@types/lodash.get": "^4.4.9",
-    "@types/node": "^22.7.3",
-    "@types/prop-types": "^15.7.12",
-    "@types/react": "^18.3.3",
+    "@types/node": "^22.7.4",
+    "@types/prop-types": "^15.7.13",
+    "@types/react": "^18.3.10",
     "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-color": "^3.0.12",
     "@types/react-dom": "^18.3.0",
@@ -158,11 +158,11 @@
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
     "tsc-alias": "^1.8.10",
-    "tslib": "^2.6.3",
+    "tslib": "^2.7.0",
     "typescript": "^5.6.2",
-    "vite": "^5.3.5",
-    "vitest": "^2.0.5",
-    "@tinacms/scripts": "1.2.2"
+    "vite": "^5.4.8",
+    "vitest": "^2.1.1",
+    "@tinacms/scripts": "1.2.3"
   },
   "peerDependencies": {
     "react": ">=16.14.0",