@m4l/components 0.0.45 → 0.0.48

package/dist/components/DynamicFilter/index.js

@@ -1,13 +1,14 @@
 import { S as ScrollBar } from "../ScrollBar/index.js";
 import { styled, alpha } from "@mui/material/styles";
 import require$$0, { useRef, useState, useMemo, useCallback, useEffect, createContext, useContext } from "react";
-import { useModuleDictionary, useEnvironment, voidFunction, useHostTools, useFlagsPresent } from "@m4l/core";
+import { useModuleDictionary, useHostTools, useEnvironment, voidFunction, useFlagsPresent } from "@m4l/core";
 import * as Yup from "yup";
 import { useFormContext, useWatch } from "react-hook-form";
 import { F as FormProvider } from "../hook-form/FormProvider/index.js";
 import "react-router-dom";
 import "@mui/lab";
-import { styled as styled$1, Skeleton, MenuItem, Popper, Button } from "@mui/material";
+import { styled as styled$1, Skeleton, MenuItem, useTheme, Popper, Button } from "@mui/material";
+import { L as LabelMemuItem } from "../CommonActions/components/Actions/index.js";
 import "../../contexts/ModalContext/index.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { R as RHFAutocomplete } from "../../vendor.js";
@@ -20,11 +21,9 @@ import "../../lodash.js";
 import "../../react-lazy-load-image-component.js";
 import "../Image/index.js";
 import "../hook-form/RHFUpload.js";
-import { format } from "date-fns";
 import { I as IconButton } from "../mui_extended/IconButton/index.js";
 import { I as Icon } from "../Icon/index.js";
 import "../../simplebar.js";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.js";
 import { M as MenuPopover } from "../mui_extended/MenuPopover/index.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const WrapperApplyedFilters = styled("div")(({
@@ -370,7 +369,7 @@ const verifyDateTime = (filter) => {
   }
   return true;
 };
-const getDefaultDateTimeFilter = (field, fixed, getLabel) => {
+const getDefaultDateTimeFilter = (field, fixed, getLabel, hostTools) => {
   const defaultStartDate = new Date();
   const defaultEndDate = new Date();
   let dfop1 = field.defaultOperand1;
@@ -408,7 +407,7 @@ const getDefaultDateTimeFilter = (field, fixed, getLabel) => {
   }
   defaultFilter.o1 = defaultStartDate.toISOString();
   defaultFilter.o2 = defaultEndDate.toISOString();
-  defaultFilter.labelOperands = `${format(defaultStartDate, "yyyy-MM-dd HH:mm:ss")} - ${format(defaultEndDate, "yyyy-MM-dd HH:mm:ss")}`;
+  defaultFilter.labelOperands = `${hostTools.formatDate(defaultStartDate, "yyyy-MM-dd HH:mm:ss")} - ${hostTools.formatDate(defaultEndDate, "yyyy-MM-dd HH:mm:ss")}`;
   defaultFilter.labelOperator = getLabel(`dynamic_filter.operator_${defaultFilter.o}`);
   return defaultFilter;
 };
@@ -421,6 +420,9 @@ function DateTimeFilter() {
   const {
     getLabel
   } = useModuleDictionary();
+  const {
+    formatDate
+  } = useHostTools();
   const {
     dfnsFormat: {
       datetime_format
@@ -460,10 +462,10 @@ function DateTimeFilter() {
     };
     if (data.valueOperator.id === "b") {
       newFilter.o2 = data.valueOperand2.toISOString();
-      newFilter.labelOperands = `${format(data.valueOperand1, datetime_format)} - ${format(data.valueOperand2, datetime_format)}`;
+      newFilter.labelOperands = `${formatDate(data.valueOperand1, datetime_format)} - ${formatDate(data.valueOperand2, datetime_format)}`;
     } else {
       newFilter.o2 = newFilter.o2 ? newFilter.o2 : newFilter.o1;
-      newFilter.labelOperands = format(data.valueOperand1, datetime_format);
+      newFilter.labelOperands = formatDate(data.valueOperand1, datetime_format);
     }
     return newFilter;
   }, []);
@@ -671,9 +673,9 @@ const strategiesDefaultFilterValues = {
     throw new Error("Type no defined");
   }
 };
-const getDefaultFilterValues = (field, fixed, getLabel) => {
+const getDefaultFilterValues = (field, fixed, getLabel, hostTools) => {
   const transformer = strategiesDefaultFilterValues[field.type] ?? strategiesDefaultFilterValues.__default__;
-  return transformer(field, fixed, getLabel);
+  return transformer(field, fixed, getLabel, hostTools);
 };
 const strategiesEditFilterComponent = {
   string: StringFilter,
@@ -751,7 +753,7 @@ const formatToRawFilter = (applyedFilter) => {
     o2: af.o2
   }));
 };
