@m4l/components 0.0.63 → 0.1.2

package/components/DynamicFilter/index.js

@@ -14,6 +14,7 @@ import { R as RHFDateTime } from "../hook-form/RHFDateTime.js";
 import "@mui/x-date-pickers";
 import { R as RHFTextField } from "../hook-form/RHFTextField/index.js";
 import "../../lodash.js";
+import "react-dropzone";
 import "../../react-lazy-load-image-component.js";
 import "../Image/index.js";
 import "../hook-form/RHFUpload.js";
@@ -1107,7 +1108,6 @@ function ApplyedFilter(props) {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  useModuleDictionary();
   const field = useMemo(() => {
     return getFieldByName(fieldName);
   }, [getFieldByName]);
@@ -1335,7 +1335,6 @@ function InputFilter() {
     closeMenuFields,
     hidePopupEdit
   } = useBase();
-  useModuleDictionary();
   const [valueFilter, setValueFilter] = useState("");
   const finalFields = useMemo(() => {
     if (!openAnchorEl) {

package/components/LanguagePopover/index.js

@@ -1,8 +1,18 @@
 import { useState } from "react";
-import { Skeleton, IconButton } from "@mui/material";
+import { Skeleton, IconButton, Stack, MenuItem } from "@mui/material";
 import { I as Image } from "../Image/index.js";
 import { useLocales } from "@m4l/graphics";
-import { jsx, Fragment } from "react/jsx-runtime";
+import "@m4l/core";
+import "../Icon/index.js";
+import "@mui/material/styles";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "react-router-dom";
+import "@mui/lab";
+import "../mui_extended/LoadingButton/index.js";
+import { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";
+import "../CommonActions/components/Actions/index.js";
+import "../mui_extended/Pager/index.js";
+import "../mui_extended/Tab/index.js";
 function LanguagePopover(props) {
   const {
     isSkeleton
@@ -16,6 +26,9 @@ function LanguagePopover(props) {
   const handleOpen = (event) => {
     setOpen(event.currentTarget);
   };
+  const handleClose = () => {
+    setOpen(null);
+  };
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(Skeleton, {
       variant: "circular",
@@ -23,8 +36,8 @@ function LanguagePopover(props) {
       height: 20
     });
   }
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsx(IconButton, {
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx(IconButton, {
       onClick: handleOpen,
       sx: {
         width: 40,
@@ -37,7 +50,39 @@ function LanguagePopover(props) {
         src: currentLang.icon,
         alt: currentLang.label
       })
-    })
+    }), /* @__PURE__ */ jsx(MenuPopover, {
+      open: Boolean(open),
+      anchorEl: open,
+      onClose: handleClose,
+      sx: {
+        mt: 1.5,
+        ml: 0.75,
+        width: 180,
+        "& .MuiMenuItem-root": {
+          px: 1,
+          typography: "body2",
+          borderRadius: 0.75
+        }
+      },
+      children: /* @__PURE__ */ jsx(Stack, {
+        spacing: 0.75,
+        children: allLang.map((option) => /* @__PURE__ */ jsxs(MenuItem, {
+          selected: option.value === currentLang.value,
+          onClick: () => {
+            onChangeLang(option.value);
+            handleClose();
+          },
+          children: [/* @__PURE__ */ jsx(Image, {
+            alt: option.label,
+            src: option.icon,
+            sx: {
+              width: 28,
+              mr: 2
+            }
+          }), option.label]
+        }, option.value))
+      })
+    })]
   });
 }
 export { LanguagePopover as L };

package/components/PaperForm/index.js

@@ -1,5 +1,5 @@
-import { styled, useTheme } from "@mui/material/styles";
 import { Skeleton } from "@mui/material";
+import { styled } from "@mui/material/styles";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { I as Icon } from "../Icon/index.js";
 const WrapperPaper = styled("div")(({
@@ -93,7 +93,6 @@ function PaperForm(props) {
     children,
     isSkeleton = false
   } = props;
-  useTheme();
   return /* @__PURE__ */ jsx(WrapperPaper, {
     id: "ContainerPropertyValue",
     children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {

package/components/hook-form/RHFUpload.js

@@ -2,7 +2,7 @@ import { styled as styled$1, FormHelperText } from "@mui/material";
 import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import { i as isString_1 } from "../../lodash.js";
-import { u as useDropzone } from "../../node_modules.js";
+import { useDropzone } from "react-dropzone";
 import { styled, alpha } from "@mui/material/styles";
 import { I as Image } from "../Image/index.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
@@ -104,9 +104,7 @@ const WrapperImage = styled("div")(({
   alignItems: "center",
   maxWidth: theme.spacing(20)
 }));
-styled("div")(({
-  theme
-}) => ({
+styled("div")(() => ({
   width: "100%",
   height: "100%",
   position: "absolute",
@@ -204,9 +202,7 @@ function UploadImage({
     }), helperText && helperText]
   });
 }
-const WrapperRHFUploadImage = styled$1("div")(({
-  theme
-}) => ({
+const WrapperRHFUploadImage = styled$1("div")(() => ({
   width: "inherit",
   height: "inherit",
   padding: "1px"

package/index.js

@@ -57,13 +57,14 @@ import "react/jsx-runtime";
 import "@m4l/core";
 import "react-hook-form";
 import "./node_modules.js";
-import "prop-types";
 import "@mui/material/styles";
 import "@mui/x-date-pickers";
 import "./lodash.js";
 import "./commonjs.js";
 import "react-dom";
+import "prop-types";
 import "clsx";
+import "react-dropzone";
 import "./react-lazy-load-image-component.js";
 import "react-router-dom";
 import "@mui/lab";