@m4l/components 0.1.35 → 0.1.36

package/contexts/ModalContext/index.92ae296c.js

@@ -1,147 +0,0 @@
-import { createContext, useState } from "react";
-import { useEnvironment, voidFunction } from "@m4l/core";
-import { Typography } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import { B as BoxIcon } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as ModalDialog } from "../../components/ModalDialog/index.d50c4a9d.js";
-import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.808a2cd1.js";
-import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.a1fe59a4.js";
-import { b as getVariantColor } from "../../utils/index.f3bfdc22.js";
-const WrapperContentConfirm = styled("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%"
-}));
-const ModalContent = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  gridGap: theme.spacing(5),
-  flexGrow: 1,
-  [theme.breakpoints.up("sm")]: {
-    display: "grid",
-    flexDirection: "row",
-    gridTemplateColumns: "1fr 1fr"
-  }
-}));
-const IllustrationContainer = styled("div")(({
-  theme,
-  variant
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  "& > span": {
-    background: variant === "warning" ? theme.palette.warning.main : variant === "delete" ? theme.palette.error.main : variant === "info" ? theme.palette.info.main : "theme.palette.text.primary"
-  }
-}));
-const MessageContainer = styled("div")(() => ({
-  display: "flex",
-  alignItems: "center"
-}));
-const ContentConfirm = (props) => {
-  const {
-    variant = "info",
-    msg = "Are you sure you want to perform this action? Once complete, the information will be deleted."
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_warning.svg`;
-  const illustrationError = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_danger.svg`;
-  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustration_confirm_info.svg`;
-  return /* @__PURE__ */ jsx(WrapperContentConfirm, {
-    children: /* @__PURE__ */ jsxs(ModalContent, {
-      children: [/* @__PURE__ */ jsx(IllustrationContainer, {
-        variant,
-        children: /* @__PURE__ */ jsx(BoxIcon, {
-          src: variant === "warning" ? illustrationWarning : variant === "delete" ? illustrationError : illustrationInfo,
-          sx: {
-            width: "230px",
-            height: "194px"
-          }
-        })
-      }), /* @__PURE__ */ jsx(MessageContainer, {
-        children: /* @__PURE__ */ jsx(Typography, {
-          variant: "body1",
-          children: msg
-        })
-      })]
-    })
-  });
-};
-const ModalContext = createContext(null);
-function ModalProvider({
-  children
-}) {
-  const [modalOptions, setModalOptions] = useState({
-    open: false,
-    withClose: true,
-    onQueryClose: voidFunction,
-    title: "",
-    iconComponent: void 0,
-    contentComponent: void 0,
-    variant: void 0,
-    fullScreen: false
-  });
-  const openModal = (modalOpenProps) => {
-    setModalOptions({
-      open: true,
-      ...modalOpenProps
-    });
-  };
-  const openModalConfirm = (modalOpenConfirmProps) => {
-    const {
-      variant = "warning",
-      title,
-      msg,
-      onClickIntro,
-      onClickCancel = closeModal
-    } = modalOpenConfirmProps;
-    const onClickIntroClose = () => {
-      onClickIntro && onClickIntro();
-      closeModal();
-    };
-    setModalOptions({
-      open: true,
-      title,
-      variant,
-      contentComponent: /* @__PURE__ */ jsx(ContentConfirm, {
-        variant,
-        msg
-      }),
-      actions: /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(ActionCancel, {
-          onClick: onClickCancel
-        }), " ", /* @__PURE__ */ jsx(ActionIntro, {
-          onClick: onClickIntroClose,
-          color: getVariantColor(variant)
-        })]
-      })
-    });
-  };
-  const closeModal = () => {
-    setModalOptions((last) => ({
-      ...last,
-      open: false
-    }));
-  };
-  return /* @__PURE__ */ jsxs(ModalContext.Provider, {
-    value: {
-      ...modalOptions,
-      openModal,
-      openModalConfirm,
-      closeModal
-    },
-    children: [children, /* @__PURE__ */ jsx(ModalDialog, {})]
-  });
-}
-export {
-  ModalContext as M,
-  ModalProvider as a
-};

package/contexts/ModalContext/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ModalContextProps, TProps } from './types';
-declare const ModalContext: import("react").Context<ModalContextProps | null>;
-declare function ModalProvider({ children }: TProps): JSX.Element;
-export { ModalProvider, ModalContext };

package/contexts/ModalContext/subcomponents/ContentConfirm/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ModalConfirmProps } from './types';
-export declare const ContentConfirm: (props: ModalConfirmProps) => JSX.Element;

package/contexts/ModalContext/subcomponents/ContentConfirm/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { VariantProps } from './types';
-export declare const WrapperContentConfirm: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModalContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IllustrationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MessageContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/contexts/ModalContext/subcomponents/ContentConfirm/types.d.ts

@@ -1,8 +0,0 @@
-import { VariantColor } from '../../../../utils/types';
-export interface ModalConfirmProps {
-    variant?: VariantColor;
-    msg?: string;
-}
-export interface VariantProps {
-    variant?: VariantColor;
-}

package/contexts/ModalContext/types.d.ts

@@ -1,41 +0,0 @@
-import { ReactNode } from 'react';
-import { VariantColor } from '../../utils/types';
-export declare type TProps = {
-    children: ReactNode;
-};
-export interface StandarActions {
-    withCancel?: boolean;
-    onClickIntro?: () => void;
-    onClickCancel?: () => void;
-}
-export interface ModalOpenOptions {
-    initialWidth?: number;
-    initialHeigth?: number;
-    maxWidth?: number;
-    maxHeigth?: number;
-    withClose?: boolean;
-    variant?: VariantColor;
-    onQueryClose?: () => void;
-    fullScreen?: boolean;
-    title: string;
-    iconComponent?: ReactNode;
-    contentComponent?: ((props?: any) => JSX.Element) | ReactNode;
-    actions?: ReactNode;
-}
-export interface OpenModalConfirmProps {
-    title: string;
-    variant?: VariantColor;
-    titleAccept?: string;
-    msg: string;
-    onClickIntro?: () => void;
-    onClickCancel?: () => void;
-}
-export interface ModalState extends ModalOpenOptions {
-    open: boolean;
-    variant?: VariantColor;
-}
-export interface ModalContextProps extends ModalState {
-    openModal: (modalProps: ModalOpenOptions) => void;
-    openModalConfirm: (modalOpenProps: OpenModalConfirmProps) => void;
-    closeModal: () => void;
-}

package/contexts/index.d.ts

@@ -1,4 +0,0 @@
-export * from './ModalContext/index';
-export * from './ModalContext/types';
-export type { FormInitialValues, FormStatusLoad } from './RHFormContext/types';
-export { RHFormProvider } from './RHFormContext';

package/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export { useFormAddEdit } from './useFormAddEdit';
-export { useModal } from './useModal';

package/hooks/useModal/index.44ea7900.js

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.92ae296c.js";
-function useModal() {
-  const context = useContext(ModalContext);
-  if (!context)
-    throw new Error("useModal context must be use inside ModalContext");
-  return context;
-}
-export {
-  useModal as u
-};

package/index.js

@@ -1,204 +0,0 @@
-import { I, a } from "./components/mui_extended/IconButton/index.25ff14bd.js";
-import "framer-motion";
-import "@mui/material";
-import "react/jsx-runtime";
-import "@mui/material/styles";
-import "react-router-dom";
-import { L } from "./components/animate/LoadingScreen/index.1d0c4307.js";
-import { P } from "./components/animate/PropagateLoader/index.d5c18992.js";
-import "@m4l/core";
-import "react-hook-form";
-import { R, g } from "./components/hook-form/RHFAutocomplete/index.de93fe01.js";
-import "react";
-import { I as I2 } from "./components/Image/index.93d5f37f.js";
-import "lodash/debounce";
-import { R as R2 } from "./components/hook-form/RHFCheckbox/index.6dcec9e2.js";
-import "@mui/x-date-pickers";
-import { R as R3 } from "./components/hook-form/RHFDateTime/index.7f1cbd85.js";
-import "@m4l/graphics";
-import { R as R4, a as a2 } from "./components/hook-form/RHFTextField/index.3cb4b35f.js";
-import { I as I3 } from "./components/Icon/index.619fa9ad.js";
-import { R as R5 } from "./components/hook-form/RHFPeriod/index.146a34af.js";
-import { E } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as P2, g as g2 } from "./components/Period/index.4b6704d0.js";
-import { b, M, d, g as g3 } from "./components/CommonActions/components/Actions/index.4b0d3293.js";
-import "@mui/material/Button";
-import { M as M2, a as a3 } from "./contexts/ModalContext/index.92ae296c.js";
-import "@mui/lab";
-import "lodash/isString";
-import "react-dropzone";
-import { R as R6 } from "./components/hook-form/RHFUpload/index.d5cc7c13.js";
-import { A } from "./components/mui_extended/Accordion/index.86b97783.js";
-import { A as A2 } from "./components/mui_extended/Avatar/index.fe06afd7.js";
-import { B, L as L2 } from "./components/mui_extended/Button/index.44282241.js";
-import { L as L3, P as P3 } from "./components/mui_extended/Popover/index.2a084d8a.js";
-import { P as P4, g as g4 } from "./components/mui_extended/Pager/index.74f16fe0.js";
-import { T } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import { D, N, T as T2, c, d as d2, b as b2, g as g5 } from "./components/DataGrid/index.69d0fcea.js";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import { S } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as D2, d as d3, g as g6 } from "./components/DynamicFilter/index.68bcbc88.js";
-import "simplebar/dist/simplebar.min.css";
-import "@hookform/resolvers/yup";
-import { R as R7 } from "./contexts/RHFormContext/index.d88e6e27.js";
-import "yup";
-import "./react-draggable.a09b624f.js";
-import { M as M3, d as d4, g as g7 } from "./components/ModalDialog/index.d50c4a9d.js";
-import { R as R8 } from "./components/Resizeable/index.d27b0310.js";
-import { N as N2, d as d5, g as g8 } from "./components/NoItemSelected/index.46d2f632.js";
-import { O, d as d6, g as g9 } from "./components/ObjectLogs/index.4e4ae4f4.js";
-import "./react-json-view.57125fcf.js";
-import { P as P5 } from "./components/PaperForm/index.9582ff5e.js";
-import { H } from "./components/Page/index.4237c241.js";
-import { P as P6 } from "./components/PropertyValue/index.dfcfe1ba.js";
-import "./react-splitter-layout.8b1655c8.js";
-import { S as S2 } from "./components/SplitLayout/index.5a8355d8.js";
-import { v } from "./components/animate/variants/fade.b561c0fc.js";
-import { v as v2 } from "./components/animate/variants/bounce.784aaaaa.js";
-import { v as v3 } from "./components/animate/variants/container.11f82b76.js";
-import { v as v4, a as a4, b as b3 } from "./components/animate/variants/transition.bd46b9ce.js";
-import { M as M4 } from "./components/animate/MotionContainer/index.8d9f9d80.js";
-import { M as M5 } from "./components/animate/MotionLazyContainer/index.572dd012.js";
-import { R as R9, g as g10 } from "./components/hook-form/RHFAutocompleteAsync/index.ca696cce.js";
-import { R as R10 } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
-import { R as R11 } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
-import { R as R12 } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
-import { B as B2 } from "./components/mui_extended/BoxIcon/index.e638ecc8.js";
-import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js";
-import { C } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
-import { L as L4 } from "./components/mui_extended/LinearProgress/index.c92b9ba9.js";
-import { L as L5 } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
-import { T as T3 } from "./components/mui_extended/Typography/index.e5494696.js";
-import { B as B4 } from "./components/formatters/BooleanFormatter/index.2df47b04.js";
-import { D as D3 } from "./components/formatters/DateFormatter/index.80522f69.js";
-import { U, g as g11 } from "./components/formatters/UncertaintyFormatter/index.08e1b79f.js";
-import { P as P7, g as g12 } from "./components/formatters/PointsFormatter/index.80a4e414.js";
-import { P as P8, g as g13 } from "./components/formatters/PriceFormatter/index.83cbe7be.js";
-import { d as d7, g as g14 } from "./components/formatters/index.57ec5cbc.js";
-import { c as c2 } from "./components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js";
-import { c as c3 } from "./components/DataGrid/formatters/columnPointsFormatter/index.5e645334.js";
-import { c as c4 } from "./components/DataGrid/formatters/columnNestedValueFormatter/index.f68ef4e1.js";
-import { c as c5 } from "./components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js";
-import { A as A3 } from "./components/CommonActions/components/ActionCancel/index.a1fe59a4.js";
-import { A as A4 } from "./components/CommonActions/components/ActionIntro/index.808a2cd1.js";
-import { A as A5 } from "./components/CommonActions/components/ActionFormCancel/index.b97872f2.js";
-import { A as A6 } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
-import { L as L6 } from "./components/Loadable/index.55b8adb7.js";
-import { S as S3 } from "./components/ScrollToTop/index.e06f98f6.js";
-import { u } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as u2 } from "./hooks/useModal/index.44ea7900.js";
-import { L as L7 } from "./assets/Logo/index.228dcb5a.js";
-import "./node_modules.51fc30d1.js";
-import "./utils/index.f3bfdc22.js";
-import "./react-data-grid.d46d625e.js";
-import "clsx";
-import "simplebar-react";
-import "prop-types";
-import "react-dom";
-import "./react-resizable.be53ee35.js";
-import "./commonjs.565e6834.js";
-import "react-helmet-async";
-import "./components/WrapperComponent/index.5e872594.js";
-export {
-  A as Accordion,
-  A3 as ActionCancel,
-  A5 as ActionFormCancel,
-  A6 as ActionFormIntro,
-  A4 as ActionIntro,
-  b as Actions,
-  A2 as Avatar,
-  B4 as BooleanFormatter,
-  B2 as BoxIcon,
-  B3 as Breadcrumbs,
-  B as Button,
-  C as CircularProgress,
-  D as DataGrid,
-  D3 as DateFormatter,
-  D2 as DynamicFilter,
-  E as ErrorLabel,
-  H as HelmetPage,
-  I3 as Icon,
-  I as IconButton,
-  a as IconButtonAnimate,
-  I2 as Image,
-  L3 as LanguagePopover,
-  L4 as LinearProgress,
-  L5 as LinkWithRoute,
-  L6 as Loadable,
-  L2 as LoadingButton,
-  L as LoadingScreen,
-  L7 as Logo,
-  M as MenuActions,
-  M2 as ModalContext,
-  M3 as ModalDialog,
-  a3 as ModalProvider,
-  M4 as MotionContainer,
-  M5 as MotionLazyContainer,
-  N2 as NoItemSelected,
-  N as NumberEditor,
-  O as ObjectLogs,
-  P4 as Pager,
-  P5 as PaperForm,
-  P2 as Period,
-  P7 as PointsFormatter,
-  P3 as Popover,
-  P8 as PriceFormatter,
-  P as PropagateLoader,
-  P6 as PropertyValue,
-  R as RHFAutocomplete,
-  R9 as RHFAutocompleteAsync,
-  R2 as RHFCheckbox,
-  R3 as RHFDateTime,
-  R10 as RHFMultiCheckbox,
-  R5 as RHFPeriod,
-  R12 as RHFRadioGroup,
-  R11 as RHFSelect,
-  R4 as RHFTextField,
-  a2 as RHFTextFieldPassword,
-  R6 as RHFUploadImage,
-  R7 as RHFormProvider,
-  R8 as Resizeable,
-  S as ScrollBar,
-  S3 as ScrollToTop,
-  S2 as SplitLayout,
-  T as Tab,
-  T2 as TextEditor,
-  T3 as Typography,
-  U as UncertaintyFormatter,
-  c as columnBooleanFormatter,
-  d2 as columnDateFormatter,
-  c4 as columnNestedValueFormatter,
-  c3 as columnPointsFormatter,
-  c5 as columnPriceFormatter,
-  c2 as columnUncertaintyFormatter,
-  d as defaultCommonActionsDictionary,
-  d3 as defaultDynamicFilterDictionary,
-  d7 as defaultFormattersDictionary,
-  d4 as defaultModalDialogDictionary,
-  d5 as defaultNoItemSelectedDictionary,
-  d6 as defaultObjectLogDictionary,
-  g3 as getCommonActionsDictionary,
-  b2 as getDataGridRowsFromSet,
-  g6 as getDynamicFilterComponentsDictionary,
-  g12 as getFormatPoints,
-  g13 as getFormatPrice,
-  g14 as getFormattersComponentsDictionary,
-  g5 as getGridComponentsDictionary,
-  g7 as getModalDialogComponentsDictionary,
-  g8 as getNoItemSelectedComponentsDictionary,
-  g9 as getObjectLogsComponentsDictionary,
-  g4 as getPagerComponentsDictionary,
-  g2 as getPeriodComponetsDictionary,
-  g10 as getRHFAutocompleteAsyncComponentsDictionary,
-  g as getRHFAutocompleteComponentsDictionary,
-  g11 as getUncertaintyFormat,
-  u as useFormAddEdit,
-  u2 as useModal,
-  v2 as varBounce,
-  v3 as varContainer,
-  v as varFade,
-  v4 as varTranEnter,
-  a4 as varTranExit,
-  b3 as varTranHover
-};

package/node_modules.51fc30d1.js

@@ -1,63 +0,0 @@
-import "react";
-var cssUnit = {
-  cm: true,
-  mm: true,
-  in: true,
-  px: true,
-  pt: true,
-  pc: true,
-  em: true,
-  ex: true,
-  ch: true,
-  rem: true,
-  vw: true,
-  vh: true,
-  vmin: true,
-  vmax: true,
-  "%": true
-};
-function parseLengthAndUnit(size) {
-  if (typeof size === "number") {
-    return {
-      value: size,
-      unit: "px"
-    };
-  }
-  var value;
-  var valueString = (size.match(/^[0-9.]*/) || "").toString();
-  if (valueString.includes(".")) {
-    value = parseFloat(valueString);
-  } else {
-    value = parseInt(valueString, 10);
-  }
-  var unit = (size.match(/[^0-9]*$/) || "").toString();
-  if (cssUnit[unit]) {
-    return {
-      value,
-      unit
-    };
-  }
-  console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
-  return {
-    value,
-    unit: "px"
-  };
-}
-var createAnimation = function(loaderName, frames, suffix) {
-  var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
-  if (typeof window == "undefined" || !window.document) {
-    return animationName;
-  }
-  var styleEl = document.createElement("style");
-  document.head.appendChild(styleEl);
-  var styleSheet = styleEl.sheet;
-  var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
-  if (styleSheet) {
-    styleSheet.insertRule(keyFrames, 0);
-  }
-  return animationName;
-};
-export {
-  createAnimation as c,
-  parseLengthAndUnit as p
-};