@creopse/react 0.0.24 → 0.0.26

package/dist/{content-Cgzd1E-Q.cjs → content-DKqcW0Dp.cjs}

@@ -6791,6 +6791,9 @@ var ProfileType;
 var ResponseErrorCode;
 (function(ResponseErrorCode2) {
   ResponseErrorCode2["FORM_INVALID_DATA"] = "form/invalid_data";
+  ResponseErrorCode2["REQUEST_PARAMS_MISSING"] = "request/params_missing";
+  ResponseErrorCode2["REQUEST_DATA_RETRIEVAL_FAILED"] = "request/data_retrieval_failed";
+  ResponseErrorCode2["REQUEST_DATA_ALREADY_EXISTS"] = "request/data_already_exists";
   ResponseErrorCode2["AUTH_LOGIN_FAILED"] = "auth/login_failed";
   ResponseErrorCode2["AUTH_REGISTRATION_FAILED"] = "auth/registration_failed";
   ResponseErrorCode2["AUTH_MISSING_DATA"] = "auth/missing_data";
@@ -7943,9 +7946,25 @@ const useContent = () => {
     [request, formatContentModelItemData]
   );
   const getPaginatedContentModelItems = React.useCallback(
-    async (name, pageSize, filterByIsActive = true) => {
+    async (name, page2, pageSize, filterByIsActive = true, query, dataFilters) => {
+      const params = new URLSearchParams({
+        page: String(page2),
+        pageSize: String(pageSize),
+        contentModelName: name
+      });
+      if (filterByIsActive) params.append("isActive", "true");
+      if (query) params.append("query", query);
+      if (dataFilters?.length) {
+        dataFilters.forEach((filter2, index) => {
+          params.append(`dataFilters[${index}][key]`, filter2.key);
+          params.append(`dataFilters[${index}][value]`, filter2.value);
+          if (filter2.operator) {
+            params.append(`dataFilters[${index}][operator]`, filter2.operator);
+          }
+        });
+      }
       const task = await request({
-        url: `content-model/items?pageSize=${pageSize}&contentModelName=${name}${filterByIsActive ? "&isActive=true" : ""}`
+        url: `content-model/items?${params.toString()}`
       });
       if (task.success && task.result) {
         const items = (task.result.data?.items || []).map(
@@ -7953,17 +7972,9 @@ const useContent = () => {
         );
         const total = task.result.data?.meta?.total || 0;
         const currentPage = task.result.data?.meta?.currentPage || 1;
-        return {
-          items,
-          total,
-          currentPage
-        };
+        return { items, total, currentPage };
       }
-      return {
-        items: [],
-        total: 0,
-        currentPage: 1
-      };
+      return { items: [], total: 0, currentPage: 1 };
     },
     [request, formatContentModelItemData]
   );
@@ -7990,6 +8001,32 @@ const useContent = () => {
     },
     [request]
   );
+  const getContentPath = React.useCallback(
+    (name, item) => {
+      const permalinks = props?.permalinks || [];
+      switch (name) {
+        case "news-article":
+        case "news-category":
+        case "news-tag": {
+          const permalink = permalinks?.find((p) => p.contentType === name);
+          if (!permalink) {
+            return "";
+          }
+          return `${permalink.pathPrefix}/${permalink.contentParam ? item[permalink.contentParam] : item.id}`;
+        }
+        default: {
+          const permalink = permalinks?.find(
+            (p) => p.content?.name === name
+          );
+          if (!permalink) {
+            return "";
+          }
+          return `${permalink.pathPrefix}/${permalink.contentParam ? item?.data[permalink.contentParam] : item.id}`;
+        }
+      }
+    },
+    [props?.permalinks]
+  );
   const getMenu = React.useCallback(
     (name, filterByIsActive = true) => {
       const menu = cloneDeep(props?.menus?.find((menu2) => menu2.name === name));
@@ -8163,11 +8200,13 @@ const useContent = () => {
     getSectionSetting,
     getAnySectionData,
     getSectionRootData,
+    getContentPath,
     getContentModel,
     getContentModelItems,
     getPaginatedContentModelItems,
     getAppInformationValue,
     submitUserContentModelItem,
+    formatContentModelItemData,
     appAccentColor,
     appPrimaryColor,
     appSecondaryColor

package/dist/{content-DP8wQsOf.js → content-YRSMxojU.js}

@@ -6790,6 +6790,9 @@ var ProfileType;
 var ResponseErrorCode;
 (function(ResponseErrorCode2) {
   ResponseErrorCode2["FORM_INVALID_DATA"] = "form/invalid_data";
+  ResponseErrorCode2["REQUEST_PARAMS_MISSING"] = "request/params_missing";
+  ResponseErrorCode2["REQUEST_DATA_RETRIEVAL_FAILED"] = "request/data_retrieval_failed";
+  ResponseErrorCode2["REQUEST_DATA_ALREADY_EXISTS"] = "request/data_already_exists";
   ResponseErrorCode2["AUTH_LOGIN_FAILED"] = "auth/login_failed";
   ResponseErrorCode2["AUTH_REGISTRATION_FAILED"] = "auth/registration_failed";
   ResponseErrorCode2["AUTH_MISSING_DATA"] = "auth/missing_data";
@@ -7942,9 +7945,25 @@ const useContent = () => {
     [request, formatContentModelItemData]
   );
   const getPaginatedContentModelItems = useCallback(
-    async (name, pageSize, filterByIsActive = true) => {
+    async (name, page2, pageSize, filterByIsActive = true, query, dataFilters) => {
+      const params = new URLSearchParams({
+        page: String(page2),
+        pageSize: String(pageSize),
+        contentModelName: name
+      });
+      if (filterByIsActive) params.append("isActive", "true");
+      if (query) params.append("query", query);
+      if (dataFilters?.length) {
+        dataFilters.forEach((filter2, index) => {
+          params.append(`dataFilters[${index}][key]`, filter2.key);
+          params.append(`dataFilters[${index}][value]`, filter2.value);
+          if (filter2.operator) {
+            params.append(`dataFilters[${index}][operator]`, filter2.operator);
+          }
+        });
+      }
       const task = await request({
-        url: `content-model/items?pageSize=${pageSize}&contentModelName=${name}${filterByIsActive ? "&isActive=true" : ""}`
+        url: `content-model/items?${params.toString()}`
       });
       if (task.success && task.result) {
         const items = (task.result.data?.items || []).map(
@@ -7952,17 +7971,9 @@ const useContent = () => {
         );
         const total = task.result.data?.meta?.total || 0;
         const currentPage = task.result.data?.meta?.currentPage || 1;
-        return {
-          items,
-          total,
-          currentPage
-        };
+        return { items, total, currentPage };
       }
-      return {
-        items: [],
-        total: 0,
-        currentPage: 1
-      };
+      return { items: [], total: 0, currentPage: 1 };
     },
     [request, formatContentModelItemData]
   );
@@ -7989,6 +8000,32 @@ const useContent = () => {
     },
     [request]
   );
+  const getContentPath = useCallback(
+    (name, item) => {
+      const permalinks = props?.permalinks || [];
+      switch (name) {
+        case "news-article":
+        case "news-category":
+        case "news-tag": {
+          const permalink = permalinks?.find((p) => p.contentType === name);
+          if (!permalink) {
+            return "";
+          }
+          return `${permalink.pathPrefix}/${permalink.contentParam ? item[permalink.contentParam] : item.id}`;
+        }
+        default: {
+          const permalink = permalinks?.find(
+            (p) => p.content?.name === name
+          );
+          if (!permalink) {
+            return "";
+          }
+          return `${permalink.pathPrefix}/${permalink.contentParam ? item?.data[permalink.contentParam] : item.id}`;
+        }
+      }
+    },
+    [props?.permalinks]
+  );
   const getMenu = useCallback(
     (name, filterByIsActive = true) => {
       const menu = cloneDeep(props?.menus?.find((menu2) => menu2.name === name));
@@ -8162,11 +8199,13 @@ const useContent = () => {
     getSectionSetting,
     getAnySectionData,
     getSectionRootData,
+    getContentPath,
     getContentModel,
     getContentModelItems,
     getPaginatedContentModelItems,
     getAppInformationValue,
     submitUserContentModelItem,
+    formatContentModelItemData,
     appAccentColor,
     appPrimaryColor,
     appSecondaryColor

package/dist/hooks/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const content = require("../content-Cgzd1E-Q.cjs");
+const content = require("../content-DKqcW0Dp.cjs");
 const React = require("react");
 const articlesUrlBuilder = (p) => {
   const searchParams = new URLSearchParams();

package/dist/hooks/index.mjs

@@ -1,5 +1,5 @@
-import { e as useApi } from "../content-DP8wQsOf.js";
-import { f, a, u, b } from "../content-DP8wQsOf.js";
+import { e as useApi } from "../content-YRSMxojU.js";
+import { f, a, u, b } from "../content-YRSMxojU.js";
 import { useState, useCallback } from "react";
 const articlesUrlBuilder = (p) => {
   const searchParams = new URLSearchParams();

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const content = require("./content-Cgzd1E-Q.cjs");
+const content = require("./content-DKqcW0Dp.cjs");
 const react = require("@inertiajs/react");
 const reactDom = require("react-dom");
 function _interopNamespaceDefault(e) {

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { useState, useEffect, createContext, useRef, useLayoutEffect, useId, useContext, useInsertionEffect, useMemo, useCallback, Children, isValidElement, Fragment, createElement, forwardRef, Component } from "react";
-import { u as useHelper, a as useContent, b as useProps, P as PropsContext, R as ResolveSectionsContext, c as cloneDeep, s as slideToId, E as EditorMessageType, d as RouterContext, C as ConfigContext } from "./content-DP8wQsOf.js";
+import { u as useHelper, a as useContent, b as useProps, P as PropsContext, R as ResolveSectionsContext, c as cloneDeep, s as slideToId, E as EditorMessageType, d as RouterContext, C as ConfigContext } from "./content-YRSMxojU.js";
 import { router } from "@inertiajs/react";
 import { createPortal } from "react-dom";
 var jsxRuntime = { exports: {} };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@creopse/react",
   "description": "Creopse React Toolkit",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "private": false,
   "author": "Noé Gnanih <noegnanih@gmail.com>",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@creopse/utils": "^0.0.13",
+    "@creopse/utils": "^0.0.15",
     "@vueuse/core": "^14.1.0",
     "axios": "^1.13.2",
     "framer-motion": "^12.23.9",

package/types/hooks/content.d.ts

@@ -1,4 +1,5 @@
 import type { Response } from '@/types/api';
+import type { DataFilter, PaginatedContentModelItems } from '@/types/content';
 import type { AppInformationKey, ContentModelItemModel, ContentModelModel, MenuItemGroupModel, MenuItemModel, MenuModel, NewsArticleModel, NewsCategoryModel, NewsTagModel, PageModel, SettingType, SharedProps } from '@creopse/utils';
 /**
  * A hook that provides a set of functions and properties for
@@ -34,15 +35,13 @@ export declare const useContent: () => {
     getSectionSetting: (key: string | null | undefined, group: string, name: string) => object | any | null;
     getAnySectionData: (sectionSlug: string, pageSlug: string, linkId?: string) => Promise<any>;
     getSectionRootData: (key?: string) => any;
+    getContentPath: (name: "news-article" | "news-category" | "news-tag" | string, item: ContentModelItemModel | any) => string;
     getContentModel: (name: string) => ContentModelModel | undefined;
     getContentModelItems: (name: string, filterByIsActive?: boolean) => Promise<ContentModelItemModel[]>;
-    getPaginatedContentModelItems: (name: string, pageSize: number, filterByIsActive?: boolean) => Promise<{
-        items: ContentModelItemModel[];
-        total: number;
-        currentPage: number;
-    }>;
+    getPaginatedContentModelItems: (name: string, page: number, pageSize: number, filterByIsActive?: boolean, query?: string, dataFilters?: DataFilter[]) => Promise<PaginatedContentModelItems>;
     getAppInformationValue: (key: AppInformationKey, type?: SettingType) => any;
     submitUserContentModelItem: (title: string, contentModelId: string, singletonsData?: any, collectionsData?: any, successCallback?: () => void, errorCallback?: (errorData: any) => void) => Promise<Response<any>>;
+    formatContentModelItemData: (item: ContentModelItemModel) => object;
     appAccentColor: string;
     appPrimaryColor: string;
     appSecondaryColor: string;

package/types/types/content.d.ts

@@ -0,0 +1,11 @@
+import type { ContentModelItemModel } from '@creopse/utils';
+export type DataFilter = {
+    key: string;
+    value: string;
+    operator?: '=' | '!=' | '>' | '>=' | '<' | '<=' | 'like' | 'json_contains';
+};
+export interface PaginatedContentModelItems {
+    items: ContentModelItemModel[];
+    total: number;
+    currentPage: number;
+}