@m4l/components 9.1.127 → 9.1.128

package/index.js

@@ -99,7 +99,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 C13, a as a7, H as H2, I as I5, d as d5, L as L7, M as M4, b as b3, P as P6, S as S3, c as c4, T as T3, W as W6 } from "./components/WindowBase/slots/WindowBaseSlots.js";
+import { a as a7, C as C13, b as b3, H as H2, I as I5, e as e2, L as L7, M as M4, c as c4, P as P6, S as S3, d as d5, 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 g16 } from "./components/LoadingError/dictionary.js";
@@ -199,7 +199,7 @@ import { g as g28 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
 import { g as g29, a as a15 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
-import { W as W7, c as c6, b as b4, a as a16, e as e2, d as d7, f as f2 } from "./vendor.js";
+import { W as W7, c as c6, b as b4, a as a16, e as e3, d as d7, f as f2 } from "./vendor.js";
 export {
   A5 as AREAS_DICCTIONARY,
   a4 as AREAS_DICTIONARY_ID,
@@ -239,6 +239,7 @@ export {
   C11 as ColumnSetCheckFormatter,
   C3 as ColumnUncertaintyFormatter,
   C2 as ConcatenatedFormatter,
+  a7 as ContentEditionInfoStyled,
   C13 as ContentWindowStyled,
   D6 as DICTIONARY,
   D as DataGrid,
@@ -253,7 +254,7 @@ export {
   F2 as FormProviderCustom,
   G as GridLayout,
   H5 as HamburgerMenu,
-  a7 as HeaderContentStyled,
+  b3 as HeaderContentStyled,
   H3 as HeaderWindowBase,
   H2 as HeaderWindowComponentStyled,
   H4 as HelmetPage,
@@ -263,7 +264,7 @@ export {
   I6 as IconButton,
   I2 as IconButtonAnimate,
   I5 as IconWindowStyled,
-  d5 as IconsWrapperStyled,
+  e2 as IconsWrapperStyled,
   I3 as Image,
   I7 as ImageButton,
   L2 as LABEL_FILTER_BUTTON,
@@ -298,7 +299,7 @@ export {
   P7 as PaperForm,
   P3 as PeriodFormatter,
   P as PeriodRootStyled,
-  b3 as PointIconStyled,
+  c4 as PointIconStyled,
   P6 as PointStyled,
   P2 as PointsFormatter,
   P14 as Popover,
@@ -341,7 +342,7 @@ export {
   S4 as SplitLayout,
   S9 as Stack,
   S3 as SubtitleContainerStyled,
-  c4 as SubtitleWindowStyled,
+  d5 as SubtitleWindowStyled,
   T14 as TOGGLE_BUTTON_KEY_COMPONENT,
   T18 as TOGGLE_ICON_BUTTON_KEY_COMPONENT,
   T7 as Tab,
@@ -376,7 +377,7 @@ export {
   c6 as WithFormAutoValidation,
   b4 as WithForms,
   a16 as WithPopupsProvider,
-  e2 as WithScaleIcons,
+  e3 as WithScaleIcons,
   d7 as WithWindowsContainer,
   f2 as WithWrapper,
   c3 as addLayoutItemToBreakPointIfNoExists,

package/mockServiceWorker.js

@@ -8,7 +8,7 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.7.3'
+const PACKAGE_VERSION = '2.7.0'
 const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/package.json

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

package/components/popups/components/PopupsViewer/stories/basic.stories.d.ts

@@ -1,19 +0,0 @@
-import { Meta } from '@storybook/react';
-import { PopupsViewer } from '../PopupsViewer';
-import { StoryPopusProviderType } from './types';
-declare const meta: Meta<typeof PopupsViewer>;
-export default meta;
-/**
- * PopupsViewer con los 3 diferentes tipos de cabeceras que puede tener un popup
- *   - Popup sólo con titulo
- *   - Popup con titulo y subtitulo
- *   - Popup con titulo y Edition info
- */
-export declare const Base: StoryPopusProviderType;
-/**
- * PopupsViewer en version small con los 3 diferentes tipos de cabeceras que puede tener un popup
- *   - Popup sólo con titulo
- *   - Popup con titulo y subtitulo
- *   - Popup con titulo y Edition info
- */
-export declare const VariantSmall: StoryPopusProviderType;

package/components/popups/components/PopupsViewer/stories/constants.d.ts

@@ -1,6 +0,0 @@
-import { PopupsProviderProps } from '../../PopupsProvider/contexts/PopupsContext/types';
-export declare const heightWindow = 180;
-export declare const widthWindow = 260;
-export declare const marginWindow = 10;
-export declare const baseIntialPopups: PopupsProviderProps['initialPopups'];
-export declare const variantSmallIntialPopups: PopupsProviderProps['initialPopups'];

package/components/popups/components/PopupsViewer/stories/dictionary.d.ts

@@ -1 +0,0 @@
-export declare const PopupsViewerDictionary: string[];

package/components/popups/components/PopupsViewer/stories/subcomponents/PopupContentExample.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export declare const PopupContentExample: React.FC<Record<string, any>>;

package/components/popups/components/PopupsViewer/stories/types.d.ts

@@ -1,3 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { PopupsProvider } from '../../PopupsProvider';
-export type StoryPopusProviderType = StoryObj<typeof PopupsProvider>;

package/components/popups/components/PopupsViewer/subcomponents/Popup/index.js

@@ -1,68 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { shallow } from "zustand/shallow";
-import { H as Header } from "./subcomponents/Header/index.js";
-import { u as usePopupsStore } from "../../../PopupsProvider/hooks/usePopupsStore/index.js";
-import { E as EditionInfo } from "./subcomponents/EditionInfo/index.js";
-import { P as PopupDragWindowRootStyled, a as PopupContentRootStyled, b as PopupContentWrapperStyled } from "../../slots/popupsViewerSlots.js";
-const Popup = forwardRef((props, ref) => {
-  const { popupId, containerElement, containerSize, style } = props;
-  const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const { setPopupOnFront: setPopupOnTop } = usePopupsStore((state) => state.popupsActions, shallow);
-  const {
-    status,
-    subTitle,
-    editionInfo,
-    zIndex,
-    variant = "normal",
-    draggable = true,
-    resizable = true,
-    defaultPosition,
-    bounds,
-    onMouseDown,
-    ...others
-  } = popup || {};
-  const ownerState = {
-    status,
-    variant,
-    subTitle,
-    editionInfo,
-    zIndex
-  };
-  const onMouseDownLocal = (e) => {
-    setPopupOnTop(popupId);
-    if (onMouseDown) {
-      onMouseDown(e);
-    }
-  };
-  if (!popup) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    PopupDragWindowRootStyled,
-    {
-      ownerState,
-      ref,
-      hidden: popup.status === "hidden",
-      onMouseDown: onMouseDownLocal,
-      containerElement,
-      containerSize,
-      bounds,
-      draggable,
-      resizeable: resizable,
-      defaultPosition,
-      style: { ...style, zIndex },
-      ...others,
-      children: [
-        /* @__PURE__ */ jsx(Header, { popupId: popup.popupId }),
-        /* @__PURE__ */ jsxs(PopupContentRootStyled, { ownerState, children: [
-          popup.editionInfo && /* @__PURE__ */ jsx(EditionInfo, { editionInfo: popup.editionInfo }),
-          /* @__PURE__ */ jsx(PopupContentWrapperStyled, { ownerState, children: popup.functionComponent && popup.functionComponent({ ...popup.componentProps }) })
-        ] })
-      ]
-    }
-  );
-});
-export {
-  Popup as P
-};

package/components/popups/components/PopupsViewer/subcomponents/Popup/subcomponents/EditionInfo/types.d.ts

@@ -1,2 +0,0 @@
-import { PopupStoreProps } from '../../../../../PopupsProvider/contexts/PopupsContext/types';
-export type EditionInfoProps = Pick<PopupStoreProps, 'editionInfo'>;

package/components/popups/components/PopupsViewer/subcomponents/Popup/subcomponents/Header/index.d.ts

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

package/components/popups/components/PopupsViewer/subcomponents/Popup/subcomponents/Header/index.js

@@ -1,53 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEnvironment } from "@m4l/core";
-import { shallow } from "zustand/shallow";
-import { u as usePopupsStore } from "../../../../../PopupsProvider/hooks/usePopupsStore/index.js";
-import { P as POPUPS_ICONS } from "../../../../icons.js";
-import { d as PopupHeaderContainerStyled, e as PopupHeaderTitleStyled, f as PopupHeaderSubTitleStyled } from "../../../../slots/popupsViewerSlots.js";
-import { d as dragResizeWindowClasses } from "../../../../../../../DragResizeWindow/classes/index.js";
-import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton.js";
-import { I as Icon } from "../../../../../../../Icon/Icon.js";
-const Header = (props) => {
-  const { popupId } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const { status, subTitle, zIndex, variant } = popup || {};
-  const ownerState = {
-    status,
-    variant,
-    subTitle,
-    zIndex
-  };
-  const { closePopup } = usePopupsStore((state) => state.popupsActions, shallow);
-  const { iconUrl } = popup || {};
-  const onClose = () => {
-    closePopup(popupId);
-  };
-  if (!popup) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    PopupHeaderContainerStyled,
-    {
-      ownerState,
-      className: dragResizeWindowClasses.draggableHandle,
-      children: [
-        /* @__PURE__ */ jsx(Icon, { src: iconUrl, size: "small" }),
-        /* @__PURE__ */ jsx(PopupHeaderTitleStyled, { ownerState: { ...popup }, children: popup.title }),
-        popup.subTitle && /* @__PURE__ */ jsx(PopupHeaderSubTitleStyled, { ownerState, children: popup.subTitle }),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            className: dragResizeWindowClasses.draggableCancel,
-            onClick: onClose,
-            "aria-label": "click",
-            src: `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/${POPUPS_ICONS.CLOSE}`
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  Header as H
-};

package/components/popups/components/PopupsViewer/subcomponents/Popup/subcomponents/Header/types.d.ts

@@ -1,2 +0,0 @@
-import { PopupProps } from '../../types';
-export type HeaderPopupProps = Pick<PopupProps, 'popupId'>;