@bluemarble/bm-components 0.0.93 → 0.0.95

package/dist/index.mjs

@@ -52,6 +52,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
@@ -3815,19 +3835,338 @@ function BaseGrid({
   );
 }
 
-// src/components/hooks/useGrid.ts
-import { useMemo as useMemo3, useState as useState4 } from "react";
+// src/components/Modal/index.tsx
+import React24 from "react";
+import {
+  Box as Box4,
+  Modal as MuiModal
+} from "@mui/material";
+var Modal = (_a) => {
+  var _b = _a, { open, onClose } = _b, rest = __objRest(_b, ["open", "onClose"]);
+  return /* @__PURE__ */ React24.createElement(MuiModal, __spreadValues({ open, onClose, disableEnforceFocus: true }, rest), /* @__PURE__ */ React24.createElement(
+    Box4,
+    {
+      sx: {
+        outline: "none",
+        backgroundColor: "white",
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        borderRadius: 1
+      }
+    },
+    /* @__PURE__ */ React24.createElement(React24.Fragment, null, rest.children)
+  ));
+};
+
+// src/components/utils/GetInputLabel.ts
+function GetInputLabel(columns) {
+  return (columnName) => {
+    const column = columns.find((column2) => column2.name === columnName);
+    return { label: column.label, name: column.name };
+  };
+}
+
+// src/components/Dialog/index.tsx
+import React25 from "react";
+import {
+  Box as Box5,
+  Dialog as DefaultDialog,
+  DialogContentText,
+  DialogActions,
+  DialogTitle,
+  Button as Button3,
+  CircularProgress as CircularProgress2
+} from "@mui/material";
+var Dialog = (_a) => {
+  var _b = _a, {
+    open,
+    title,
+    loading,
+    body,
+    options
+  } = _b, rest = __objRest(_b, [
+    "open",
+    "title",
+    "loading",
+    "body",
+    "options"
+  ]);
+  return /* @__PURE__ */ React25.createElement(DefaultDialog, __spreadValues({ open }, rest), /* @__PURE__ */ React25.createElement(Box5, { sx: { p: 2 } }, /* @__PURE__ */ React25.createElement(DialogTitle, { sx: { fontWeight: "bold" } }, title), /* @__PURE__ */ React25.createElement(DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 } }, body), /* @__PURE__ */ React25.createElement(DialogActions, null, options.map((option, index) => {
+    return /* @__PURE__ */ React25.createElement(
+      Button3,
+      {
+        key: index,
+        onClick: () => option.cb(option.label),
+        variant: option.focus ? "contained" : "text",
+        sx: {
+          fontWeight: option.focus ? "bold" : "normal",
+          color: option.focus ? "#fff" : "primary.main"
+        },
+        disableElevation: true,
+        disabled: loading
+      },
+      loading && option.focus ? /* @__PURE__ */ React25.createElement(CircularProgress2, { size: 25, color: "inherit" }) : /* @__PURE__ */ React25.createElement(React25.Fragment, null, option.label)
+    );
+  }))));
+};
+
+// src/errors/HttpError.ts
+var HttpError = class extends Error {
+  constructor(status, message) {
+    super(message);
+    this.message = message;
+    this.stack = `HttpError: ${message}`;
+    this.status = status;
+  }
+};
+
+// src/helpers/apiHelper/index.ts
+var ApiHelper = class _ApiHelper {
+  onFinally() {
+  }
+  constructor(props) {
+    this.middlewares = (props == null ? void 0 : props.middlewares.reverse()) || [];
+    this.onFinally = props.onFinally;
+  }
+  setMiddlewares(middlewares) {
+    this.middlewares = middlewares.reverse();
+    return this;
+  }
+  createMethods(methods) {
+    return (req, res) => __async(this, null, function* () {
+      const currentMethod = methods[req.method];
+      try {
+        if (!currentMethod)
+          throw new HttpError(405, "M\xE9todo inv\xE1lido");
+        const methodWithMiddlewares = this.middlewares.reduce(
+          (acc, fn) => fn(acc),
+          currentMethod
+        );
+        yield methodWithMiddlewares(req, res);
+      } catch (error) {
+        if (error instanceof HttpError)
+          return res.status(error.status).json(error.message);
+        if (process.env.NODE_ENV === "production")
+          return res.status(500).json({
+            code: "internal.error",
+            error: "Erro interno do servidor",
+            details: error
+          });
+        throw new Error(error);
+      } finally {
+        this.onFinally();
+      }
+    });
+  }
+  static parserErrorWrapper(body, parser) {
+    try {
+      const object = parser.parse(body);
+      return object;
+    } catch (error) {
+      throw new HttpError(400, {
+        code: "invalid.body",
+        error: "Dados inv\xE1lidos",
+        details: error
+      });
+    }
+  }
+  static parseQueyFilters(filters) {
+    return Object.entries(filters).reduce((acc, [key, value]) => {
+      if (value)
+        acc[key] = value;
+      return acc;
+    }, {});
+  }
+  static create({ onFinally }) {
+    return new _ApiHelper({
+      onFinally
+    });
+  }
+};
+
+// src/hooks/useFormHelper.ts
+import axios from "axios";
+import { useEffect as useEffect5, useRef as useRef4 } from "react";
+
+// src/hooks/useAlert.ts
+import { useContext as useContext2 } from "react";
+
+// src/contexts/AlertContext.tsx
+import React27 from "react";
+import { createContext as createContext2, useState as useState3 } from "react";
+
+// src/components/Toast/index.tsx
+import React26 from "react";
+import { Alert, IconButton as IconButton4, Snackbar } from "@mui/material";
+import { MdClose as MdClose2 } from "react-icons/md";
+var Toast = ({ open, onClose, severity, message }) => {
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
+    Snackbar,
+    {
+      open,
+      autoHideDuration: 6e3,
+      anchorOrigin: { vertical: "top", horizontal: "right" },
+      sx: { zIndex: 99999999 }
+    },
+    /* @__PURE__ */ React26.createElement(
+      Alert,
+      {
+        severity,
+        elevation: 2,
+        sx: { mb: 2 },
+        action: /* @__PURE__ */ React26.createElement(
+          IconButton4,
+          {
+            "aria-label": "close",
+            color: "inherit",
+            size: "small",
+            onClick: onClose
+          },
+          /* @__PURE__ */ React26.createElement(MdClose2, { fontSize: "inherit" })
+        )
+      },
+      message
+    )
+  ));
+};
+
+// src/contexts/AlertContext.tsx
+var AlertContext = createContext2({});
+var AlertProvider = ({ children }) => {
+  const [severity, setSeverity] = useState3("info");
+  const [message, setMessage] = useState3("");
+  const [isVisible, setIsVisible] = useState3(false);
+  const createAlert = (newMessage, severity2) => {
+    setMessage(newMessage);
+    setSeverity(severity2);
+    setIsVisible(true);
+  };
+  function onCloseToast() {
+    setIsVisible(false);
+  }
+  return /* @__PURE__ */ React27.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React27.createElement(
+    Toast,
+    {
+      open: isVisible,
+      onClose: onCloseToast,
+      severity,
+      message
+    }
+  ));
+};
+
+// src/hooks/useAlert.ts
+var useAlert = () => {
+  return useContext2(AlertContext);
+};
+
+// src/hooks/useLoading.ts
+import { useState as useState4 } from "react";
+function useLoading() {
+  const [state, setState] = useState4([]);
+  const isLoading = (prop) => state.includes(prop);
+  const setLoading = (prop, remove) => {
+    if (remove)
+      setState((prevState) => prevState.filter((state2) => state2 !== prop));
+    else
+      setState((prevState) => [...prevState, prop]);
+  };
+  return { isLoading, setLoading };
+}
+
+// src/hooks/useFormHelper.ts
+function useFormHelper({ formatErrorMessage, api }) {
+  const alertProps = useAlert();
+  const loadingProps = useLoading();
+  const { createAlert } = alertProps;
+  const { setLoading } = loadingProps;
+  const sourceRef = useRef4();
+  function onSubmitWrapper(fn, { name }) {
+    return (fields, methods) => __async(this, null, function* () {
+      const LOADING_NAME = name;
+      setLoading(LOADING_NAME);
+      try {
+        yield fn(fields, methods);
+      } catch (error) {
+        errorHandler(error, methods.setErrors);
+      } finally {
+        setLoading(LOADING_NAME, true);
+      }
+    });
+  }
+  function onRequestWrapper(fn, { name }) {
+    return (...params) => __async(this, null, function* () {
+      if (name.includes("get:"))
+        sourceRef.current = axios.CancelToken.source();
+      const LOADING_NAME = name;
+      setLoading(LOADING_NAME);
+      api.interceptors.request.use(
+        (config) => {
+          var _a;
+          if (!config.cancelToken && sourceRef.current && config.method === "get") {
+            config.cancelToken = (_a = sourceRef.current) == null ? void 0 : _a.token;
+          }
+          return config;
+        },
+        (error) => {
+          console.log("[middleware]");
+          return Promise.reject(error);
+        }
+      );
+      try {
+        const response = yield fn(...params);
+        return response;
+      } catch (error) {
+        errorHandler(error);
+      } finally {
+        setLoading(LOADING_NAME, true);
+      }
+    });
+  }
+  function errorHandler(error, callback) {
+    if ((error == null ? void 0 : error.message) === "cancel.navigation")
+      return;
+    if (callback) {
+      if (error.response.data.code === "invalid.body") {
+        const errors = error.response.data.details.issues;
+        const currentErrors = errors.reduce((acc, item) => {
+          acc[item.path.join(".")] = item.message;
+          return acc;
+        }, {});
+        callback(currentErrors);
+      }
+    }
+    createAlert(formatErrorMessage(error), "error");
+  }
+  useEffect5(() => {
+    return () => {
+      var _a;
+      (_a = sourceRef.current) == null ? void 0 : _a.cancel("cancel.navigation");
+    };
+  }, []);
+  return __spreadProps(__spreadValues(__spreadValues({}, alertProps), loadingProps), {
+    onSubmitWrapper,
+    onRequestWrapper
+  });
+}
+
+// src/hooks/useGrid.ts
+import { useMemo as useMemo3, useState as useState6 } from "react";
+
+// src/hooks/useFilter.ts
+import moment2 from "moment";
+import { useState as useState5 } from "react";
 
 // src/components/utils/getObjectValue.ts
 function getObjectValue(obj) {
   return (prop) => prop.split(".").reduce((o, k) => o[k], obj);
 }
 
-// src/components/hooks/useFilter.ts
-import moment2 from "moment";
-import { useState as useState3 } from "react";
+// src/hooks/useFilter.ts
 function useFilter() {
-  const [selectedFilters, setSelectedFilters] = useState3([]);
+  const [selectedFilters, setSelectedFilters] = useState5([]);
   const filterBy = (newFilter) => {
     const propToCompare = newFilter.id ? "id" : "prop";
     function removeRepeatedFilters(filter) {
@@ -3897,18 +4236,18 @@ function createFilter(filters) {
   };
 }
 
-// src/components/hooks/useGrid.ts
+// src/hooks/useGrid.ts
 function useGrid({
   columns,
   filters = [],
   search,
   rowsPerPageOptions = [30, 60, 100]
 }) {
-  const [defaultData, setDefaultData] = useState4([]);
-  const [sortedBy, setSortedBy] = useState4("");
-  const [sortedDirection, setSortedDirection] = useState4("desc");
-  const [currentPage, setCurrentPage] = useState4(0);
-  const [rowsPerPage, setRowsPerPage] = useState4(rowsPerPageOptions[0]);
+  const [defaultData, setDefaultData] = useState6([]);
+  const [sortedBy, setSortedBy] = useState6("");
+  const [sortedDirection, setSortedDirection] = useState6("desc");
+  const [currentPage, setCurrentPage] = useState6(0);
+  const [rowsPerPage, setRowsPerPage] = useState6(rowsPerPageOptions[0]);
   const toggleSortedDirection = () => {
     if (sortedDirection === "desc")
       setSortedDirection("asc");
@@ -4030,108 +4369,20 @@ function createSearch(options) {
   };
 }
 
-// src/components/hooks/useEvent.ts
-import { useEffect as useEffect5 } from "react";
+// src/hooks/useEvent.ts
+import { useEffect as useEffect6 } from "react";
 function useEvent(event, handler, passive = false) {
-  useEffect5(() => {
+  useEffect6(() => {
     window.addEventListener(event, handler, passive);
     return function cleanup() {
       window.removeEventListener(event, handler);
     };
   });
 }
-
-// src/components/hooks/useLoading.ts
-import { useState as useState5 } from "react";
-function useLoading() {
-  const [state, setState] = useState5([]);
-  const isLoading = (prop) => state.includes(prop);
-  const setLoading = (prop, remove) => {
-    if (remove)
-      setState((prevState) => prevState.filter((state2) => state2 !== prop));
-    else
-      setState((prevState) => [...prevState, prop]);
-  };
-  return { isLoading, setLoading };
-}
-
-// src/components/Modal/index.tsx
-import React25 from "react";
-import {
-  Box as Box4,
-  Modal as MuiModal
-} from "@mui/material";
-var Modal = (_a) => {
-  var _b = _a, { open, onClose } = _b, rest = __objRest(_b, ["open", "onClose"]);
-  return /* @__PURE__ */ React25.createElement(MuiModal, __spreadValues({ open, onClose, disableEnforceFocus: true }, rest), /* @__PURE__ */ React25.createElement(
-    Box4,
-    {
-      sx: {
-        outline: "none",
-        backgroundColor: "white",
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -50%)",
-        borderRadius: 1
-      }
-    },
-    /* @__PURE__ */ React25.createElement(React25.Fragment, null, rest.children)
-  ));
-};
-
-// src/components/utils/GetInputLabel.ts
-function GetInputLabel(columns) {
-  return (columnName) => {
-    const column = columns.find((column2) => column2.name === columnName);
-    return { label: column.label, name: column.name };
-  };
-}
-
-// src/components/Dialog/index.tsx
-import React26 from "react";
-import {
-  Box as Box5,
-  Dialog as DefaultDialog,
-  DialogContentText,
-  DialogActions,
-  DialogTitle,
-  Button as Button3,
-  CircularProgress as CircularProgress2
-} from "@mui/material";
-var Dialog = (_a) => {
-  var _b = _a, {
-    open,
-    title,
-    loading,
-    body,
-    options
-  } = _b, rest = __objRest(_b, [
-    "open",
-    "title",
-    "loading",
-    "body",
-    "options"
-  ]);
-  return /* @__PURE__ */ React26.createElement(DefaultDialog, __spreadValues({ open }, rest), /* @__PURE__ */ React26.createElement(Box5, { sx: { p: 2 } }, /* @__PURE__ */ React26.createElement(DialogTitle, { sx: { fontWeight: "bold" } }, title), /* @__PURE__ */ React26.createElement(DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 } }, body), /* @__PURE__ */ React26.createElement(DialogActions, null, options.map((option, index) => {
-    return /* @__PURE__ */ React26.createElement(
-      Button3,
-      {
-        key: index,
-        onClick: () => option.cb(option.label),
-        variant: option.focus ? "contained" : "text",
-        sx: {
-          fontWeight: option.focus ? "bold" : "normal",
-          color: option.focus ? "#fff" : "primary.main"
-        },
-        disableElevation: true,
-        disabled: loading
-      },
-      loading && option.focus ? /* @__PURE__ */ React26.createElement(CircularProgress2, { size: 25, color: "inherit" }) : /* @__PURE__ */ React26.createElement(React26.Fragment, null, option.label)
-    );
-  }))));
-};
 export {
+  AlertContext,
+  AlertProvider,
+  ApiHelper,
   Autocomplete2 as Autocomplete,
   BaseGrid,
   Checkbox,
@@ -4139,6 +4390,7 @@ export {
   EditableTableCell,
   GetInputLabel,
   Grid_default as Grid,
+  HttpError,
   Input,
   InputMask2 as InputMask,
   LargeButton,
@@ -4152,8 +4404,10 @@ export {
   createFilter,
   filterData,
   getTabProps,
+  useAlert,
   useEvent,
   useFilter,
+  useFormHelper,
   useGrid,
   useLoading
 };