@bluemarble/bm-components 0.0.93 → 0.0.94

package/dist/index.d.mts

@@ -1,6 +1,10 @@
 import React, { ReactNode, FC } from 'react';
-import { TableCellProps, TextFieldProps, TableRowProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps } from '@mui/material';
+import * as _mui_material from '@mui/material';
+import { TableCellProps, TextFieldProps, TableRowProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
 import IMask$1 from 'imask';
+import { NextApiRequest, NextApiResponse } from 'next';
+import { ZodTypeDef, ZodSchema } from 'zod';
+import { AxiosInstance } from 'axios';
 
 interface ColumnTitleProps {
     name: string;
@@ -230,6 +234,75 @@ interface GridProps {
 }
 declare function BaseGrid({ columns, children, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, prependColumn, appendColumn, isLoading }: GridProps): JSX.Element;
 
+declare type ModalProps = {
+    open: boolean;
+    onClose: () => void;
+} & ModalProps$1;
+declare const Modal: ({ open, onClose, ...rest }: ModalProps) => JSX.Element;
+
+declare function GetInputLabel<T extends Array<Record<string, any>>, K extends T[number]['name']>(columns: T): (columnName: K) => {
+    label: any;
+    name: any;
+};
+
+interface DialogOptionsProps {
+    label: string;
+    focus?: boolean;
+    cb(label: string): void;
+}
+interface DialogCustomProps extends DialogProps {
+    open: boolean;
+    title: string;
+    body: string;
+    options: DialogOptionsProps[];
+    loading: boolean;
+}
+declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => JSX.Element;
+
+declare class HttpError extends Error {
+    status: number;
+    constructor(status: number, message: any);
+}
+
+declare type PossibleMethods = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+declare type HandlerProps = (req: NextApiRequest & {
+    user?: number;
+}, res: NextApiResponse) => Promise<any>;
+declare type MethodProps = Partial<Record<PossibleMethods, HandlerProps>>;
+declare type MiddlewaresProps = ((handler: HandlerProps) => HandlerProps)[];
+declare type ConstructorProps = {
+    middlewares?: MiddlewaresProps;
+    onFinally: () => void;
+};
+declare class ApiHelper {
+    middlewares: MiddlewaresProps;
+    private onFinally;
+    constructor(props?: ConstructorProps);
+    setMiddlewares(middlewares: any[]): this;
+    createMethods(methods: MethodProps): (req: NextApiRequest, res: NextApiResponse) => Promise<void>;
+    static parserErrorWrapper<Output, Def extends ZodTypeDef, Input>(body: Record<string, any>, parser: ZodSchema<Output, Def, Input>): Output;
+    static parseQueyFilters<T extends Record<string, any>>(filters: T): T;
+    static create({ onFinally }: {
+        onFinally: any;
+    }): ApiHelper;
+}
+
+declare type Methods = 'get' | 'post' | 'put' | 'delete' | 'patch' | 'options';
+declare type HandleProps = {
+    name: `${Methods}:${string}`;
+};
+declare type UseFormHelperProps = {
+    formatErrorMessage: (message: any) => string;
+    api: AxiosInstance;
+};
+declare function useFormHelper({ formatErrorMessage, api }: UseFormHelperProps): {
+    onSubmitWrapper: <T extends Record<string, any>>(fn: (fields: T, methods: any) => Promise<void>, { name }: HandleProps) => (fields: T, methods: any) => Promise<void>;
+    onRequestWrapper: <F extends (...args: Parameters<F>) => R, R>(fn: F, { name }: HandleProps) => (...params: Parameters<F>) => Promise<R>;
+    isLoading: (prop: string) => boolean;
+    setLoading: (prop: string, remove?: boolean) => void;
+    createAlert(message: string, type: _mui_material.AlertColor): void;
+};
+
 declare type FilterCompareType = 'gte' | 'lte' | 'lt' | 'gt' | 'equal' | 'in' | 'notEqual' | 'notIn';
 declare type FilterProps = {
     id?: string;
@@ -283,29 +356,13 @@ declare function useLoading<T = string>(): {
     setLoading: (prop: T, remove?: boolean) => void;
 };
 
-declare type ModalProps = {
-    open: boolean;
-    onClose: () => void;
-} & ModalProps$1;
-declare const Modal: ({ open, onClose, ...rest }: ModalProps) => JSX.Element;
-
-declare function GetInputLabel<T extends Array<Record<string, any>>, K extends T[number]['name']>(columns: T): (columnName: K) => {
-    label: any;
-    name: any;
+declare const useAlert: () => {
+    createAlert(message: string, type: _mui_material.AlertColor): void;
 };
 
-interface DialogOptionsProps {
-    label: string;
-    focus?: boolean;
-    cb(label: string): void;
-}
-interface DialogCustomProps extends DialogProps {
-    open: boolean;
-    title: string;
-    body: string;
-    options: DialogOptionsProps[];
-    loading: boolean;
-}
-declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => JSX.Element;
+declare type AlertContextProps = {
+    createAlert(message: string, type: AlertColor): void;
+};
+declare const AlertContext: React.Context<AlertContextProps>;
 
-export { Autocomplete, BaseGrid, Checkbox, type ColumnTitleProps, type ColumnsProps, Dialog, EditableTableCell, type FilterCompareType, type FilterProps, GetInputLabel, Grid, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, type TabPanelProps, Td, Tr, createFilter, filterData, getTabProps, useEvent, useFilter, useGrid, useLoading };
+export { AlertContext, ApiHelper, Autocomplete, BaseGrid, Checkbox, type ColumnTitleProps, type ColumnsProps, Dialog, EditableTableCell, type FilterCompareType, type FilterProps, GetInputLabel, Grid, HttpError, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, type TabPanelProps, Td, Tr, createFilter, filterData, getTabProps, useAlert, useEvent, useFilter, useFormHelper, useGrid, useLoading };

package/dist/index.d.ts

@@ -1,6 +1,10 @@
 import React, { ReactNode, FC } from 'react';
-import { TableCellProps, TextFieldProps, TableRowProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps } from '@mui/material';
+import * as _mui_material from '@mui/material';
+import { TableCellProps, TextFieldProps, TableRowProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
 import IMask$1 from 'imask';
+import { NextApiRequest, NextApiResponse } from 'next';
+import { ZodTypeDef, ZodSchema } from 'zod';
+import { AxiosInstance } from 'axios';
 
 interface ColumnTitleProps {
     name: string;
@@ -230,6 +234,75 @@ interface GridProps {
 }
 declare function BaseGrid({ columns, children, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, prependColumn, appendColumn, isLoading }: GridProps): JSX.Element;
 
+declare type ModalProps = {
+    open: boolean;
+    onClose: () => void;
+} & ModalProps$1;
+declare const Modal: ({ open, onClose, ...rest }: ModalProps) => JSX.Element;
+
+declare function GetInputLabel<T extends Array<Record<string, any>>, K extends T[number]['name']>(columns: T): (columnName: K) => {
+    label: any;
+    name: any;
+};
+
+interface DialogOptionsProps {
+    label: string;
+    focus?: boolean;
+    cb(label: string): void;
+}
+interface DialogCustomProps extends DialogProps {
+    open: boolean;
+    title: string;
+    body: string;
+    options: DialogOptionsProps[];
+    loading: boolean;
+}
+declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => JSX.Element;
+
+declare class HttpError extends Error {
+    status: number;
+    constructor(status: number, message: any);
+}
+
+declare type PossibleMethods = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+declare type HandlerProps = (req: NextApiRequest & {
+    user?: number;
+}, res: NextApiResponse) => Promise<any>;
+declare type MethodProps = Partial<Record<PossibleMethods, HandlerProps>>;
+declare type MiddlewaresProps = ((handler: HandlerProps) => HandlerProps)[];
+declare type ConstructorProps = {
+    middlewares?: MiddlewaresProps;
+    onFinally: () => void;
+};
+declare class ApiHelper {
+    middlewares: MiddlewaresProps;
+    private onFinally;
+    constructor(props?: ConstructorProps);
+    setMiddlewares(middlewares: any[]): this;
+    createMethods(methods: MethodProps): (req: NextApiRequest, res: NextApiResponse) => Promise<void>;
+    static parserErrorWrapper<Output, Def extends ZodTypeDef, Input>(body: Record<string, any>, parser: ZodSchema<Output, Def, Input>): Output;
+    static parseQueyFilters<T extends Record<string, any>>(filters: T): T;
+    static create({ onFinally }: {
+        onFinally: any;
+    }): ApiHelper;
+}
+
+declare type Methods = 'get' | 'post' | 'put' | 'delete' | 'patch' | 'options';
+declare type HandleProps = {
+    name: `${Methods}:${string}`;
+};
+declare type UseFormHelperProps = {
+    formatErrorMessage: (message: any) => string;
+    api: AxiosInstance;
+};
+declare function useFormHelper({ formatErrorMessage, api }: UseFormHelperProps): {
+    onSubmitWrapper: <T extends Record<string, any>>(fn: (fields: T, methods: any) => Promise<void>, { name }: HandleProps) => (fields: T, methods: any) => Promise<void>;
+    onRequestWrapper: <F extends (...args: Parameters<F>) => R, R>(fn: F, { name }: HandleProps) => (...params: Parameters<F>) => Promise<R>;
+    isLoading: (prop: string) => boolean;
+    setLoading: (prop: string, remove?: boolean) => void;
+    createAlert(message: string, type: _mui_material.AlertColor): void;
+};
+
 declare type FilterCompareType = 'gte' | 'lte' | 'lt' | 'gt' | 'equal' | 'in' | 'notEqual' | 'notIn';
 declare type FilterProps = {
     id?: string;
@@ -283,29 +356,13 @@ declare function useLoading<T = string>(): {
     setLoading: (prop: T, remove?: boolean) => void;
 };
 
-declare type ModalProps = {
-    open: boolean;
-    onClose: () => void;
-} & ModalProps$1;
-declare const Modal: ({ open, onClose, ...rest }: ModalProps) => JSX.Element;
-
-declare function GetInputLabel<T extends Array<Record<string, any>>, K extends T[number]['name']>(columns: T): (columnName: K) => {
-    label: any;
-    name: any;
+declare const useAlert: () => {
+    createAlert(message: string, type: _mui_material.AlertColor): void;
 };
 
-interface DialogOptionsProps {
-    label: string;
-    focus?: boolean;
-    cb(label: string): void;
-}
-interface DialogCustomProps extends DialogProps {
-    open: boolean;
-    title: string;
-    body: string;
-    options: DialogOptionsProps[];
-    loading: boolean;
-}
-declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => JSX.Element;
+declare type AlertContextProps = {
+    createAlert(message: string, type: AlertColor): void;
+};
+declare const AlertContext: React.Context<AlertContextProps>;
 
-export { Autocomplete, BaseGrid, Checkbox, type ColumnTitleProps, type ColumnsProps, Dialog, EditableTableCell, type FilterCompareType, type FilterProps, GetInputLabel, Grid, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, type TabPanelProps, Td, Tr, createFilter, filterData, getTabProps, useEvent, useFilter, useGrid, useLoading };
+export { AlertContext, ApiHelper, Autocomplete, BaseGrid, Checkbox, type ColumnTitleProps, type ColumnsProps, Dialog, EditableTableCell, type FilterCompareType, type FilterProps, GetInputLabel, Grid, HttpError, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, type TabPanelProps, Td, Tr, createFilter, filterData, getTabProps, useAlert, useEvent, useFilter, useFormHelper, useGrid, useLoading };

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,276 @@ 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
+
+
+
+
+// src/contexts/AlertContext.tsx
+var AlertContext = _react.createContext.call(void 0, {});
+
+// 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 +4112,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 +4184,7 @@ function createFilter(filters) {
   };
 }
 
-// src/components/hooks/useGrid.ts
+// src/hooks/useGrid.ts
 function useGrid({
   columns,
   filters = [],
@@ -4030,7 +4317,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,98 +4328,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 +4357,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.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: