@cloudtower/eagle 0.0.0-config-rc-9 → 0.0.0-data-testid

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

@@ -2,10 +2,11 @@
 
 var core = require('@linaria/core');
 var index = require('../Empty/index.js');
-var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var index$1 = require('../ParrotTrans/index.js');
 var isEmpty = require('../../utils/isEmpty.js');
 var tower = require('../../utils/tower.js');
 var React = require('react');
+var index$2 = require('../Styled/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -33,14 +34,24 @@ const Second = ({
   valueClassName,
   unitClassName,
   abbreviate,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
-  const { t } = useParrotTranslation();
   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.formatSeconds(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) }, t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
+  return /* @__PURE__ */ React__default.default.createElement(
+    index$1.ParrotTrans,
+    {
+      parent: "span",
+      "data-testid": dataTestId,
+      i18nKey: `unit.${abbreviate ? `${unit}_abbreviation` : unit}`,
+      count: value
+    },
+    /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }),
+    /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$2.UnitStyle, unitClassName) })
+  );
 };
 var Second$1 = Second;
 

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

@@ -42,7 +42,7 @@ const SegmentControl = props => {
       [MediumSegment]: size === "middle"
     }, Segment, ColorSegment),
     size,
-    prefixCls: constants.Antd5ComponentPrefixCls["Segmented"]
+    prefixCls: `${constants.Antd5PrefixCls}-segmented`
   }, props));
 };
 var SegmentControl$1 = SegmentControl;

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

@@ -1,18 +1,19 @@
 'use strict';
 
-var index$1 = require('../Loading/index.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$2 = require('../Icon/index.js');
+var index$1 = require('../LegacySelect/index.js');
 var index = require('../Typo/index.js');
-var antd = require('antd');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var cs = require('classnames');
-var _ = require('lodash');
 var React = require('react');
-var reactDom = require('react-dom');
-var reactIs = require('react-is');
+var select_style = require('./select.style.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var cs__default = /*#__PURE__*/_interopDefault(cs);
-var ___default = /*#__PURE__*/_interopDefault(_);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var __defProp = Object.defineProperty;
@@ -21,126 +22,114 @@ 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 __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]);
-  }
+  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;
-};
-const SelectStyle = "E_s177mls5";
-const Select = _a => {
-  var _b = _a,
-    {
-      input,
-      multiple,
-      className,
-      scrollBottomBuffer = 0,
-      onScrollBottom,
-      onPopupScroll,
-      onSearch,
-      showSearch,
-      filterOption,
-      loading,
-      notFoundContent,
-      children,
-      error,
-      selectLimit,
-      dropdownClassName,
-      danger,
-      size = "middle",
-      meta,
-      placeholder
-    } = _b,
-    restProps = __objRest(_b, ["input", "multiple", "className", "scrollBottomBuffer", "onScrollBottom", "onPopupScroll", "onSearch", "showSearch", "filterOption", "loading", "notFoundContent", "children", "error", "selectLimit", "dropdownClassName", "danger", "size", "meta", "placeholder"]);
-  var _a2;
-  const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
+const Select = (props) => {
+  const { size = "middle", isLoadingValue } = props;
+  const { t } = useParrotTranslation();
   const typo = {
     large: index.Typo.Label.l2_regular,
     middle: index.Typo.Label.l3_regular,
     small: index.Typo.Label.l4_regular
   }[size];
-  const _danger = React.useMemo(() => {
-    if (danger !== void 0) {
-      return danger;
-    }
-    return (meta == null ? void 0 : meta.touched) && meta.invalid;
-  }, [danger, meta]);
-  const selectRef = React.useRef(null);
-  React.useEffect(() => {
-    if (!selectRef.current) {
-      return;
-    }
-    const realDom = reactDom.findDOMNode(selectRef.current);
-    if (realDom) {
-      const inputDom = realDom.getElementsByClassName("ant-select-selection-search-input")[0];
-      const item = realDom.getElementsByClassName("ant-select-selection-item")[0];
-      inputDom && (placeholder || item) && inputDom.setAttribute("data-test", String(placeholder || item.textContent));
-    }
-  }, [selectRef, placeholder]);
-  return /* @__PURE__ */React__default.default.createElement(antd.Select, __spreadValues(__spreadProps(__spreadValues({}, input), {
-    ref: selectRef,
-    size,
-    value: multiple ? input.value || [] : input.value || void 0,
-    onChange: (e, option) => {
-      var _a3, _b2;
-      if (Array.isArray(e) && e.some(v => v === "")) {
-        (_a3 = input.onChange) == null ? void 0 : _a3.call(input, [], option);
-      } else {
-        (_b2 = input.onChange) == null ? void 0 : _b2.call(input, e, option);
-      }
-    },
-    onBlur: () => {
-      var _a3;
-      return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
-    },
-    mode: multiple ? "multiple" : void 0,
-    className: cs__default.default(SelectStyle, "select", className, limitExceeded && "select-event-none", _danger ? "select-error" : "", typo),
-    "data-size": size,
-    dropdownClassName: cs__default.default(dropdownClassName, limitExceeded && "display-none"),
-    showSearch: multiple ? void 0 : typeof showSearch === "undefined" ? Boolean(onSearch) : showSearch,
-    filterOption: onSearch === void 0 ? filterOption === void 0 ? (input2, option) => {
-      const label = option == null ? void 0 : option.label;
-      if (!label || typeof label !== "string") {
-        return false;
-      }
-      return label.toLowerCase().includes(input2.toLowerCase());
-    } : filterOption : false,
-    onSearch: onSearch && ___default.default.debounce(onSearch, 100),
-    onPopupScroll: e => {
-      onPopupScroll == null ? void 0 : onPopupScroll(e);
-      const el = e.currentTarget;
-      if (el.scrollHeight - el.offsetHeight - el.scrollTop <= scrollBottomBuffer) {
-        onScrollBottom == null ? void 0 : onScrollBottom();
-      }
-    },
-    notFoundContent: loading ? /* @__PURE__ */React__default.default.createElement(index$1, null) : notFoundContent,
-    dropdownRender: menu => /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, error || menu),
-    loading,
-    placeholder
-  }), restProps), React__default.default.Children.map(children, child => {
-    return reactIs.isElement(child) ? __spreadProps(__spreadValues({}, child), {
-      props: __spreadProps(__spreadValues({}, child.props), {
-        "data-test": child.props.value
-      })
-    }) : child;
-  }));
+  return /* @__PURE__ */ React__default.default.createElement(
+    index$1,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs__default.default(
+        select_style.SelectStyle,
+        select_style.SelectIconStyle,
+        select_style.SelectSizeStyle,
+        isLoadingValue ? "select-loading-value" : "",
+        props.className
+      ),
+      placeholder: /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default(typo, select_style.PlaceholderTextStyle) }, isLoadingValue ? t("components.loading") : props.placeholder),
+      suffixIcon: props.suffixIcon || (props.loading ? void 0 : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-suffix",
+          src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-hover-suffix",
+          src: iconsReact.ArrowChevronDown16BoldBlueIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-active-suffix",
+          src: iconsReact.ArrowChevronDown16BoldBlueIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-expanded-suffix",
+          src: iconsReact.ArrowChevronUp16BoldBlueIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-expanded-search-suffix",
+          src: iconsReact.Search16BlueIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-focus-suffix",
+          src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-error-suffix",
+          src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-error-hover-suffix",
+          src: iconsReact.ArrowChevronDown16BoldSecondaryIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-error-active-suffix",
+          src: iconsReact.ArrowChevronDown16BoldSecondaryIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-error-expanded-suffix",
+          src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-error-expanded-search-suffix",
+          src: iconsReact.Search16SecondaryIcon
+        }
+      ), /* @__PURE__ */ React__default.default.createElement(
+        index$2,
+        {
+          className: "select-error-focus-suffix",
+          src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
+        }
+      )))
+    })
+  );
 };
 var Select$1 = Select;
 
-module.exports = Select$1;
+exports.default = Select$1;

package/dist/cjs/core/Select/select.style.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const SelectStyle = "E_s4ivdfu";
+const SelectIconStyle = "E_sks9xr8";
+const SelectSizeStyle = "E_swwhohx";
+const PlaceholderTextStyle = "E_p2sxmsl";
+
+exports.PlaceholderTextStyle = PlaceholderTextStyle;
+exports.SelectIconStyle = SelectIconStyle;
+exports.SelectSizeStyle = SelectSizeStyle;
+exports.SelectStyle = SelectStyle;

