@m4l/components 0.1.96 → 0.1.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.96",
+  "version": "0.1.98",
   "license": "UNLICENSED",
   "dependencies": {
     "@emotion/react": "^11.9.0",
@@ -17,12 +17,14 @@
     "fast-equals": "^5.0.1",
     "immer": "^9.0.21",
     "install": "^0.13.0",
+    "jwt-decode": "^4.0.0",
     "lodash.clonedeep": "^4.5.0",
     "lodash.debounce": "^4.0.8",
-    "jwt-decode": "^4.0.0",
     "lodash.throttle": "^4.1.1",
     "npm": "^9.6.2",
+    "qrcode.react": "^3.1.0",
     "react-chartjs-2": "^5.2.0",
+    "react-color": "^2.19.3",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-helmet-async": "^1.3.0",
@@ -42,7 +44,8 @@
     "react-dropzone": "^14.2.2",
     "react-helmet-async": "^1.3.0",
     "react-hook-form": "^7.33.1",
-    "yup": "^0.32.11"
+    "yup": "^0.32.11",
+    "canvas": "^2.11.2"
   },
   "files": [
     "*"

package/{react-draggable.b86ca282.js → react-draggable.ee21cb7e.js}

@@ -1,5 +1,5 @@
 import React__default from "react";
-import require$$1 from "prop-types";
+import PropTypes from "prop-types";
 import require$$2 from "react-dom";
 import clsx from "clsx";
 import { d as domFns, s as shims, l as log, p as positionFns } from "./utils/index.de903261.js";
@@ -11,7 +11,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 });
 DraggableCore$2.default = void 0;
 var React = _interopRequireWildcard(React__default);
-var _propTypes = _interopRequireDefault(require$$1);
+var _propTypes = _interopRequireDefault(PropTypes);
 var _reactDom = _interopRequireDefault(require$$2);
 var _domFns = domFns;
 var _positionFns = positionFns;
@@ -316,7 +316,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
   });
   exports.default = void 0;
   var React2 = _interopRequireWildcard2(React__default);
-  var _propTypes2 = _interopRequireDefault2(require$$1);
+  var _propTypes2 = _interopRequireDefault2(PropTypes);
   var _reactDom2 = _interopRequireDefault2(require$$2);
   var _clsx = _interopRequireDefault2(clsx);
   var _domFns2 = domFns;

