@plasmicpkgs/plasmic-contentful 0.0.148 → 0.0.150

package/dist/index.d.mts

@@ -18,6 +18,7 @@ interface ContentfulFetcherProps {
     limit?: number;
     include?: number;
     order?: string;
+    reverseOrder?: boolean;
     filterField?: string;
     searchParameter?: string;
     filterValue?: string | number;
@@ -33,7 +34,7 @@ interface ContentfulFetcherProps {
     }) => void;
 }
 declare const ContentfulFetcherMeta: ComponentMeta<ContentfulFetcherProps>;
-declare function ContentfulFetcher({ filterField, filterValue, searchParameter, noAutoRepeat, contentType, children, className, limit, include, noLayout, setControlContextData, }: ContentfulFetcherProps): React.JSX.Element;
+declare function ContentfulFetcher({ filterField, filterValue, searchParameter, noAutoRepeat, contentType, children, className, order, reverseOrder, limit, include, noLayout, setControlContextData, }: ContentfulFetcherProps): React.JSX.Element;
 interface ContentfulFieldProps {
     className?: string;
     objectPath?: (string | number)[];

package/dist/index.d.ts

@@ -18,6 +18,7 @@ interface ContentfulFetcherProps {
     limit?: number;
     include?: number;
     order?: string;
+    reverseOrder?: boolean;
     filterField?: string;
     searchParameter?: string;
     filterValue?: string | number;
@@ -33,7 +34,7 @@ interface ContentfulFetcherProps {
     }) => void;
 }
 declare const ContentfulFetcherMeta: ComponentMeta<ContentfulFetcherProps>;
