react-native-system-ui 0.0.1-beta0 → 0.0.2

package/dist/cjs/datetime-picker/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DatetimePicker = _interopRequireDefault(require("./DatetimePicker"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _DatetimePicker.default;

package/dist/cjs/dialog/Dialog.js

@@ -0,0 +1,392 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Dialog = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _reactNative() {
+  const data = require("react-native");
+  _reactNative = function () {
+    return data;
+  };
+  return data;
+}
+var _useLocale = require("../config-provider/useLocale");
+var _platform = require("../../platform");
+var _hairline = require("../../utils/hairline");
+var _promise = require("../../utils/promise");
+var _validate = require("../../utils/validate");
+function _reactNativeSystemIcon() {
+  const data = require("react-native-system-icon");
+  _reactNativeSystemIcon = function () {
+    return data;
+  };
+  return data;
+}
+var _button = _interopRequireDefault(require("../button"));
+var _popup = _interopRequireDefault(require("../popup"));
+var _tokens = require("./tokens");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const ActionButton = props => {
+  const {
+    text,
+    color,
+    tokens,
+    dividerPosition = 'none',
+    loading,
+    disabled,
+    onPress
+  } = props;
+  const textColor = color ?? tokens.colors.confirm;
+  const dividerStyle = dividerPosition === 'none' ? null : [styles.actionButtonDivider, {
+    width: 0
+  }, (0, _hairline.createHairlineView)({
+    position: dividerPosition,
+    color: tokens.colors.divider,
+    top: 0,
+    bottom: 0,
+    [dividerPosition]: 0
+  })];
+  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
+    accessibilityRole: "button",
+    disabled: disabled || loading,
+    style: ({
+      pressed
+    }) => [styles.actionButton, {
+      height: tokens.sizes.actionHeight,
+      opacity: pressed && !disabled && !loading ? 0.8 : 1
+    }],
+    onPress: disabled || loading ? undefined : onPress
+  }, dividerStyle && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: dividerStyle,
+    pointerEvents: "none"
+  }), loading ? /*#__PURE__*/_react().default.createElement(_reactNative().ActivityIndicator, {
+    size: "small",
+    color: textColor
+  }) : /*#__PURE__*/_react().default.isValidElement(text) ? text : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
+    style: {
+      color: textColor,
+      fontSize: tokens.typography.actionSize,
+      fontWeight: tokens.typography.actionWeight
+    }
+  }, text ?? ''));
+};
+const Dialog = props => {
+  const locale = (0, _useLocale.useLocale)();
+  const {
+    visible,
+    title,
+    message,
+    messageAlign = 'center',
+    theme = 'default',
+    width,
+    closeable = false,
+    closeIcon,
+    overlay = true,
+    overlayStyle,
+    overlayTestID = 'dialog-overlay',
+    closeOnOverlayPress = false,
+    closeOnClickOverlay = false,
+    onClickOverlay,
+    onClickCloseIcon,
+    beforeClose,
+    showCancelButton = false,
+    showConfirmButton = true,
+    cancelButtonText,
+    cancelButtonColor,
+    cancelProps,
+    confirmButtonText,
+    confirmButtonColor,
+    confirmProps,
+    footer,
+    contentStyle,
+    titleStyle,
+    messageStyle,
+    tokensOverride,
+    style,
+    children,
+    onCancel,
+    onConfirm,
+    onClose,
+    onClosed,
+    ...rest
+  } = props;
+  const tokens = (0, _tokens.useDialogTokens)(tokensOverride);
+  const hasTitle = (0, _validate.isValidNode)(title);
+  const hasMessage = (0, _validate.isValidNode)(message);
+  const hasChildren = (0, _validate.isValidNode)(children);
+  const hasContent = hasMessage || hasChildren;
+  const hasFooterActions = showCancelButton || showConfirmButton;
+  const isRoundTheme = theme === 'round-button';
+  const cancelLoading = cancelProps?.loading;
+  const confirmLoading = confirmProps?.loading;
+  const cancelText = cancelButtonText ?? locale.cancel;
+  const confirmText = confirmButtonText ?? locale.confirm;
+  const actionSeqRef = (0, _react().useRef)(0);
+  const runBeforeClose = action => {
+    if (!beforeClose) return true;
+    try {
+      return beforeClose(action);
+    } catch (error) {
+      if (typeof __DEV__ !== 'undefined' && __DEV__) console.error(error);
+      return true;
+    }
+  };
+  const runAction = (action, handler) => {
+    actionSeqRef.current += 1;
+    const seq = actionSeqRef.current;
+    const result = runBeforeClose(action);
+    if (result === false) return;
+    if ((0, _promise.isPromiseLike)(result)) {
+      void result.then(resolved => {
+        if (resolved === false) return;
+        if (actionSeqRef.current !== seq) return;
+        handler?.();
+      }).catch(error => {
+        if (typeof __DEV__ !== 'undefined' && __DEV__) console.error(error);
+        if (actionSeqRef.current !== seq) return;
+        handler?.();
+      });
+      return;
+    }
+    handler?.();
+  };
+  const handleCloseIcon = () => {
+    onClickCloseIcon?.();
+    runAction('close', onClose);
+  };
+  const handleCancel = () => {
+    if (cancelLoading) return;
+    runAction('cancel', onCancel);
+  };
+  const handleConfirm = () => {
+    if (confirmLoading) return;
+    runAction('confirm', onConfirm);
+  };
+  const scaleAnim = (0, _react().useRef)(new (_reactNative().Animated.Value)(0.7)).current;
+  (0, _react().useEffect)(() => {
+    scaleAnim.setValue(visible ? 0.7 : 1);
+    _reactNative().Animated.timing(scaleAnim, {
+      toValue: visible ? 1 : 0.9,
+      duration: 300,
+      easing: visible ? _reactNative().Easing.out(_reactNative().Easing.cubic) : _reactNative().Easing.in(_reactNative().Easing.cubic),
+      useNativeDriver: _platform.nativeDriverEnabled
+    }).start();
+  }, [scaleAnim, visible]);
+  const widthStyle = width ? (0, _validate.isNumber)(width) ? {
+    width
+  } : {
+    width: String(width)
+  } : {
+    width: '90%',
+    maxWidth: tokens.sizes.maxWidth
+  };
+  const titleWrapperStyle = hasTitle ? [styles.titleWrapper, {
+    paddingTop: hasContent ? tokens.spacing.titlePaddingTop : tokens.spacing.titleIsolatedPadding,
+    paddingBottom: hasContent ? 0 : tokens.spacing.titleIsolatedPadding,
+    paddingHorizontal: hasContent ? tokens.spacing.paddingHorizontal : 0,
+    marginBottom: hasContent ? tokens.spacing.titleGap : 0
+  }] : null;
+  const titleTextStyle = hasTitle ? [styles.title, {
+    color: tokens.colors.title,
+    fontSize: tokens.typography.titleSize,
+    lineHeight: tokens.typography.titleLineHeight,
+    fontWeight: tokens.typography.titleWeight
+  }, titleStyle] : null;
+  const messageTextStyle = [styles.message, {
+    color: isRoundTheme ? tokens.colors.title : tokens.colors.message,
+    fontSize: tokens.typography.messageSize,
+    lineHeight: tokens.typography.messageLineHeight,
+    textAlign: messageAlign
+  }, messageStyle];
+  const messageContentStyle = !hasChildren ? {
+    alignItems: messageAlign === 'center' ? 'center' : messageAlign === 'left' ? 'flex-start' : 'flex-end'
+  } : null;
+  const messageWrapperStyle = [styles.messageWrapper, {
+    paddingTop: hasTitle ? tokens.spacing.messagePaddingTop : tokens.spacing.messagePadding,
+    paddingBottom: isRoundTheme ? tokens.spacing.roundFooterPadding : tokens.spacing.messagePadding,
+    paddingHorizontal: tokens.spacing.messagePaddingHorizontal
+  }];
+  const footerBorderTopStyle = [styles.footerBorderTop, (0, _hairline.createHairlineView)({
+    position: 'top',
+    color: tokens.colors.divider,
+    left: 0,
+    right: 0,
+    top: 0
+  })];
+  const mergedCloseOnOverlayPress = closeOnOverlayPress || closeOnClickOverlay;
+  const animatedStyle = {
+    transform: [{
+      scale: scaleAnim
+    }]
+  };
+  const roundFooterStyle = [styles.roundFooter, {
+    paddingTop: tokens.spacing.messagePaddingTop,
+    paddingHorizontal: tokens.spacing.messagePaddingHorizontal,
+    paddingBottom: tokens.spacing.roundFooterPadding
+  }];
+  const roundFooterNode = hasFooterActions ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: roundFooterStyle
+  }, showCancelButton ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: [styles.roundButtonWrapper, showConfirmButton && {
+      marginRight: tokens.spacing.roundFooterGap
+    }]
+  }, /*#__PURE__*/_react().default.createElement(_button.default, {
+    block: true,
+    round: true,
+    type: "warning",
+    text: cancelText,
+    color: cancelButtonColor,
+    loading: cancelLoading,
+    disabled: cancelProps?.disabled,
+    onPress: handleCancel,
+    style: {
+      minHeight: tokens.sizes.roundButtonHeight
+    }
+  })) : null, showConfirmButton ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: [styles.roundButtonWrapper, showCancelButton && {
+      marginLeft: tokens.spacing.roundFooterGap
+    }]
+  }, /*#__PURE__*/_react().default.createElement(_button.default, {
+    block: true,
+    round: true,
+    type: "danger",
+    text: confirmText,
+    color: confirmButtonColor,
+    loading: confirmLoading,
+    disabled: confirmProps?.disabled,
+    onPress: handleConfirm,
+    style: {
+      minHeight: tokens.sizes.roundButtonHeight
+    }
+  })) : null) : null;
+  const defaultFooterNode = hasFooterActions ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: styles.footer
+  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: footerBorderTopStyle,
+    pointerEvents: "none"
+  }), showCancelButton ? /*#__PURE__*/_react().default.createElement(ActionButton, {
+    tokens: tokens,
+    text: cancelText,
+    color: cancelButtonColor ?? tokens.colors.cancel,
+    dividerPosition: "none",
+    loading: cancelLoading,
+    disabled: cancelProps?.disabled,
+    onPress: handleCancel
+  }) : null, showConfirmButton ? /*#__PURE__*/_react().default.createElement(ActionButton, {
+    tokens: tokens,
+    text: confirmText,
+    color: confirmButtonColor ?? tokens.colors.confirm,
+    dividerPosition: showCancelButton ? 'left' : 'none',
+    loading: confirmLoading,
+    disabled: confirmProps?.disabled,
+    onPress: handleConfirm
+  }) : null) : null;
+  const footerNode = footer ?? (isRoundTheme ? roundFooterNode : defaultFooterNode);
+  return /*#__PURE__*/_react().default.createElement(_popup.default, _extends({
+    visible: visible,
+    placement: "center",
+    round: true,
+    overlay: overlay,
+    overlayStyle: overlayStyle,
+    overlayTestID: overlayTestID,
+    closeOnClickOverlay: mergedCloseOnOverlayPress,
+    onClickOverlay: onClickOverlay,
+    beforeClose: () => runBeforeClose('close'),
+    onClose: onClose,
+    onClosed: onClosed,
+    contentAnimationStyle: animatedStyle,
+    style: [{
+      backgroundColor: tokens.colors.background,
+      borderRadius: tokens.sizes.borderRadius,
+      padding: 0
+    }, widthStyle, style]
+  }, rest), closeable ? /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
+    style: [styles.closeIcon, {
+      top: tokens.spacing.paddingTop / 2,
+      right: tokens.spacing.paddingHorizontal / 2
+    }],
+    hitSlop: {
+      top: 8,
+      bottom: 8,
+      left: 8,
+      right: 8
+    },
+    onPress: handleCloseIcon
+  }, closeIcon ?? /*#__PURE__*/_react().default.createElement(_reactNativeSystemIcon().Close, {
+    size: tokens.sizes.closeSize,
+    fill: tokens.colors.closeIcon,
+    color: tokens.colors.closeIcon
+  })) : null, hasTitle ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: titleWrapperStyle
+  }, /*#__PURE__*/_react().default.isValidElement(title) ? title : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
+    style: titleTextStyle
+  }, title)) : null, hasContent ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: [styles.content, messageContentStyle, contentStyle]
+  }, hasChildren ? children : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: messageWrapperStyle
+  }, /*#__PURE__*/_react().default.isValidElement(message) ? message : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
+    style: messageTextStyle
+  }, message))) : null, footerNode);
+};
+exports.Dialog = Dialog;
+const styles = _reactNative().StyleSheet.create({
+  titleWrapper: {
+    alignItems: 'center'
+  },
+  title: {
+    textAlign: 'center'
+  },
+  content: {
+    width: '100%'
+  },
+  message: {
+    textAlign: 'center'
+  },
+  footer: {
+    flexDirection: 'row',
+    position: 'relative'
+  },
+  footerBorderTop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: 0
+  },
+  actionButton: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  actionButtonDivider: {
+    position: 'absolute',
+    pointerEvents: 'none'
+  },
+  messageWrapper: {
+    width: '100%'
+  },
+  roundFooter: {
+    width: '100%',
+    flexDirection: 'row'
+  },
+  roundButtonWrapper: {
+    flex: 1
+  },
+  closeIcon: {
+    position: 'absolute',
+    padding: 4,
+    zIndex: 1
+  }
+});
+Dialog.displayName = 'Dialog';
+var _default = exports.default = Dialog;

