@bluemarble/bm-components 0.0.94 → 0.0.96

package/dist/index.d.mts

@@ -364,5 +364,6 @@ declare type AlertContextProps = {
     createAlert(message: string, type: AlertColor): void;
 };
 declare const AlertContext: React.Context<AlertContextProps>;
+declare const AlertProvider: FC;
 
-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 };
+export { AlertContext, AlertProvider, 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

@@ -364,5 +364,6 @@ declare type AlertContextProps = {
     createAlert(message: string, type: AlertColor): void;
 };
 declare const AlertContext: React.Context<AlertContextProps>;
+declare const AlertProvider: FC;
 
-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 };
+export { AlertContext, AlertProvider, 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

@@ -4001,9 +4001,61 @@ var _axios = require('axios'); var _axios2 = _interopRequireDefault(_axios);
 
 
 
+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 = () => {
@@ -4357,7 +4409,8 @@ function useEvent(event, handler, passive = false) {
 
 
 
-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;
+
+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: