@cloudtower/eagle 0.32.1 → 0.32.3

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 (81) hide show
  1. package/dist/cjs/UIKitProvider/index.js +2 -16
  2. package/dist/cjs/core/BytePerSecond/index.js +45 -0
  3. package/dist/cjs/core/ConfigProvider/index.js +37 -1
  4. package/dist/cjs/core/Fields/FieldsEnum/index.js +1 -1
  5. package/dist/cjs/core/LegacySelect/index.js +185 -0
  6. package/dist/cjs/core/LegacySelect/select.style.js +5 -0
  7. package/dist/cjs/core/Select/index.js +106 -117
  8. package/dist/cjs/core/Select/select.style.js +11 -0
  9. package/dist/cjs/core/Select/select.widgets.js +63 -0
  10. package/dist/cjs/core/SimplePagination/index.js +1 -1
  11. package/dist/cjs/core/TableForm/TableFormBodyCell.js +6 -3
  12. package/dist/cjs/core/TableForm/TableFormBodyRows.js +7 -2
  13. package/dist/cjs/core/TableForm/index.js +12 -1
  14. package/dist/cjs/core/TimeZoneSelect/index.js +1 -1
  15. package/dist/cjs/core/Tooltip/EllipsisTooltipContent.js +55 -0
  16. package/dist/cjs/core/Tooltip/index.js +4 -1
  17. package/dist/cjs/core/index.js +15 -12
  18. package/dist/cjs/coreX/ChartWithTooltip/index.js +14 -12
  19. package/dist/cjs/coreX/DateRangePicker/Calendar.js +4 -3
  20. package/dist/cjs/coreX/DateRangePicker/index.js +2 -2
  21. package/dist/cjs/coreX/SummaryTable/index.js +6 -3
  22. package/dist/cjs/coreX/UnitWithChart/index.js +14 -12
  23. package/dist/cjs/index.js +245 -239
  24. package/dist/cjs/legacy-antd.js +137 -133
  25. package/dist/cjs/stats1.html +1 -1
  26. package/dist/cjs/utils/tower.js +17 -0
  27. package/dist/components.css +2732 -2531
  28. package/dist/esm/UIKitProvider/index.js +2 -12
  29. package/dist/esm/core/BytePerSecond/index.js +39 -0
  30. package/dist/esm/core/ConfigProvider/index.js +32 -2
  31. package/dist/esm/core/Fields/FieldsEnum/index.js +4 -4
  32. package/dist/esm/core/LegacySelect/index.js +177 -0
  33. package/dist/esm/core/LegacySelect/select.style.js +3 -0
  34. package/dist/esm/core/Select/index.js +104 -116
  35. package/dist/esm/core/Select/select.style.js +6 -0
  36. package/dist/esm/core/Select/select.widgets.js +57 -0
  37. package/dist/esm/core/SimplePagination/index.js +1 -1
  38. package/dist/esm/core/TableForm/TableFormBodyCell.js +6 -3
  39. package/dist/esm/core/TableForm/TableFormBodyRows.js +7 -2
  40. package/dist/esm/core/TableForm/index.js +13 -2
  41. package/dist/esm/core/TimeZoneSelect/index.js +2 -2
  42. package/dist/esm/core/Tooltip/EllipsisTooltipContent.js +49 -0
  43. package/dist/esm/core/Tooltip/index.js +4 -1
  44. package/dist/esm/core/index.js +3 -1
  45. package/dist/esm/coreX/ChartWithTooltip/index.js +2 -0
  46. package/dist/esm/coreX/DateRangePicker/Calendar.js +4 -3
  47. package/dist/esm/coreX/DateRangePicker/index.js +3 -3
  48. package/dist/esm/coreX/SummaryTable/index.js +6 -3
  49. package/dist/esm/coreX/UnitWithChart/index.js +2 -0
  50. package/dist/esm/index.js +6 -3
  51. package/dist/esm/legacy-antd.js +4 -0
  52. package/dist/esm/stats1.html +1 -1
  53. package/dist/esm/utils/tower.js +17 -1
  54. package/dist/src/UIKitProvider/UIKitProvider.stories.d.ts +1 -2
  55. package/dist/src/antd.d.ts +1 -0
  56. package/dist/src/core/BytePerSecond/index.d.ts +3 -0
  57. package/dist/src/core/ConfigProvider/index.d.ts +2 -0
  58. package/dist/src/core/LegacySelect/index.d.ts +4 -0
  59. package/dist/src/core/LegacySelect/select.style.d.ts +1 -0
  60. package/dist/src/core/LegacySelect/select.type.d.ts +31 -0
  61. package/dist/src/core/Select/index.d.ts +1 -0
  62. package/dist/src/core/Select/select.style.d.ts +4 -0
  63. package/dist/src/core/Select/select.type.d.ts +6 -31
  64. package/dist/src/core/Select/select.widgets.d.ts +7 -0
  65. package/dist/src/core/TableForm/types.d.ts +3 -0
  66. package/dist/src/core/Tooltip/EllipsisTooltipContent.d.ts +1 -1
  67. package/dist/src/core/Tooltip/index.d.ts +7 -1
  68. package/dist/src/core/index.d.ts +7 -2
  69. package/dist/src/coreX/SummaryTable/index.d.ts +1 -0
  70. package/dist/src/coreX/UnitWithChart/index.d.ts +1 -0
  71. package/dist/src/spec/base.d.ts +3 -1
  72. package/dist/src/utils/tower.d.ts +1 -0
  73. package/dist/stories/docs/core/BytePerSecond.stories.d.ts +17 -0
  74. package/dist/stories/docs/core/EllipsisTooltipContent.stories.d.ts +1 -1
  75. package/dist/stories/docs/core/{Select.Simple.stories.d.ts → LegacySelect.Simple.stories.d.ts} +3 -3
  76. package/dist/stories/docs/core/LegacySelect.stories.d.ts +16 -0
  77. package/dist/stories/docs/core/Tooltip.stories.d.ts +3 -1
  78. package/dist/stories/docs/coreX/Calendar.stories.d.ts +11 -0
  79. package/dist/style.css +2692 -2524
  80. package/package.json +6 -4
  81. package/dist/src/core/Tooltip/tooltip.widget.d.ts +0 -5