-declare function ContentfulFetcher({ filterField, filterValue, searchParameter, noAutoRepeat, contentType, children, className, limit, include, noLayout, setControlContextData, }: ContentfulFetcherProps): React.JSX.Element;
+declare function ContentfulFetcher({ filterField, filterValue, searchParameter, noAutoRepeat, contentType, children, className, order, reverseOrder, limit, include, noLayout, setControlContextData, }: ContentfulFetcherProps): React.JSX.Element;
 interface ContentfulFieldProps {
     className?: string;
     objectPath?: (string | number)[];

package/dist/index.js

@@ -169,7 +169,7 @@ var ContentfulFetcherMeta = {
         var _a;
         return (_a = ctx == null ? void 0 : ctx.fields) != null ? _a : [];
       },
-      hidden: (props, ctx) => !props.contentType
+      hidden: (props) => !props.contentType
     },
     searchParameter: {
       type: "choice",
@@ -179,13 +179,34 @@ var ContentfulFetcherMeta = {
         var _a;
         return (_a = ctx == null ? void 0 : ctx.queryOptions) != null ? _a : [];
       },
-      hidden: (props, ctx) => !props.filterField
+      hidden: (props) => !props.filterField
     },
     filterValue: {
       type: "string",
       displayName: "Filter value",
       description: "Value to filter by, should be of filter field type.",
-      hidden: (props, ctx) => !props.searchParameter
+      hidden: (props) => !props.searchParameter
+    },
+    order: {
+      type: "choice",
+      displayName: "Order",
+      description: "Field that the entries should be ordered by.",
+      options: (props, ctx) => {
+        var _a;
+        return [
+          ...(_a = ctx == null ? void 0 : ctx.fields) != null ? _a : [],
+          "sys.createdAt",
+          "sys.updatedAt"
+        ];
+      },
+      hidden: (props) => !props.contentType
+    },
+    reverseOrder: {
+      type: "boolean",
+      displayName: "Reverse order",
+      description: "Reverse the order of the entries.",
+      defaultValue: false,
+      hidden: (props) => !props.order
     },
     limit: {
       type: "number",
@@ -222,6 +243,8 @@ function ContentfulFetcher({
   contentType,
   children,
   className,
+  order,
+  reverseOrder,
   limit,
   include,
   noLayout,
@@ -234,6 +257,8 @@ function ContentfulFetcher({
   );
   const cacheKey = JSON.stringify({
     include,
+    order,
+    reverseOrder,
     limit,
     filterField,
     filterValue,
@@ -253,28 +278,53 @@ function ContentfulFetcher({
   setControlContextData == null ? void 0 : setControlContextData({
     types: (_a = contentTypes == null ? void 0 : contentTypes.items) != null ? _a : []
   });
+  function setOrderField(searchParams) {
+    if (order) {
+      searchParams.set(
+        "order",
+        `${reverseOrder ? "-" : ""}${order.startsWith("sys.") ? order : `fields.${order}`}`
+      );
+    }
+  }
   const { data: entriesData } = (0, import_query.usePlasmicQueryData)(
     contentType ? `${cacheKey}/${contentType}/entriesData` : null,
     async () => {
-      let query = `/spaces/${creds.space}/environments/${creds.environment}/entries?access_token=${creds.accessToken}&content_type=${contentType}`;
+      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;
+      const searchParams = new URLSearchParams();
+      searchParams.set("access_token", creds.accessToken);
+      searchParams.set("content_type", contentType);
       if (limit) {
-        query = `${query}&limit=${limit}`;
+        searchParams.set("limit", limit.toString());
       }
+      setOrderField(searchParams);
       if (include) {
-        query = `${query}&include=${include}`;
+        searchParams.set("include", include.toString());
       }
-      const resp = await fetch(`${baseUrl}${query}`);
+      const resp = await fetch(`${baseUrl}${path}?${searchParams.toString()}`);
       return resp.json();
     }
   );
   const { data: filteredData } = (0, import_query.usePlasmicQueryData)(
     contentType && filterField && filterValue ? `${cacheKey}/${contentType}/filteredData` : null,
     async () => {
-      let query = `/spaces/${creds.space}/environments/${creds.environment}/entries?access_token=${creds.accessToken}&content_type=${contentType}&fields.${filterField}${searchParameter}=${filterValue}`;
+      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;
+      const searchParams = new URLSearchParams();
+      searchParams.set("access_token", creds.accessToken);
+      searchParams.set("content_type", contentType);
+      if (limit) {
+        searchParams.set("limit", limit.toString());
+      }
+      setOrderField(searchParams);
       if (include) {
-        query = `${query}&include=${include}`;
+        searchParams.set("include", include.toString());
+      }
+      if (filterField && searchParameter && filterValue) {
+        searchParams.set(
+          `fields.${filterField}${searchParameter}`,
+          filterValue.toString()
+        );
       }
-      const resp = await fetch(`${baseUrl}${query}`);
+      const resp = await fetch(`${baseUrl}${path}?${searchParams.toString()}`);
       return resp.json();
     }
   );

package/dist/index.mjs

@@ -132,7 +132,7 @@ var ContentfulFetcherMeta = {
         var _a;
         return (_a = ctx == null ? void 0 : ctx.fields) != null ? _a : [];
       },
-      hidden: (props, ctx) => !props.contentType
+      hidden: (props) => !props.contentType
     },
     searchParameter: {
       type: "choice",
@@ -142,13 +142,34 @@ var ContentfulFetcherMeta = {
         var _a;
         return (_a = ctx == null ? void 0 : ctx.queryOptions) != null ? _a : [];
       },
-      hidden: (props, ctx) => !props.filterField
+      hidden: (props) => !props.filterField
     },
     filterValue: {
       type: "string",
       displayName: "Filter value",
       description: "Value to filter by, should be of filter field type.",
-      hidden: (props, ctx) => !props.searchParameter
+      hidden: (props) => !props.searchParameter
+    },
+    order: {
+      type: "choice",
+      displayName: "Order",
+      description: "Field that the entries should be ordered by.",
+      options: (props, ctx) => {
+        var _a;
+        return [
+          ...(_a = ctx == null ? void 0 : ctx.fields) != null ? _a : [],
+          "sys.createdAt",
+          "sys.updatedAt"
+        ];
+      },
+      hidden: (props) => !props.contentType
+    },
+    reverseOrder: {
+      type: "boolean",
+      displayName: "Reverse order",
+      description: "Reverse the order of the entries.",
+      defaultValue: false,
+      hidden: (props) => !props.order
     },
     limit: {
       type: "number",
@@ -185,6 +206,8 @@ function ContentfulFetcher({
   contentType,
   children,
   className,
+  order,
+  reverseOrder,
   limit,
   include,
   noLayout,
@@ -197,6 +220,8 @@ function ContentfulFetcher({
   );
   const cacheKey = JSON.stringify({
     include,
+    order,
+    reverseOrder,
     limit,
     filterField,
     filterValue,
@@ -216,28 +241,53 @@ function ContentfulFetcher({
   setControlContextData == null ? void 0 : setControlContextData({
     types: (_a = contentTypes == null ? void 0 : contentTypes.items) != null ? _a : []
   });
+  function setOrderField(searchParams) {
+    if (order) {
+      searchParams.set(
+        "order",
+        `${reverseOrder ? "-" : ""}${order.startsWith("sys.") ? order : `fields.${order}`}`
+      );
+    }
+  }
   const { data: entriesData } = usePlasmicQueryData(
     contentType ? `${cacheKey}/${contentType}/entriesData` : null,
     async () => {
-      let query = `/spaces/${creds.space}/environments/${creds.environment}/entries?access_token=${creds.accessToken}&content_type=${contentType}`;
+      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;
+      const searchParams = new URLSearchParams();
+      searchParams.set("access_token", creds.accessToken);
+      searchParams.set("content_type", contentType);
       if (limit) {
-        query = `${query}&limit=${limit}`;
+        searchParams.set("limit", limit.toString());
       }
+      setOrderField(searchParams);
       if (include) {
-        query = `${query}&include=${include}`;
+        searchParams.set("include", include.toString());
       }
-      const resp = await fetch(`${baseUrl}${query}`);
+      const resp = await fetch(`${baseUrl}${path}?${searchParams.toString()}`);
       return resp.json();
     }
   );
   const { data: filteredData } = usePlasmicQueryData(
     contentType && filterField && filterValue ? `${cacheKey}/${contentType}/filteredData` : null,
     async () => {
-      let query = `/spaces/${creds.space}/environments/${creds.environment}/entries?access_token=${creds.accessToken}&content_type=${contentType}&fields.${filterField}${searchParameter}=${filterValue}`;
+      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;
+      const searchParams = new URLSearchParams();
+      searchParams.set("access_token", creds.accessToken);
+      searchParams.set("content_type", contentType);
+      if (limit) {
+        searchParams.set("limit", limit.toString());
+      }
+      setOrderField(searchParams);
       if (include) {
-        query = `${query}&include=${include}`;
+        searchParams.set("include", include.toString());
+      }
+      if (filterField && searchParameter && filterValue) {
+        searchParams.set(
+          `fields.${filterField}${searchParameter}`,
+          filterValue.toString()
+        );
       }
-      const resp = await fetch(`${baseUrl}${query}`);
+      const resp = await fetch(`${baseUrl}${path}?${searchParams.toString()}`);
       return resp.json();
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/plasmic-contentful",
-  "version": "0.0.148",
+  "version": "0.0.150",
   "description": "Plasmic Contentful components.",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -32,7 +32,7 @@
     }
   ],
   "devDependencies": {
-    "@plasmicapp/host": "1.0.207",
+    "@plasmicapp/host": "1.0.208",
     "@plasmicapp/query": "0.1.79",
     "@size-limit/preset-small-lib": "^7.0.8",
     "@types/dlv": "^1.1.2",
@@ -52,5 +52,5 @@
     "change-case": "^4.1.2",
     "dlv": "^1.1.3"
   },
-  "gitHead": "9097835f7f37064c7aeefbdcdbf7d2ba0ca652c9"
+  "gitHead": "879304149b902b453a47fe674997fcad01ae4af8"
 }