@m4l/components 9.1.79 → 9.1.81

package/components/SplitLayout/classes/types.d.ts

@@ -1,10 +0,0 @@
-import { useSplitLayoutUtilityClasses } from './index';
-export interface SplitLayoutClassesType {
-    root: string;
-    firstPart: string;
-    secondPart: string;
-    stateVertical: string;
-    stateHorizontal: string;
-}
-export type SplitLayoutClassesKey = keyof SplitLayoutClassesType;
-export type Classes = ReturnType<typeof useSplitLayoutUtilityClasses>;

package/components/SplitLayout/index.d.ts

@@ -1,2 +0,0 @@
-export { SplitLayout } from './SplitLayout';
-export type { SplitLayoutProps } from './types';

package/components/SplitLayout/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const SplitLayoutRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SplitMaster: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SplitDetail: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/SplitLayout/styles.js

@@ -1,29 +0,0 @@
-import { styled } from "@mui/material";
-const SplitLayoutRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LSplitLayout?.styleOverrides || {}
-}));
-const SplitMaster = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  position: "relative",
-  width: "100%",
-  height: "100%",
-  overflow: "hidden"
-}));
-const SplitDetail = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  overflow: "hidden",
-  position: "absolute",
-  left: "0px",
-  right: "0px",
-  top: "0px",
-  bottom: "0px"
-}));
-export {
-  SplitLayoutRoot as S,
-  SplitMaster as a,
-  SplitDetail as b
-};

package/components/SplitLayout/tests/constants.d.ts

@@ -1 +0,0 @@
-export declare const SPLITLAYOUT_PREFIX = "M4LSplitLayout";

package/components/SplitLayout/tests/constants.js

@@ -1,4 +0,0 @@
-const SPLITLAYOUT_PREFIX = "M4LSplitLayout";
-export {
-  SPLITLAYOUT_PREFIX as S
-};

package/components/SplitLayout/tests/utils.d.ts

@@ -1,2 +0,0 @@
-import { SplitLayoutClassesKey } from '../classes/types';
-export declare const getNameSplitLayoutDataTestId: (KEY: SplitLayoutClassesKey) => string;

package/components/SplitLayout/tests/utils.js

@@ -1,7 +0,0 @@
-import { S as SPLITLAYOUT_PREFIX } from "./constants.js";
-const getNameSplitLayoutDataTestId = (KEY) => {
-  return `${SPLITLAYOUT_PREFIX}-${KEY}`;
-};
-export {
-  getNameSplitLayoutDataTestId as g
-};

package/components/mui_extended/Pager/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LPager";

package/components/mui_extended/Pager/classes/constants.js

@@ -1,4 +0,0 @@
-const componentName = "M4LPager";
-export {
-  componentName as c
-};

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

@@ -1,25 +0,0 @@
-import { PagerClassesType } from './types';
-export declare const pagerClasses: PagerClassesType;
-export declare function getPagerUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const pagerUtilityClasses: () => {
-    select: string;
-    root: string;
-    labelRowsPerPageContainer: string;
-    labelRowsPager: string;
-    selectMenuPopover: string;
-    selectMenuItem: string;
-    labelDisplayRows: string;
-    pagerActions: string;
-    customTablePaginationRoot: string;
-    actionIconFirstPage: string;
-    actionIconPrevious: string;
-    actionIconNextPage: string;
-    actionIconLastPage: string;
-    skeletonRoot: string;
-    skeletonRowsPerPage: string;
-    skeletonButtonContainer: string;
-    skeletonIconButton: string;
-};

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