@@ -5,20 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var parrot = require('@cloudtower/parrot');
6
6
  var index = require('../core/message/index.js');
7
7
  var legacyAntd = require('../legacy-antd.js');
8
- var enUS = require('antd/lib/locale/en_US');
9
- var zhCN = require('antd/lib/locale/zh_CN');
10
- var antd5enUS = require('antd5/lib/locale/en_US');
11
- var antd5zhCN = require('antd5/lib/locale/zh_CN');
12
8
  var React = require('react');
13
9
  var index$2 = require('../core/ConfigProvider/index.js');
14
10
  var index$1 = require('../core/message-group/index.js');
15
11
 
16
12
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
17
13
 
18
- var enUS__default = /*#__PURE__*/_interopDefault(enUS);
19
- var zhCN__default = /*#__PURE__*/_interopDefault(zhCN);
20
- var antd5enUS__default = /*#__PURE__*/_interopDefault(antd5enUS);
21
- var antd5zhCN__default = /*#__PURE__*/_interopDefault(antd5zhCN);
22
14
  var React__default = /*#__PURE__*/_interopDefault(React);
23
15
 
24
16
  var __defProp = Object.defineProperty;
@@ -67,14 +59,8 @@ const UIKitProvider = (props) => {
67
59
  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : index.default }, /* @__PURE__ */ React__default.default.createElement(
68
60
  index$2.ConfigProvider,
69
61
  {
70
- antd4Configs: __spreadValues({
71
- autoInsertSpaceInButton: false,
72
- locale: lng === "zh-CN" ? zhCN__default.default : enUS__default.default
73
- }, config == null ? void 0 : config.antd4Configs),
74
- antd5Configs: __spreadValues({
75
- autoInsertSpaceInButton: false,
76
- locale: lng === "zh-CN" ? antd5zhCN__default.default : antd5enUS__default.default
77
- }, config == null ? void 0 : config.antd5Configs)
62
+ antd4Configs: __spreadValues({}, config == null ? void 0 : config.antd4Configs),
63
+ antd5Configs: __spreadValues({}, config == null ? void 0 : config.antd5Configs)
78
64
  },
79
65
  children
80
66
  )));
