@true-engineering/true-react-common-ui-kit 1.1.0 → 1.3.0
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/README.md +6 -0
- package/dist/components/FlexibleTable/types.d.ts +2 -2
- package/dist/components/Select/Select.d.ts +8 -7
- package/dist/components/Select/SelectList/SelectList.d.ts +8 -8
- package/dist/components/Select/helpers.d.ts +1 -0
- package/dist/true-react-common-ui-kit.js +193 -138
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +193 -138
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +3 -2
- package/src/components/DateInput/DateInput.stories.tsx +1 -1
- package/src/components/FiltersPane/FilterWithPeriod/FilterWithPeriod.tsx +1 -1
- package/src/components/FlexibleTable/FlexibleTable.tsx +2 -0
- package/src/components/FlexibleTable/TableRow.tsx +3 -1
- package/src/components/FlexibleTable/TableValue.tsx +2 -5
- package/src/components/FlexibleTable/types.ts +2 -2
- package/src/components/IncrementInput/IncrementInput.stories.tsx +1 -1
- package/src/components/NumberInput/NumberInput.stories.tsx +1 -1
- package/src/components/Select/Select.stories.tsx +30 -18
- package/src/components/Select/Select.tsx +77 -73
- package/src/components/Select/SelectList/SelectList.tsx +35 -42
- package/src/components/Select/helpers.ts +5 -0
|
@@ -3159,7 +3159,7 @@ function _iterable_to_array$4(iter) {
|
|
|
3159
3159
|
function _non_iterable_spread$4() {
|
|
3160
3160
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
3161
3161
|
}
|
|
3162
|
-
function _object_spread$
|
|
3162
|
+
function _object_spread$N(target) {
|
|
3163
3163
|
for (var i = 1; i < arguments.length; i++) {
|
|
3164
3164
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
3165
3165
|
var ownKeys2 = Object.keys(source);
|
|
@@ -3225,7 +3225,7 @@ var useDropdown = function(param) {
|
|
|
3225
3225
|
},
|
|
3226
3226
|
{
|
|
3227
3227
|
name: "flip",
|
|
3228
|
-
options: _object_spread$
|
|
3228
|
+
options: _object_spread$N({
|
|
3229
3229
|
fallbackPlacements: canBeFlipped ? [
|
|
3230
3230
|
"bottom-start",
|
|
3231
3231
|
"top-start"
|
|
@@ -4107,7 +4107,7 @@ function _define_property$N(obj, key, value) {
|
|
|
4107
4107
|
}
|
|
4108
4108
|
return obj;
|
|
4109
4109
|
}
|
|
4110
|
-
function _object_spread$
|
|
4110
|
+
function _object_spread$M(target) {
|
|
4111
4111
|
for (var i = 1; i < arguments.length; i++) {
|
|
4112
4112
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
4113
4113
|
var ownKeys2 = Object.keys(source);
|
|
@@ -4122,7 +4122,7 @@ function _object_spread$L(target) {
|
|
|
4122
4122
|
}
|
|
4123
4123
|
return target;
|
|
4124
4124
|
}
|
|
4125
|
-
function ownKeys$
|
|
4125
|
+
function ownKeys$C(object, enumerableOnly) {
|
|
4126
4126
|
var keys = Object.keys(object);
|
|
4127
4127
|
if (Object.getOwnPropertySymbols) {
|
|
4128
4128
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -4135,12 +4135,12 @@ function ownKeys$B(object, enumerableOnly) {
|
|
|
4135
4135
|
}
|
|
4136
4136
|
return keys;
|
|
4137
4137
|
}
|
|
4138
|
-
function _object_spread_props$
|
|
4138
|
+
function _object_spread_props$C(target, source) {
|
|
4139
4139
|
source = source != null ? source : {};
|
|
4140
4140
|
if (Object.getOwnPropertyDescriptors) {
|
|
4141
4141
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
4142
4142
|
} else {
|
|
4143
|
-
ownKeys$
|
|
4143
|
+
ownKeys$C(Object(source)).forEach(function(key) {
|
|
4144
4144
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
4145
4145
|
});
|
|
4146
4146
|
}
|
|
@@ -4151,7 +4151,7 @@ var IconBoilerplate = function(param) {
|
|
|
4151
4151
|
var _icon_paths, _icon_rects, _icon_circles;
|
|
4152
4152
|
var theme = useContext(ThemeContext).theme;
|
|
4153
4153
|
var icons$1 = useMemo(function() {
|
|
4154
|
-
return _object_spread$
|
|
4154
|
+
return _object_spread$M({}, icons, theme.icons);
|
|
4155
4155
|
}, []);
|
|
4156
4156
|
var icon = icons$1[type];
|
|
4157
4157
|
var _icon_viewBox, _path_fill, _path_stroke;
|
|
@@ -4163,7 +4163,7 @@ var IconBoilerplate = function(param) {
|
|
|
4163
4163
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4164
4164
|
children: [
|
|
4165
4165
|
(_icon_paths = icon.paths) === null || _icon_paths === void 0 ? void 0 : _icon_paths.map(function(path, index) {
|
|
4166
|
-
return /* @__PURE__ */ jsx("path", _object_spread$
|
|
4166
|
+
return /* @__PURE__ */ jsx("path", _object_spread$M({
|
|
4167
4167
|
fillRule: "evenodd",
|
|
4168
4168
|
clipRule: "evenodd",
|
|
4169
4169
|
fill: (_path_fill = path.fill) !== null && _path_fill !== void 0 ? _path_fill : "currentColor",
|
|
@@ -4171,12 +4171,12 @@ var IconBoilerplate = function(param) {
|
|
|
4171
4171
|
}, path), index);
|
|
4172
4172
|
}),
|
|
4173
4173
|
(_icon_rects = icon.rects) === null || _icon_rects === void 0 ? void 0 : _icon_rects.map(function(rect, index) {
|
|
4174
|
-
return /* @__PURE__ */ createElement("rect", _object_spread_props$
|
|
4174
|
+
return /* @__PURE__ */ createElement("rect", _object_spread_props$C(_object_spread$M({}, rect), {
|
|
4175
4175
|
key: index
|
|
4176
4176
|
}));
|
|
4177
4177
|
}),
|
|
4178
4178
|
(_icon_circles = icon.circles) === null || _icon_circles === void 0 ? void 0 : _icon_circles.map(function(circle, index) {
|
|
4179
|
-
return /* @__PURE__ */ createElement("circle", _object_spread_props$
|
|
4179
|
+
return /* @__PURE__ */ createElement("circle", _object_spread_props$C(_object_spread$M({}, circle), {
|
|
4180
4180
|
key: index
|
|
4181
4181
|
}));
|
|
4182
4182
|
})
|
|
@@ -4257,7 +4257,7 @@ function _define_property$M(obj, key, value) {
|
|
|
4257
4257
|
}
|
|
4258
4258
|
return obj;
|
|
4259
4259
|
}
|
|
4260
|
-
function _object_spread$
|
|
4260
|
+
function _object_spread$L(target) {
|
|
4261
4261
|
for (var i = 1; i < arguments.length; i++) {
|
|
4262
4262
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
4263
4263
|
var ownKeys2 = Object.keys(source);
|
|
@@ -4276,7 +4276,7 @@ var ComplexIconBoilerplate = function(param) {
|
|
|
4276
4276
|
var type = param.type;
|
|
4277
4277
|
var theme = useContext(ThemeContext).theme;
|
|
4278
4278
|
var icons2 = useMemo(function() {
|
|
4279
|
-
return _object_spread$
|
|
4279
|
+
return _object_spread$L({}, complexIcons, theme.complexIcons);
|
|
4280
4280
|
}, []);
|
|
4281
4281
|
var ComplexIcon = icons2[type];
|
|
4282
4282
|
return /* @__PURE__ */ jsx("div", {
|
|
@@ -4304,7 +4304,7 @@ function _define_property$L(obj, key, value) {
|
|
|
4304
4304
|
}
|
|
4305
4305
|
return obj;
|
|
4306
4306
|
}
|
|
4307
|
-
function _object_spread$
|
|
4307
|
+
function _object_spread$K(target) {
|
|
4308
4308
|
for (var i = 1; i < arguments.length; i++) {
|
|
4309
4309
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
4310
4310
|
var ownKeys2 = Object.keys(source);
|
|
@@ -4319,7 +4319,7 @@ function _object_spread$J(target) {
|
|
|
4319
4319
|
}
|
|
4320
4320
|
return target;
|
|
4321
4321
|
}
|
|
4322
|
-
function ownKeys$
|
|
4322
|
+
function ownKeys$B(object, enumerableOnly) {
|
|
4323
4323
|
var keys = Object.keys(object);
|
|
4324
4324
|
if (Object.getOwnPropertySymbols) {
|
|
4325
4325
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -4332,12 +4332,12 @@ function ownKeys$A(object, enumerableOnly) {
|
|
|
4332
4332
|
}
|
|
4333
4333
|
return keys;
|
|
4334
4334
|
}
|
|
4335
|
-
function _object_spread_props$
|
|
4335
|
+
function _object_spread_props$B(target, source) {
|
|
4336
4336
|
source = source != null ? source : {};
|
|
4337
4337
|
if (Object.getOwnPropertyDescriptors) {
|
|
4338
4338
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
4339
4339
|
} else {
|
|
4340
|
-
ownKeys$
|
|
4340
|
+
ownKeys$B(Object(source)).forEach(function(key) {
|
|
4341
4341
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
4342
4342
|
});
|
|
4343
4343
|
}
|
|
@@ -4349,7 +4349,7 @@ var isComplexIcon = function(type) {
|
|
|
4349
4349
|
var Icon = function(param) {
|
|
4350
4350
|
var type = param.type, data = param.data, tweakStyles = param.tweakStyles;
|
|
4351
4351
|
var classes = useTheme("Icon", styles$K, tweakStyles).classes;
|
|
4352
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
4352
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$B(_object_spread$K({
|
|
4353
4353
|
className: classes.root
|
|
4354
4354
|
}, addDataAttributes(data)), {
|
|
4355
4355
|
children: isComplexIcon(type) ? /* @__PURE__ */ jsx(ComplexIconBoilerplate, {
|
|
@@ -4418,7 +4418,7 @@ function _define_property$K(obj, key, value) {
|
|
|
4418
4418
|
}
|
|
4419
4419
|
return obj;
|
|
4420
4420
|
}
|
|
4421
|
-
function _object_spread$
|
|
4421
|
+
function _object_spread$J(target) {
|
|
4422
4422
|
for (var i = 1; i < arguments.length; i++) {
|
|
4423
4423
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
4424
4424
|
var ownKeys2 = Object.keys(source);
|
|
@@ -4433,7 +4433,7 @@ function _object_spread$I(target) {
|
|
|
4433
4433
|
}
|
|
4434
4434
|
return target;
|
|
4435
4435
|
}
|
|
4436
|
-
function ownKeys$
|
|
4436
|
+
function ownKeys$A(object, enumerableOnly) {
|
|
4437
4437
|
var keys = Object.keys(object);
|
|
4438
4438
|
if (Object.getOwnPropertySymbols) {
|
|
4439
4439
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -4446,12 +4446,12 @@ function ownKeys$z(object, enumerableOnly) {
|
|
|
4446
4446
|
}
|
|
4447
4447
|
return keys;
|
|
4448
4448
|
}
|
|
4449
|
-
function _object_spread_props$
|
|
4449
|
+
function _object_spread_props$A(target, source) {
|
|
4450
4450
|
source = source != null ? source : {};
|
|
4451
4451
|
if (Object.getOwnPropertyDescriptors) {
|
|
4452
4452
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
4453
4453
|
} else {
|
|
4454
|
-
ownKeys$
|
|
4454
|
+
ownKeys$A(Object(source)).forEach(function(key) {
|
|
4455
4455
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
4456
4456
|
});
|
|
4457
4457
|
}
|
|
@@ -4465,7 +4465,7 @@ var List = function(param) {
|
|
|
4465
4465
|
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
4466
4466
|
};
|
|
4467
4467
|
var _item_testId;
|
|
4468
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
4468
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$A(_object_spread$J({
|
|
4469
4469
|
className: classes.root
|
|
4470
4470
|
}, addDataTestId(testId), addDataAttributes(data)), {
|
|
4471
4471
|
children: items.map(function(item, idx) {
|
|
@@ -4475,7 +4475,7 @@ var List = function(param) {
|
|
|
4475
4475
|
item.shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", {
|
|
4476
4476
|
className: classes.spacer
|
|
4477
4477
|
}),
|
|
4478
|
-
/* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
4478
|
+
/* @__PURE__ */ jsxs("div", _object_spread_props$A(_object_spread$J({
|
|
4479
4479
|
className: clsx(classes.item, (_obj = {}, _define_property$K(_obj, classes.disabledItem, item.disabled), _define_property$K(_obj, classes.withIconGap, item.withIconGap), _obj))
|
|
4480
4480
|
}, addDataTestId((_item_testId = item.testId) !== null && _item_testId !== void 0 ? _item_testId : getTestId(testId, "item-".concat(idx))), item.disabled && addDataAttributes({
|
|
4481
4481
|
disabled: item.disabled
|
|
@@ -4517,7 +4517,7 @@ function _define_property$J(obj, key, value) {
|
|
|
4517
4517
|
}
|
|
4518
4518
|
return obj;
|
|
4519
4519
|
}
|
|
4520
|
-
function _object_spread$
|
|
4520
|
+
function _object_spread$I(target) {
|
|
4521
4521
|
for (var i = 1; i < arguments.length; i++) {
|
|
4522
4522
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
4523
4523
|
var ownKeys2 = Object.keys(source);
|
|
@@ -4532,7 +4532,7 @@ function _object_spread$H(target) {
|
|
|
4532
4532
|
}
|
|
4533
4533
|
return target;
|
|
4534
4534
|
}
|
|
4535
|
-
function ownKeys$
|
|
4535
|
+
function ownKeys$z(object, enumerableOnly) {
|
|
4536
4536
|
var keys = Object.keys(object);
|
|
4537
4537
|
if (Object.getOwnPropertySymbols) {
|
|
4538
4538
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -4545,18 +4545,18 @@ function ownKeys$y(object, enumerableOnly) {
|
|
|
4545
4545
|
}
|
|
4546
4546
|
return keys;
|
|
4547
4547
|
}
|
|
4548
|
-
function _object_spread_props$
|
|
4548
|
+
function _object_spread_props$z(target, source) {
|
|
4549
4549
|
source = source != null ? source : {};
|
|
4550
4550
|
if (Object.getOwnPropertyDescriptors) {
|
|
4551
4551
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
4552
4552
|
} else {
|
|
4553
|
-
ownKeys$
|
|
4553
|
+
ownKeys$z(Object(source)).forEach(function(key) {
|
|
4554
4554
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
4555
4555
|
});
|
|
4556
4556
|
}
|
|
4557
4557
|
return target;
|
|
4558
4558
|
}
|
|
4559
|
-
var styles$I = _object_spread_props$
|
|
4559
|
+
var styles$I = _object_spread_props$z(_object_spread$I({
|
|
4560
4560
|
root: {
|
|
4561
4561
|
display: "flex"
|
|
4562
4562
|
},
|
|
@@ -4655,7 +4655,7 @@ function _iterable_to_array_limit$n(arr, i) {
|
|
|
4655
4655
|
function _non_iterable_rest$n() {
|
|
4656
4656
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
4657
4657
|
}
|
|
4658
|
-
function _object_spread$
|
|
4658
|
+
function _object_spread$H(target) {
|
|
4659
4659
|
for (var i = 1; i < arguments.length; i++) {
|
|
4660
4660
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
4661
4661
|
var ownKeys2 = Object.keys(source);
|
|
@@ -4670,7 +4670,7 @@ function _object_spread$G(target) {
|
|
|
4670
4670
|
}
|
|
4671
4671
|
return target;
|
|
4672
4672
|
}
|
|
4673
|
-
function ownKeys$
|
|
4673
|
+
function ownKeys$y(object, enumerableOnly) {
|
|
4674
4674
|
var keys = Object.keys(object);
|
|
4675
4675
|
if (Object.getOwnPropertySymbols) {
|
|
4676
4676
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -4683,12 +4683,12 @@ function ownKeys$x(object, enumerableOnly) {
|
|
|
4683
4683
|
}
|
|
4684
4684
|
return keys;
|
|
4685
4685
|
}
|
|
4686
|
-
function _object_spread_props$
|
|
4686
|
+
function _object_spread_props$y(target, source) {
|
|
4687
4687
|
source = source != null ? source : {};
|
|
4688
4688
|
if (Object.getOwnPropertyDescriptors) {
|
|
4689
4689
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
4690
4690
|
} else {
|
|
4691
|
-
ownKeys$
|
|
4691
|
+
ownKeys$y(Object(source)).forEach(function(key) {
|
|
4692
4692
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
4693
4693
|
});
|
|
4694
4694
|
}
|
|
@@ -4729,7 +4729,7 @@ var AccountInfo = function(param) {
|
|
|
4729
4729
|
return setIsMenuOpen(false);
|
|
4730
4730
|
}, nameRef);
|
|
4731
4731
|
var tweakListStyles = useTweakStyles(componentStyles, tweakStyles, "tweakList");
|
|
4732
|
-
return /* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
4732
|
+
return /* @__PURE__ */ jsxs("div", _object_spread_props$y(_object_spread$H({
|
|
4733
4733
|
className: classes.root
|
|
4734
4734
|
}, addDataAttributes(data)), {
|
|
4735
4735
|
tabIndex: 0,
|
|
@@ -4819,7 +4819,7 @@ function _define_property$H(obj, key, value) {
|
|
|
4819
4819
|
}
|
|
4820
4820
|
return obj;
|
|
4821
4821
|
}
|
|
4822
|
-
function _object_spread$
|
|
4822
|
+
function _object_spread$G(target) {
|
|
4823
4823
|
for (var i = 1; i < arguments.length; i++) {
|
|
4824
4824
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
4825
4825
|
var ownKeys2 = Object.keys(source);
|
|
@@ -4834,7 +4834,7 @@ function _object_spread$F(target) {
|
|
|
4834
4834
|
}
|
|
4835
4835
|
return target;
|
|
4836
4836
|
}
|
|
4837
|
-
function ownKeys$
|
|
4837
|
+
function ownKeys$x(object, enumerableOnly) {
|
|
4838
4838
|
var keys = Object.keys(object);
|
|
4839
4839
|
if (Object.getOwnPropertySymbols) {
|
|
4840
4840
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -4847,12 +4847,12 @@ function ownKeys$w(object, enumerableOnly) {
|
|
|
4847
4847
|
}
|
|
4848
4848
|
return keys;
|
|
4849
4849
|
}
|
|
4850
|
-
function _object_spread_props$
|
|
4850
|
+
function _object_spread_props$x(target, source) {
|
|
4851
4851
|
source = source != null ? source : {};
|
|
4852
4852
|
if (Object.getOwnPropertyDescriptors) {
|
|
4853
4853
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
4854
4854
|
} else {
|
|
4855
|
-
ownKeys$
|
|
4855
|
+
ownKeys$x(Object(source)).forEach(function(key) {
|
|
4856
4856
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
4857
4857
|
});
|
|
4858
4858
|
}
|
|
@@ -4861,7 +4861,7 @@ function _object_spread_props$w(target, source) {
|
|
|
4861
4861
|
var AddButton = function(param) {
|
|
4862
4862
|
var text = param.text, _param_type = param.type, type = _param_type === void 0 ? "button" : _param_type, isDisabled = param.isDisabled, onClick = param.onClick, isFullWidth = param.isFullWidth, data = param.data, tweakStyles = param.tweakStyles;
|
|
4863
4863
|
var classes = useTheme("AddButton", styles$H, tweakStyles).classes;
|
|
4864
|
-
return /* @__PURE__ */ jsxs("button", _object_spread_props$
|
|
4864
|
+
return /* @__PURE__ */ jsxs("button", _object_spread_props$x(_object_spread$G({
|
|
4865
4865
|
type,
|
|
4866
4866
|
className: clsx(classes.root, isDisabled && classes.disabled, isFullWidth && classes.fullWidth),
|
|
4867
4867
|
onClick: !isDisabled ? onClick : void 0,
|
|
@@ -5036,7 +5036,7 @@ function _define_property$G(obj, key, value) {
|
|
|
5036
5036
|
}
|
|
5037
5037
|
return obj;
|
|
5038
5038
|
}
|
|
5039
|
-
function _object_spread$
|
|
5039
|
+
function _object_spread$F(target) {
|
|
5040
5040
|
for (var i = 1; i < arguments.length; i++) {
|
|
5041
5041
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
5042
5042
|
var ownKeys2 = Object.keys(source);
|
|
@@ -5051,7 +5051,7 @@ function _object_spread$E(target) {
|
|
|
5051
5051
|
}
|
|
5052
5052
|
return target;
|
|
5053
5053
|
}
|
|
5054
|
-
function ownKeys$
|
|
5054
|
+
function ownKeys$w(object, enumerableOnly) {
|
|
5055
5055
|
var keys = Object.keys(object);
|
|
5056
5056
|
if (Object.getOwnPropertySymbols) {
|
|
5057
5057
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -5064,12 +5064,12 @@ function ownKeys$v(object, enumerableOnly) {
|
|
|
5064
5064
|
}
|
|
5065
5065
|
return keys;
|
|
5066
5066
|
}
|
|
5067
|
-
function _object_spread_props$
|
|
5067
|
+
function _object_spread_props$w(target, source) {
|
|
5068
5068
|
source = source != null ? source : {};
|
|
5069
5069
|
if (Object.getOwnPropertyDescriptors) {
|
|
5070
5070
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
5071
5071
|
} else {
|
|
5072
|
-
ownKeys$
|
|
5072
|
+
ownKeys$w(Object(source)).forEach(function(key) {
|
|
5073
5073
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
5074
5074
|
});
|
|
5075
5075
|
}
|
|
@@ -5079,7 +5079,7 @@ var ThemedPreloader = function(param) {
|
|
|
5079
5079
|
var _param_type = param.type, type = _param_type === void 0 ? "default" : _param_type, _param_useCurrentColor = param.useCurrentColor, useCurrentColor = _param_useCurrentColor === void 0 ? false : _param_useCurrentColor, data = param.data, tweakStyles = param.tweakStyles;
|
|
5080
5080
|
var _useTheme = useTheme("ThemedPreloader", styles$E, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
|
|
5081
5081
|
var preloaderComponentStyles = useTweakStyles(componentStyles, tweakStyles, "tweakPreloaderComponent");
|
|
5082
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
5082
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$w(_object_spread$F({
|
|
5083
5083
|
className: clsx(classes.root, classes[type], _define_property$G({}, classes.currentColor, useCurrentColor))
|
|
5084
5084
|
}, addDataAttributes(data)), {
|
|
5085
5085
|
children: type === "dots" ? /* @__PURE__ */ jsx(DotsPreloader, {
|
|
@@ -5273,7 +5273,7 @@ function _define_property$F(obj, key, value) {
|
|
|
5273
5273
|
}
|
|
5274
5274
|
return obj;
|
|
5275
5275
|
}
|
|
5276
|
-
function _object_spread$
|
|
5276
|
+
function _object_spread$E(target) {
|
|
5277
5277
|
for (var i = 1; i < arguments.length; i++) {
|
|
5278
5278
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
5279
5279
|
var ownKeys2 = Object.keys(source);
|
|
@@ -5288,7 +5288,7 @@ function _object_spread$D(target) {
|
|
|
5288
5288
|
}
|
|
5289
5289
|
return target;
|
|
5290
5290
|
}
|
|
5291
|
-
function ownKeys$
|
|
5291
|
+
function ownKeys$v(object, enumerableOnly) {
|
|
5292
5292
|
var keys = Object.keys(object);
|
|
5293
5293
|
if (Object.getOwnPropertySymbols) {
|
|
5294
5294
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -5301,12 +5301,12 @@ function ownKeys$u(object, enumerableOnly) {
|
|
|
5301
5301
|
}
|
|
5302
5302
|
return keys;
|
|
5303
5303
|
}
|
|
5304
|
-
function _object_spread_props$
|
|
5304
|
+
function _object_spread_props$v(target, source) {
|
|
5305
5305
|
source = source != null ? source : {};
|
|
5306
5306
|
if (Object.getOwnPropertyDescriptors) {
|
|
5307
5307
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
5308
5308
|
} else {
|
|
5309
|
-
ownKeys$
|
|
5309
|
+
ownKeys$v(Object(source)).forEach(function(key) {
|
|
5310
5310
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
5311
5311
|
});
|
|
5312
5312
|
}
|
|
@@ -5334,7 +5334,7 @@ var Button = function(param) {
|
|
|
5334
5334
|
var hasChildren = isNotEmpty(children);
|
|
5335
5335
|
var hasNoAction = isDisabled || isLoading;
|
|
5336
5336
|
var _obj, _obj1;
|
|
5337
|
-
return /* @__PURE__ */ jsxs("button", _object_spread_props$
|
|
5337
|
+
return /* @__PURE__ */ jsxs("button", _object_spread_props$v(_object_spread$E({
|
|
5338
5338
|
type,
|
|
5339
5339
|
className: clsx(classes.root, classes[size], classes[view], (_obj = {}, _define_property$F(_obj, classes.disabled, isDisabled), _define_property$F(_obj, classes.fullWidth, isFullWidth), _define_property$F(_obj, classes.inline, isInline), _define_property$F(_obj, classes.active, isActive), _define_property$F(_obj, classes.loading, isLoading), _define_property$F(_obj, classes.onlyIcon, hasIcon && !hasChildren), _obj)),
|
|
5340
5340
|
tabIndex: shouldSkipTabNavigation ? -1 : void 0,
|
|
@@ -5477,7 +5477,7 @@ function _iterable_to_array_limit$m(arr, i) {
|
|
|
5477
5477
|
function _non_iterable_rest$m() {
|
|
5478
5478
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
5479
5479
|
}
|
|
5480
|
-
function _object_spread$
|
|
5480
|
+
function _object_spread$D(target) {
|
|
5481
5481
|
for (var i = 1; i < arguments.length; i++) {
|
|
5482
5482
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
5483
5483
|
var ownKeys2 = Object.keys(source);
|
|
@@ -5492,7 +5492,7 @@ function _object_spread$C(target) {
|
|
|
5492
5492
|
}
|
|
5493
5493
|
return target;
|
|
5494
5494
|
}
|
|
5495
|
-
function ownKeys$
|
|
5495
|
+
function ownKeys$u(object, enumerableOnly) {
|
|
5496
5496
|
var keys = Object.keys(object);
|
|
5497
5497
|
if (Object.getOwnPropertySymbols) {
|
|
5498
5498
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -5505,12 +5505,12 @@ function ownKeys$t(object, enumerableOnly) {
|
|
|
5505
5505
|
}
|
|
5506
5506
|
return keys;
|
|
5507
5507
|
}
|
|
5508
|
-
function _object_spread_props$
|
|
5508
|
+
function _object_spread_props$u(target, source) {
|
|
5509
5509
|
source = source != null ? source : {};
|
|
5510
5510
|
if (Object.getOwnPropertyDescriptors) {
|
|
5511
5511
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
5512
5512
|
} else {
|
|
5513
|
-
ownKeys$
|
|
5513
|
+
ownKeys$u(Object(source)).forEach(function(key) {
|
|
5514
5514
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
5515
5515
|
});
|
|
5516
5516
|
}
|
|
@@ -5553,7 +5553,7 @@ function Checkbox(param) {
|
|
|
5553
5553
|
isChecked
|
|
5554
5554
|
]);
|
|
5555
5555
|
var _obj;
|
|
5556
|
-
return /* @__PURE__ */ jsxs("label", _object_spread_props$
|
|
5556
|
+
return /* @__PURE__ */ jsxs("label", _object_spread_props$u(_object_spread$D({
|
|
5557
5557
|
className: clsx(classes.root, (_obj = {}, _define_property$E(_obj, classes.disabled, isDisabled), _define_property$E(_obj, classes.labelPositionLeft, labelPosition === "left"), _obj))
|
|
5558
5558
|
}, addDataTestId(testId), addDataAttributes(data)), {
|
|
5559
5559
|
children: [
|
|
@@ -5617,7 +5617,7 @@ function _define_property$D(obj, key, value) {
|
|
|
5617
5617
|
}
|
|
5618
5618
|
return obj;
|
|
5619
5619
|
}
|
|
5620
|
-
function _object_spread$
|
|
5620
|
+
function _object_spread$C(target) {
|
|
5621
5621
|
for (var i = 1; i < arguments.length; i++) {
|
|
5622
5622
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
5623
5623
|
var ownKeys2 = Object.keys(source);
|
|
@@ -5632,7 +5632,7 @@ function _object_spread$B(target) {
|
|
|
5632
5632
|
}
|
|
5633
5633
|
return target;
|
|
5634
5634
|
}
|
|
5635
|
-
function ownKeys$
|
|
5635
|
+
function ownKeys$t(object, enumerableOnly) {
|
|
5636
5636
|
var keys = Object.keys(object);
|
|
5637
5637
|
if (Object.getOwnPropertySymbols) {
|
|
5638
5638
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -5645,12 +5645,12 @@ function ownKeys$s(object, enumerableOnly) {
|
|
|
5645
5645
|
}
|
|
5646
5646
|
return keys;
|
|
5647
5647
|
}
|
|
5648
|
-
function _object_spread_props$
|
|
5648
|
+
function _object_spread_props$t(target, source) {
|
|
5649
5649
|
source = source != null ? source : {};
|
|
5650
5650
|
if (Object.getOwnPropertyDescriptors) {
|
|
5651
5651
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
5652
5652
|
} else {
|
|
5653
|
-
ownKeys$
|
|
5653
|
+
ownKeys$t(Object(source)).forEach(function(key) {
|
|
5654
5654
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
5655
5655
|
});
|
|
5656
5656
|
}
|
|
@@ -5659,7 +5659,7 @@ function _object_spread_props$s(target, source) {
|
|
|
5659
5659
|
var CloseButton = function(param) {
|
|
5660
5660
|
var tweakStyles = param.tweakStyles, testId = param.testId, data = param.data, _param_iconType = param.iconType, iconType = _param_iconType === void 0 ? "close" : _param_iconType, onClose = param.onClose;
|
|
5661
5661
|
var classes = useTheme("CloseButton", styles$B, tweakStyles).classes;
|
|
5662
|
-
return /* @__PURE__ */ jsx("button", _object_spread_props$
|
|
5662
|
+
return /* @__PURE__ */ jsx("button", _object_spread_props$t(_object_spread$C({
|
|
5663
5663
|
type: "button",
|
|
5664
5664
|
className: classes.root,
|
|
5665
5665
|
onClick: onClose,
|
|
@@ -5815,7 +5815,7 @@ function _define_property$C(obj, key, value) {
|
|
|
5815
5815
|
}
|
|
5816
5816
|
return obj;
|
|
5817
5817
|
}
|
|
5818
|
-
function _object_spread$
|
|
5818
|
+
function _object_spread$B(target) {
|
|
5819
5819
|
for (var i = 1; i < arguments.length; i++) {
|
|
5820
5820
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
5821
5821
|
var ownKeys2 = Object.keys(source);
|
|
@@ -5833,7 +5833,7 @@ function _object_spread$A(target) {
|
|
|
5833
5833
|
var CssBaseline = function(param) {
|
|
5834
5834
|
var data = param.data, tweakStyles = param.tweakStyles;
|
|
5835
5835
|
var classes = useTheme("CssBaseline", styles$z, tweakStyles).classes;
|
|
5836
|
-
return /* @__PURE__ */ jsx("div", _object_spread$
|
|
5836
|
+
return /* @__PURE__ */ jsx("div", _object_spread$B({
|
|
5837
5837
|
className: classes.root
|
|
5838
5838
|
}, addDataAttributes(data)));
|
|
5839
5839
|
};
|
|
@@ -6196,7 +6196,7 @@ function _iterable_to_array_limit$k(arr, i) {
|
|
|
6196
6196
|
function _non_iterable_rest$k() {
|
|
6197
6197
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
6198
6198
|
}
|
|
6199
|
-
function _object_spread$
|
|
6199
|
+
function _object_spread$A(target) {
|
|
6200
6200
|
for (var i = 1; i < arguments.length; i++) {
|
|
6201
6201
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
6202
6202
|
var ownKeys2 = Object.keys(source);
|
|
@@ -6211,7 +6211,7 @@ function _object_spread$z(target) {
|
|
|
6211
6211
|
}
|
|
6212
6212
|
return target;
|
|
6213
6213
|
}
|
|
6214
|
-
function ownKeys$
|
|
6214
|
+
function ownKeys$s(object, enumerableOnly) {
|
|
6215
6215
|
var keys = Object.keys(object);
|
|
6216
6216
|
if (Object.getOwnPropertySymbols) {
|
|
6217
6217
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -6224,12 +6224,12 @@ function ownKeys$r(object, enumerableOnly) {
|
|
|
6224
6224
|
}
|
|
6225
6225
|
return keys;
|
|
6226
6226
|
}
|
|
6227
|
-
function _object_spread_props$
|
|
6227
|
+
function _object_spread_props$s(target, source) {
|
|
6228
6228
|
source = source != null ? source : {};
|
|
6229
6229
|
if (Object.getOwnPropertyDescriptors) {
|
|
6230
6230
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
6231
6231
|
} else {
|
|
6232
|
-
ownKeys$
|
|
6232
|
+
ownKeys$s(Object(source)).forEach(function(key) {
|
|
6233
6233
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
6234
6234
|
});
|
|
6235
6235
|
}
|
|
@@ -6402,7 +6402,7 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
|
|
|
6402
6402
|
var hasLabel = isNotEmpty(label);
|
|
6403
6403
|
var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly) && isNotEmpty(placeholder);
|
|
6404
6404
|
var _obj;
|
|
6405
|
-
var props = _object_spread$
|
|
6405
|
+
var props = _object_spread$A({
|
|
6406
6406
|
className: clsx(classes.input, (_obj = {}, _define_property$B(_obj, classes.withFloatingLabel, hasFloatingLabel && hasLabel), _define_property$B(_obj, classes.withIcons, hasControls), _define_property$B(_obj, classes.withControls, hasControls), _define_property$B(_obj, classes.floatingLabelWithoutPadding, hasFloatingLabel && hasLabel && border === "bottom"), _obj)),
|
|
6407
6407
|
onFocus: handleFocus,
|
|
6408
6408
|
onBlur: handleBlur,
|
|
@@ -6425,14 +6425,14 @@ var Input = /* @__PURE__ */ forwardRef(function(param, ref) {
|
|
|
6425
6425
|
return /* @__PURE__ */ jsxs("div", {
|
|
6426
6426
|
className: classes.root,
|
|
6427
6427
|
children: [
|
|
6428
|
-
/* @__PURE__ */ jsxs("div", _object_spread_props$
|
|
6428
|
+
/* @__PURE__ */ jsxs("div", _object_spread_props$s(_object_spread$A({
|
|
6429
6429
|
className: clsx(classes.inputWrapper, (_obj1 = {}, _define_property$B(_obj1, classes.required, isRequired && !hasRequiredLabel), _define_property$B(_obj1, classes.invalid, isInvalid), _define_property$B(_obj1, classes.focused, hasFocus), _define_property$B(_obj1, classes.disabled, isDisabled), _define_property$B(_obj1, classes.autosize, isAutoSizeable), _obj1), inlineStyle !== void 0 && classes[inlineStyle], border !== void 0 && classes["border-".concat(border)]),
|
|
6430
6430
|
"data-value": isAutoSizeable ? value : void 0
|
|
6431
6431
|
}, addDataAttributes(data)), {
|
|
6432
6432
|
children: [
|
|
6433
|
-
mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$
|
|
6433
|
+
mask === void 0 ? /* @__PURE__ */ jsx("input", _object_spread$A({
|
|
6434
6434
|
ref: ref !== null && ref !== void 0 ? ref : inputRef
|
|
6435
|
-
}, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$
|
|
6435
|
+
}, props)) : /* @__PURE__ */ jsx(InputMask, _object_spread$A({
|
|
6436
6436
|
ref: ref !== null && ref !== void 0 ? ref : inputRef,
|
|
6437
6437
|
mask,
|
|
6438
6438
|
maskPlaceholder
|
|
@@ -6518,7 +6518,7 @@ function _define_property$A(obj, key, value) {
|
|
|
6518
6518
|
}
|
|
6519
6519
|
return obj;
|
|
6520
6520
|
}
|
|
6521
|
-
function _object_spread$
|
|
6521
|
+
function _object_spread$z(target) {
|
|
6522
6522
|
for (var i = 1; i < arguments.length; i++) {
|
|
6523
6523
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
6524
6524
|
var ownKeys2 = Object.keys(source);
|
|
@@ -6533,7 +6533,7 @@ function _object_spread$y(target) {
|
|
|
6533
6533
|
}
|
|
6534
6534
|
return target;
|
|
6535
6535
|
}
|
|
6536
|
-
function ownKeys$
|
|
6536
|
+
function ownKeys$r(object, enumerableOnly) {
|
|
6537
6537
|
var keys = Object.keys(object);
|
|
6538
6538
|
if (Object.getOwnPropertySymbols) {
|
|
6539
6539
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
@@ -6546,12 +6546,12 @@ function ownKeys$q(object, enumerableOnly) {
|
|
|
6546
6546
|
}
|
|
6547
6547
|
return keys;
|
|
6548
6548
|
}
|
|
6549
|
-
function _object_spread_props$
|
|
6549
|
+
function _object_spread_props$r(target, source) {
|
|
6550
6550
|
source = source != null ? source : {};
|
|
6551
6551
|
if (Object.getOwnPropertyDescriptors) {
|
|
6552
6552
|
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
6553
6553
|
} else {
|
|
6554
|
-
ownKeys$
|
|
6554
|
+
ownKeys$r(Object(source)).forEach(function(key) {
|
|
6555
6555
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
6556
6556
|
});
|
|
6557
6557
|
}
|
|
@@ -6614,10 +6614,10 @@ var DateInput = function(_param) {
|
|
|
6614
6614
|
mask: "99.99.9999"
|
|
6615
6615
|
};
|
|
6616
6616
|
var tweakInputStyles = useTweakStyles(componentStyles, tweakStyles, "tweakInput");
|
|
6617
|
-
return /* @__PURE__ */ jsx("div", _object_spread_props$
|
|
6617
|
+
return /* @__PURE__ */ jsx("div", _object_spread_props$r(_object_spread$z({
|
|
6618
6618
|
className: classes.root
|
|
6619
6619
|
}, addDataAttributes(data)), {
|
|
6620
|
-
children: /* @__PURE__ */ jsx(Input, _object_spread_props$
|
|
6620
|
+
children: /* @__PURE__ */ jsx(Input, _object_spread_props$r(_object_spread$z({}, mainProps, props), {
|
|
6621
6621
|
tweakStyles: tweakInputStyles
|
|
6622
6622
|
}))
|
|
6623
6623
|
}));
|
|
@@ -6715,7 +6715,7 @@ function _inherits(subClass, superClass) {
|
|
|
6715
6715
|
if (superClass)
|
|
6716
6716
|
_set_prototype_of(subClass, superClass);
|
|
6717
6717
|
}
|
|
6718
|
-
function _object_spread$
|
|
6718
|
+
function _object_spread$y(target) {
|
|
6719
6719
|
for (var i = 1; i < arguments.length; i++) {
|
|
6720
6720
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
6721
6721
|
var ownKeys2 = Object.keys(source);
|
|
@@ -6866,7 +6866,7 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
|
|
|
6866
6866
|
"children",
|
|
6867
6867
|
"options"
|
|
6868
6868
|
]);
|
|
6869
|
-
return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$
|
|
6869
|
+
return createElement(elementType !== null && elementType !== void 0 ? elementType : ScrollIntoViewIfNeededDefaultElementType, _object_spread$y({
|
|
6870
6870
|
ref: this.node
|
|
6871
6871
|
}, wrapperProps), children);
|
|
6872
6872
|
}
|
|
@@ -6888,7 +6888,7 @@ function _define_property$y(obj, key, value) {
|
|
|
6888
6888
|
}
|
|
6889
6889
|
return obj;
|
|
6890
6890
|
}
|
|
6891
|
-
function _object_spread$
|
|
6891
|
+
function _object_spread$x(target) {
|
|
6892
6892
|
for (var i = 1; i < arguments.length; i++) {
|
|
6893
6893
|
var source = arguments[i] != null ? arguments[i] : {};
|
|
6894
6894
|
var ownKeys2 = Object.keys(source);
|
|
@@ -6920,7 +6920,7 @@ var styles$v = {
|
|
|
6920
6920
|
],
|
|
6921
6921
|
fontSize: 16
|
|
6922
6922
|
},
|
|
6923
|
-
list: _object_spread$
|
|
6923
|
+
list: _object_spread$x({
|
|
6924
6924
|
height: "100%",
|
|
6925
6925
|
maxHeight: ROW_HEIGHT$1 * 6,
|
|
6926
6926
|
cursor: "pointer",
|
|
@@ -6963,31 +6963,71 @@ function _define_property$x(obj, key, value) {
|
|
|
6963
6963
|
}
|
|
6964
6964
|
return obj;
|
|
6965
6965
|
}
|
|
6966
|
-
function
|
|
6967
|
-
var
|
|
6968
|
-
|
|
6966
|
+
function _object_spread$w(target) {
|
|
6967
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
6968
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
6969
|
+
var ownKeys2 = Object.keys(source);
|
|
6970
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
6971
|
+
ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
6972
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
6973
|
+
}));
|
|
6974
|
+
}
|
|
6975
|
+
ownKeys2.forEach(function(key) {
|
|
6976
|
+
_define_property$x(target, key, source[key]);
|
|
6977
|
+
});
|
|
6978
|
+
}
|
|
6979
|
+
return target;
|
|
6980
|
+
}
|
|
6981
|
+
function ownKeys$q(object, enumerableOnly) {
|
|
6982
|
+
var keys = Object.keys(object);
|
|
6983
|
+
if (Object.getOwnPropertySymbols) {
|
|
6984
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
6985
|
+
if (enumerableOnly) {
|
|
6986
|
+
symbols = symbols.filter(function(sym) {
|
|
6987
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
6988
|
+
});
|
|
6989
|
+
}
|
|
6990
|
+
keys.push.apply(keys, symbols);
|
|
6991
|
+
}
|
|
6992
|
+
return keys;
|
|
6993
|
+
}
|
|
6994
|
+
function _object_spread_props$q(target, source) {
|
|
6995
|
+
source = source != null ? source : {};
|
|
6996
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
6997
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
6998
|
+
} else {
|
|
6999
|
+
ownKeys$q(Object(source)).forEach(function(key) {
|
|
7000
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
7001
|
+
});
|
|
7002
|
+
}
|
|
7003
|
+
return target;
|
|
6969
7004
|
}
|
|
6970
7005
|
var DEFAULT_OPTION_INDEX = -1;
|
|
6971
7006
|
function SelectList(param) {
|
|
6972
|
-
var options = param.options,
|
|
7007
|
+
var options = param.options, focusedIndex = param.focusedIndex, activeValue = param.activeValue, defaultOptionLabel = param.defaultOptionLabel, _param_noMatchesLabel = param.noMatchesLabel, noMatchesLabel = _param_noMatchesLabel === void 0 ? "Совпадений не найдено" : _param_noMatchesLabel, isLoading = param.isLoading, _param_loadingLabel = param.loadingLabel, loadingLabel = _param_loadingLabel === void 0 ? "Загрузка..." : _param_loadingLabel, tweakStyles = param.tweakStyles, testId = param.testId, _param_shouldScrollToList = param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, isOptionDisabled = param.isOptionDisabled, onOptionClick = param.onOptionClick, convertValueToString = param.convertValueToString, convertValueToReactNode = param.convertValueToReactNode, _param_convertValueToId = param.convertValueToId, convertValueToId = _param_convertValueToId === void 0 ? convertValueToString : _param_convertValueToId;
|
|
6973
7008
|
var classes = useTheme("SelectList", styles$v, tweakStyles).classes;
|
|
6974
7009
|
var activeValueId = isNotEmpty(activeValue) ? convertValueToId(activeValue) : void 0;
|
|
6975
|
-
var convertedToStringOptions = useMemo(function() {
|
|
6976
|
-
return options.map(convertValueToString);
|
|
6977
|
-
}, [
|
|
6978
|
-
options,
|
|
6979
|
-
convertValueToString
|
|
6980
|
-
]);
|
|
6981
7010
|
var isActiveOption = function(item) {
|
|
6982
7011
|
return convertValueToId(item) === activeValueId;
|
|
6983
7012
|
};
|
|
6984
|
-
var
|
|
6985
|
-
|
|
7013
|
+
var convertFunction = convertValueToReactNode !== null && convertValueToReactNode !== void 0 ? convertValueToReactNode : convertValueToString;
|
|
7014
|
+
var optionsDisableMap = useMemo(function() {
|
|
7015
|
+
return options.map(function(o) {
|
|
7016
|
+
return isOptionDisabled(o);
|
|
7017
|
+
});
|
|
7018
|
+
}, [
|
|
7019
|
+
options,
|
|
7020
|
+
isOptionDisabled
|
|
7021
|
+
]);
|
|
7022
|
+
var listOptions = useMemo(function() {
|
|
7023
|
+
return options.map(function(opt, i) {
|
|
7024
|
+
return convertFunction(opt, optionsDisableMap[i]);
|
|
7025
|
+
});
|
|
6986
7026
|
}, [
|
|
6987
7027
|
options,
|
|
6988
|
-
|
|
7028
|
+
convertFunction,
|
|
7029
|
+
optionsDisableMap
|
|
6989
7030
|
]);
|
|
6990
|
-
var listOptions = convertValueToReactNode !== void 0 ? convertedToReactNodesOptions : convertedToStringOptions;
|
|
6991
7031
|
return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
|
|
6992
7032
|
active: shouldScrollToList,
|
|
6993
7033
|
className: classes.root,
|
|
@@ -7010,22 +7050,28 @@ function SelectList(param) {
|
|
|
7010
7050
|
},
|
|
7011
7051
|
children: defaultOptionLabel
|
|
7012
7052
|
}),
|
|
7013
|
-
listOptions.map(function(opt,
|
|
7014
|
-
var optionValue = options[
|
|
7053
|
+
listOptions.map(function(opt, i) {
|
|
7054
|
+
var optionValue = options[i];
|
|
7055
|
+
var isFocused = i === focusedIndex;
|
|
7015
7056
|
var isActive = isActiveOption(optionValue);
|
|
7016
|
-
var isDisabled =
|
|
7057
|
+
var isDisabled = optionsDisableMap[i];
|
|
7017
7058
|
var _obj;
|
|
7018
|
-
return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, {
|
|
7019
|
-
active:
|
|
7059
|
+
return /* @__PURE__ */ jsx(ScrollIntoViewIfNeeded, _object_spread_props$q(_object_spread$w({
|
|
7060
|
+
active: isFocused,
|
|
7020
7061
|
options: {
|
|
7021
7062
|
block: "nearest"
|
|
7022
7063
|
},
|
|
7023
|
-
className: clsx(classes.cell, (_obj = {}, _define_property$x(_obj, classes.focused,
|
|
7064
|
+
className: clsx(classes.cell, (_obj = {}, _define_property$x(_obj, classes.focused, isFocused), _define_property$x(_obj, classes.active, isActive), _define_property$x(_obj, classes.disabled, isDisabled), _obj))
|
|
7065
|
+
}, addDataAttributes({
|
|
7066
|
+
disabled: isDisabled,
|
|
7067
|
+
active: isActive,
|
|
7068
|
+
focused: isFocused
|
|
7069
|
+
})), {
|
|
7024
7070
|
onClick: !isDisabled ? function() {
|
|
7025
|
-
return onOptionClick(
|
|
7071
|
+
return onOptionClick(i);
|
|
7026
7072
|
} : void 0,
|
|
7027
7073
|
children: opt
|
|
7028
|
-
},
|
|
7074
|
+
}), i);
|
|
7029
7075
|
}),
|
|
7030
7076
|
listOptions.length === 0 && /* @__PURE__ */ jsx("div", {
|
|
7031
7077
|
className: clsx(classes.cell, classes.noMatchesLabel),
|
|
@@ -7036,6 +7082,10 @@ function SelectList(param) {
|
|
|
7036
7082
|
})
|
|
7037
7083
|
});
|
|
7038
7084
|
}
|
|
7085
|
+
var _option_isDisabled;
|
|
7086
|
+
var defaultIsOptionDisabled = function(option) {
|
|
7087
|
+
return typeof option === "object" && option !== null && ((_option_isDisabled = option === null || option === void 0 ? void 0 : option.isDisabled) !== null && _option_isDisabled !== void 0 ? _option_isDisabled : false);
|
|
7088
|
+
};
|
|
7039
7089
|
var defaultConvertFunction$2 = function(v) {
|
|
7040
7090
|
return v === void 0 ? void 0 : String(v);
|
|
7041
7091
|
};
|
|
@@ -7380,22 +7430,12 @@ var __generator$4 = globalThis && globalThis.__generator || function(thisArg, bo
|
|
|
7380
7430
|
}
|
|
7381
7431
|
};
|
|
7382
7432
|
function Select(_param) {
|
|
7383
|
-
var options = _param.options, value = _param.value,
|
|
7433
|
+
var options = _param.options, value = _param.value, defaultOptionLabel = _param.defaultOptionLabel, _param_debounceTime = _param.debounceTime, debounceTime = _param_debounceTime === void 0 ? 400 : _param_debounceTime, _param_optionsMode = _param.optionsMode, optionsMode = _param_optionsMode === void 0 ? "normal" : _param_optionsMode, noMatchesLabel = _param.noMatchesLabel, loadingLabel = _param.loadingLabel, tweakStyles = _param.tweakStyles, testId = _param.testId, isDisabled = _param.isDisabled, dropdownOptions = _param.dropdownOptions, _param_minSymbolsCountToOpenList = _param.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _param_minSymbolsCountToOpenList === void 0 ? 0 : _param_minSymbolsCountToOpenList, _param_dropdownIcon = _param.dropdownIcon, dropdownIcon = _param_dropdownIcon === void 0 ? "chevron-down" : _param_dropdownIcon, _param_shouldScrollToList = _param.shouldScrollToList, shouldScrollToList = _param_shouldScrollToList === void 0 ? true : _param_shouldScrollToList, onChange = _param.onChange, onFocus = _param.onFocus, onBlur = _param.onBlur, onType = _param.onType, onOpen = _param.onOpen, _param_isOptionDisabled = _param.isOptionDisabled, isOptionDisabled = _param_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _param_isOptionDisabled, _param_compareValuesOnChange = _param.compareValuesOnChange, compareValuesOnChange = _param_compareValuesOnChange === void 0 ? defaultCompareFunction : _param_compareValuesOnChange, _param_convertValueToString = _param.convertValueToString, convertValueToString = _param_convertValueToString === void 0 ? defaultConvertFunction$2 : _param_convertValueToString, convertValueToId = _param.convertValueToId, convertValueToReactNode = _param.convertValueToReactNode, optionsFilter = _param.optionsFilter, inputProps = _object_without_properties$6(_param, [
|
|
7384
7434
|
"options",
|
|
7385
7435
|
"value",
|
|
7386
|
-
"onChange",
|
|
7387
|
-
"compareValuesOnChange",
|
|
7388
|
-
"convertValueToString",
|
|
7389
|
-
"convertValueToId",
|
|
7390
|
-
"convertValueToReactNode",
|
|
7391
7436
|
"defaultOptionLabel",
|
|
7392
|
-
"onFocus",
|
|
7393
|
-
"onBlur",
|
|
7394
|
-
"onType",
|
|
7395
|
-
"onOpen",
|
|
7396
7437
|
"debounceTime",
|
|
7397
7438
|
"optionsMode",
|
|
7398
|
-
"optionsFilter",
|
|
7399
7439
|
"noMatchesLabel",
|
|
7400
7440
|
"loadingLabel",
|
|
7401
7441
|
"tweakStyles",
|
|
@@ -7404,7 +7444,18 @@ function Select(_param) {
|
|
|
7404
7444
|
"dropdownOptions",
|
|
7405
7445
|
"minSymbolsCountToOpenList",
|
|
7406
7446
|
"dropdownIcon",
|
|
7407
|
-
"shouldScrollToList"
|
|
7447
|
+
"shouldScrollToList",
|
|
7448
|
+
"onChange",
|
|
7449
|
+
"onFocus",
|
|
7450
|
+
"onBlur",
|
|
7451
|
+
"onType",
|
|
7452
|
+
"onOpen",
|
|
7453
|
+
"isOptionDisabled",
|
|
7454
|
+
"compareValuesOnChange",
|
|
7455
|
+
"convertValueToString",
|
|
7456
|
+
"convertValueToId",
|
|
7457
|
+
"convertValueToReactNode",
|
|
7458
|
+
"optionsFilter"
|
|
7408
7459
|
]);
|
|
7409
7460
|
var _useTheme = useTheme("Select", styles$u, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
|
|
7410
7461
|
var isMounted = useIsMounted();
|
|
@@ -7651,6 +7702,32 @@ function Select(_param) {
|
|
|
7651
7702
|
onOpen
|
|
7652
7703
|
]);
|
|
7653
7704
|
var _obj;
|
|
7705
|
+
var listEl = /* @__PURE__ */ jsx("div", _object_spread_props$p(_object_spread$v({
|
|
7706
|
+
className: clsx(classes.listWrapper, (_obj = {}, _define_property$w(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$w(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
|
|
7707
|
+
ref: list,
|
|
7708
|
+
onMouseDown: function(event) {
|
|
7709
|
+
return event.preventDefault();
|
|
7710
|
+
},
|
|
7711
|
+
style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper
|
|
7712
|
+
}, popperData === null || popperData === void 0 ? void 0 : popperData.attributes.popper), {
|
|
7713
|
+
children: isOpen && /* @__PURE__ */ jsx(SelectList, {
|
|
7714
|
+
options: filteredOptions,
|
|
7715
|
+
defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption ? defaultOptionLabel : void 0,
|
|
7716
|
+
noMatchesLabel,
|
|
7717
|
+
focusedIndex: focusedListCellIndex,
|
|
7718
|
+
activeValue: value,
|
|
7719
|
+
isLoading: inputProps.isLoading,
|
|
7720
|
+
loadingLabel,
|
|
7721
|
+
tweakStyles: tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakSelectList,
|
|
7722
|
+
testId: testId !== void 0 ? "".concat(testId, "-list") : void 0,
|
|
7723
|
+
shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll,
|
|
7724
|
+
isOptionDisabled,
|
|
7725
|
+
convertValueToString,
|
|
7726
|
+
convertValueToReactNode,
|
|
7727
|
+
convertValueToId,
|
|
7728
|
+
onOptionClick: handleOptionClick
|
|
7729
|
+
})
|
|
7730
|
+
}));
|
|
7654
7731
|
return /* @__PURE__ */ jsxs("div", {
|
|
7655
7732
|
className: classes.root,
|
|
7656
7733
|
onKeyDown: handleKeyDown,
|
|
@@ -7685,35 +7762,13 @@ function Select(_param) {
|
|
|
7685
7762
|
})
|
|
7686
7763
|
]
|
|
7687
7764
|
}),
|
|
7688
|
-
/* @__PURE__ */ jsx(Portal, {
|
|
7765
|
+
shouldUsePopper ? /* @__PURE__ */ jsx(Portal, {
|
|
7689
7766
|
container: shouldRenderInBody ? document.body : inputWrapper.current,
|
|
7690
7767
|
children: /* @__PURE__ */ jsx(Fragment, {
|
|
7691
|
-
children:
|
|
7692
|
-
className: clsx(classes.listWrapper, (_obj = {}, _define_property$w(_obj, classes.withoutPopper, !shouldUsePopper), _define_property$w(_obj, classes.listWrapperInBody, shouldRenderInBody), _obj)),
|
|
7693
|
-
ref: list,
|
|
7694
|
-
onMouseDown: function(event) {
|
|
7695
|
-
return event.preventDefault();
|
|
7696
|
-
},
|
|
7697
|
-
style: popperData === null || popperData === void 0 ? void 0 : popperData.styles.popper
|
|
7698
|
-
}, popperData === null || popperData === void 0 ? void 0 : popperData.attributes.popper), {
|
|
7699
|
-
children: isOpen && /* @__PURE__ */ jsx(SelectList, {
|
|
7700
|
-
options: filteredOptions,
|
|
7701
|
-
convertValueToString,
|
|
7702
|
-
convertValueToReactNode,
|
|
7703
|
-
convertValueToId,
|
|
7704
|
-
onOptionClick: handleOptionClick,
|
|
7705
|
-
defaultOptionLabel: hasDefaultOption && shouldShowDefaultOption ? defaultOptionLabel : void 0,
|
|
7706
|
-
noMatchesLabel,
|
|
7707
|
-
focusedIndex: focusedListCellIndex,
|
|
7708
|
-
activeValue: value,
|
|
7709
|
-
isLoading: inputProps.isLoading,
|
|
7710
|
-
loadingLabel,
|
|
7711
|
-
tweakStyles: tweakStyles === null || tweakStyles === void 0 ? void 0 : tweakStyles.tweakSelectList,
|
|
7712
|
-
testId: testId !== void 0 ? "".concat(testId, "-list") : void 0,
|
|
7713
|
-
shouldScrollToList: shouldScrollToList && !shouldUsePopper && !shouldHideOnScroll
|
|
7714
|
-
})
|
|
7715
|
-
}))
|
|
7768
|
+
children: listEl
|
|
7716
7769
|
})
|
|
7770
|
+
}) : /* @__PURE__ */ jsx(Fragment, {
|
|
7771
|
+
children: isOpen && listEl
|
|
7717
7772
|
})
|
|
7718
7773
|
]
|
|
7719
7774
|
});
|