@@ -1,55 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "labelRowsPerPageContainer",
-  "labelRowsPager",
-  "select",
-  "selectMenuItem",
-  "selectMenuPopover",
-  "labelDisplayRows",
-  "pagerActions",
-  "customTablePaginationRoot",
-  "skeletonRoot",
-  "skeletonRowsPerPage",
-  "skeletonButtonContainer",
-  "skeletonIconButton",
-  "actionIconFirstPage",
-  "actionIconPrevious",
-  "actionIconNextPage",
-  "actionIconLastPage"
-  /* states or variants of elements */
-]);
-function getPagerUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const pagerUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    labelRowsPerPageContainer: ["labelRowsPerPageContainer"],
-    labelRowsPager: ["labelRowsBager"],
-    select: ["select"],
-    selectMenuPopover: ["selectMenuPopover"],
-    selectMenuItem: ["selectMenuItem"],
-    labelDisplayRows: ["labelDisplayRows"],
-    pagerActions: ["pagerActions"],
-    customTablePaginationRoot: ["customTablePaginationRoot"],
-    skeletonRoot: ["skeletonRoot"],
-    skeletonRowsPerPage: ["skeletonRowsPerPage"],
-    skeletonButtonContainer: ["skeletonButtonContainer"],
-    skeletonIconButton: ["skeletonIconButton"],
-    actionIconFirstPage: ["actionIconFirstPage"],
-    actionIconPrevious: ["actionIconPrevious"],
-    actionIconNextPage: ["actionIconNextPage"],
-    actionIconLastPage: ["actionIconLastPage"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPagerUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  pagerUtilityClasses as p
-};

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

@@ -1,18 +0,0 @@
-import { pagerUtilityClasses } from '.';
-export interface PagerClassesType {
-    root: string;
-    labelRowsPerPageContainer: string;
-    labelRowsPager: string;
-    select: string;
-    selectMenuPopover: string;
-    selectMenuItem: string;
-    labelDisplayRows: string;
-    pagerActions: string;
-    customTablePaginationRoot: string;
-    actionIconFirstPage: string;
-    actionIconPrevious: string;
-    actionIconNextPage: string;
-    actionIconLastPage: string;
-}
-export type PagerClassesKey = keyof PagerClassesType;
-export type Classes = ReturnType<typeof pagerUtilityClasses>;

package/components/mui_extended/Pager/dicctionary.d.ts

@@ -1,3 +0,0 @@
-import { Dictionary } from '@m4l/core';
-export declare function getPagerComponentsDictionary(): string[];
-export declare const defaultPagerDictionary: Dictionary;

package/components/mui_extended/Pager/dicctionary.js

@@ -1,6 +0,0 @@
-function getPagerComponentsDictionary() {
-  return ["pager"];
-}
-export {
-  getPagerComponentsDictionary as g
-};

package/components/mui_extended/Pager/index.d.ts

@@ -1,6 +0,0 @@
-import { PagerProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function Pager(props: PagerProps): import("react/jsx-runtime").JSX.Element;
-export default Pager;

package/components/mui_extended/Pager/index.js

@@ -1,49 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { P as PagerRoot } from "./styles.js";
-import { p as pagerUtilityClasses } from "./classes/index.js";
-import { C as CustomTablePagination } from "./subcomponents/CustomTablePagination/index.js";
-function Pager(props) {
-  const {
-    totalRecords,
-    rowsPerPageOptions = [5, 10, 2],
-    rowsPerPage = 25,
-    page,
-    onPageChange,
-    onRowsPerPageChange,
-    labelRows = "Rows per page",
-    labelOf = "Of",
-    isXs
-  } = props;
-  const currentPage = useMemo(() => {
-    if (rowsPerPage * page > totalRecords) {
-      return Math.floor(totalRecords / rowsPerPage);
-    }
-    return page;
-  }, [page, rowsPerPage, totalRecords]);
-  const handleChangeRowsPerPage = (event) => {
-    onRowsPerPageChange(parseInt(event.target.value, 10));
-    onPageChange(0);
-  };
-  const handleChangePage = (_event, newPage) => {
-    onPageChange(newPage);
-  };
-  const classes = pagerUtilityClasses();
-  return /* @__PURE__ */ jsx(PagerRoot, { className: classes.root, children: /* @__PURE__ */ jsx(
-    CustomTablePagination,
-    {
-      rowsPerPageOptions,
-      count: totalRecords,
-      rowsPerPage,
-      classes,
-      labelRowsPerPage: labelRows,
-      page: currentPage,
-      onPageChange: handleChangePage,
-      onRowsPerPageChange: handleChangeRowsPerPage,
-      labelDisplayedRows: !isXs ? ({ from, to, count }) => `${from}-${to} ${labelOf} ${count}` : () => ``
-    }
-  ) });
-}
-export {
-  Pager as P
-};

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

@@ -1 +0,0 @@
-export declare const PagerRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/styles.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material/styles";
-const PagerRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LPager?.styleOverrides || {}
-}));
-export {
-  PagerRoot as P
-};

