@m4l/components 0.2.3 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "license": "UNLICENSED",
   "dependencies": {
     "@emotion/react": "^11.9.0",
@@ -22,16 +22,19 @@
     "leaflet-polylinedecorator": "^1.6.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",
     "react-colorful": "^5.6.1",
+    "qrcode.react": "^3.1.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-helmet-async": "^1.3.0",
     "react-hook-form": "^7.33.1",
     "react-leaflet": "^4.2.1",
     "react-leaflet-arrowheads": "^1.1.0",
+    "react-toastify": "9.0.5",
+    "react-chartjs-2": "^5.2.0",
+    "react-color": "^2.19.3",
     "react-router-dom": "6.3.0",
     "react-spinners": "^0.13.8",
     "simplebar-react": "2.4.1",

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

@@ -1,8 +1,8 @@
 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.6469f148.js";
+import { d as domFns, s as shims, l as log, p as positionFns } from "./utils/index.de903261.js";
 var cjs = { exports: {} };
 var Draggable$1 = {};
 var DraggableCore$2 = {};
@@ -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.c07d63fb.js → react-resizable.ee028152.js}

@@ -1,13 +1,13 @@
 import React__default from "react";
-import { c as cjs } from "./react-draggable.e4725f3a.js";
-import { u as utils } from "./utils/index.6469f148.js";
-import require$$1 from "prop-types";
+import { c as cjs } from "./react-draggable.ee21cb7e.js";
+import { u as utils } from "./utils/index.de903261.js";
+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.384f1182.js → vendor.8f8b0ac9.js}

@@ -1,5 +1,5 @@
 import "./assets/Logo/index.228dcb5a.js";
-import "./components/DataGrid/index.71fae988.js";
+import "./components/DataGrid/index.8fbcf147.js";
 import "./components/DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
 import "./components/NavLink/index.b75c91e1.js";
 import "./components/ScrollToTop/index.e06f98f6.js";
@@ -12,27 +12,27 @@ 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.90da0626.js";
-import "./components/areas/components/AreasViewer/index.eb166eca.js";
+import "./components/areas/components/AreasAdmin/index.a14ba797.js";
+import "./components/areas/components/AreasViewer/index.c4545f2d.js";
 import "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "./components/areas/contexts/AreasContext/index.1c3f87a7.js";
+import "./components/areas/contexts/AreasContext/index.54893ef7.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.31e92edb.js";
-import "./components/hook-form/RHFColorPicker/index.259b6f38.js";
-import "./components/hook-form/RHFAutocompleteAsync/index.6c5648f7.js";
-import "./components/hook-form/RHFDateTime/index.a5ba00d5.js";
+import "./components/hook-form/RHFAutocomplete/index.0ce87ac3.js";
+import "./components/hook-form/RHFColorPicker/index.d00a2b53.js";
+import "./components/hook-form/RHFAutocompleteAsync/index.57789d3a.js";
+import "./components/hook-form/RHFDateTime/index.ae5d3a39.js";
 import "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import "./components/hook-form/RHFPeriod/index.fd29d20c.js";
-import "./components/Period/index.c964884f.js";
+import "./components/hook-form/RHFPeriod/index.ae9bcf41.js";
+import "./components/Period/index.0aa8e507.js";
 import "./components/hook-form/RHFRadioGroup/index.7deb4e48.js";
 import "./components/hook-form/RHFCheckbox/index.a38715e3.js";
-import "./components/hook-form/RHFTextField/index.22203742.js";
-import "./components/hook-form/RHFUpload/index.aef0f459.js";
-import "./components/mui_extended/Accordion/index.c8c7d392.js";
+import "./components/hook-form/RHFTextField/index.80cc07e0.js";
+import "./components/hook-form/RHFUpload/index.587aac00.js";
+import "./components/mui_extended/Accordion/index.b9b427d7.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";
@@ -40,68 +40,70 @@ 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/Button/index.bd3371a3.js";
-import "./components/mui_extended/MenuActions/index.46c5f7c7.js";
-import "./components/mui_extended/Pager/index.e4e66ac8.js";
-import "./components/mui_extended/Tab/index.a85b2dab.js";
+import "./components/mui_extended/Button/index.570fd3a4.js";
+import "./components/mui_extended/MenuActions/index.8c02ff61.js";
+import "./components/mui_extended/Pager/index.5629e82b.js";
+import "./components/mui_extended/Tab/index.724d5948.js";
 import "./components/mui_extended/CheckBox.e662d20c.js";
