@cloudtower/eagle 0.34.22 → 0.34.24

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.
Files changed (44) hide show
  1. package/dist/cjs/UIKitProvider/index.js +5 -10
  2. package/dist/cjs/core/ImmersiveDialog/index.js +8 -2
  3. package/dist/cjs/core/{Modal → LegacyModal}/index.js +7 -3
  4. package/dist/cjs/core/LegacySelect/index.js +4 -0
  5. package/dist/cjs/core/MediumDialog/MediumDialog.js +1 -1
  6. package/dist/cjs/core/SmallDialog/SmallDialog.js +7 -5
  7. package/dist/cjs/core/message/message.js +24 -1
  8. package/dist/cjs/coreX/KubeConfigModal/index.js +4 -4
  9. package/dist/cjs/hooks/useLegacyComponentWarning.js +16 -0
  10. package/dist/cjs/index.js +16 -16
  11. package/dist/cjs/legacy-antd.js +2 -2
  12. package/dist/cjs/stats1.html +1 -1
  13. package/dist/components.css +1317 -1295
  14. package/dist/esm/UIKitProvider/index.js +5 -10
  15. package/dist/esm/core/ImmersiveDialog/index.js +8 -2
  16. package/dist/esm/core/{Modal → LegacyModal}/index.js +9 -5
  17. package/dist/esm/core/LegacySelect/index.js +4 -0
  18. package/dist/esm/core/MediumDialog/MediumDialog.js +1 -1
  19. package/dist/esm/core/SmallDialog/SmallDialog.js +6 -4
  20. package/dist/esm/core/message/message.js +24 -1
  21. package/dist/esm/coreX/KubeConfigModal/index.js +5 -5
  22. package/dist/esm/hooks/useLegacyComponentWarning.js +14 -0
  23. package/dist/esm/index.js +1 -1
  24. package/dist/esm/legacy-antd.js +4 -4
  25. package/dist/esm/stats1.html +1 -1
  26. package/dist/linaria.merged.scss +1406 -1377
  27. package/dist/src/core/ImmersiveDialog/type.d.ts +2 -0
  28. package/dist/src/core/{Modal/modal.type.d.ts → LegacyModal/LegacyModal.type.d.ts} +12 -1
  29. package/dist/src/core/LegacyModal/index.d.ts +16 -0
  30. package/dist/src/core/SmallDialog/SmallDialog.type.d.ts +2 -0
  31. package/dist/src/core/index.d.ts +2 -2
  32. package/dist/src/core/message/message.d.ts +5 -0
  33. package/dist/src/hooks/useLegacyComponentWarning.d.ts +2 -0
  34. package/dist/src/spec/base.d.ts +2 -2
  35. package/dist/stories/docs/core/ImmersiveDialog.stories.d.ts +5 -0
  36. package/dist/stories/docs/core/LegacyModal.stories.d.ts +23 -0
  37. package/dist/stories/docs/core/MediumDialog.stories.d.ts +5 -1
  38. package/dist/stories/docs/core/SmallDialog.stories.d.ts +5 -1
  39. package/dist/stories/docs/core/WizardDialog.stories.d.ts +2 -0
  40. package/dist/stories/docs/core/message-group.stories.d.ts +1 -0
  41. package/dist/style.css +1317 -1295
  42. package/package.json +4 -4
  43. package/dist/src/core/Modal/index.d.ts +0 -5
  44. package/dist/stories/docs/core/Modal.stories.d.ts +0 -13
@@ -48,21 +48,16 @@ const UIKitProvider = (props) => {
48
48
  });
49
49
  }, [batchMessage, kit]);
50
50
  React.useEffect(() => {
51
- message.default.config(_.omit(message$1, "batch"));
52
- }, [message$1]);
51
+ message.default.config(__spreadProps(__spreadValues({}, _.omit(message$1, "batch")), {
52
+ configProviderProps: config
53
+ }));
54
+ }, [message$1, config]);
53
55
  React.useEffect(() => {
54
56
  if (parrot.parrotI18n.language !== lng) {
55
57
  parrot.parrotI18n.changeLanguage(lng);
56
58
  }
57
59
  }, [lng]);
