@transferwise/components 37.11.1 → 38.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "37.11.1",
+  "version": "38.2.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "main": "./build/umd/polyfill/main.js",
@@ -67,7 +67,7 @@
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@transferwise/icons": "^2.12.0",
     "@transferwise/less-config": "^3.0.2",
-    "@transferwise/neptune-css": "^10.1.0",
+    "@transferwise/neptune-css": "^11.0.0",
     "@transferwise/neptune-tokens": "^1.0.0",
     "@transferwise/test-config": "^4.0.1",
     "@types/jest": "^26.0.20",
@@ -122,5 +122,5 @@
   "resolutions": {
     "@storybook/**/kind-of": "^6.0.3"
   },
-  "gitHead": "d5d9c905485c8f51963d5aa28cb3f238f61c39b2"
+  "gitHead": "df91925af36616402cbf1b62f78401297820b463"
 }

package/build/es/no-polyfill/common/Option/OptionDocumentation.js

@@ -1 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{FastFlag as FastFlagIcon}from"@transferwise/icons";import PropTypes from"prop-types";import{Component}from"react";import{Checkbox}from"../..";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var OptionDocumentation=/*#__PURE__*/function(a){function b(){var a;return _classCallCheck(this,b),a=c.call(this),a.state={complex:!1,disabled:!1,hasMedia:!0},a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"createStateLink",value:function createStateLink(a){var b=this;return function(c){return b.setState(_defineProperty({},a,c))}}},{key:"render",value:function render(){var a,b=this.props,c=b.type,d=b.Option,e=b.name,f=b.callbackName,g=b.callback,h=b.callbackString,i=b.propName,j=b.propValue,k=b.title,l=b.content,m=b.extra,n=this.state,o=n.complex,p=n.disabled,q=n.hasMedia;return/*#__PURE__*/_jsx("div",{className:"container",id:"".concat(c,"-option-docs"),children:/*#__PURE__*/_jsxs("div",{className:"section",children:[/*#__PURE__*/_jsxs("div",{className:"row",children:[/*#__PURE__*/_jsxs("div",{className:"col-md-6",children:[/*#__PURE__*/_jsx("h2",{children:k}),/*#__PURE__*/_jsx("p",{children:l})]}),/*#__PURE__*/_jsx("div",{className:"col-md-6",children:/*#__PURE__*/_jsx(d,_objectSpread({id:"".concat(c,"-option"),name:"".concat(c,"-option"),title:k,content:getContentForComplexState(o),complex:o,disabled:p,media:q?/*#__PURE__*/_jsx(FastFlagIcon,{}):void 0},(a={},_defineProperty(a,i,j),_defineProperty(a,f,g),a)))})]}),/*#__PURE__*/_jsxs("div",{className:"row m-t-5",children:[/*#__PURE__*/_jsxs("div",{className:"col-md-6",children:[/*#__PURE__*/_jsx(function Code(){return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx("pre",{className:"tw-docs-code",children:"<".concat(e,"\n  id=\"").concat(c,"-option\"\n  name=\"").concat(c,"-option\"\n  title=\"").concat(k,"\"\n  content=\"").concat(getContentForComplexState(o),"\"").concat(boolProperty(i,j)).concat(boolProperty("complex",o)).concat(boolProperty("disabled",p),"\n  ").concat(f,"={").concat(h,"}").concat(q?"\n  media={<FastFlagIcon />}":"","\n/>")})})},{}),m]}),/*#__PURE__*/_jsxs("div",{className:"col-md-6",children:[/*#__PURE__*/_jsxs("div",{className:"row",children:[/*#__PURE__*/_jsx("div",{className:"col-md-6",children:/*#__PURE__*/_jsx(Checkbox,{id:"".concat(c,"-option-complex"),label:"Complex",checked:o,onChange:this.createStateLink("complex")})}),/*#__PURE__*/_jsx("div",{className:"col-md-6 m-b-0",children:/*#__PURE__*/_jsx(Checkbox,{id:"".concat(c,"-option-disabled"),label:"Disabled",checked:p,onChange:this.createStateLink("disabled")})})]}),/*#__PURE__*/_jsx("div",{className:"row m-t-2",children:/*#__PURE__*/_jsx("div",{className:"col-md-6",children:/*#__PURE__*/_jsx(Checkbox,{id:"".concat(c,"-option-media"),label:"Has media",checked:q,onChange:this.createStateLink("hasMedia")})})})]})]})]})})}}]),b}(Component);function getContentForComplexState(a){return a?"Complex items should be used for items with long descriptions. Their button and media will be aligned to the top.":"Normally, the button and icon are vertically centered."}function boolProperty(a,b){return b?"\n  ".concat(a):""}OptionDocumentation.propTypes={type:PropTypes.string.isRequired,Option:PropTypes.func.isRequired,name:PropTypes.string.isRequired,callbackName:PropTypes.string.isRequired,callback:PropTypes.func.isRequired,callbackString:PropTypes.string.isRequired,propName:PropTypes.string,propValue:PropTypes.bool,title:PropTypes.string.isRequired,content:PropTypes.string.isRequired,extra:PropTypes.string},OptionDocumentation.defaultProps={propName:null,propValue:!1,extra:""};export default OptionDocumentation;

