@m4l/components 9.1.3 → 9.1.5

package/components/DragResizeWindow/stories/basic.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta } from '@storybook/react';
-import { DragResizeWindow } from '../DragResizeWindow';
-import { StoryDragResizeWindowType } from './types';
-declare const meta: Meta<typeof DragResizeWindow>;
-export default meta;
-/**
- * DragResizeWindow con los resize nodes por defecto
- */
-export declare const Base: StoryDragResizeWindowType;
-/**
- * DragResizeWindow oculto
- */
-export declare const Hidden: StoryDragResizeWindowType;

package/components/DragResizeWindow/stories/subcomponents/ContentExample.d.ts

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

package/components/extended/react-resizable/Resizable/Resizable.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { R as RootStyled } from "./slots/ResizableSlots.js";
-const Resizable = (props) => {
-  return /* @__PURE__ */ jsx(RootStyled, { ...props });
-};
-export {
-  Resizable as R
-};

package/components/extended/react-resizable/Resizable/constants.js

@@ -1,4 +0,0 @@
-const COMPONET_KEY_COMPONENT = "M4LResizable";
-export {
-  COMPONET_KEY_COMPONENT as C
-};

package/components/extended/react-resizable/Resizable/stories/basic.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta } from '@storybook/react';
-import { Resizable } from '../Resizable';
-import { StoryResizableType } from './types';
-declare const meta: Meta<typeof Resizable>;
-export default meta;
-/**
- * Resizable
- */
-export declare const Base: StoryResizableType;

package/components/extended/react-resizable/ResizableBox/ResizableBox.js

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { R as RootStyled } from "./slots/ResizableBoxSlots.js";
-function ResizableBox(props) {
-  const {
-    children,
-    width = 600,
-    height = 400,
-    maxHeigth,
-    onResize,
-    maxWidth,
-    resizeHandles = ["se", "nw"],
-    ...other
-  } = props;
-  return /* @__PURE__ */ jsx(
-    RootStyled,
-    {
-      width,
-      height,
-      onResize,
-      maxConstraints: maxHeigth && maxWidth ? [maxWidth, maxHeigth] : void 0,
-      resizeHandles,
-      ...other,
-      children
-    }
-  );
-}
-export {
-  ResizableBox as R
-};

package/components/extended/react-resizable/ResizableBox/ResizeableBox.styles.js

@@ -1,13 +0,0 @@
-import { g as getReactResizableStyles } from "../helpers.js";
-const resizableBoxStyles = {
-  /**
-   * TODO: Documentar
-   */
-  root: ({ theme }) => ({
-    ...getReactResizableStyles(theme),
-    position: "absolute"
-  })
-};
-export {
-  resizableBoxStyles as r
-};

package/components/extended/react-resizable/ResizableBox/stories/basic.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ResizableBox } from '../ResizableBox';
-import { StoryResizableBoxType } from './types';
-declare const meta: Meta<typeof ResizableBox>;
-export default meta;
-/**
- * ResizableBox
- */
-export declare const Base: StoryResizableBoxType;

package/components/extended/react-resizable/ResizableBox/types.d.ts

@@ -1,15 +0,0 @@
-import { ResizableBoxProps, ResizeCallbackData } from 'react-resizable';
-import { ResizableBoxSlots } from './slots/slots';
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import { Theme } from '@mui/material/styles';
-import { COMPONET_KEY_COMPONENT } from './constants';
-type InternalResizeableProps = {
-    maxWidth?: number;
-    maxHeigth?: number;
-    onResize?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
-};
-export type ResizeableProps = InternalResizeableProps & Partial<ResizableBoxProps>;
-export type ResizableBoxSlotsType = keyof typeof ResizableBoxSlots;
-export type ResizableOwnerState = {};
-export type ResizableBoxStyles = Partial<OverridesStyleRules<ResizableBoxSlotsType, typeof COMPONET_KEY_COMPONENT, Theme> | undefined> | undefined;
-export {};

package/components/extended/react-resizable/helpers.d.ts