-import "./components/mui_extended/IconButton/index.dd9f297b.js";
+import "./components/mui_extended/IconButton/index.26de70bd.js";
 import "./components/mui_extended/Popover/index.b3eca6b1.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/mui_extended/ToggleButton/index.b030c4ec.js";
-import "./components/mui_extended/ToggleIconButton/index.e0854091.js";
-import "./components/formatters/BooleanFormatter/index.fffdef5e.js";
+import "./components/mui_extended/ToggleButton/index.21a1f8e5.js";
+import "./components/mui_extended/ToggleIconButton/index.00f13c40.js";
+import "./components/formatters/BooleanFormatter/index.4f3cbdce.js";
 import "./components/formatters/DateFormatter/index.578a9f53.js";
 import "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
-import "./components/formatters/PointsFormatter/index.80a4e414.js";
-import "./components/formatters/index.7ee9ae5d.js";
+import "./components/formatters/PointsFormatter/index.5c94c5e8.js";
+import "./components/formatters/index.4ca6946d.js";
 import "./components/formatters/PriceFormatter/index.83cbe7be.js";
 import "./components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js";
-import "./components/DataGrid/formatters/columnPointsFormatter/index.5e645334.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.69c2e381.js";
+import "./components/DynamicFilter/index.cd7691e0.js";
 import "./components/HelperText/index.7d2afdb3.js";
-import "./components/CommonActions/components/Actions/index.ccf731c1.js";
-import "./components/CommonActions/components/ActionCancel/index.5916fb86.js";
-import "./components/CommonActions/components/ActionIntro/index.789d82ed.js";
-import "./components/CommonActions/components/ActionFormCancel/index.dbd002ab.js";
-import "./components/CommonActions/components/ActionFormIntro/index.c7acf718.js";
-import "./components/DraggableWindow/index.8f423ed7.js";
-import "./components/GridLayout/index.4a245d9e.js";
-import "./components/GridLayout/subcomponents/Responsive/index.edb59c22.js";
-import "./components/PrintingSystem/index.d1fd7818.js";
-import "./components/Icon/index.f1161f32.js";
-import "./components/LanguagePopover/index.b8fd6ccc.js";
-import "./components/LinearProgressIndeterminate/index.c46da124.js";
-import "./components/Image/index.9799dfc0.js";
+import "./components/CommonActions/components/Actions/index.2f6286eb.js";
+import "./components/CommonActions/components/ActionCancel/index.06539086.js";
+import "./components/CommonActions/components/ActionIntro/index.3e8a2e60.js";
+import "./components/CommonActions/components/ActionFormCancel/index.33fc6c79.js";
+import "./components/CommonActions/components/ActionFormIntro/index.5a719043.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.ed3b22b7.js";
+import "./components/Icon/index.05984e7f.js";
+import "./components/LanguagePopover/index.5ff37dbf.js";
+import "./components/LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "./components/Image/index.bf37e923.js";
 import "./components/Loadable/index.e994fc3e.js";
-import "./components/maps/components/Map/index.9fcc381d.js";
-import "./components/maps/components/GpsTools/index.ed49dc90.js";
-import "./components/ModalDialog/index.ec55087e.js";
+import "./components/maps/components/Map/index.665e5c5d.js";
+import "./components/maps/components/GpsTools/index.889b0c39.js";
+import "./components/ModalDialog/index.89e26413.js";
 import "./components/modal/index.61389369.js";
-import "./components/modal/WindowConfirm.1d1d9cd2.js";
-import "./components/modal/WindowBase.2f29424e.js";
-import "./components/LoadingError/index.19b6eeb6.js";
-import "./components/MFLoader/index.56cd1993.js";
-import "./components/NoItemSelected/index.8a2a13f8.js";
-import "./components/ObjectLogs/index.7150b3a9.js";
-import "./components/PaperForm/index.637c8cb4.js";
-import "./components/Page/index.49d18c85.js";
-import "./components/PropertyValue/index.8fcce0c2.js";
-import "./components/Resizeable/index.8c53c1fa.js";
-import "./components/ScrollBar/index.65bb2930.js";
-import "./components/SplitLayout/index.9ef430f6.js";
-import "./components/SideBar/index.83ee1067.js";
-import "./components/AppBar/index.f78b52c7.js";
-import "./components/AccountPopover/index.3f67361e.js";
+import "./components/modal/WindowConfirm.19ddbd5d.js";
+import "./components/modal/WindowBase.ea17cf20.js";
+import "./components/LoadingError/index.fabad214.js";
+import "./components/MFLoader/index.7b4ee2a4.js";
+import "./components/NoItemSelected/index.7db73e77.js";
+import "./components/ObjectLogs/index.9c353020.js";
+import "./components/PaperForm/index.7ea3883f.js";
+import "./components/PDFViewer/index.5c2db67a.js";
+import "./components/Page/index.710cb16f.js";
+import "./components/PropertyValue/index.37d91d0c.js";
+import "./components/Resizeable/index.6478d7d8.js";
+import "./components/ScrollBar/index.010f1b9d.js";
+import "./components/SplitLayout/index.30fd5861.js";
+import "./components/ToastContainer/index.ed440301.js";
+import "./components/SideBar/index.58d29b84.js";
+import "./components/AppBar/index.9522f237.js";
+import "./components/AccountPopover/index.2604c389.js";
 import "./contexts/RHFormContext/index.7769076a.js";
-import "./contexts/ModalContext/index.436c2938.js";
-import "./hooks/useFormAddEdit/index.16083a43.js";
-import "./hooks/useModal/index.05d1821e.js";
-import "./hooks/useTab/index.19c8a409.js";
+import "./contexts/ModalContext/index.b39d303d.js";
+import "./hooks/useFormAddEdit/index.32aa4f64.js";
+import "./hooks/useModal/index.abdc0962.js";
+import "./hooks/useTab/index.991b13a7.js";
 const getNameDataTestId = (ELEMENT_PREFIX, ELEMENT_KEY, ELEMENT_ID) => {
   return `${ELEMENT_PREFIX}-${[ELEMENT_KEY]}-${ELEMENT_ID}`;
 };

package/components/Icon/index.f1161f32.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.83ee1067.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
-};

package/components/PrintingSystem/utils/getEvalValue/index.d.ts

@@ -1 +0,0 @@
-export declare const getEvalValue: (sourceData: any, key: string) => string | Array<any>;

package/components/PropertyValue/index.8fcce0c2.js