58
- return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(useMessage.MessageContext.Provider, { value: batchMessage != null ? batchMessage : message.default }, /* @__PURE__ */ React__default.default.createElement(
59
- index$1.ConfigProvider,
60
- {
61
- antd4Configs: __spreadValues({}, config == null ? void 0 : config.antd4Configs),
62
- antd5Configs: __spreadValues({}, config == null ? void 0 : config.antd5Configs)
63
- },
64
- children
65
- )));
60
+ return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(index$1.ConfigProvider, __spreadValues({}, config), /* @__PURE__ */ React__default.default.createElement(useMessage.MessageContext.Provider, { value: batchMessage != null ? batchMessage : message.default }, children)));
66
61
  };
67
62
  var UIKitProvider$1 = UIKitProvider;
68
63
  const useUIKit = () => {
@@ -3,9 +3,9 @@
3
3
  var iconsReact = require('@cloudtower/icons-react');
4
4
  var core = require('@linaria/core');
5
5
  var index$3 = require('../Button/index.js');
6
+ var index$4 = require('../Icon/index.js');
6
7
  var index = require('../KitStoreProvider/index.js');
7
8
  var index$1 = require('../Typo/index.js');
8
- var index$4 = require('../Icon/index.js');
9
9
  var index$2 = require('../../coreX/OverflowTooltip/index.js');
10
10
  var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
11
11
  var antd = require('antd');
@@ -67,6 +67,7 @@ function ImmersiveDialog(props) {
67
67
  okText,
68
68
  cancelText,
69
69
  error,
70
+ hideFooter = false,
70
71
  showFooterErrorIcon = true,
71
72
  visible = true,
72
73
  isContentFull,
@@ -93,6 +94,7 @@ function ImmersiveDialog(props) {
93
94
  "okText",
94
95
  "cancelText",
95
96
  "error",
97
+ "hideFooter",
96
98
  "showFooterErrorIcon",
97
99
  "visible",
98
100
  "isContentFull",
@@ -118,6 +120,8 @@ function ImmersiveDialog(props) {
118
120
  if (initializing) {
119
121
  return null;
120
122
  }
123
+ if (hideFooter)
124
+ return /* @__PURE__ */ React__default.default.createElement("div", null);
121
125
  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(
122
126
  iconsReact.ExclamationErrorCircleFill16RedIcon,
123
127
  {
@@ -160,6 +164,7 @@ function ImmersiveDialog(props) {
160
164
  ) : null));
161
165
  }, [
162
166
  initializing,
167
+ hideFooter,
163
168
  footer,
164
169
  footerLeftAction,
165
170
  error,
@@ -185,7 +190,8 @@ function ImmersiveDialog(props) {
185
190
  isContentFull ? styles.FullContentStyle : styles.MultiAreaStyle,
186
191
  className,
187
192
  {
188
- "initializing-error": initializingError
193
+ "initializing-error": initializingError,
194
+ "no-footer": hideFooter
189
195
  }
190
196
  ),
191
197
  closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(
@@ -5,6 +5,7 @@ var index$1 = require('../Button/index.js');
5
5
  var index = require('../KitStoreProvider/index.js');
6
6
  var index$3 = require('../Steps/index.js');
7
7
  var index$2 = require('../Styled/index.js');
8
+ var useLegacyComponentWarning = require('../../hooks/useLegacyComponentWarning.js');
8
9
  var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
9
10
  var antd = require('antd');
10
11
  var cs = require('classnames');
@@ -47,9 +48,12 @@ var __objRest = (source, exclude) => {
47
48
  }
48
49
  return target;
49
50
  };
50
- const Modal = (props) => {
51
+ const LegacyModal = (props) => {
51
52
  var _b;
52
53
  const { t } = useParrotTranslation();
54
+ useLegacyComponentWarning(
55
+ "Warning: LegacyModal is deprecated and will be removed in future versions. Please use Dialog/MediumDialog/SmallDialog/ImmersiveDialog/WizardDialog instead."
56
+ );
53
57
  const _a = props, {
54
58
  error,
55
59
  okText = t("common.confirm"),
@@ -231,6 +235,6 @@ const Modal = (props) => {
231
235
  ))), wizard.right && /* @__PURE__ */ React__default.default.createElement("div", { className: "right" }, wizard.right)) : restProps.children
232
236
  );
233
237
  };
234
- var Modal$1 = Modal;
238
+ var LegacyModal$1 = LegacyModal;
235
239
 
236
- module.exports = Modal$1;
240
+ module.exports = LegacyModal$1;
@@ -2,6 +2,7 @@
2
2
 
3
3
  var index$1 = require('../Loading/index.js');
4
4
  var index = require('../Typo/index.js');
5
+ var useLegacyComponentWarning = require('../../hooks/useLegacyComponentWarning.js');
5
6
  var antd = require('antd');
6
7
  var cs = require('classnames');
7
8
  var _ = require('lodash');
@@ -121,6 +122,9 @@ const LegacySelect = (_a) => {
121
122
  );
122
123
  }
123
124
  }, [selectRef, placeholder]);
