@m4l/components 9.2.65 → 9.3.1-B21072025-beta.1

package/components/SettingsLayout/subcomponents/SettingDirection/SettingDirection.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useBase, useModuleDictionary } from "@m4l/core";
+import { P as PATH_ICONS } from "../../icons.js";
+import { S as SettingContainerStyled, a as SettingIconTitleStyled, b as SettingItemContentStyled } from "../../slots/SettingsLayoutSlots.js";
+import { D as DICTIONARY } from "../../dictionary.js";
+import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
+import { S as SettingItem } from "../SettingItem/SettingItem.js";
+import { I as Icon } from "../../../Icon/Icon.js";
+function SettingDirection() {
+  const { prefixPathIcon, onChangeDirection, themeUserSettings } = useBase();
+  const { themeDirection } = themeUserSettings;
+  const { getLabel } = useModuleDictionary();
+  return /* @__PURE__ */ jsxs(SettingContainerStyled, { children: [
+    /* @__PURE__ */ jsxs(SettingIconTitleStyled, { children: [
+      /* @__PURE__ */ jsx(Icon, { src: `${prefixPathIcon}/${PATH_ICONS.DIRECTION}` }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body", children: getLabel(DICTIONARY.DIRECTION) })
+    ] }),
+    /* @__PURE__ */ jsx(SettingItemContentStyled, { role: "group", "aria-label": "theme-direction-options", children: ["ltr", "rtl"].map((direction, index) => {
+      const isSelected = themeDirection === direction;
+      return /* @__PURE__ */ jsx(
+        SettingItem,
+        {
+          iconUrl: direction === "ltr" ? `${prefixPathIcon}/${PATH_ICONS.ALIGN_LEFT}` : `${prefixPathIcon}/${PATH_ICONS.ALIGN_RIGHT}`,
+          selected: isSelected,
+          onChange: () => onChangeDirection(direction)
+        },
+        `${direction}-${index}`
+      );
+    }) })
+  ] });
+}
+export {
+  SettingDirection as S
+};

package/components/SettingsLayout/subcomponents/SettingDirection/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SettingDirection';

package/components/SettingsLayout/subcomponents/SettingFullscreen/SettingFullscreen.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Configuración de pantalla completa
+ */
+export declare const SettingFullscreen: () => import("react/jsx-runtime").JSX.Element;

package/components/SettingsLayout/subcomponents/SettingFullscreen/SettingFullscreen.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Icon } from "@m4l/components";
+import { useBase, useModuleDictionary } from "@m4l/core";
+import { D as DICTIONARY } from "../../dictionary.js";
+import { P as PATH_ICONS } from "../../icons.js";
+import { c as SettingFullscreenStyled } from "../../slots/SettingsLayoutSlots.js";
+const SettingFullscreen = () => {
+  const [fullscreen, setFullscreen] = useState(false);
+  const { prefixPathIcon } = useBase();
+  const { getLabel } = useModuleDictionary();
+  const toggleFullScreen = () => {
+    if (!document.fullscreenElement) {
+      document.documentElement.requestFullscreen();
+      setFullscreen(true);
+    } else if (document.exitFullscreen) {
+      document.exitFullscreen();
+      setFullscreen(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SettingFullscreenStyled,
+    {
+      fullWidth: true,
+      variant: "outlined",
+      color: "default",
+      startIcon: /* @__PURE__ */ jsx(
+        Icon,
+        {
+          src: fullscreen ? `${prefixPathIcon}/${PATH_ICONS.FULLSCREEN_EXIT}` : `${prefixPathIcon}/${PATH_ICONS.FULLSCREEN}`
+        }
+      ),
+      onClick: toggleFullScreen,
+      label: getLabel(fullscreen ? DICTIONARY.EXIT_FULLSCREEN : DICTIONARY.FULLSCREEN)
+    }
+  );
+};
+export {
+  SettingFullscreen as S
+};

package/components/SettingsLayout/subcomponents/SettingFullscreen/index.d.ts

@@ -0,0 +1 @@
+export { SettingFullscreen } from './SettingFullscreen';

package/components/SettingsLayout/subcomponents/SettingFullscreen/index.js

@@ -0,0 +1 @@
+

package/components/SettingsLayout/subcomponents/SettingItem/SettingItem.d.ts

@@ -0,0 +1,8 @@
+import { SettingItemProps } from './types';
+/**
+ * Componente para el item de configuración.
+ * Este componente se utiliza para mostrar un item de configuración en el componente SettingsLayout.
+ * @param props - Propiedades del componente.
+ * @returns Componente SettingItem.
+ */
+export declare const SettingItem: (props: SettingItemProps) => import("react/jsx-runtime").JSX.Element;

package/components/SettingsLayout/subcomponents/SettingItem/SettingItem.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { d as SettingItemStyled } from "../../slots/SettingsLayoutSlots.js";
+import { I as Icon } from "../../../Icon/Icon.js";
+const SettingItem = (props) => {
+  const { iconUrl, onChange, selected } = props;
+  return /* @__PURE__ */ jsx(
+    SettingItemStyled,
+    {
+      ...onChange ? {
+        onClick: onChange,
+        tabIndex: 0,
+        role: "radio",
+        "aria-label": "theme-mode-options",
+        "aria-checked": true
+      } : {},
+      ownerState: { selected, onChange: !!onChange },
+      children: /* @__PURE__ */ jsx(Icon, { src: iconUrl, color: selected ? "primary.enabled" : "text.secondary" })
+    }
+  );
+};
+export {
+  SettingItem as S
+};

package/components/SettingsLayout/subcomponents/SettingItem/index.d.ts

@@ -0,0 +1 @@
+export { SettingItem } from './SettingItem';

package/components/SettingsLayout/subcomponents/SettingItem/index.js

@@ -0,0 +1 @@
+

package/components/SettingsLayout/subcomponents/SettingItem/types.d.ts

@@ -0,0 +1,5 @@
+export interface SettingItemProps {
+    iconUrl: string;
+    onChange?: VoidFunction;
+    selected: boolean;
+}

package/components/SettingsLayout/subcomponents/SettingItemColor/SettingItemColor.d.ts

@@ -0,0 +1,8 @@
+import { SettingItemColorProps } from './types';
+/**
+ * Componente para el item de configuración.
+ * Este componente se utiliza para mostrar un item de configuración en el componente SettingsLayout.
+ * @param props - Propiedades del componente.
+ * @returns Componente SettingItem.
+ */
+export declare const SettingItemColor: (props: SettingItemColorProps) => import("react/jsx-runtime").JSX.Element;

package/components/SettingsLayout/subcomponents/SettingItemColor/SettingItemColor.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { e as SettingItemColorStyled } from "../../slots/SettingsLayoutSlots.js";
+const SettingItemColor = (props) => {
+  const { onChange, selected, color } = props;
+  return /* @__PURE__ */ jsx(
+    SettingItemColorStyled,
+    {
+      ...onChange ? {
+        onClick: onChange,
+        tabIndex: 0,
+        role: "radio",
+        "aria-checked": true
+      } : {},
+      ownerState: { selected, onChange: !!onChange, color }
+    }
+  );
+};
+export {
+  SettingItemColor as S
+};

package/components/SettingsLayout/subcomponents/SettingItemColor/index.d.ts

@@ -0,0 +1 @@
+export { SettingItemColor } from './SettingItemColor';

package/components/SettingsLayout/subcomponents/SettingItemColor/index.js

@@ -0,0 +1 @@
+

package/components/SettingsLayout/subcomponents/SettingItemColor/types.d.ts

@@ -0,0 +1,6 @@
+import { ThemeUserColor } from '@m4l/styles';
+export interface SettingItemColorProps {
+    onChange?: VoidFunction;
+    selected: boolean;
+    color: ThemeUserColor;
+}

package/components/SettingsLayout/subcomponents/SettingMode/SettingMode.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Configuración de modo de tema
+ */
+export declare const SettingMode: () => import("react/jsx-runtime").JSX.Element;

package/components/SettingsLayout/subcomponents/SettingMode/SettingMode.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "@m4l/components";
+import { useBase, useModuleDictionary } from "@m4l/core";
+import { P as PATH_ICONS } from "../../icons.js";
+import { D as DICTIONARY } from "../../dictionary.js";
+import { S as SettingContainerStyled, a as SettingIconTitleStyled, b as SettingItemContentStyled } from "../../slots/SettingsLayoutSlots.js";
+import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
+import { S as SettingItem } from "../SettingItem/SettingItem.js";
+const SettingMode = () => {
+  const { prefixPathIcon, themeUserSettings, onChangeMode } = useBase();
+  const { themeMode } = themeUserSettings;
+  const { getLabel } = useModuleDictionary();
+  return /* @__PURE__ */ jsxs(SettingContainerStyled, { role: "group", "aria-label": "theme-mode-options", children: [
+    /* @__PURE__ */ jsxs(SettingIconTitleStyled, { children: [
+      /* @__PURE__ */ jsx(Icon, { src: `${prefixPathIcon}/${PATH_ICONS.MODE}` }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body", children: getLabel(DICTIONARY.MODE) })
+    ] }),
+    /* @__PURE__ */ jsx(SettingItemContentStyled, { children: ["light", "dark"].map((mode, index) => {
+      const isSelected = themeMode === mode;
+      return /* @__PURE__ */ jsx(
+        SettingItem,
+        {
+          iconUrl: mode === "light" ? `${prefixPathIcon}/${PATH_ICONS.SUN}` : `${prefixPathIcon}/${PATH_ICONS.MOON}`,
+          selected: isSelected,
+          onChange: () => onChangeMode(mode)
+        },
+        `${mode}-${index}`
+      );
+    }) })
+  ] });
+};
+export {
+  SettingMode as S
+};

package/components/SettingsLayout/subcomponents/SettingMode/index.d.ts

@@ -0,0 +1 @@
+export { SettingMode } from './SettingMode';

package/components/SettingsLayout/subcomponents/SettingMode/index.js

@@ -0,0 +1 @@
+

package/components/SettingsLayout/subcomponents/SettingsLayoutBase/SettingsLayoutBase.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Theme Settings
+ */
+export declare const SettingsLayoutBase: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,76 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { AnimatePresence } from "framer-motion";
+import { useBase, useModuleDictionary } from "@m4l/core";
+import { P as PATH_ICONS } from "../../icons.js";
+import { B as BackdropStyled, f as SettingsLayoutRootStyled, H as HeaderContainerStyled, T as TypographyStyled, g as HeaderActionsStyled, h as BodyContentStyled } from "../../slots/SettingsLayoutSlots.js";
+import { S as SettingDirection } from "../SettingDirection/SettingDirection.js";
+import { D as DICTIONARY } from "../../dictionary.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";
+import { S as SettingFullscreen } from "../SettingFullscreen/SettingFullscreen.js";
+const SettingsLayoutBase = () => {
+  const {
+    onResetSetting,
+    handleOpen,
+    open,
+    themeUserSettings,
+    width,
+    classes,
+    prefixPathIcon
+  } = useBase();
+  const { themeDirection } = themeUserSettings;
+  const { getLabel } = useModuleDictionary();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      BackdropStyled,
+      {
+        ownerState: {},
+        open,
+        onClick: () => handleOpen()
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(SettingsLayoutRootStyled, { role: "form", "aria-label": "settings-layout", ownerState: { themeDirection, width }, className: classes.root, children: [
+      /* @__PURE__ */ jsxs(HeaderContainerStyled, { ownerState: {}, className: classes.headerContainer, children: [
+        /* @__PURE__ */ jsx(
+          TypographyStyled,
+          {
+            ownerState: {},
+            variant: "subtitleDens",
+            ellipsis: true,
+            children: getLabel(DICTIONARY.MODULE_NAME)
+          }
+        ),
+        /* @__PURE__ */ jsxs(HeaderActionsStyled, { children: [
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              src: `${prefixPathIcon}/${PATH_ICONS.REFRESH}`,
+              onClick: onResetSetting,
+              role: "button",
+              "aria-label": "reset-setting"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              src: `${prefixPathIcon}/${PATH_ICONS.CLOSE}`,
+              onClick: () => handleOpen(),
+              role: "button",
+              "aria-label": "close-settings"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(BodyContentStyled, { ownerState: {}, children: [
+        /* @__PURE__ */ jsx(SettingMode, {}),
+        /* @__PURE__ */ jsx(SettingDirection, {}),
+        /* @__PURE__ */ jsx(SettingColorPresets, {}),
+        /* @__PURE__ */ jsx(SettingFullscreen, {})
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  SettingsLayoutBase as S
+};

package/components/SettingsLayout/subcomponents/SettingsLayoutBase/index.d.ts

@@ -0,0 +1 @@
+export { SettingsLayoutBase } from './SettingsLayoutBase';

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

@@ -0,0 +1 @@
+

package/components/SettingsLayout/test/SettingsLayout.test.d.ts

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

package/components/SettingsLayout/types.d.ts

@@ -0,0 +1,51 @@
+import { M4LOverridesStyleRules } from 'src/@types/augmentations';
+import { SettingsLayoutSlots } from './slots/SettingsLayoutEnum';
+import { SETTINGS_LAYOUT_CLASSES, SETTINGS_LAYOUT_COMPONENT_KEY } from './constants';
+import { Theme } from '@mui/material';
+import { Sizes, ThemeUserColor } from '@m4l/styles';
+import { ThemeSettingsStateWithActions, ThemeSettingsStore } from '@m4l/graphics';
+export interface SettingsLayoutProps extends Pick<ThemeSettingsStateWithActions['settingsActions'], 'onResetSetting' | 'handleOpen' | 'onChangeMode' | 'onChangeColor' | 'onChangeDirection' | 'onChangeLayout' | 'onToggleStretch'>, Pick<ThemeSettingsStore, 'open' | 'themeUserSettings' | 'presetsOptionsColorMain'> {
+    /**
+     * Propiedad que define el ancho del componente.
+     */
+    width?: number;
+    /**
+     * Medida de tamaño para el componente.
+     */
+    size: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Nombre de clase css.
+     */
+    className?: string;
+    /**
+     * Identificador usado para pruebas del componente.
+     */
+    dataTestId?: string;
+}
+export type SettingsBaseProvider = Omit<SettingsLayoutProps, 'size' | 'className' | 'dataTestId'> & {
+    classes: Record<keyof typeof SETTINGS_LAYOUT_CLASSES, string>;
+    prefixPathIcon: string;
+};
+/**
+ * Tipo para las ranuras del componente.
+ * Este tipo se refiere a las claves dentro de `SettingsLayoutSlots`, que determinan los diferentes elementos
+ * estilizados dentro del componente, como el `root`, `backdrop`, etc.
+ */
+export type SettingsLayoutSlotsType = keyof typeof SettingsLayoutSlots;
+/**
+ * Combinación de las propiedades del componente y su estado propietario.
+ * Este tipo se utiliza para describir el estado completo del componente , incluyendo
+ * las propiedades pasadas al componente y el estado calculado.
+ */
+export interface SettingsLayoutOwnerState extends Pick<SettingsLayoutProps['themeUserSettings'], 'themeDirection'> {
+    width: SettingsLayoutProps['width'];
+    size: SettingsLayoutProps['size'];
+    color?: ThemeUserColor;
+    [key: string]: unknown;
+}
+/**
+ * Tipos de estilos para el componente.
+ * Esta interfaz extiende las reglas de estilo personalizadas para las ranuras del componente (`SettingsLayoutSlots`)
+ * y permite su sobrescritura.
+ */
+export type SettingsLayoutstyles = M4LOverridesStyleRules<SettingsLayoutSlots, typeof SETTINGS_LAYOUT_COMPONENT_KEY, Theme>;

package/components/formatters/BooleanFormatter/BooleanFormatter.styles.js

@@ -13,7 +13,7 @@ const booleanFormatterStyles = {
    */
   icon: ({ theme }) => ({
     "& .M4LIcon-icon": {
-      backgroundColor: theme.vars.palette.text.primary
+      backgroundColor: theme.vars.palette.primary.semanticText
     }
   }),
   /**

package/components/index.d.ts

@@ -45,5 +45,6 @@ export * from './ToastContainer';
 export * from './WindowBase';
 export * from './WindowConfirm';
 export * from './ModalDialog';
+export * from './SettingsLayout';
 export * from './Pager';
 export * from './ScrollBar';

package/components/mui_extended/MenuItem/MenuItem.js

@@ -20,6 +20,7 @@ const MenuItem = (props) => {
     checked = false,
     checkable = false,
     className,
+    dataTestId,
     ...other
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -83,7 +84,7 @@ const MenuItem = (props) => {
       disableRipple: true,
       size: adjustedSize,
       className: clsx(className, MENUITEM_CLASSES.root),
-      "data-testid": "MenuItemRoot",
+      "data-testid": dataTestId || "MenuItemRoot",
       children: [
         checkable && /* @__PURE__ */ jsx(
           MenuItemIconCheckedStyled,

package/components/mui_extended/MenuItem/types.d.ts

@@ -53,6 +53,10 @@ export interface MenuItemProps extends Omit<MUIMenuItemProps, 'size' | 'color'>
      * indica si debe aparecer el icono de check
      */
     checkable?: boolean;
+    /**
+     * ID para pruebas que se pasará como data-testid
+     */
+    dataTestId?: string;
 }
 /**
  * Estado del propietario del `MenuItem` utilizado para definir propiedades internas de estilo y comportamiento.

package/index.js

@@ -185,6 +185,7 @@ import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/Dy
 import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
 import { a as a14, g as g27 } from "./components/ModalDialog/dictionary.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
+import { S as S9 } from "./components/SettingsLayout/SettingsLayout.js";
 import { P as P13 } from "./components/Pager/Pager.js";
 import { F as F2, R as R22, u as u16 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g28 } from "./components/hook-form/RHFormContext/dictionary.js";
@@ -200,7 +201,7 @@ import { u as u22 } from "./hooks/useInterval/index.js";
 import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
 import { u as u24 } from "./hooks/useFormReadyForUpdate/index.js";
 import { u as u25 } from "./hooks/useStateRef/index.js";
-import { S as S9 } from "./hooks/useSvgColor/constants.js";
+import { S as S10 } from "./hooks/useSvgColor/constants.js";
 import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
 import { u as u27 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
 import { u as u28 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
@@ -346,10 +347,11 @@ export {
   R as Resizable,
   R2 as ResizableBox,
   R3 as Responsive,
-  S9 as SKELETON_SVG_ICON,
+  S10 as SKELETON_SVG_ICON,
   S7 as ScrollBar,
   S as SectionCommercial,
   S6 as SelectStyled,
+  S9 as SettingsLayout,
   S8 as SideBar,
   S4 as Skeleton,
   S2 as SortCompareValues,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.65",
+  "version": "9.3.1-B21072025-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -11,8 +11,8 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "2.9.11",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^7.0.0",
-    "@m4l/styles": "^7.0.0",
+    "@m4l/graphics": "7.1.3-B21072025-beta.1",
+    "@m4l/styles": "7.1.31-B21072025-beta.1",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",
@@ -34,7 +34,7 @@
     "react": "18.3.1",
     "react-chartjs-2": "^5.2.0",
     "react-color": "^2.19.3",
-    "react-data-grid": "7.0.0-beta.13",
+    "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "18.3.1",

package/storybook/components/DataGrid/DataGrid.stories.d.ts

@@ -19,6 +19,10 @@ export declare const DataGridWithEventChangeUserColumn: Story;
  * DataGrid con columns formatters
  */
 export declare const DatagridWithFormatters: Story;
+/**
+ * DataGrid con columns editors
+ */
+export declare const DatagridWithEditors: Story;
 /**
  * DataGrid con columns with actions
  */

package/storybook/components/DataGrid/helpers/types.d.ts

@@ -1,4 +1,4 @@
-import { HeaderRendererProps } from 'react-data-grid';
+import { RenderHeaderCellProps } from 'react-data-grid';
 import { ChipStatusFormatterProps } from '../../../../src/components/formatters/ChipStatusFormatter/types';
 import { DeepKeyOf } from '../../../../src/utils/types';
 import { ColumnAlign } from '../../../../src/components/DataGrid/types';
@@ -21,6 +21,7 @@ export interface SeedProps {
     withActionsUser?: boolean;
     withBooleanStatus?: boolean;
     withUserType?: boolean;
+    withEditors?: boolean;
     aligns?: Record<string, ColumnAlign>;
     names?: Record<string, string>;
 }
@@ -74,7 +75,7 @@ export interface Column<TRow, TSummaryRow> {
     type: ColumnType;
     formatter?: (props: any) => JSX.Element;
     width?: number;
-    withinHeaderRenderer?: React.FunctionComponent<HeaderRendererProps<TRow, TSummaryRow>>;
+    withinHeaderRenderer?: React.FunctionComponent<RenderHeaderCellProps<TRow, TSummaryRow>>;
     customFilter?: (row: TRow, value: string) => boolean;
     customSort?: (a: TRow, b: TRow) => number;
 }

package/storybook/components/SettingsLayout/SettingsLayout.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SettingsLayout } from '../../../src/components/SettingsLayout/SettingsLayout';
+declare const meta: Meta<typeof SettingsLayout>;
+export default meta;
+type Story = StoryObj<typeof SettingsLayout>;
+export declare const Test: Story;

package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/SettingsLayoutsRender.d.ts

@@ -0,0 +1,5 @@
+import { SettingsLayoutProps } from '../../../../../src/components/SettingsLayout/';
+/**
+ * Wrapper para el componente SettingsLayout encargado de aplicar estilos y props por defecto
+ */
+export declare const SettingsLayoutRender: (props: Partial<SettingsLayoutProps>) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/index.d.ts

@@ -0,0 +1 @@
+export { SettingsLayoutRender } from './SettingsLayoutsRender';

package/helpers/getFieldValueWithRow.js

@@ -1,10 +0,0 @@
-const getFieldValueWithRow = (fieldValue) => {
-  const row = "row";
-  if (fieldValue.includes(row)) {
-    return fieldValue;
-  }
-  return `${row}.${fieldValue}`;
-};
-export {
-  getFieldValueWithRow as g
-};