@transferwise/components 0.0.0-experimental-1319ded → 0.0.0-experimental-fcfae09

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.js"],"names":[],"mappings":";AAoBA;IAoBE;;;;;;aAqBC;IApCD,wBAaC;IAjBD,wCAAsB;IAEtB,yCAAuB;IAIrB;;;;;;;;;;MAUC;IA0BH,6CAMC;IAFC,uCAAyE;IAI3E,6BAGC;IAED,iBAOE;IAEF,oBAME;IAEF,kBAME;IAEF,oCA6CE;IAEF,wEAmBE;IAEF,+DAOE;IAEF,gCAIE;IAEF,yBAA+C;IAE/C,2BAAmD;IAEnD,0BAAiD;IAEjD,sDAME;IAEF;;;eAEE;IAEF,+CA8BE;IAEF,wBAGE;IAEF,sCAqCC;CACF"}
+{"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.js"],"names":[],"mappings":";AAoBA;IAoBE;;;;;;aAqBC;IApCD,wBAaC;IAjBD,wCAAsB;IAEtB,yCAAuB;IAIrB;;;;;;;;;;MAUC;IA0BH,6CAMC;IAFC,uCAAyE;IAI3E,6BAGC;IAED,iBAOE;IAEF,oBAME;IAEF,kBAME;IAEF,oCA6CE;IAEF,wEAmBE;IAEF,+DAOE;IAEF,gCAIE;IAEF,yBAA+C;IAE/C,2BAAmD;IAEnD,0BAAiD;IAEjD,sDAME;IAEF;;;eAEE;IAEF,+CA8BE;IAEF,wBAGE;IAEF,sCAoCC;CACF"}

package/build/types/slidingPanel/SlidingPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlidingPanel.d.ts","sourceRoot":"","sources":["../../../src/slidingPanel/SlidingPanel.js"],"names":[],"mappings":"AAMA,iCAAkC;;AAElC,0GA2CE"}
+{"version":3,"file":"SlidingPanel.d.ts","sourceRoot":"","sources":["../../../src/slidingPanel/SlidingPanel.js"],"names":[],"mappings":"AAMA,iCAAkC;;AAElC,0GA4CE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-1319ded",
+  "version": "0.0.0-experimental-fcfae09",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/dateLookup/DateLookup.js

@@ -253,7 +253,6 @@ class DateLookup extends PureComponent {
     return (
       <div // eslint-disable-line jsx-a11y/no-static-element-interactions
         ref={this.element}
-        id={this.props.id}
         aria-labelledby={ariaLabelledBy}
         className="input-group"
         onKeyDown={this.handleKeyDown}
@@ -278,7 +277,6 @@ class DateLookup extends PureComponent {
 }
 
 DateLookup.propTypes = {
-  id: PropTypes.string,
   value: PropTypes.instanceOf(Date),
   min: PropTypes.instanceOf(Date),
   max: PropTypes.instanceOf(Date),
@@ -295,7 +293,6 @@ DateLookup.propTypes = {
 };
 
 DateLookup.defaultProps = {
-  id: null,
   value: null,
   min: null,
   max: null,

package/src/dateLookup/DateLookup.story.js

@@ -25,14 +25,12 @@ export const Basic = () => {
   const monthFormat = select('monthFormat', ['long', 'short']);
   const placeholder = text('placeholder', 'placeholder');
   const size = select('size', Object.values(Size), Size.MEDIUM);
-  const id = text('id', 'date-lookup');
 
   const clearable = boolean('clearable', false);
 
   return (
     <DateLookup
       disabled={disabled}
-      id={id}
       label={label}
       min={thePast}
       monthFormat={monthFormat}
@@ -83,7 +81,6 @@ export const RightAligned = () => {
       </div>
       <div className="col-xs-6">
         <DateLookup
-          id="right-aligned"
           disabled={disabled}
           label={label}
           min={new Date(minvalue)}

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

@@ -37,7 +37,6 @@ describe('DateLookup view', () => {
       placeholder: 'Asd..',
       label: 'Date..',
       onChange: jest.fn(),
-      id: '123456',
     };
     component = shallow(<DateLookup {...props} />);
   });
@@ -46,10 +45,6 @@ describe('DateLookup view', () => {
     expect(dateTrigger()).toHaveLength(1);
   });
 
-  it('passes id to the component', () => {
-    expect(component.prop('id')).toBe('123456');
-  });
-
   it('passes props forward to open button', () => {
     expect(+dateTrigger().prop('selectedDate')).toBe(+date);
     expect(dateTrigger().prop('size')).toBe('lg');

package/src/slidingPanel/SlidingPanel.js

@@ -25,6 +25,7 @@ const SlidingPanel = forwardRef(
     return (
       <CSSTransition
         {...rest}
+        key={`sliding-panel--open-${position}`}
         nodeRef={localReference}
         in={open}
         // Wait for animation to finish before unmount.