package/dist/cjs/dialog/imperative.js

@@ -0,0 +1,218 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.__DIALOG_STORE__ = exports.DialogImperative = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+var _Portal = require("../portal/Portal");
+var _utils = require("../../utils");
+var _Dialog = _interopRequireDefault(require("./Dialog"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const runHook = async handler => {
+  if (!handler) return true;
+  try {
+    const result = await handler();
+    return result !== false;
+  } catch (error) {
+    console.error(error);
+    return true;
+  }
+};
+const dialogRegistry = new Map();
+const defaultOptionsStore = {
+  default: {},
+  show: {},
+  alert: {},
+  confirm: {}
+};
+const registerEntry = (key, options, meta) => {
+  dialogRegistry.set(key, {
+    key,
+    options,
+    meta
+  });
+};
+const attachCloser = (key, close) => {
+  const entry = dialogRegistry.get(key);
+  if (entry) entry.close = close;
+};
+const unregisterEntry = key => {
+  dialogRegistry.delete(key);
+};
+const requestClose = key => {
+  const entry = dialogRegistry.get(key);
+  if (!entry) {
+    _Portal.Portal.remove(key);
+    return;
+  }
+  if (entry.close) {
+    entry.close();
+    return;
+  }
+  _Portal.Portal.remove(key);
+  unregisterEntry(key);
+};
+const getRegistryItems = () => Array.from(dialogRegistry.values()).map(item => ({
+  key: item.key,
+  options: item.options,
+  meta: item.meta
+}));
+const DialogPortalInstance = ({
+  options,
+  meta,
+  portalKeyRef
+}) => {
+  const [visible, setVisible] = (0, _react().useState)(true);
+  const close = (0, _react().useCallback)(() => {
+    setVisible(false);
+  }, []);
+  (0, _react().useEffect)(() => {
+    if (!portalKeyRef.current) return;
+    attachCloser(portalKeyRef.current, close);
+    return () => {
+      const entry = dialogRegistry.get(portalKeyRef.current ?? -1);
+      if (entry && entry.close === close) {
+        entry.close = undefined;
+      }
+    };
+  }, [close, portalKeyRef]);
+  (0, _react().useEffect)(() => {
+    return () => {
+      if (portalKeyRef.current) {
+        unregisterEntry(portalKeyRef.current);
+      }
+    };
+  }, [portalKeyRef]);
+  const handleCancel = (0, _react().useCallback)(async () => {
+    const allowed = await runHook(() => options.beforeClose?.('cancel'));
+    if (!allowed) return;
+    const shouldClose = await runHook(options.onCancel);
+    if (!shouldClose) return;
+    if (meta.mode === 'confirm') {
+      meta.resolve?.(false);
+    }
+    close();
+  }, [close, meta, options.beforeClose, options.onCancel]);
+  const handleConfirm = (0, _react().useCallback)(async () => {
+    const allowed = await runHook(() => options.beforeClose?.('confirm'));
+    if (!allowed) return;
+    const shouldClose = await runHook(options.onConfirm);
+    if (!shouldClose) return;
+    if (meta.mode === 'alert' || meta.mode === 'confirm') {
+      meta.resolve?.(true);
+    }
+    close();
+  }, [close, meta, options.beforeClose, options.onConfirm]);
+  const handleClose = (0, _react().useCallback)(async () => {
+    const allowed = await runHook(() => options.beforeClose?.('close'));
+    if (!allowed) return;
+    const shouldClose = await runHook(options.onClose);
+    if (!shouldClose) return;
+    if (meta.mode === 'confirm') {
+      meta.resolve?.(false);
+    }
+    close();
+  }, [close, meta, options.beforeClose, options.onClose]);
+  const handleClosed = (0, _react().useCallback)(() => {
+    options.onClosed?.();
+    if (portalKeyRef.current) {
+      _Portal.Portal.remove(portalKeyRef.current);
+      unregisterEntry(portalKeyRef.current);
+    }
+  }, [options, portalKeyRef]);
+  return /*#__PURE__*/_react().default.createElement(_Dialog.default, _extends({}, options, {
+    visible: visible,
+    onCancel: options.showCancelButton ? handleCancel : options.onCancel,
+    onConfirm: handleConfirm,
+    onClose: handleClose,
+    onClosed: handleClosed
+  }));
+};
+const mountImperativeDialog = (options, meta) => {
+  const portalKeyRef = {
+    current: 0
+  };
+  const element = /*#__PURE__*/_react().default.createElement(DialogPortalInstance, {
+    options: options,
+    meta: meta,
+    portalKeyRef: portalKeyRef
+  });
+  const key = _Portal.Portal.add(element);
+  portalKeyRef.current = key;
+  registerEntry(key, options, meta);
+  return () => requestClose(key);
+};
+const mergeWithDefaults = (mode, options = {}) => {
+  return (0, _utils.deepMerge)((0, _utils.deepMerge)(defaultOptionsStore.default, defaultOptionsStore[mode]), options);
+};
+const normalizeOptions = (mode, options = {}) => {
+  const merged = mergeWithDefaults(mode, options);
+  const normalized = {
+    ...merged,
+    visible: true
+  };
+  if ((0, _utils.isUndefined)(normalized.showConfirmButton)) {
+    normalized.showConfirmButton = true;
+  }
+  return normalized;
+};
+const setDefaultOptions = (targetOrOptions, maybeOptions) => {
+  if ((0, _utils.isString)(targetOrOptions)) {
+    defaultOptionsStore[targetOrOptions] = (0, _utils.deepMerge)(defaultOptionsStore[targetOrOptions], maybeOptions ?? {});
+    return;
+  }
+  defaultOptionsStore.default = (0, _utils.deepMerge)(defaultOptionsStore.default, targetOrOptions);
+};
+const resetDefaultOptions = target => {
+  if (target) {
+    defaultOptionsStore[target] = {};
+    return;
+  }
+  defaultOptionsStore.default = {};
+  defaultOptionsStore.show = {};
+  defaultOptionsStore.alert = {};
+  defaultOptionsStore.confirm = {};
+};
+const DialogImperative = exports.DialogImperative = {
+  show: options => mountImperativeDialog(normalizeOptions('show', options), {
+    mode: 'show'
+  }),
+  alert: options => new Promise(resolve => {
+    mountImperativeDialog(normalizeOptions('alert', {
+      ...options,
+      showCancelButton: false
+    }), {
+      mode: 'alert',
+      resolve
+    });
+  }),
+  confirm: options => new Promise(resolve => {
+    mountImperativeDialog(normalizeOptions('confirm', {
+      showCancelButton: true,
+      ...options
+    }), {
+      mode: 'confirm',
+      resolve: result => resolve(result === undefined ? true : result)
+    });
+  }),
+  clear: () => {
+    Array.from(dialogRegistry.keys()).forEach(key => {
+      requestClose(key);
+    });
+  },
+  setDefaultOptions,
+  resetDefaultOptions
+};
+const __DIALOG_STORE__ = exports.__DIALOG_STORE__ = {
+  getItems: getRegistryItems,
+  close: key => requestClose(key)
+};

package/dist/cjs/dialog/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Dialog = void 0;
+var _Dialog = require("./Dialog");
+var _portal = require("../portal");
+var _imperative = require("./imperative");
+const Dialog = exports.Dialog = Object.assign(_Dialog.Dialog, {
+  Host: _portal.PortalHost,
+  show: _imperative.DialogImperative.show,
+  alert: _imperative.DialogImperative.alert,
+  confirm: options => {
+    const promise = _imperative.DialogImperative.confirm(options).then(result => result === false ? Promise.reject(false) : result);
+    promise.catch(() => {});
+    return promise;
+  },
+  clear: _imperative.DialogImperative.clear,
+  setDefaultOptions: _imperative.DialogImperative.setDefaultOptions,
+  resetDefaultOptions: _imperative.DialogImperative.resetDefaultOptions
+});
+var _default = exports.default = Dialog;