@@ -0,0 +1,45 @@
1
+ 'use strict';
2
+
3
+ var core = require('@linaria/core');
4
+ var index = require('../Empty/index.js');
5
+ var isEmpty = require('../../utils/isEmpty.js');
6
+ var tower = require('../../utils/tower.js');
7
+ var React = require('react');
8
+ var index$1 = require('../Styled/index.js');
9
+
10
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefault(React);
13
+
14
+ var __defProp = Object.defineProperty;
15
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
16
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
17
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
18
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
19
+ var __spreadValues = (a, b) => {
20
+ for (var prop in b || (b = {}))
21
+ if (__hasOwnProp.call(b, prop))
22
+ __defNormalProp(a, prop, b[prop]);
23
+ if (__getOwnPropSymbols)
24
+ for (var prop of __getOwnPropSymbols(b)) {
25
+ if (__propIsEnum.call(b, prop))
26
+ __defNormalProp(a, prop, b[prop]);
27
+ }
28
+ return a;
29
+ };
30
+ const BytePerSecond = ({
31
+ rawValue,
32
+ decimals,
33
+ valueClassName,
34
+ unitClassName,
35
+ emptyProps
36
+ }) => {
37
+ if (isEmpty(rawValue)) {
38
+ return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
39
+ }
40
+ const { value, unit } = tower.formatBytePerSecond(rawValue, decimals);
41
+ 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", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
42
+ };
43
+ var BytePerSecond$1 = BytePerSecond;
44
+
45
+ module.exports = BytePerSecond$1;
@@ -1,12 +1,25 @@
1
1
  'use strict';
2
2
 
3
+ var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
3
4
  var antd = require('antd');
4
5
  var antd5 = require('antd5');
5
6
  var React = require('react');
7
+ var enUS = require('antd/lib/locale/en_US');
8
+ var zhCN = require('antd/lib/locale/zh_CN');
9
+ var antd5enUS = require('antd5/lib/locale/en_US');
10
+ var antd5zhCN = require('antd5/lib/locale/zh_CN');
11
+ var moment = require('moment');
12
+ var dayjs = require('dayjs');
6
13
 
7
14
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
8
15
 
9
16
  var React__default = /*#__PURE__*/_interopDefault(React);
17
+ var enUS__default = /*#__PURE__*/_interopDefault(enUS);
18
+ var zhCN__default = /*#__PURE__*/_interopDefault(zhCN);
19
+ var antd5enUS__default = /*#__PURE__*/_interopDefault(antd5enUS);
20
+ var antd5zhCN__default = /*#__PURE__*/_interopDefault(antd5zhCN);
21
+ var moment__default = /*#__PURE__*/_interopDefault(moment);
22
+ var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
10
23
 
11
24
  var __defProp = Object.defineProperty;