package/build/es/no-polyfill/dateLookup/header/Header.js

@@ -1 +0,0 @@
-import PropTypes from"prop-types";import Chevron from"../../chevron";import{Position,Size}from"../../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var buttonClasses="btn-link p-a-0 text-no-decoration font-weight-bold",Header=function(a){var b=a.label,c=a.onLabelClick,d=a.onPreviousClick,e=a.onNextClick;return/*#__PURE__*/_jsxs("div",{className:"text-xs-center p-t-1 p-b-2 clearfix",children:[/*#__PURE__*/_jsx("div",{className:"pull-xs-left",children:/*#__PURE__*/_jsx("button",{type:"button",className:buttonClasses,onClick:d,children:/*#__PURE__*/_jsx(Chevron,{orientation:Position.LEFT,size:Size.MEDIUM})})}),b&&/*#__PURE__*/_jsx("button",{type:"button",className:"tw-date-lookup-header-current ".concat(buttonClasses),onClick:c,children:b}),/*#__PURE__*/_jsx("div",{className:"pull-xs-right",children:/*#__PURE__*/_jsx("button",{type:"button",className:buttonClasses,onClick:e,children:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,size:Size.MEDIUM})})})]})};Header.propTypes={label:PropTypes.string,onLabelClick:PropTypes.func,onPreviousClick:PropTypes.func.isRequired,onNextClick:PropTypes.func.isRequired},Header.defaultProps={label:null,onLabelClick:function onLabelClick(){}};export default Header;

package/build/es/no-polyfill/dateLookup/header/index.js

@@ -1 +0,0 @@
-export{default}from"./Header";

package/build/es/polyfill/common/Option/OptionDocumentation.js

