@m4l/components 9.1.125 → 9.1.126

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.125",
+  "version": "9.1.126",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
@@ -10,7 +10,6 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "^2.9.5",
     "@microlink/react-json-view": "^1.23.3",
-    "@types/lodash-es": "^4.17.12",
     "atmosphere.js": "^4.0.0",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",
@@ -47,13 +46,15 @@
     "react-spinners": "^0.13.8",
     "react-toastify": "10.0.5",
     "react-transition-group": "^4.4.5",
+    "react-virtualized-auto-sizer": "^1.0.25",
+    "react-window": "^1.8.11",
     "simplebar-react": "3.2.6",
     "storybook-multilevel-sort": "^2.0.1",
     "yup": "^0.32.11",
     "zustand": "4.3.6"
   },
   "peerDependencies": {
-    "@m4l/core": "^2.0.18",
+    "@m4l/core": "^2.0.17",
     "@m4l/graphics": "^7.0.8",
     "@m4l/styles": "^7.1.18",
     "@mui/lab": "5.0.0-alpha.173",

package/patchLibErrors/defaultPropsError.d.ts

@@ -1,2 +1,5 @@
+/**
+ * Ignora los errores que provengan de react-dom con respecto a defaultProps de cualquier librería
+ */
 declare const _default: {};
 export default _default;

package/test/TestAppWrapper.d.ts

@@ -25,5 +25,5 @@ interface TestAppWrapperProps {
  *   </TestWrapper>
  * );
  */
-declare const TestAppWrapper: FC<TestAppWrapperProps>;
+export declare const TestAppWrapper: FC<TestAppWrapperProps>;
 export default TestAppWrapper;

package/utils/ObjectQueue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Implementación de una cola con un objeto como estructura de datos subyacente.
+ */
+export declare class ObjectQueue<T extends any = {}> {
+    private items;
+    private head;
+    private tail;
+    /**
+     * Encola un elemento
+     */
+    enqueue(item: T): void;
+    /**
+     * Desencola un elemento
+     */
+    dequeue(): T | undefined;
+    size(): number;
+    isEmpty(): boolean;
+}

package/utils/ObjectQueue.js

@@ -0,0 +1,33 @@
+class ObjectQueue {
+  items = {};
+  head = 0;
+  tail = 0;
+  /**
+   * Encola un elemento
+   */
+  enqueue(item) {
+    this.items[this.tail] = item;
+    this.tail++;
+  }
+  /**
+   * Desencola un elemento
+   */
+  dequeue() {
+    if (this.head === this.tail) {
+      return void 0;
+    }
+    const item = this.items[this.head];
+    delete this.items[this.head];
+    this.head++;
+    return item;
+  }
+  size() {
+    return this.tail - this.head;
+  }
+  isEmpty() {
+    return this.size() === 0;
+  }
+}
+export {
+  ObjectQueue as O
+};

package/utils/capitalizeFirstLetter.js

@@ -1 +1,10 @@
-
+function capitalizeFirstLetter(str) {
+  try {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+  } catch (_e) {
+  }
+  return str;
+}
+export {
+  capitalizeFirstLetter as c
+};

package/utils/getComponentUtilityClass.js

@@ -0,0 +1,7 @@
+import { generateUtilityClass } from "@mui/material";
+function getComponentUtilityClass(componentName) {
+  return (slot) => generateUtilityClass(componentName, slot);
+}
+export {
+  getComponentUtilityClass as g
+};

package/utils/getPaletteColor.js

@@ -0,0 +1,18 @@
+const getPaletteColor = function(palette, s) {
+  s = s.replace(/\[(\w+)\]/g, ".$1");
+  s = s.replace(/^\./, "");
+  let o = palette;
+  const a = s.split(".");
+  for (let i = 0, n = a.length; i < n; ++i) {
+    const k = a[i];
+    if (k in o) {
+      o = o[k];
+    } else {
+      return palette.action.active;
+    }
+  }
+  return o;
+};
+export {
+  getPaletteColor as g
+};

package/utils/index.d.ts

@@ -1,17 +1,9 @@
-import { Palette, Theme } from '@mui/material/styles';
-import { VariantColor } from './types';
 export { capitalizeFirstLetter } from './capitalizeFirstLetter';
-export declare function isValidDate(d: Date): boolean;
-/**
- * TODO: Documentar
- */
-export declare const getPaletteColor: (palette: Palette, s: string) => any;
-/**
- * TODO: Documentar
- */
-export declare const getVariantColor: (variant: VariantColor | undefined) => "info" | "warning" | "error" | "primary";
-/**
- * TODO: Documentar
- */
-export declare const getThemeVariantColor: (theme: Theme, variant: VariantColor | undefined) => string;
-export declare function getComponentUtilityClass(componentName: string): (slot: string) => string;
+export { isValidDate } from './isValidDate';
+export { getComponentUtilityClass } from './getComponentUtilityClass';
+export { getPaletteColor } from './getPaletteColor';
+export * from './ObjectQueue';
+export * from './getComponentSlotRoot';
+export { getTypographyStyles } from './getTypographyStyles';
+export { getHeightSizeStyles } from './getSizeStyles';
+export * from './formatDistanceToNow';

package/utils/index.js

@@ -1,11 +1 @@
-import { generateUtilityClass } from "@mui/material";
-function isValidDate(d) {
-  return d && d instanceof Date && !isNaN(d.getTime());
-}
-function getComponentUtilityClass(componentName) {
-  return (slot) => generateUtilityClass(componentName, slot);
-}
-export {
-  getComponentUtilityClass as g,
-  isValidDate as i
-};
+

package/utils/isValidDate.js

@@ -0,0 +1,6 @@
+function isValidDate(d) {
+  return d && d instanceof Date && !isNaN(d.getTime());
+}
+export {
+  isValidDate as i
+};

package/vendor.js

@@ -0,0 +1,171 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useThemeSettingsStore, HostThemeProvider, GlobalStyles, ThemeSettingsProvider } from "@m4l/graphics";
+import { CommonFlags } from "@m4l/core";
+import { fnComponentsOverrides } from "@m4l/styles";
+import { styled } from "@mui/material/styles";
+import { useEffect, forwardRef, useCallback } from "react";
+import { M as MFIsolationApp } from "./components/MFIsolationApp/MFIsolationApp.js";
+import { u as useStateRef } from "./hooks/useStateRef/index.js";
+import { a as PopupsProvider } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { f as fn2 } from "./not_recognized/index.js";
+import { R as RHFormProvider } from "./components/hook-form/RHFormContext/index.js";
+import { useFormContext } from "react-hook-form";
+const RootStyle = styled("div")(({ theme }) => ({
+  padding: 25,
+  backgroundColor: theme.vars.palette.background.default,
+  borderColor: theme.vars.palette.primary.main,
+  borderStyle: "solid",
+  borderWidth: 1,
+  width: "100%",
+  height: "100%",
+  fontSize: "inherit",
+  container: "container / inline-size"
+}));
+const AppWithTheme = ({ themeMode, themeColor, children }) => {
+  const themeOptions = useThemeSettingsStore((state) => state.themeOptions);
+  const currentThemeSettings = useThemeSettingsStore((state) => state.themeUserSettings);
+  const setThemeSettings = useThemeSettingsStore((state) => state.settingsActions.setThemeSettings);
+  useEffect(() => {
+    setThemeSettings({
+      ...currentThemeSettings,
+      themeMode,
+      themeColor
+    });
+  }, [themeMode, themeColor]);
+  return /* @__PURE__ */ jsx(RootStyle, { children: /* @__PURE__ */ jsxs(
+    HostThemeProvider,
+    {
+      isMicroFrontEnd: false,
+      hostThemeOptions: themeOptions,
+      fnComponentsOverrides,
+      children: [
+        /* @__PURE__ */ jsx(GlobalStyles, {}),
+        children
+      ]
+    }
+  ) });
+};
+const USER = `carloszapata@gmail.com`;
+const PWD = `Mayuscula123.`;
+const DATABASE = "";
+const ENVIRONMENT_ASSETS = "d1";
+const HOST_API_LOCAL = "http://localhost:3000/domain";
+const HOST_API_REMOTE = "https://lab1.stage.made4labs.com/api/v1/domain";
+const HOST_STATIC_ASSETS = "https://s3.amazonaws.com/static.made4labs/environments";
+const WithContexts = (Story, storyContext) => {
+  const { globals, parameters } = storyContext;
+  const { themeMode, themeColor, deviceType } = globals ?? {};
+  const { isolationForceSkeleton, isolationComponentsDictionary, loadAreasFromNetwork, loadCookiesFromNetwork } = parameters ?? {};
+  return /* @__PURE__ */ jsx(
+    MFIsolationApp,
+    {
+      moduleId: "users_list",
+      user: USER,
+      pwd: PWD,
+      database: DATABASE,
+      host_api_local: HOST_API_LOCAL,
+      host_api_remote: HOST_API_REMOTE,
+      host_static_assets: HOST_STATIC_ASSETS,
+      environment_assets: ENVIRONMENT_ASSETS,
+      activeAreasNetwork: loadAreasFromNetwork,
+      activeCookiesFromNetwork: loadCookiesFromNetwork,
+      skeletonFlags: [
+        isolationForceSkeleton ? "forceSkeleton" : CommonFlags.FLAG_DICTIONARY_LOADED
+      ],
+      privileges: [],
+      onLoad: () => {
+      },
+      componentsDictionary: isolationComponentsDictionary,
+      observedDivRef: {},
+      forcedDeviceType: deviceType === "automatic" ? void 0 : deviceType,
+      children: /* @__PURE__ */ jsx(
+        ThemeSettingsProvider,
+        {
+          themeSettingsForced: {
+            themeMode,
+            themeDirection: "ltr",
+            themeColor,
+            themeStretch: false,
+            themeLayout: "vertical"
+          },
+          children: /* @__PURE__ */ jsx(AppWithTheme, { themeMode, themeColor, children: /* @__PURE__ */ jsx(Story, {}) })
+        }
+      )
+    }
+  );
+};
+const WindowsContainer = forwardRef(
+  ({ children, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        style: {
+          width: "100%",
+          height: "400px",
+          position: "relative",
+          resize: "both",
+          overflow: "auto",
+          border: "1px dotted gray"
+        },
+        ...rest,
+        children
+      }
+    );
+  }
+);
+const WithPopupsProvider = (MyStory, { parameters }) => {
+  const [refDiv, setRef] = useStateRef(null);
+  const getContainerElement = useCallback(() => refDiv, [refDiv]);
+  return /* @__PURE__ */ jsx(WindowsContainer, { ref: setRef, children: refDiv && /* @__PURE__ */ jsx(
+    PopupsProvider,
+    {
+      getContainerElement,
+      baseZindex: 0,
+      storeId: "story 1.0",
+      initialPopups: parameters?.initialPopups || [],
+      children: /* @__PURE__ */ jsx(MyStory, {})
+    }
+  ) });
+};
+const WithForms = ({ values = {}, validationSchema = {} }) => {
+  return function WithFormStory(Story) {
+    const onSubmit = fn2();
+    return /* @__PURE__ */ jsx(RHFormProvider, { onSubmit, values, validationSchema, children: /* @__PURE__ */ jsx(Story, {}) });
+  };
+};
+const WithFormAutoValidation = (Story) => {
+  const TriggerValidation = () => {
+    const { trigger } = useFormContext();
+    useEffect(() => {
+      const timeout = setTimeout(() => {
+        trigger();
+      }, 1e3);
+      return () => clearTimeout(timeout);
+    }, [trigger]);
+    return null;
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TriggerValidation, {}),
+    /* @__PURE__ */ jsx(Story, {})
+  ] });
+};
+const WithWindowsContainer = (MyStory) => {
+  return /* @__PURE__ */ jsx(WindowsContainer, { children: /* @__PURE__ */ jsx(MyStory, {}) });
+};
+const WithScaleIcons = (Story) => {
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx("div", { style: { transform: "scale(4)" }, children: /* @__PURE__ */ jsx(Story, {}) }) });
+};
+const WithWrapper = (Story, { parameters }) => {
+  const { height = "100px", width = "100px", ...others } = parameters;
+  return /* @__PURE__ */ jsx("div", { style: { height, width, display: "flex", justifyContent: "center", alignItems: "center", ...others }, children: /* @__PURE__ */ jsx(Story, {}) });
+};
+export {
+  WithContexts as W,
+  WithPopupsProvider as a,
+  WithForms as b,
+  WithFormAutoValidation as c,
+  WithWindowsContainer as d,
+  WithScaleIcons as e,
+  WithWrapper as f
+};

