@m4l/layouts 9.1.13 → 9.1.14

package/layouts/MasterDetailLayout/MasterDetailLayout.js

@@ -1,17 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { WindowBase, SplitLayout } from "@m4l/components";
+import { WindowBase, getComponentSlotRoot, SplitLayout } from "@m4l/components";
 import { M as ModuleLayout } from "../ModuleLayout/ModuleLayout.js";
 import { a as MasterDetailProvider } from "./contexts/MasterDetailContext/index.js";
 import { useIsMobile } from "@m4l/graphics";
-import { g as getMasterDetailLayoutUtilityClasses } from "./classes/index.js";
-import { M as MasterDetailLayoutRoot } from "./styles.js";
-function getTotalModuleActions(splitActions, moduleActions = []) {
-  let totalActions = [...splitActions];
-  totalActions = moduleActions.concat(totalActions);
-  return totalActions;
-}
+import { i as icons } from "./icons.js";
+import { d as dictionary } from "./dicctionary.js";
+import { M as MasterDetailLayoutRootStyled } from "./slots/MasterDetailLayoutSlot.js";
+import { M as MASTER_DETAIL_LAYOUT_PREFIX } from "./constants.js";
+import { g as getTotalModuleActions } from "./helpers/getTotalModuleActions.js";
 function MasterDetailLayout(props) {
   const {
     moduleId,
@@ -19,7 +17,6 @@ function MasterDetailLayout(props) {
     detailComponent,
     moduleActions,
     version
-    // defaultDictionary,
   } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const [splitPosition, setSplitPosition] = useState("vertical");
@@ -32,30 +29,30 @@ function MasterDetailLayout(props) {
   const splitActions = useMemo(
     () => [
       {
-        iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/masterdetaillayout/assets/icons/split_vertical.svg`,
+        iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitVertical}`,
         onClick: () => onChangePostionInternal("vertical"),
         visibility: "main",
-        label: getLabel("master_detail_layout.split_vertical"),
+        label: getLabel(dictionary.LABEL_SPLIT_VERTICAL),
         tag: "vertical",
         className: "splitactions",
         disabled: splitPosition === "vertical",
         key: "vertical"
       },
       {
-        iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/masterdetaillayout/assets/icons/split_horizontal.svg`,
+        iconUrl: `${host_static_assets}/${environment_assets}/${icons.splitHorizontal}`,
         onClick: () => onChangePostionInternal("horizontal"),
         visibility: "main",
-        label: getLabel("master_detail_layout.split_horizontal"),
+        label: getLabel(dictionary.LABEL_SPLIT_HORIZONTAL),
         tag: "horizontal",
         className: "splitactions",
         disabled: splitPosition === "horizontal",
         key: "horizontal"
       },
       {
-        iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/masterdetaillayout/assets/icons/no_split.svg`,
+        iconUrl: `${host_static_assets}/${environment_assets}/${icons.noSplit}`,
         onClick: () => onChangePostionInternal("none"),
         visibility: "main",
-        label: getLabel("master_detail_layout.no_split"),
+        label: getLabel(dictionary.LABEL_NO_SPLIT),
         tag: "none",
         className: "splitactions",
         disabled: splitPosition === "none",
@@ -71,7 +68,7 @@ function MasterDetailLayout(props) {
       window: /* @__PURE__ */ jsx(
         WindowBase,
         {
-          title: getLabel("master_detail_layout.view_detail"),
+          title: getLabel(dictionary.LABEL_VIEW_DETAIL),
           onClose: () => {
             moduleLayoutRef.current?.closeModal();
           },
@@ -87,8 +84,8 @@ function MasterDetailLayout(props) {
     );
     return actions;
   }, [splitActions, moduleActions]);
-  const classes = getMasterDetailLayoutUtilityClasses();
-  return /* @__PURE__ */ jsx(MasterDetailProvider, { onClickViewDetail, children: /* @__PURE__ */ jsx(MasterDetailLayoutRoot, { className: classes.root, children: /* @__PURE__ */ jsx(
+  const classRoot = getComponentSlotRoot(MASTER_DETAIL_LAYOUT_PREFIX);
+  return /* @__PURE__ */ jsx(MasterDetailProvider, { onClickViewDetail, children: /* @__PURE__ */ jsx(MasterDetailLayoutRootStyled, { className: classRoot, children: /* @__PURE__ */ jsx(
     ModuleLayout,
     {
       ref: moduleLayoutRef,

package/layouts/MasterDetailLayout/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MASTER_DETAIL_LAYOUT_PREFIX = "M4LMasterDetailLayout";
+export declare const MASTER_DETAIL_LAYOUT_STORE_ID = "M4LMasterDetailLayoutStore";

package/layouts/MasterDetailLayout/constants.js

@@ -0,0 +1,6 @@
+const MASTER_DETAIL_LAYOUT_PREFIX = "M4LMasterDetailLayout";
+const MASTER_DETAIL_LAYOUT_STORE_ID = "M4LMasterDetailLayoutStore";
+export {
+  MASTER_DETAIL_LAYOUT_PREFIX as M,
+  MASTER_DETAIL_LAYOUT_STORE_ID as a
+};

package/layouts/MasterDetailLayout/contexts/MasterDetailContext/index.js

@@ -1,6 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { createContext, useState } from "react";
+import { createContext, useRef } from "react";
 import { voidFunction } from "@m4l/core";
+import { c as createMasterDetailLayoutStore } from "./store.js";
+import { u as useStore } from "../../../../not_recognized/index.js";
 const initialState = {
   masterSelection: void 0,
   onChangeMasterSelection: voidFunction,
@@ -11,17 +13,24 @@ const initialState = {
 const MasterDetailContext = createContext(initialState);
 function MasterDetailProvider(props) {
   const { children, onClickViewDetail } = props;
-  const [masterSelection, setMasterSelection] = useState(void 0);
-  const [refreshMaster, setRefreshMaster] = useState(voidFunction);
+  const masterDetailLayoutStoreRef = useRef();
+  if (!masterDetailLayoutStoreRef.current) {
+    masterDetailLayoutStoreRef.current = createMasterDetailLayoutStore({
+      masterSelection: void 0,
+      refreshMaster: voidFunction
+    });
+  }
+  const store = useStore(masterDetailLayoutStoreRef.current, (state) => state);
+  const { masterSelection, updateMasterSelection, updateRefreshMaster, refreshMaster } = store;
   return /* @__PURE__ */ jsx(
     MasterDetailContext.Provider,
     {
       value: {
         masterSelection,
-        onChangeMasterSelection: setMasterSelection,
+        onChangeMasterSelection: updateMasterSelection,
         onClickViewDetail,
         refreshMaster,
-        setRefreshMaster
+        setRefreshMaster: updateRefreshMaster
       },
       children
     }

package/layouts/MasterDetailLayout/contexts/MasterDetailContext/store.d.ts

@@ -0,0 +1,16 @@
+import { MasterDetailLayoutState, MasterDetailLayoutStateWithActions } from './types';
+/**
+ * Crea el Store para ModuleLayout.
+ * Este store se encarga de manejar el estado del layout de módulo.
+ * @param props Las props iniciales del store.
+ */
+export declare const createMasterDetailLayoutStore: (initProps: MasterDetailLayoutState, storeDevtoolsEnabled?: boolean) => import('zustand').UseBoundStore<Omit<Omit<import('zustand').StoreApi<MasterDetailLayoutStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: MasterDetailLayoutStateWithActions | Partial<MasterDetailLayoutStateWithActions> | ((state: MasterDetailLayoutStateWithActions) => MasterDetailLayoutStateWithActions | Partial<MasterDetailLayoutStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: MasterDetailLayoutStateWithActions | Partial<MasterDetailLayoutStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<MasterDetailLayoutStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+}>;
+export type MasterDetailLayoutStore = ReturnType<typeof createMasterDetailLayoutStore>;

package/layouts/MasterDetailLayout/contexts/MasterDetailContext/store.js

@@ -0,0 +1,48 @@
+import { c as create, i as immer, d as devtools } from "../../../../not_recognized/index.js";
+import { a as MASTER_DETAIL_LAYOUT_STORE_ID } from "../../constants.js";
+const createDevtools = (immerMiddlewere, config) => {
+  const { enabled = false } = config;
+  if (enabled && process.env.NODE_ENV === "development") {
+    return devtools(immerMiddlewere, config);
+  }
+  return immerMiddlewere;
+};
+const createMasterDetailLayoutStore = (initProps, storeDevtoolsEnabled = false) => {
+  const { refreshMaster, masterSelection } = initProps;
+  const startProps = {
+    refreshMaster,
+    masterSelection
+  };
+  return create(
+    createDevtools(
+      immer((set) => ({
+        ...startProps,
+        /**
+         * Initilize the store
+         */
+        init: () => {
+        },
+        /**
+         * Update the master selection
+         */
+        updateMasterSelection: (newMasterSelection) => {
+          set((state) => {
+            state.masterSelection = newMasterSelection;
+          });
+        },
+        /**
+         * Update the refresh master
+         */
+        updateRefreshMaster: (callback) => {
+          set((state) => {
+            state.refreshMaster = callback;
+          });
+        }
+      })),
+      { name: `${MASTER_DETAIL_LAYOUT_STORE_ID}: ${initProps.storeId}`, enabled: storeDevtoolsEnabled }
+    )
+  );
+};
+export {
+  createMasterDetailLayoutStore as c
+};

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

@@ -6,9 +6,37 @@ export interface MasterDetailContextStateProps {
 export interface MasterDetailProviderProps {
     children: ReactNode;
     onClickViewDetail: () => void;
+    /**
+     *  "storeDevtoolsEnabled" enable store devtools
+     */
+    storeDevtoolsEnabled?: boolean;
+    /**
+     *  "storeId" store identifier
+     */
+    storeId?: string;
 }
 export interface MasterDetailContextProps extends MasterDetailContextStateProps, Pick<MasterDetailProviderProps, 'onClickViewDetail'> {
     onChangeMasterSelection: (newMasterSelection: MasterSelecion) => void;
     refreshMaster: () => void;
     setRefreshMaster: (callback: () => void) => void;
 }
+export interface MasterDetailLayoutState extends Pick<MasterDetailContextStateProps, 'masterSelection'>, Pick<MasterDetailProviderProps, 'storeId'> {
+    /**
+     * Refresh master: Action to refresh data inthe master component
+     */
+    refreshMaster: () => void;
+}
+export interface MasterDetailLayoutStateWithActions extends MasterDetailLayoutState {
+    /**
+     * Initialize MasterDetailLayout store.
+     */
+    init: () => void;
+    /**
+     * Update MasterDetailLayout store.
+     */
+    updateMasterSelection: (newMasterSelection: MasterSelecion) => void;
+    /**
+     * Update MasterDetailLayout store.
+     */
+    updateRefreshMaster: (callback: () => void) => void;
+}

package/layouts/MasterDetailLayout/dicctionary.d.ts

@@ -1,3 +1,7 @@
-import { Dictionary } from '@m4l/core';
 export declare function getMasterDetailLayoutComponentsDictionary(): string[];
-export declare const defaultMasterDetailDictionary: Dictionary;
+export declare const dictionary: {
+    LABEL_SPLIT_VERTICAL: string;
+    LABEL_SPLIT_HORIZONTAL: string;
+    LABEL_NO_SPLIT: string;
+    LABEL_VIEW_DETAIL: string;
+};

package/layouts/MasterDetailLayout/dicctionary.js

@@ -1,8 +1,13 @@
-import { g as getModuleLayoutComponentsDictionary } from "../ModuleLayout/dicctionary.js";
-import { getNoItemSelectedComponentsDictionary } from "@m4l/components";
 function getMasterDetailLayoutComponentsDictionary() {
-  return ["master_detail_layout"].concat(getModuleLayoutComponentsDictionary()).concat(getNoItemSelectedComponentsDictionary());
+  return ["master_detail_layout"];
 }
+const dictionary = {
+  LABEL_SPLIT_VERTICAL: `${getMasterDetailLayoutComponentsDictionary()[0]}.split_vertical`,
+  LABEL_SPLIT_HORIZONTAL: `${getMasterDetailLayoutComponentsDictionary()[0]}.split_horizontal`,
+  LABEL_NO_SPLIT: `${getMasterDetailLayoutComponentsDictionary()[0]}.no_split`,
+  LABEL_VIEW_DETAIL: `${getMasterDetailLayoutComponentsDictionary()[0]}.view_detail`
+};
 export {
+  dictionary as d,
   getMasterDetailLayoutComponentsDictionary as g
 };

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/not_recognized/index.js

@@ -959,5 +959,6 @@ const immer = immerImpl;
 export {
   create as c,
   devtools as d,
-  immer as i
+  immer as i,
+  useStore as u
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.1.13",
+  "version": "9.1.14",
   "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/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>;