@m4l/layouts 9.1.13 → 9.1.15

package/layouts/MasterDetailLayout/helpers/getTotalModuleActions.d.ts

@@ -0,0 +1,5 @@
+import { ModuleAction } from '@m4l/components';
+/**
+ * Obtiene las acciones totales del modulo
+ */
+export declare function getTotalModuleActions(splitActions: ModuleAction[], moduleActions?: ModuleAction[]): ModuleAction[];

package/layouts/MasterDetailLayout/helpers/getTotalModuleActions.js

@@ -0,0 +1,8 @@
+function getTotalModuleActions(splitActions, moduleActions = []) {
+  let totalActions = [...splitActions];
+  totalActions = moduleActions.concat(totalActions);
+  return totalActions;
+}
+export {
+  getTotalModuleActions as g
+};

package/layouts/MasterDetailLayout/icons.d.ts

@@ -0,0 +1,5 @@
+export declare const icons: {
+    splitVertical: string;
+    splitHorizontal: string;
+    noSplit: string;
+};

package/layouts/MasterDetailLayout/icons.js

@@ -0,0 +1,8 @@
+const icons = {
+  splitVertical: "frontend/components/masterdetaillayout/assets/icons/split_vertical.svg",
+  splitHorizontal: "frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg",
+  noSplit: "frontend/components/masterdetaillayout/assets/icons/no_split.svg"
+};
+export {
+  icons as i
+};

package/layouts/MasterDetailLayout/slots/MasterDetailLayoutEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum MasterDetailLayoutSlots {
+    masterDetailLayoutRoot = "MasterDetailLayoutRoot"
+}

package/layouts/MasterDetailLayout/slots/MasterDetailLayoutEnum.js

@@ -0,0 +1,7 @@
+var MasterDetailLayoutSlots = /* @__PURE__ */ ((MasterDetailLayoutSlots2) => {
+  MasterDetailLayoutSlots2["masterDetailLayoutRoot"] = "MasterDetailLayoutRoot";
+  return MasterDetailLayoutSlots2;
+})(MasterDetailLayoutSlots || {});
+export {
+  MasterDetailLayoutSlots as M
+};

package/layouts/MasterDetailLayout/slots/MasterDetailLayoutSlot.d.ts

@@ -0,0 +1 @@
+export declare const MasterDetailLayoutRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/layouts/MasterDetailLayout/slots/MasterDetailLayoutSlot.js

@@ -0,0 +1,11 @@
+import styled from "@mui/material/styles/styled";
+import { M as MASTER_DETAIL_LAYOUT_PREFIX } from "../constants.js";
+import { M as MasterDetailLayoutSlots } from "./MasterDetailLayoutEnum.js";
+import { m as masterDetailLayoutStyles } from "../styles.js";
+const MasterDetailLayoutRootStyled = styled("div", {
+  name: MASTER_DETAIL_LAYOUT_PREFIX,
+  slot: MasterDetailLayoutSlots.masterDetailLayoutRoot
+})(masterDetailLayoutStyles.masterDetailLayoutRoot);
+export {
+  MasterDetailLayoutRootStyled as M
+};

package/layouts/MasterDetailLayout/styles.d.ts

@@ -1 +1,2 @@
-export declare const MasterDetailLayoutRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import { MasterDetailLayoutStyles } from './types';
+export declare const masterDetailLayoutStyles: MasterDetailLayoutStyles;

package/layouts/MasterDetailLayout/styles.js

@@ -1,7 +1,39 @@
-import { styled } from "@mui/material";
-const MasterDetailLayoutRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LMasterDetailLayout?.styleOverrides
-}));
+import { M as MASTER_DETAIL_LAYOUT_PREFIX } from "./constants.js";
+const masterDetailLayoutStyles = {
+  /**
+   * Estilos para el componente root del MasterDetailLayout
+   */
+  masterDetailLayoutRoot: ({ theme }) => ({
+    [`&.${MASTER_DETAIL_LAYOUT_PREFIX}-root`]: {
+      display: "flex",
+      width: "100%",
+      height: "100%",
+      overFlow: "visible",
+      "& .M4LModuleLayout-root .M4LModuleLayout-moduleContent": {
+        display: "flex",
+        width: "100%",
+        height: "100%",
+        boxShadow: "none",
+        background: theme.vars.palette.background.default,
+        border: theme.vars.size.borderRadius.r0,
+        borderColor: "transparent",
+        borderRadius: theme.vars.size.borderRadius.r1,
+        overFlow: "visible",
+        "& .splitter-layout": {
+          gap: theme.vars.size.borderRadius.r2
+        }
+      },
+      "& .M4LSplitLayout-secondPart": {
+        background: theme.vars.palette.background.default,
+        borderRadius: theme.vars.size.borderRadius.r1
+      },
+      "& .layout-pane-primary": {
+        background: theme.vars.palette.background.default,
+        borderRadius: theme.vars.size.borderRadius.r1
+      }
+    }
+  })
+};
 export {
-  MasterDetailLayoutRoot as M
+  masterDetailLayoutStyles as m
 };

package/layouts/MasterDetailLayout/tests/MasterDetailLayout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/layouts/MasterDetailLayout/types.d.ts