package/.storybook/decorators/WithMapProvider/constants.d.ts

@@ -1,2 +0,0 @@
-import { LayerStore } from '../../../src/components/maps/components/Map/contexts/MapContext/types';
-export declare const LAYER_MARKS_ABCD_my_gps_devices: LayerStore[];

package/.storybook/decorators/WithMapProvider/index.d.ts

@@ -1 +0,0 @@
-export * from './WithMapProvider';

package/components/DynamicFilter/DynamicFilter.stories.d.ts

@@ -1,29 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { DynamicFilter } from './DynamicFilter';
-declare const meta: Meta<typeof DynamicFilter>;
-export default meta;
-type Story = StoryObj<typeof DynamicFilter>;
-/**
- * Base DynamicFilter component
- */
-export declare const Base: Story;
-/**
- * DynamicFilter With props `automatic=true`
- */
-export declare const WithAutomatic: Story;
-/**
- * DynamicFilter With props `withAllField=true`
- */
-export declare const WithAllField: Story;
-/**
- * DynamicFilter With fixed field
- */
-export declare const WithFixedField: Story;
-/**
- * DynamicFilter in skeleton mode
- */
-export declare const WithSkeleton: Story;
-/**
- * DynamicFilter with errors
- */
-export declare const WithErrors: Story;