@@ -1,80 +0,0 @@
-import { Theme } from '@mui/material';
-/**
- * TODO: Documentar
- */
-export declare const getReactResizableStyles: (theme: Theme) => {
-    position: string;
-    backgroundColor: string;
-    cursor: string;
-    prop2: number;
-    '&.react-resizable': {
-        position: string;
-    };
-    '& .react-resizable-handle': {
-        position: string;
-        width: string;
-        height: string;
-        boxSizing: string;
-        border: string;
-        padding: string;
-        margin: string;
-        borderBottomRightRadius: string;
-    };
-    '& .react-resizable-handle.react-resizable-hide': {
-        display: string;
-    };
-    '& .react-resizable-handle-sw, .react-resizable-handle-se, .react-resizable-handle-nw, .react-resizable-handle-ne': {
-        borderRight: string;
-        borderBottom: string;
-    };
-    '& .react-resizable-handle-sw': {
-        bottom: string;
-        left: string;
-        cursor: string;
-        transform: string;
-        position: string;
-    };
-    '& .react-resizable-handle-se': {
-        bottom: string;
-        right: string;
-        cursor: string;
-    };
-    '& .react-resizable-handle-nw': {
-        top: string;
-        left: string;
-        cursor: string;
-        transform: string;
-    };
-    '& .react-resizable-handle-ne': {
-        top: string;
-        right: string;
-        cursor: string;
-        transform: string;
-    };
-    '& .react-resizable-handle-w, .react-resizable-handle-e': {
-        top: string;
-        marginTop: string;
-        cursor: string;
-    };
-    '& .react-resizable-handle-w': {
-        left: string;
-        borderLeft: string;
-    };
-    '& .react-resizable-handle-e': {
-        right: string;
-        borderRight: string;
-    };
-    '& .react-resizable-handle-n,.react-resizable-handle-s': {
-        left: string;
-        marginLeft: string;
-        cursor: string;
-    };
-    '& .react-resizable-handle-n': {
-        top: string;
-        borderTop: string;
-    };
-    '& .react-resizable-handle-s': {
-        bottom: string;
-        borderBottom: string;
-    };
-};

package/components/extended/react-resizable/helpers.js

@@ -1,91 +0,0 @@
-const borderWith = 2;
-const getReactResizableStyles = (theme) => ({
-  position: "absolute",
-  // left: '0px',
-  // top: '0px',
-  // width: '0px',
-  // height: '0px',
-  backgroundColor: "red",
-  cursor: "default",
-  prop2: 12222,
-  "&.react-resizable": {
-    position: "relative"
-  },
-  "& .react-resizable-handle": {
-    position: "absolute",
-    width: "8px",
-    height: "8px",
-    boxSizing: "border-box",
-    border: "red",
-    padding: "0 3px 3px 0",
-    margin: "0px",
-    //Nueva con respecto al css
-    borderBottomRightRadius: "15%"
-  },
-  // Si no tiene habilitado el resize, se ocultan los handlers
-  "& .react-resizable-handle.react-resizable-hide": {
-    display: "none"
-  },
-  "& .react-resizable-handle-sw, .react-resizable-handle-se, .react-resizable-handle-nw, .react-resizable-handle-ne": {
-    borderRight: `${borderWith}px solid ${theme.vars.palette.text.disabled}`,
-    borderBottom: `2px solid ${theme.vars.palette.text.disabled}`
-  },
-  "& .react-resizable-handle-sw": {
-    bottom: "0",
-    left: "0",
-    cursor: "sw-resize",
-    transform: "rotate(90deg)",
-    position: "absolute"
-    //Nueva con respecto al css
-  },
-  "& .react-resizable-handle-se": {
-    bottom: "0",
-    right: "0",
-    cursor: "se-resize"
-  },
-  "& .react-resizable-handle-nw": {
-    top: "0",
-    left: "0",
-    cursor: "nw-resize",
-    transform: "rotate(180deg)"
-  },
-  "& .react-resizable-handle-ne": {
-    top: "0",
-    right: "0",
-    cursor: "ne-resize",
-    transform: "rotate(270deg)"
-  },
-  "& .react-resizable-handle-w, .react-resizable-handle-e": {
-    top: "50%",
-    marginTop: "-10px",
-    cursor: "ew-resize"
-  },
-  "& .react-resizable-handle-w": {
-    left: "0",
-    borderLeft: `${borderWith}px solid ${theme.vars.palette.text.disabled}`
-    // transform: 'rotate(135deg)',
-  },
-  "& .react-resizable-handle-e": {
-    right: "0",
-    borderRight: `${borderWith}px solid ${theme.vars.palette.text.disabled}`
-    // transform: 'rotate(315deg) ',
-  },
-  "& .react-resizable-handle-n,.react-resizable-handle-s": {
-    left: "50%",
-    marginLeft: "-10px",
-    cursor: "ns-resize"
-  },
-  "& .react-resizable-handle-n": {
-    top: "0",
-    // transform: 'rotate(225deg)',
-    borderTop: `${borderWith}px solid ${theme.vars.palette.text.disabled}`
-  },
-  "& .react-resizable-handle-s": {
-    bottom: "0",
-    // transform: 'rotate(45deg)',
-    borderBottom: `${borderWith}px solid ${theme.vars.palette.text.disabled}`
-  }
-});
-export {
-  getReactResizableStyles as g
-};