12
25
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -29,7 +42,30 @@ const ConfigProvider = ({
29
42
  antd4Configs,
30
43
  children
31
44
  }) => {
32
- return /* @__PURE__ */ React__default.default.createElement(antd5.ConfigProvider, __spreadValues({}, antd5Configs), /* @__PURE__ */ React__default.default.createElement(antd.ConfigProvider, __spreadValues({}, antd4Configs), children));
45
+ const { i18n } = useParrotTranslation();
46
+ React.useEffect(() => {
47
+ const adjustDateLocale = (lng) => {
48
+ moment__default.default.locale(lng === "zh-CN" ? "zh-cn" : "en");
49
+ dayjs__default.default.locale(lng === "zh-CN" ? "zh-cn" : "en");
50
+ };
51
+ i18n.on("languageChanged", adjustDateLocale);
52
+ adjustDateLocale(i18n.language);
53
+ }, []);
54
+ return /* @__PURE__ */ React__default.default.createElement(
55
+ antd5.ConfigProvider,
56
+ __spreadValues({
57
+ autoInsertSpaceInButton: false,
58
+ locale: i18n.language === "zh-CN" ? antd5zhCN__default.default : antd5enUS__default.default
59
+ }, antd5Configs),
60
+ /* @__PURE__ */ React__default.default.createElement(
61
+ antd.ConfigProvider,
62
+ __spreadValues({
63
+ autoInsertSpaceInButton: false,
64
+ locale: i18n.language === "zh-CN" ? zhCN__default.default : enUS__default.default
65
+ }, antd4Configs),
66
+ children
67
+ )
68
+ );
33
69
  };
34
70
 
35
71
  exports.ConfigProvider = ConfigProvider;
@@ -2,7 +2,7 @@
2
2
 
3
3
  var antd = require('antd');
4
4
  var React = require('react');
5
- var index = require('../../Select/index.js');
5
+ var index = require('../../LegacySelect/index.js');
6
6
 
7
7
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
8
8
 