package/components/formatters/CourseFormatter/CourseFormatter.d.ts

@@ -1,14 +0,0 @@
-import { CourseFormatterProps } from './types';
-/**
- * "CourseFormatter" que se encarga de visualizar el Curse Over Ground (Sentido manecilla del reloj, 0grados = Norte )
- *  a (Sentido contrario manecillas del reloj 0grados = East).
- * Curso: 0  => 90 - Norte
- * Curso: 90 => 0  - Este
- * Curso: 180 => 270 - Sur
- * Curso: 270 => 180 - Oeste
- *
- */
-/**
- * CourseFormatter Component
- */
-export declare const CourseFormatter: (props: CourseFormatterProps) => import("react/jsx-runtime").JSX.Element;

package/components/formatters/CourseFormatter/CourseFormatter.js

@@ -1,33 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { C as CFRootStyled } from "./slots/CourseFormatterSlots.js";
-import { g as getCardinalDirection } from "./helper.js";
-import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
-import { C as CourseFormatterSlots } from "./slots/CourseFormatterEnum.js";
-import { C as COMPONET_KEY_COMPONENT, D as DEFAULT_GAP_ANGLE } from "./constants.js";
-import { c as courseToCartesianAngle } from "../../maps/utils/courseToCartesianAngle.js";
-const CourseFormatter = (props) => {
-  const {
-    course,
-    gapAngle: gap = DEFAULT_GAP_ANGLE,
-    size = "medium",
-    dataTestId
-  } = props;
-  const ownerState = {
-    size,
-    variant: "standard"
-  };
-  const angle = courseToCartesianAngle(course);
-  const ret = getCardinalDirection(angle, gap);
-  return /* @__PURE__ */ jsx(
-    CFRootStyled,
-    {
-      ownerState: { ...ownerState },
-      ...getPropDataTestId(COMPONET_KEY_COMPONENT, CourseFormatterSlots.root, dataTestId),
-      skeletonWidth: "10%",
-      children: ret
-    }
-  );
-};
-export {
-  CourseFormatter as C
-};

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

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

