@bluemarble/bm-components 0.0.93 → 0.0.95

package/dist/index.js

@@ -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,7 +3835,328 @@ function BaseGrid({
   );
 }
 
-// src/components/hooks/useGrid.ts
+// src/components/Modal/index.tsx
+
+
+
+
+
+var Modal = (_a) => {
+  var _b = _a, { open, onClose } = _b, rest = __objRest(_b, ["open", "onClose"]);
+  return /* @__PURE__ */ React4.default.createElement(_material.Modal, __spreadValues({ open, onClose, disableEnforceFocus: true }, rest), /* @__PURE__ */ React4.default.createElement(
+    _material.Box,
+    {
+      sx: {
+        outline: "none",
+        backgroundColor: "white",
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        borderRadius: 1
+      }
+    },
+    /* @__PURE__ */ React4.default.createElement(React4.default.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
+
+
+
+
+
+
+
+
+
+
+var Dialog = (_a) => {
+  var _b = _a, {
+    open,
+    title,
+    loading,
+    body,
+    options
+  } = _b, rest = __objRest(_b, [
+    "open",
+    "title",
+    "loading",
+    "body",
+    "options"
+  ]);
+  return /* @__PURE__ */ React4.default.createElement(_material.Dialog, __spreadValues({ open }, rest), /* @__PURE__ */ React4.default.createElement(_material.Box, { sx: { p: 2 } }, /* @__PURE__ */ React4.default.createElement(_material.DialogTitle, { sx: { fontWeight: "bold" } }, title), /* @__PURE__ */ React4.default.createElement(_material.DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 } }, body), /* @__PURE__ */ React4.default.createElement(_material.DialogActions, null, options.map((option, index) => {
+    return /* @__PURE__ */ React4.default.createElement(
+      _material.Button,
+      {
+        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__ */ React4.default.createElement(_material.CircularProgress, { size: 25, color: "inherit" }) : /* @__PURE__ */ React4.default.createElement(React4.default.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
+var _axios = require('axios'); var _axios2 = _interopRequireDefault(_axios);
+
+
+// src/hooks/useAlert.ts
+
+
+// src/contexts/AlertContext.tsx
+
+
+
+// src/components/Toast/index.tsx
+
+
+
+var Toast = ({ open, onClose, severity, message }) => {
+  return /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, /* @__PURE__ */ React4.default.createElement(
+    _material.Snackbar,
+    {
+      open,
+      autoHideDuration: 6e3,
+      anchorOrigin: { vertical: "top", horizontal: "right" },
+      sx: { zIndex: 99999999 }
+    },
+    /* @__PURE__ */ React4.default.createElement(
+      _material.Alert,
+      {
+        severity,
+        elevation: 2,
+        sx: { mb: 2 },
+        action: /* @__PURE__ */ React4.default.createElement(
+          _material.IconButton,
+          {
+            "aria-label": "close",
+            color: "inherit",
+            size: "small",
+            onClick: onClose
+          },
+          /* @__PURE__ */ React4.default.createElement(_md.MdClose, { fontSize: "inherit" })
+        )
+      },
+      message
+    )
+  ));
+};
+
+// src/contexts/AlertContext.tsx
+var AlertContext = _react.createContext.call(void 0, {});
+var AlertProvider = ({ children }) => {
+  const [severity, setSeverity] = _react.useState.call(void 0, "info");
+  const [message, setMessage] = _react.useState.call(void 0, "");
+  const [isVisible, setIsVisible] = _react.useState.call(void 0, false);
+  const createAlert = (newMessage, severity2) => {
+    setMessage(newMessage);
+    setSeverity(severity2);
+    setIsVisible(true);
+  };
+  function onCloseToast() {
+    setIsVisible(false);
+  }
+  return /* @__PURE__ */ React4.default.createElement(AlertContext.Provider, { value: { createAlert } }, children, /* @__PURE__ */ React4.default.createElement(
+    Toast,
+    {
+      open: isVisible,
+      onClose: onCloseToast,
+      severity,
+      message
+    }
+  ));
+};
+
+// src/hooks/useAlert.ts
+var useAlert = () => {
+  return _react.useContext.call(void 0, AlertContext);
+};
+
+// src/hooks/useLoading.ts
+
+function useLoading() {
+  const [state, setState] = _react.useState.call(void 0, []);
+  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 = _react.useRef.call(void 0, );
+  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 = _axios2.default.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");
+  }
+  _react.useEffect.call(void 0, () => {
+    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
+
+
+// src/hooks/useFilter.ts
+
 
 
 // src/components/utils/getObjectValue.ts
@@ -3823,9 +4164,7 @@ function getObjectValue(obj) {
   return (prop) => prop.split(".").reduce((o, k) => o[k], obj);
 }
 
-// src/components/hooks/useFilter.ts
-
-
+// src/hooks/useFilter.ts
 function useFilter() {
   const [selectedFilters, setSelectedFilters] = _react.useState.call(void 0, []);
   const filterBy = (newFilter) => {
@@ -3897,7 +4236,7 @@ function createFilter(filters) {
   };
 }
 
-// src/components/hooks/useGrid.ts
+// src/hooks/useGrid.ts
 function useGrid({
   columns,
   filters = [],
@@ -4030,7 +4369,7 @@ function createSearch(options) {
   };
 }
 
-// src/components/hooks/useEvent.ts
+// src/hooks/useEvent.ts
 
 function useEvent(event, handler, passive = false) {
   _react.useEffect.call(void 0, () => {
@@ -4041,97 +4380,12 @@ function useEvent(event, handler, passive = false) {
   });
 }
 
-// src/components/hooks/useLoading.ts
 
-function useLoading() {
-  const [state, setState] = _react.useState.call(void 0, []);
-  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
 
 
 
 
 
-var Modal = (_a) => {
-  var _b = _a, { open, onClose } = _b, rest = __objRest(_b, ["open", "onClose"]);
-  return /* @__PURE__ */ React4.default.createElement(_material.Modal, __spreadValues({ open, onClose, disableEnforceFocus: true }, rest), /* @__PURE__ */ React4.default.createElement(
-    _material.Box,
-    {
-      sx: {
-        outline: "none",
-        backgroundColor: "white",
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -50%)",
-        borderRadius: 1
-      }
-    },
-    /* @__PURE__ */ React4.default.createElement(React4.default.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
-
-
-
-
-
-
-
-
-
-
-var Dialog = (_a) => {
-  var _b = _a, {
-    open,
-    title,
-    loading,
-    body,
-    options
-  } = _b, rest = __objRest(_b, [
-    "open",
-    "title",
-    "loading",
-    "body",
-    "options"
-  ]);
-  return /* @__PURE__ */ React4.default.createElement(_material.Dialog, __spreadValues({ open }, rest), /* @__PURE__ */ React4.default.createElement(_material.Box, { sx: { p: 2 } }, /* @__PURE__ */ React4.default.createElement(_material.DialogTitle, { sx: { fontWeight: "bold" } }, title), /* @__PURE__ */ React4.default.createElement(_material.DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 } }, body), /* @__PURE__ */ React4.default.createElement(_material.DialogActions, null, options.map((option, index) => {
-    return /* @__PURE__ */ React4.default.createElement(
-      _material.Button,
-      {
-        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__ */ React4.default.createElement(_material.CircularProgress, { size: 25, color: "inherit" }) : /* @__PURE__ */ React4.default.createElement(React4.default.Fragment, null, option.label)
-    );
-  }))));
-};
-
 
 
 
@@ -4156,7 +4410,7 @@ var Dialog = (_a) => {
 
 
 
-exports.Autocomplete = Autocomplete2; exports.BaseGrid = BaseGrid; exports.Checkbox = Checkbox; exports.Dialog = Dialog; exports.EditableTableCell = EditableTableCell; exports.GetInputLabel = GetInputLabel; exports.Grid = Grid_default; exports.Input = Input; exports.InputMask = InputMask2; exports.LargeButton = LargeButton; exports.Modal = Modal; exports.Radio = Radio; exports.Select = Select; exports.Switch = Switch; exports.TabPanel = TabPanel; exports.Td = Td; exports.Tr = Tr; exports.createFilter = createFilter; exports.filterData = filterData; exports.getTabProps = getTabProps; exports.useEvent = useEvent; exports.useFilter = useFilter; exports.useGrid = useGrid; exports.useLoading = useLoading;
+exports.AlertContext = AlertContext; exports.AlertProvider = AlertProvider; exports.ApiHelper = ApiHelper; exports.Autocomplete = Autocomplete2; exports.BaseGrid = BaseGrid; exports.Checkbox = Checkbox; exports.Dialog = Dialog; exports.EditableTableCell = EditableTableCell; exports.GetInputLabel = GetInputLabel; exports.Grid = Grid_default; exports.HttpError = HttpError; exports.Input = Input; exports.InputMask = InputMask2; exports.LargeButton = LargeButton; exports.Modal = Modal; exports.Radio = Radio; exports.Select = Select; exports.Switch = Switch; exports.TabPanel = TabPanel; exports.Td = Td; exports.Tr = Tr; exports.createFilter = createFilter; exports.filterData = filterData; exports.getTabProps = getTabProps; exports.useAlert = useAlert; exports.useEvent = useEvent; exports.useFilter = useFilter; exports.useFormHelper = useFormHelper; exports.useGrid = useGrid; exports.useLoading = useLoading;
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js: