plataforma-fundacao-componentes 2.24.1 → 2.24.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/select/Select.d.ts +4 -1
- package/dist/index.js +30 -10
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +30 -10
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -1
|
@@ -7,12 +7,15 @@ export declare type SelectOptionsType<T extends SelectAcceptedTypes = SelectAcce
|
|
|
7
7
|
value: T | null;
|
|
8
8
|
key?: string;
|
|
9
9
|
};
|
|
10
|
+
declare type SelectPostEvent = {
|
|
11
|
+
setPanelOpened: (v: boolean) => void;
|
|
12
|
+
};
|
|
10
13
|
export interface SelectProps {
|
|
11
14
|
'tooltip-position'?: TooltipPosition;
|
|
12
15
|
'tooltip-text'?: string;
|
|
13
16
|
id?: string;
|
|
14
17
|
className?: string;
|
|
15
|
-
onChange: (
|
|
18
|
+
onChange: (value: any, evt: SelectPostEvent) => void;
|
|
16
19
|
value?: number | string | any[] | boolean | null;
|
|
17
20
|
label?: string;
|
|
18
21
|
placeholder?: string;
|
package/dist/index.js
CHANGED
|
@@ -9435,9 +9435,13 @@ function Select(props) {
|
|
|
9435
9435
|
React$1.useEffect(function () {
|
|
9436
9436
|
if (props.preSelectUniqueOption && props.options && props.options.length === 1) {
|
|
9437
9437
|
if (props.multiple && props.value && Array.isArray(props.value) && props.value.length !== 1) {
|
|
9438
|
-
props.onChange([props.options[0].value]
|
|
9438
|
+
props.onChange([props.options[0].value], {
|
|
9439
|
+
setPanelOpened: setPanelOpened
|
|
9440
|
+
});
|
|
9439
9441
|
} else if (!props.multiple && props.value !== props.options[0].value) {
|
|
9440
|
-
props.onChange(props.options[0].value
|
|
9442
|
+
props.onChange(props.options[0].value, {
|
|
9443
|
+
setPanelOpened: setPanelOpened
|
|
9444
|
+
});
|
|
9441
9445
|
}
|
|
9442
9446
|
}
|
|
9443
9447
|
}, [opcoes]);
|
|
@@ -9451,9 +9455,13 @@ function Select(props) {
|
|
|
9451
9455
|
icon: React$1__default.createElement(CloseIcon, null),
|
|
9452
9456
|
onClick: function onClick() {
|
|
9453
9457
|
if (props.multiple) {
|
|
9454
|
-
props.onChange([]
|
|
9458
|
+
props.onChange([], {
|
|
9459
|
+
setPanelOpened: setPanelOpened
|
|
9460
|
+
});
|
|
9455
9461
|
} else {
|
|
9456
|
-
props.onChange(null
|
|
9462
|
+
props.onChange(null, {
|
|
9463
|
+
setPanelOpened: setPanelOpened
|
|
9464
|
+
});
|
|
9457
9465
|
}
|
|
9458
9466
|
}
|
|
9459
9467
|
}) : undefined, React$1__default.createElement(IconButton$1, {
|
|
@@ -9535,11 +9543,15 @@ function Select(props) {
|
|
|
9535
9543
|
if (!checked) {
|
|
9536
9544
|
var val = Array.isArray(props.value) ? props.value.slice() : [];
|
|
9537
9545
|
val.push(option.value);
|
|
9538
|
-
props.onChange(val
|
|
9546
|
+
props.onChange(val, {
|
|
9547
|
+
setPanelOpened: setPanelOpened
|
|
9548
|
+
});
|
|
9539
9549
|
} else {
|
|
9540
9550
|
var _val = Array.isArray(props.value) ? props.value.slice() : [];
|
|
9541
9551
|
_val.splice(_val.indexOf(option.value), 1);
|
|
9542
|
-
props.onChange(_val
|
|
9552
|
+
props.onChange(_val, {
|
|
9553
|
+
setPanelOpened: setPanelOpened
|
|
9554
|
+
});
|
|
9543
9555
|
}
|
|
9544
9556
|
};
|
|
9545
9557
|
return React$1__default.createElement("div", {
|
|
@@ -9612,7 +9624,9 @@ function Select(props) {
|
|
|
9612
9624
|
var handleChange = function handleChange() {
|
|
9613
9625
|
if (!props.readOnly && props.value !== option.value) {
|
|
9614
9626
|
setPanelOpened(false);
|
|
9615
|
-
props.onChange(option.value
|
|
9627
|
+
props.onChange(option.value, {
|
|
9628
|
+
setPanelOpened: setPanelOpened
|
|
9629
|
+
});
|
|
9616
9630
|
}
|
|
9617
9631
|
};
|
|
9618
9632
|
return React$1__default.createElement("div", {
|
|
@@ -9683,7 +9697,9 @@ function Select(props) {
|
|
|
9683
9697
|
className: rootClassName$2n + "-select-fake",
|
|
9684
9698
|
value: props.value ? String(props.value) : '',
|
|
9685
9699
|
onChange: function onChange(evt) {
|
|
9686
|
-
return props.onChange(evt.target.value
|
|
9700
|
+
return props.onChange(evt.target.value, {
|
|
9701
|
+
setPanelOpened: setPanelOpened
|
|
9702
|
+
});
|
|
9687
9703
|
},
|
|
9688
9704
|
tabIndex: props.tabIndex,
|
|
9689
9705
|
onFocus: function onFocus() {
|
|
@@ -9789,7 +9805,9 @@ function Select(props) {
|
|
|
9789
9805
|
onClick: function onClick() {
|
|
9790
9806
|
return props.onChange(optionsFiltered.map(function (op) {
|
|
9791
9807
|
return op.value;
|
|
9792
|
-
})
|
|
9808
|
+
}), {
|
|
9809
|
+
setPanelOpened: setPanelOpened
|
|
9810
|
+
});
|
|
9793
9811
|
},
|
|
9794
9812
|
tabIndex: 1
|
|
9795
9813
|
}, languageValues.components.select.selectAll), React$1__default.createElement(Button$1, {
|
|
@@ -9798,7 +9816,9 @@ function Select(props) {
|
|
|
9798
9816
|
disabled: props.readOnly,
|
|
9799
9817
|
className: rootClassName$2n + "-footer-button",
|
|
9800
9818
|
onClick: function onClick() {
|
|
9801
|
-
return props.onChange([]
|
|
9819
|
+
return props.onChange([], {
|
|
9820
|
+
setPanelOpened: setPanelOpened
|
|
9821
|
+
});
|
|
9802
9822
|
}
|
|
9803
9823
|
}, languageValues.components.select.clearAll))))));
|
|
9804
9824
|
}
|