-const getInitialFilters = (fields, filters, getFieldByName, getLabel) => {
+const getInitialFilters = (fields, filters, getFieldByName, getLabel, hostTools) => {
   const newFilters = [];
   const fixedFields = [];
   for (let index = 0; index < filters.length; index++) {
@@ -801,7 +803,7 @@ const getInitialFilters = (fields, filters, getFieldByName, getLabel) => {
     const field = fields[index];
     if (field.presence === "initialized" || field.presence === "fixed") {
       if (!filters.find((f) => f.n === field.name)) {
-        const newFilter = getDefaultFilterValues(field, field.presence === "fixed", getLabel);
+        const newFilter = getDefaultFilterValues(field, field.presence === "fixed", getLabel, hostTools);
         newFilter.id = newFilters.length + 1;
         newFilters.push(newFilter);
       }
@@ -834,6 +836,7 @@ function BaseProvider(props) {
     host_static_assets,
     environment_assets
   } = useEnvironment();
+  const hostTools = useHostTools();
   const all_fields = useMemo(() => {
     return {
       ...ALL_FIELDS,
@@ -855,7 +858,7 @@ function BaseProvider(props) {
   const getLabelOperator = useCallback((operator) => {
     return getLabel(`dynamic_filter.operator_${operator}`);
   }, [getLabel]);
-  const [applyedFilters, setApplyedFilters] = useState(getInitialFilters(fields, initialFilters, getFieldByName, getLabel));
+  const [applyedFilters, setApplyedFilters] = useState(getInitialFilters(fields, initialFilters, getFieldByName, getLabel, hostTools));
   const availableFields = useMemo(() => {
     const newFields = [];
     for (let index = 0; index < fields.length; index++) {
@@ -885,7 +888,7 @@ function BaseProvider(props) {
         autoClose: 1e4
       });
     }
-  }, [isValid, applyedFilters]);
+  }, [isValid, applyedFilters, onChangeFilter]);
   useEffect(() => {
     const NoValid = applyedFilters.findIndex((f) => !f.isSetted) > -1;
     if (NoValid) {
@@ -962,7 +965,7 @@ function BaseProvider(props) {
   const showPopupForAddFilter = useCallback((anchorEl, field) => {
     setPopupData({
       popupAnchorEl: anchorEl,
-      filter: getDefaultFilterValues(field, false, getLabel),
+      filter: getDefaultFilterValues(field, false, getLabel, hostTools),
       field
     });
     setInEdition(true);
@@ -1133,7 +1136,7 @@ function ApplyedFilter(props) {
         children: labelOperands
       })]
     }), !fixed && /* @__PURE__ */ jsx(IconButton, {
-      src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/close.svg`,
+      src: `${host_static_assets}/${environment_assets}/frontend/components/dynamic_filter/assets/icons/close_filter.svg`,
       onClick: onDelete
     })]
   });
@@ -1470,6 +1473,7 @@ const PopupEditFilter = () => {
     getLabelOperator,
     fnTransformFormValuesIntoRawValues
   } = useBase();
+  const theme = useTheme();
   const {
     getLabel
   } = useModuleDictionary();
@@ -1506,7 +1510,7 @@ const PopupEditFilter = () => {
     open: Boolean(popupAnchorEl),
     anchorEl: popupAnchorEl,
     sx: {
-      boxShadow: "0 8px 16px 0 rgb(0 0 0 / 12%)",
+      boxShadow: theme.customShadows.dropdown,
       borderRadius: 1
     },
     children: /* @__PURE__ */ jsx(Fragment, {

package/dist/components/Icon/index.js

@@ -1,15 +1,15 @@
 import { styled, useTheme } from "@mui/material";
-import { useState, useEffect } from "react";
+import { useState, useMemo, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 const MaskIcon = styled("div", {
   shouldForwardProp: (props) => props !== "src" && props !== "width" && props !== "height" && props !== "bgColor"
 })((props) => ({
-  WebkitMask: `url(${props.src}) no-repeat`,
-  mask: `url(${props.src}) no-repeat`,
-  maskPosition: "center",
+  maskPosition: "center!important",
+  maskRepeat: "no-repeat!important",
   width: props.width === void 0 ? "20px" : props.width,
   height: props.height === void 0 ? "20px" : props.height,
-  backgroundColor: props.bgColor
+  backgroundColor: props.bgColor,
+  mask: `url('data:image/svg+xml;base64,${props.src}')`
 }));
 const WrapperPlaceHolder = styled("div", {
   shouldForwardProp: (props) => props !== "widht" && props !== "height"
@@ -29,7 +29,7 @@ function Icon(props) {
   } = props;
   const [resource, setResource] = useState(void 0);
   const theme = useTheme();
-  const getBgColor = () => {
+  const finalBgColor = useMemo(() => {
     if (bgColor === "active") {
       return theme.palette.action.active;
     }
@@ -49,23 +49,25 @@ function Icon(props) {
       return theme.palette.action.disabled;
     }
     return bgColor;
-  };
+  }, [bgColor]);
   useEffect(() => {
     let mounted = true;
-    if (resource)
-      return;
     (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(response.url);
+          setResource(window.btoa(xml));
         }
       }).catch((_err) => {
+        console.log("error icon");
       });
     })();
     return function clenUp() {
       mounted = false;
     };
-  }, []);
+  }, [src]);
   const placeHolder = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==";
   return /* @__PURE__ */ jsx(WrapperPlaceHolder, {
     id: "IconReact",
@@ -75,7 +77,7 @@ function Icon(props) {
       src: resource,
       width,
       height,
-      bgColor: getBgColor()
+      bgColor: finalBgColor
     }) : /* @__PURE__ */ jsx("img", {
       src: placeHolder,
       alt: "icon_svg"

package/dist/components/ModalDialog/components/Header/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { VariantModal } from '../../../../contexts/ModalContext/types';
+import { VariantColor } from '../../../../utils/types';
 export interface HeaderProps {
-    variant?: VariantModal;
+    variant?: VariantColor;
     title: string;
     iconComponent?: ReactNode;
     withClose?: boolean;

package/dist/components/ModalDialog/index.js

@@ -2,13 +2,13 @@ import { Dialog, IconButton, Paper } from "@mui/material";
 import { D as Draggable } from "../../react-draggable.js";
 import { u as useModal } from "../../hooks/useModal/index.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../vendor.js";
+import { g as getThemeVariantColor } from "../../vendor.js";
 import { R as Resizeable } from "../Resizeable/index.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { I as Icon } from "../Icon/index.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { F as FormActions, g as getActionnsComponentsDictionary } from "../FormActions/index.js";
+import { b as Actions, g as getStandardActionsDictionary } from "../CommonActions/components/Actions/index.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",
@@ -128,8 +128,7 @@ const ModalDialog = () => {
     title,
     closeModal,
     iconComponent,
-    standardActions,
-    actionComponents,
+    actions,
     variant
   } = useModal();
   const isDesktop = useResponsiveDesktop();
@@ -138,21 +137,22 @@ const ModalDialog = () => {
   };
   const contentComnponent = /* @__PURE__ */ jsxs(Container, {
     id: "Container",
-    children: [/* @__PURE__ */ jsx(Header, {
-      variant,
-      title,
-      iconComponent,
-      withClose,
-      onCloseModal
-    }), /* @__PURE__ */ jsx(Content, {
-      id: "Content",
-      children: typeof contentComponent === "function" ? contentComponent() : contentComponent
-    }), (standardActions || actionComponents) && /* @__PURE__ */ jsx(FormActions, {
-      variant,
-      standardActions,
-      actionComponents,
-      onCloseModal
-    })]
+    children: [
+      /* @__PURE__ */ jsx(Header, {
+        variant,
+        title,
+        iconComponent,
+        withClose,
+        onCloseModal
+      }),
+      /* @__PURE__ */ jsx(Content, {
+        id: "Content",
+        children: typeof contentComponent === "function" ? contentComponent() : contentComponent
+      }),
+      actions && /* @__PURE__ */ jsx(Actions, {
+        children: actions
+      })
+    ]
   });
   return /* @__PURE__ */ jsxs(WrapperDialog, {
     open,
@@ -172,7 +172,7 @@ const ModalDialog = () => {
   });
 };
 function getModalDialogComponentsDictionary() {
-  return ["modal_dialog"].concat(getActionnsComponentsDictionary());
+  return ["modal_dialog"].concat(getStandardActionsDictionary());
 }
 const defaultModalDialogDictionary = {
   modal_dialog: {}

package/dist/components/ModalDialog/types.d.ts

@@ -1,6 +1,6 @@
-import { VariantModal } from '../../contexts/ModalContext/types';
+import { VariantColor } from '../../utils/types';
 export interface ModalDialogProps {
 }
 export interface VariantProps {
-    variant?: VariantModal;
+    variant?: VariantColor;
 }

package/dist/components/ObjectLogs/index.js

@@ -126,13 +126,13 @@ function DetailFormatter(props) {
   });
 }
 function ObjectLogs(props) {
-  const {
-    getLabel
-  } = useModuleDictionary();
   const {
     resource_id,
     object_id
   } = props;
+  const {
+    getLabel
+  } = useModuleDictionary();
   const [queryParams, setQueryParams] = useState({
     resource_id,
     object_id
@@ -186,7 +186,6 @@ function ObjectLogs(props) {
     queryParams
   });
   useEffect(() => {
-    console.log("useEffect ObjectLogs", object_id);
     clearRows();
     setQueryParams((oldParms) => ({
       ...oldParms,
@@ -194,14 +193,12 @@ function ObjectLogs(props) {
     }));
   }, [object_id]);
   const onChangeFilter = (_initFilters, rawFilters) => {
-    console.log("onChangeFilter", object_id);
     setQueryParams((oldParms) => ({
       ...oldParms,
       f: rawFilters
     }));
     Refresh();
   };
-  console.log("Render ObjectLogs", object_id, queryParams);
   return /* @__PURE__ */ jsxs(Container$1, {
     children: [/* @__PURE__ */ jsx(Actions, {
       id: "objectLogsActions",

package/dist/components/SplitLayout/index.js

@@ -32,7 +32,6 @@ const WrapperSplit = styled("div")(({
     display: "flex",
     alignItems: "center",
     backgroundColor: theme.palette.divider,
-    zIndex: "1",
     boxSizing: "border-box",
     backgroundClip: "padding-box",
     width: "11px",

package/dist/components/formatters/DateFormatter/index.js

@@ -1,29 +1,31 @@
-import { useEnvironment } from "@m4l/core";
-import { format } from "date-fns";
+import { useEnvironment, useHostTools } from "@m4l/core";
 import require$$0 from "react";
 import { jsx } from "react/jsx-runtime";
 function DateFormatter(props) {
   const {
     presentationType,
     value,
-    format: format$1,
+    format,
     Component = require$$0.Fragment
   } = props;
   const {
     dfnsFormat
   } = useEnvironment();
-  let finalFormat = format$1 || dfnsFormat.datetime_format;
+  const {
+    formatDate
+  } = useHostTools();
+  let finalFormat = format || dfnsFormat.datetime_format;
   let result;
   let resultDate;
   switch (presentationType) {
     case "datetime":
-      finalFormat = format$1 || dfnsFormat.datetime_format;
+      finalFormat = format || dfnsFormat.datetime_format;
       break;
     case "date":
-      finalFormat = format$1 || dfnsFormat.date_format;
+      finalFormat = format || dfnsFormat.date_format;
       break;
     case "time":
-      finalFormat = format$1 || dfnsFormat.time_format;
+      finalFormat = format || dfnsFormat.time_format;
       break;
   }
   try {
@@ -32,7 +34,7 @@ function DateFormatter(props) {
     } else {
       resultDate = value;
     }
-    result = format(resultDate, finalFormat);
+    result = formatDate(resultDate, finalFormat);
   } catch (e) {
     result = "err_typing";
   }

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

@@ -1,125 +1,15 @@
-import { useCallback, useEffect } from "react";
-import { useFormContext, useFormState, useForm, FormProvider as FormProvider$1 } from "react-hook-form";
+import { useEffect } from "react";
+import { useForm, FormProvider as FormProvider$1 } from "react-hook-form";
 import { o } from "../../../node_modules.js";
 import { styled } from "@mui/material/styles";
-import { useNavigate } from "react-router-dom";
-import { useModuleDictionary, useFlagsPresent } from "@m4l/core";
-import { LoadingButton } from "@mui/lab";
-import { Skeleton, Button } from "@mui/material";
-import { u as useModal } from "../../../hooks/useModal/index.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-const WrapperFormProvider = styled("form")(({
-  theme
-}) => ({
+import { F as FormActions } from "../../CommonActions/components/Actions/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const WrapperFormProvider = styled("form")(() => ({
   display: "flex",
   flexDirection: "column",
   width: "100%",
-  overflow: "scroll",
-  marginBottom: theme.spacing(1)
+  overflow: "scroll"
 }));
-const WrapperFormActions = styled("div")(({
-  theme
-}) => ({
-  paddingTop: theme.spacing(3),
-  marginRight: theme.spacing(1.5),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  },
-  "& .MuiLoadingButton-root ": {
-    minWidth: "80px"
-  }
-}));
-const WrapperSKTFormActions = styled("div")(({
-  theme
-}) => ({
-  display: "grid",
-  gridTemplateColumns: "auto auto",
-  margin: "0px",
-  gridGap: `${theme.spacing(3)}`,
-  justifyContent: "flex-end",
-  paddingTop: `${theme.spacing(3)}`,
-  borderTop: `1px solid ${theme.palette.divider}`,
-  [theme.breakpoints.up("sm")]: {
-    margin: `0 ${theme.spacing(4.5)}`
-  }
-}));
-function SKTFormActions() {
-  return /* @__PURE__ */ jsxs(WrapperSKTFormActions, {
-    children: [/* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 57,
-      height: 30
-    }), /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: 57,
-      height: 30
-    })]
-  });
-}
-function FormActions(props) {
-  const {
-    withIntro,
-    urlCancel
-  } = props;
-  const navigate = useNavigate();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const isSkeleton = !useFlagsPresent(["dictionary_loaded", "form_loaded"]);
-  const {
-    openModalConfirm
-  } = useModal();
-  const {
-    control
-  } = useFormContext();
-  const {
-    isDirty,
-    isSubmitting
-  } = useFormState({
-    control
-  });
-  const onConfirmCancel = useCallback(() => {
-    if (typeof urlCancel === "number") {
-      navigate(urlCancel);
-    }
-    if (urlCancel && typeof urlCancel === "undefined") {
-      navigate(urlCancel, {
-        replace: false
-      });
-    }
-  }, [navigate, urlCancel]);
-  const onClickCancel = useCallback(() => {
-    if (isDirty) {
-      openModalConfirm({
-        variant: "warning",
-        title: getLabel("form_provider.confirm_quit_title"),
-        msg: getLabel("form_provider.confirm_quit_msg"),
-        onClickIntro: onConfirmCancel
-      });
-    } else {
-      onConfirmCancel();
-    }
-  }, [getLabel, isDirty, onConfirmCancel, openModalConfirm]);
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTFormActions, {});
-  }
-  return /* @__PURE__ */ jsxs(WrapperFormActions, {
-    children: [urlCancel && /* @__PURE__ */ jsx(Button, {
-      variant: "outlined",
-      color: "inherit",
-      onClick: onClickCancel,
-      children: getLabel("actions.action_cancel")
-    }), withIntro && /* @__PURE__ */ jsx(LoadingButton, {
-      variant: "contained",
-      type: "submit",
-      loading: isSubmitting,
-      children: getLabel("actions.action_accept")
-    })]
-  });
-}
 function FormProvider(props) {
   const {
     children,