terra-form-select - npm Package Compare versions

Comparing version 6.40.0 to 6.41.0

CHANGELOG.md

@@ -5,2 +5,7 @@ # Changelog
 
+## 6.41.0 - (May 9, 2023)
+
+* Added
+  * Added `isFilterStyle` prop to native-select-field.
+
 ## 6.40.0 - (April 27, 2023)
@@ -7,0 +12,0 @@

lib/native-select/NativeSelectField.js

@@ -12,3 +12,3 @@ "use strict";
 var _NativePropTypes = require("./_NativePropTypes");
-var _excluded = ["defaultValue", "disabled", "error", "help", "hideRequired", "isIncomplete", "isInline", "isLabelHidden", "isInvalid", "label", "labelAttrs", "maxWidth", "onChange", "options", "required", "selectAttrs", "selectId", "showOptional", "value"];
+var _excluded = ["defaultValue", "disabled", "error", "help", "hideRequired", "isIncomplete", "isInline", "isLabelHidden", "isInvalid", "isFilterStyle", "label", "labelAttrs", "maxWidth", "onChange", "options", "required", "selectAttrs", "selectId", "showOptional", "value"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -56,2 +56,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
   /**
+   * Whether the select input should use the filter style display, forcing a value to always be selected.
+   * This also removes the placeholder and removes the ability for user to clear the value, returning the select to browser-native behavior.
+   */
+  isFilterStyle: _propTypes.default.bool,
+  /**
    * The field label.
@@ -106,2 +111,3 @@ */
   isInvalid: false,
+  isFilterStyle: false,
   isLabelHidden: false,
@@ -121,2 +127,3 @@ required: false,
     isInvalid = _ref.isInvalid,
+    isFilterStyle = _ref.isFilterStyle,
     label = _ref.label,
@@ -170,3 +177,4 @@ labelAttrs = _ref.labelAttrs,
     options: options,
-    value: value
+    value: value,
+    isFilterStyle: isFilterStyle
   }));
@@ -173,0 +181,0 @@ };

package.json

 {
   "name": "terra-form-select",
   "main": "lib/Select.js",
-  "version": "6.40.0",
+  "version": "6.41.0",
   "description": "Provides a drop down of selectable options.",
@@ -56,3 +56,3 @@ "repository": {
   },
-  "gitHead": "78e099e7db5bee2cff914c34c00278faffd86d44"
+  "gitHead": "530ec2566113aae6bfe1ce27b6160a910d180bb7"
 }

src/native-select/NativeSelect.jsx

@@ -122,5 +122,3 @@ import React, {
   return (
-    <option
-      value={defaultPlaceholderValue}
-    >
+    <option value={defaultPlaceholderValue}>
       {intl.formatMessage({ id: 'Terra.form.select.defaultDisplay' })}
@@ -127,0 +125,0 @@ </option>

src/native-select/NativeSelectField.jsx

@@ -48,2 +48,7 @@ import React from 'react';
   /**
+   * Whether the select input should use the filter style display, forcing a value to always be selected.
+   * This also removes the placeholder and removes the ability for user to clear the value, returning the select to browser-native behavior.
+   */
+  isFilterStyle: PropTypes.bool,
+  /**
    * The field label.
@@ -99,2 +104,3 @@ */
   isInvalid: false,
+  isFilterStyle: false,
   isLabelHidden: false,
@@ -115,2 +121,3 @@ required: false,
   isInvalid,
+  isFilterStyle,
   label,
@@ -172,2 +179,3 @@ labelAttrs,
         value={value}
+        isFilterStyle={isFilterStyle}
       />
@@ -174,0 +182,0 @@ </Field>

tests/wdio/native-select-field-spec.js

@@ -19,2 +19,8 @@ Terra.describeViewports('Native Select Field', ['tiny'], () => {
   });
+
+  it('should display Field without placeholder', () => {
+    browser.url('/raw/tests/cerner-terra-core-docs/form-select/native-select/default-field-without-placeholder');
+
+    Terra.validates.element('default-without-placeholder');
+  });
 });

No alert changes

Improved metrics

Total package byte prevSize

1228433

0.09%

Lines of code

26429

0.07%

No dependency changes