@hyphen/hyphen-components 7.1.0 → 7.2.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/dist/components/SelectInputNative/SelectInputNative.d.ts +6 -4
- package/dist/hyphen-components.cjs.development.js +5 -3
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +5 -3
- package/dist/hyphen-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Formik/Formik.stories.tsx +1 -0
- package/src/components/SelectInputNative/SelectInputNative.stories.tsx +1 -0
- package/src/components/SelectInputNative/SelectInputNative.test.tsx +15 -1
- package/src/components/SelectInputNative/SelectInputNative.tsx +17 -4
|
@@ -2648,9 +2648,10 @@ var SelectInputNative = function SelectInputNative(_ref) {
|
|
|
2648
2648
|
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$o);
|
|
2649
2649
|
var placeholderOption = {
|
|
2650
2650
|
value: '',
|
|
2651
|
-
label: placeholder
|
|
2651
|
+
label: placeholder,
|
|
2652
|
+
disabled: true
|
|
2652
2653
|
};
|
|
2653
|
-
var optionsWithPlaceholder = [
|
|
2654
|
+
var optionsWithPlaceholder = [placeholderOption].concat(options);
|
|
2654
2655
|
var responsiveClasses = generateResponsiveClasses('size', size);
|
|
2655
2656
|
var selectWrapperClasses = classNames.apply(void 0, ['hyphen-components__variables__form-control', styles$g['select-input-native-wrapper']].concat(responsiveClasses.map(function (className) {
|
|
2656
2657
|
return styles$g[className];
|
|
@@ -2680,11 +2681,12 @@ var SelectInputNative = function SelectInputNative(_ref) {
|
|
|
2680
2681
|
id: id,
|
|
2681
2682
|
required: isRequired
|
|
2682
2683
|
}, optionsWithPlaceholder.map(function (option) {
|
|
2684
|
+
var _option$disabled;
|
|
2683
2685
|
return React__default.createElement(Box, {
|
|
2684
2686
|
as: "option",
|
|
2685
2687
|
key: option.value,
|
|
2686
2688
|
value: option.value,
|
|
2687
|
-
disabled: option.
|
|
2689
|
+
disabled: (_option$disabled = option.disabled) != null ? _option$disabled : false,
|
|
2688
2690
|
hidden: option.value === '',
|
|
2689
2691
|
color: option.value === '' ? 'disabled' : 'base'
|
|
2690
2692
|
}, option.label);
|