@@ -1 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.function.name.js";import"core-js/modules/es.array.concat.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{FastFlag as FastFlagIcon}from"@transferwise/icons";import PropTypes from"prop-types";import{Component}from"react";import{Checkbox}from"../..";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var OptionDocumentation=/*#__PURE__*/function(a){function b(){var a;return _classCallCheck(this,b),a=c.call(this),a.state={complex:!1,disabled:!1,hasMedia:!0},a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"createStateLink",value:function createStateLink(a){var b=this;return function(c){return b.setState(_defineProperty({},a,c))}}},{key:"render",value:function render(){var a,b=this.props,c=b.type,d=b.Option,e=b.name,f=b.callbackName,g=b.callback,h=b.callbackString,i=b.propName,j=b.propValue,k=b.title,l=b.content,m=b.extra,n=this.state,o=n.complex,p=n.disabled,q=n.hasMedia;return/*#__PURE__*/_jsx("div",{className:"container",id:"".concat(c,"-option-docs"),children:/*#__PURE__*/_jsxs("div",{className:"section",children:[/*#__PURE__*/_jsxs("div",{className:"row",children:[/*#__PURE__*/_jsxs("div",{className:"col-md-6",children:[/*#__PURE__*/_jsx("h2",{children:k}),/*#__PURE__*/_jsx("p",{children:l})]}),/*#__PURE__*/_jsx("div",{className:"col-md-6",children:/*#__PURE__*/_jsx(d,_objectSpread({id:"".concat(c,"-option"),name:"".concat(c,"-option"),title:k,content:getContentForComplexState(o),complex:o,disabled:p,media:q?/*#__PURE__*/_jsx(FastFlagIcon,{}):void 0},(a={},_defineProperty(a,i,j),_defineProperty(a,f,g),a)))})]}),/*#__PURE__*/_jsxs("div",{className:"row m-t-5",children:[/*#__PURE__*/_jsxs("div",{className:"col-md-6",children:[/*#__PURE__*/_jsx(function Code(){return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx("pre",{className:"tw-docs-code",children:"<".concat(e,"\n  id=\"").concat(c,"-option\"\n  name=\"").concat(c,"-option\"\n  title=\"").concat(k,"\"\n  content=\"").concat(getContentForComplexState(o),"\"").concat(boolProperty(i,j)).concat(boolProperty("complex",o)).concat(boolProperty("disabled",p),"\n  ").concat(f,"={").concat(h,"}").concat(q?"\n  media={<FastFlagIcon />}":"","\n/>")})})},{}),m]}),/*#__PURE__*/_jsxs("div",{className:"col-md-6",children:[/*#__PURE__*/_jsxs("div",{className:"row",children:[/*#__PURE__*/_jsx("div",{className:"col-md-6",children:/*#__PURE__*/_jsx(Checkbox,{id:"".concat(c,"-option-complex"),label:"Complex",checked:o,onChange:this.createStateLink("complex")})}),/*#__PURE__*/_jsx("div",{className:"col-md-6 m-b-0",children:/*#__PURE__*/_jsx(Checkbox,{id:"".concat(c,"-option-disabled"),label:"Disabled",checked:p,onChange:this.createStateLink("disabled")})})]}),/*#__PURE__*/_jsx("div",{className:"row m-t-2",children:/*#__PURE__*/_jsx("div",{className:"col-md-6",children:/*#__PURE__*/_jsx(Checkbox,{id:"".concat(c,"-option-media"),label:"Has media",checked:q,onChange:this.createStateLink("hasMedia")})})})]})]})]})})}}]),b}(Component);function getContentForComplexState(a){return a?"Complex items should be used for items with long descriptions. Their button and media will be aligned to the top.":"Normally, the button and icon are vertically centered."}function boolProperty(a,b){return b?"\n  ".concat(a):""}OptionDocumentation.propTypes={type:PropTypes.string.isRequired,Option:PropTypes.func.isRequired,name:PropTypes.string.isRequired,callbackName:PropTypes.string.isRequired,callback:PropTypes.func.isRequired,callbackString:PropTypes.string.isRequired,propName:PropTypes.string,propValue:PropTypes.bool,title:PropTypes.string.isRequired,content:PropTypes.string.isRequired,extra:PropTypes.string},OptionDocumentation.defaultProps={propName:null,propValue:!1,extra:""};export default OptionDocumentation;

package/build/es/polyfill/dateLookup/header/Header.js

@@ -1 +0,0 @@
-import PropTypes from"prop-types";import Chevron from"../../chevron";import{Position,Size}from"../../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var buttonClasses="btn-link p-a-0 text-no-decoration font-weight-bold",Header=function(a){var b=a.label,c=a.onLabelClick,d=a.onPreviousClick,e=a.onNextClick;return/*#__PURE__*/_jsxs("div",{className:"text-xs-center p-t-1 p-b-2 clearfix",children:[/*#__PURE__*/_jsx("div",{className:"pull-xs-left",children:/*#__PURE__*/_jsx("button",{type:"button",className:buttonClasses,onClick:d,children:/*#__PURE__*/_jsx(Chevron,{orientation:Position.LEFT,size:Size.MEDIUM})})}),b&&/*#__PURE__*/_jsx("button",{type:"button",className:"tw-date-lookup-header-current ".concat(buttonClasses),onClick:c,children:b}),/*#__PURE__*/_jsx("div",{className:"pull-xs-right",children:/*#__PURE__*/_jsx("button",{type:"button",className:buttonClasses,onClick:e,children:/*#__PURE__*/_jsx(Chevron,{orientation:Position.RIGHT,size:Size.MEDIUM})})})]})};Header.propTypes={label:PropTypes.string,onLabelClick:PropTypes.func,onPreviousClick:PropTypes.func.isRequired,onNextClick:PropTypes.func.isRequired},Header.defaultProps={label:null,onLabelClick:function onLabelClick(){}};export default Header;

package/build/es/polyfill/dateLookup/header/index.js

@@ -1 +0,0 @@
-export{default}from"./Header";

package/build/types/dateLookup/header/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./Header";