@m4l/components 9.1.95 → 9.1.97

package/index.js

@@ -33,22 +33,26 @@ import { R as R3 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
 import { R as R4 } from "./components/hook-form/RHFMultiCheckbox/index.js";
 import { R as R5 } from "./components/hook-form/RHFSelect/RHFSelect.js";
 import { R as R6 } from "./components/hook-form/RHFHelperError/index.js";
-import { R as R7 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
-import { g as g6 } from "./components/Period/dictionary.js";
-import { R as R8 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
-import { R as R9 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
-import { R as R10 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
-import { R as R11 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
-import { R as R12 } from "./components/hook-form/RHFTextField/RHFTextField.js";
-import { R as R13 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
-import { R as R14 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
+import { R as R7 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
+import { R as R8 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
+import { R as R9 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
+import { R as R10 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
+import { R as R11 } from "./components/hook-form/RHFTextField/RHFTextField.js";
+import { R as R12 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
+import { g as g6 } from "./components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js";
+import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
+import { R as R13 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
+import { R as R14 } from "./components/hook-form/RHFPeriod/constants.js";
+import { R as R15 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
+import { P as P2, R as R16, S as S2, T as T2 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { R as R17 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { B } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
 import { D as D2, u as u4 } from "./components/formatters/DateFormatter/DateFormatter.js";
 import { U, g as g7 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
-import { P as P2, g as g8 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
+import { P as P3, g as g8 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
 import { C, g as g9 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
-import { P as P3, u as u5 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
-import { P as P4, g as g10 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
+import { P as P4, u as u5 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
+import { P as P5, g as g10 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
 import { g as g11 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D3 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
 import { g as g12 } from "./components/formatters/dictionary.js";
@@ -74,11 +78,11 @@ import { d, g as g13 } from "./components/CommonActions/dictionary.js";
 import { D as D5 } from "./components/DragResizeWindow/DragResizeWindow.js";
 import { d as d2 } from "./components/DragResizeWindow/classes/index.js";
 import { G } from "./components/GridLayout/GridLayout.js";
-import { R as R15 } from "./components/GridLayout/subcomponents/Responsive/index.js";
+import { R as R18 } from "./components/GridLayout/subcomponents/Responsive/index.js";
 import { c as c3, d as d3, e } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
-import { P as P5 } from "./components/PrintingSystem/PrintingSystem.js";
+import { P as P6 } from "./components/PrintingSystem/PrintingSystem.js";
 import { L as L4 } from "./components/LanguagePopover/LanguagePopover.js";
 import { L as L5 } from "./components/LinearProgressIndeterminate/LinearProgressIndeterminate.js";
 import { I as I3 } from "./components/Image/Image.js";
@@ -95,7 +99,7 @@ import { M as M6 } from "./components/maps/components/Map/featureRenders/MarkerF
 import { C as C11 } from "./components/maps/components/Map/featureRenders/CommonFeatureRender/index.js";
 import { g as g16 } from "./components/maps/components/Map/popups/MapPopupMyGps/dictionary.js";
 import { M as M7 } from "./components/maps/components/Map/popups/MapPopupMyGps/MapPopupMyGps.js";
-import { P as P6 } from "./components/maps/components/Map/pluginLayers/PolylineWithArrows/index.js";
+import { P as P7 } from "./components/maps/components/Map/pluginLayers/PolylineWithArrows/index.js";
 import { c as c4 } from "./components/maps/utils/courseToCartesianAngle.js";
 import { c as c5 } from "./components/maps/utils/courseToCssAngle.js";
 import { i as i2 } from "./components/maps/utils/isFeature.js";
@@ -111,7 +115,7 @@ import { W as W3 } from "./components/WindowBase/WindowBase.js";
 import { W as W4 } from "./components/WindowBase/constants.js";
 import { I as I4 } from "./components/WindowBase/icons.js";
 import { W as W5 } from "./components/WindowBase/slots/WindowBaseEnum.js";
-import { C as C12, a as a8, H as H2, I as I5, d as d5, L as L7, M as M9, b as b3, P as P7, S as S2, c as c6, T as T2, W as W6 } from "./components/WindowBase/slots/WindowBaseSlots.js";
+import { C as C12, a as a8, H as H2, I as I5, d as d5, L as L7, M as M9, b as b3, P as P8, S as S3, c as c6, T as T3, W as W6 } from "./components/WindowBase/slots/WindowBaseSlots.js";
 import { H as H3 } from "./components/WindowBase/subcomponents/Header/HeaderWindowBase.js";
 import { L as L8 } from "./components/LoadingError/LoadingError.js";
 import { g as g19 } from "./components/LoadingError/dictionary.js";
@@ -121,20 +125,19 @@ import { N as N3 } from "./components/NoItemSelected/index.js";
 import { d as d6, g as g21 } from "./components/NoItemSelected/dictionary.js";
 import { O } from "./components/ObjectLogs/index.js";
 import { d as d7, g as g22 } from "./components/ObjectLogs/dictionary.js";
-import { P as P8 } from "./components/PaperForm/PaperForm.js";
-import { P as P9 } from "./components/PDFViewer/PDFViewer.js";
-import { P as P10 } from "./components/Period/Period.js";
+import { P as P9 } from "./components/PaperForm/PaperForm.js";
+import { P as P10 } from "./components/PDFViewer/PDFViewer.js";
 import { H as H4 } from "./components/HelmetPage/index.js";
 import { P as P11 } from "./components/PropertyValue/PropertyValue.js";
 import { a as a9 } from "./components/MenuActions/dictionary.js";
 import { a as a10, M as M11 } from "./components/MenuActions/MenuActions.js";
-import { R as R16 } from "./components/extended/React-Resizable/Resizable/Resizable.js";
-import { R as R17 } from "./components/extended/React-Resizable/ResizableBox/ResizableBox.js";
-import { S as S3 } from "./components/ScrollBar/index.js";
-import { S as S4 } from "./components/extended/React-Splitter/SplitLayout/SplitLayout.js";
-import { T as T3 } from "./components/ToastContainer/ToastContainer.js";
-import { T as T4 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
-import { S as S5 } from "./components/SideBar/SideBar.js";
+import { R as R19 } from "./components/extended/React-Resizable/Resizable/Resizable.js";
+import { R as R20 } from "./components/extended/React-Resizable/ResizableBox/ResizableBox.js";
+import { S as S4 } from "./components/ScrollBar/ScrollBar.js";
+import { S as S5 } from "./components/extended/React-Splitter/SplitLayout/SplitLayout.js";
+import { T as T4 } from "./components/ToastContainer/ToastContainer.js";
+import { T as T5 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
+import { S as S6 } from "./components/SideBar/SideBar.js";
 import { A as A11 } from "./components/AppBar/AppBar.js";
 import { g as g23 } from "./components/AppBar/dictionary.js";
 import { A as A12 } from "./components/AccountPopover/AccountPopover.js";
@@ -144,8 +147,8 @@ import { a as a11, P as P12 } from "./components/popups/components/PopupsProvide
 import { P as P13 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
 import { A as A13 } from "./components/commercial/AppBarCommercial/index.js";
 import { H as H5 } from "./components/commercial/HamburgerMenu/HamburgerMenu.js";
-import { T as T5 } from "./components/commercial/TopBar/TopBar.js";
-import { S as S6 } from "./components/commercial/SectionCommercial/index.js";
+import { T as T6 } from "./components/commercial/TopBar/TopBar.js";
+import { S as S7 } from "./components/commercial/SectionCommercial/index.js";
 import { M as M12 } from "./components/MFIsolationApp/MFIsolationApp.js";
 import { B as B2 } from "./components/BaseModule/BaseModule.js";
 import { A as A14 } from "./components/mui_extended/Accordion/Accordion.js";
@@ -159,36 +162,36 @@ import { L as L10 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L11 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
 import { P as P14 } from "./components/Pager/Pager.js";
 import { g as g25 } from "./components/Pager/dicctionary.js";
-import { T as T6 } from "./components/mui_extended/Tab/Tab.js";
-import { T as T7 } from "./components/mui_extended/Tooltip/Tooltip.js";
+import { T as T7 } from "./components/mui_extended/Tab/Tab.js";
+import { T as T8 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I6 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B6 } from "./components/mui_extended/Button/Button.js";
 import { C as C14 } from "./components/mui_extended/CheckBox/CheckBox.js";
 import { I as I7 } from "./components/mui_extended/ImageButton/ImageButton.js";
 import { P as P15 } from "./components/mui_extended/Popover/Popover.js";
-import { S as S7 } from "./components/mui_extended/Skeleton/Skeleton.js";
-import { S as S8 } from "./components/mui_extended/Stack/Stack.js";
-import { T as T8 } from "./components/mui_extended/Tabs/Tabs.js";
-import { T as T9 } from "./components/mui_extended/TabContent/TabContent.js";
-import { a as a12, T as T10 } from "./components/mui_extended/TabContext/index.js";
-import { T as T11 } from "./components/mui_extended/Typography/Typography.js";
+import { S as S8 } from "./components/mui_extended/Skeleton/Skeleton.js";
+import { S as S9 } from "./components/mui_extended/Stack/Stack.js";
+import { T as T9 } from "./components/mui_extended/Tabs/Tabs.js";
+import { T as T10 } from "./components/mui_extended/TabContent/TabContent.js";
+import { a as a12, T as T11 } from "./components/mui_extended/TabContext/index.js";
+import { T as T12 } from "./components/mui_extended/Typography/Typography.js";
 import { t } from "./components/mui_extended/ToggleButton/ToggleButton.styles.js";
-import { T as T12 } from "./components/mui_extended/ToggleButton/ToggleButton.js";
-import { T as T13 } from "./components/mui_extended/ToggleButton/constants.js";
-import { T as T14 } from "./components/mui_extended/ToggleButton/slots/ToggleButtonEnum.js";
-import { T as T15 } from "./components/mui_extended/ToggleButton/slots/ToggleButtonSlots.js";
+import { T as T13 } from "./components/mui_extended/ToggleButton/ToggleButton.js";
+import { T as T14 } from "./components/mui_extended/ToggleButton/constants.js";
+import { T as T15 } from "./components/mui_extended/ToggleButton/slots/ToggleButtonEnum.js";
+import { T as T16 } from "./components/mui_extended/ToggleButton/slots/ToggleButtonSlots.js";
 import { t as t2 } from "./components/mui_extended/ToggleIconButton/ToggleIconButton.styles.js";
-import { T as T16 } from "./components/mui_extended/ToggleIconButton/ToggleIconButton.js";
-import { T as T17 } from "./components/mui_extended/ToggleIconButton/constants.js";
-import { T as T18 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonEnum.js";
-import { T as T19 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
+import { T as T17 } from "./components/mui_extended/ToggleIconButton/ToggleIconButton.js";
+import { T as T18 } from "./components/mui_extended/ToggleIconButton/constants.js";
+import { T as T19 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonEnum.js";
+import { T as T20 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
 import { a as a13, D as D6, M as M13 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
-import { F, R as R18, u as u9 } from "./components/hook-form/RHFormContext/index.js";
+import { F, R as R21, u as u9 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g26 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u10 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a14, M as M14 } from "./contexts/ModalContext/index.js";
-import { a as a15, R as R19 } from "./contexts/RealTimeContext/RealTimeContext.js";
+import { a as a15, R as R22 } from "./contexts/RealTimeContext/RealTimeContext.js";
 import { u as u11 } from "./hooks/useFormAddEdit/index.js";
 import { u as u12 } from "./hooks/useModal/index.js";
 import { u as u13 } from "./hooks/useTab/index.js";
@@ -292,72 +295,77 @@ export {
   N3 as NoItemSelected,
   N as NumberEditor,
   O as ObjectLogs,
-  P9 as PDFViewer,
+  P10 as PDFViewer,
   P14 as Pager,
-  P8 as PaperForm,
-  P10 as Period,
-  P3 as PeriodFormatter,
+  P9 as PaperForm,
+  P4 as PeriodFormatter,
+  P2 as PeriodRootStyled,
   b3 as PointIconStyled,
-  P7 as PointStyled,
-  P2 as PointsFormatter,
-  P6 as PolylineWithArrows,
+  P8 as PointStyled,
+  P3 as PointsFormatter,
+  P7 as PolylineWithArrows,
   P15 as Popover,
   a11 as PopupsContext,
   P12 as PopupsProvider,
   P13 as PopupsViewer,
-  P4 as PriceFormatter,
-  P5 as PrintingSystem,
+  P5 as PriceFormatter,
+  P6 as PrintingSystem,
   P as PropagateLoaderSpinner,
   P11 as PropertyValue,
   R as RHFAutocomplete,
   R2 as RHFAutocompleteAsync,
-  R11 as RHFCheckbox,
-  R10 as RHFColorPicker,
+  R10 as RHFCheckbox,
+  R9 as RHFColorPicker,
   R3 as RHFDateTime,
   R6 as RHFHelperError,
   R4 as RHFMultiCheckbox,
-  R9 as RHFNumberInput,
-  R7 as RHFPeriod,
-  R8 as RHFRadioGroup,
+  R8 as RHFNumberInput,
+  R13 as RHFPeriod,
+  R16 as RHFPeriodRootStyled,
+  R15 as RHFPeriodSlots,
+  R7 as RHFRadioGroup,
   R5 as RHFSelect,
-  R12 as RHFTextField,
-  R13 as RHFTextFieldPassword,
-  R14 as RHFUploadImage,
-  R18 as RHFormProvider,
+  R11 as RHFTextField,
+  R12 as RHFTextFieldPassword,
+  R17 as RHFUploadImage,
+  R14 as RHF_PERIOD_KEY_COMPONENT,
+  R21 as RHFormProvider,
   a15 as RealTimeContext,
-  R19 as RealTimeProvider,
-  R16 as Resizable,
-  R17 as ResizableBox,
-  R15 as Responsive,
-  S3 as ScrollBar,
+  R22 as RealTimeProvider,
+  R19 as Resizable,
+  R20 as ResizableBox,
+  R18 as Responsive,
+  S4 as ScrollBar,
   S as ScrollToTop,
-  S6 as SectionCommercial,
-  S5 as SideBar,
-  S7 as Skeleton,
-  S4 as SplitLayout,
-  S8 as Stack,
-  S2 as SubtitleContainerStyled,
+  S7 as SectionCommercial,
+  S2 as SelectStyled,
+  S6 as SideBar,
+  S8 as Skeleton,
+  S5 as SplitLayout,
+  S9 as Stack,
+  S3 as SubtitleContainerStyled,
   c6 as SubtitleWindowStyled,
-  T13 as TOGGLE_BUTTON_KEY_COMPONENT,
-  T17 as TOGGLE_ICON_BUTTON_KEY_COMPONENT,
-  T6 as Tab,
-  T9 as TabContent,
+  T14 as TOGGLE_BUTTON_KEY_COMPONENT,
+  T18 as TOGGLE_ICON_BUTTON_KEY_COMPONENT,
+  T7 as Tab,
+  T10 as TabContent,
   a12 as TabContext,
-  T10 as TabProvider,
-  T8 as Tabs,
+  T11 as TabProvider,
+  T9 as Tabs,
   T as TextEditor,
-  T2 as TitleWindowStyled,
-  T3 as ToastContainer,
-  T4 as ToastMessage,
-  T12 as ToggleButton,
-  T15 as ToggleButtonRootStyled,
-  T14 as ToggleButtonSlots,
-  T16 as ToggleIconButton,
-  T19 as ToggleIconButtonRootStyled,
-  T18 as ToggleIconButtonSlots,
-  T7 as Tooltip,
-  T5 as TopBar,
-  T11 as Typography,
+  T2 as TextFieldStyled,
+  T3 as TitleWindowStyled,
+  T4 as ToastContainer,
+  T5 as ToastMessage,
+  T13 as ToggleButton,
+  T16 as ToggleButtonRootStyled,
+  T15 as ToggleButtonSlots,
+  T17 as ToggleIconButton,
+  T20 as ToggleIconButtonRootStyled,
+  T19 as ToggleIconButtonSlots,
+  T8 as Tooltip,
+  T6 as TopBar,
+  T12 as Typography,
   U as UncertaintyFormatter,
   W4 as WINDOW_BASE_KEY_COMPONENT,
   W3 as WindowBase,
@@ -415,6 +423,7 @@ export {
   i3 as isFeatureCollection,
   i4 as isFeatureCollectionDraft,
   i5 as isGeometry,
+  r as rhfPeriodStyles,
   t as toggleButtonStyles,
   t2 as toggleIconButtonStyles,
   u10 as useAppearanceComponentStore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.95",
+  "version": "9.1.97",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/components/Period/Period.d.ts

@@ -1,5 +0,0 @@
-import { PeriodProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare const Period: (props: PeriodProps) => import("react/jsx-runtime").JSX.Element;

package/components/Period/Period.js

@@ -1,193 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { C as ContainerPeriod } from "./styles.js";
-import { E as ETimePeriods } from "./types.js";
-import { Autocomplete, TextField } from "@mui/material";
-import { useState, useMemo } from "react";
-import { d as dictionary } from "./dictionary.js";
-import { p as periodUtilityClasses } from "./classes/index.js";
-import { g as getNamePeriodDataTestId } from "./tests/utils.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { S as SkeletonPeriod } from "./subcomponents/SkeletonPeriod/index.js";
-import { T as Typography } from "../mui_extended/Typography/Typography.js";
-import { I as IconButton } from "../mui_extended/IconButton/IconButton.js";
-const getSelPeriodTime = (period) => {
-  if (!period) {
-    return ETimePeriods.YEARS;
-  }
-  if (period.selPeriodTime) {
-    return period.selPeriodTime;
-  }
-  if (period.years && period.years > 0) {
-    return ETimePeriods.YEARS;
-  }
-  if (period.months && period.months > 0) {
-    return ETimePeriods.MONTHS;
-  }
-  if (period.days && period.days > 0) {
-    return ETimePeriods.DAYS;
-  }
-  return ETimePeriods.YEARS;
-};
-const getSingleValue = (period) => {
-  if (!period) {
-    return "";
-  }
-  if (period.singleValue !== void 0) {
-    return period.singleValue;
-  }
-  if (period.years && period.years > 0) {
-    return period.years;
-  }
-  if (period.months && period.months > 0) {
-    return period.months;
-  }
-  if (period.days && period.days > 0) {
-    return period.days;
-  }
-  return "";
-};
-const Period = (props) => {
-  const {
-    value,
-    onChange,
-    state,
-    readOnly = false,
-    variant = "monoperiod",
-    size = "small"
-  } = props;
-  const { getLabel } = useModuleDictionary();
-  const [open, setOpen] = useState(false);
-  const [isFocus, setIsFocus] = useState(false);
-  const isSkeleton = useModuleSkeleton();
-  const selPeriodTime = getSelPeriodTime(value);
-  const singleValue = getSingleValue(value);
-  const isDesktop = useResponsiveDesktop();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const iconDown = `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`;
-  const handleFocus = () => {
-    setIsFocus(true);
-  };
-  const handleBlur = () => {
-    setIsFocus(false);
-  };
-  const onTotalChange = (newPeriodTime, newValue) => {
-    const newPeriod = {
-      selPeriodTime: newPeriodTime,
-      singleValue: newValue
-    };
-    if (newValue !== "" && newValue > 0) {
-      newPeriod.years = 0;
-      newPeriod.months = 0;
-      newPeriod.days = 0;
-      if (newPeriodTime === ETimePeriods.YEARS) {
-        newPeriod.years = newValue;
-      }
-      if (newPeriodTime === ETimePeriods.MONTHS) {
-        newPeriod.months = newValue;
-      }
-      if (newPeriodTime === ETimePeriods.DAYS) {
-        newPeriod.days = newValue;
-      }
-    }
-    onChange(newPeriod);
-  };
-  const onChangeTime = (newPeriodTime) => {
-    if (newPeriodTime) {
-      onTotalChange(newPeriodTime.id, singleValue);
-    }
-  };
-  const options = useMemo(
-    () => [
-      {
-        id: 0,
-        label: getLabel(dictionary.LABEL_YEARS)
-      },
-      {
-        id: 1,
-        label: getLabel(dictionary.LABEL_MONTHS)
-      },
-      {
-        id: 2,
-        label: getLabel(dictionary.LABEL_DAYS)
-      }
-    ],
-    [getLabel]
-  );
-  const ownerState = {
-    readOnly,
-    state,
-    variant,
-    size: isDesktop ? size : "medium",
-    focus: isFocus
-  };
-  const classes = periodUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(
-    ContainerPeriod,
-    {
-      className: classes.root,
-      onFocus: handleFocus,
-      onBlur: handleBlur,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNamePeriodDataTestId("root") } : {},
-      children: !isSkeleton ? readOnly ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: classes.containerDateLabel, children: /* @__PURE__ */ jsx(Typography, { variant: "body", skeletonWidth: "50%", children: value.selPeriodTime === 0 ? getLabel(dictionary.LABEL_YEARS) : value.selPeriodTime === 1 ? getLabel(dictionary.LABEL_MONTHS) : value.selPeriodTime === 2 ? getLabel(dictionary.LABEL_DAYS) : "" }) }),
-        /* @__PURE__ */ jsx("div", { className: classes.containerDateValue, children: /* @__PURE__ */ jsx(Typography, { variant: "body", skeletonWidth: "80%", children: String(value.singleValue || "") }) })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Autocomplete,
-          {
-            options,
-            value: options[selPeriodTime],
-            disableClearable: true,
-            open,
-            onOpen: () => setOpen(true),
-            onClose: () => setOpen(false),
-            onChange: (_event, autcValue) => {
-              onChangeTime(autcValue);
-            },
-            renderInput: (params) => {
-              return /* @__PURE__ */ jsx(
-                TextField,
-                {
-                  ...params,
-                  fullWidth: true,
-                  variant: "standard",
-                  SelectProps: { native: true },
-                  InputProps: {
-                    disableUnderline: true,
-                    ...params.InputProps,
-                    endAdornment: /* @__PURE__ */ jsx(
-                      IconButton,
-                      {
-                        src: iconDown,
-                        onClick: () => setOpen((currentOpen) => !currentOpen)
-                      }
-                    )
-                  },
-                  autoComplete: "off"
-                },
-                `tx_async_${params.id}`
-              );
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TextField,
-          {
-            type: "number",
-            variant: "standard",
-            value: singleValue,
-            InputProps: { disableUnderline: true },
-            onChange: (e) => {
-              onTotalChange(selPeriodTime, e.target.value === "" ? "" : parseInt(e.target.value));
-            }
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx(SkeletonPeriod, { classes })
-    }
-  );
-};
-export {
-  Period as P
-};

package/components/Period/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LPeriod";

package/components/Period/classes/constants.js

@@ -1,4 +0,0 @@
-const componentName = "M4LPeriod";
-export {
-  componentName as c
-};

package/components/Period/classes/index.d.ts

@@ -1,15 +0,0 @@
-import { PeriodClassesType } from './types';
-import { OwnerState } from '../types';
-export declare const periodClasses: PeriodClassesType;
-export declare function getPeriodUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const periodUtilityClasses: (ownerState: OwnerState) => {
-    skeleton: string;
-    root: string;
-    containerDateLabel: string;
-    containerDateValue: string;
-    skeletonFieldPrimary: string;
-    skeletonFieldSecondary: string;
-};

package/components/Period/classes/index.js

@@ -1,53 +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",
-  "containerDateLabel",
-  "containerDateValue",
-  "skeleton",
-  "skeletonFieldPrimary",
-  "skeletonFieldSecondary",
-  "skeletonFieldSecondary",
-  /* states or variants of elements */
-  "stateError",
-  "stateReadOnly",
-  "variantMonoperiod",
-  "variantMultiperiod",
-  "sizeSmall",
-  "sizeMedium",
-  "isFocus"
-]);
-function getPeriodUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const periodUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.size === "small" && "sizeSmall",
-      ownerState.size === "medium" && "sizeMedium",
-      ownerState.state === "error" && "stateError",
-      ownerState.state === "success" && "stateSuccess",
-      ownerState.state === "warning" && "stateWarning",
-      ownerState.state === "info" && "stateInfo",
-      ownerState.readOnly && "stateReadOnly",
-      ownerState.variant === "monoperiod" ? "variantMonoperiod" : null,
-      ownerState.variant === "multiperiod" ? "variantMultiperiod" : null,
-      ownerState.focus && "isFocus"
-    ],
-    containerDateLabel: ["containerDateLabel"],
-    containerDateValue: ["containerDateValue"],
-    skeleton: ["skeleton"],
-    skeletonFieldPrimary: ["skeletonFieldPrimary"],
-    skeletonFieldSecondary: ["skeletonFieldSecondary"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPeriodUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  periodUtilityClasses as p
-};

package/components/Period/classes/types.d.ts

@@ -1,18 +0,0 @@
-import { periodUtilityClasses } from '.';
-export interface PeriodClassesType {
-    root: string;
-    containerDateLabel: string;
-    containerDateValue: string;
-    skeleton: string;
-    skeletonFieldPrimary: string;
-    skeletonFieldSecondary: string;
-    stateError: string;
-    stateReadOnly: string;
-    variantMonoperiod: string;
-    variantMultiperiod: string;
-    sizeSmall: string;
-    sizeMedium: string;
-    isFocus: string;
-}
-export declare type PeriodClassesKey = keyof PeriodClassesType;
-export type Classes = ReturnType<typeof periodUtilityClasses>;

package/components/Period/dictionary.d.ts

@@ -1,7 +0,0 @@
-export declare const PERIOD_FORMATTER_DICTIONARY_KEY = "period_formatter";
-export declare const dictionary: {
-    LABEL_YEARS: string;
-    LABEL_MONTHS: string;
-    LABEL_DAYS: string;
-};
-export declare function getPeriodComponetsDictionary(): string[];

package/components/Period/dictionary.js

@@ -1,13 +0,0 @@
-import { g as getCommonActionsDictionary } from "../CommonActions/dictionary.js";
-const dictionary = {
-  LABEL_YEARS: "period.label_years",
-  LABEL_MONTHS: "period.label_months",
-  LABEL_DAYS: "period.label_days"
-};
-function getPeriodComponetsDictionary() {
-  return ["period"].concat(getCommonActionsDictionary());
-}
-export {
-  dictionary as d,
-  getPeriodComponetsDictionary as g
-};

package/components/Period/index.d.ts

@@ -1,2 +0,0 @@
-export { Period } from './Period';
-export type { PeriodType } from './types';

package/components/Period/styles.d.ts

@@ -1,6 +0,0 @@
-import { SKTWrapperProps } from './types';
-export declare const ContainerPeriod: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Gap: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & SKTWrapperProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FieldPeriod: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FieldValue: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;