@m4l/components 9.4.30 → 9.4.31

package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js

@@ -39,215 +39,35 @@ import "../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
 import "../../../../../CommonActions/components/ActionFormCancel/slots/ActionFormCancelSlots.js";
 import "../../../../../CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.js";
 import "../../../../../CommonActions/components/ActionFormSubmitProgrammatic/slots/ActionFormSubmitProgrammaticSlots.js";
-import "../../../../../AccountPopover/slots/AccountPopoverSlots.js";
-import "@mui/material";
-import "../../../../../animate/IconButtonAnimate/index.js";
-import "framer-motion";
-import "@mui/material/styles";
-import "../../../../../animate/LoadingScreen/styles.js";
-import "../../../../../animate/AnimatedScroll/styles.js";
-import "../../../../../AppBar/slots/AppBarSlots.js";
-import "../../../../../areas/contexts/AreasContext/index.js";
-import "../../../../../areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.js";
-import "zustand/shallow";
-import "../../../../../areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js";
-import "../../../../../areas/components/AreasAdmin/slots/AreasAdminSlots.js";
-import "../../../../../extended/mui/Typography/Typography.js";
-import "../../../../../MenuActions/MenuActions.js";
-import "../../../../../areas/components/AreasViewer/AreasViewer.js";
-import "../../../../../Card/slots/CardSlots.js";
-import "../../../../../Card/constants.js";
-import "../../../../../CheckableList/constants.js";
-import "../../../../../CheckableList/slots/styled.js";
-import "../../../../../extended/mui/Skeleton/Slots/skeletonSlots.js";
-import "../../../../../ImageText/slots/ImageTextSlots.js";
-import "../../../../../ImageText/constants.js";
 import "lodash-es/throttle";
-import "../../../../../Chip/Chip.js";
-import "../../../../../commercial/AppBarCommercial/classes/index.js";
-import "../../../../../commercial/AppBarCommercial/styles.js";
-import "../../../../../commercial/HamburgerMenu/styles.js";
-import "../../../../../commercial/HamburgerMenu/classes/index.js";
-import "../../../../../SideBar/SideBar.js";
-import "../../../../../commercial/TopBar/classes/index.js";
-import "../../../../../commercial/TopBar/context/index.js";
-import "../../../../../extended/mui/Popover/slots/PopoverSlots.js";
-import "../../../../../extended/mui/Accordion/Accordion.js";
-import "../../../../../extended/mui/Button/Button.js";
-import "../../../../../commercial/TopBar/component/ConteinItem/subcomponets/NavItem/subcomponents/ArrowIcon/styles.js";
-import "../../../../../commercial/TopBar/style.js";
-import "../../../../../commercial/SectionCommercial/classes/index.js";
-import "../../../../../commercial/SectionCommercial/styles.js";
-import "../../../../../ContainerFlow/constants.js";
-import "../../../../../ContainerFlow/slots/ContainerFlowSlots.js";
-import "../../../../contexts/FilterContext/FilterContext.js";
-import "../../../../contexts/DataGridContext/DataGridContext.js";
 import { ActionsEditOutlined as N } from "@m4l/icons";
