@m4l/components 9.3.27 → 9.3.28-JT10112025.beta.1

package/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../../constants.js";
 import { D as DynamicSortSlots } from "../../slots/SlotsEnum.js";
 import { u as useDynamicSortBase } from "../DynamicSortBase/useDynamicSortBase.js";

package/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
 import { D as DYNAMIC_SORT_KEY_COMPONENT } from "../../constants.js";
 import { u as useDynamicSortBase } from "./useDynamicSortBase.js";

package/components/Icon/Icon.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import clsx from "clsx";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { I as ICON_PREFIX, a as ICON_KEY_COMPONENT } from "./constants.js";
 import { g as getComponentClasses, a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";

package/components/Image/Image.js

@@ -4,7 +4,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import clsx from "clsx";
 import { L as LazyLoadComponent } from "./subcomponents/LazyLoadComponent/index.js";
 import { D as DivContainerSkeletonStyled, I as ImgSkeleton, a as ImgStyled } from "./slots/ImageSlots.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { s as svgDataUriSkeleton, I as IMAGE_CLASSES, a as IMAGE_KEY_COMPONENT } from "./constant.js";
 import { I as ImageSlots } from "./slots/ImageEnum.js";
 function Image(props) {

package/components/Image/subcomponents/IntersectComponent/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useImperativeHandle, useEffect } from "react";
 import { b as IntersectComponentStyled } from "../../slots/ImageSlots.js";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { a as IMAGE_KEY_COMPONENT } from "../../constant.js";
 import { I as ImageSlots } from "../../slots/ImageEnum.js";
 const checkIntersections = (entries) => {

package/components/ImageText/ImageText.js

@@ -4,7 +4,7 @@ import { I as ImageTextContainerRoot, a as ImageContainerStyled, b as ImgStyled,
 import { I as IMG_ALT, a as IMAGE_TEXT_CLASSES, b as IMAGE_TEXT_KEY_COMPONENT } from "./constants.js";
 import { clsx } from "clsx";
 import { useRef } from "react";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { u as useIsVisible } from "../../hooks/useIsVisible/useIsVisible.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 const ImageText = (props) => {

package/components/LanguagePopover/LanguagePopover.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { useFirstRender, useLocales } from "@m4l/graphics";
 import { useEnvironment, useNetwork } from "@m4l/core";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { I as Image } from "../Image/Image.js";
 import { L as LanguagePopoverRootStyled, P as PaperStyled } from "./slots/LanguagePopoverSlots.js";

package/components/LinearProgressIndeterminate/LinearProgressIndeterminate.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import clsx from "clsx";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { L as LINEAR_PROGRESS_INDETERMINATE_KEY_COMPONENT } from "./constants.js";

package/components/LoadingError/LoadingError.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { L as LoadingErrorRootStyled, a as LoadingErrorStyled, b as LinearProgressIndeterminateStyled, c as LoadingErrorContainerStyled, d as LoadingErrorContentStyled, e as LoadingErrorImageStyled, f as LoadingErrorTextContainerStyled, g as LoadingErrorTitleDescriptionStyled, h as LoadingErrorDividerStyled, i as LoadingErrorButtonContainerStyled, j as LoadingErrorRecommendationTextStyled } from "./slots/LoadingErrorSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { L as LOADING_ERROR_KEY_COMPONENT } from "./constants.js";
 import clsx from "clsx";
 import { d as dictionary } from "./dictionary.js";

package/components/NumberInput/NumberInput.js

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import { forwardRef } from "react";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { u as useNumberInput } from "./hooks/useNumberInput/useNumberInput.js";
 import { S as SkeletonStyled, R as RootStyled, I as InputStyled, C as ContainButtonsAdornmentStyled, a as ContainerButtonsStyled, b as IncrementButtonStyled, D as DecrementButtonStyled } from "./slots/NumberInputSlots.js";
 import { N as NUMBER_INPUT_KEY_COMPONENT } from "./constants.js";

package/components/ObjectLogs/subcomponents/ObjectLogsByM4L/ObjectLogsByM4L.js

@@ -6,7 +6,7 @@ import { C as ContainerWrapperStyled, G as GridWrapperStyled } from "../../slots
 import { usePaginate } from "@m4l/graphics";
 import { u as useObjectLogsColumns } from "../../hooks/useObjectLogsColumns.js";
 import { a as OBJECT_LOGS_M4L_END_POINT, O as OBJECT_LOGS_KEY_COMPONENT } from "../../constants.js";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { u as useFilterAndSort } from "../../hooks/useFilterAndSort.js";
 import { O as ObjectLogsSlots } from "../../slots/ObjectLogsEnum.js";
 function ObjectLogsByM4L(props) {

package/components/ObjectLogs/subcomponents/ObjectLogsByOthers/ObjectLogsByOthers.js

@@ -6,7 +6,7 @@ import { C as ContainerWrapperStyled, G as GridWrapperStyled } from "../../slots
 import { useRows } from "@m4l/graphics";
 import { u as useObjectLogsColumns } from "../../hooks/useObjectLogsColumns.js";
 import { b as OBJECT_LOGS_OTHERS_END_POINT, O as OBJECT_LOGS_KEY_COMPONENT } from "../../constants.js";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { u as useFilterAndSort } from "../../hooks/useFilterAndSort.js";
 import { O as ObjectLogsSlots } from "../../slots/ObjectLogsEnum.js";
 function ObjectLogsByOthers(props) {

package/components/PDFViewer/PDFViewer.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { P as PDFViewerRootStyled, a as PreviewPDFStyled } from "./slots/PDFViewerSlots.js";
 import { P as PDFViewerSlots } from "./slots/PDFViewerEnum.js";
 import { P as PDF_VIEWER_KEY_COMPONENT } from "./constants.js";

package/components/PrintingSystem/PrintingSystem.js

@@ -7,7 +7,7 @@ import { P as PrintingSystemRootStyled } from "./slots/PrintingSystemSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { P as PRINTING_SYSTEM_KEY_COMPONENT } from "./constants.js";
 import { P as PrintingSystemSlots } from "./slots/PrintingSystemEnum.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import clsx from "clsx";
 const PrintingSystem = forwardRef((props, ref) => {
   const { templateData: nodeRoot, sourceData, size = "medium", variant = "body", className, dataTestId } = props;

package/components/PropertyValue/PropertyValue.js

@@ -3,7 +3,7 @@ import React, { useId } from "react";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
 import { T as TEST_PROPS_DATA, C as COMPONENT_PREFIX, P as PROPERTY_VALUE_KEY_COMPONENT } from "./constants.js";
-import { a as getNameDataTestId, g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { g as getNameDataTestId, a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { P as PropertyValueRootStyled, N as NameStyled, V as ValueStyled } from "./slots/PropertyValueSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";

package/components/ToastContainer/ToastContainer.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ToastContainer as ToastContainer$1 } from "react-toastify";
 import { D as DEFAULT_CLOSE_TIME, T as TOAST_KEY_COMPONENT } from "./constants.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { ModuleSkeletonProvider } from "@m4l/core";
 import { R as RootStyled } from "./slots/toastContainerSlots.js";
 import { T as ToastContainerSlots } from "./slots/ToastContainerEnum.js";

package/components/WindowBase/WindowBase.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { W as WINDOW_BASE_KEY_COMPONENT } from "./constants.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import clsx from "clsx";

package/components/WindowConfirm/WindowConfirm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { u as useModal } from "../../hooks/useModal/index.js";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { W as WINDOW_CONFIRM_KEY_COMPONENT } from "./constants.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import clsx from "clsx";

package/components/areas/components/AreasAdmin/AreasAdmin.js

@@ -12,7 +12,7 @@ import { A as AreasAdminRootStyled, a as AreasAdminContentStyled, b as AreasCont
 import { useIsMobile } from "@m4l/graphics";
 import { A as AREAS_ADMIN_KEY_COMPONENT } from "./constants.js";
 import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
 import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
 import { M as MenuActions } from "../../../MenuActions/MenuActions.js";

package/components/areas/components/AreasViewer/AreasViewer.js

@@ -4,7 +4,7 @@ import { u as useAreasStore } from "../../hooks/useAreas/index.js";
 import { A as AreaMemonizedWindowModal } from "./subcomponents/Area/subcomponents/WindowModal/WindowModal.js";
 import { shallow } from "zustand/shallow";
 import { L as LoadingError } from "../../../LoadingError/LoadingError.js";
-import { a as getNameDataTestId, g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { g as getNameDataTestId, a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import { A as AREAS_VIEWER_CLASS_NAME } from "../../constants.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.js";
 import { A as AreasViewerRootStyled } from "./slots/AreasViewerSlots.js";

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.js

@@ -3,7 +3,7 @@ import React from "react";
 import { M as MemonizedWindowBaseMicroFrontend } from "../../../../../../../WindowBase/subcomponents/MicroFrontend/MicroFrontend.js";
 import { W as WindowBaseComponent } from "../../../../../../../WindowBase/subcomponents/Component/index.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock.js";
-import { a as getNameDataTestId } from "../../../../../../../../test/getNameDataTestId.js";
+import { g as getNameDataTestId } from "../../../../../../../../test/getNameDataTestId.js";
 import { A as AREAS_VIEWER_CLASS_NAME } from "../../../../../../constants.js";
 import { u as useWindow } from "./hooks/useWindow.js";
 import { W as WindowBaseStyled } from "../../../../slots/AreasViewerSlots.js";

package/components/commercial/TopBar/TopBar.js

@@ -4,7 +4,7 @@ import { g as getTopBarClassesUtilityClass } from "./classes/index.js";
 import { C as ConteinItem } from "./component/ConteinItem/index.js";
 import { T as TopBarProvider } from "./context/index.js";
 import { T as TopBarRoot } from "./style.js";
-import { a as getNameDataTestId } from "../../../test/getNameDataTestId.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.js";
 import { c as componentName } from "./classes/constants.js";
 const TopBar = (props) => {
   const { dataMenu: DataMenu, dataTestId } = props;

package/components/commercial/TopBar/component/ConteinItem/index.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { u as useTopBar } from "../../hook/topBarContext/index.js";
 import { N as NavItemRoot } from "./subcomponets/NavItem/index.js";
 import { T as TEST_PROP_ID } from "../../../../../test/constants_no_mock.js";
-import { a as getNameDataTestId } from "../../../../../test/getNameDataTestId.js";
+import { g as getNameDataTestId } from "../../../../../test/getNameDataTestId.js";
 import { c as componentName } from "../../classes/constants.js";
 const ConteinItem = () => {
   const { dataMenu: DataMenu, classes, dataTestId } = useTopBar();

package/components/commercial/TopBar/component/ConteinItem/subcomponets/NavItem/index.js

@@ -7,7 +7,7 @@ import clsx from "clsx";
 import { i as isActive } from "../../../../utils/isActive/index.js";
 import { T as TopBarClasses } from "../../../../classes/index.js";
 import { T as TEST_PROP_ID } from "../../../../../../../test/constants_no_mock.js";
-import { a as getNameDataTestId } from "../../../../../../../test/getNameDataTestId.js";
+import { g as getNameDataTestId } from "../../../../../../../test/getNameDataTestId.js";
 import { c as componentName } from "../../../../classes/constants.js";
 import { A as Accordion } from "../../../../../../mui_extended/Accordion/Accordion.js";
 import { B as Button } from "../../../../../../mui_extended/Button/Button.js";

package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.js

@@ -3,7 +3,7 @@ import { useTheme } from "@mui/material";
 import { P as PropagateLoaderSpinnerStyled, L as LoaderStyled } from "./slots/PropagateLoaderSpinnerSlots.js";
 import { P as PROPAGATE_LOADER_SPINNER_KEY_COMPONENT } from "./constants.js";
 import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
 import clsx from "clsx";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
 import { P as PropagateLoaderSpinnerSlots } from "./slots/PropagateLoaderSpinnerEnum.js";

package/components/extended/React-resizable-panels/SplitLayout.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
 import { S as SPLIT_LAYOUT_KEY_COMPONENT, a as SPLIT_LAYOUT_ICONS } from "./constants.js";
 import { S as SplitLayoutSlots } from "./slots/SplitLayoutEnum.js";

package/components/formatters/BooleanFormatter/BooleanFormatter.js

@@ -5,7 +5,7 @@ import { L as LABEL_BOOLEAN_YES, a as LABEL_BOOLEAN_NO, b as LABEL_BOOLEAN_TRUE,
 import clsx from "clsx";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
 import { B as BOOLEAN_FORMATTER_KEY_COMPONENT } from "./constants.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { B as BooleanFormatterRootStyled, a as BooleanFormatterIconStyled, b as BooleanFormatterIconCheckFalseStyled, c as BooleanFormatterChipStyled } from "./slots/BooleanFormatterSlots.js";
 import { B as BooleanFormatterSlots } from "./slots/BooleanFormatterEnum.js";
 function getFormatBoolean(presentationType, value = false, getLabel) {

package/components/formatters/ColorFormatter/ColorFormatter.d.ts

@@ -0,0 +1,18 @@
+import { ColorFormatterProps } from './types';
+/**
+ * ColorFormatter
+ * Componente para formatear y mostrar colores en diferentes contextos (tablas, listas, etc.)
+ * @param {ColorFormatterProps} props - Las propiedades del componente.
+ * @param {string} [props.value] - El valor del color en formato hexadecimal
+ * @param {string} [props.size] - Tamaño del componente ('small' | 'medium')
+ * @param {string} [props.dataTestId] - ID para pruebas
+ * @param {string} [props.className] - Clases CSS personalizadas
+ * @example
+ * <ColorFormatter value="#FF0000" />
+ * // Renderiza un cuadrado con el color rojo
+ *
+ * <ColorFormatter value={null} />
+ * // Renderiza el ícono "out_of" cuando no hay valor
+ * @returns JSX.Element
+ */
+export declare function ColorFormatter(props: ColorFormatterProps): import("react/jsx-runtime").JSX.Element;

package/components/formatters/ColorFormatter/ColorFormatter.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import clsx from "clsx";
+import { C as ColorFormatterRootStyled } from "./slots/ColorFormatterSlots.js";
+import { C as ColorFormatterSlots } from "./slots/ColorFormatterEnum.js";
+import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
+import { C as COLOR_FORMATTER_KEY_COMPONENT } from "./constants.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { C as Color } from "../../Color/Color.js";
+function ColorFormatter(props) {
+  const { value, dataTestId, className, size = "medium" } = props;
+  const ownerState = { value };
+  const colorComponent = useMemo(() => {
+    return /* @__PURE__ */ jsx(Color, { value, size });
+  }, [value, size]);
+  return /* @__PURE__ */ jsx(
+    ColorFormatterRootStyled,
+    {
+      className: clsx(
+        getComponentSlotRoot(COLOR_FORMATTER_KEY_COMPONENT),
+        className
+      ),
+      ...getPropDataTestId(
+        COLOR_FORMATTER_KEY_COMPONENT,
+        ColorFormatterSlots.root,
+        dataTestId
+      ),
+      ownerState,
+      children: colorComponent
+    }
+  );
+}
+export {
+  ColorFormatter as C
+};

package/components/formatters/ColorFormatter/ColorFormatter.styles.d.ts

@@ -0,0 +1,2 @@
+import { ColorFormatterStyles } from './types';
+export declare const colorFormatterStyles: ColorFormatterStyles;

package/components/formatters/ColorFormatter/ColorFormatter.styles.js

@@ -0,0 +1,6 @@
+const colorFormatterStyles = {
+  root: () => ({})
+};
+export {
+  colorFormatterStyles as c
+};

package/components/formatters/ColorFormatter/constants.d.ts

@@ -0,0 +1 @@
+export declare const COLOR_FORMATTER_KEY_COMPONENT = "ColorFormatter";

package/components/formatters/ColorFormatter/constants.js

@@ -0,0 +1,4 @@
+const COLOR_FORMATTER_KEY_COMPONENT = "ColorFormatter";
+export {
+  COLOR_FORMATTER_KEY_COMPONENT as C
+};

package/components/formatters/ColorFormatter/index.d.ts

@@ -0,0 +1,3 @@
+export { ColorFormatter } from './ColorFormatter';
+export * from './constants';
+export * from './types';

package/components/formatters/ColorFormatter/index.js

@@ -0,0 +1 @@
+

package/components/formatters/ColorFormatter/slots/ColorFormatterEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum ColorFormatterSlots {
+    root = "root"
+}

package/components/formatters/ColorFormatter/slots/ColorFormatterEnum.js

@@ -0,0 +1,7 @@
+var ColorFormatterSlots = /* @__PURE__ */ ((ColorFormatterSlots2) => {
+  ColorFormatterSlots2["root"] = "root";
+  return ColorFormatterSlots2;
+})(ColorFormatterSlots || {});
+export {
+  ColorFormatterSlots as C
+};

package/components/formatters/ColorFormatter/slots/ColorFormatterSlots.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente raíz estilizado para el ColorFormatter
+ */
+export declare const ColorFormatterRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/formatters/ColorFormatter/slots/ColorFormatterSlots.js

@@ -0,0 +1,11 @@
+import { styled } from "@mui/material/styles";
+import { c as colorFormatterStyles } from "../ColorFormatter.styles.js";
+import { C as COLOR_FORMATTER_KEY_COMPONENT } from "../constants.js";
+import { C as ColorFormatterSlots } from "./ColorFormatterEnum.js";
+const ColorFormatterRootStyled = styled("div", {
+  name: COLOR_FORMATTER_KEY_COMPONENT,
+  slot: ColorFormatterSlots.root
+})(colorFormatterStyles?.root);
+export {
+  ColorFormatterRootStyled as C
+};

package/components/formatters/ColorFormatter/types.d.ts

@@ -0,0 +1,24 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Theme } from '@mui/material';
+import { Sizes } from '@m4l/styles';
+import { COLOR_FORMATTER_KEY_COMPONENT } from './constants';
+import { ColorFormatterSlots } from './slots/ColorFormatterEnum';
+/**
+ * Props para el componente ColorFormatter.
+ */
+export interface ColorFormatterProps {
+    value?: string | null;
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    dataTestId?: string;
+    className?: string;
+}
+/**
+ * Props del estado del componente ColorFormatter.
+ */
+export interface ColorFormatterOwnerState {
+    value?: string | null;
+}
+/**
+ * Props para estilizar el componente ColorFormatter.
+ */
+export type ColorFormatterStyles = OverridesStyleRules<ColorFormatterSlots, typeof COLOR_FORMATTER_KEY_COMPONENT, Theme>;

package/components/formatters/ColorFormatter/types.js

@@ -0,0 +1 @@
+

package/components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import React, { useMemo } from "react";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
 import { C as ConcatenatedFormatterRootStyled } from "./slots/ConcatenatedFormatterSlots.js";
 import { C as CONTATENATED_FORMATTER_KEY_COMPONENT } from "./constants.js";

package/components/formatters/DateFormatter/DateFormatter.js

@@ -5,7 +5,7 @@ import { D as DateFormatterRootStyled } from "./slots/DateFormatterSlots.js";
 import { D as DateFormatterSlots } from "./slots/DateFormatterEnum.js";
 import clsx from "clsx";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { D as DATE_FORMATTER_KEY_COMPONENT } from "./constants.js";
 function getFormatDate(presentationType, value, dateFormatter, format) {
   let finalFormat = format || dateFormatter.datetimeFormat;

package/components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import clsx from "clsx";
 import { R as RootStyled } from "./slots/DistanceToNowFormatterSlots.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { C as COMPONET_KEY_COMPONENT } from "./constants.js";
 import { D as DistanceToNowFormatterSlots } from "./slots/slots.js";
 import { u as useDistanceToNowFormatter } from "./hooks/useDistanceToNowFormatter.js";

package/components/formatters/PeriodFormatter/PeriodFormatter.js

@@ -4,7 +4,7 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { P as PERIOD_FORMATTER_KEY_COMPONENT } from "./constants.js";
 import clsx from "clsx";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { d as dictionary } from "./dictionary.js";
 import { P as PeriodFormatterRootStyled, a as PeriodFormatterSkeletonStyled } from "./slots/PeriodFormatterSlots.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";

package/components/formatters/PointsFormatter/PointsFormatter.js

@@ -3,7 +3,7 @@ import { getPropertyByString } from "@m4l/core";
 import React, { useMemo } from "react";
 import { P as PointsFormatterRootStyled } from "./slots/ointsFormatterSlots.js";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import clsx from "clsx";
 import { P as POINTS_FORMATTER_KEY_COMPONENT } from "./constants.js";
 import { P as PointsFormatterSlots } from "./slots/PointsFormatterEnum.js";

package/components/formatters/PriceFormatter/PriceFormatter.js

@@ -4,7 +4,7 @@ import { clsx } from "clsx";
 import { getPropertyByString } from "@m4l/core";
 import { useFormatter } from "@m4l/graphics";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { P as PriceFormatterRootStyled } from "./slots/PriceFormatterSlots.js";
 import { P as PRICE_FORMATTER_KEY_COMPONENT } from "./constants.js";
 import { P as PriceFormatterSlots } from "./slots/PriceFormatterEnum.js";

package/components/formatters/UncertaintyFormatter/UncertaintyFormatter.js

@@ -3,7 +3,7 @@ import React, { useMemo } from "react";
 import { clsx } from "clsx";
 import { getPropertyByString } from "@m4l/core";
 import { U as UncertaintyFormatterRootStyled } from "./slots/UncertaintyFormatterSlots.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
 import { U as UNCERTAINTY_FORMATTER_KEY_COMPONENT } from "./constants.js";
 import { U as UncertaintyFormatterSlots } from "./slots/UncertaintyFormatterEnum.js";

package/components/formatters/index.d.ts

@@ -9,3 +9,4 @@ export { PriceFormatter, getFormatPrice, } from './PriceFormatter/PriceFormatter
 export * from './DistanceToNowFormatter';
 export type { UncertaintyRange } from './UncertaintyFormatter/types';
 export { TagsFormatter } from './TagsFormatter';
+export { ColorFormatter } from './ColorFormatter';

package/components/hook-form/RHFColorPicker/RFHColorPicker.js

@@ -1,16 +1,14 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
 import { clsx } from "clsx";
 import { useModuleSkeleton } from "@m4l/core";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
+import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { g as getComponentClasses } from "../../../utils/getComponentSlotRoot.js";
 import { R as RHFCOLOR_PICKER_KEY_COMPONENT } from "./constants.js";
 import { R as RHFColorPickerSlots } from "./slots/RHFColorPickerEnum.js";
-import { R as RootStyled } from "./slots/RHFColorPickerSlots.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { L as Label } from "../../Label/Label.js";
-import { C as Color } from "../../Color/Color.js";
-import { H as HelperError } from "../../HelperError/HelperError.js";
+import { R as RootStyled } from "./slots/RHFColorPickerSlots.js";
+import { C as ColorPickerField } from "./subcomponents/ColorPickerField/ColorPickerField.js";
 const RHFColorPicker = (props) => {
   const {
     name,
@@ -35,7 +33,11 @@ const RHFColorPicker = (props) => {
     {
       className: clsx(className, classes.root),
       role: isSkeleton ? "presentation" : void 0,
-      ...getPropDataTestId(RHFCOLOR_PICKER_KEY_COMPONENT, RHFColorPickerSlots.root, instaceDataTestId),
+      ...getPropDataTestId(
+        RHFCOLOR_PICKER_KEY_COMPONENT,
+        RHFColorPickerSlots.root,
+        instaceDataTestId
+      ),
       ownerState: { ownerState },
       children: /* @__PURE__ */ jsx(
         Controller,
@@ -43,35 +45,25 @@ const RHFColorPicker = (props) => {
           name,
           control,
           defaultValue: "",
-          render: ({ field: { value, onChange }, fieldState: { error } }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-            label && /* @__PURE__ */ jsx(
-              Label,
-              {
-                size,
-                label,
-                mandatory,
-                mandatoryMessage,
-                helperMessage
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Color,
-              {
-                size,
-                onChange,
-                value,
-                error: !!error,
-                disabled: isSkeleton ? true : disabled
-              }
-            ),
-            error?.message && /* @__PURE__ */ jsx(
-              HelperError,
-              {
-                size,
-                message: error?.message + ""
-              }
-            )
-          ] })
+          render: ({ field: { value, onChange }, fieldState: { error } }) => /* @__PURE__ */ jsx(
+            ColorPickerField,
+            {
+              value,
+              onChange,
+              error,
+              size,
+              label,
+              mandatory,
+              mandatoryMessage,
+              helperMessage,
+              disabled,
+              isSkeleton,
+              className,
+              instaceDataTestId,
+              currentSize,
+              classes
+            }
+          )
         }
       )
     }