@@ -0,0 +1,185 @@
1
+ 'use strict';
2
+
3
+ var index$1 = require('../Loading/index.js');
4
+ var index = require('../Typo/index.js');
5
+ var antd = require('antd');
6
+ var cs = require('classnames');
7
+ var _ = require('lodash');
8
+ var React = require('react');
9
+ var reactDom = require('react-dom');
10
+ var reactIs = require('react-is');
11
+ var select_style = require('./select.style.js');
12
+
13
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
+
15
+ var cs__default = /*#__PURE__*/_interopDefault(cs);
16
+ var ___default = /*#__PURE__*/_interopDefault(_);
17
+ var React__default = /*#__PURE__*/_interopDefault(React);
18
+
19
+ var __defProp = Object.defineProperty;
20
+ var __defProps = Object.defineProperties;
21
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
22
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
23
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
24
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
25
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
26
+ var __spreadValues = (a, b) => {
27
+ for (var prop in b || (b = {}))
28
+ if (__hasOwnProp.call(b, prop))
29
+ __defNormalProp(a, prop, b[prop]);
30
+ if (__getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(b)) {
32
+ if (__propIsEnum.call(b, prop))
33
+ __defNormalProp(a, prop, b[prop]);
34
+ }
35
+ return a;
36
+ };
37
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
38
+ var __objRest = (source, exclude) => {
39
+ var target = {};
40
+ for (var prop in source)
41
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
42
+ target[prop] = source[prop];
43
+ if (source != null && __getOwnPropSymbols)
44
+ for (var prop of __getOwnPropSymbols(source)) {
45
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
46
+ target[prop] = source[prop];
47
+ }
48
+ return target;
49
+ };
50
+ const LegacySelect = (_a) => {
51
+ var _b = _a, {
52
+ input,
53
+ multiple,
54
+ className,
55
+ scrollBottomBuffer = 0,
56
+ onScrollBottom,
57
+ onPopupScroll,
58
+ onSearch,
59
+ showSearch,
60
+ filterOption,
61
+ loading,
62
+ notFoundContent,
63
+ children,
64
+ error,
65
+ selectLimit,
66
+ dropdownClassName,
67
+ danger,
68
+ size = "middle",
69
+ meta,
70
+ placeholder
71
+ } = _b, restProps = __objRest(_b, [
72
+ "input",
73
+ "multiple",
74
+ "className",
75
+ "scrollBottomBuffer",
76
+ "onScrollBottom",
77
+ "onPopupScroll",
78
+ "onSearch",
79
+ "showSearch",
80
+ "filterOption",
81
+ "loading",
82
+ "notFoundContent",
83
+ "children",
84
+ "error",
85
+ "selectLimit",
86
+ "dropdownClassName",
87
+ "danger",
88
+ "size",
89
+ "meta",
90
+ "placeholder"
91
+ ]);
92
+ var _a2;
93
+ const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
94
+ const typo = {
95
+ large: index.Typo.Label.l2_regular,
96
+ middle: index.Typo.Label.l3_regular,
97
+ small: index.Typo.Label.l4_regular
98
+ }[size];
99
+ const _danger = React.useMemo(() => {
100
+ if (danger !== void 0) {
101
+ return danger;
102
+ }
103
+ return (meta == null ? void 0 : meta.touched) && meta.invalid;
104
+ }, [danger, meta]);
105
+ const selectRef = React.useRef(null);
106
+ React.useEffect(() => {
107
+ if (!selectRef.current) {
108
+ return;
109
+ }
110
+ const realDom = reactDom.findDOMNode(selectRef.current);
111
+ if (realDom) {
112
+ const inputDom = realDom.getElementsByClassName(
113
+ "ant-select-selection-search-input"
114
+ )[0];
115
+ const item = realDom.getElementsByClassName(
116
+ "ant-select-selection-item"
117
+ )[0];
118
+ inputDom && (placeholder || item) && inputDom.setAttribute(
119
+ "data-test",
120
+ String(placeholder || item.textContent)
121
+ );
122
+ }
123
+ }, [selectRef, placeholder]);
124
+ return /* @__PURE__ */ React__default.default.createElement(
125
+ antd.Select,
126
+ __spreadValues(__spreadProps(__spreadValues({}, input), {
127
+ ref: selectRef,
128
+ size,
129
+ value: multiple ? input.value || [] : input.value || void 0,
130
+ onChange: (e, option) => {
131
+ var _a3, _b2;
132
+ if (Array.isArray(e) && e.some((v) => v === "")) {
133
+ (_a3 = input.onChange) == null ? void 0 : _a3.call(input, [], option);
134
+ } else {
135
+ (_b2 = input.onChange) == null ? void 0 : _b2.call(input, e, option);
136
+ }
137
+ },
138
+ onBlur: () => {
139
+ var _a3;
140
+ return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
141
+ },
142
+ mode: multiple ? "multiple" : void 0,
143
+ className: cs__default.default(
144
+ select_style.SelectStyle,
145
+ "select",
146
+ className,
147
+ limitExceeded && "select-event-none",
148
+ _danger ? "select-error" : "",
149
+ typo
150
+ ),
151
+ "data-size": size,
152
+ dropdownClassName: cs__default.default(dropdownClassName, limitExceeded && "display-none"),
153
+ showSearch: multiple ? void 0 : typeof showSearch === "undefined" ? Boolean(onSearch) : showSearch,
154
+ filterOption: onSearch === void 0 ? filterOption === void 0 ? (input2, option) => {
155
+ const label = option == null ? void 0 : option.label;
156
+ if (!label || typeof label !== "string") {
157
+ return false;
158
+ }
159
+ return label.toLowerCase().includes(input2.toLowerCase());
160
+ } : filterOption : false,
161
+ onSearch: onSearch && ___default.default.debounce(onSearch, 100),
162
+ onPopupScroll: (e) => {
163
+ onPopupScroll == null ? void 0 : onPopupScroll(e);
164
+ const el = e.currentTarget;
165
+ if (el.scrollHeight - el.offsetHeight - el.scrollTop <= scrollBottomBuffer) {
166
+ onScrollBottom == null ? void 0 : onScrollBottom();
167
+ }
168
+ },
169
+ notFoundContent: loading ? /* @__PURE__ */ React__default.default.createElement(index$1, null) : notFoundContent,
170
+ dropdownRender: (menu) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, error || menu),
171
+ loading,
172
+ placeholder
173
+ }), restProps),
174
+ React__default.default.Children.map(children, (child) => {
175
+ return reactIs.isElement(child) ? __spreadProps(__spreadValues({}, child), {
176
+ props: __spreadProps(__spreadValues({}, child.props), {
177
+ "data-test": child.props.value
178
+ })
179
+ }) : child;
180
+ })
181
+ );
182
+ };
183
+ var LegacySelect$1 = LegacySelect;
184
+
185
+ module.exports = LegacySelect$1;
@@ -0,0 +1,5 @@
1
+ 'use strict';
2
+
3
+ const SelectStyle = "E_s17wv897";
4
+
5
+ exports.SelectStyle = SelectStyle;
@@ -1,18 +1,19 @@
1
1
  'use strict';
