@m4l/components 0.2.35 → 0.2.36

package/components/ObjectLogs/index.6955149e.js

@@ -0,0 +1,253 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
+import { styled, Tooltip, IconButton } from "@mui/material";
+import { c as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.304437ee.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.2ef6f261.js";
+import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
+import { R as ReactJson } from "../../react-json-view.57125fcf.js";
+import { S as ScrollBar } from "../ScrollBar/index.4b965665.js";
+import { u as useModal } from "../../hooks/useModal/index.30674bb7.js";
+import { I as Icon } from "../Icon/index.ee7b85c9.js";
+import { S as Stack } from "../mui_extended/Stack/index.fe363ca5.js";
+import { W as WindowBase } from "../modal/WindowBase.2414cd02.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.48d809e2.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+const Container = styled("div")(() => ({
+  height: "100%",
+  width: "100%",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "flex-start",
+  gap: "4px"
+}));
+const Actions = styled("div")(({ theme }) => ({
+  position: "relative",
+  height: "auto",
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  "& .MuiFormControl-root": {
+    flexGrow: 1
+  },
+  [theme.breakpoints.up("sm")]: {
+    "& .MuiFormControl-root:nth-of-type(1)": {
+      marginRight: theme.spacing(3)
+    }
+  }
+}));
+const GridWrapper = styled("div")(() => ({
+  position: "relative",
+  flexGrow: "1",
+  width: "100%"
+}));
+function DetailDialog(props) {
+  const { log_id } = props;
+  const { networkOperation } = useNetwork();
+  const { hostThemeOptions } = useHostTheme();
+  const [detail, setDetail] = useState({});
+  useEffect(() => {
+    let mounted = true;
+    networkOperation({
+      method: "GET",
+      endPoint: `logs/${log_id}`
+    }).then((response) => {
+      if (mounted) {
+        const parseData = JSON.parse(String(response.data.log_detail));
+        setDetail(parseData);
+      }
+    });
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, []);
+  const modeTheme = hostThemeOptions.palette?.mode;
+  return /* @__PURE__ */ jsx(ScrollBar, { children: /* @__PURE__ */ jsx(
+    ReactJson,
+    {
+      theme: modeTheme === "dark" ? "summerfruit" : "rjv-default",
+      name: null,
+      sortKeys: true,
+      displayDataTypes: false,
+      quotesOnKeys: false,
+      src: detail
+    }
+  ) });
+}
+function DetailFormatter(props) {
+  const { log_id } = props;
+  const { openModal } = useModal();
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const isDesktop = useResponsiveDesktop();
+  const onClickDetail = () => {
+    openModal({
+      window: /* @__PURE__ */ jsx(WindowBase, { title: getLabel("data_grid.settings_title"), children: /* @__PURE__ */ jsx(Stack, { direction: "column", flexGrow: 1, children: /* @__PURE__ */ jsx(DetailDialog, { log_id }) }) }),
+      fullScreen: !isDesktop ? true : false
+    });
+  };
+  return /* @__PURE__ */ jsx(Tooltip, { title: getLabel("object_logs.view_log_detail"), children: /* @__PURE__ */ jsx(IconButton, { onClick: onClickDetail, "aria-label": "filter", children: /* @__PURE__ */ jsx(
+    Icon,
+    {
+      src: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/search.svg`
+    }
+  ) }) });
+}
+function ObjectLogs(props) {
+  const { resource_id, object_id, dataTestId = "" } = props;
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const [queryParams, setQueryParams] = useState({
+    resource_id,
+    object_id
+  });
+  const dateFormatterCreatedAt = useCallback(
+    (rowProps) => /* @__PURE__ */ jsx(DateFormatter, { presentationType: "datetime", value: rowProps.row.created_at }),
+    []
+  );
+  const DetailRowFormatter = useCallback(
+    (rowProps) => /* @__PURE__ */ jsx(DetailFormatter, { log_id: rowProps.row.id }),
+    []
+  );
+  const columns = useMemo(
+    () => [
+      {
+        key: "created_at",
+        name: getLabel("object_logs.created_at"),
+        type: "date",
+        width: 300,
+        formatter: dateFormatterCreatedAt
+      },
+      { key: "email", name: getLabel("object_logs.email"), type: "string", width: 300 },
+      {
+        key: "resource_name",
+        name: getLabel("object_logs.resource_name"),
+        type: "string",
+        width: 120
+      },
+      {
+        key: "log_preview",
+        name: getLabel("object_logs.log_preview"),
+        type: "string",
+        width: 250
+      },
+      {
+        key: "Detail",
+        name: getLabel("object_logs.log_detail"),
+        type: "custom",
+        formatter: DetailRowFormatter
+      },
+      { key: "ip", name: getLabel("object_logs.ip"), type: "string", width: 120 }
+    ],
+    [getLabel]
+  );
+  const { pagerState, rows, onPageChange, onRowsPerPageChange, clearRows, Refresh } = usePaginate({
+    endPoint: "logs",
+    fireOnChangeParms: false,
+    queryParams
+  });
+  useEffect(() => {
+    clearRows();
+    setQueryParams((oldParms) => ({ ...oldParms, object_id }));
+  }, [object_id]);
+  const onChangeFilter = (_initFilters, rawFilters) => {
+    setQueryParams((oldParms) => ({ ...oldParms, f: rawFilters }));
+    Refresh();
+  };
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: `m4ldatagrid-${dataTestId}` } : {},
+      children: [
+        /* @__PURE__ */ jsx(Actions, { id: "objectLogsActions", children: /* @__PURE__ */ jsx(
+          DynamicFilter,
+          {
+            withAllField: true,
+            onChangeFilters: onChangeFilter,
+            automatic: false,
+            fields: [
+              {
+                name: "user_logs.created_at",
+                dictionaryId: "object_logs.created_at",
+                type: "datetime",
+                multiple: false,
+                presence: "fixed",
+                urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
+              },
+              {
+                name: "users.email",
+                dictionaryId: "object_logs.email",
+                type: "string",
+                multiple: true,
+                presence: "optional",
+                urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/email.svg`
+              },
+              {
+                name: "user_logs.log_preview",
+                dictionaryId: "object_logs.log_preview",
+                type: "string",
+                multiple: true,
+                presence: "optional",
+                urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_preview.svg`
+              },
+              {
+                name: "user_logs.log_detail",
+                dictionaryId: "object_logs.log_detail",
+                type: "string",
+                multiple: true,
+                presence: "optional",
+                urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/object_logs/assets/icons/log_detail.svg`
+              }
+            ],
+            initialAppliedFilters: []
+          }
+        ) }),
+        /* @__PURE__ */ jsx(GridWrapper, { id: "GridWrapper", children: /* @__PURE__ */ jsx(
+          DataGrid,
+          {
+            id: "users_logs_list",
+            dataTestId,
+            columns,
+            rows,
+            rowKeyGetter: (row) => row.id,
+            withActions: true,
+            actionsProps: {
+              withPager: true,
+              withLocalFilters: true,
+              pagerOptions: {
+                records: rows.length,
+                totalRecords: pagerState.totalRecords,
+                rowsPerPageOptions: [1, 2, 3, 4, 5, 10, 25],
+                page: pagerState.page,
+                rowsPerPage: pagerState.rowsPerPage,
+                onPageChange,
+                onRowsPerPageChange
+              }
+            }
+          },
+          "users_list_logs"
+        ) })
+      ]
+    }
+  );
+}
+function getObjectLogsComponentsDictionary() {
+  return ["object_logs"].concat(getDataGridComponentsDictionary()).concat(getDynamicFilterComponentsDictionary());
+}
+const defaultObjectLogDictionary = {
+  object_logs: {
+    created_at: "Start date",
+    user: "User/email",
+    resource_name: "Resource",
+    privilege_name: "Privilege",
+    log_preview: "Log",
+    log_detail: "Detail",
+    ip: "Ip"
+  }
+};
+export {
+  ObjectLogs as O,
+  defaultObjectLogDictionary as d,
+  getObjectLogsComponentsDictionary as g
+};

package/components/ObjectLogs/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Actions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GridWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,4 +1,4 @@
-import { pdfviewerUtilityClasses } from ".";
+import { pdfviewerUtilityClasses } from '.';
 export interface PDFViewerClassesType {
     root: string;
     buttonDownload: string;

package/components/PDFViewer/{index.88c6ff6a.js → index.47bb0928.js}

@@ -1,7 +1,7 @@
+import { jsxs, jsx } from "react/jsx-runtime";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { B as Button } from "../mui_extended/Button/index.c3084916.js";
+import { B as Button } from "../mui_extended/Button/index.5395d101.js";
 const PDFVeiwerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPDFViewer?.styleOverrides
 }));
@@ -24,9 +24,7 @@ const pdfviewerUtilityClasses = () => {
   };
 };
 const PDFViewer = (props) => {
-  const {
-    pdfUrl
-  } = props;
+  const { pdfUrl } = props;
   const handleDownload = async () => {
     try {
       const response = await fetch(pdfUrl);
@@ -43,19 +41,10 @@ const PDFViewer = (props) => {
     }
   };
   const classes = pdfviewerUtilityClasses();
-  return /* @__PURE__ */ jsxs(PDFVeiwerRoot, {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsx("embed", {
-      src: pdfUrl,
-      type: "application/pdf",
-      width: "100%",
-      height: "100%"
-    }), /* @__PURE__ */ jsx(Button, {
-      onClick: handleDownload,
-      variant: "contained",
-      children: "Descargar PDF"
-    })]
-  });
+  return /* @__PURE__ */ jsxs(PDFVeiwerRoot, { className: classes.root, children: [
+    /* @__PURE__ */ jsx("embed", { src: pdfUrl, type: "application/pdf", width: "100%", height: "100%" }),
+    /* @__PURE__ */ jsx(Button, { onClick: handleDownload, variant: "contained", children: "Descargar PDF" })
+  ] });
 };
 export {
   PDFViewer as P

package/components/PDFViewer/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PDFVeiwerRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/Page/index.c1d4a319.js

@@ -0,0 +1,114 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useBase, BaseProvider, useModuleSkeleton } from "@m4l/core";
+import { c as classes, g as getSize, F as FactoryRender } from "../PrintingSystem/index.f51a00f8.js";
+import clsx from "clsx";
+import React__default from "react";
+import { Helmet } from "react-helmet-async";
+import { useLocales } from "@m4l/graphics";
+const PagerNode = (props) => {
+  const { style = {}, className = "" } = props;
+  const { mainColor, countPages, pageId } = useBase();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(classes.pagerNodeRoot, className),
+      style: {
+        ...style,
+        color: mainColor
+      },
+      children: ` ${pageId} / ${countPages}`
+    }
+  );
+};
+const PageNode = (props) => {
+  const {
+    children,
+    style = {},
+    className = "",
+    width = "auto",
+    height = "auto",
+    paddingTop = "unset",
+    paddingRight = "unset",
+    paddingBottom = "unset",
+    paddingLeft = "unset",
+    gap = "unset"
+  } = props;
+  const { unitSize } = useBase();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(classes.pageNodeRoot, className),
+      style: {
+        width: getSize(width, unitSize),
+        gap: getSize(gap, unitSize),
+        height: getSize(height, unitSize),
+        minWidth: getSize(width, unitSize),
+        minHeight: typeof height === "number" ? `${height}${unitSize}` : height,
+        paddingTop: typeof paddingTop === "number" ? `${paddingTop}${unitSize}` : paddingTop,
+        paddingRight: typeof paddingRight === "number" ? `${paddingRight}${unitSize}` : paddingRight,
+        paddingBottom: typeof paddingBottom === "number" ? `${paddingBottom}${unitSize}` : paddingBottom,
+        paddingLeft: typeof paddingLeft === "number" ? `${paddingLeft}${unitSize}` : paddingLeft,
+        ...style
+      },
+      children
+    }
+  );
+};
+const PageRender = (props) => {
+  const {
+    data: parent,
+    id,
+    unitSize,
+    mainColor,
+    countPages,
+    HeaderGeneral,
+    FooterGeneral,
+    sourceData,
+    templateData
+  } = props;
+  const { children, ...otherProps } = parent || {};
+  return /* @__PURE__ */ jsx(
+    BaseProvider,
+    {
+      value: {
+        pageId: id,
+        unitSize,
+        mainColor,
+        countPages,
+        HeaderGeneral,
+        FooterGeneral,
+        templateData,
+        sourceData
+      },
+      children: /* @__PURE__ */ jsxs(PageNode, { ...otherProps, children: [
+        Array.isArray(children) && children.length > 0 ? children.map((subComponent, id2) => {
+          return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+            id2 === 0 && parent.type === "page" && children[0].type !== "header" ? HeaderGeneral ? /* @__PURE__ */ jsx(HeaderGeneral, { ancestor: parent }, `${parent.key}-header`) : null : null,
+            /* @__PURE__ */ jsx(FactoryRender, { data: subComponent }, `${parent.type}-${subComponent.key}`),
+            id2 === children.length - 1 && parent.type === "page" && children[children.length - 1].type !== "footer" ? FooterGeneral ? /* @__PURE__ */ jsx(FooterGeneral, { ancestor: parent }, `${parent.key}-footer`) : null : null
+          ] }, `fragment-page-${id2}`);
+        }) : null,
+        typeof children === "string" ? children : null
+      ] })
+    }
+  );
+};
+const HelmetPage = (props) => {
+  const { children, title, meta, subtitle } = props;
+  const localeString = useLocales().currentLocale?.localeString;
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !isSkeleton && /* @__PURE__ */ jsxs(Helmet, { children: [
+      /* @__PURE__ */ jsx("title", { children: `${title}${subtitle ? ` | ${subtitle}` : ""} ` }),
+      /* @__PURE__ */ jsx("html", { lang: localeString }),
+      meta
+    ] }),
+    children
+  ] });
+};
+HelmetPage.displayName = "Page";
+export {
+  HelmetPage as H,
+  PagerNode as P,
+  PageRender as a
+};

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