package/components/formatters/CourseFormatter/CourseFormatter.styles.js

@@ -1,23 +0,0 @@
-import { g as getTypographyStyles } from "../../../utils/getTypographyStyles.js";
-const courseFormatterStyles = {
-  /** Styles applied to the root element. */
-  root: ({ theme, ownerState }) => ({
-    "&.MuiTypography-root": {
-      "&.M4lclassCssSpecificity": {
-        ...getTypographyStyles(
-          theme.generalSettings.isMobile,
-          ownerState.size || "medium",
-          "body"
-        ),
-        ...getTypographyStyles(
-          theme.generalSettings.isMobile,
-          ownerState.size || "small",
-          "body"
-        )
-      }
-    }
-  })
-};
-export {
-  courseFormatterStyles as c
-};

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

@@ -1,3 +0,0 @@
-export declare const COMPONENT_TEST_ID = "M4LCourseFormatter";
-export declare const COMPONET_KEY_COMPONENT = "M4LCourseFormatter";
-export declare const DEFAULT_GAP_ANGLE = 5;

package/components/formatters/CourseFormatter/constants.js

@@ -1,6 +0,0 @@
-const COMPONET_KEY_COMPONENT = "M4LCourseFormatter";
-const DEFAULT_GAP_ANGLE = 5;
-export {
-  COMPONET_KEY_COMPONENT as C,
-  DEFAULT_GAP_ANGLE as D
-};

