@m4l/components 0.1.6 → 0.1.8

package/components/mui_extended/Accordion/index.js

@@ -1,21 +1,21 @@
 import { Accordion as Accordion$1, AccordionSummary, Skeleton, AccordionDetails } from "@mui/material";
 import { I as IconButton } from "../IconButton/index.js";
-import { useEnvironment } from "@m4l/core";
+import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 function Accordion(props) {
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
   const {
     label,
-    isSkeleton,
     SKTWidht,
     SKTHeight,
     children,
     accordionProps,
     summaryProps
   } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const isSkeleton = useModuleSkeleton();
   return /* @__PURE__ */ jsxs(Accordion$1, {
     variant: "outlined",
     square: true,

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

@@ -5,7 +5,6 @@ export declare type AccordionProps = {
     children: ReactNode;
     accordionProps?: MUIAccordionProps;
     summaryProps?: AccordionSummaryProps;
-    isSkeleton?: boolean;
     SKTWidht?: string | number;
     SKTHeight?: string | number;
 };

package/components/mui_extended/Button/index.js

@@ -1,13 +1,31 @@
-import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { Skeleton, styled as styled$1 } from "@mui/material";
-import { styled, alpha } from "@mui/material/styles";
-import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import MuiButton from "@mui/material/Button";
+import { styled, Skeleton } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { LoadingButton as LoadingButton$1 } from "@mui/lab";
+import { styled as styled$1, alpha } from "@mui/material/styles";
 import { I as IconButton } from "../IconButton/index.js";
 import { u as useBase } from "../../DynamicFilter/index.js";
 import { useMemo } from "react";
-const WrapperSKTLoadingButton = styled("div")(({
+const SKTButton = styled(Skeleton)(({
+  theme
+}) => ({
+  borderRadius: theme.spacing(0.5)
+}));
+const Button = (props) => {
+  const isSkeleton = useModuleSkeleton();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SKTButton, {
+      variant: "rectangular",
+      width: "100px",
+      height: "36px"
+    });
+  }
+  return /* @__PURE__ */ jsx(MuiButton, {
+    ...props
+  });
+};
+const WrapperSKTLoadingButton = styled$1("div")(({
   theme
 }) => ({
   display: "flex",
@@ -37,25 +55,7 @@ const LoadingButton = (props) => {
     children
   });
 };
-const SKTButton = styled$1(Skeleton)(({
-  theme
-}) => ({
-  borderRadius: theme.spacing(0.5)
-}));
-const Button = (props) => {
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTButton, {
-      variant: "rectangular",
-      width: "100px",
-      height: "36px"
-    });
-  }
-  return /* @__PURE__ */ jsx(MuiButton, {
-    ...props
-  });
-};
-const SKTWrapperFilterButton = styled("div")(({
+const SKTWrapperFilterButton = styled$1("div")(({
   theme
 }) => ({
   display: "flex",
@@ -65,7 +65,7 @@ const SKTWrapperFilterButton = styled("div")(({
   height: theme.spacing(3.75),
   background: alpha(theme.palette.primary.main, 0.3)
 }));
-const WrapperFilterButton = styled("div")(() => ({
+const WrapperFilterButton = styled$1("div")(() => ({
   "&.isDirty": {
     animationName: "dirtyEffect",
     animationDuration: "1s",

package/components/mui_extended/Tab/index.js

@@ -1,3 +1,4 @@
+import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, Tab as Tab$1 } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
@@ -8,11 +9,11 @@ const SKTTabWrapper = styled("div")(({
 }));
 function Tab(props) {
   const {
-    isSkeleton,
     SKTWidth,
     SKTHeight,
     ...other
   } = props;
+  const isSkeleton = useModuleSkeleton();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(SKTTabWrapper, {
       children: /* @__PURE__ */ jsx(Skeleton, {

package/components/mui_extended/index.d.ts

@@ -4,6 +4,7 @@ export { type AvatarProps } from './Avatar/types';
 export { BoxIcon } from './BoxIcon';
 export { Breadcrumbs } from './Breadcrumbs';
 export type { TLink } from './Breadcrumbs/types';
+export { Button } from './Button';
 export { IconButton } from './IconButton';
 export { LinkWithRoute } from './LinkWithRoute';
 export { LoadingButton } from './LoadingButton';

package/index.js

@@ -22,22 +22,22 @@ export { R as RHFUploadImage } from "./components/hook-form/RHFUpload/index.js";
 export { I as Icon } from "./components/Icon/index.js";
 export { A as Avatar } from "./components/mui_extended/Avatar/index.js";
 import "react-router-dom";
+import "@mui/material/Button";
+export { B as Button, L as LoadingButton } from "./components/mui_extended/Button/index.js";
 import "@mui/lab";
-export { L as LoadingButton } from "./components/mui_extended/Button/index.js";
 export { M as MenuPopover } from "./components/mui_extended/MenuPopover/index.js";
 export { b as Actions, M as MenuActions, d as defaultCommonActionsDictionary, g as getCommonActionsDictionary } from "./components/CommonActions/components/Actions/index.js";
 export { P as Pager, g as getPagerComponentsDictionary } from "./components/mui_extended/Pager/index.js";
 export { T as Tab } from "./components/mui_extended/Tab/index.js";
 import "@m4l/graphics";
 export { C as CompanyLogo } from "./components/CompanyLogo/index.js";
-export { D as DataGrid, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
+export { D as DataGrid, N as NumberEditor, T as TextEditor, g as getGridComponentsDictionary } from "./components/DataGrid/index.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 export { M as ModalContext, a as ModalProvider } from "./contexts/ModalContext/index.js";
-import "@mui/material/Button";
 export { S as ScrollBar } from "./components/ScrollBar/index.js";
 export { D as DynamicFilter, d as defaultDynamicFilterDictionary, g as getDynamicFilterComponentsDictionary } from "./components/DynamicFilter/index.js";
-import "./simplebar.js";
+import "simplebar/dist/simplebar.min.css";
 export { L as LanguagePopover } from "./components/LanguagePopover/index.js";
 import "./react-draggable.js";
 export { M as ModalDialog, d as defaultModalDialogDictionary, g as getModalDialogComponentsDictionary } from "./components/ModalDialog/index.js";
@@ -81,10 +81,8 @@ import "react-dom";
 import "prop-types";
 import "clsx";
 import "./utils/index.js";
-import "./juggle.js";
 import "./react-data-grid.js";
+import "simplebar-react";
 import "yup";
-import "./core-js.js";
-import "./can-use-dom.js";
 import "./react-resizable.js";
 import "react-helmet-async";