@@ -1,4 +1,4 @@
-import { paperFormUtilityClasses } from ".";
+import { paperFormUtilityClasses } from '.';
 export interface PaperFormClassesType {
     root: string;
     headerContainer: string;

package/components/PaperForm/{index.d08b43f6.js → index.9f6fd02d.js}

@@ -1,16 +1,12 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../Icon/index.ad330e78.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { I as Icon } from "../Icon/index.ee7b85c9.js";
 import { unstable_composeClasses } from "@mui/base";
-const PaperFormRoot = styled("div")(({
-  theme
-}) => ({
+const PaperFormRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LPaperForm?.styleOverrides
 }));
-const HeaderContainer = styled("div")(({
-  theme
-}) => ({
+const HeaderContainer = styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
   alignItems: "center",
@@ -19,9 +15,7 @@ const HeaderContainer = styled("div")(({
   marginBottom: theme.spacing(2),
   overflow: "hidden"
 }));
-const IconTitleContainer = styled("div")(({
-  theme
-}) => ({
+const IconTitleContainer = styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "row",
   flexGrow: 1,
@@ -29,9 +23,7 @@ const IconTitleContainer = styled("div")(({
   color: theme.palette.text.primary,
   ...theme.typography.subtitle1
 }));
-const IconHeader = styled("div")(({
-  theme
-}) => ({
+const IconHeader = styled("div")(({ theme }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -41,9 +33,7 @@ const Content = styled("div")(() => ({
   flexGrow: 1,
   position: "relative"
 }));
-const SkTPaperFormHeader = styled("div")(({
-  theme
-}) => ({
+const SkTPaperFormHeader = styled("div")(({ theme }) => ({
   width: "auto",
   display: "grid",
   gridTemplateColumns: `${theme.spacing(2)} auto`,
@@ -53,36 +43,15 @@ const SkTPaperFormHeader = styled("div")(({
   marginBottom: `${theme.spacing(3)}`
 }));
 const Header = (props) => {
-  const {
-    urlIcon,
-    title,
-    classes
-  } = props;
+  const { urlIcon, title, classes } = props;
   const isSkeleton = useModuleSkeleton();
-  return /* @__PURE__ */ jsx(HeaderContainer, {
-    id: "Header",
-    className: classes.headerContainer,
-    children: !isSkeleton ? /* @__PURE__ */ jsxs(IconTitleContainer, {
-      className: classes.iconTitleContainer,
-      children: [urlIcon ? /* @__PURE__ */ jsx(IconHeader, {
-        className: classes.iconHeaderContainer,
-        children: /* @__PURE__ */ jsx(Icon, {
-          src: urlIcon
-        })
-      }) : null, title]
-    }) : /* @__PURE__ */ jsxs(SkTPaperFormHeader, {
-      className: classes.skeletonContainer,
-      children: [/* @__PURE__ */ jsx(Skeleton, {
-        variant: "circular",
-        width: 16,
-        height: 16
-      }), /* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: 68,
-        height: 14
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(HeaderContainer, { id: "Header", className: classes.headerContainer, children: !isSkeleton ? /* @__PURE__ */ jsxs(IconTitleContainer, { className: classes.iconTitleContainer, children: [
+    urlIcon ? /* @__PURE__ */ jsx(IconHeader, { className: classes.iconHeaderContainer, children: /* @__PURE__ */ jsx(Icon, { src: urlIcon }) }) : null,
+    title
+  ] }) : /* @__PURE__ */ jsxs(SkTPaperFormHeader, { className: classes.skeletonContainer, children: [
+    /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 16, height: 16 }),
+    /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 68, height: 14 })
+  ] }) });
 };
 const componentName = "M4LPaperForm";
 generateUtilityClasses(componentName, [
@@ -111,27 +80,15 @@ const paperFormUtilityClasses = (ownerState) => {
   };
 };
 function PaperForm(props) {
-  const {
-    urlIcon,
-    title,
-    children,
-    isForm = false
-  } = props;
+  const { urlIcon, title, children, isForm = false } = props;
   const ownerState = {
     isForm
   };
   const classes = paperFormUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsxs(PaperFormRoot, {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsx(Header, {
-      urlIcon,
-      title,
-      classes
-    }), /* @__PURE__ */ jsx(Content, {
-      className: classes.content,
-      children
-    })]
-  });
+  return /* @__PURE__ */ jsxs(PaperFormRoot, { className: classes.root, children: [
+    /* @__PURE__ */ jsx(Header, { urlIcon, title, classes }),
+    /* @__PURE__ */ jsx(Content, { className: classes.content, children })
+  ] });
 }
 export {
   PaperForm as P

package/components/PaperForm/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const PaperFormRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SkTPaperFormHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/PaperForm/types.d.ts

@@ -9,5 +9,4 @@ export interface PaperFormProps {
 export interface HeaderProps extends Omit<PaperFormProps, 'children' | 'isForm'> {
     classes: Classes;
 }
-export interface OwnerState extends Pick<PaperFormProps, 'isForm'> {
-}
+export declare type OwnerState = Pick<PaperFormProps, 'isForm'>;

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

@@ -1,4 +1,4 @@
-import { periodUtilityClasses } from ".";
+import { periodUtilityClasses } from '.';
 export interface PeriodClassesType {
     root: string;
     containerDateLabel: string;