@m4l/components 9.4.12 → 9.4.13

package/components/SettingsLayout/SettingsLayout.js

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useEnvironment, FlagsProvider, ModuleDictionaryProvider, ModuleSkeletonProvider, CommonFlags } from "@m4l/core";
 import { useLocales, useThemeSettingsStore } from "@m4l/graphics";
-import { S as SETTINGS_LAYOUT_DEFAULT_WIDTH } from "./constants.js";
+import { S as SETTINGS_LAYOUT_DEFAULT_MODULE_ID, a as SETTINGS_LAYOUT_DEFAULT_WIDTH } from "./constants.js";
 import { useMemo } from "react";
 import { S as SettingsLayoutBase } from "./subcomponents/SettingsLayoutBase/SettingsLayoutBase.js";
 const SettingsLayout = (props) => {
   const {
-    width = SETTINGS_LAYOUT_DEFAULT_WIDTH
+    width = SETTINGS_LAYOUT_DEFAULT_WIDTH,
+    moduleId = SETTINGS_LAYOUT_DEFAULT_MODULE_ID
   } = props;
   const currentLang = useLocales().currentLocale?.localeString;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -22,7 +23,7 @@ const SettingsLayout = (props) => {
     ModuleDictionaryProvider,
     {
       isAuth: false,
-      moduleId: "theme_settings",
+      moduleId,
       componentsDictionary,
       currentLang,
       children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, { flags: [CommonFlags.FLAG_DICTIONARY_LOADED], children: /* @__PURE__ */ jsx(SettingsLayoutBase, { prefixPathIcon, width }) })

package/components/SettingsLayout/constants.d.ts

@@ -5,3 +5,4 @@ import { SettingsLayoutSlots } from './slots/SettingsLayoutEnum';
 export declare const SETTINGS_LAYOUT_COMPONENT_KEY = "M4LSettingsLayout";
 export declare const SETTINGS_LAYOUT_CLASSES: Record<keyof typeof SettingsLayoutSlots, string>;
 export declare const SETTINGS_LAYOUT_DEFAULT_WIDTH = 300;
+export declare const SETTINGS_LAYOUT_DEFAULT_MODULE_ID = "theme_settings";

package/components/SettingsLayout/constants.js

@@ -3,8 +3,10 @@ import { S as SettingsLayoutSlots } from "./slots/SettingsLayoutEnum.js";
 const SETTINGS_LAYOUT_COMPONENT_KEY = "M4LSettingsLayout";
 const SETTINGS_LAYOUT_CLASSES = getComponentClasses(SETTINGS_LAYOUT_COMPONENT_KEY, SettingsLayoutSlots);
 const SETTINGS_LAYOUT_DEFAULT_WIDTH = 300;
+const SETTINGS_LAYOUT_DEFAULT_MODULE_ID = "theme_settings";
 export {
-  SETTINGS_LAYOUT_DEFAULT_WIDTH as S,
-  SETTINGS_LAYOUT_COMPONENT_KEY as a,
-  SETTINGS_LAYOUT_CLASSES as b
+  SETTINGS_LAYOUT_DEFAULT_MODULE_ID as S,
+  SETTINGS_LAYOUT_DEFAULT_WIDTH as a,
+  SETTINGS_LAYOUT_COMPONENT_KEY as b,
+  SETTINGS_LAYOUT_CLASSES as c
 };

package/components/SettingsLayout/slots/SettingsLayoutSlots.js

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 import { S as SettingsLayoutSlots } from "./SettingsLayoutEnum.js";
-import { a as SETTINGS_LAYOUT_COMPONENT_KEY } from "../constants.js";
+import { b as SETTINGS_LAYOUT_COMPONENT_KEY } from "../constants.js";
 import { s as settingsLayoutStyles } from "../SettingsLayout.styles.js";
 import { Backdrop } from "@mui/material";
 import { I as Icon } from "../../Icon/Icon.js";

package/components/SettingsLayout/subcomponents/SettingsLayoutBase/SettingsLayoutBase.js

@@ -6,7 +6,7 @@ import { B as BackdropStyled, g as SettingsLayoutRootStyled, H as HeaderContaine
 import { S as SettingDirection } from "../SettingDirection/SettingDirection.js";
 import { D as DICTIONARY } from "../../dictionary.js";
 import { useThemeSettingsStore } from "@m4l/graphics";
-import { b as SETTINGS_LAYOUT_CLASSES } from "../../constants.js";
+import { c as SETTINGS_LAYOUT_CLASSES } from "../../constants.js";
 import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
 import { S as SettingMode } from "../SettingMode/SettingMode.js";
 import { S as SettingColorPresets } from "../SettingColorPresets/SettingColorPresets.js";

package/components/SettingsLayout/types.d.ts

@@ -21,6 +21,10 @@ export interface SettingsLayoutProps {
      * Identificador usado para pruebas del componente.
      */
     dataTestId?: string;
+    /**
+     * Identificador del módulo.
+     */
+    moduleId?: string;
 }
 /**
  * Tipo para las ranuras del componente.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.4.12",
+  "version": "9.4.13",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {