@cloudtower/eagle 0.0.0-no-uikit-1 → 0.0.0-theme-rc-1

package/dist/cjs/core/Fields/FieldsDateTimeRange/index.js

@@ -9,9 +9,25 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var moment__default = /*#__PURE__*/_interopDefault(moment);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,14 +42,19 @@ var __objRest = (source, exclude) => {
 };
 const FieldsDateTimeRange = (_a) => {
   var _b = _a, {
-    input
+    input,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
-    "input"
+    "input",
+    "data-testid"
   ]);
   var _a2, _b2;
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.default.createElement(
     antd.DatePicker.RangePicker,
-    {
+    __spreadProps(__spreadValues({
+      showTime: true
+    }, inputWithTestId), {
       onFocus: () => {
         var _a3;
         return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);
@@ -42,12 +63,11 @@ const FieldsDateTimeRange = (_a) => {
         var _a3;
         return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
       },
-      showTime: true,
       defaultValue: (_a2 = input.value) == null ? void 0 : _a2.map((v) => v && moment__default.default(v)),
       onChange: input.onChange,
       value: (_b2 = input.value) == null ? void 0 : _b2.map((v) => v && moment__default.default(v)),
       format: props.format
-    }
+    })
   ));
 };
 var FieldsDateTimeRange$1 = FieldsDateTimeRange;

package/dist/cjs/core/Fields/FieldsEnum/index.js

@@ -2,7 +2,7 @@
 
 var antd = require('antd');
 var React = require('react');