package/dist/cjs/core/Select/select.widgets.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var index = require('../../coreX/OverflowTooltip/index.js');
+var antd = require('antd');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+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 __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 OptionStyle = "E_oa99sl3";
+const LeftStyle = "E_lvp5pj7";
+const SlotStyle = "E_s1io1lws";
+const AntdOption = antd.Select.Option;
+function getOptions(options) {
+  return options.map(option => {
+    const _a = option,
+      {
+        prefix,
+        suffix,
+        children
+      } = _a,
+      restProps = __objRest(_a, ["prefix", "suffix", "children"]);
+    return /* @__PURE__ */React__default.default.createElement(AntdOption, __spreadValues({}, restProps), /* @__PURE__ */React__default.default.createElement("div", {
+      className: OptionStyle
+    }, /* @__PURE__ */React__default.default.createElement("span", {
+      className: LeftStyle
+    }, prefix ? /* @__PURE__ */React__default.default.createElement("span", {
+      className: SlotStyle
+    }, prefix) : null, /* @__PURE__ */React__default.default.createElement(index, {
+      content: children
+    })), suffix ? /* @__PURE__ */React__default.default.createElement("span", {
+      className: SlotStyle
+    }, suffix) : null));
+  });
+}
+
+exports.getOptions = getOptions;

package/dist/cjs/core/SidebarMenu/SidebarMenu.js

@@ -28,13 +28,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const SidebarMenu = (props) => {
-  return /* @__PURE__ */ React__default.default.createElement(
-    antd5.Menu,
-    __spreadProps(__spreadValues({}, props), {
-      prefixCls: constants.Antd5ComponentPrefixCls["Menu"],
-      mode: "inline"
-    })
-  );
+  return /* @__PURE__ */ React__default.default.createElement(antd5.Menu, __spreadProps(__spreadValues({}, props), { prefixCls: `${constants.Antd5PrefixCls}-menu`, mode: "inline" }));
 };
 
 exports.SidebarMenu = SidebarMenu;

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

@@ -22,11 +22,13 @@ const SimplePagination = props => {
     current,
     count,
     size,
-    onPageChange
+    onPageChange,
+    "data-testid": dataTestId
   } = props;
   const {
     t
   } = useParrotTranslation();
+  const sub = suffix => dataTestId ? `${dataTestId}-${suffix}` : void 0;
   const pageLength = count === 0 ? 1 : Math.ceil(count / size);
   const showPrev = current > 1;
   const showNext = current * size < count;
