@m4l/layouts 0.0.19 → 0.0.22

package/dist/layouts/MasterDetailLayout/contexts/MasterDetailContext/types.d.ts

@@ -4,8 +4,6 @@ export interface MasterDetailContextStateProps {
     masterSelection?: MasterSelecion;
 }
 export interface MasterDetailProviderProps {
-    masterSelection: MasterSelecion;
-    setMasterSelection: (newMasterSelecion: MasterSelecion) => void;
     children: ReactNode;
 }
 export interface MasterDetailContextProps extends MasterDetailContextStateProps {

package/dist/layouts/MasterDetailLayout/index.js

@@ -1,4 +1,4 @@
-import { createContext, useCallback, useState, useRef, useMemo } from "react";
+import { createContext, useState, useRef, useCallback, useMemo } from "react";
 import { voidFunction, useEnvironment } from "@m4l/core";
 import { SplitLayout } from "@m4l/components";
 import { g as getModuleLayoutComponentsDictionary, a as ModuleLayout } from "../ModuleLayout/index.js";
@@ -24,17 +24,13 @@ const initialState = {
 const MasterDetailContext = createContext(initialState);
 function MasterDetailProvider(props) {
   const {
-    children,
-    masterSelection,
-    setMasterSelection
+    children
   } = props;
-  const onChangeMasterSelection = useCallback((newMasterSelection) => {
-    setMasterSelection(newMasterSelection);
-  }, [setMasterSelection]);
+  const [masterSelection, setMasterSelection] = useState(void 0);
   return /* @__PURE__ */ jsx(MasterDetailContext.Provider, {
     value: {
       masterSelection,
-      onChangeMasterSelection
+      onChangeMasterSelection: setMasterSelection
     },
     children
   });
@@ -64,7 +60,7 @@ function MasterDetailLayout(props) {
     moduleId,
     moduleNameField,
     detailComponent,
-    initialModuleActions: moduleActions,
+    moduleActions,
     urlIcon,
     masterComponent,
     componentsDictionary,
@@ -78,7 +74,6 @@ function MasterDetailLayout(props) {
   const [splitPosition, setSplitPosition] = useState("vertical");
   const isDesktop = useResponsiveDesktop();
   const moduleLayoutRef = useRef(null);
-  const [masterSelection, setMasterSelection] = useState(void 0);
   const onChangePostionInternal = (newPostion) => {
     const newSplitActions = [...initialSplitActions];
     for (let i = 0; i < newSplitActions.length; i++) {
@@ -142,23 +137,24 @@ function MasterDetailLayout(props) {
     return actions;
   }, [splitActions, moduleActions, isDesktop, viewDetailAction]);
   const finalComponentsDictionary = useMemo(() => componentsDictionary.concat(getMasterDetailLayoutComponentsDictionary()), [componentsDictionary]);
-  return /* @__PURE__ */ jsx(MasterDetailProvider, {
-    masterSelection,
-    setMasterSelection,
-    children: /* @__PURE__ */ jsx(ModuleLayout, {
-      ref: moduleLayoutRef,
-      moduleId,
-      moduleNameField,
-      urlIcon,
-      initialModuleActions: finalModuleActions,
-      privileges,
-      componentsDictionary: finalComponentsDictionary,
-      breadcrumbLinks,
-      children: /* @__PURE__ */ jsx(SplitLayout, {
-        splitPosition: isDesktop ? splitPosition : "none",
-        firstPart: masterComponent,
-        secondPart: detailComponent
-      })
+  const memonizedSplit = useMemo(() => {
+    return /* @__PURE__ */ jsx(SplitLayout, {
+      splitPosition: isDesktop ? splitPosition : "none",
+      firstPart: masterComponent,
+      secondPart: detailComponent
+    });
+  }, [isDesktop, splitPosition, masterComponent, detailComponent]);
+  return /* @__PURE__ */ jsx(ModuleLayout, {
+    ref: moduleLayoutRef,
+    moduleId,
+    moduleNameField,
+    urlIcon,
+    moduleActions: finalModuleActions,
+    privileges,
+    componentsDictionary: finalComponentsDictionary,
+    breadcrumbLinks,
+    children: /* @__PURE__ */ jsx(MasterDetailProvider, {
+      children: memonizedSplit
     })
   });
 }

package/dist/layouts/MasterDetailLayout/types.d.ts

@@ -6,5 +6,4 @@ export interface ContainerProps {
 export interface MasterDetailLayoutProps extends Omit<ModuleLayoutProps, 'children'> {
     masterComponent: ((props?: any) => JSX.Element) | ReactNode;
     detailComponent: ((props?: any) => JSX.Element) | ReactNode;
-    onChangeSelected?: (row: any[]) => void;
 }

package/dist/layouts/ModuleLayout/index.js

@@ -336,7 +336,7 @@ const ModuleLayout = forwardRef((props, ref) => {
   const {
     moduleId,
     moduleNameField = "module_name",
-    initialModuleActions,
+    moduleActions: initialModuleActions,
     urlIcon,
     children,
     componentsDictionary,

package/dist/layouts/ModuleLayout/types.d.ts

@@ -21,7 +21,7 @@ export interface ModuleLayoutProps extends HeaderProps {
     moduleNameField?: string;
     privileges: string[];
     breadcrumbLinks: TLink[];
-    initialModuleActions: ModuleAction[];
+    moduleActions: ModuleAction[];
     componentsDictionary: string[];
     children: ReactNode;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/layouts",
   "private": false,
-  "version": "0.0.19",
+  "version": "0.0.22",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",
@@ -14,7 +14,7 @@
     "format": "npm run prettier:fix && npm run lint:fix"
   },
   "dependencies": {
-    "@m4l/components": "^0.0.40",
+    "@m4l/components": "^0.0.41",
     "react": "^17.0.0 || 18.x",
     "react-dom": "^18.0.0"
   },