-var index = require('../../Select/index.js');
+var index = require('../../LegacySelect/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -40,13 +40,15 @@ const FieldsEnum = (_a) => {
   var _b = _a, {
     meta: __,
     enumValues,
-    emptyLabel
+    emptyLabel,
+    "data-testid": dataTestId
   } = _b, restProps = __objRest(_b, [
     "meta",
     "enumValues",
-    "emptyLabel"
+    "emptyLabel",
+    "data-testid"
   ]);
-  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, restProps), emptyLabel && /* @__PURE__ */ React__default.default.createElement(antd.Select.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, restProps), emptyLabel && /* @__PURE__ */ React__default.default.createElement(antd.Select.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
     const item = typeof v === "string" ? { value: v, text: v } : v;
     return /* @__PURE__ */ React__default.default.createElement(
       antd.Select.Option,

package/dist/cjs/core/Fields/FieldsFloat/index.js

@@ -43,16 +43,19 @@ const FieldsFloat = (_a) => {
     input,
     meta,
     onBlur,
-    autoComplete = "off"
+    autoComplete = "off",
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
     "onBlur",
-    "autoComplete"
+    "autoComplete",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index.default,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       onBlur: (e) => onBlur ? onBlur(input, e) : input.onBlur(e),
       autoComplete,
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)

package/dist/cjs/core/Fields/FieldsInt/index.js

@@ -44,17 +44,20 @@ const FieldsInt = (_a) => {
     meta,
     onBlur,
     autoComplete = "off",
-    supportNegativeValue = false
+    supportNegativeValue = false,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
     "onBlur",
     "autoComplete",
-    "supportNegativeValue"
+    "supportNegativeValue",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       onChange: (e) => {
         const value = e.currentTarget.value;
         if (supportNegativeValue) {

package/dist/cjs/core/Fields/FieldsInteger/index.js

@@ -42,15 +42,18 @@ const FieldsInteger = (_a) => {
   var _b = _a, {
     meta,
     input,
-    onBlur
+    onBlur,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "meta",
     "input",
-    "onBlur"
+    "onBlur",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index.default,
-    __spreadProps(__spreadValues(__spreadValues({}, props), input), {
+    __spreadProps(__spreadValues(__spreadValues({}, props), inputWithTestId), {
       onBlur: (e) => onBlur ? onBlur(input, e) : input.onBlur(e),
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
     })

package/dist/cjs/core/Fields/FieldsString/index.js

@@ -59,7 +59,8 @@ const FieldsString = (_a) => {
     onTagsAllowClearClick,
     onClick,
     maxLength,
-    focusIndicator
+    focusIndicator,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
@@ -72,12 +73,15 @@ const FieldsString = (_a) => {
     "onTagsAllowClearClick",
     "onClick",
     "maxLength",
-    "focusIndicator"
+    "focusIndicator",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   if (tags == null ? void 0 : tags.length) {
     return /* @__PURE__ */ React__default.default.createElement(
       "div",
       {
+        "data-testid": dataTestId,
         className: cs__default.default(
           className,
           index.KitInputStyle,
@@ -87,7 +91,13 @@ const FieldsString = (_a) => {
         onClick
       },
       /* @__PURE__ */ React__default.default.createElement("div", { className: "input-tags-inner" }, /* @__PURE__ */ React__default.default.createElement(index$1.default, { overflow: tagsOverflow }, /* @__PURE__ */ React__default.default.createElement("span", { className: "tags-overflow-auto" }, tags.map((tag) => /* @__PURE__ */ React__default.default.createElement(index$2, { key: tag }, tag))))),
-      /* @__PURE__ */ React__default.default.createElement("span", { className: "input-tag-suffix" }, allowClear && /* @__PURE__ */ React__default.default.createElement(icons.CloseCircleFilled, { onClick: onTagsAllowClearClick }))
+      /* @__PURE__ */ React__default.default.createElement("span", { className: "input-tag-suffix" }, allowClear && /* @__PURE__ */ React__default.default.createElement(
+        icons.CloseCircleFilled,
+        {
+          "data-testid": dataTestId ? `${dataTestId}-clear` : void 0,
+          onClick: onTagsAllowClearClick
+        }
+      ))
     );
   }
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
@@ -98,7 +108,7 @@ const FieldsString = (_a) => {
         index.KitInputStyle,
         focusIndicator && "has-focus-indicator"
       )
-    }, input), {
+    }, inputWithTestId), {
       autoComplete: props.type === "password" ? "new-password" : autoComplete,
       size,
       allowClear,

package/dist/cjs/core/Fields/FieldsTextArea/index.js

@@ -42,15 +42,18 @@ const FieldsTextArea = (_a) => {
   var _b = _a, {
     input,
     meta,
-    onFocusChangeHeight
+    onFocusChangeHeight,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
-    "onFocusChangeHeight"
+    "onFocusChangeHeight",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index,
-    __spreadProps(__spreadValues(__spreadValues({}, input), props), {
+    __spreadProps(__spreadValues(__spreadValues({}, inputWithTestId), props), {
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError),
       onFocus: (e) => {
         input.onFocus(e);

package/dist/cjs/core/Fields/FieldsTimePicker/index.js

@@ -1,7 +1,8 @@
 'use strict';
 
+var index = require('../../ConfigProvider/index.js');
 var React = require('react');
-var index = require('../../TimePicker/index.js');
+var index$1 = require('../../TimePicker/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -41,14 +42,17 @@ var __objRest = (source, exclude) => {
 const FieldsTimePicker = (_a) => {
   var _b = _a, {
     input,
-    meta
+    meta,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
-    "meta"
+    "meta",
+    "data-testid"
   ]);
-  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
-    index,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
+  return /* @__PURE__ */ React__default.default.createElement(index.ConfigProvider, null, /* @__PURE__ */ React__default.default.createElement(
+    index$1,
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
     }), props)
   ));

package/dist/cjs/core/Fields/index.js

@@ -23,6 +23,6 @@ const fields = {
   TextArea: index$8,
   DateTimeRange: index$9
 };
-var Fields = fields;
+var fields$1 = fields;
 
-module.exports = Fields;
+module.exports = fields$1;

package/dist/cjs/core/FormItem/index.js

@@ -29,12 +29,26 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
 const {
   Item: AntdFormItem
 } = antd.Form;
-const FormItemStyle = "E_f7pxqmh";
-const FormItem = props => {
+const FormItemStyle = "E_0_0_0_theme_rc_1_f7pxqmh";
+const FormItem = _a => {
+  var _b = _a,
+    {
+      "data-testid": dataTestId
+    } = _b,
+    props = __objRest(_b, ["data-testid"]);
   return /* @__PURE__ */React__default.default.createElement(AntdFormItem, __spreadProps(__spreadValues({}, props), {
+    "data-testid": dataTestId,
     className: cs__default.default(FormItemStyle, props.className)
   }));
 };

package/dist/cjs/core/Frequency/index.js

@@ -5,6 +5,7 @@ var index = require('../Empty/index.js');
 var isEmpty = require('../../utils/isEmpty.js');
 var tower = require('../../utils/tower.js');
 var React = require('react');
+var index$1 = require('../Styled/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -31,13 +32,14 @@ const Frequency = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = tower.formatFrequency(rawValue, decimals);
-  return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Frequency$1 = Frequency;
 

package/dist/cjs/core/Icon/index.js

@@ -39,7 +39,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const IconWrapper = "E_iouxfgt";
+const IconWrapper = "E_0_0_0_theme_rc_1_iouxfgt";
 const Icon = React__default.default.forwardRef((props, ref) => {
   const _a = props,
     {

package/dist/cjs/core/ImmersiveDialog/index.js

@@ -0,0 +1,273 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index$3 = require('../Button/index.js');
+var index$4 = require('../Icon/index.js');
+var index = require('../KitStoreProvider/index.js');
+var index$1 = require('../Typo/index.js');
+var index$2 = require('../../coreX/OverflowTooltip/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+var SmallDialog_widget = require('../SmallDialog/SmallDialog.widget.js');
+var useDialogInitialization = require('../SmallDialog/useDialogInitialization.js');
+var styles = require('./styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function ImmersiveDialog(props) {
+  const _a = props, {
+    className,
+    title,
+    children,
+    footerLeftAction,
+    left,
+    right,
+    leftClassName,
+    rightClassName,
+    closeIcon,
+    closeDisabled = false,
+    closable = true,
+    keyboard,
+    maskClosable,
+    footer,
+    showCancel = true,
+    showOk = true,
+    confirmLoading,
+    okButtonProps,
+    cancelButtonProps,
+    okText,
+    cancelText,
+    error,
+    hideFooter = false,
+    showFooterErrorIcon = true,
+    visible = true,
+    isContentFull,
+    onCancel,
+    onOk,
+    initializeOnce,
+    initializing: initializingProp,
+    initializingError: initializingErrorProp,
+    "data-testid": dataTestId
+  } = _a, restProps = __objRest(_a, [
+    "className",
+    "title",
+    "children",
+    "footerLeftAction",
+    "left",
+    "right",
+    "leftClassName",
+    "rightClassName",
+    "closeIcon",
+    "closeDisabled",
+    "closable",
+    "keyboard",
+    "maskClosable",
+    "footer",
+    "showCancel",
+    "showOk",
+    "confirmLoading",
+    "okButtonProps",
+    "cancelButtonProps",
+    "okText",
+    "cancelText",
+    "error",
+    "hideFooter",
+    "showFooterErrorIcon",
+    "visible",
+    "isContentFull",
+    "onCancel",
+    "onOk",
+    "initializeOnce",
+    "initializing",
+    "initializingError",
+    "data-testid"
+  ]);
+  const { t } = useParrotTranslation();
+  const popModal = index.usePopModal();
+  const { initializing, initializingError } = useDialogInitialization.useDialogInitialization({
+    initializeOnce,
+    initializing: initializingProp,
+    initializingError: initializingErrorProp
+  });
+  const sub = React.useCallback(
+    (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0,
+    [dataTestId]
+  );
+  const defaultTitle = initializingError ? t("common.load_failed") : "";
+  const defaultCancelText = showOk ? t("common.cancel") : t("common.close");
+  const defaultOkText = initializingError ? t("common.retry") : t("common.confirm");
+  const _cancelText = React.useMemo(() => {
+    let text = cancelText || defaultCancelText;
+    return text;
+  }, [cancelText, defaultCancelText]);
+  const _confirmText = React.useMemo(() => {
+    let text = okText || defaultOkText;
+    return text;
+  }, [okText, defaultOkText]);
+  const finalFooter = React.useMemo(() => {
+    if (initializing) {
+      return null;
+    }
+    if (hideFooter)
+      return /* @__PURE__ */ React__default.default.createElement("div", null);
+    return footer || /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterStyle }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterButtonStyle }, footerLeftAction, error && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(styles.ErrorStyle, index$1.Typo.Label.l2_regular) }, showFooterErrorIcon && /* @__PURE__ */ React__default.default.createElement(
+      iconsReact.ExclamationErrorCircleFill16RedIcon,
+      {
+        className: styles.ErrorIconStyle
+      }
+    ), /* @__PURE__ */ React__default.default.createElement(
+      index$2,
+      {
+        className: styles.ErrorTextStyle,
+        multiLines: 3,
+        content: error,
+        tooltip: error
+      }
+    )))), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.FooterButtonRightStyle }, showCancel ? /* @__PURE__ */ React__default.default.createElement(
+      index$3,
+      __spreadValues({
+        size: "large",
+        type: "quiet",
+        className: styles.CancelButtonStyle,
+        "data-testid": sub("cancel"),
+        onMouseDown: (e) => {
+          e.preventDefault();
+        },
+        onClick: (e) => {
+          popModal();
+          onCancel == null ? void 0 : onCancel(e);
+        }
+      }, cancelButtonProps),
+      /* @__PURE__ */ React__default.default.createElement("span", { className: index$1.Typo.Label.l1_bold_title }, _cancelText)
+    ) : null, showOk ? /* @__PURE__ */ React__default.default.createElement(
+      index$3,
+      __spreadValues({
+        size: "large",
+        onClick: (e) => {
+          onOk == null ? void 0 : onOk(e);
+        },
+        type: "primary",
+        loading: confirmLoading,
+        "data-testid": sub("ok")
+      }, okButtonProps),
+      _confirmText
+    ) : null));
+  }, [
+    initializing,
+    hideFooter,
+    footer,
+    footerLeftAction,
+    error,
+    showFooterErrorIcon,
+    showCancel,
+    sub,
+    cancelButtonProps,
+    _cancelText,
+    showOk,
+    confirmLoading,
+    okButtonProps,
+    _confirmText,
+    popModal,
+    onCancel,
+    onOk
+  ]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Modal,
+    __spreadProps(__spreadValues({
+      "data-testid": dataTestId,
+      width: "calc(100% - 20px)",
+      title: initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$1.Typo.Display.d1_bold_title, styles.TitleStyle) }, title || defaultTitle),
+      className: cs__default.default(
+        styles.ImmersiveDialogStyle,
+        isContentFull ? styles.FullContentStyle : styles.MultiAreaStyle,
+        className,
+        {
+          "initializing-error": initializingError,
+          "no-footer": hideFooter
+        }
+      ),
+      closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(
+        index$4,
+        {
+          src: iconsReact.XmarkCloseBold24TertiaryIcon,
+          className: styles.CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon,
+          "data-testid": sub("close")
+        }
+      ),
+      footer: finalFooter,
+      onCancel: (e) => {
+        if (closeDisabled)
+          return;
+        popModal();
+        onCancel == null ? void 0 : onCancel(e);
+      },
+      visible,
+      destroyOnClose: true
+    }, restProps), {
+      closable: closable && !closeDisabled,
+      keyboard: closeDisabled ? false : keyboard,
+      maskClosable
+    }),
+    closeDisabled && closable ? /* @__PURE__ */ React__default.default.createElement(
+      index$3,
+      {
+        type: "quiet",
+        disabled: true,
+        "aria-label": t("common.close"),
+        className: core.cx("ant-modal-close", styles.CloseButtonStyle),
+        "data-testid": sub("close")
+      },
+      closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(
+        index$4,
+        {
+          src: iconsReact.XmarkCloseBold24TertiaryIcon,
+          iconHeight: 24,
+          iconWidth: 24
+        }
+      )
+    ) : null,
+    /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(styles.BodyStyle, isContentFull ? "" : styles.MultiAreaBodyStyle) }, initializing || initializingError ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelContentSkeleton, { num: 4 }) : /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelInitializingError, { error: initializingError }))) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("right", rightClassName) }, right)))
+  );
+}
+
+exports.ImmersiveDialog = ImmersiveDialog;

package/dist/cjs/core/ImmersiveDialog/styles.js

@@ -0,0 +1,33 @@
+'use strict';
+
+const ImmersiveDialogStyle = "E_0_0_0_theme_rc_1_icab5o7";
+const MultiAreaStyle = "E_0_0_0_theme_rc_1_msiso3p";
+const CloseIconStyle = "E_0_0_0_theme_rc_1_cxvrrew";
+const CloseButtonStyle = "E_0_0_0_theme_rc_1_cskzd0j";
+const TitleStyle = "E_0_0_0_theme_rc_1_t1fbnfp";
+const FullContentStyle = "E_0_0_0_theme_rc_1_f4g2nsx";
+const BodyStyle = "E_0_0_0_theme_rc_1_byhed70";
+const MultiAreaBodyStyle = "E_0_0_0_theme_rc_1_mo07jei";
+const FooterStyle = "E_0_0_0_theme_rc_1_fph3s12";
+const FooterButtonStyle = "E_0_0_0_theme_rc_1_f1f8uj0i";
+const FooterButtonRightStyle = "E_0_0_0_theme_rc_1_fjcjd85";
+const ErrorStyle = "E_0_0_0_theme_rc_1_e1lj3r2s";
+const ErrorIconStyle = "E_0_0_0_theme_rc_1_eb58k2y";
+const ErrorTextStyle = "E_0_0_0_theme_rc_1_e1bad0d";
+const CancelButtonStyle = "E_0_0_0_theme_rc_1_c1x56aew";
+
+exports.BodyStyle = BodyStyle;
+exports.CancelButtonStyle = CancelButtonStyle;
+exports.CloseButtonStyle = CloseButtonStyle;
+exports.CloseIconStyle = CloseIconStyle;
+exports.ErrorIconStyle = ErrorIconStyle;
+exports.ErrorStyle = ErrorStyle;
+exports.ErrorTextStyle = ErrorTextStyle;
+exports.FooterButtonRightStyle = FooterButtonRightStyle;
+exports.FooterButtonStyle = FooterButtonStyle;
+exports.FooterStyle = FooterStyle;
+exports.FullContentStyle = FullContentStyle;
+exports.ImmersiveDialogStyle = ImmersiveDialogStyle;
+exports.MultiAreaBodyStyle = MultiAreaBodyStyle;
+exports.MultiAreaStyle = MultiAreaStyle;
+exports.TitleStyle = TitleStyle;