@m4l/components 0.2.35 → 0.2.36

package/components/popups/PopupsViewer/index.1500ce72.js

@@ -1,186 +0,0 @@
-import { TransitionGroup, CSSTransition } from "react-transition-group";
-import { shallow } from "zustand/shallow";
-import { useState, useRef } from "react";
-import clsx from "clsx";
-import { useEnvironment } from "@m4l/core";
-import { u as usePopupsStore } from "../PopupsProvider/index.d7409f48.js";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.13ef022e.js";
-import { I as Icon } from "../../Icon/index.ad330e78.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.f8a3021b.js";
-import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index.62b4e0c4.js";
-import { styled } from "@mui/material/styles";
-const COMPONENT_CLASS_NAME = "M4LPopupsViewer";
-const MAP_ZINDEX_OVER_MAP = 1100;
-const popupsClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
-  "containerRoot",
-  "popupRoot",
-  "popupHeaderContainer",
-  "popupHeaderTitle",
-  "popupHeaderSubTitle",
-  "popupContent",
-  "popupHidden",
-  "popupWithSubTitle"
-]);
-function getPopupsUtilityClass(slot) {
-  return generateUtilityClass(COMPONENT_CLASS_NAME, slot);
-}
-const popupsUtilityClasses = (_ownerState) => {
-  const slots = {
-    containerRoot: ["containerRoot"],
-    popupsContainer: ["popupsContainer"],
-    popupRoot: ["popupRoot"],
-    popupHeaderContainer: ["popupHeaderContainer"],
-    popupHeaderTitle: ["popupHeaderTitle"],
-    popupHeaderSubTitle: ["popupHeaderSubTitle"],
-    popupContent: ["popupContent"],
-    popupHidden: ["popupHidden"],
-    popupWithSubTitle: ["popupWithSubTitle"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPopupsUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const POPUPS_ICONS = {
-  CLOSE: "close.svg"
-};
-const Header = (props) => {
-  const {
-    popupId
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  usePopupsStore((state) => state.popupsActions, shallow);
-  const {
-    iconUrl
-  } = popup || {};
-  const [inProp, setInProp] = useState(false);
-  const onClose = () => {
-    setInProp((l) => !l);
-  };
-  console.log("Render", inProp);
-  if (!popup) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    className: clsx(popupsClasses.popupHeaderContainer, draggableWindowClasses.draggableHandle),
-    children: [/* @__PURE__ */ jsx(Icon, {
-      src: iconUrl,
-      size: "small"
-    }), /* @__PURE__ */ jsx("span", {
-      className: clsx(popupsClasses.popupHeaderTitle, popup.subTitle ? popupsClasses.popupWithSubTitle : null),
-      children: popup.title
-    }), popup.subTitle && /* @__PURE__ */ jsx("span", {
-      className: popupsClasses.popupHeaderSubTitle,
-      children: popup.subTitle
-    }), /* @__PURE__ */ jsx(IconButton, {
-      className: draggableWindowClasses.draggableCancel,
-      onClick: onClose,
-      "aria-label": "click",
-      src: `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/${POPUPS_ICONS.CLOSE}`
-    })]
-  });
-};
-const Popup = (props) => {
-  const {
-    popupId,
-    containerElement,
-    containerSize
-  } = props;
-  const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const {
-    draggable = true,
-    resizable = true,
-    defaultPosition,
-    bounds,
-    ...others
-  } = popup || {};
-  const nodeRef = useRef(null);
-  if (!popup) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(DragResizeWindow, {
-    ref: nodeRef,
-    className: clsx(popupsClasses.popupRoot, popup.status === "hidden" && popupsClasses.popupHidden),
-    onMouseDown: popup?.onMouseDown,
-    containerElement,
-    containerSize,
-    bounds,
-    draggable,
-    resizeable: resizable,
-    defaultPosition,
-    ...others,
-    children: [/* @__PURE__ */ jsx(Header, {
-      popupId: popup.popupId
-    }), /* @__PURE__ */ jsx("div", {
-      className: popupsClasses.popupContent,
-      children: popup.functionComponent && popup.functionComponent({
-        ...popup.componentProps
-      })
-    })]
-  });
-};
-const PopupsViewerRoot = styled("div")`
-   
-
-    ${(props) => props.theme.components?.M4LPopupsViewer?.styleOverrides}
-
-`;
-const PopupsViewer = (props) => {
-  const {
-    containerElement
-  } = props;
-  const popupsIds = usePopupsStore((state) => state.popupsIds.filter((pId) => state.hashPopups[pId].status !== "closing"), shallow);
-  const {
-    removePopup
-  } = usePopupsStore((state) => state.popupsActions, shallow);
-  const containerSize = useSizeContainer(containerElement);
-  if (!containerElement) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(PopupsViewerRoot, {
-    className: popupsClasses.containerRoot,
-    children: /* @__PURE__ */ jsx(TransitionGroup, {
-      children: popupsIds.map((id) => {
-        return /* @__PURE__ */ jsx(
-          CSSTransition,
-          {
-            in: true,
-            timeout: {
-              appear: 500,
-              enter: 300,
-              exit: 1300
-            },
-            unmountOnExit: true,
-            onEnter: () => console.log("onEnter"),
-            onExit: () => {
-              console.log("onExit");
-            },
-            onExited: () => {
-              console.log("onExited");
-              removePopup(id);
-            },
-            classNames: "popup-fade",
-            children: /* @__PURE__ */ jsx(Popup, {
-              popupId: id,
-              containerElement,
-              containerSize
-            }, id)
-          },
-          id
-        );
-      })
-    })
-  });
-};
-export {
-  MAP_ZINDEX_OVER_MAP as M,
-  PopupsViewer as P,
-  popupsUtilityClasses as p
-};

package/test/getNameDataTestId.14875ec7.js

@@ -1,6 +0,0 @@
-const getNameDataTestId = (ELEMENT_PREFIX, ELEMENT_KEY, ELEMENT_ID) => {
-  return `${ELEMENT_PREFIX}-${[ELEMENT_KEY]}-${ELEMENT_ID}`;
-};
-export {
-  getNameDataTestId as g
-};