@@ -39,17 +41,19 @@ const SimplePagination = props => {
     }
   }, [onPageChange, pageLength]);
   return /* @__PURE__ */React__default.default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs__default.default(index.PaginationStyle, "pagination-wrapper", className)
   }, /* @__PURE__ */React__default.default.createElement("span", {
     className: index$1.Typo.Label.l3_regular_title
   }, t("components.pagination_lots_total", {
-    total: count
+    count
   })), /* @__PURE__ */React__default.default.createElement("span", {
     className: "pagination-right"
   }, showPrev && /* @__PURE__ */React__default.default.createElement(index$2, {
     className: "prev-btn",
     type: "quiet",
     size: "small",
+    "data-testid": sub("prev"),
     style: {
       marginRight: "8px"
     },
@@ -64,6 +68,7 @@ const SimplePagination = props => {
     className: cs__default.default(index$1.Typo.Label.l3_regular, inputStyle),
     value: current,
     size: "small",
+    "data-testid": sub("input"),
     onKeyDown: event => {
       if (event.key === "Enter") {
         changeValue(event.target.value);
@@ -78,6 +83,7 @@ const SimplePagination = props => {
     className: "next-btn",
     type: "quiet",
     size: "small",
+    "data-testid": sub("next"),
     style: {
       marginLeft: "8px"
     },

package/dist/cjs/core/Skeleton/Content.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const SkeletonContentStyle = "E_s20iney";
+const SkeletonContent = props => {
+  const {
+    width = "100%",
+    height = "100%",
+    className
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: cs__default.default("skeleton-box", SkeletonContentStyle, className),
+    style: {
+      width,
+      height
+    }
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "skeleton-shimmer"
+  }));
+};
+var SkeletonContent$1 = SkeletonContent;
+
+module.exports = SkeletonContent$1;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Content = require('./Content.js');
+
+const Skeleton = {
+  Content: Content
+};
+
+exports.SkeletonContent = Content;
+exports.Skeleton = Skeleton;
+exports.default = Skeleton;

package/dist/cjs/core/SmallDialog/SmallDialog.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index = require('../KitStoreProvider/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+var index$4 = require('../../coreX/OverflowTooltip/index.js');
+var index$1 = require('../../coreX/Show/index.js');
+var SmallDialog_style = require('./SmallDialog.style.js');
+var SmallDialog_widget = require('./SmallDialog.widget.js');
+var index$3 = require('../Icon/index.js');
+var index$5 = require('../Button/index.js');
+var antd5 = require('antd5');
+var index$2 = require('../Typo/index.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 __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;
+};
+const DefaultTitleRender = ({
+  title
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default(index$2.Typo.Display.d2_bold_title) }, title);
+};
+const SmallDialog = ({
+  width = 492,
+  title,
+  TitleRender,
+  cancelText,
+  okText,
+  showOk = true,
+  onOk,
+  onCancel,
+  maskClosable = true,
+  closable = true,
+  className,
+  footerClassName,
+  okButtonProps,
+  cancelButtonProps,
+  children,
+  hideFooter = false,
+  showFooterErrorIcon = true,
+  error,
+  confirmLoading,
+  initializing,
+  initializingError,
+  initializingSkeletonRows,
+  "data-testid": dataTestId
+}) => {
+  const { t } = useParrotTranslation();
+  const popModal = index.usePopModal();
+  const sub = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
+  const handleClose = () => {
+    if (onCancel) {
+      onCancel(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const handleOk = () => {
+    if (onOk) {
+      onOk(popModal);
+    } else {
+      popModal();
+    }
+  };
+  const CustomTitleRender = TitleRender || DefaultTitleRender;
+  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");
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Modal,
+    {
+      visible: true,
+      "data-testid": dataTestId,
+      width,
+      title: initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.default.createElement(CustomTitleRender, { title: title || defaultTitle }),
+      footer: initializing ? null : hideFooter ? /* @__PURE__ */ React__default.default.createElement("div", null) : /* @__PURE__ */ React__default.default.createElement(
+        "div",
+        {
+          className: cs__default.default(SmallDialog_style.FooterStyle, footerClassName, {
+            "has-error": !!error
+          })
+        },
+        /* @__PURE__ */ React__default.default.createElement(index$1.Show, { condition: !!error }, /* @__PURE__ */ React__default.default.createElement(
+          antd5.Flex,
+          {
+            gap: 4,
+            align: "center",
+            className: core.cx(SmallDialog_style.ErrorTextStyle, index$2.Typo.Label.l3_regular)
+          },
+          /* @__PURE__ */ React__default.default.createElement(index$1.Show, { condition: showFooterErrorIcon }, /* @__PURE__ */ React__default.default.createElement(
+            index$3,
+            {
+              src: iconsReact.ExclamationErrorCircleFill16RedIcon,
+              iconHeight: 16,
+              iconWidth: 16
+            }
+          )),
+          /* @__PURE__ */ React__default.default.createElement(
+            index$4,
+            {
+              multiLines: 3,
+              content: error,
+              tooltip: error
+            }
+          )
+        )),
+        /* @__PURE__ */ React__default.default.createElement(antd5.Flex, null, /* @__PURE__ */ React__default.default.createElement(
+          index$5,
+          __spreadValues({
+            type: showOk ? "quiet" : "ordinary",
+            onClick: handleClose,
+            className: index$2.Typo.Label.l2_bold_title,
+            "data-testid": sub("cancel")
+          }, cancelButtonProps),
+          cancelText || defaultCancelText
+        ), showOk && /* @__PURE__ */ React__default.default.createElement(
+          index$5,
+          __spreadValues({
+            type: "primary",
+            onClick: handleOk,
+            loading: confirmLoading,
+            "data-testid": sub("ok")
+          }, okButtonProps),
+          okText || defaultOkText
+        ))
+      ),
+      onCancel: handleClose,
+      closable,
+      maskClosable,
+      className: cs__default.default(SmallDialog_style.DialogStyle, className, {
+        "initializing-error": initializingError,
+        "no-footer": hideFooter
+      }),
+      closeIcon: /* @__PURE__ */ React__default.default.createElement(
+        index$3,
+        {
+          src: iconsReact.XmarkCloseBold24TertiaryIcon,
+          className: SmallDialog_style.CloseIconStyle,
+          iconHeight: 24,
+          iconWidth: 24,
+          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon,
+          "data-testid": sub("close")
+        }
+      )
+    },
+    initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelContentSkeleton, { num: initializingSkeletonRows }) : initializingError ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelInitializingError, { error: initializingError }) : children
+  );
+};
+
+exports.SmallDialog = SmallDialog;