@m4l/components 9.1.37 → 9.1.39

package/components/mui_extended/MenuActions/MenuActions.js

@@ -1,133 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React, { forwardRef, useState, useMemo, createElement } from "react";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { useTheme } from "@mui/material/styles";
-import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_, b as MENU_ACTIONS_EMPTY } from "./constants.js";
-import { g as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary.js";
-import { R as RootStyled, I as IconButtonStyled, P as PopoverStyled, M as MenuListStyled, a as MenuItemStyled } from "./slots/MenuActionsSlots.js";
-const MenuActions = forwardRef(
-  (props, ref) => {
-    const {
-      menuActions,
-      endListElement,
-      menuActionSx,
-      iconButtonClassName = "",
-      objItem = {},
-      urlIcon,
-      toolTip = "",
-      marginTop,
-      marginBottom,
-      marginLeft,
-      marginRight,
-      width = 200,
-      badgeContent,
-      arrowType = "right-top",
-      externalOpen = null,
-      externalClose,
-      sizes = "medium",
-      disabled = false,
-      ...other
-    } = props;
-    const { currentSize } = useComponentSize(sizes);
-    const OwnerState = {
-      iconSize: currentSize
-    };
-    const { host_static_assets, environment_assets } = useEnvironment();
-    const { getLabel } = useModuleDictionary();
-    const [anchorEl, setAnchorEl] = useState(null);
-    const handleOpenClose = () => {
-      setAnchorEl(null);
-    };
-    const theme = useTheme();
-    const urlFinalIcon = useMemo(() => {
-      if (urlIcon) {
-        return urlIcon;
-      }
-      return `${host_static_assets}/${environment_assets}/${ICON_PATH}/${ICONS.MENU}`;
-    }, [urlIcon, host_static_assets, environment_assets]);
-    const handleClick = (e, menuAction) => {
-      e.stopPropagation();
-      setAnchorEl(null);
-      menuAction.onClick && menuAction.onClick(e);
-    };
-    const handleButtonClick = (e) => {
-      e.stopPropagation();
-      setAnchorEl(e.currentTarget);
-    };
-    const finalActions = useMemo(() => {
-      let ret;
-      if (typeof menuActions !== "function") {
-        ret = menuActions;
-      } else {
-        ret = menuActions(objItem);
-      }
-      return ret;
-    }, [menuActions, objItem]);
-    return /* @__PURE__ */ jsxs(RootStyled, { ref, ownerState: { OwnerState }, children: [
-      /* @__PURE__ */ jsx(
-        IconButtonStyled,
-        {
-          ownerState: { OwnerState },
-          size: sizes,
-          src: urlFinalIcon,
-          onClick: handleButtonClick,
-          tooltip: toolTip,
-          className: iconButtonClassName,
-          selected: Boolean(externalOpen ?? anchorEl),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        PopoverStyled,
-        {
-          ownerState: { OwnerState },
-          id: "Popover",
-          open: Boolean(externalOpen ?? anchorEl),
-          anchorEl: externalOpen ?? anchorEl,
-          onClose: () => handleOpenClose(),
-          arrowType,
-          sx: {
-            marginTop,
-            marginBottom,
-            marginLeft,
-            marginRight,
-            width,
-            ...theme.components?.M4LMenuActions?.styleOverrides || {},
-            ...menuActionSx
-          },
-          ...other,
-          children: [
-            finalActions.length > 0 ? /* @__PURE__ */ jsx(MenuListStyled, { ownerState: { OwnerState }, children: finalActions.map((menuAction, index) => /* @__PURE__ */ createElement(
-              MenuItemStyled,
-              {
-                ownerState: { OwnerState },
-                size: sizes,
-                ...menuAction,
-                onClick: (e) => {
-                  handleClick(e, menuAction);
-                },
-                key: `${MENU_ACTIONS_}${index}`
-              }
-            )) }) : /* @__PURE__ */ jsx(
-              MenuItemStyled,
-              {
-                ownerState: { OwnerState },
-                size: sizes,
-                disabled: true,
-                label: getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label))
-              },
-              MENU_ACTIONS_EMPTY
-            ),
-            endListElement ? endListElement : null
-          ]
-        }
-      )
-    ] });
-  }
-);
-const MemonizedMenuActions = React.memo(MenuActions);
-export {
-  MenuActions as M,
-  MemonizedMenuActions as a
-};

package/components/mui_extended/MenuActions/slots/MenuActionsSlots.d.ts

