@transferwise/components 46.0.8 → 46.1.0

package/build/types/dateLookup/DateLookup.d.ts

@@ -5,7 +5,7 @@ export type DateLookupSize = "sm" | "md" | "lg";
 export type DateLookupMonthFormat = "long" | "short";
 
 export interface DateLookupProps {
-    value: Date;
+    value?: Date;
     min?: Date;
     max?: Date;
     size?: DateLookupSize;

package/build/types/typeahead/typeaheadOption/TypeaheadOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadOption.d.ts","sourceRoot":"","sources":["../../../../src/typeahead/typeaheadOption/TypeaheadOption.js"],"names":[],"mappings":";AAMA,iEAmBC;;;;;;;;;;;;;QAgBU,kCAAQ"}
+{"version":3,"file":"TypeaheadOption.d.ts","sourceRoot":"","sources":["../../../../src/typeahead/typeaheadOption/TypeaheadOption.js"],"names":[],"mappings":";AAMA,iEAqBC;;;;;;;;;;;;;QAgBU,kCAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.0.8",
+  "version": "46.1.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -78,12 +78,12 @@
     "rollup": "^3.28.1",
     "storybook": "^7.4.5",
     "@transferwise/less-config": "3.0.6",
-    "@transferwise/neptune-css": "14.7.1",
+    "@transferwise/neptune-css": "14.8.0",
     "@wise/components-theming": "0.8.4"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.7.0",
-    "@transferwise/neptune-css": "^14.7.0",
+    "@transferwise/neptune-css": "^14.8.0",
     "@wise/art": "^2.7.0",
     "@wise/components-theming": "^0.8.4",
     "currency-flags": "^4.0.2",

package/src/dateLookup/DateLookup.js

@@ -268,7 +268,7 @@ class DateLookup extends PureComponent {
 }
 
 DateLookup.propTypes = {
-  value: PropTypes.instanceOf(Date).isRequired,
+  value: PropTypes.instanceOf(Date),
   min: PropTypes.instanceOf(Date),
   max: PropTypes.instanceOf(Date),
   size: PropTypes.oneOf(['sm', 'md', 'lg']),
@@ -283,6 +283,7 @@ DateLookup.propTypes = {
 };
 
 DateLookup.defaultProps = {
+  value: null,
   min: null,
   max: null,
   size: Size.MEDIUM,

package/src/dateLookup/DateLookup.proptypes.spec.js

@@ -0,0 +1,28 @@
+import { render, mockMatchMedia } from '../test-utils';
+
+import DateLookup from '.';
+
+mockMatchMedia();
+
+// This test suite could become redundant
+// once we refactor the DateLookup component to TypeScript
+
+describe('DateLookup propTypes', () => {
+  describe('when the value prop is set to null', () => {
+    it('renders without prop type warnings in the console', () => {
+      const consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+
+      render(<DateLookup value={null} onChange={jest.fn()} />);
+
+      // eslint-disable-next-line no-console
+      expect(console.error).not.toHaveBeenCalledWith(
+        expect.stringContaining('Warning: Failed %s type'),
+        'prop',
+        'The prop `value` is marked as required in `DateLookup`, but its value is `null`.',
+        expect.anything(),
+      );
+
+      consoleSpy.mockRestore();
+    });
+  });
+});

package/src/typeahead/typeaheadOption/TypeaheadOption.js

@@ -19,7 +19,9 @@ const Option = (props) => {
       <a className="dropdown-item" href="#" tabIndex={-1} onClick={onClick}>
         <span>{hightlight(label, query)}</span>
         {note && <span className="np-text-body-default m-l-1">{note}</span>}
-        {secondary && <span className="np-text-body-default text-ellipsis">{secondary}</span>}
+        {secondary && (
+          <span className="np-text-body-default text-ellipsis">{hightlight(secondary, query)}</span>
+        )}
       </a>
     </li>
   );