2
2
 
3
- var index$1 = require('../Loading/index.js');
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var iconsReact = require('@cloudtower/icons-react');
6
+ var index$2 = require('../Icon/index.js');
7
+ var index$1 = require('../LegacySelect/index.js');
4
8
  var index = require('../Typo/index.js');
5
- var antd = require('antd');
9
+ var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
6
10
  var cs = require('classnames');
7
- var _ = require('lodash');
8
11
  var React = require('react');
9
- var reactDom = require('react-dom');
10
- var reactIs = require('react-is');
12
+ var select_style = require('./select.style.js');
11
13
 
12
14
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
13
15
 
14
16
  var cs__default = /*#__PURE__*/_interopDefault(cs);
15
- var ___default = /*#__PURE__*/_interopDefault(_);
16
17
  var React__default = /*#__PURE__*/_interopDefault(React);
17
18
 
18
19
  var __defProp = Object.defineProperty;
@@ -21,126 +22,114 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
21
22
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
22
23
  var __hasOwnProp = Object.prototype.hasOwnProperty;
23
24
  var __propIsEnum = Object.prototype.propertyIsEnumerable;
24
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
25
- enumerable: true,
26
- configurable: true,
27
- writable: true,
28
- value
29
- }) : obj[key] = value;
25
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
30
26
  var __spreadValues = (a, b) => {
31
- for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
32
- if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
33
- if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
34
- }
27
+ for (var prop in b || (b = {}))
28
+ if (__hasOwnProp.call(b, prop))
29
+ __defNormalProp(a, prop, b[prop]);
30
+ if (__getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(b)) {
32
+ if (__propIsEnum.call(b, prop))
33
+ __defNormalProp(a, prop, b[prop]);
34
+ }
35
35
  return a;
36
36
  };