@@ -1,47 +0,0 @@
-/**
- * Componente raíz estilizado para `MenuActions`, basado en el componente `Popover`.
- *
- * Utiliza el sistema de estilos de Material-UI para aplicar estilos personalizados al contenedor principal (`Popover`)
- * de `MenuActions`. Si no se proporcionan estilos, se utiliza un objeto vacío como valor predeterminado.
- */
-export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-/**
- * Componente estilizado para `MenuActions`, basado en el componente `Popover`.
- *
- * Utiliza el sistema de estilos de Material-UI para aplicar estilos personalizados al contenedor principal (`Popover`)
- * de `MenuActions`. Si no se proporcionan estilos, se utiliza un objeto vacío como valor predeterminado.
- */
-export declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Popover/types').PopoverProps, keyof import('../../Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
-}, {}, {}>;
-/**
- * Componente estilizado para el botón de icono dentro de `MenuActions`, basado en el componente `IconButton`.
- *
- * Utiliza el sistema de estilos de Material-UI para aplicar estilos personalizados al botón de icono.
- * Si no se proporcionan estilos, se utiliza un objeto vacío como valor predeterminado.
- */
-export declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "className" | "classes" | "onChange" | "sx" | "translate" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "placement" | "tooltipContent" | "src" | "rotationAngle" | "instaceDataTestId" | "componentPaletteColor" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
-}, {}, {}>;
-/**
- *  Componente estilizado para el ítem del menú dentro de `MenuList`.
- *
- * Utiliza el sistema de estilos de Material-UI para aplicar estilos personalizados al ítem del menú.
- * Si no se proporcionan estilos, se utiliza un objeto vacío como valor predeterminado.
- */
-export declare const MenuListStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').MenuListOwnProps & import('@mui/material').ListOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-    ref?: ((instance: HTMLUListElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLUListElement> | null | undefined;
-}, "children" | "dense" | "variant" | keyof import('@mui/material/OverridableComponent').CommonProps | "sx" | "autoFocus" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader">, "children" | "ref" | "title" | "id" | "hidden" | "color" | "content" | "style" | "dense" | "variant" | "className" | "classes" | "onChange" | "sx" | "translate" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
-}, {}, {}>;
-/**
- *  Componente estilizado para el ítem del menú dentro de `MenuActions`, basado en el componente `MenuItem`.
- *
- * Utiliza el sistema de estilos de Material-UI para aplicar estilos personalizados al ítem del menú.
- * Si no se proporcionan estilos, se utiliza un objeto vacío como valor predeterminado.
- */
-export declare const MenuItemStyled: import('@emotion/styled').StyledComponent<Pick<import('../../MenuItem').MenuItemProps, keyof import('../../MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
-}, {}, {}>;

package/components/mui_extended/MenuActions/slots/MenuActionsSlots.js

@@ -1,35 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { c as MENU_ACTIONS_KEY_COMPONENT } from "../constants.js";
-import { m as menuActionsStyles } from "../MenuActions.styles.js";
-import { M as MenuActionsSlots } from "./MenuActionsEnum.js";
-import { MenuList } from "@mui/material";
-import { P as Popover } from "../../Popover/Popover.js";
-import { I as IconButton } from "../../IconButton/IconButton.js";
-import { M as MenuItem } from "../../MenuItem/MenuItem.js";
-const RootStyled = styled("div", {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.root
-})(menuActionsStyles?.root);
-const PopoverStyled = styled(Popover, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.popover
-})(menuActionsStyles?.popover);
-const IconButtonStyled = styled(IconButton, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.iconButton
-})(menuActionsStyles?.iconButton);
-const MenuListStyled = styled(MenuList, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.menuList
-})(menuActionsStyles?.menuList);
-const MenuItemStyled = styled(MenuItem, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.menuItem
-})(menuActionsStyles?.menuItem);
-export {
-  IconButtonStyled as I,
-  MenuListStyled as M,
-  PopoverStyled as P,
-  RootStyled as R,
-  MenuItemStyled as a
-};

package/components/mui_extended/Popover/classes/index.d.ts

@@ -1,11 +0,0 @@
-import { PopoverClassesType } from './types';
-import { OwnerState } from '../types';
-export declare const popoverClasses: PopoverClassesType;
-export declare function getPopoverClassesUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const useUtilityClasses: (ownerState: OwnerState) => {
-    root: string;
-    arrowStyle: string;
-};

package/components/mui_extended/Popover/classes/index.js

