@creopse/react 0.0.11 → 0.0.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@creopse/react",
   "description": "Creopse React Toolkit",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "private": false,
   "author": "Noé Gnanih <noegnanih@gmail.com>",
   "license": "MIT",
@@ -47,7 +47,8 @@
     "@vueuse/core": "^14.1.0",
     "axios": "^1.13.2",
     "framer-motion": "^12.23.9",
-    "lodash.clonedeep": "^4.5.0"
+    "lodash.clonedeep": "^4.5.0",
+    "uuid": "^13.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.30.1",
@@ -56,6 +57,7 @@
     "@types/lodash.clonedeep": "^4.5.9",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
+    "@types/uuid": "^11.0.0",
     "@types/validator": "^13.15.10",
     "@vitejs/plugin-react": "^4.6.0",
     "eslint": "^9.30.1",

package/types/components/RootContainer/RootContainer.d.ts

@@ -1,9 +1,2 @@
-import React from 'react';
-import { type SectionModel } from '@creopse/utils';
-export interface Props {
-    page: any;
-    sections: SectionModel[];
-    components: Record<string, React.ComponentType<any>>;
-}
-declare const RootContainer: React.FC<Props>;
+declare const RootContainer: () => import("react/jsx-runtime").JSX.Element;
 export default RootContainer;

package/types/components/RootContainer/index.d.ts

@@ -1 +1 @@
-export { default as RootContainer, type Props as RootContainerProps, } from './RootContainer';
+export { default as RootContainer } from './RootContainer';

package/types/core/contexts.d.ts

@@ -1,6 +1,6 @@
 import type { PluginConfig } from '@/types/plugin';
 import type PropsManager from './props-manager';
-declare const PropsContext: import("react").Context<PropsManager | null>;
+declare const PropsContext: import("react").Context<PropsManager<import("@/types/plugin").Props> | null>;
 declare const ConfigContext: import("react").Context<PluginConfig | null>;
 declare const RouterContext: import("react").Context<any>;
 declare const ResolveSectionsContext: import("react").Context<any>;

package/types/core/props-manager.d.ts

@@ -1,13 +1,14 @@
-declare class PropsManager {
+import type { Props } from '@/types/plugin';
+declare class PropsManager<T extends Props = Props> {
     private state;
     private listeners;
-    constructor(initialProps: Record<string, any>);
-    update(payload: Record<string, any>): void;
+    constructor(initialProps: T);
+    update(payload: T): void;
     getState(): {
-        props: Record<string, any>;
+        props: T;
     };
-    sync(newProps: Record<string, any>): void;
-    subscribe(callback: (props: Record<string, any>) => void): () => void;
+    sync(newProps: T): void;
+    subscribe(callback: (props: T) => void): () => void;
     private notify;
     private deepMerge;
     private isObject;

package/types/hooks/content.d.ts

@@ -1,5 +1,4 @@
-import type { AppInformationKey, ContentModelItemModel, ContentModelModel, MenuItemGroupModel, MenuItemModel, MenuModel, NewsArticleModel, NewsCategoryModel, NewsTagModel, PageModel, SectionModel, SettingType, SharedProps } from '@creopse/utils';
-import type { ErrorBag, Errors, PageProps } from '@inertiajs/core';
+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
  * easily accessing and manipulating page data, content models, menus,
@@ -16,9 +15,6 @@ export declare const useContent: () => {
     newsCategory: NewsCategoryModel | undefined;
     newsTag: NewsTagModel | undefined;
     contentModelItem: ContentModelItemModel | undefined;
-    getProps: () => PageProps & SharedProps & {
-        errors: Errors & ErrorBag;
-    };
     getMenu: (name: string, filterByIsActive?: boolean) => MenuModel | undefined;
     getMenuByLocation: (name: string, filterByIsActive?: boolean) => MenuModel | undefined;
     getMenuItems: (name: string, filterByIsVisible?: boolean) => MenuItemModel[] | undefined;
@@ -36,10 +32,7 @@ export declare const useContent: () => {
     getSectionSettingsGroup: (key: string | null | undefined, group: string) => object | any | null;
     getSectionSetting: (key: string | null | undefined, group: string, name: string) => object | any | null;
     getAnySectionData: (sectionSlug: string, pageSlug: string, linkId?: string) => Promise<any>;
-    getSectionsInOrder: () => SectionModel[];
-    getFinalPageSections: () => SectionModel[];
     getSectionRootData: (key?: string) => any;
-    getComponents: () => Record<string, any>;
     getContentModel: (name: string) => ContentModelModel | undefined;
     getContentModelItems: (name: string, filterByIsActive?: boolean) => Promise<ContentModelItemModel[]>;
     getPaginatedContentModelItems: (name: string, pageSize: number, filterByIsActive?: boolean) => Promise<{

package/types/hooks/props.d.ts

@@ -1,9 +1,10 @@
+import type { Props } from '@/types/plugin';
 /**
  * A hook that returns the props of the page.
  *
  * It subscribes to the PropsManager and updates when props change.
  *
  * @throws {Error} if the CreopseProvider is not found in tree
- * @returns {Record<string, any>} the props of the page
+ * @returns {T} the props of the page
  */
-export declare const useProps: <T = Record<string, any>>() => T;
+export declare const useProps: <T extends Props = Props>() => T;

package/types/hooks/setup.d.ts

@@ -0,0 +1,7 @@
+import type { SectionModel } from '@creopse/utils';
+import type { Props } from '../types/plugin';
+export declare const useSetup: () => {
+    getComponents: (resolveSections?: () => Record<string, unknown>) => Record<string, any>;
+    getSectionsInOrder: <T extends Props = Props>(props: T) => SectionModel[];
+    getFinalPageSections: <T extends Props = Props>(props: T) => SectionModel[];
+};

package/types/index.d.ts

@@ -13,6 +13,6 @@ export { MountedTeleport, type MountedTeleportProps, } from './components/widget
 export { ReadMore, type ReadMoreProps } from './components/widgets/ReadMore';
 export { StickyBottom, type StickyBottomProps, } from './components/widgets/StickyBottom';
 export { StickyTop, type StickyTopProps } from './components/widgets/StickyTop';
-export { RootContainer, type RootContainerProps, } from './components/RootContainer';
+export { RootContainer, } from './components/RootContainer';
 export type { PropsManager };
 export type { PluginOptions };

package/types/types/plugin.d.ts

@@ -1,4 +1,9 @@
-import type { Router } from '@inertiajs/core';
+import type { SharedProps } from '@creopse/utils';
+import type { ErrorBag, Errors, PageProps, Router } from '@inertiajs/core';
+export type Props = SharedProps & PageProps & {
+    errors: Errors & ErrorBag;
+    [key: string]: any;
+};
 export interface PluginConfig {
     debug: boolean;
     appUrl: string;
@@ -7,7 +12,7 @@ export interface PluginConfig {
     langKey: string;
 }
 export interface PluginOptions {
-    initialProps: Record<string, any>;
+    initialProps: Props;
     router?: Router;
     resolveSections: () => Record<string, unknown>;
     config: PluginConfig;