@m4l/components 9.2.57 → 9.2.58

package/index.js

@@ -34,7 +34,6 @@ import { D as D2 } from "./components/DataGrid/DataGrid.js";
 import { g as g5 } from "./components/DataGrid/dictionary.js";
 import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.js";
 import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
-import { b as b3 } from "./components/DataGrid/constants.js";
 import { C as C2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
 import { C as C3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
@@ -80,7 +79,6 @@ import { B as B4 } from "./components/mui_extended/Badge/Badge.js";
 import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L5 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
-import { P as P2 } from "./components/Pager/Pager.js";
 import { g as g11 } from "./components/Pager/dicctionary.js";
 import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
 import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
@@ -88,7 +86,7 @@ import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B5 } from "./components/mui_extended/Button/Button.js";
 import { C as C14 } from "./components/mui_extended/CheckBox/CheckBox.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
-import { P as P3 } from "./components/mui_extended/Popover/Popover.js";
+import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
 import { S as S4 } from "./components/mui_extended/Skeleton/Skeleton.js";
 import { S as S5 } from "./components/mui_extended/Stack/Stack.js";
 import { T as T4 } from "./components/mui_extended/Tab/Tab.js";
@@ -111,10 +109,10 @@ import { D as D6 } from "./components/mui_extended/Dialog/Dialog.js";
 import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
 import { D as D7, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
 import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
-import { P as P4, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
+import { P as P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
 import { C as C15, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
-import { P as P5, u as u13 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
-import { P as P6, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
+import { P as P4, u as u13 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
+import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
 import { C as C16 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D8 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
@@ -145,7 +143,7 @@ import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
 import { R as R16 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
 import { R as R17 } from "./components/hook-form/RHFPeriod/constants.js";
 import { R as R18 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
-import { P as P7, R as R19, S as S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { P as P6, R as R19, S as S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
 import { R as R20 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
 import { R as R21 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { I as I4 } from "./components/Icon/Icon.js";
@@ -165,13 +163,13 @@ import { N as N3 } from "./components/NoItemSelected/NoItemSelected.js";
 import { g as g25 } from "./components/NoItemSelected/dictionary.js";
 import { g as g26 } from "./components/ObjectLogs/dictionary.js";
 import { O } from "./components/ObjectLogs/ObjectLogs.js";
-import { P as P8 } from "./components/PaperForm/PaperForm.js";
-import { P as P9 } from "./components/PDFViewer/PDFViewer.js";
+import { P as P7 } from "./components/PaperForm/PaperForm.js";
+import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
 import { u as u14 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
-import { a as a9, P as P10 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
-import { P as P11 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
-import { P as P12 } from "./components/PrintingSystem/PrintingSystem.js";
-import { P as P13 } from "./components/PropertyValue/PropertyValue.js";
+import { a as a9, P as P9 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { P as P10 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
+import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
+import { P as P12 } from "./components/PropertyValue/PropertyValue.js";
 import { S as S7 } from "./components/ScrollBar/ScrollBar.js";
 import { S as S8 } from "./components/SideBar/SideBar.js";
 import { T as T18 } from "./components/ToastContainer/ToastContainer.js";
@@ -185,6 +183,7 @@ import { D as D9, a as a12, M as M7 } from "./components/WindowBase/contexts/Dyn
 import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
 import { a as a13, g as g27 } from "./components/ModalDialog/dictionary.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
+import { P as P13 } from "./components/Pager/Pager.js";
 import { F as F2, R as R22, u as u17 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g28 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u18 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
@@ -257,7 +256,6 @@ export {
   C10 as ColumnSetCheckFormatter,
   C11 as ColumnUncertaintyFormatter,
   C15 as ConcatenatedFormatter,
-  b3 as DATAGRID_SEMANTIC_WIDTHS,
   D as DICTIONARY,
   D2 as DataGrid,
   D7 as DateFormatter,
@@ -305,20 +303,20 @@ export {
   N as NumberEditor,
   O as ObjectLogs,
   O2 as ObjectQueue,
-  P9 as PDFViewer,
-  P2 as Pager,
-  P8 as PaperForm,
-  P5 as PeriodFormatter,
-  P7 as PeriodRootStyled,
-  P4 as PointsFormatter,
-  P3 as Popover,
+  P8 as PDFViewer,
+  P13 as Pager,
+  P7 as PaperForm,
+  P4 as PeriodFormatter,
+  P6 as PeriodRootStyled,
+  P3 as PointsFormatter,
+  P2 as Popover,
   a9 as PopupsContext,
-  P10 as PopupsProvider,
-  P11 as PopupsViewer,
-  P6 as PriceFormatter,
-  P12 as PrintingSystem,
+  P9 as PopupsProvider,
+  P10 as PopupsViewer,
+  P5 as PriceFormatter,
+  P11 as PrintingSystem,
   P as PropagateLoaderSpinner,
-  P13 as PropertyValue,
+  P12 as PropertyValue,
   R4 as RHFAutocomplete,
   R5 as RHFAutocompleteAsync,
   R13 as RHFCheckbox,

package/package.json

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

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

@@ -30,4 +30,8 @@ export declare const WithStartAndEndIcon: Story;
  * Base story for `Chip` in skeleton mode.
  */
 export declare const Skeleton: Story;
+export declare const allaColorsContainedTone: Story;
+export declare const allaColorsOutlinedTone: Story;
+export declare const allaColorsContainedOpacity: Story;
+export declare const allaColorsOutlinedOpacity: Story;
 export default meta;

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

@@ -28,6 +28,22 @@ export declare const NoPager: Story;
  * Filter y Sort en busqueda automatica
  */
 export declare const CustomHeaderFilterSortAutomatic: Story;
+/**
+ * DataGrid con modal de configuracion desplegado
+ */
+export declare const ModalConfiguration: Story;
+/**
+ * Menú de acciones desplegable para configurar la densidad de los registros.
+ */
+export declare const DensityMenuActions: Story;
+/**
+ * Botón para visualizar los filtros de columnas.
+ */
+export declare const ColumnFilters: Story;
+/**
+ * Menú de acciones desplegable para la fila.
+ */
+export declare const RowMenuActions: Story;
 /**
  * DataGrid con leftActions, rightActions y
  * Filter y Sort en busqueda manual

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

@@ -18,4 +18,8 @@ export declare const small: Story;
  * Icon component with size medium
  */
 export declare const medium: Story;
+/**
+ * Icon component with skeleton
+ */
+export declare const withSkeleton: Story;
 export default meta;

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

@@ -5,4 +5,8 @@ export default meta;
 type Story = StoryObj<typeof NoItemSelected>;
 /** Base component  */
 export declare const NoItemSelectedComponent: Story;
+/**
+ * Version skeleton del componente
+ */
+export declare const Skeleton: Story;
 export declare const WithSplitLayout: Story;

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

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { PropertyValue } from '../../../src/components/PropertyValue/PropertyValue';
+import { PropertyValue } from '../../../src/components/PropertyValue';
 declare const meta: Meta<typeof PropertyValue>;
 export default meta;
 type Story = StoryObj<typeof PropertyValue>;
@@ -59,3 +59,7 @@ export declare const LargeProperty: Story;
  * Historia sin formulario con valor largo.
  */
 export declare const LargeValue: Story;
+/**
+ * Historia que muestra todos los estados semánticos de semanticWidth de manera vertical.
+ */
+export declare const SemanticWidths: Story;

package/storybook/components/{extended/scrollBar → ScrollBar}/ScrollBar.stories.d.ts

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { ScrollBar } from '../../../../src/components/ScrollBar/ScrollBar';
+import { ScrollBar } from '../../../src/components/ScrollBar/ScrollBar';
 declare const meta: Meta<typeof ScrollBar>;
 export default meta;
 type Story = StoryObj<typeof ScrollBar>;
-export declare const ScrollBarWithScroll: Story;
+export declare const ScrollBarVertical: Story;
 export declare const ScrollBarHorizontal: Story;

package/storybook/components/WindowBase/windowBase.stories.d.ts

@@ -2,11 +2,68 @@ import { Meta, StoryObj } from '@storybook/react';
 import { WindowBase } from '../../../src/components/WindowBase';
 declare const meta: Meta<typeof WindowBase>;
 type Story = StoryObj<typeof WindowBase>;
-export declare const Default: Story;
-export declare const SelectedState: Story;
-export declare const WithIcon: Story;
-export declare const WithCloseButton: Story;
-export declare const WithActions: Story;
-export declare const isLoadingTrue: Story;
-export declare const WithToaster: Story;
+/**
+ * Variante de WindowBase con outlined en enabled no selected
+ */
+export declare const EnabledNoSelectedOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected
+ */
+export declare const EnabledNoSelectedTextLayout: Story;
+/**
+ * Variante de WindowBase con outlined en enabled tipo popup no selected
+ */
+export declare const EnabledNoSelectedOutlinedPopup: Story;
+/**
+ * Variante de WindowBase con outlined o text en enabled tipo modal no selected
+ */
+export declare const EnabledNoSelectedOutlinedOrTextModal: Story;
+/**
+ * Variante de WindowBase con text en enabled tipo popup no selected
+ */
+export declare const EnabledNoSelectedTextPopup: Story;
+/**
+ * Variante de WindowBase con outlined en enabled selected
+ */
+export declare const EnabledSelectedOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con outlined en selected tipo popup
+ */
+export declare const EnabledSelectedOutlinedPopup: Story;
+/**
+ * Variante de WindowBase con outlined en enabled no selected loading
+ */
+export declare const EnabledNoSelectedLoadingOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected loading
+ */
+export declare const EnabledNoSelectedLoadingTextLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected loading tipo popup
+ */
+export declare const EnabledNoSelectedLoadingTextPopup: Story;
+/**
+ * Variante de WindowBase con outlined en loading en enabled tipo popup
+ */
+export declare const EnabledNoSelectedLoadingOutlinedPopup: Story;
+/**
+ * Variante de WindowBase con EditionInfo
+ */
+export declare const EditionInfo: Story;
+/**
+ * Componente en skeleton con outlined tipo layout
+ */
+export declare const SkeletonOutlinedLayout: Story;
+/**
+ * Componente en skeleton con outlined tipo popup
+ */
+export declare const SkeletonOutlinedPopup: Story;
+/**
+ * Componente en skeleton con text tipo layout
+ */
+export declare const SkeletonTextLayout: Story;
+/**
+ * Componente en skeleton con text tipo popup
+ */
+export declare const SkeletonTextPopup: Story;
 export default meta;

package/storybook/components/extended/mui/Accordion/Accordion.stories.d.ts

@@ -2,24 +2,76 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Accordion } from '../../../../../src/components/mui_extended/Accordion/Accordion';
 declare const meta: Meta<typeof Accordion>;
 type Story = StoryObj<typeof Accordion>;
-/**********************************************
- * Componente Accordion por defecto
- **********************************************/
-export declare const Default: Story;
-/*****************************************
- * Componente Accordion sin icono
- ****************************************/
-export declare const WithoutIcon: Story;
-/***************************************
- * Componente Accordion expandido en disable
- ************************************/
-export declare const ExpandedAndDisabled: Story;
-/***************************************
- * Componente Accordion no expandido en disable
- ************************************/
-export declare const NoExpandedAndDisabled: Story;
-/***********************************
- * Componente Accordion en Skeleton
- ***********************************/
-export declare const Skeleton: Story;
+/**
+ * Variante de Accordion con outline colapsado y en enabled
+ */
+export declare const enabledOutlinedClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en enabled
+ */
+export declare const enabledOutlinedOpen: Story;
+/**
+ * Variante de Accordion con outline colapsado y en enabled
+ */
+export declare const enabledTextClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en enabled
+ */
+export declare const enabledTextOpen: Story;
+/**
+ * Variante de Accordion con outline colapsado y en hover
+ */
+export declare const hoverOutlinedClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en hover
+ */
+export declare const hoverOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en hover
+ */
+export declare const hoverTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en hover
+ */
+export declare const HoverTextOpen: Story;
+/**
+ * Variante de Accordion con outlined colapsado y en active
+ */
+export declare const ActiveOutlinedClose: Story;
+/**
+ * Variante de Accordion con outlined expandido y en active
+ */
+export declare const ActiveOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en active
+ */
+export declare const ActiveTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en active
+ */
+export declare const ActiveTextOpen: Story;
+/**
+ * Variante de Accordion con outlined colapsado y en focus visible
+ */
+export declare const FocusVisibleOutlinedClose: Story;
+/**
+ * Variante de Accordion con outlined expandido y en focus visible
+ */
+export declare const FocusVisibleOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en focus visible
+ */
+export declare const FocusVisibleTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en focus visible
+ */
+export declare const FocusVisibleTextOpen: Story;
+/**
+ * Variante de Accordion outline en Skeleton
+ */
+export declare const SkeletonOutlined: Story;
+/**
+ * Variante de Accordion text en Skeleton
+ */
+export declare const SkeletonText: Story;
 export default meta;

package/storybook/components/extended/mui/Tab/Tab.stories.d.ts

@@ -7,51 +7,51 @@ declare const meta: Meta<typeof Tab>;
 export default meta;
 type Story = StoryObj<typeof Tab>;
 /**
- * Tab en modo selected con icono y texto.
+ * Tab selected en estado enabled.
  */
-export declare const Selected: Story;
+export declare const SelectedEnabled: Story;
 /**
- * Tab en modo selected con texto.
+ * Tab selected en estado hover.
  */
-export declare const SelectedText: Story;
+export declare const SelectedHover: Story;
 /**
- * Tab en modo selected con icono.
+ * Tab selected en estado active.
  */
-export declare const SelectedIcon: Story;
+export declare const SelectedActive: Story;
 /**
- * Tab en modo default con icono y texto.
+ * Tab selected en estado focus-visible.
  */
-export declare const Default: Story;
+export declare const SelectedFocusVisible: Story;
 /**
- * Tab en modo default con  texto.
+ * Tab no selected en estado enabled.
  */
-export declare const DefaultText: Story;
+export declare const NotSelectedEnabled: Story;
 /**
- * Tab en modo default con  texto.
+ * Tab no selected en estado hover.
  */
-export declare const DefaultIcon: Story;
+export declare const NotSelectedHover: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con icono y texto.
+ * Tab no selected en estado hover.
  */
-export declare const SkeletonSelected: Story;
+export declare const NotSelectedActive: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con solo texto.
+ * Tab no selected en estado focus-visible.
  */
-export declare const SkeletonSelectedText: Story;
+export declare const NotSelectedFocusVisible: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con solo icono.
+ * Tab en estado Skeleton cuando está Selected, con icono y texto.
  */
-export declare const SkeletonSelectedIcon: Story;
+export declare const SkeletonSelected: Story;
 /**
- * Tab en estado Skeleton por defecto, con icono y texto.
+ * Tab no selected en estado Skeleton.
  */
-export declare const SkeletonDefault: Story;
+export declare const SkeletonNoSelected: Story;
 /**
- * Tab en estado Skeleton por defecto, con solo texto.
+ * Tab disabled no selected.
  */
-export declare const SkeletonDefaultText: Story;
+export declare const Disabled: Story;
 /**
- * Tab en estado Skeleton por defecto, con solo icono.
+ * Tab disabled selected.
  */
-export declare const SkeletonDefaultIcon: Story;
+export declare const DisabledSelected: Story;
 export declare const MultiplesTab: Story;

package/storybook/components/extended/mui/TextField/TextFieldText.stories.d.ts

@@ -8,6 +8,17 @@ import { TextField } from '../../../../../src/components/mui_extended/TextField/
 declare const meta: Meta<typeof TextField>;
 type Story = StoryObj<typeof TextField>;
 export declare const Default: Story;
+/**
+ * Se aplica cuando el input está en modo de solo lectura y no puede ser interactuado por el usuario.
+ *
+ * readOnly
+ */
+export declare const ReadOnly: Story;
+/**
+ * Se aplica cuando el input tiene adornos.
+ *
+ * disabled
+ */
 export declare const WhitAdorment: Story;
 export declare const WithSkeleton: Story;
 export default meta;

package/storybook/hook-form/RHFTextField/RHFTextField.stories.d.ts

@@ -3,6 +3,19 @@ import { RHFTextField } from '../../../src/components/hook-form/RHFTextField';
 declare const meta: Meta<typeof RHFTextField>;
 type Story = StoryObj<typeof RHFTextField>;
 export declare const RHFTextFieldDefault: Story;
+/**
+ * Se aplica cuando el input está en modo de solo lectura y no puede ser interactuado por el usuario.
+ *
+ * readOnly
+ */
+export declare const RHFTextFieldReadOnly: Story;
+/**
+ * Input con adornos.
+ *
+ * startAdornment
+ * endAdornment
+ */
+export declare const RHFTextFieldAdornment: Story;
 export declare const RHFTextFieldError: Story;
 export declare const SkeletonBase: Story;
 export default meta;

package/storybook/wrappers/LineGuide/LineGuide.d.ts

@@ -0,0 +1,9 @@
+import { LineGuideProps } from './types';
+/**
+ * WrapperLineGuide is a component that wraps a component and adds a line guide to it.
+ * @param props - The props for the WrapperLineGuide component.
+ * @param props.children - The children to wrap.
+ * @param props.style - The style to apply to the WrapperLineGuide component.
+ * @returns A WrapperLineGuide component.
+ */
+export declare const LineGuide: (props: LineGuideProps) => import("react/jsx-runtime").JSX.Element;

package/storybook/wrappers/LineGuide/styles.d.ts

@@ -0,0 +1 @@
+export declare const LineGuideRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/storybook/wrappers/LineGuide/types.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties, ReactElement } from 'react';
+export interface LineGuideProps {
+    children: ReactElement;
+    style?: CSSProperties | undefined;
+}