package/components/mui_extended/Pager/subcomponents/CustomTablePagination/index.d.ts

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

package/components/mui_extended/Pager/subcomponents/CustomTablePagination/index.js

@@ -1,96 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useTheme, Select, InputBase, MenuItem } from "@mui/material";
-import { P as PagerActions } from "../PagerActions/index.js";
-import { useResponsiveContainerStore } from "@m4l/graphics";
-import { shallow } from "zustand/shallow";
-import { useEnvironment } from "@m4l/core";
-import { T as Typography } from "../../../Typography/Typography.js";
-import { I as Icon } from "../../../../Icon/Icon.js";
-const CustomTablePagination = (props) => {
-  const {
-    count: countTotal,
-    page,
-    rowsPerPage,
-    rowsPerPageOptions = [10, 25, 50, 100],
-    labelRowsPerPage,
-    classes,
-    onRowsPerPageChange,
-    onPageChange,
-    SelectProps,
-    labelDisplayedRows = defaultLabelDisplayedRows
-  } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const isUpSm = useResponsiveContainerStore((state) => state.isUpSm, shallow);
-  const theme = useTheme();
-  function defaultLabelDisplayedRows({
-    from,
-    to,
-    count
-  }) {
-    return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  }
-  const getLabelDisplayedRowsTo = () => {
-    if (countTotal === -1) {
-      return (page + 1) * rowsPerPage;
-    }
-    return rowsPerPage === -1 ? countTotal : Math.min(countTotal, (page + 1) * rowsPerPage);
-  };
-  const CustomIconComponent = (CustomIconComponentProps) => /* @__PURE__ */ jsx(
-    Icon,
-    {
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/chevronDown.svg`,
-      ...CustomIconComponentProps
-    }
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs("div", { className: classes.labelRowsPerPageContainer, children: [
-      isUpSm ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: labelRowsPerPage }) : null,
-      /* @__PURE__ */ jsx(
-        Select,
-        {
-          variant: "standard",
-          ...!SelectProps?.variant && { input: /* @__PURE__ */ jsx(InputBase, {}) },
-          value: rowsPerPage,
-          onChange: (e) => {
-            onRowsPerPageChange(e);
-          },
-          className: classes.select,
-          MenuProps: {
-            className: classes.selectMenuPopover,
-            sx: { ...theme.components?.M4LPagerMenuPopover?.styleOverrides }
-          },
-          IconComponent: CustomIconComponent,
-          ...SelectProps,
-          children: rowsPerPageOptions.map((item, idx) => /* @__PURE__ */ jsx(
-            MenuItem,
-            {
-              className: classes.selectMenuItem,
-              value: item,
-              children: item
-            },
-            `${classes.selectMenuItem}-${idx}`
-          ))
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ jsx(Typography, { variant: "body", className: classes.labelDisplayRows, children: labelDisplayedRows({
-      from: countTotal === 0 ? 0 : page * rowsPerPage + 1,
-      to: getLabelDisplayedRowsTo(),
-      count: countTotal === -1 ? -1 : countTotal,
-      page
-    }) }),
-    /* @__PURE__ */ jsx(
-      PagerActions,
-      {
-        count: countTotal,
-        page,
-        rowsPerPage,
-        onPageChange,
-        classes
-      }
-    )
-  ] });
-};
-export {
-  CustomTablePagination as C
-};

package/components/mui_extended/Pager/types.d.ts

@@ -1,13 +0,0 @@
-export interface PagerProps {
-    records: number;
-    totalRecords: number;
-    rowsPerPageOptions?: number[];
-    rowsPerPage?: number;
-    page: number;
-    onPageChange: (newPage: number) => void;
-    onRowsPerPageChange: (newRowsPerPage: number) => void;
-    labelRows?: string;
-    labelOf?: string;
-    isSkeleton?: boolean;
-    isXs?: boolean;
-}