@cloudtower/eagle 0.33.43 → 0.34.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core/ImmersiveDialog/index.js +16 -2
- package/dist/cjs/core/WizardDialog/index.js +5 -1
- package/dist/cjs/core/WizardDialog/styles.js +2 -0
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +3171 -3113
- package/dist/esm/core/ImmersiveDialog/index.js +17 -3
- package/dist/esm/core/WizardDialog/index.js +6 -2
- package/dist/esm/core/WizardDialog/styles.js +2 -1
- package/dist/esm/stats1.html +1 -1
- package/dist/linaria.merged.scss +4579 -4523
- package/dist/src/core/ImmersiveDialog/type.d.ts +4 -0
- package/dist/src/core/WizardDialog/styles.d.ts +1 -0
- package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +3 -0
- package/dist/stories/docs/core/WizardDialog.stories.d.ts +3 -0
- package/dist/style.css +3171 -3113
- package/package.json +4 -4
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { ExclamationErrorCircleFill16RedIcon,
|
|
1
|
+
import { ExclamationErrorCircleFill16RedIcon, XmarkCloseBold24TertiaryIcon, XmarkCloseBold24SecondaryIcon } from '@cloudtower/icons-react';
|
|
2
2
|
import { cx } from '@linaria/core';
|
|
3
3
|
import Button from '../Button/index.js';
|
|
4
4
|
import { usePopModal } from '../KitStoreProvider/index.js';
|
|
5
5
|
import { Typo } from '../Typo/index.js';
|
|
6
|
+
import Icon from '../Icon/index.js';
|
|
6
7
|
import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
|
|
7
8
|
import useParrotTranslation from '../../hooks/useParrotTranslation.js';
|
|
8
9
|
import { Modal } from 'antd';
|
|
@@ -45,6 +46,8 @@ function ImmersiveDialog(props) {
|
|
|
45
46
|
footerLeftAction,
|
|
46
47
|
left,
|
|
47
48
|
right,
|
|
49
|
+
leftClassName,
|
|
50
|
+
rightClassName,
|
|
48
51
|
closeIcon,
|
|
49
52
|
footer,
|
|
50
53
|
showCancel = true,
|
|
@@ -66,6 +69,8 @@ function ImmersiveDialog(props) {
|
|
|
66
69
|
"footerLeftAction",
|
|
67
70
|
"left",
|
|
68
71
|
"right",
|
|
72
|
+
"leftClassName",
|
|
73
|
+
"rightClassName",
|
|
69
74
|
"closeIcon",
|
|
70
75
|
"footer",
|
|
71
76
|
"showCancel",
|
|
@@ -152,7 +157,16 @@ function ImmersiveDialog(props) {
|
|
|
152
157
|
isContentFull ? FullContentStyle : MultiAreaStyle,
|
|
153
158
|
className
|
|
154
159
|
),
|
|
155
|
-
closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement(
|
|
160
|
+
closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.createElement(
|
|
161
|
+
Icon,
|
|
162
|
+
{
|
|
163
|
+
src: XmarkCloseBold24TertiaryIcon,
|
|
164
|
+
className: CloseIconStyle,
|
|
165
|
+
iconHeight: 24,
|
|
166
|
+
iconWidth: 24,
|
|
167
|
+
hoverSrc: XmarkCloseBold24SecondaryIcon
|
|
168
|
+
}
|
|
169
|
+
),
|
|
156
170
|
footer: finalFooter,
|
|
157
171
|
onCancel: (e) => {
|
|
158
172
|
popModal();
|
|
@@ -161,7 +175,7 @@ function ImmersiveDialog(props) {
|
|
|
161
175
|
visible,
|
|
162
176
|
destroyOnClose: true
|
|
163
177
|
}, restProps),
|
|
164
|
-
/* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: "left" }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: "right" }, right))
|
|
178
|
+
/* @__PURE__ */ React__default.createElement("div", { className: cx(BodyStyle, isContentFull ? "" : MultiAreaBodyStyle) }, isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("left", leftClassName) }, left), /* @__PURE__ */ React__default.createElement("div", { className: "middle" }, children), isContentFull ? null : /* @__PURE__ */ React__default.createElement("div", { className: cx("right", rightClassName) }, right))
|
|
165
179
|
);
|
|
166
180
|
}
|
|
167
181
|
|
|
@@ -4,7 +4,8 @@ import { ImmersiveDialog } from '../ImmersiveDialog/index.js';
|
|
|
4
4
|
import Steps from '../Steps/index.js';
|
|
5
5
|
import useParrotTranslation from '../../hooks/useParrotTranslation.js';
|
|
6
6
|
import React__default, { useState, useMemo, useEffect } from 'react';
|
|
7
|
-
import { StepContentStyle, PrevIconStyle, StepStyle } from './styles.js';
|
|
7
|
+
import { StepContentStyle, PrevIconStyle, StepStyle, RightPanelStyle } from './styles.js';
|
|
8
|
+
import { cx } from '@linaria/core';
|
|
8
9
|
|
|
9
10
|
var __defProp = Object.defineProperty;
|
|
10
11
|
var __defProps = Object.defineProperties;
|
|
@@ -52,6 +53,7 @@ function WizardDialog(props) {
|
|
|
52
53
|
onStepChange,
|
|
53
54
|
left,
|
|
54
55
|
right,
|
|
56
|
+
rightClassName,
|
|
55
57
|
okText,
|
|
56
58
|
onOk
|
|
57
59
|
} = _a, restProps = __objRest(_a, [
|
|
@@ -68,6 +70,7 @@ function WizardDialog(props) {
|
|
|
68
70
|
"onStepChange",
|
|
69
71
|
"left",
|
|
70
72
|
"right",
|
|
73
|
+
"rightClassName",
|
|
71
74
|
"okText",
|
|
72
75
|
"onOk"
|
|
73
76
|
]);
|
|
@@ -149,7 +152,8 @@ function WizardDialog(props) {
|
|
|
149
152
|
} else {
|
|
150
153
|
onOk == null ? void 0 : onOk(e);
|
|
151
154
|
}
|
|
152
|
-
}
|
|
155
|
+
},
|
|
156
|
+
rightClassName: cx(RightPanelStyle, rightClassName)
|
|
153
157
|
}, restProps), {
|
|
154
158
|
isContentFull: false
|
|
155
159
|
}),
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
const StepStyle = "E_sqv6dmy";
|
|
2
2
|
const PrevIconStyle = "E_p1rm8wzb";
|
|
3
3
|
const StepContentStyle = "E_sd7qcf4";
|
|
4
|
+
const RightPanelStyle = "E_r1fxc9gq";
|
|
4
5
|
|
|
5
|
-
export { PrevIconStyle, StepContentStyle, StepStyle };
|
|
6
|
+
export { PrevIconStyle, RightPanelStyle, StepContentStyle, StepStyle };
|