@transferwise/components 40.9.1-beta-ad72bda3df.0 → 40.9.1-beta-85fea4b90e.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "40.9.1-beta-ad72bda3df.0+ad72bda3df",
+  "version": "40.9.1-beta-85fea4b90e.2+85fea4b90e",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "main": "./build/umd/polyfill/main.js",
@@ -64,7 +64,7 @@
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@transferwise/icons": "^2.12.0",
     "@transferwise/less-config": "^3.0.4",
-    "@transferwise/neptune-css": "^12.5.2-beta-ad72bda3df.16+ad72bda3df",
+    "@transferwise/neptune-css": "^12.5.2-beta-85fea4b90e.18+85fea4b90e",
     "@transferwise/neptune-tokens": "7.0.0",
     "@transferwise/test-config": "^5.0.0",
     "@types/jest": "^26.0.20",
@@ -116,5 +116,5 @@
   "watch": {
     "build:crowdin-source-file": "src/**/*.messages.js"
   },
-  "gitHead": "ad72bda3df29cd1c96ef405a8f32566056bf613f"
+  "gitHead": "85fea4b90e959205a7067923fbd1addd92a240fd"
 }

package/scripts/generate-type-declarations.js

@@ -17,6 +17,7 @@ const jsFiles = [
   { filename: 'Checkbox', folder: 'checkbox' },
   { filename: 'CheckboxButton', folder: 'checkboxButton' },
   { filename: 'Radio', folder: 'radio' },
+  { filename: 'Select', folder: 'select' },
   { filename: 'MoneyInput', folder: 'moneyInput' },
   { filename: 'Stepper', folder: 'stepper' },
   { filename: 'FlowNavigation', folder: 'flowNavigation' },

package/build/es/no-polyfill/select/Select.story.js

@@ -1 +0,0 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{text,boolean,select}from"@storybook/addon-knobs";import{Profile as ProfileIcon,Globe as GlobeIcon}from"@transferwise/icons";import{useState}from"react";import Select from"./Select";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Select,title:"Select"};export var Basic=function(){var a={value:0,label:"A thing",note:"with a note"},b=useState(a),c=_slicedToArray(b,2),d=c[0],e=c[1],f=select("size",["sm","md","lg"],"md"),g=select("dropdownRight",["xs","sm","md","lg","xl"],"md"),h=select("dropdownWidth",["sm","md","lg"],"md"),i=text("placeholder","Placeholder text"),j=boolean("inverse",!1),k=boolean("block",!1),l=boolean("required",!1),m=boolean("dropdownUp",!1),n=boolean("disabled",!1),o=boolean("search",!1);return/*#__PURE__*/_jsx(Select,{id:"basic-button",buttonProps:{"aria-label":"Basic Button"},size:f,placeholder:i,dropdownRight:g,dropdownWidth:h,inverse:j,block:k,selected:d,disabled:n,search:o,required:l,searchPlaceholder:"Search placeholder",dropdownUp:m,options:[{header:"Basic"},{value:-1,label:"A thing"},{separator:!0},a,{value:1,label:"Another thing",secondary:"with secondary text this time"},{value:-2,label:"One more thing",note:"with a note",secondary:"and with secondary text"},{value:2,label:"A disabled thing",disabled:!0},{header:"Icons"},{value:3,label:"Profile",icon:/*#__PURE__*/_jsx(ProfileIcon,{})},{value:4,label:"Globe",icon:/*#__PURE__*/_jsx(GlobeIcon,{})},{header:"Currencies"},{value:5,label:"British pound",currency:"gbp"},{value:6,label:"Euro",currency:"eur"},{value:7,label:"Something else"},{header:"Options with searchable alternatives"},{value:8,label:"A thing with searchable alternatives",searchStrings:["abbreviation","acronym","nickname"]}],onChange:function onChange(a){return e(a)}})};export var CustomSearchFunction=function(){var a={value:1,label:"EUR",currency:"EUR",countries:"Seychelles Romania Saudi Arabia Macedonia, Former Yugoslav Republic of Serbia Kazakhstan Saint Lucia Malta Kosovo, Republic of Israel Slovakia Andorra United Kingdom Faroe Islands Ukraine Bulgaria Czech Republic Sao Tome and Principe Qatar Belgium Gibraltar Lebanon Netherlands Lithuania Slovenia France Norway Austria Hungary Spain United Arab Emirates Portugal Kuwait San Marino British Virgin Islands Georgia Timor-Leste Croatia Mauritania Finland Iceland Moldova Montenegro Turkey Switzerland Italy Sweden Costa Rica Estonia Guatemala Ireland Monaco Bosnia and Herzegovina Cyprus Greece Mauritius Bahrain Germany Poland Greenland Albania Tunisia Dominican Republic Luxembourg Azerbaijan Latvia Liechtenstein Denmark"},b=useState(a),c=_slicedToArray(b,2),d=c[0],e=c[1],f=select("size",["sm","md","lg"],"md"),g=select("dropdownRight",["xs","sm","md","lg","xl"],"md"),h=select("dropdownWidth",["sm","md","lg"],"md"),i=text("placeholder","placeholder"),j=boolean("inverse",!1),k=boolean("block",!0),l=boolean("required",!1),m=boolean("dropdownUp",!1),n=boolean("disabled",!1),o=boolean("search",!0);return/*#__PURE__*/_jsx(Select,{id:"custom-search-button",size:f,placeholder:i,dropdownRight:g,dropdownWidth:h,inverse:j,block:k,selected:d,disabled:n,search:!!o&&function(a,b){return!!a.countries&&a.countries.toLowerCase().includes(b.toLowerCase())},required:l,searchPlaceholder:"Search placeholder",dropdownUp:m,options:[{header:"Popular currencies"},a,{value:2,label:"GBP",currency:"GBP",countries:"Isle of Man United Kingdom"},{value:3,label:"INR",currency:"INR",countries:"India"},{value:4,label:"USD",currency:"USD",countries:"Saudi Arabia Cape Verde Serbia Haiti Suriname Israel Slovakia Guadeloupe Namibia Uzbekistan Singapore Macao Maldives Ukraine Ethiopia Marshall Islands Netherlands Lithuania Uruguay Ecuador Falkland Islands Guernsey Hungary Argentina Kuwait Japan Cayman Islands South Africa Palau Moldova Montenegro Turkey Nauru Ireland Bermuda Jersey Algeria United States Samoa Uganda Vatican City Honduras Cocos (Keeling) Islands C\xF4te d'Ivoire Macedonia, Former Yugoslav Republic of Kazakhstan Malta Solomon Islands Gabon Andorra Canada Faroe Islands Sao Tome and Principe Barbados Gibraltar French Polynesia Vietnam Bahamas Taiwan United Arab Emirates Mozambique Armenia Kiribati Panama Saint Kitts and Nevis Estonia Micronesia, Federated States of Mongolia China Niger Isle of Man Malaysia Guyana Senegal Germany Kyrgyzstan Greenland Albania Dominican Republic Hong Kong Luxembourg Morocco Norfolk Island Turks and Caicos Islands Rwanda Grenada Venezuela Gambia Seychelles Oman Antigua and Barbuda Papua New Guinea Colombia Sri Lanka Wallis and Futuna Anguilla Tanzania Kenya Bhutan Laos Fiji Australia Qatar Belgium R\xE9union Nicaragua El Salvador Slovenia New Caledonia Niue South Korea Guinea-Bissau Austria Cook Islands Spain Portugal Tonga Trinidad and Tobago Philippines Croatia Mauritania Finland Angola Saint Helena Switzerland Sierra Leone Costa Rica Mexico French Guiana Guatemala Cambodia Botswana Peru Cyprus Brunei Darussalam Bahrain Jamaica Paraguay Poland Tunisia Myanmar Burkina Faso Denmark Lesotho Zambia New Zealand Liberia Romania Dominica Saint Lucia Saint Pierre and Miquelon Mali United Kingdom Malawi Egypt Bulgaria Czech Republic Nepal Lebanon Guinea France Norway Puerto Rico Tuvalu Tajikistan Martinique San Marino Georgia Timor-Leste British Virgin Islands Montserrat Vanuatu Iceland Italy Saint Vincent and the Grenadines Thailand Sweden Indonesia American Samoa Bosnia and Herzegovina Monaco Benin Ghana Greece Mauritius Bangladesh Christmas Island Azerbaijan Chile Mayotte Liechtenstein Latvia Aruba \xC5land Islands Bolivia"},{header:"All currencies"},{currency:"aed",value:"AED",label:"AED",countries:"United Arab Emirates"},{currency:"aud",value:"AUD",label:"AUD",note:"Australian dollar",countries:"Australia",classNames:{},secondary:"",icon:null,selected:!1},{currency:"bgn",value:"BGN",label:"BGN",note:"Bulgarian lev",countries:"Bulgaria",classNames:{},secondary:"",icon:null,selected:!1},{currency:"brl",value:"BRL",label:"BRL",note:"Brazilian real",countries:"Brazil",classNames:{},secondary:"",icon:null,selected:!1}],onChange:function onChange(a){return e(a)}})};export var AdvancedSearch=function(){var a=useState(""),b=_slicedToArray(a,2),c=b[0],d=b[1],e=useState({value:0,label:"A thing",note:"with a note"}),f=_slicedToArray(e,2),g=f[0],h=f[1],i=select("size",["sm","md","lg"],"md"),j=select("dropdownRight",["xs","sm","md","lg","xl"],"md"),k=select("dropdownWidth",["sm","md","lg"],"md"),l=text("placeholder","placeholder"),m=boolean("inverse",!1),n=boolean("block",!0),o=boolean("required",!1),p=boolean("dropdownUp",!1),q=boolean("disabled",!1);return/*#__PURE__*/_jsx(Select,{id:"advanced-search-button",size:i,placeholder:l,dropdownRight:j,dropdownWidth:k,inverse:m,block:n,search:!0,selected:g,disabled:q,required:o,searchValue:c,searchPlaceholder:"searchplaceholder",dropdownUp:p,options:[{header:"Basic"},{value:0,label:"A thing",note:"with a note"},{value:1,label:"Another thing",secondary:"with secondary text this time"},{value:2,label:"A disabled thing",disabled:!0},{header:"Icons"},{value:3,label:"Profile",icon:/*#__PURE__*/_jsx(ProfileIcon,{})},{value:4,label:"Globe",icon:/*#__PURE__*/_jsx(GlobeIcon,{})},{header:"Currencies"},{value:5,label:"British pound",currency:"gbp"},{value:6,label:"Euro",currency:"eur"},{separator:!0},{value:7,label:"Something else"}].filter(function(a){return a.label&&a.label.toLowerCase().includes(c)}),onChange:function onChange(a){return h(a)},onSearchChange:function onSearchChange(a){return d(a)}})};export var SearchingLargeLists=function(){var a=useState({value:"option1",label:"Option 1",secondary:"Here we have a description describing option 1"}),b=_slicedToArray(a,2),c=b[0],d=b[1],e=select("size",["sm","md","lg"],"md"),f=select("dropdownRight",["xs","sm","md","lg","xl"],"md"),g=select("dropdownWidth",["sm","md","lg"],"md"),h=text("placeholder","Placeholder text"),i=boolean("inverse",!1),j=boolean("block",!0),k=boolean("required",!1),l=boolean("dropdownUp",!1),m=boolean("disabled",!1);return/*#__PURE__*/_jsx(Select,{id:"large-list-button",size:e,placeholder:h,dropdownRight:f,dropdownWidth:g,inverse:i,block:j,selected:c,disabled:m,search:!0,required:k,searchPlaceholder:"Search placeholder",dropdownUp:l,options:Array(1500).fill(void 0).map(function(a,b){return{value:"option".concat(b+1),label:"Option ".concat(b+1),secondary:"Here we have a description describing option ".concat(b+1)}}),onChange:function onChange(a){return d(a)}})};

