@m4l/components 0.1.12 → 0.1.13

package/contexts/ModalContext/index.js

@@ -1,165 +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.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as ModalDialog } from "../../components/ModalDialog/index.js";
-import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.js";
-import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.js";
-import { b as getVariantColor } from "../../utils/index.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 initialState = {
-  initialWidth: 600,
-  initialHeigth: 400,
-  open: false,
-  withClose: true,
-  onQueryClose: voidFunction,
-  iconComponent: void 0,
-  contentComponent: void 0,
-  openModal: voidFunction,
-  openModalConfirm: voidFunction,
-  closeModal: voidFunction,
-  hasChanges: false,
-  setChanges: voidFunction,
-  title: ""
-};
-const ModalContext = createContext(initialState);
-function ModalProvider({
-  children
-}) {
-  const [modalOptions, setModalOptions] = useState({
-    open: initialState.open,
-    withClose: true,
-    onQueryClose: voidFunction,
-    title: "",
-    iconComponent: void 0,
-    contentComponent: void 0,
-    variant: void 0
-  });
-  const [hasChanges, setHasChanges] = useState(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
-    }));
-    setHasChanges(false);
-  };
-  const setChanges = () => {
-    setHasChanges(true);
-  };
-  return /* @__PURE__ */ jsxs(ModalContext.Provider, {
-    value: {
-      ...modalOptions,
-      openModal,
-      openModalConfirm,
-      closeModal,
-      hasChanges,
-      setChanges
-    },
-    children: [children, /* @__PURE__ */ jsx(ModalDialog, {})]
-  });
-}
-export { ModalContext as M, ModalProvider as a };

package/hooks/useFormAddEdit/index.js

@@ -1,42 +0,0 @@
-import { useNetwork, useFlags } from "@m4l/core";
-import { useState, useEffect } from "react";
-const useFormAddEdit = (props) => {
-  const { initialValues, objectId, endPoint, formatDataEnpoint } = props;
-  const [formValues, setFormValues] = useState(initialValues);
-  const [statusLoad, setStatusLoad] = useState(
-    objectId === void 0 ? "new" : "edit"
-  );
-  const { networkOperation } = useNetwork();
-  const { addFlag } = useFlags();
-  useEffect(() => {
-    let mounted = true;
-    if (statusLoad === "edit") {
-      networkOperation({
-        method: "GET",
-        endPoint: `${endPoint}/${objectId}`
-      }).then(
-        (response) => {
-          if (mounted) {
-            if (formatDataEnpoint) {
-              setFormValues(formatDataEnpoint(response));
-            } else {
-              setFormValues(response);
-            }
-            setStatusLoad("reload_values_provider");
-          }
-        },
-        () => {
-          setStatusLoad("error");
-        }
-      );
-    } else if (statusLoad === "new" || statusLoad === "reload_values_provider") {
-      addFlag("form_loaded");
-      setStatusLoad("ready");
-    }
-    return () => {
-      mounted = false;
-    };
-  }, [statusLoad]);
-  return { formValues, statusLoad };
-};
-export { useFormAddEdit as u };

package/hooks/useModal/index.js

@@ -1,4 +0,0 @@
-import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.js";
-const useModal = () => useContext(ModalContext);
-export { useModal as u };

package/lodash.js

@@ -1,62 +0,0 @@
-import { c as commonjsGlobal } from "./commonjs.js";
-var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-var _freeGlobal = freeGlobal$1;
-var freeGlobal = _freeGlobal;
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root$1 = freeGlobal || freeSelf || Function("return this")();
-var _root = root$1;
-var root = _root;
-var Symbol$3 = root.Symbol;
-var _Symbol = Symbol$3;
-var Symbol$2 = _Symbol;
-var objectProto$1 = Object.prototype;
-var hasOwnProperty = objectProto$1.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$1.toString;
-var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function getRawTag$1(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag$1), tag = value[symToStringTag$1];
-  try {
-    value[symToStringTag$1] = void 0;
-    var unmasked = true;
-  } catch (e) {
-  }
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-var _getRawTag = getRawTag$1;
-var objectProto = Object.prototype;
-var nativeObjectToString = objectProto.toString;
-function objectToString$1(value) {
-  return nativeObjectToString.call(value);
-}
-var _objectToString = objectToString$1;
-var Symbol$1 = _Symbol, getRawTag = _getRawTag, objectToString = _objectToString;
-var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
-function baseGetTag$1(value) {
-  if (value == null) {
-    return value === void 0 ? undefinedTag : nullTag;
-  }
-  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-}
-var _baseGetTag = baseGetTag$1;
-var isArray$1 = Array.isArray;
-var isArray_1 = isArray$1;
-function isObjectLike$1(value) {
-  return value != null && typeof value == "object";
-}
-var isObjectLike_1 = isObjectLike$1;
-var baseGetTag = _baseGetTag, isArray = isArray_1, isObjectLike = isObjectLike_1;
-var stringTag = "[object String]";
-function isString(value) {
-  return typeof value == "string" || !isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag;
-}
-var isString_1 = isString;
-export { isString_1 as i };

package/node_modules.js

@@ -1,54 +0,0 @@
-import { get, set, appendErrors } from "react-hook-form";
-var e = function(i, e2, t2) {
-  if (i && "reportValidity" in i) {
-    var f2 = get(t2, e2);
-    i.setCustomValidity(f2 && f2.message || ""), i.reportValidity();
-  }
-}, t = function(r, i) {
-  var t2 = function(t3) {
-    var f3 = i.fields[t3];
-    f3 && f3.ref && "reportValidity" in f3.ref ? e(f3.ref, t3, r) : f3.refs && f3.refs.forEach(function(i2) {
-      return e(i2, t3, r);
-    });
-  };
-  for (var f2 in i.fields)
-    t2(f2);
-}, f = function(e2, f2) {
-  f2.shouldUseNativeValidation && t(e2, f2);
-  var o2 = {};
-  for (var a in e2) {
-    var n = get(f2.fields, a);
-    set(o2, a, Object.assign(e2[a], { ref: n && n.ref }));
-  }
-  return o2;
-};
-var o = function(o2, n, a) {
-  return void 0 === n && (n = {}), void 0 === a && (a = {}), function(s, i, c) {
-    try {
-      return Promise.resolve(function(t$1, r) {
-        try {
-          var u = (n.context && false, Promise.resolve(o2["sync" === a.mode ? "validateSync" : "validate"](s, Object.assign({ abortEarly: false }, n, { context: i }))).then(function(t$12) {
-            return c.shouldUseNativeValidation && t({}, c), { values: a.rawValues ? s : t$12, errors: {} };
-          }));
-        } catch (e2) {
-          return r(e2);
-        }
-        return u && u.then ? u.then(void 0, r) : u;
-      }(0, function(e2) {
-        if (!e2.inner)
-          throw e2;
-        return { values: {}, errors: f((o3 = e2, n2 = !c.shouldUseNativeValidation && "all" === c.criteriaMode, (o3.inner || []).reduce(function(e3, t2) {
-          if (e3[t2.path] || (e3[t2.path] = { message: t2.message, type: t2.type }), n2) {
-            var o4 = e3[t2.path].types, a2 = o4 && o4[t2.type];
-            e3[t2.path] = appendErrors(t2.path, n2, e3, t2.type, a2 ? [].concat(a2, t2.message) : t2.message);
-          }
-          return e3;
-        }, {})), c) };
-        var o3, n2;
-      }));
-    } catch (e2) {
-      return Promise.reject(e2);
-    }
-  };
-};
-export { o };