package/{react-json-view.57125fcf.js → react-json-view.5636414a.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./commonjs.333e55c7.js";
 import React__default from "react";
 var main = { exports: {} };
 (function(module, exports) {

package/{react-resizable.60704e26.js → react-resizable.ee028152.js}

@@ -1,13 +1,13 @@
 import React__default from "react";
-import { c as cjs } from "./react-draggable.b86ca282.js";
+import { c as cjs } from "./react-draggable.ee21cb7e.js";
 import { u as utils } from "./utils/index.de903261.js";
-import require$$1 from "prop-types";
+import PropTypes from "prop-types";
 var reactResizable = { exports: {} };
 var Resizable$2 = {};
 var propTypes = {};
 propTypes.__esModule = true;
 propTypes.resizableProps = void 0;
-var _propTypes$2 = _interopRequireDefault$1(require$$1);
+var _propTypes$2 = _interopRequireDefault$1(PropTypes);
 function _interopRequireDefault$1(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -364,7 +364,7 @@ var ResizableBox$2 = {};
 ResizableBox$2.__esModule = true;
 ResizableBox$2.default = void 0;
 var React = _interopRequireWildcard(React__default);
-var _propTypes = _interopRequireDefault(require$$1);
+var _propTypes = _interopRequireDefault(PropTypes);
 var _Resizable = _interopRequireDefault(Resizable$2);
 var _propTypes2 = propTypes;
 var _excluded = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];

package/{react-splitter-layout.8b1655c8.js → react-splitter-layout.c5d98bf7.js}

@@ -1,10 +1,10 @@
-import { g as getDefaultExportFromCjs } from "./commonjs.565e6834.js";
-import require$$1 from "prop-types";
+import { g as getDefaultExportFromCjs } from "./commonjs.333e55c7.js";
+import PropTypes from "prop-types";
 import React__default from "react";
 var lib = { exports: {} };
 (function(module, exports) {
   !function(e, t) {
-    module.exports = t(require$$1, React__default);
+    module.exports = t(PropTypes, React__default);
   }(window, function(e, t) {
     return function(e2) {
       var t2 = {};

package/vendor.dfd22660.js

@@ -0,0 +1,250 @@
+import "./assets/Logo/index.228dcb5a.js";
+import "./components/DataGrid/index.f0b0a02a.js";
+import "./components/DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
+import "./components/NavLink/index.b75c91e1.js";
+import "./components/ScrollToTop/index.e06f98f6.js";
+import "./components/animate/index.5d4575bc.js";
+import "./components/animate/MotionContainer/index.8d9f9d80.js";
+import "./components/animate/MotionLazyContainer/index.572dd012.js";
+import "./components/animate/LoadingScreen/index.1d0c4307.js";
+import "./components/animate/PropagateLoader/index.7fab43c8.js";
+import "./components/animate/variants/fade.b561c0fc.js";
+import "./components/animate/variants/bounce.784aaaaa.js";
+import "./components/animate/variants/container.11f82b76.js";
+import "./components/animate/variants/transition.bd46b9ce.js";
+import "./components/areas/components/AreasAdmin/index.b34c5738.js";
+import "./components/areas/components/AreasViewer/index.465bc2e6.js";
+import "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "./components/areas/contexts/AreasContext/index.1d57a068.js";
+import "./components/areas/hooks/useDynamicMFParameters/index.e52c5392.js";
+import "./components/areas/hooks/useWindowToolsMF/index.b7afaf88.js";
+import "./components/areas/dictionary.08cfc4c9.js";
+import "./components/hook-form/RHFAutocomplete/index.b01b97e3.js";
+import "./components/hook-form/RHFAutocompleteAsync/index.8241ce18.js";
+import { useState } from "react";
+import { useFormContext, Controller } from "react-hook-form";
+import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
+import { S as SketchPicker } from "./node_modules.a40403af.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { H as HelperText } from "./components/HelperText/index.7d2afdb3.js";
+import { generateUtilityClasses, generateUtilityClass, styled, Skeleton as Skeleton$1 } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { useTheme } from "@mui/material/styles";
+import { P as Popover } from "./components/mui_extended/Popover/index.b3eca6b1.js";
+import { B as Button } from "./components/mui_extended/Button/index.158a9a65.js";
+import { I as Icon } from "./components/Icon/index.4e424a81.js";
+import "./components/hook-form/RHFDateTime/index.e8ea2555.js";
+import "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
+import "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
+import "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
+import "./components/hook-form/RHFPeriod/index.584f515c.js";
+import "./components/Period/index.5f3af84b.js";
+import "./components/hook-form/RHFCheckbox/index.a38715e3.js";
+import "./components/hook-form/RHFTextField/index.87c99323.js";
+import "./components/hook-form/RHFUpload/index.f2983d70.js";
+import "./components/mui_extended/Accordion/index.7a77f5b4.js";
+import "./components/mui_extended/Avatar/index.75e6ed57.js";
+import "./components/mui_extended/BoxIcon/index.e638ecc8.js";
+import "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
+import "./components/mui_extended/CircularProgress/index.ad569afd.js";
+import "./components/mui_extended/Badge/index.09f5aee5.js";
+import "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
+import "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
+import "./components/mui_extended/MenuActions/index.4817512a.js";
+import "./components/mui_extended/Pager/index.ba2163c2.js";
+import "./components/mui_extended/Tab/index.d8cf48a2.js";
+import "./components/mui_extended/CheckBox.e662d20c.js";
+import "./components/mui_extended/IconButton/index.3c568901.js";
+import "./components/mui_extended/Stack/index.0e53197c.js";
+import "./components/mui_extended/Tooltip/index.24a2bc3f.js";
+import "./components/mui_extended/Typography/index.379dd374.js";
+import "./components/formatters/BooleanFormatter/index.35005602.js";
+import "./components/formatters/DateFormatter/index.578a9f53.js";
+import "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
+import "./components/formatters/PointsFormatter/index.5c94c5e8.js";
+import "./components/formatters/index.e8bd78a5.js";
+import "./components/formatters/PriceFormatter/index.83cbe7be.js";
+import "./components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js";
+import "./components/DataGrid/formatters/columnPointsFormatter/index.a19b7b90.js";
+import "./components/DataGrid/formatters/columnNestedValueFormatter/index.b63f7246.js";
+import "./components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js";
+import "./components/DynamicFilter/index.82706b14.js";
+import "./components/CommonActions/components/Actions/index.2f6286eb.js";
+import "./components/CommonActions/components/ActionCancel/index.918fe98b.js";
+import "./components/CommonActions/components/ActionIntro/index.ee716861.js";
+import "./components/CommonActions/components/ActionFormCancel/index.8b12f4b2.js";
+import "./components/CommonActions/components/ActionFormIntro/index.c2e8b360.js";
+import "./components/DraggableWindow/index.f9f067bd.js";
+import "./components/GridLayout/index.e8c04242.js";
+import "./components/GridLayout/subcomponents/Responsive/index.e25df1dc.js";
+import "./components/PrintingSystem/index.2147b2c3.js";
+import "./components/LanguagePopover/index.c5eb0191.js";
+import "./components/LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "./components/Image/index.8b134b95.js";
+import "./components/Loadable/index.e994fc3e.js";
+import "./components/ModalDialog/index.89e26413.js";
+import "./components/modal/index.61389369.js";
+import "./components/modal/WindowConfirm.481ef7a0.js";
+import "./components/modal/WindowBase.b1f12376.js";
+import "./components/LoadingError/index.536db030.js";
+import "./components/MFLoader/index.3ba9d320.js";
+import "./components/NoItemSelected/index.216d87c8.js";
+import "./components/ObjectLogs/index.b0e5cdd9.js";
+import "./components/PaperForm/index.b7918854.js";
+import "./components/PDFViewer/index.a1b199d5.js";
+import "./components/Page/index.c100afa4.js";
+import "./components/PropertyValue/index.68df9d83.js";
+import "./components/Resizeable/index.6478d7d8.js";
+import "./components/ScrollBar/index.65bb2930.js";
+import "./components/SplitLayout/index.30fd5861.js";
+import "./components/ToastContainer/index.2141b7ab.js";
+import "./components/SideBar/index.ed0211ba.js";
+import "./components/AppBar/index.f1a995c7.js";
+import "./components/AccountPopover/index.252cc907.js";
+import "./contexts/RHFormContext/index.1755b324.js";
+import "./contexts/ModalContext/index.b39d303d.js";
+import "./hooks/useFormAddEdit/index.6929cc88.js";
+import "./hooks/useModal/index.abdc0962.js";
+const getNameDataTestId = (ELEMENT_PREFIX, ELEMENT_KEY, ELEMENT_ID) => {
+  return `${ELEMENT_PREFIX}-${[ELEMENT_KEY]}-${ELEMENT_ID}`;
+};
+const componentName = "M4LRHFColorPicker";
+const colorPickerClasses = generateUtilityClasses(componentName, [
+  "root",
+  "popoverRoot",
+  "containerFieldColor",
+  "fieldColor",
+  "containerPicker",
+  "skeleton"
+]);
+function getRHFColorPickerUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    popoverRoot: ["popoverRoot"],
+    containerFieldColor: ["containerFieldColor"],
+    fieldColor: ["boxColor"],
+    containerPicker: ["containerPicker"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFColorPickerUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const RHFColorPickerRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LRHFColorPicker?.styleOverrides
+}));
+const Skeleton = () => {
+  return /* @__PURE__ */ jsx(Skeleton$1, {
+    className: colorPickerClasses.skeleton,
+    variant: "rectangular",
+    width: 20,
+    height: 20
+  });
+};
+const RHFColorPicker = (props) => {
+  const {
+    name
+  } = props;
+  const {
+    control,
+    setValue,
+    getValues
+  } = useFormContext();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const theme = useTheme();
+  const currentColor = getValues(name);
+  const [tempColor, setTempColor] = useState(() => currentColor || "#ffffff");
+  const [anchorEl, setAnchorEl] = useState(null);
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const handleColorChange = (color) => {
+    setTempColor(color.hex);
+  };
+  const handleApprove = () => {
+    setAnchorEl(null);
+    if (tempColor !== currentColor) {
+      setValue(name, tempColor);
+    }
+  };
+  const classes = useUtilityClasses();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {});
+  }
+  return /* @__PURE__ */ jsx(Controller, {
+    name,
+    control,
+    defaultValue: "",
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => /* @__PURE__ */ jsxs(RHFColorPickerRoot, {
+      className: classes.root,
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: classes.containerFieldColor,
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        children: [/* @__PURE__ */ jsx("div", {
+          className: classes.fieldColor,
+          style: {
+            backgroundColor: field.value,
+            width: "20px",
+            height: "20px",
+            cursor: "pointer"
+          }
+        }), /* @__PURE__ */ jsx(Icon, {
+          src: `${host_static_assets}/${environment_assets}/frontend/components/rhfcolorpicker/assets/icons/chevron_right.svg`
+        })]
+      }), error?.message && /* @__PURE__ */ jsx(HelperText, {
+        variant: "error",
+        message: error?.message + ""
+      }), /* @__PURE__ */ jsx(Popover, {
+        open: Boolean(anchorEl),
+        arrowType: "top-center",
+        className: classes.popoverRoot,
+        anchorEl,
+        onClose: () => setAnchorEl(null),
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        sx: {
+          mt: "12px",
+          ...theme.components?.M4LRHFColorPickerPopoverRoot?.styleOverrides
+        },
+        children: /* @__PURE__ */ jsxs("div", {
+          className: classes.containerPicker,
+          children: [/* @__PURE__ */ jsx(SketchPicker, {
+            color: tempColor,
+            onChange: handleColorChange,
+            disableAlpha: true
+          }), /* @__PURE__ */ jsx(Button, {
+            variant: "contained",
+            onClick: handleApprove,
+            children: getLabel("rhfcolorpicker.accept")
+          })]
+        })
+      })]
+    })
+  });
+};
+export {
+  RHFColorPicker as R,
+  getNameDataTestId as g
+};

package/components/Icon/index.b73eb296.js

@@ -1,147 +0,0 @@
-import { useEnvironment } from "@m4l/core";
-import { styled, generateUtilityClasses, generateUtilityClass, Skeleton } from "@mui/material";
-import { u as useSideBar, g as getNameDataTestId$1 } from "../SideBar/index.01219373.js";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { useResponsiveDesktop } from "@m4l/graphics";
-const IconRoot = styled("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LIcon?.styleOverrides
-}));
-const DivIcon = styled("div", {
-  shouldForwardProp: (props) => props !== "src" && props !== "rotationAngle"
-})(({
-  src,
-  rotationAngle
-}) => ({
-  maskPosition: "center",
-  maskRepeat: "no-repeat",
-  maskSize: "cover",
-  WebkitMaskRepeat: "no-repeat",
-  mask: `url('data:image/svg+xml;base64,${src}')`,
-  WebkitMask: `url('data:image/svg+xml;base64,${src}')`,
-  WebkitMaskSize: "cover",
-  ...rotationAngle && {
-    transform: `rotate(${rotationAngle}deg)`
-  }
-}));
-const componentName = "M4LIcon";
-generateUtilityClasses(componentName, [
-  "root",
-  "icon",
-  "variantSkeleton",
-  "sizeExtraSmall",
-  "sizeSmall",
-  "sizeMedium",
-  "sizeLarge",
-  "sizeExtraLarge",
-  "rotationAngle"
-]);
-function getIconClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root"],
-    icon: ["icon", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.size === "large" && "sizeLarge", ownerState.size === "extraLarge" && "sizeExtraLarge", ownerState.rotationAngle ? "rotationAngle" : ""],
-    variantSkeleton: ["variantSkeleton", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.size === "large" && "sizeLarge", ownerState.size === "extraLarge" && "sizeExtraLarge"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getIconClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const ICON_PREFIX = "Icon";
-const getNameDataTestId = (KEY) => {
-  return `${ICON_PREFIX}-${KEY}`;
-};
-function Icon(props) {
-  const {
-    src,
-    size = "small",
-    rotationAngle,
-    testingProps,
-    className
-  } = props;
-  const [resource, setResource] = useState(testingProps?.resource || void 0);
-  const isDesktop = useResponsiveDesktop();
-  useEffect(() => {
-    let mounted = true;
-    (async function networkOperation() {
-      await fetch(src).then((response) => {
-        return response.text() || "";
-      }).then((xml) => {
-        xml = xml.match(
-          /(<svg\b[^>]*\s*(viewBox="(\b[^"]*)").*?>([\s\S]*?)<\/svg>|<svg>([\s\S]*?)<\/svg>)/g
-        )?.toString() || "";
-        if (mounted) {
-          setResource(window.btoa(xml));
-        }
-      }).catch((_err) => {
-      });
-    })();
-    return function clenUp() {
-      mounted = false;
-    };
-  }, [src]);
-  const ownerState = {
-    size: isDesktop ? size : "medium",
-    rotationAngle
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(IconRoot, {
-    className: clsx(classes.root, className),
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId("root")
-    } : {},
-    children: resource ? /* @__PURE__ */ jsx(DivIcon, {
-      className: classes.icon,
-      src: resource,
-      rotationAngle,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("icon")
-      } : {}
-    }) : /* @__PURE__ */ jsx(Skeleton, {
-      variant: "rectangular",
-      className: classes.variantSkeleton,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("variantSkeleton")
-      } : {}
-    })
-  });
-}
-const ArrowIconRoot = styled("div")(() => ({
-  display: "flex",
-  alignSelf: "center",
-  lineHeight: 0
-}));
-function ArrowIcon(props) {
-  const {
-    openState
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    classes
-  } = useSideBar();
-  return /* @__PURE__ */ jsx(ArrowIconRoot, {
-    className: classes.arrowIconRoot,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId$1("arrowIconRoot")
-    } : {},
-    children: /* @__PURE__ */ jsx(Icon, {
-      src: `${host_static_assets}/${environment_assets}/frontend/components/sidebar/assets/icons/ChevronRight.svg`,
-      rotationAngle: openState ? 90 : 0
-    })
-  });
-}
-export {
-  ArrowIcon as A,
-  Icon as I
-};