@m4l/components 0.1.0 → 0.1.3

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/Icon/index.js

@@ -56,10 +56,8 @@ function Icon(props) {
         )?.toString() || "";
         if (mounted) {
           setResource(window.btoa(xml));
-          console.log("value icon set resource", resource);
         }
       }).catch((_err) => {
-        console.log("error icon", _err);
       });
     })();
     return function clenUp() {
@@ -67,7 +65,6 @@ function Icon(props) {
     };
   }, [src]);
   const placeHolder = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==";
-  console.log("value for getColor", getPaletteColor(theme.palette, "error.main"));
   return /* @__PURE__ */ jsx(WrapperPlaceHolder, {
     id: "IconReact",
     children: resource ? /* @__PURE__ */ jsx(DivIcon, {

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/Page/index.js

@@ -2,21 +2,30 @@ import { forwardRef } from "react";
 import { Helmet } from "react-helmet-async";
 import { Box } from "@mui/material";
 import { useLocales } from "@m4l/graphics";
+import { useDomain, useEnvironment } from "@m4l/core";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 const Page = forwardRef((props, ref) => {
   const {
     children,
-    title = "",
+    title,
     meta,
     ...other
   } = props;
   const {
     currentLang
   } = useLocales();
+  const {
+    name: domain_name,
+    isLoaded
+  } = useDomain();
+  const {
+    domain_token
+  } = useEnvironment();
+  const finalTitle = title ? `${title} |` : "";
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs(Helmet, {
       children: [/* @__PURE__ */ jsx("title", {
-        children: `${title} | Made4Labs`
+        children: `${finalTitle}${isLoaded ? domain_name : domain_token}`
       }), /* @__PURE__ */ jsx("html", {
         lang: currentLang.value
       }), meta]

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/Resizeable/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ResizableBox } from 'react-resizable';
-export declare const WrapperResizeable: import("@emotion/styled").StyledComponent<import("react-resizable").ResizableProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
+export declare const WrapperResizeable: import("@emotion/styled").StyledComponent<import("react-resizable").ResizableBoxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
     ref?: import("react").Ref<ResizableBox> | undefined;
 }>;

package/components/hook-form/FormProvider/index.js

@@ -3,8 +3,12 @@ import { useForm, FormProvider as FormProvider$1 } from "react-hook-form";
 import { o } from "../../../node_modules.js";
 import { styled } from "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
-const WrapperFormProvider = styled("form")(() => ({
+const WrapperFormProvider = styled("form")(({
+  theme
+}) => ({
   display: "flex",
+  paddingTop: theme.spacing(1),
+  marginBottom: theme.spacing(1),
   flexDirection: "column",
   width: "100%",
   overflow: "scroll"

package/components/hook-form/RHFAutocompleteAsync/index.js

@@ -151,7 +151,7 @@ function RHFAutocompleteAsync(props) {
       },
       loading,
       loadingText: "",
-      noOptionsText: getLabel("component_no_options"),
+      noOptionsText: getLabel("rhf_autocomplete.component_no_options"),
       renderInput: (params) => {
         return /* @__PURE__ */ jsx(TextField, {
           ...params,

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/core-js.js

@@ -207,10 +207,10 @@ var store$2 = sharedStore;
 (shared$4.exports = function(key, value) {
   return store$2[key] || (store$2[key] = value !== void 0 ? value : {});
 })("versions", []).push({
-  version: "3.25.0",
+  version: "3.25.1",
   mode: "global",
   copyright: "\xA9 2014-2022 Denis Pushkarev (zloirock.ru)",
-  license: "https://github.com/zloirock/core-js/blob/v3.25.0/LICENSE",
+  license: "https://github.com/zloirock/core-js/blob/v3.25.1/LICENSE",
   source: "https://github.com/zloirock/core-js"
 });
 var requireObjectCoercible$4 = requireObjectCoercible$6;
@@ -1381,12 +1381,16 @@ var iteratorDefine = function(Iterable, NAME2, IteratorConstructor, next2, DEFAU
   Iterators$3[NAME2] = defaultIterator;
   return methods;
 };
+var createIterResultObject$2 = function(value, done) {
+  return { value, done };
+};
 var toIndexedObject$1 = toIndexedObject$6;
 var addToUnscopables = addToUnscopables$1;
 var Iterators$2 = iterators;
 var InternalStateModule$2 = internalState;
 var defineProperty$2 = objectDefineProperty.f;
 var defineIterator$1 = iteratorDefine;
+var createIterResultObject$1 = createIterResultObject$2;
 var DESCRIPTORS$1 = descriptors;
 var ARRAY_ITERATOR = "Array Iterator";
 var setInternalState$2 = InternalStateModule$2.set;
@@ -1405,13 +1409,13 @@ var es_array_iterator = defineIterator$1(Array, "Array", function(iterated, kind
   var index = state.index++;
   if (!target || index >= target.length) {
     state.target = void 0;
-    return { value: void 0, done: true };
+    return createIterResultObject$1(void 0, true);
   }
   if (kind == "keys")
-    return { value: index, done: false };
+    return createIterResultObject$1(index, false);
   if (kind == "values")
-    return { value: target[index], done: false };
-  return { value: [index, target[index]], done: false };
+    return createIterResultObject$1(target[index], false);
+  return createIterResultObject$1([index, target[index]], false);
 }, "values");
 var values = Iterators$2.Arguments = Iterators$2.Array;
 addToUnscopables("keys");
@@ -1449,6 +1453,7 @@ var charAt$3 = stringMultibyte.charAt;
 var toString$3 = toString$8;
 var InternalStateModule$1 = internalState;
 var defineIterator = iteratorDefine;
+var createIterResultObject = createIterResultObject$2;
 var STRING_ITERATOR = "String Iterator";
 var setInternalState$1 = InternalStateModule$1.set;
 var getInternalState$1 = InternalStateModule$1.getterFor(STRING_ITERATOR);
@@ -1464,10 +1469,10 @@ defineIterator(String, "String", function(iterated) {
   var index = state.index;
   var point;
   if (index >= string.length)
-    return { value: void 0, done: true };
+    return createIterResultObject(void 0, true);
   point = charAt$3(string, index);
   state.index += point.length;
-  return { value: point, done: false };
+  return createIterResultObject(point, false);
 });
 var defineBuiltIn$2 = defineBuiltIn$7;
 var defineBuiltIns$2 = function(target, src, options) {

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";