-import "../../../TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js";
-import "../Settings/subcomponents/ColumnsConfig/ColumnsConfig.js";
-import "../../../../../Pager/slots/PagerSlots.js";
-import "../../../../../extended/mui/Select/Select.js";
-import "../CardRow/CardRow.js";
-import "react-data-grid";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "../../../TableView/subcomponents/CheckboxFormatter/CheckboxFormatter.js";
-import "../../../TableView/subcomponents/ActionsColumn/ActionsColumn.js";
-import "../../../TableView/subcomponents/RadioSelectColumn/subcomponents/RadioFormatter/RadioFormatter.js";
-import "../../../../../extended/mui/MenuItem/constants.js";
-import "../../../../../extended/mui/MenuItem/slots/MenuItemSlots.js";
-import "../../../../../extended/mui/MenuDivider/slots/MenuDividerSlots.js";
-import "../../../../../formatters/BooleanFormatter/slots/BooleanFormatterSlots.js";
-import "../../../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
-import "../../../../../formatters/ChipStatusFormatter/constants.js";
-import "../../../../../formatters/DateFormatter/slots/DateFormatterSlots.js";
-import "../../../../../formatters/UncertaintyFormatter/slots/UncertaintyFormatterSlots.js";
-import "../../../../../formatters/PointsFormatter/slots/ointsFormatterSlots.js";
-import "../../../../../formatters/ConcatenatedFormatter/slots/ConcatenatedFormatterSlots.js";
-import "../../../../../formatters/PeriodFormatter/slots/PeriodFormatterSlots.js";
-import "../../../../../formatters/PriceFormatter/slots/PriceFormatterSlots.js";
-import "../../../../../formatters/DistanceToNowFormatter/slots/DistanceToNowFormatterSlots.js";
-import "../../../../../formatters/TagsFormatter/slots/TagsFormatterSlots.js";
-import "../../../../../formatters/TagsFormatter/constants.js";
-import "../../../../../Color/slots/ColorSlots.js";
-import "../../../../../formatters/ColorFormatter/slots/ColorFormatterSlots.js";
-import "../../../../../formatters/ImageFormatter/slots/ImageFormatterSlots.js";
-import "../../../../../formatters/ImageFormatter/constants.js";
-import "../../../../../formatters/IconsFormatter/constants.js";
-import "../../../../../formatters/IconsFormatter/slots/IconsFormatterSlots.js";
-import "../../../../../extended/mui/CheckBox/CheckBox.js";
-import "../../../adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
-import "../../../../../DaysOfWeekPicker/DaysOfWeekPicker.js";
-import "../../../../../DragResizeWindowRND/DragResizeWindowRND.js";
-import "../../../../../DaysOfMonthPicker/DaysOfMonthPicker.js";
-import "lodash-es/snakeCase";
-import "lodash-es/camelCase";
-import "../../../../../HelperError/HelperError.js";
-import "../../../../../extended/mui/Autocomplete/Autocomplete.js";
-import "../../../../../hook-form/RHFAutocomplete/slots/RHFAutocompleteSlots.js";
-import "../../../../../hook-form/RHFAutocomplete/constants.js";
-import "../../../../../Label/slots/LabelSlots.js";
-import "../../../../../hook-form/RHFColorPicker/slots/RHFColorPickerSlots.js";
-import "lodash-es/debounce";
-import "../../../../../hook-form/RHFCheckbox/RHFCheckbox.js";
-import "../../../../../hook-form/RHFCheckableList/constants.js";
-import "../../../../../hook-form/RHFCheckableList/slots/RHFCheckableListSlots.js";
-import "../../../../../extended/mui/DateTimePicker/slots/DateTimePickerSlots.js";
-import "../../../../../hook-form/RHFDateTime/slots/RHFDateTimeSlots.js";
-import "../../../../../extended/mui/DatePicker/slots/DatePickerSlots.js";
-import "../../../../../extended/mui/DatePicker/constants.js";
-import "../../../../../hook-form/RHFDatePicker/slots/RHFDatePickerSlots.js";
-import "../../../../../hook-form/RHFDaysOfWeekPicker/RHFDaysOfWeekPicker.js";
-import "../../../../../hook-form/RHFDaysOfMonthPicker/RHFDaysOfMonthPicker.js";
-import "../../../../../hook-form/RHFSelect/constants.js";
-import "../../../../../hook-form/RHFSelect/slots/RHFSlots.js";
-import "../../../../../hook-form/RHFTextField/RHFTextField.js";
-import "../../../../../hook-form/RHFTextFieldPassword/slots/RHFTextFieldPasswordSlots.js";
-import "../../../../../hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
-import "../../../../../extended/mui/Radio/Radio.js";
-import "../../../../../hook-form/RHFRadioGroup/slots/styled.js";
-import "../../../../../hook-form/RHFRadioGroup/constants.js";
-import "@mui/material/utils/useId";
-import "../../../../../NumberInput/NumberInput.js";
-import "../../../../../hook-form/RHFNumberInput/slots/RHFNumberInputSlots.js";
-import "react-dropzone";
-import "../../../../../hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.js";
-import "../../../../../hook-form/RHFUpload/RHFUploadSingleFile/constants.js";
-import "../../../../../hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.js";
-import "lodash-es/isString";
-import "../../../../../Image/subcomponents/IntersectComponent/index.js";
-import "../../../../../Image/slots/ImageSlots.js";
-import "../../../../../Image/constant.js";
-import "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
-import "yup";
-import "../../../../../hook-form/RHFActionsGroup/slots/RHFActionsGroupSlots.js";
-import "../../../../../hook-form/RHFActionsGroup/constants.js";
-import "../../../../../extended/React-Resizable/Resizable/slots/ResizableSlots.js";
-import "../../../../../extended/React-Resizable/ResizableBox/slots/ResizableBoxSlots.js";
-import "../../../../../extended/React-resizable-panels/slots/SplitLayoutSlots.js";
-import "../../../../../extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerSlots.js";
-import "../../../../../extended/React-Window/FixedSizeList/slots/FixedSizeListSlots.js";
-import "../../../../../extended/React-Window/VariableSizeList/VariableSizeList.js";
-import "@textea/json-viewer";
-import "../../../../../extended/React-Json-Viewer/slots/ReactJsonViewerSlots.js";
-import "../../../../../extended/React-Json-Viewer/constants.js";
-import "../../../../../extended/mui/Avatar/Avatar.js";
-import "react-router-dom";
-import "../../../../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
-import "../../../../../extended/mui/Badge/slots/BadgeSlots.js";
-import "../../../../../extended/mui/ImageButton/styles.js";
-import "../../../../../extended/mui/ImageButton/utils/Clases/index.js";
-import "../../../../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
-import "../../../../../extended/mui/Stack/Stack.js";
-import "../../../../../extended/mui/Tab/Slots/TabSlots.js";
-import "../../../../../extended/mui/Tabs/slots/TabsSlots.js";
-import "../../../../../extended/mui/TabContent/slots/TabContentSlots.js";
-import "../../../../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
-import "../../../../../extended/mui/NavLink/slots/NavLinkSlots.js";
-import "../../../../../extended/mui/NavLink/constants.js";
-import "../../../../../extended/mui/Dialog/Dialog.js";
-import "../../../../../extended/mui/Divider/slots/DividerSlots.js";
-import "../../../../../FormContainer/slots/FormContainerSlots.js";
-import "../../../../../FormContainer/constants.js";
-import "../../../../../GridLayout/GridLayout.js";
-import "../../../../../GridLayout/subcomponents/Responsive/index.js";
-import "../../../../../HelmetPage/index.js";
-import "../../../../../LanguagePopover/slots/LanguagePopoverSlots.js";
-import "../../../../../LinearProgressIndeterminate/slots/LinearProgressIndeterminateSlots.js";
-import "../../../../../LoadingError/slots/LoadingErrorSlots.js";
-import "../../../../../MFIsolationApp/MFIsolationApp.js";
-import "../../../../../MFIsolationAppStorybook/MFIsolationAppStorybook.js";
-import "../../../../../MFLoader/classes/index.js";
-import "../../../../../MFLoader/styles.js";
-import "../../../../../NoItemSelected/constant.js";
-import "../../../../../NoItemSelected/slots/NoItemSelectedSlots.js";
-import "../../../../../NoItemPrivileges/constants.js";
-import "../../../../../NoItemPrivileges/slots/NoItemPrivilegesSlots.js";
-import "../../../../../ObjectLogs/slots/ObjectLogsSlots.js";
-import "date-fns";
-import "../../../../../PaperForm/slots/PaperFormSlots.js";
-import "../../../../../PropertyValue/slots/PropertyValueSlots.js";
-import "../../../../../PDFViewer/slots/PDFViewerSlots.js";
-import "../../../../../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
-import "../../../../../popups/components/PopupsViewer/PopupsViewer.js";
-import "../../../../../PrintingSystem/PrintingSystem.js";
-import "../../../../../ScrollBar/slots/ScrollBarSlots.js";
-import "react-toastify";
-import "../../../../../ToastContainer/slots/toastContainerSlots.js";
-import "../../../../../TabsNavigator/slots/TabsNavigatorSlots.js";
-import "../../../../../TabsNavigator/constants.js";
-import "../../../../../ModalDialog/slots/ModalDialogSlots.js";
-import "../../../../../SettingsLayout/slots/SettingsLayoutSlots.js";
-import "../../../../../SettingsLayout/constants.js";
-import "../../../../../Stepper/store/StepperContext/index.js";
-import "../../../../../Stepper/slots/StepperSlot.js";
-function rp({
+function Vt({
   row: w,
   columns: h,
   viewColumnsConfig: f,
-  onRowsChange: m,
+  onRowsChange: i,
   size: C = "medium",
-  rows: e,
-  rowIndex: p
+  rows: l,
+  rowIndex: n
 }) {
-  const [E, n] = k(null), [v, x] = k(0), { getLabel: D } = B(), { currentSize: R } = M(C), l = e[p] || w, g = F(() => {
+  const [E, a] = k(null), [v, x] = k(0), { getLabel: D } = B(), { currentSize: R } = M(C), p = l[n] || w, g = F(() => {
     x((t) => t + 1);
   }, []), A = h.map((t) => t.renderCell ? {
     ...t,
     // Agregar onAfterChange al objeto de la columna
     onAfterChange: g
   } : t);
-  return /* @__PURE__ */ r(K, { ownerState: {}, children: A.map((t, a) => {
+  return /* @__PURE__ */ r(K, { ownerState: {}, children: A.map((t, c) => {
     const I = f.find(
-      (o) => o.key === t.key
-    ), i = h[a], L = !!t.onAfterChange ? `${i.key}-${v}` : `${i.key}`, T = I?.showTitle !== !1;
+      (e) => e.key === t.key
+    ), o = h[c], L = !!t.onAfterChange ? `${o.key}-${v}` : `${o.key}`, T = I?.showTitle !== !1;
     return /* @__PURE__ */ r(O, { ownerState: {}, children: /* @__PURE__ */ u(
       V,
       {
         ownerState: {},
-        "data-testid": `card-detail-column-${i.key}`,
+        "data-testid": `card-detail-column-${o.key}`,
         onDoubleClick: t.renderEditCell && E !== t.key ? () => {
-          n(t.key);
+          a(t.key);
         } : void 0,
         children: [
           T && /* @__PURE__ */ u(W, { ownerState: {}, variant: "body", color: "text.secondary", children: [
@@ -257,50 +77,50 @@ function rp({
           (() => {
             if (t.renderEditCell && E === t.key)
               return /* @__PURE__ */ r(j, { ownerState: { size: C }, children: t.renderEditCell({
-                column: i,
-                row: l,
-                rowIdx: a,
+                column: o,
+                row: p,
+                rowIdx: c,
                 /**
                  * onRowChange es una función que se ejecuta cuando el usuario edita una celda.
                  */
-                onRowChange: (c) => {
-                  if (m) {
-                    const s = e.map(
-                      (d, y) => y === p ? c : d
+                onRowChange: (m) => {
+                  if (i) {
+                    const s = l.map(
+                      (d, y) => y === n ? m : d
                     );
-                    m(s, {
-                      indexes: [p],
-                      column: i
+                    i(s, {
+                      indexes: [n],
+                      column: o
                     });
                   }
                 },
-                onClose: () => n(null)
+                onClose: () => a(null)
               }) });
             if (t.renderCell) {
-              const c = t.renderCell({
+              const m = t.renderCell({
                 column: t,
-                row: l,
-                rowIdx: a,
+                row: p,
+                rowIdx: c,
                 isCellSelected: !1,
                 tabIndex: -1,
                 /**
                  * onRowChange es una función que se ejecuta cuando el usuario edita una celda.
                  */
                 onRowChange: (s) => {
-                  if (m) {
-                    const d = e.map(
-                      (y, $) => $ === p ? s : y
+                  if (i) {
+                    const d = l.map(
+                      (y, $) => $ === n ? s : y
                     );
-                    m(d, {
-                      indexes: [p],
-                      column: i
+                    i(d, {
+                      indexes: [n],
+                      column: o
                     });
                   }
                 }
               });
-              return /* @__PURE__ */ r(S, { ownerState: {}, variant: "body", color: "text.primary", children: c });
+              return /* @__PURE__ */ r(S, { ownerState: {}, variant: "body", color: "text.primary", children: m });
             }
-            const o = l[t.key], b = o == null || o === "";
+            const e = p[t.key], b = e == null || e === "";
             return t.renderEditCell ? /* @__PURE__ */ u(z, { ownerState: {}, children: [
               /* @__PURE__ */ r(
                 S,
@@ -308,7 +128,7 @@ function rp({
                   ownerState: {},
                   variant: "body",
                   color: b ? "text.secondary" : "text.primary",
-                  children: b ? D(P.EDIT_PLACEHOLDER) : o
+                  children: b ? D(P.EDIT_PLACEHOLDER) : e
                 }
               ),
               /* @__PURE__ */ r(
@@ -317,14 +137,14 @@ function rp({
                   ownerState: {},
                   src: /* @__PURE__ */ r(N, {}),
                   onClick: () => {
-                    n(t.key);
+                    a(t.key);
                   },
                   size: R,
                   role: "button",
                   "aria-label": "Editar texto"
                 }
               )
-            ] }) : /* @__PURE__ */ r(S, { ownerState: {}, variant: "body", color: "text.primary", children: o ?? "-" });
+            ] }) : /* @__PURE__ */ r(S, { ownerState: {}, variant: "body", color: "text.primary", children: e ?? "-" });
           })()
         ]
       }
@@ -332,5 +152,5 @@ function rp({
   }) });
 }
 export {
-  rp as CardDetails
+  Vt as CardDetails
 };