package/build/es/polyfill/select/Select.story.js

@@ -1 +0,0 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.array.fill.js";import{text,boolean,select}from"@storybook/addon-knobs";import{Profile as ProfileIcon,Globe as GlobeIcon}from"@transferwise/icons";import{useState}from"react";import Select from"./Select";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Select,title:"Select"};export var Basic=function(){var a={value:0,label:"A thing",note:"with a note"},b=useState(a),c=_slicedToArray(b,2),d=c[0],e=c[1],f=select("size",["sm","md","lg"],"md"),g=select("dropdownRight",["xs","sm","md","lg","xl"],"md"),h=select("dropdownWidth",["sm","md","lg"],"md"),i=text("placeholder","Placeholder text"),j=boolean("inverse",!1),k=boolean("block",!1),l=boolean("required",!1),m=boolean("dropdownUp",!1),n=boolean("disabled",!1),o=boolean("search",!1);return/*#__PURE__*/_jsx(Select,{id:"basic-button",buttonProps:{"aria-label":"Basic Button"},size:f,placeholder:i,dropdownRight:g,dropdownWidth:h,inverse:j,block:k,selected:d,disabled:n,search:o,required:l,searchPlaceholder:"Search placeholder",dropdownUp:m,options:[{header:"Basic"},{value:-1,label:"A thing"},{separator:!0},a,{value:1,label:"Another thing",secondary:"with secondary text this time"},{value:-2,label:"One more thing",note:"with a note",secondary:"and with secondary text"},{value:2,label:"A disabled thing",disabled:!0},{header:"Icons"},{value:3,label:"Profile",icon:/*#__PURE__*/_jsx(ProfileIcon,{})},{value:4,label:"Globe",icon:/*#__PURE__*/_jsx(GlobeIcon,{})},{header:"Currencies"},{value:5,label:"British pound",currency:"gbp"},{value:6,label:"Euro",currency:"eur"},{value:7,label:"Something else"},{header:"Options with searchable alternatives"},{value:8,label:"A thing with searchable alternatives",searchStrings:["abbreviation","acronym","nickname"]}],onChange:function onChange(a){return e(a)}})};export var CustomSearchFunction=function(){var a={value:1,label:"EUR",currency:"EUR",countries:"Seychelles Romania Saudi Arabia Macedonia, Former Yugoslav Republic of Serbia Kazakhstan Saint Lucia Malta Kosovo, Republic of Israel Slovakia Andorra United Kingdom Faroe Islands Ukraine Bulgaria Czech Republic Sao Tome and Principe Qatar Belgium Gibraltar Lebanon Netherlands Lithuania Slovenia France Norway Austria Hungary Spain United Arab Emirates Portugal Kuwait San Marino British Virgin Islands Georgia Timor-Leste Croatia Mauritania Finland Iceland Moldova Montenegro Turkey Switzerland Italy Sweden Costa Rica Estonia Guatemala Ireland Monaco Bosnia and Herzegovina Cyprus Greece Mauritius Bahrain Germany Poland Greenland Albania Tunisia Dominican Republic Luxembourg Azerbaijan Latvia Liechtenstein Denmark"},b=useState(a),c=_slicedToArray(b,2),d=c[0],e=c[1],f=select("size",["sm","md","lg"],"md"),g=select("dropdownRight",["xs","sm","md","lg","xl"],"md"),h=select("dropdownWidth",["sm","md","lg"],"md"),i=text("placeholder","placeholder"),j=boolean("inverse",!1),k=boolean("block",!0),l=boolean("required",!1),m=boolean("dropdownUp",!1),n=boolean("disabled",!1),o=boolean("search",!0);return/*#__PURE__*/_jsx(Select,{id:"custom-search-button",size:f,placeholder:i,dropdownRight:g,dropdownWidth:h,inverse:j,block:k,selected:d,disabled:n,search:!!o&&function(a,b){return!!a.countries&&a.countries.toLowerCase().includes(b.toLowerCase())},required:l,searchPlaceholder:"Search placeholder",dropdownUp:m,options:[{header:"Popular currencies"},a,{value:2,label:"GBP",currency:"GBP",countries:"Isle of Man United Kingdom"},{value:3,label:"INR",currency:"INR",countries:"India"},{value:4,label:"USD",currency:"USD",countries:"Saudi Arabia Cape Verde Serbia Haiti Suriname Israel Slovakia Guadeloupe Namibia Uzbekistan Singapore Macao Maldives Ukraine Ethiopia Marshall Islands Netherlands Lithuania Uruguay Ecuador Falkland Islands Guernsey Hungary Argentina Kuwait Japan Cayman Islands South Africa Palau Moldova Montenegro Turkey Nauru Ireland Bermuda Jersey Algeria United States Samoa Uganda Vatican City Honduras Cocos (Keeling) Islands C\xF4te d'Ivoire Macedonia, Former Yugoslav Republic of Kazakhstan Malta Solomon Islands Gabon Andorra Canada Faroe Islands Sao Tome and Principe Barbados Gibraltar French Polynesia Vietnam Bahamas Taiwan United Arab Emirates Mozambique Armenia Kiribati Panama Saint Kitts and Nevis Estonia Micronesia, Federated States of Mongolia China Niger Isle of Man Malaysia Guyana Senegal Germany Kyrgyzstan Greenland Albania Dominican Republic Hong Kong Luxembourg Morocco Norfolk Island Turks and Caicos Islands Rwanda Grenada Venezuela Gambia Seychelles Oman Antigua and Barbuda Papua New Guinea Colombia Sri Lanka Wallis and Futuna Anguilla Tanzania Kenya Bhutan Laos Fiji Australia Qatar Belgium R\xE9union Nicaragua El Salvador Slovenia New Caledonia Niue South Korea Guinea-Bissau Austria Cook Islands Spain Portugal Tonga Trinidad and Tobago Philippines Croatia Mauritania Finland Angola Saint Helena Switzerland Sierra Leone Costa Rica Mexico French Guiana Guatemala Cambodia Botswana Peru Cyprus Brunei Darussalam Bahrain Jamaica Paraguay Poland Tunisia Myanmar Burkina Faso Denmark Lesotho Zambia New Zealand Liberia Romania Dominica Saint Lucia Saint Pierre and Miquelon Mali United Kingdom Malawi Egypt Bulgaria Czech Republic Nepal Lebanon Guinea France Norway Puerto Rico Tuvalu Tajikistan Martinique San Marino Georgia Timor-Leste British Virgin Islands Montserrat Vanuatu Iceland Italy Saint Vincent and the Grenadines Thailand Sweden Indonesia American Samoa Bosnia and Herzegovina Monaco Benin Ghana Greece Mauritius Bangladesh Christmas Island Azerbaijan Chile Mayotte Liechtenstein Latvia Aruba \xC5land Islands Bolivia"},{header:"All currencies"},{currency:"aed",value:"AED",label:"AED",countries:"United Arab Emirates"},{currency:"aud",value:"AUD",label:"AUD",note:"Australian dollar",countries:"Australia",classNames:{},secondary:"",icon:null,selected:!1},{currency:"bgn",value:"BGN",label:"BGN",note:"Bulgarian lev",countries:"Bulgaria",classNames:{},secondary:"",icon:null,selected:!1},{currency:"brl",value:"BRL",label:"BRL",note:"Brazilian real",countries:"Brazil",classNames:{},secondary:"",icon:null,selected:!1}],onChange:function onChange(a){return e(a)}})};export var AdvancedSearch=function(){var a=useState(""),b=_slicedToArray(a,2),c=b[0],d=b[1],e=useState({value:0,label:"A thing",note:"with a note"}),f=_slicedToArray(e,2),g=f[0],h=f[1],i=select("size",["sm","md","lg"],"md"),j=select("dropdownRight",["xs","sm","md","lg","xl"],"md"),k=select("dropdownWidth",["sm","md","lg"],"md"),l=text("placeholder","placeholder"),m=boolean("inverse",!1),n=boolean("block",!0),o=boolean("required",!1),p=boolean("dropdownUp",!1),q=boolean("disabled",!1);return/*#__PURE__*/_jsx(Select,{id:"advanced-search-button",size:i,placeholder:l,dropdownRight:j,dropdownWidth:k,inverse:m,block:n,search:!0,selected:g,disabled:q,required:o,searchValue:c,searchPlaceholder:"searchplaceholder",dropdownUp:p,options:[{header:"Basic"},{value:0,label:"A thing",note:"with a note"},{value:1,label:"Another thing",secondary:"with secondary text this time"},{value:2,label:"A disabled thing",disabled:!0},{header:"Icons"},{value:3,label:"Profile",icon:/*#__PURE__*/_jsx(ProfileIcon,{})},{value:4,label:"Globe",icon:/*#__PURE__*/_jsx(GlobeIcon,{})},{header:"Currencies"},{value:5,label:"British pound",currency:"gbp"},{value:6,label:"Euro",currency:"eur"},{separator:!0},{value:7,label:"Something else"}].filter(function(a){return a.label&&a.label.toLowerCase().includes(c)}),onChange:function onChange(a){return h(a)},onSearchChange:function onSearchChange(a){return d(a)}})};export var SearchingLargeLists=function(){var a=useState({value:"option1",label:"Option 1",secondary:"Here we have a description describing option 1"}),b=_slicedToArray(a,2),c=b[0],d=b[1],e=select("size",["sm","md","lg"],"md"),f=select("dropdownRight",["xs","sm","md","lg","xl"],"md"),g=select("dropdownWidth",["sm","md","lg"],"md"),h=text("placeholder","Placeholder text"),i=boolean("inverse",!1),j=boolean("block",!0),k=boolean("required",!1),l=boolean("dropdownUp",!1),m=boolean("disabled",!1);return/*#__PURE__*/_jsx(Select,{id:"large-list-button",size:e,placeholder:h,dropdownRight:f,dropdownWidth:g,inverse:i,block:j,selected:c,disabled:m,search:!0,required:k,searchPlaceholder:"Search placeholder",dropdownUp:l,options:Array(1500).fill(void 0).map(function(a,b){return{value:"option".concat(b+1),label:"Option ".concat(b+1),secondary:"Here we have a description describing option ".concat(b+1)}}),onChange:function onChange(a){return d(a)}})};

package/build/types/select/Select.story.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import Select from './Select';
-declare const _default: {
-    component: typeof Select;
-    title: string;
-};
-export default _default;
-export declare const Basic: () => JSX.Element;
-export declare const CustomSearchFunction: () => JSX.Element;
-export declare const AdvancedSearch: () => JSX.Element;
-export declare const SearchingLargeLists: () => JSX.Element;