@m4l/components 9.1.96 → 9.1.97

package/components/hook-form/RHFPeriod/RHFPeriod.d.ts

@@ -3,7 +3,7 @@ import { RHFPeriodProps } from './types';
  * Componente que renderiza un campo de formulario para ingresar un período.
  * @author cesar - automatic
  * @createdAt 2024-12-27 15:03:02 - automatic
- * @updatedAt 2025-01-08 10:36:41 - automatic
- * @updatedUser Andrés Quintero - automatic
+ * @updatedAt 2025-01-24 15:21:25 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const RHFPeriod: (props: RHFPeriodProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFPeriod/RHFPeriod.js

@@ -14,7 +14,6 @@ import { H as HelperError } from "../../HelperError/HelperError.js";
 const RHFPeriod = (props) => {
   const {
     name,
-    readOnly,
     label,
     mandatory,
     mandatoryMessage,
@@ -45,8 +44,9 @@ const RHFPeriod = (props) => {
       children: /* @__PURE__ */ jsx(
         Controller,
         {
-          name,
+          name: name || "",
           control,
+          defaultValue: { selPeriodTime: "", singleValue: "" },
           render: ({ field: { onChange, value }, fieldState: { error } }) => {
             return /* @__PURE__ */ jsxs(Fragment, { children: [
               label && /* @__PURE__ */ jsx(
@@ -62,12 +62,12 @@ const RHFPeriod = (props) => {
               /* @__PURE__ */ jsx(
                 Period,
                 {
+                  name,
+                  control,
                   disabled,
                   value,
                   onChange,
-                  size,
-                  readOnly,
-                  error: !!error
+                  size
                 }
               ),
               error && /* @__PURE__ */ jsx(HelperError, { message: error.message || "" })

package/components/hook-form/RHFPeriod/index.d.ts

@@ -4,3 +4,5 @@ export * from './constants';
 export * from './slots/RHFPeriodEnum';
 export * from './slots/RHFPeriodSlots';
 export * from './types';
+export { getPeriodComponetsDictionary } from './subcomponents/Period/dictionary';
+export type { PeriodType } from './subcomponents/Period/types';

package/components/hook-form/RHFPeriod/subcomponents/Period/Period.d.ts

@@ -3,7 +3,7 @@ import { PeriodProps } from './types';
  * Componente que renderiza un campo de formulario para ingresar un período.
  * @author cesar - automatic
  * @createdAt 2024-12-30 16:32:50 - automatic
- * @updatedAt 2025-01-08 10:36:41 - automatic
- * @updatedUser Andrés Quintero - automatic
+ * @updatedAt 2025-01-28 17:32:00 - automatic
+ * @updatedUser cesar - automatic
  */
-export declare const Period: ({ value: valuePeriod, onChange, size, disabled, error }: PeriodProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Period: (props: PeriodProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFPeriod/subcomponents/Period/Period.js

@@ -2,23 +2,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { E as ETimePeriods } from "./types.js";
 import { d as dictionary } from "./dictionary.js";
-import { useMemo, useCallback } from "react";
+import { useMemo } from "react";
 import { u as useComponentSize } from "../../../../../hooks/useComponentSize/useComponentSize.js";
 import { P as PeriodRootStyled, S as SelectStyled, T as TextFieldStyled } from "../../slots/RHFPeriodSlots.js";
 import { I as Icon } from "../../../../Icon/Icon.js";
-const normalizePeriod = (period) => {
-  const defaultPeriodTime = { id: ETimePeriods.YEARS, label: "" };
-  return {
-    selPeriodTime: period?.selPeriodTime ?? defaultPeriodTime,
-    singleValue: period?.singleValue ?? ""
-  };
-};
-const Period = ({ value: valuePeriod, onChange, size, disabled, error }) => {
+const Period = (props) => {
+  const {
+    value,
+    onChange,
+    size,
+    error,
+    disabled
+  } = props;
   const { getLabel } = useModuleDictionary();
   const { currentSize } = useComponentSize(size);
   const { host_static_assets, environment_assets } = useEnvironment();
-  const normalizedSize = currentSize === "large" ? "medium" : currentSize;
-  const { selPeriodTime, singleValue } = normalizePeriod(valuePeriod);
   const options = useMemo(
     () => [
       { id: ETimePeriods.YEARS.toString(), label: getLabel(dictionary.LABEL_YEARS) },
@@ -27,23 +25,75 @@ const Period = ({ value: valuePeriod, onChange, size, disabled, error }) => {
     ],
     [getLabel]
   );
-  const handlePeriodChange = useCallback(
-    (newPeriodTime, newValue) => {
-      onChange({ selPeriodTime: newPeriodTime, singleValue: newValue });
-    },
-    [onChange]
-  );
+  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 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 singleValue = getSingleValue(value);
+  const selPeriodTime = getSelPeriodTime(value);
+  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 normalizedSize = currentSize === "large" ? "medium" : currentSize;
   const ownerState = {
     size: normalizedSize,
-    disabled,
-    isValid: !error
+    disabled
   };
-  const handleKeyDown = useCallback((e) => {
-    const validKeys = /^[0-9]$/;
-    if (!validKeys.test(e.key) && e.key !== "Backspace" && e.key !== "Delete" && e.key !== "Tab") {
-      e.preventDefault();
-    }
-  }, []);
   return /* @__PURE__ */ jsxs(PeriodRootStyled, { ownerState, children: [
     /* @__PURE__ */ jsx(
       Icon,
@@ -56,13 +106,14 @@ const Period = ({ value: valuePeriod, onChange, size, disabled, error }) => {
     /* @__PURE__ */ jsx(
       SelectStyled,
       {
-        value: selPeriodTime.id,
+        size: normalizedSize,
+        value: options[selPeriodTime].id,
         options,
-        onChange: (selectedOption) => handlePeriodChange(selectedOption, singleValue),
+        onChange: (autcValue) => {
+          onChangeTime(autcValue);
+        },
         disabled,
-        size: normalizedSize,
-        error,
-        variant: "outlined"
+        error: !!error
       }
     ),
     /* @__PURE__ */ jsx(
@@ -72,11 +123,9 @@ const Period = ({ value: valuePeriod, onChange, size, disabled, error }) => {
         variant: "outlined",
         value: singleValue,
         InputProps: { disableUnderline: true },
-        error,
-        size: normalizedSize,
-        onChange: (e) => handlePeriodChange(selPeriodTime, e.target.value === "" ? "" : parseInt(e.target.value, 10)),
-        onKeyDown: handleKeyDown,
-        disabled
+        onChange: (e) => {
+          onTotalChange(selPeriodTime, e.target.value === "" ? "" : parseInt(e.target.value));
+        }
       }
     )
   ] });

package/components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js

@@ -1,8 +1,13 @@
+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
+  dictionary as d,
+  getPeriodComponetsDictionary as g
 };

package/components/hook-form/RHFPeriod/subcomponents/Period/types.d.ts

@@ -5,22 +5,25 @@ export declare enum ETimePeriods {
     DAYS = 2
 }
 export type PeriodTime = {
-    id: number | string;
+    id: number;
     label: string;
 };
-export type SKTWrapperProps = Pick<PeriodProps, 'readOnly'>;
 export type PeriodType = {
-    selPeriodTime: PeriodTime;
+    selPeriodTime: '' | ETimePeriods | undefined;
     singleValue: number | '';
+    years?: number;
+    months?: number;
+    days?: number;
 };
 export interface PeriodProps {
     value: PeriodType;
     onChange: (newValue: PeriodType) => void;
-    readOnly?: boolean;
     size: Sizes;
     disabled?: boolean;
     isValid?: boolean;
     error?: boolean;
+    name?: string;
+    control?: any;
 }
 export interface WrapperProps {
     error: boolean;

package/components/hook-form/RHFPeriod/types.d.ts

@@ -1,19 +1,23 @@
 import { LabelProps } from '../../Label/types';
-import { PeriodProps } from '../RHFPeriod/subcomponents/Period/types';
 import { RHFPeriodSlots } from './slots/RHFPeriodEnum';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { Theme } from '@mui/material';
 import { RHF_PERIOD_KEY_COMPONENT } from './constants';
 export type RHFPeriodType = keyof typeof RHFPeriodSlots;
-export interface RHFPeriodProps extends Pick<PeriodProps, 'readOnly'>, Omit<LabelProps, 'label'> {
+export interface RHFPeriodProps extends Omit<LabelProps, 'label'> {
     size?: 'small' | 'medium';
     name: string;
     label?: string;
     dataTestId?: string;
     /**
      * Clase CSS adicional para aplicar estilos personalizados al componente.
+     * @author cesar - automatic
+     * @createdAt 2025-01-24 15:21:25 - automatic
+     * @updatedAt 2025-01-24 15:21:25 - automatic
+     * @updatedUser cesar - automatic
      */
     className?: string;
+    onChange?: (newValue: any) => void;
 }
 export interface RHFPeriodOwnerState {
     isFocus: boolean;

package/components/hook-form/RHFPeriod/types.js

@@ -0,0 +1 @@
+

package/components/hook-form/index.d.ts

@@ -10,8 +10,7 @@ export { RHFSelect } from './RHFSelect';
 export { RHFHelperError } from './RHFHelperError';
 export * from './RHFTextField';
 export * from './RHFTextFieldPassword';
-export { RHFPeriod } from './RHFPeriod/RHFPeriod';
-export { getPeriodComponetsDictionary } from '../Period/dictionary';
+export * from './RHFPeriod';
 export { RHFRadioGroup } from './RHFRadioGroup';
 export { RHFNumberInput } from './RHFNumberInput/RHFNumberInput';
 export * from './RHFUpload';

package/components/index.d.ts

@@ -35,7 +35,6 @@ export * from './ObjectLogs';
 export * from './ObjectLogs/dictionary';
 export * from './PaperForm/PaperForm';
 export * from './PDFViewer';
-export * from './Period';
 export * from './HelmetPage';
 export * from './PropertyValue/PropertyValue';
 export * from './MenuActions';

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/ScrollBar.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.96",
+  "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>, {}>;

package/components/Period/styles.js

@@ -1,45 +0,0 @@
-import { styled } from "@mui/material/styles";
-const ContainerPeriod = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LPeriod?.styleOverrides || {}
-}));
-styled("div")(({ theme }) => ({
-  width: "1px",
-  height: "20px",
-  backgroundColor: theme.vars.palette.divider
-}));
-styled("div", {
-  shouldForwardProp: (props) => props !== "readOnly"
-})(({ theme, readOnly }) => ({
-  display: "flex",
-  width: "100%",
-  height: "37.5px",
-  alignItems: "center",
-  gap: theme.spacing(1),
-  border: `1px solid ${theme.vars.palette.divider}`,
-  ...readOnly && {
-    border: "0px"
-  },
-  padding: theme.spacing(0.5, 1),
-  borderRadius: "4px"
-}));
-styled("div")(({ theme }) => ({
-  ...theme.colorSchemes.finalTheme.typography.body2,
-  width: "100%",
-  display: "flex",
-  textOverflow: "elipsis",
-  overflow: "hidden",
-  padding: "5px",
-  textAlign: "left"
-}));
-styled("div")(({ theme }) => ({
-  ...theme.colorSchemes.finalTheme.typography.body2,
-  width: "70px",
-  display: "flex",
-  textOverflow: "elipsis",
-  overflow: "hidden",
-  padding: "5px",
-  textAlign: "left"
-}));
-export {
-  ContainerPeriod as C
-};

package/components/Period/subcomponents/SkeletonPeriod/index.d.ts

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

package/components/Period/subcomponents/SkeletonPeriod/index.js

@@ -1,12 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-const SkeletonPeriod = (props) => {
-  const { classes } = props;
-  return /* @__PURE__ */ jsxs("div", { className: classes.skeleton, children: [
-    /* @__PURE__ */ jsx("div", { className: classes.skeletonFieldPrimary, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%" }) }),
-    /* @__PURE__ */ jsx("div", { className: classes.skeletonFieldSecondary, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%" }) })
-  ] });
-};
-export {
-  SkeletonPeriod as S
-};

package/components/Period/subcomponents/SkeletonPeriod/types.d.ts

@@ -1,4 +0,0 @@
-import { Classes } from '../../classes/types';
-export interface SkeletonPeriodProps {
-    classes: Classes;
-}

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

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

package/components/Period/tests/constants.js

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

package/components/Period/tests/index.test.d.ts

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

package/components/Period/tests/utils.d.ts

@@ -1,2 +0,0 @@
-import { PeriodClassesKey } from '../classes/types';
-export declare const getNamePeriodDataTestId: (KEY: PeriodClassesKey) => string;

package/components/Period/tests/utils.js

@@ -1,7 +0,0 @@
-import { P as PERIOD_PREFIX } from "./constants.js";
-const getNamePeriodDataTestId = (KEY) => {
-  return `${PERIOD_PREFIX}-${KEY}`;
-};
-export {
-  getNamePeriodDataTestId as g
-};

package/components/Period/types.d.ts

@@ -1,35 +0,0 @@
-export declare enum ETimePeriods {
-    YEARS = 0,
-    MONTHS = 1,
-    DAYS = 2
-}
-export type PeriodVariant = 'monoperiod' | 'multiperiod';
-export type PeriodTime = {
-    id: number;
-    label: string;
-};
-export type SKTWrapperProps = Pick<PeriodProps, 'readOnly'>;
-export type PeriodState = 'error' | 'success' | 'warning' | 'info' | undefined;
-export type PeriodType = {
-    selPeriodTime: ETimePeriods;
-    singleValue: number | '';
-    years?: number;
-    months?: number;
-    days?: number;
-};
-export interface PeriodProps {
-    value: PeriodType;
-    onChange: (newValue: PeriodType) => void;
-    state?: PeriodState;
-    readOnly?: boolean;
-    variant?: PeriodVariant;
-    skeletonWidth?: string | number;
-    skeletonHeight?: string | number;
-    size?: 'small' | 'medium';
-}
-export interface WrapperProps {
-    error: boolean;
-}
-export interface OwnerState extends Pick<PeriodProps, 'state' | 'readOnly' | 'variant' | 'size'> {
-    focus: boolean;
-}

package/components/Period/types.js

@@ -1,9 +0,0 @@
-var ETimePeriods = /* @__PURE__ */ ((ETimePeriods2) => {
-  ETimePeriods2[ETimePeriods2["YEARS"] = 0] = "YEARS";
-  ETimePeriods2[ETimePeriods2["MONTHS"] = 1] = "MONTHS";
-  ETimePeriods2[ETimePeriods2["DAYS"] = 2] = "DAYS";
-  return ETimePeriods2;
-})(ETimePeriods || {});
-export {
-  ETimePeriods as E
-};