37
37
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
38
- var __objRest = (source, exclude) => {
39
- var target = {};
40
- for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
41
- if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
42
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
43
- }
44
- return target;
45
- };
46
- const SelectStyle = "E_s177mls5";
47
- const Select = _a => {
48
- var _b = _a,
49
- {
50
- input,
51
- multiple,
52
- className,
53
- scrollBottomBuffer = 0,
54
- onScrollBottom,
55
- onPopupScroll,
56
- onSearch,
57
- showSearch,
58
- filterOption,
59
- loading,
60
- notFoundContent,
61
- children,
62
- error,
63
- selectLimit,
64
- dropdownClassName,
65
- danger,
66
- size = "middle",
67
- meta,
68
- placeholder
69
- } = _b,
70
- restProps = __objRest(_b, ["input", "multiple", "className", "scrollBottomBuffer", "onScrollBottom", "onPopupScroll", "onSearch", "showSearch", "filterOption", "loading", "notFoundContent", "children", "error", "selectLimit", "dropdownClassName", "danger", "size", "meta", "placeholder"]);
71
- var _a2;
72
- const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
38
+ const Select = (props) => {
39
+ const { size = "middle", isLoadingValue } = props;
40
+ const { t } = useParrotTranslation();
73
41
  const typo = {
74
42
  large: index.Typo.Label.l2_regular,
75
43
  middle: index.Typo.Label.l3_regular,
76
44
  small: index.Typo.Label.l4_regular
77
45
  }[size];
78
- const _danger = React.useMemo(() => {
79
- if (danger !== void 0) {
80
- return danger;
81
- }
82
- return (meta == null ? void 0 : meta.touched) && meta.invalid;
83
- }, [danger, meta]);
84
- const selectRef = React.useRef(null);
85
- React.useEffect(() => {
86
- if (!selectRef.current) {
87
- return;
88
- }
89
- const realDom = reactDom.findDOMNode(selectRef.current);
90
- if (realDom) {
91
- const inputDom = realDom.getElementsByClassName("ant-select-selection-search-input")[0];
92
- const item = realDom.getElementsByClassName("ant-select-selection-item")[0];
93
- inputDom && (placeholder || item) && inputDom.setAttribute("data-test", String(placeholder || item.textContent));
94
- }
95
- }, [selectRef, placeholder]);
96
- return /* @__PURE__ */React__default.default.createElement(antd.Select, __spreadValues(__spreadProps(__spreadValues({}, input), {
97
- ref: selectRef,
98
- size,
99
- value: multiple ? input.value || [] : input.value || void 0,
100
- onChange: (e, option) => {
101
- var _a3, _b2;
102
- if (Array.isArray(e) && e.some(v => v === "")) {
103
- (_a3 = input.onChange) == null ? void 0 : _a3.call(input, [], option);
104
- } else {
105
- (_b2 = input.onChange) == null ? void 0 : _b2.call(input, e, option);
106
- }
107
- },
108
- onBlur: () => {
109
- var _a3;
110
- return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
111
- },
112
- mode: multiple ? "multiple" : void 0,
113
- className: cs__default.default(SelectStyle, "select", className, limitExceeded && "select-event-none", _danger ? "select-error" : "", typo),
114
- "data-size": size,
115
- dropdownClassName: cs__default.default(dropdownClassName, limitExceeded && "display-none"),
116
- showSearch: multiple ? void 0 : typeof showSearch === "undefined" ? Boolean(onSearch) : showSearch,
117
- filterOption: onSearch === void 0 ? filterOption === void 0 ? (input2, option) => {
118
- const label = option == null ? void 0 : option.label;
119
- if (!label || typeof label !== "string") {
120
- return false;
121
- }
122
- return label.toLowerCase().includes(input2.toLowerCase());
123
- } : filterOption : false,
124
- onSearch: onSearch && ___default.default.debounce(onSearch, 100),
125
- onPopupScroll: e => {
126
- onPopupScroll == null ? void 0 : onPopupScroll(e);
127
- const el = e.currentTarget;
128
- if (el.scrollHeight - el.offsetHeight - el.scrollTop <= scrollBottomBuffer) {
129
- onScrollBottom == null ? void 0 : onScrollBottom();
130
- }
131
- },
132
- notFoundContent: loading ? /* @__PURE__ */React__default.default.createElement(index$1, null) : notFoundContent,
133
- dropdownRender: menu => /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, error || menu),
134
- loading,
135
- placeholder
136
- }), restProps), React__default.default.Children.map(children, child => {
137
- return reactIs.isElement(child) ? __spreadProps(__spreadValues({}, child), {
138
- props: __spreadProps(__spreadValues({}, child.props), {
139
- "data-test": child.props.value
140
- })
141
- }) : child;
142
- }));
46
+ return /* @__PURE__ */ React__default.default.createElement(
47
+ index$1,
48
+ __spreadProps(__spreadValues({}, props), {
49
+ className: cs__default.default(
50
+ select_style.SelectStyle,
51
+ select_style.SelectIconStyle,
52
+ select_style.SelectSizeStyle,
53
+ isLoadingValue ? "select-loading-value" : "",
54
+ props.className
55
+ ),
56
+ placeholder: /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default(typo, select_style.PlaceholderTextStyle) }, isLoadingValue ? t("components.loading") : props.placeholder),
57
+ suffixIcon: props.suffixIcon || (props.loading ? void 0 : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
58
+ index$2,
59
+ {
60
+ className: "select-suffix",
61
+ src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
62
+ }
63
+ ), /* @__PURE__ */ React__default.default.createElement(
64
+ index$2,
65
+ {
66
+ className: "select-hover-suffix",
67
+ src: iconsReact.ArrowChevronDown16BoldBlueIcon
68
+ }
69
+ ), /* @__PURE__ */ React__default.default.createElement(
70
+ index$2,
71
+ {
72
+ className: "select-active-suffix",
73
+ src: iconsReact.ArrowChevronDown16BoldBlueIcon
74
+ }
75
+ ), /* @__PURE__ */ React__default.default.createElement(
76
+ index$2,
77
+ {
78
+ className: "select-expanded-suffix",
79
+ src: iconsReact.ArrowChevronUp16BoldBlueIcon
80
+ }
81
+ ), /* @__PURE__ */ React__default.default.createElement(
82
+ index$2,
83
+ {
84
+ className: "select-expanded-search-suffix",
85
+ src: iconsReact.Search16BlueIcon
86
+ }
87
+ ), /* @__PURE__ */ React__default.default.createElement(
88
+ index$2,
89
+ {
90
+ className: "select-focus-suffix",
91
+ src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
92
+ }
93
+ ), /* @__PURE__ */ React__default.default.createElement(
94
+ index$2,
95
+ {
96
+ className: "select-error-suffix",
97
+ src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
98
+ }
99
+ ), /* @__PURE__ */ React__default.default.createElement(
100
+ index$2,
101
+ {
102
+ className: "select-error-hover-suffix",
103
+ src: iconsReact.ArrowChevronDown16BoldSecondaryIcon
104
+ }
105
+ ), /* @__PURE__ */ React__default.default.createElement(
106
+ index$2,
107
+ {
108
+ className: "select-error-active-suffix",
109
+ src: iconsReact.ArrowChevronDown16BoldSecondaryIcon
110
+ }
111
+ ), /* @__PURE__ */ React__default.default.createElement(
112
+ index$2,
113
+ {
114
+ className: "select-error-expanded-suffix",
115
+ src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
116
+ }
117
+ ), /* @__PURE__ */ React__default.default.createElement(
118
+ index$2,
119
+ {
120
+ className: "select-error-expanded-search-suffix",
121
+ src: iconsReact.Search16SecondaryIcon
122
+ }
123
+ ), /* @__PURE__ */ React__default.default.createElement(
124
+ index$2,
125
+ {
126
+ className: "select-error-focus-suffix",
127
+ src: iconsReact.ArrowChevronDown16BoldTertiaryIcon
128
+ }
129
+ )))
130
+ })
131
+ );
143
132
  };
144
133
  var Select$1 = Select;
145
134
 
146
- module.exports = Select$1;
135
+ exports.default = Select$1;
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ const SelectStyle = "E_s4ivdfu";
4
+ const SelectIconStyle = "E_sks9xr8";
5
+ const SelectSizeStyle = "E_swwhohx";
6
+ const PlaceholderTextStyle = "E_p2sxmsl";
7
+
8
+ exports.PlaceholderTextStyle = PlaceholderTextStyle;
9
+ exports.SelectIconStyle = SelectIconStyle;
10
+ exports.SelectSizeStyle = SelectSizeStyle;
11
+ exports.SelectStyle = SelectStyle;