loon-bulma-react 2022.3.19 → 2022.3.20

package/dist/index.d.ts

@@ -94,6 +94,7 @@ export { FileInput } from './components/Form/File/FileInput';
 export type { FileInputProps } from './components/Form/File/FileInput';
 export { NotifierProvider, useNotifier } from './contexts/Notifier/NotifierProvider';
 export type { NotifierItemProps } from './contexts/Notifier/NotifierProps';
+export { ConfirmProvider, useConfirm } from './contexts/Confirm/ConfirmContextProvider';
 export { Calendar } from './components/Calendar';
 export type { BaseEventProps, CalendarOptions } from './components/Calendar/Props';
 export type { MonthViewProps } from './components/Calendar';

package/dist/index.js

@@ -4935,6 +4935,116 @@ function useNotifier() {
   return notifierHelpers;
 }
 
+var resolveCallback;
+var ConfirmContext = React__default.createContext(null);
+ConfirmContext.displayName = 'ConfirmContext';
+function ConfirmProvider(_ref) {
+  var children = _ref.children;
+  var _React$useReducer = React__default.useReducer(confirmReducer, initialState),
+    state = _React$useReducer[0],
+    setState = _React$useReducer[1];
+  return React__default.createElement(ConfirmContext.Provider, {
+    value: {
+      state: state,
+      setState: setState
+    }
+  }, React__default.createElement(ConfirmDialog, null), children);
+}
+var initialState = {
+  show: false,
+  content: '',
+  ok: 'Ok',
+  cancel: 'Annuleren',
+  others: undefined
+};
+function confirmReducer(state, action) {
+  var _action$payload, _action$ok, _action$cancel;
+  if (state === void 0) {
+    state = initialState;
+  }
+  switch (action.type) {
+    case 'SHOW':
+      return _extends({}, state, {
+        show: true,
+        content: (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.content,
+        ok: (_action$ok = action.ok) != null ? _action$ok : 'Ok',
+        cancel: (_action$cancel = action.cancel) != null ? _action$cancel : 'Annuleren',
+        others: action.others
+      });
+    case 'HIDE':
+      return initialState;
+    default:
+      return initialState;
+  }
+}
+function useConfirm(ok, cancel, others) {
+  if (ok === void 0) {
+    ok = 'OK';
+  }
+  if (cancel === void 0) {
+    cancel = 'Annuleren';
+  }
+  if (others === void 0) {
+    others = undefined;
+  }
+  var confirmContext = React__default.useContext(ConfirmContext);
+  if (!confirmContext) throw new Error('useConfirm must be used inside a ConfirmProvider');
+  var onConfirm = function onConfirm() {
+    closeConfirm();
+    resolveCallback(true);
+  };
+  var onCancel = function onCancel() {
+    closeConfirm();
+    resolveCallback(false);
+  };
+  var confirm = function confirm(content) {
+    confirmContext.setState(_extends({}, confirmContext.state, {
+      type: 'SHOW',
+      payload: {
+        content: content
+      },
+      ok: ok,
+      cancel: cancel,
+      others: others
+    }));
+    return new Promise(function (resolve) {
+      resolveCallback = resolve;
+    });
+  };
+  var closeConfirm = function closeConfirm() {
+    confirmContext.setState({
+      type: 'HIDE',
+      payload: undefined
+    });
+  };
+  return {
+    confirm: confirm,
+    onConfirm: onConfirm,
+    onCancel: onCancel,
+    confirmState: confirmContext.state
+  };
+}
+function ConfirmDialog() {
+  var _useConfirm = useConfirm(),
+    onConfirm = _useConfirm.onConfirm,
+    onCancel = _useConfirm.onCancel,
+    confirmState = _useConfirm.confirmState;
+  return confirmState.show ? React__default.createElement("div", {
+    className: "modal is-active"
+  }, React__default.createElement("div", {
+    className: "modal-background"
+  }), React__default.createElement("div", {
+    className: "modal-content"
+  }, React__default.createElement(Box, null, typeof confirmState.content === 'string' && React__default.createElement("p", null, confirmState === null || confirmState === void 0 ? void 0 : confirmState.content), typeof confirmState.content !== 'string' && (confirmState === null || confirmState === void 0 ? void 0 : confirmState.content), React__default.createElement(ButtonGroup, {
+    alignment: "c",
+    className: "mt-6"
+  }, React__default.createElement(Button.Success, {
+    onClick: onConfirm
+  }, confirmState.ok), React__default.createElement(Button.Danger, {
+    onClick: onCancel
+  }, confirmState.cancel), confirmState.others)))) : null;
+}
+
 var JSDateTime = /*#__PURE__*/function () {
   function JSDateTime(date, locale, formatOptions) {
     if (formatOptions === void 0) {
@@ -6672,6 +6782,7 @@ exports.CheckBox = CheckBox;
 exports.ColorInput = ColorInput;
 exports.Column = Column;
 exports.Columns = Columns;
+exports.ConfirmProvider = ConfirmProvider;
 exports.Container = Container;
 exports.Content = Content;
 exports.DataTable = DataTable;
@@ -6728,6 +6839,7 @@ exports.getHotkeyHandler = getHotkeyHandler;
 exports.serializeJSON = serializeJSON;
 exports.useBoolToggle = useBoolToggle;
 exports.useClipboard = useClipboard;
+exports.useConfirm = useConfirm;
 exports.useDebouncedValue = useDebouncedValue;
 exports.useHotkeys = useHotkeys;
 exports.useLocalStoredState = useLocalStoredState;