@bluemarble/bm-components 1.16.0 → 1.16.2

package/dist/index.d.mts

@@ -4,6 +4,7 @@ import * as _mui_material from '@mui/material';
 import { TableCellProps, TableCell, TextFieldProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, Theme, SxProps, TableSortLabelProps, BoxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import IMask$1 from 'imask';
+import { IconType } from 'react-icons';
 import { NextApiRequest, NextApiResponse, GetServerSidePropsContext } from 'next';
 import { ZodTypeDef, ZodSchema } from 'zod';
 import { AxiosInstance } from 'axios';
@@ -329,6 +330,30 @@ interface DialogCustomProps extends DialogProps {
 }
 declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => React__default.JSX.Element;
 
+interface IDialogChildrenProps {
+    onConfirm: (fn: (...params: any[]) => Promise<void>) => (...params: any[]) => Promise<void>;
+    onCancel: () => void;
+}
+interface IDialogConfirmProps {
+    icon?: IconType;
+    title?: string;
+    body?: string;
+    children: (props: IDialogChildrenProps) => ReactNode;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+}
+type TUseDialogConfirm = ReturnType<typeof UseDialogConfirm>;
+declare function UseDialogConfirm(): {
+    isLoading: boolean;
+    opened: boolean;
+    onConfirm: (fn: (...params: any) => Promise<any>) => (...params: any[]) => Promise<void>;
+    onCloseModal: () => void;
+    onCancel: (event?: any) => void;
+    onProceed: (event: any) => Promise<void>;
+};
+
+declare const DialogConfirm: (props: IDialogConfirmProps) => React__default.JSX.Element;
+
 declare class HttpError extends Error {
     status: number;
     constructor(status: number, message: any);
@@ -551,4 +576,4 @@ declare function CreateAuthProvider<T>({ api, children, sessionTokenName, Provid
     sessionTokenName: string;
 }): React__default.JSX.Element;
 
-export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseGrid, BaseGridAutoRows, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, DomainError, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, HttpError, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, type SortedByProps$1 as SortedByProps, Switch, TabPanel, type TabPanelProps, Td, Tr, createAuthContext, createFilter, filterData, getTabProps, useAlert, useAsyncGrid, useEvent, useFilter, useFormHelper, useGrid, useLoading };
+export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseGrid, BaseGridAutoRows, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, DialogConfirm, DomainError, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, HttpError, type IDialogConfirmProps, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, type SortedByProps$1 as SortedByProps, Switch, type TUseDialogConfirm, TabPanel, type TabPanelProps, Td, Tr, UseDialogConfirm, createAuthContext, createFilter, filterData, getTabProps, useAlert, useAsyncGrid, useEvent, useFilter, useFormHelper, useGrid, useLoading };

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import * as _mui_material from '@mui/material';
 import { TableCellProps, TableCell, TextFieldProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, Theme, SxProps, TableSortLabelProps, BoxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import IMask$1 from 'imask';
+import { IconType } from 'react-icons';
 import { NextApiRequest, NextApiResponse, GetServerSidePropsContext } from 'next';
 import { ZodTypeDef, ZodSchema } from 'zod';
 import { AxiosInstance } from 'axios';
@@ -329,6 +330,30 @@ interface DialogCustomProps extends DialogProps {
 }
 declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => React__default.JSX.Element;
 
+interface IDialogChildrenProps {
+    onConfirm: (fn: (...params: any[]) => Promise<void>) => (...params: any[]) => Promise<void>;
+    onCancel: () => void;
+}
+interface IDialogConfirmProps {
+    icon?: IconType;
+    title?: string;
+    body?: string;
+    children: (props: IDialogChildrenProps) => ReactNode;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+}
+type TUseDialogConfirm = ReturnType<typeof UseDialogConfirm>;
+declare function UseDialogConfirm(): {
+    isLoading: boolean;
+    opened: boolean;
+    onConfirm: (fn: (...params: any) => Promise<any>) => (...params: any[]) => Promise<void>;
+    onCloseModal: () => void;
+    onCancel: (event?: any) => void;
+    onProceed: (event: any) => Promise<void>;
+};
+
+declare const DialogConfirm: (props: IDialogConfirmProps) => React__default.JSX.Element;
+
 declare class HttpError extends Error {
     status: number;
     constructor(status: number, message: any);
@@ -551,4 +576,4 @@ declare function CreateAuthProvider<T>({ api, children, sessionTokenName, Provid
     sessionTokenName: string;
 }): React__default.JSX.Element;
 
-export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseGrid, BaseGridAutoRows, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, DomainError, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, HttpError, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, type SortedByProps$1 as SortedByProps, Switch, TabPanel, type TabPanelProps, Td, Tr, createAuthContext, createFilter, filterData, getTabProps, useAlert, useAsyncGrid, useEvent, useFilter, useFormHelper, useGrid, useLoading };
+export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseGrid, BaseGridAutoRows, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, DialogConfirm, DomainError, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, HttpError, type IDialogConfirmProps, type IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, type SortedByProps$1 as SortedByProps, Switch, type TUseDialogConfirm, TabPanel, type TabPanelProps, Td, Tr, UseDialogConfirm, createAuthContext, createFilter, filterData, getTabProps, useAlert, useAsyncGrid, useEvent, useFilter, useFormHelper, useGrid, useLoading };

package/dist/index.js

@@ -258,7 +258,7 @@ var require_react_is_development = __commonJS({
         var Fragment3 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
-        var Portal = REACT_PORTAL_TYPE;
+        var Portal2 = REACT_PORTAL_TYPE;
         var Profiler = REACT_PROFILER_TYPE;
         var StrictMode = REACT_STRICT_MODE_TYPE;
         var Suspense = REACT_SUSPENSE_TYPE;
@@ -317,7 +317,7 @@ var require_react_is_development = __commonJS({
         exports.Fragment = Fragment3;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
-        exports.Portal = Portal;
+        exports.Portal = Portal2;
         exports.Profiler = Profiler;
         exports.StrictMode = StrictMode;
         exports.Suspense = Suspense;
@@ -2404,7 +2404,7 @@ function createBox(options = {}) {
   const BoxRoot = styled("div", {
     shouldForwardProp: (prop) => prop !== "theme" && prop !== "sx" && prop !== "as"
   })(styleFunctionSx_default);
-  const Box7 = /* @__PURE__ */ React3.forwardRef(function Box8(inProps, ref) {
+  const Box8 = /* @__PURE__ */ React3.forwardRef(function Box9(inProps, ref) {
     const theme = useTheme_default(defaultTheme);
     const _extendSxProp = extendSxProp(inProps), {
       className,
@@ -2417,7 +2417,7 @@ function createBox(options = {}) {
       theme: themeId ? theme[themeId] || theme : theme
     }, other));
   });
-  return Box7;
+  return Box8;
 }
 
 // node_modules/@mui/utils/generateUtilityClass/generateUtilityClass.js
@@ -3202,7 +3202,7 @@ var BaseInputMask = (_a) => {
   const { ref, value, setValue, maskRef, unmaskedValue } = _reactimask.useIMask.call(void 0, 
     mask,
     {
-      onComplete: (...params) => {
+      onAccept: (...params) => {
         if (onChangeValue)
           onChangeValue(params[0], unmaskedValue);
       }
@@ -4062,6 +4062,101 @@ var Dialog = (_a) => {
   }))));
 };
 
+// src/components/DialogConfirm/DialogConfirm.view.tsx
+
+
+var _colors = require('@mui/material/colors');
+
+
+// src/components/DialogConfirm/DialogConfirm.model.ts
+
+function UseDialogConfirm() {
+  const [opened, setOpened] = _react.useState.call(void 0, false);
+  const [isLoading, setLoading] = _react.useState.call(void 0, false);
+  const onConfirmFn = _react.useRef.call(void 0, );
+  const paramsFn = _react.useRef.call(void 0, []);
+  const onConfirm = (fn) => {
+    onConfirmFn.current = fn;
+    return (...params) => __async(this, null, function* () {
+      paramsFn.current = params;
+      setOpened(true);
+    });
+  };
+  const onProceed = (event) => __async(this, null, function* () {
+    event == null ? void 0 : event.preventDefault();
+    event == null ? void 0 : event.stopPropagation();
+    setLoading(true);
+    try {
+      if (!onConfirmFn.current)
+        return;
+      yield onConfirmFn.current(...paramsFn.current);
+    } finally {
+      setOpened(false);
+      setLoading(false);
+    }
+  });
+  const onCancel = (event) => {
+    event == null ? void 0 : event.preventDefault();
+    event == null ? void 0 : event.stopPropagation();
+    setOpened(false);
+  };
+  const onCloseModal = () => {
+    if (isLoading)
+      return;
+    setOpened(false);
+  };
+  return {
+    isLoading,
+    opened,
+    onConfirm,
+    onCloseModal,
+    onCancel,
+    onProceed
+  };
+}
+
+// src/components/DialogConfirm/DialogConfirm.view.tsx
+var DEFAULT_ICON = _md.MdOutlineWarningAmber;
+var DialogConfirm = (props) => {
+  const model = UseDialogConfirm();
+  const Icon = props.icon || DEFAULT_ICON;
+  return /* @__PURE__ */ React2.default.createElement(React2.default.Fragment, null, props.children({
+    onConfirm: model.onConfirm,
+    onCancel: model.onCancel
+  }), /* @__PURE__ */ React2.default.createElement(_material.Portal, null, /* @__PURE__ */ React2.default.createElement(Modal, { open: model.opened, onClose: model.onCloseModal }, /* @__PURE__ */ React2.default.createElement(_material.Box, { sx: { p: 2, maxWidth: 400, textAlign: "center" } }, /* @__PURE__ */ React2.default.createElement(
+    _material.Stack,
+    {
+      mx: "auto",
+      color: _colors.orange[800],
+      bgcolor: _colors.orange[50],
+      borderRadius: "50%",
+      height: 8 * 5,
+      width: 8 * 5,
+      direction: "row",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    /* @__PURE__ */ React2.default.createElement(Icon, { size: 8 * 3 })
+  ), /* @__PURE__ */ React2.default.createElement(_material.Typography, { fontWeight: "bold", variant: "h6", mt: 1 }, props.title || "Aten\xE7\xE3o"), /* @__PURE__ */ React2.default.createElement(_material.Typography, { my: 1 }, props.body || "Tem certeza que deseja realizar essa a\xE7\xE3o?"), /* @__PURE__ */ React2.default.createElement(_material.Stack, { gap: 1, mt: 3, color: _colors.grey[600] }, /* @__PURE__ */ React2.default.createElement(
+    LargeButton,
+    {
+      color: "warning",
+      loading: model.isLoading,
+      onClick: model.onProceed
+    },
+    props.confirmButtonText || "Confirmar"
+  ), /* @__PURE__ */ React2.default.createElement(
+    LargeButton,
+    {
+      variant: "outlined",
+      disabled: model.isLoading,
+      onClick: model.onCancel,
+      color: "inherit"
+    },
+    props.cancelButtonText || "Confirmar"
+  ))))));
+};
+
 // src/errors/HttpError.ts
 var HttpError = class extends Error {
   constructor(status, message) {
@@ -4876,8 +4971,15 @@ function useGrid({
     },
     [currentPage]
   );
+  const orderedData = _react.useMemo.call(void 0, () => {
+    if (sortedBy.length === 0)
+      return defaultData;
+    const newData = defaultData.slice(0);
+    const sortedData = sortData(newData);
+    return sortedData;
+  }, [defaultData, sortData, sortedBy]);
   const filteredData = _react.useMemo.call(void 0, () => {
-    let newData = defaultData.slice(0);
+    let newData = orderedData.slice(0);
     if (search && search.value !== "") {
       const searchBy = createSearch(search);
       newData = newData.filter(searchBy);
@@ -4886,16 +4988,12 @@ function useGrid({
       return newData;
     const newFilter = createFilter(filters);
     return newData.filter(newFilter.apply);
-  }, [defaultData, search, filters]);
-  const orderedData = _react.useMemo.call(void 0, () => {
-    const sortedData = sortData(filteredData);
-    return sortedData;
-  }, [filteredData, sortData]);
+  }, [orderedData, search, filters]);
   const paginatedData = _react.useMemo.call(void 0, () => {
     const startPage = currentPage * rowsPerPage;
     const endPage = startPage + rowsPerPage;
-    return orderedData.slice(startPage, endPage);
-  }, [currentPage, rowsPerPage, orderedData]);
+    return filteredData.slice(startPage, endPage);
+  }, [currentPage, rowsPerPage, filteredData]);
   const totalNumberOfPages = Math.ceil(filteredData.length / rowsPerPage) - 1;
   _react.useEffect.call(void 0, () => {
     if (externalDefaultData)
@@ -5254,7 +5352,9 @@ function CreateAuthProvider({
 
 
 
-exports.AlertContext = AlertContext; exports.AlertProvider = AlertProvider; exports.ApiHelper = ApiHelper; exports.AuthHelper = AuthHelper; exports.Autocomplete = Autocomplete2; exports.BaseGrid = BaseGrid; exports.BaseGridAutoRows = BaseGridAutoRows; exports.Checkbox = Checkbox; exports.CreateAuthProvider = CreateAuthProvider; exports.Dialog = Dialog; exports.DomainError = DomainError; exports.EditableTableCell = EditableTableCell; exports.FormHelperContext = FormHelperContext; exports.FormHelperProvider = FormHelperProvider; 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.createAuthContext = createAuthContext; exports.createFilter = createFilter; exports.filterData = filterData; exports.getTabProps = getTabProps; exports.useAlert = useAlert; exports.useAsyncGrid = useAsyncGrid; exports.useEvent = useEvent; exports.useFilter = useFilter; exports.useFormHelper = useFormHelper; exports.useGrid = useGrid; exports.useLoading = useLoading;
+
+
+exports.AlertContext = AlertContext; exports.AlertProvider = AlertProvider; exports.ApiHelper = ApiHelper; exports.AuthHelper = AuthHelper; exports.Autocomplete = Autocomplete2; exports.BaseGrid = BaseGrid; exports.BaseGridAutoRows = BaseGridAutoRows; exports.Checkbox = Checkbox; exports.CreateAuthProvider = CreateAuthProvider; exports.Dialog = Dialog; exports.DialogConfirm = DialogConfirm; exports.DomainError = DomainError; exports.EditableTableCell = EditableTableCell; exports.FormHelperContext = FormHelperContext; exports.FormHelperProvider = FormHelperProvider; 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.UseDialogConfirm = UseDialogConfirm; exports.createAuthContext = createAuthContext; exports.createFilter = createFilter; exports.filterData = filterData; exports.getTabProps = getTabProps; exports.useAlert = useAlert; exports.useAsyncGrid = useAsyncGrid; 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: