@m4l/components 0.1.95 → 0.1.97

package/components/PropertyValue/index.4ae0bb21.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.6019bf6e.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,3 +0,0 @@
-/// <reference types="react" />
-import { SKTPropertyProps } from './types';
-export declare function SKTProperty(props: SKTPropertyProps): import("react").JSX.Element;

package/vendor.6019bf6e.js

@@ -1,104 +0,0 @@
-import "./assets/Logo/index.228dcb5a.js";
-import "./components/DataGrid/index.47a152d0.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.3c182644.js";
-import "./components/areas/components/AreasViewer/index.a0a969e7.js";
-import "./components/areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
-import "./components/areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "./components/areas/contexts/AreasContext/index.d43aceaf.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.a5f1034a.js";
-import "./components/hook-form/RHFAutocompleteAsync/index.047ff594.js";
-import "./components/hook-form/RHFDateTime/index.a273293c.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.53827a17.js";
-import "./components/Period/index.8cccbb4b.js";
-import "./components/hook-form/RHFCheckbox/index.a38715e3.js";
-import "./components/hook-form/RHFTextField/index.5801338a.js";
-import "./components/hook-form/RHFUpload/index.f04df1c9.js";
-import "./components/mui_extended/Accordion/index.08ff7e2f.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/Button/index.857c2dfe.js";
-import "./components/mui_extended/MenuActions/index.d8d0c00e.js";
-import "./components/mui_extended/Pager/index.47343062.js";
-import "./components/mui_extended/Tab/index.2f9a6815.js";
-import "./components/mui_extended/CheckBox.e662d20c.js";
-import "./components/mui_extended/IconButton/index.5499ffdb.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/formatters/BooleanFormatter/index.00596be3.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.1906141f.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/columnNestedValueFormatter/index.b63f7246.js";
-import "./components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js";
-import "./components/DynamicFilter/index.a50a1483.js";
-import "./components/HelperText/index.7d2afdb3.js";
-import "./components/CommonActions/components/Actions/index.ccf731c1.js";
-import "./components/CommonActions/components/ActionCancel/index.bb383946.js";
-import "./components/CommonActions/components/ActionIntro/index.4bc5780e.js";
-import "./components/CommonActions/components/ActionFormCancel/index.97ecdeef.js";
-import "./components/CommonActions/components/ActionFormIntro/index.3deddb07.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.11a7a77c.js";
-import "./components/LanguagePopover/index.087b430d.js";
-import "./components/LinearProgressIndeterminate/index.c46da124.js";
-import "./components/Image/index.9799dfc0.js";
-import "./components/Loadable/index.e994fc3e.js";
-import "./components/ModalDialog/index.ec55087e.js";
-import "./components/modal/index.61389369.js";
-import "./components/modal/WindowConfirm.477e6f63.js";
-import "./components/modal/WindowBase.beb2fb3e.js";
-import "./components/LoadingError/index.08cf9728.js";
-import "./components/MFLoader/index.4b531d2d.js";
-import "./components/NoItemSelected/index.8a2a13f8.js";
-import "./components/ObjectLogs/index.55b5c933.js";
-import "./components/PaperForm/index.a2b69977.js";
-import "./components/Page/index.49d18c85.js";
-import "./components/PropertyValue/index.4ae0bb21.js";
-import "./components/Resizeable/index.8c53c1fa.js";
-import "./components/ScrollBar/index.65bb2930.js";
-import "./components/SplitLayout/index.9ef430f6.js";
-import "./components/SideBar/index.ce301edd.js";
-import "./components/AppBar/index.512042a9.js";
-import "./components/AccountPopover/index.3711d526.js";
-import "./contexts/RHFormContext/index.1755b324.js";
-import "./contexts/ModalContext/index.436c2938.js";
-import "./hooks/useFormAddEdit/index.b9ccd95f.js";
-import "./hooks/useModal/index.05d1821e.js";
-const getNameDataTestId = (ELEMENT_PREFIX, ELEMENT_KEY, ELEMENT_ID) => {
-  return `${ELEMENT_PREFIX}-${[ELEMENT_KEY]}-${ELEMENT_ID}`;
-};
-export {
-  getNameDataTestId as g
-};