@bufferapp/components - npm Package Compare versions

Comparing version 3.1.0 to 3.1.1

CHANGELOG.md

 # Changelog
 
+## 3.1.1 (February 28, 2019)
+- Add `disable` prop to `InputAutocomplete` component.
+- Add `mini` fontSize prop to `Select` component.
+
 ## 3.1.0 (February 8, 2019)
@@ -4,0 +8,0 @@ - Ensure computed `font-size` for `fontSizeMini` lands on a whole pixel value (previously computed to `14.4px`).

InputAutocomplete/index.jsx

@@ -28,2 +28,3 @@ import React from 'react';
   onBlurHandler,
+  disabled,
 }) => {
@@ -48,7 +49,9 @@ const renderItem = ({ label }, isHighlighted) => {
     return (
-      <div style={style}><Text
-        key={uuid()}
-      >
-        {label}
-      </Text></div>
+      <div style={style}>
+        <Text
+          key={uuid()}
+        >
+          {label}
+        </Text>
+      </div>
     );
@@ -102,2 +105,3 @@ };
           onBlur: onBlurHandler,
+          disabled,
         }}
@@ -134,2 +138,3 @@ items={items}
   onBlurHandler: PropTypes.func.isRequired,
+  disabled: PropTypes.bool,
 };
@@ -141,4 +146,5 @@
   placeholder: '',
+  disabled: false,
 };
 
 export default InputAutocomplete;

InputAutocomplete/story.jsx

@@ -35,2 +35,16 @@ import React from 'react';
     />
+  ))
+  .add('disabled', () => (
+    <InputAutocomplete
+      input={{
+        onChange: action('on-change'),
+        value: '',
+      }}
+      disabled
+      items={[]}
+      onSelect={action('select-item')}
+      sortItems={sortItems}
+      onFocusHandler={action('onFocusHandler')}
+      onBlurHandler={action('onBlurHandler')}
+    />
   ));

package.json

 {
   "name": "@bufferapp/components",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "A shared set of UI Components",
@@ -5,0 +5,0 @@ "main": "index.js",

Select/index.jsx

@@ -12,2 +12,3 @@ import React from 'react';
   fontSizeSmall,
+  fontSizeMini,
 } from '../style/font';
@@ -143,2 +144,5 @@ import {
     },
+    mini: {
+      fontSize: fontSizeMini,
+    },
   }, {
@@ -151,2 +155,3 @@ noStyle,
     small: size === 'small',
+    mini: size === 'mini',
   });
@@ -202,3 +207,3 @@
   hovered: PropTypes.bool,
-  size: PropTypes.oneOf(['small']),
+  size: PropTypes.oneOf(['small', 'mini']),
 };
@@ -205,0 +210,0 @@

Select/story.jsx

@@ -26,3 +26,3 @@ import React from 'react';
       options={options}
-      value={'Tokyo'}
+      value="Tokyo"
       onChange={action('on-change')}
@@ -34,3 +34,3 @@ />
       options={options}
-      value={'Tokyo'}
+      value="Tokyo"
       onChange={action('on-change')}
@@ -100,5 +100,5 @@ noStyle
       options={options}
-      value={'Tokyo'}
+      value="Tokyo"
       onChange={action('on-change')}
-      color={'curiousBlue'}
+      color="curiousBlue"
     />
@@ -110,4 +110,11 @@ ))
       onChange={action('on-change')}
-      size={'small'}
+      size="small"
     />
+  ))
+  .add('mini', () => (
+    <Select
+      options={options}
+      onChange={action('on-change')}
+      size="mini"
+    />
   ));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1301366

increased by0.32%

Lines of code

7490

increased by0.43%

No dependency changes