125
+ useLegacyComponentWarning(
126
+ "Warning: LegacySelect is deprecated and will be removed in future versions. Please use Select instead."
127
+ );
124
128
  return /* @__PURE__ */ React__default.default.createElement(
125
129
  antd.Select,
126
130
  __spreadValues(__spreadProps(__spreadValues({}, input), {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var React = require('react');
4
3
  var core = require('@linaria/core');
4
+ var React = require('react');
5
5
  var index = require('../Typo/index.js');
6
6
  var SmallDialog = require('../SmallDialog/SmallDialog.js');
7
7
 
@@ -3,14 +3,14 @@
3
3
  var iconsReact = require('@cloudtower/icons-react');
4
4
  var core = require('@linaria/core');
5
5
  var index = require('../KitStoreProvider/index.js');
6
+ var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
6
7
  var antd = require('antd');
7
- var React = require('react');
8
8
  var cs = require('classnames');
9
+ var React = require('react');
9
10
  var index$4 = require('../../coreX/OverflowTooltip/index.js');
10
11
  var index$1 = require('../../coreX/Show/index.js');
11
12
  var SmallDialog_style = require('./SmallDialog.style.js');
12
13
  var SmallDialog_widget = require('./SmallDialog.widget.js');
13
- var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
14
14
  var index$3 = require('../Icon/index.js');
15
15
  var index$5 = require('../Button/index.js');
16
16
  var antd5 = require('antd5');
@@ -18,8 +18,8 @@ var index$2 = require('../Typo/index.js');
18
18
 
19
19
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
20
20
 
21
- var React__default = /*#__PURE__*/_interopDefault(React);
22
21
  var cs__default = /*#__PURE__*/_interopDefault(cs);
22
+ var React__default = /*#__PURE__*/_interopDefault(React);
23
23
 
24
24
  var __defProp = Object.defineProperty;
25
25
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -58,6 +58,7 @@ const SmallDialog = ({
58
58
  okButtonProps,
59
59
  cancelButtonProps,
60
60
  children,
61
+ hideFooter = false,
61
62
  showFooterErrorIcon = true,
62
63
  error,
63
64
  confirmLoading,
@@ -91,7 +92,7 @@ const SmallDialog = ({
91
92
  visible: true,
92
93
  width,
93
94
  title: initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.default.createElement(CustomTitleRender, { title: title || defaultTitle }),
94
- footer: initializing ? null : /* @__PURE__ */ React__default.default.createElement(
95
+ footer: initializing ? null : hideFooter ? /* @__PURE__ */ React__default.default.createElement("div", null) : /* @__PURE__ */ React__default.default.createElement(
95
96
  "div",
96
97
  {
97
98
  className: cs__default.default(SmallDialog_style.FooterStyle, footerClassName, {
@@ -144,7 +145,8 @@ const SmallDialog = ({
144
145
  closable,
145
146
  maskClosable,
146
147
  className: cs__default.default(SmallDialog_style.DialogStyle, className, {
147
- "initializing-error": initializingError
148
+ "initializing-error": initializingError,
149
+ "no-footer": hideFooter
148
150
  }),
149
151
  closeIcon: /* @__PURE__ */ React__default.default.createElement(
150
152
  index$3,
@@ -10,6 +10,7 @@ var LoadingOutlined = require('@ant-design/icons/LoadingOutlined');
10
10
  var RCNotification = require('@cloudtower/rc-notification');
11
11
  var cs = require('classnames');
12
12
  var React = require('react');
13
+ var index = require('../ConfigProvider/index.js');
13
14
 
14
15
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
15
16
 
@@ -59,7 +60,23 @@ var __spreadValues = (a, b) => {
59
60
  return a;
60
61
  };
61
62
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
63
+ var __objRest = (source, exclude) => {
64
+ var target = {};
65
+ for (var prop in source)
66
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
67
+ target[prop] = source[prop];
68
+ if (source != null && __getOwnPropSymbols)
69
+ for (var prop of __getOwnPropSymbols(source)) {
70
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
71
+ target[prop] = source[prop];
72
+ }
73
+ return target;
74
+ };
62
75
  const DEFAULT_DURATION = 3;
76
+ const ConfigProviderWrapper = (props) => {
77
+ const _a = props, { children } = _a, configProps = __objRest(_a, ["children"]);
78
+ return /* @__PURE__ */ React__namespace.createElement(index.ConfigProvider, __spreadValues({}, configProps), children);
79
+ };
63
80
  let messageInstance;
64
81
  let defaultDuration = DEFAULT_DURATION;
65
82
  let defaultTop;
@@ -69,6 +86,7 @@ let transitionName = "move-up";
69
86
  let getContainer;
70
87
  let maxCount;
71
88
  let rtl = false;
89
+ let globalConfigProviderProps = null;
72
90
  function getKeyThenIncreaseKey() {
73
91
  return key++;
74
92
  }
@@ -97,6 +115,10 @@ function setMessageConfig(options) {
97
115
  if (options.rtl !== void 0) {
98
116
  rtl = options.rtl;
99
117
  }
118
+ if (options.configProviderProps !== void 0) {
119
+ globalConfigProviderProps = options.configProviderProps;
120
+ messageInstance = null;
121
+ }
100
122
  }
101
123
  function getRCNotificationInstance(args, callback) {
102
124
  const prefixCls = args.prefixCls || localPrefixCls;
@@ -146,12 +168,13 @@ function getRCNoticeProps(args, prefixCls) {
146
168
  [`${prefixCls}-${args.type}`]: args.type,
147
169
  [`${prefixCls}-rtl`]: rtl === true
148
170
  });
171
+ const wrappedContent = globalConfigProviderProps ? /* @__PURE__ */ React__namespace.createElement(ConfigProviderWrapper, __spreadValues({}, globalConfigProviderProps), /* @__PURE__ */ React__namespace.createElement("div", { className: messageClass }, args.icon || IconComponent && /* @__PURE__ */ React__namespace.createElement(IconComponent, null), /* @__PURE__ */ React__namespace.createElement("span", null, args.content))) : /* @__PURE__ */ React__namespace.createElement("div", { className: messageClass }, args.icon || IconComponent && /* @__PURE__ */ React__namespace.createElement(IconComponent, null), /* @__PURE__ */ React__namespace.createElement("span", null, args.content));
149
172
  return {
150
173
  key: args.key,
151
174
  duration,
152
175
  style: args.style || {},
153
176
  className: args.className,
154
- content: /* @__PURE__ */ React__namespace.createElement("div", { className: messageClass }, args.icon || IconComponent && /* @__PURE__ */ React__namespace.createElement(IconComponent, null), /* @__PURE__ */ React__namespace.createElement("span", null, args.content)),
177
+ content: wrappedContent,
155
178
  onClose: args.onClose
156
179
  };
157
180
  }
@@ -1,12 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var React = require('react');
4
- var index$1 = require('../../core/Modal/index.js');
5
3
  var iconsReact = require('@cloudtower/icons-react');
6
- var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
7
4
  var core = require('@linaria/core');
8
- var utils = require('./utils.js');
5
+ var index$1 = require('../../core/LegacyModal/index.js');
6
+ var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
7
+ var React = require('react');
9
8
  var KubeConfigModal_style = require('./KubeConfigModal.style.js');
9
+ var utils = require('./utils.js');
10
10
  var index = require('../../core/KitStoreProvider/index.js');
11
11
  var message = require('../../core/message/message.js');
12
12
  var index$2 = require('../../core/Button/index.js');
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ const useLegacyComponentWarning = (msg) => {
6
+ React.useEffect(() => {
7
+ if (process.env.NODE_ENV === "development") {
8
+ console.warn(
9
+ msg != null ? msg : "Warning: LegacyComponent is deprecated and will be removed in future versions."
10
+ );
11
+ }
12
+ }, [msg]);
13
+ };
14
+ var useLegacyComponentWarning$1 = useLegacyComponentWarning;
15
+
16
+ module.exports = useLegacyComponentWarning$1;
package/dist/cjs/index.js CHANGED
@@ -49,13 +49,13 @@ var index$C = require('./core/InputNumber/index.js');
49
49
  var index$D = require('./core/InputPassword/index.js');
50
50
  var index$E = require('./core/InputTagItem/index.js');
51
51
  var index$F = require('./core/KitStoreProvider/index.js');
52
- var index$G = require('./core/LegacySelect/index.js');
53
- var index$H = require('./core/Legend/index.js');
54
- var index$I = require('./core/LineChart/index.js');
55
- var index$J = require('./core/Link/index.js');
56
- var index$K = require('./core/Loading/index.js');
57
- var index$L = require('./core/Metric/index.js');
58
- var index$M = require('./core/Modal/index.js');
52
+ var index$G = require('./core/LegacyModal/index.js');
53
+ var index$H = require('./core/LegacySelect/index.js');
54
+ var index$I = require('./core/Legend/index.js');
55
+ var index$J = require('./core/LineChart/index.js');
56
+ var index$K = require('./core/Link/index.js');
57
+ var index$L = require('./core/Loading/index.js');
58
+ var index$M = require('./core/Metric/index.js');
59
59
  var index$N = require('./core/ModalStack/index.js');
60
60
  var index$O = require('./core/Nav/index.js');
61
61
  var index$P = require('./core/Overflow/index.js');
@@ -251,15 +251,15 @@ exports.useKitSelector = index$F.useKitSelector;
251
251
  exports.usePopModal = index$F.usePopModal;
252
252
  exports.usePushModal = index$F.usePushModal;
253
253
  exports.useResetModal = index$F.useResetModal;
254
- exports.LegacySelect = index$G;
255
- exports.Legend = index$H.default;
256
- exports.LegendIcon = index$H.LegendIcon;
257
- exports.LegendPresetColors = index$H.LegendPresetColors;
258
- exports.LineChart = index$I.default;
259
- exports.Link = index$J;
260
- exports.Loading = index$K;
261
- exports.Metric = index$L.default;
262
- exports.Modal = index$M;
254
+ exports.LegacyModal = index$G;
255
+ exports.LegacySelect = index$H;
256
+ exports.Legend = index$I.default;
257
+ exports.LegendIcon = index$I.LegendIcon;
258
+ exports.LegendPresetColors = index$I.LegendPresetColors;
259
+ exports.LineChart = index$J.default;
260
+ exports.Link = index$K;
261
+ exports.Loading = index$L;
262
+ exports.Metric = index$M.default;
263
263
  exports.ModalStack = index$N;
264
264
  exports.Nav = index$O;
265
265
  exports.ExtraOverflow = index$P.ExtraOverflow;
@@ -30,11 +30,11 @@ var index$y = require('./core/Form/index.js');
30
30
  var index$h = require('./core/Frequency/index.js');
31
31
  var index$a = require('./core/Input/index.js');
32
32
  var index$n = require('./core/InputGroup/index.js');
33
+ var index$7 = require('./core/LegacyModal/index.js');
33
34
  var index$3 = require('./core/LegacySelect/index.js');
34
35
  var index$10 = require('./core/Link/index.js');
35
36
  var index = require('./core/Loading/index.js');
36
37
  var message = require('./core/message/message.js');
37
- var index$7 = require('./core/Modal/index.js');
38
38
  var index$2 = require('./core/Pagination/index.js');
39
39
  var index$e = require('./core/Percent/index.js');
40
40
  var index$s = require('./core/Radio/index.js');
@@ -92,7 +92,7 @@ function getAntdKit() {
92
92
  row: antd.Row,
93
93
  col: antd.Col,
94
94
  button: index$6,
95
- modal: index$7,
95
+ legacyModal: index$7,
96
96
  dropdown: antd.Dropdown,
97
97
  switch: index$8,
98
98
  tooltip: index$9,