package/components/formatters/CourseFormatter/dictionary.d.ts

@@ -1,12 +0,0 @@
-export declare const CF_DICTIONARY_ID = "course_formatter";
-export declare function getCourseFormatterComponentsDictionary(): string[];
-export declare const CF_DICCTIONARY: {
-    readonly LABEL_NORTH: "course_formatter.label_north";
-    readonly LABEL_SOUTH: "course_formatter.label_south";
-    readonly LABEL_EAST: "course_formatter.label_east";
-    readonly LABEL_WEST: "course_formatter.label_west";
-    readonly LABEL_NORTH_EAST: "course_formatter.label_north_east";
-    readonly LABEL_NORTH_WEST: "course_formatter.label_north_west";
-    readonly LABEL_SOUTH_EAST: "course_formatter.label_south_east";
-    readonly LABEL_SOUTH_WEST: "course_formatter.label_south_west";
-};

package/components/formatters/CourseFormatter/dictionary.js

@@ -1,18 +0,0 @@
-const CF_DICTIONARY_ID = "course_formatter";
-function getCourseFormatterComponentsDictionary() {
-  return [CF_DICTIONARY_ID];
-}
-const CF_DICCTIONARY = {
-  LABEL_NORTH: `${CF_DICTIONARY_ID}.label_north`,
-  LABEL_SOUTH: `${CF_DICTIONARY_ID}.label_south`,
-  LABEL_EAST: `${CF_DICTIONARY_ID}.label_east`,
-  LABEL_WEST: `${CF_DICTIONARY_ID}.label_west`,
-  LABEL_NORTH_EAST: `${CF_DICTIONARY_ID}.label_north_east`,
-  LABEL_NORTH_WEST: `${CF_DICTIONARY_ID}.label_north_west`,
-  LABEL_SOUTH_EAST: `${CF_DICTIONARY_ID}.label_south_east`,
-  LABEL_SOUTH_WEST: `${CF_DICTIONARY_ID}.label_south_west`
-};
-export {
-  CF_DICCTIONARY as C,
-  getCourseFormatterComponentsDictionary as g
-};

package/components/formatters/CourseFormatter/helper.d.ts

@@ -1,4 +0,0 @@
-/**
- * Helper function to get the cardinal direction from an angle.
- */
-export declare const getCardinalDirection: (angle: number, gap?: number) => string;

package/components/formatters/CourseFormatter/helper.js