@@ -1,5 +1,9 @@
 import { ReactNode } from 'react';
 import { ModuleLayoutProps } from '../ModuleLayout/types';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { MasterDetailLayoutSlots } from './slots/MasterDetailLayoutEnum';
+import { MASTER_DETAIL_LAYOUT_PREFIX } from './constants';
+import { Theme } from '@mui/material/styles';
 export interface ContainerProps {
     vertical: boolean;
 }
@@ -7,3 +11,5 @@ export interface MasterDetailLayoutProps extends Omit<ModuleLayoutProps, 'childr
     masterComponent: ((props?: any) => JSX.Element) | ReactNode;
     detailComponent: ((props?: any) => JSX.Element) | ReactNode;
 }
+export type MasterDetailLayoutSlotsType = keyof typeof MasterDetailLayoutSlots;
+export type MasterDetailLayoutStyles = OverridesStyleRules<MasterDetailLayoutSlotsType, typeof MASTER_DETAIL_LAYOUT_PREFIX, Theme>;

package/layouts/ModuleLayout/contexts/ModuleContext/store.js

@@ -1,4 +1,6 @@
-import { c as create, i as immer, d as devtools } from "../../../../not_recognized/index.js";
+import { create } from "zustand";
+import { devtools } from "zustand/middleware";
+import { immer } from "zustand/middleware/immer";
 import { M as MODULE_LAYOUT_STORE_ID } from "../../constants.js";
 const createDevtools = (immerMiddlewere, config) => {
   const { enabled = false } = config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.1.13",
+  "version": "9.1.15",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "lint-staged": {

package/storybook/layouts/MasterDetailLayout/MasterDetailLayout.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AreasAdmin, PaperForm } from '@m4l/components';
+declare const meta: Meta<typeof AreasAdmin>;
+type Story = StoryObj<typeof PaperForm>;
+export declare const Default: Story;
+export default meta;

package/storybook/layouts/MasterDetailLayout/moks/mokData.d.ts

@@ -0,0 +1,7 @@
+export declare const MOCK_USERS: {
+    nombre: string;
+    apellido: string;
+    email: string;
+    telefono: string;
+    activo: boolean;
+}[];

package/storybook/layouts/MasterDetailLayout/subcomponents/RenderMasterDetailLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Render para utilizar el componente ModuleLayout
+ * en AreasViewer en el storybook
+ */
+declare const RenderMasterDetailLayout: () => import("react/jsx-runtime").JSX.Element;
+export default RenderMasterDetailLayout;

package/test/constants.d.ts

@@ -1,4 +1,3 @@
-import { Formatters } from '@m4l/graphics';
 import { HostToolsType, Toaster } from '@m4l/core';
 import { BaseDataForTesting } from './types';
 export declare const moduleIdForTesting = "testing";
@@ -66,4 +65,3 @@ export declare const environmentDataForTesting: {
 export declare const baseDataForTesting: BaseDataForTesting;
 export declare const mock_toaster: Toaster;
 export declare const hostToolsDataForTesting: HostToolsType;
-export declare const formatterValues: Formatters;

package/test/mocks.d.ts

@@ -1,3 +1,4 @@
+import { Formatters } from '@m4l/graphics';
 import * as core from '@m4l/core';
 import * as graphics from '@m4l/graphics';
 export declare const mock_addFlag: import('vitest').Mock<(...args: any[]) => any>;
@@ -14,6 +15,7 @@ export declare const mock_useEnvironment: {
     environment_assets: string;
     domain_token: string;
 };
+export declare const formatterValues: Formatters;
 export declare const mockedGraphics: {
     useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
 };

package/commonjs/index.js

@@ -1,7 +0,0 @@
-import "react";
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-export {
-  getDefaultExportFromCjs as g
-};

package/layouts/MasterDetailLayout/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LMasterDetailLayout";

package/layouts/MasterDetailLayout/classes/constants.js

@@ -1,4 +0,0 @@
-const componentName = "M4LMasterDetailLayout";
-export {
-  componentName as c
-};

package/layouts/MasterDetailLayout/classes/index.d.ts

@@ -1,9 +0,0 @@
-import { MasterDetailLayoutClassesType } from './types';
-export declare const masterDetailLayoutClasses: MasterDetailLayoutClassesType;
-export declare function getMasterDetailLayoutUtilityClass(slot: string): string;
-/**
- * Hook para obtener las clases del componente MasterDetailLayout
- */
-export declare const getMasterDetailLayoutUtilityClasses: () => {
-    root: string;
-};

package/layouts/MasterDetailLayout/classes/index.js

@@ -1,23 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getMasterDetailLayoutUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const getMasterDetailLayoutUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getMasterDetailLayoutUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  getMasterDetailLayoutUtilityClasses as g
-};

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

@@ -1,6 +0,0 @@
-import { getMasterDetailLayoutUtilityClasses } from '.';
-export interface MasterDetailLayoutClassesType {
-    root: string;
-}
-export type MasterDetailLayoutClassesKey = keyof MasterDetailLayoutClassesType;
-export type Classes = ReturnType<typeof getMasterDetailLayoutUtilityClasses>;