@@ -1,51 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-generateUtilityClasses("M4LPopover", [
-  /* elements */
-  "root",
-  "arrowStyle",
-  /* states or variants of elements */
-  "noArrow",
-  "topLeft",
-  "topCenter",
-  "topRight",
-  "bottomLeft",
-  "bottomCenter",
-  "bottomRight",
-  "leftTop",
-  "leftCenter",
-  "leftBottom",
-  "rightTop",
-  "rightCenter",
-  "rightBottom"
-]);
-function getPopoverClassesUtilityClass(slot) {
-  return generateUtilityClass("M4LPopover", slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root"],
-    arrowStyle: [
-      "arrowStyle",
-      ownerState.arrowType === "top-left" && "topLeft",
-      ownerState.arrowType === "top-center" && "topCenter",
-      ownerState.arrowType === "top-right" && "topRight",
-      ownerState.arrowType === "bottom-left" && "bottomLeft",
-      ownerState.arrowType === "bottom-center" && "bottomCenter",
-      ownerState.arrowType === "bottom-right" && "bottomRight",
-      ownerState.arrowType === "left-top" && "leftTop",
-      ownerState.arrowType === "left-center" && "leftCenter",
-      ownerState.arrowType === "left-bottom" && "leftBottom",
-      ownerState.arrowType === "right-top" && "rightTop",
-      ownerState.arrowType === "right-center" && "rightCenter",
-      ownerState.arrowType === "right-bottom" && "rightBottom"
-    ]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPopoverClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};

package/components/mui_extended/Popover/classes/types.d.ts

@@ -1,17 +0,0 @@
-export interface PopoverClassesType {
-    root: string;
-    arrowStyle: string;
-    topLeft: string;
-    topCenter: string;
-    topRight: string;
-    bottomLeft: string;
-    bottomCenter: string;
-    bottomRight: string;
-    leftTop: string;
-    leftCenter: string;
-    leftBottom: string;
-    rightTop: string;
-    rightCenter: string;
-    rightBottom: string;
-}
-export type PopoverClassesKey = keyof PopoverClassesType;

package/components/mui_extended/Popover/styles.d.ts

@@ -1 +0,0 @@
-export declare const PopoverRoot: import('@emotion/styled').StyledComponent<import('@mui/material').PopoverProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/components/mui_extended/Popover/styles.js

@@ -1,8 +0,0 @@
-import { Popover } from "@mui/material";
-import { styled } from "@mui/material/styles";
-const PopoverRoot = styled(Popover)(({ theme }) => ({
-  ...theme.components?.M4LPopover?.styleOverrides || {}
-}));
-export {
-  PopoverRoot as P
-};

package/components/mui_extended/Popover/subcomponts/ArrowIcon/index.d.ts

@@ -1,2 +0,0 @@
-import { ArrowStyleProps } from '../../types';
-export declare const ArrowStyle: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & ArrowStyleProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/mui_extended/Popover/subcomponts/ArrowIcon/index.js

@@ -1,61 +0,0 @@
-import { styled } from "@mui/material/styles";
-const ArrowStyle = styled("span")(({ arrowType, theme }) => {
-  const SIZE = 12;
-  const POSITION = -(SIZE / 2);
-  const borderStyle = `solid 1px ${theme.vars.palette.border.disabled}`;
-  const topStyle = {
-    borderRadius: "0 0 3px 0",
-    top: POSITION,
-    borderBottom: borderStyle,
-    borderRight: borderStyle
-  };
-  const bottomStyle = {
-    borderRadius: "3px 0 0 0",
-    bottom: POSITION,
-    borderTop: borderStyle,
-    borderLeft: borderStyle
-  };
-  const leftStyle = {
-    borderRadius: "0 3px 0 0",
-    left: POSITION,
-    borderTop: borderStyle,
-    borderRight: borderStyle
-  };
-  const rightStyle = {
-    borderRadius: "0 0 0 3px",
-    right: POSITION,
-    borderBottom: borderStyle,
-    borderLeft: borderStyle
-  };
-  return {
-    display: "none",
-    [theme.breakpoints.up("sm")]: {
-      width: SIZE,
-      height: SIZE,
-      content: "''",
-      position: "absolute",
-      display: "block",
-      transform: "rotate(-135deg)",
-      background: theme.vars.palette.background.default
-    },
-    // Top
-    ...arrowType === "top-left" && { ...topStyle, left: 20 },
-    ...arrowType === "top-center" && { ...topStyle, left: 0, right: 0, margin: "auto" },
-    ...arrowType === "top-right" && { ...topStyle, right: 20 },
-    // Bottom
-    ...arrowType === "bottom-left" && { ...bottomStyle, left: 20 },
-    ...arrowType === "bottom-center" && { ...bottomStyle, left: 0, right: 0, margin: "auto" },
-    ...arrowType === "bottom-right" && { ...bottomStyle, right: 20 },
-    // Left
-    ...arrowType === "left-top" && { ...leftStyle, top: 20 },
-    ...arrowType === "left-center" && { ...leftStyle, top: 0, bottom: 0, margin: "auto" },
-    ...arrowType === "left-bottom" && { ...leftStyle, bottom: 20 },
-    // Right
-    ...arrowType === "right-top" && { ...rightStyle, top: 20 },
-    ...arrowType === "right-center" && { ...rightStyle, top: 0, bottom: 0, margin: "auto" },
-    ...arrowType === "right-bottom" && { ...rightStyle, bottom: 20 }
-  };
-});
-export {
-  ArrowStyle as A
-};