@@ -1,28 +0,0 @@
-import { useModuleDictionary } from "@m4l/core";
-import { C as CF_DICCTIONARY } from "./dictionary.js";
-import { D as DEFAULT_GAP_ANGLE } from "./constants.js";
-const getCardinalDirection = (angle, gap = DEFAULT_GAP_ANGLE) => {
-  const { getLabel } = useModuleDictionary();
-  let ret;
-  if (angle >= 0 + gap && angle < 90 - gap) {
-    ret = getLabel(CF_DICCTIONARY.LABEL_NORTH_EAST);
-  } else if (angle >= 90 - gap && angle < 90 + gap) {
-    ret = getLabel(CF_DICCTIONARY.LABEL_NORTH);
-  } else if (angle >= 90 + gap && angle < 180 - gap) {
-    ret = getLabel(CF_DICCTIONARY.LABEL_NORTH_WEST);
-  } else if (angle >= 180 - gap && angle < 180 + gap) {
-    ret = getLabel(CF_DICCTIONARY.LABEL_WEST);
-  } else if (angle >= 180 + gap && angle < 270 - gap) {
-    ret = getLabel(CF_DICCTIONARY.LABEL_SOUTH_WEST);
-  } else if (angle >= 270 - gap && angle < 270 + gap) {
-    ret = getLabel(CF_DICCTIONARY.LABEL_SOUTH);
-  } else if (angle >= 270 + gap && angle < 360 - gap) {
-    ret = getLabel(CF_DICCTIONARY.LABEL_SOUTH_EAST);
-  } else {
-    ret = getLabel(CF_DICCTIONARY.LABEL_EAST);
-  }
-  return ret;
-};
-export {
-  getCardinalDirection as g
-};

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

@@ -1,2 +0,0 @@
-export * from './CourseFormatter';
-export { getCourseFormatterComponentsDictionary } from './dictionary';

package/components/formatters/CourseFormatter/slots/CourseFormatterEnum.d.ts

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

package/components/formatters/CourseFormatter/slots/CourseFormatterEnum.js

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

package/components/formatters/CourseFormatter/slots/CourseFormatterSlots.d.ts

@@ -1,3 +0,0 @@
-export declare const CFRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../mui_extended/Typography/types').TypographyProps, keyof import('../../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').CourseFormatterOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').CourseFormatterOwnerState> & Record<string, unknown>;
-}, {}, {}>;

package/components/formatters/CourseFormatter/slots/CourseFormatterSlots.js

@@ -1,12 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { C as COMPONET_KEY_COMPONENT } from "../constants.js";
-import { c as courseFormatterStyles } from "../CourseFormatter.styles.js";
-import { C as CourseFormatterSlots } from "./CourseFormatterEnum.js";
-import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
-const CFRootStyled = styled(Typography, {
-  name: COMPONET_KEY_COMPONENT,
-  slot: CourseFormatterSlots.root
-})(courseFormatterStyles?.root);
-export {
-  CFRootStyled as C
-};

package/components/formatters/CourseFormatter/test/CourserFormatter.test.d.ts

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

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

@@ -1,24 +0,0 @@
-import { Theme } from '@mui/material/styles';
-import { COMPONET_KEY_COMPONENT } from './constants';
-import { CourseFormatterSlots } from './slots/CourseFormatterEnum';
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import { Sizes } from '@m4l/styles';
-export type CourseFormatterProps = {
-    /** "course" curso sobre tierra donde el norte es 0 grados, y el sur es 180 grados en sentido horario */
-    course: number;
-    /** "gapAngle" es el angulo que permite definir un estado Norte,Este,Oeste,etc no necesariamente por que el valor es exacto, si no por que se encuentra en un rango de valores, dado por el gap. */
-    gapAngle?: number;
-    /** Define el tamaño de la etiqueta. Puede ser 'small' o 'medium'. Por defecto es 'medium'. */
-    size?: Extract<Sizes, 'small' | 'medium'>;
-    /** Define el tamaño del skeleton. */
-    skeletonWidth?: string | number;
-    /** data-testid para pruebas unitarias. */
-    dataTestId?: string;
-};
-export type CourseFormatterSlotsType = keyof typeof CourseFormatterSlots;
-export type CourseFormatterOwnerState = {
-    variant: 'standard';
-    color?: 'default';
-    size?: Extract<Sizes, 'small' | 'medium'>;
-};
-export type CourseFormatterStyles = OverridesStyleRules<CourseFormatterSlotsType, typeof COMPONET_KEY_COMPONENT, Theme>;