@@ -1,220 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.384f1182.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { useModuleSkeleton } from "@m4l/core";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { useState } from "react";
-const PropertyValueRoot = styled("div", {
-  shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
-})(({
-  propertyWidth,
-  isForm,
-  theme
-}) => ({
-  display: "grid",
-  gridTemplateColumns: "1fr",
-  alignItems: "flex-start",
-  width: "100%",
-  padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
-  borderBottom: isForm ? "none" : `1px solid ${theme.palette.divider}`,
-  flexDirection: "column",
-  [theme.breakpoints.up("sm")]: {
-    gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr",
-    gap: theme.spacing(2),
-    alignItems: "center"
-  },
-  ...theme.components?.M4LPropertyValue?.styleOverrides
-}));
-const Property = styled("div", {
-  shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
-})(({
-  propertyWidth,
-  isForm,
-  theme
-}) => ({
-  width: "100%",
-  minWidth: "100%",
-  ...theme.typography.body,
-  color: theme.palette.text.primary,
-  height: "100%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "flex-start",
-  position: "relative",
-  [theme.breakpoints.up("sm")]: {
-    borderRight: isForm ? "none" : `1px solid ${theme.palette.divider}`,
-    paddingRight: theme.spacing(2),
-    textAlign: "right",
-    width: propertyWidth || "150px",
-    minWidth: propertyWidth || "150px",
-    justifyContent: "flex-end"
-  },
-  overflow: "hidden",
-  overflowWrap: "break-word"
-}));
-const Value = styled("div", {
-  shouldForwardProp: (prop) => prop !== "valueWidth" && prop !== "valueHeight" && prop !== "withGrid"
-})(({
-  valueWidth,
-  valueHeight,
-  theme
-}) => ({
-  flexGrow: "1",
-  ...theme.typography.body,
-  color: theme.palette.text.secondary,
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  position: "relative",
-  padding: "1px",
-  maxWidth: `${valueWidth}%`,
-  width: `${valueWidth}%`,
-  height: valueHeight,
-  marginTop: theme.spacing(1),
-  [theme.breakpoints.up("sm")]: {
-    marginTop: "0px"
-  },
-  overflowWrap: "break-word"
-}));
-const SKTWrapperProperty = styled("div")(() => ({
-  display: "flex",
-  justifyContent: "flex-end"
-}));
-const COMPONENT_PREFIX = "m4l-property-value";
-const TEST_PROPS_DATA = `${COMPONENT_PREFIX}-data`;
-function SKTProperty(props) {
-  const {
-    className,
-    dataTestId = ""
-  } = props;
-  return /* @__PURE__ */ jsx(SKTWrapperProperty, {
-    className,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "skeletonProperty", dataTestId)
-    } : {},
-    children: /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 68,
-      height: 14
-    })
-  });
-}
-const componentName = "M4LPropertyValue";
-generateUtilityClasses(componentName, [
-  "root",
-  "property",
-  "value",
-  "skeletonProperty",
-  "isDisabled",
-  "isFocus"
-]);
-function getPropertyValueUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const propertyValueUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root", ownerState.disabled && "isDisabled", ownerState.focus && "isFocus"],
-    property: ["property"],
-    value: ["value"],
-    skeletonProperty: ["skeletonProperty"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPropertyValueUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-function PropertyValue(props) {
-  const {
-    property,
-    value,
-    propertyWidth = 200,
-    valueHeight = "auto",
-    valueWidth = "100",
-    valueWidthMobile,
-    isForm,
-    className,
-    dataTestId = "",
-    disabled = false
-  } = props;
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
-  const [isFocus, setIsFocus] = useState(false);
-  console.log("Estado de focus: ", isFocus);
-  const getValueW = () => {
-    if (valueWidthMobile && !isDesktop) {
-      return valueWidthMobile;
-    }
-    if (valueWidth === 75 && isDesktop) {
-      return 75;
-    } else if (valueWidth === 75 && !isDesktop) {
-      return 100;
-    }
-    if (valueWidth === 50 && isDesktop) {
-      return 50;
-    } else if (valueWidth === 50 && !isDesktop) {
-      return 100;
-    }
-    if (valueWidth === 25 && isDesktop || valueWidth === 12.5 && isDesktop) {
-      return valueWidth;
-    }
-    if (valueWidth === 25 && !isDesktop) {
-      return 50;
-    }
-    if (valueWidth === 12.5 && !isDesktop) {
-      return 25;
-    }
-    return 100;
-  };
-  const handlerFocus = () => {
-    setIsFocus(true);
-  };
-  const handlerOnBlur = () => {
-    setIsFocus(false);
-  };
-  const ownerState = {
-    disabled,
-    focus: disabled === false ? isFocus : false
-  };
-  const classes = propertyValueUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsxs(PropertyValueRoot, {
-    tabIndex: 0,
-    className: clsx(classes.root, className),
-    isForm,
-    propertyWidth,
-    onClick: handlerFocus,
-    onBlur: handlerOnBlur,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROPS_DATA]: JSON.stringify([{
-        property: property ? true : false,
-        value: value ? true : false
-      }]),
-      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-    } : {},
-    children: [/* @__PURE__ */ jsx(Property, {
-      className: classes.property,
-      isForm,
-      propertyWidth,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "property", dataTestId)
-      } : {},
-      children: isSkeleton ? /* @__PURE__ */ jsx(SKTProperty, {
-        className: classes.skeletonProperty,
-        dataTestId
-      }) : property
-    }), /* @__PURE__ */ jsx(Value, {
-      className: classes.value,
-      valueWidth: getValueW(),
-      valueHeight,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "value", dataTestId)
-      } : {},
-      children: value
-    })]
-  });
-}
-export {
-  PropertyValue as P
-};

package/components/PropertyValue/skeleton.d.ts

@@ -1,2 +0,0 @@
-import { SKTPropertyProps } from './types';
-export declare function SKTProperty(props: SKTPropertyProps): import("react/jsx-runtime").JSX.Element;