npm - @transferwise/components - Versions diffs - 45.3.0 → 45.4.0 - Mend

@transferwise/components 45.3.0 → 45.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

package/build/es/no-polyfill/accordion/Accordion.story.js ADDED Viewed

@@ -0,0 +1 @@

+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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{FastFlag as FastFlagIcon}from"@transferwise/icons";import{Scroll,Size}from"../common";import Modal from"../modal";import{lorem10,lorem40,storyConfig}from"../test-utils";import Accordion from"./Accordion";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Accordion,title:"Content/Accordion",args:{items:[{title:"Item 1",content:lorem10,id:"Item 1"},{title:"Item 2",content:lorem40,id:"Item 2"},{title:"Item 3",content:lorem10,id:"Item 3"},{title:"Item 4",content:lorem10,id:"Item 4",icon:/*#__PURE__*/_jsx(FastFlagIcon,{size:24})}]}};export var Basic={args:{indexOpen:0}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var Variants=storyConfig({args:{indexOpen:0}},{variants:["default","dark","rtl"]});export var Multiple={render:function render(a){var b=a.items;return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:[b[0]]})),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:[b[0]],indexOpen:0})),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:b}))]})}};export var InModal={parameters:{chromatic:{delay:1e3}},render:function render(a){var b=a.items;return/*#__PURE__*/_jsx(Modal,{body:/*#__PURE__*/_jsxs("div",{className:"p-a-1",children:[/*#__PURE__*/_jsx("h3",{className:"m-t-2 m-b-4 text-xs-center",children:"Large transfer tips"}),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:[b[0]]})),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:[b[0]],indexOpen:0})),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:b}))]}),scroll:Scroll.CONTENT,size:Size.LARGE,open:!0,footer:/*#__PURE__*/_jsx("div",{className:"p-a-3 text-xs-center",children:/*#__PURE__*/_jsx("a",{href:"/large-amounts",children:"Learn more"})}),onClose:function onClose(){}})}};export var InModalMobile=storyConfig(InModal,{variants:["mobile"]});

package/build/es/no-polyfill/actionButton/ActionButton.story.js CHANGED Viewed

	@@ -1 +1 @@
1	- import _defineProperty from"@babel/runtime/helpers/defineProperty";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{Settings}from"@transferwise/icons";import ActionButton from"./ActionButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:ActionButton,title:"Actions/ActionButton",tags:["autodocs"]};export var Basic={render:function render(a){return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsx(ActionButton,_objectSpread(_objectSpread({},a),{},{children:"Button label"}))})}};export var WithIcon={render:function render(a){return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsxs(ActionButton,_objectSpread(_objectSpread({},a),{},{children:[/#__PURE__/_jsx(Settings,{className:"m-r-1"}),"Button label"]}))})}};export var Disabled={render:WithIcon.render,args:{disabled:!0}};
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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{Settings}from"@transferwise/icons";import{storyConfig}from"../test-utils/story-config";import ActionButton from"./ActionButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:ActionButton,title:"Actions/ActionButton",tags:["autodocs"]};export var Basic={render:function render(a){return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsx(ActionButton,_objectSpread(_objectSpread({},a),{},{children:"Button label"}))})}};export var WithIcon={render:function render(a){return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsxs(ActionButton,_objectSpread(_objectSpread({},a),{},{children:[/#__PURE__/_jsx(Settings,{className:"m-r-1"}),"Button label"]}))})}};export var Disabled=storyConfig({render:WithIcon.render,args:{disabled:!0}},{variants:["default","dark","rtl","mobile"]});

package/build/es/no-polyfill/avatar/Avatar.story.js CHANGED Viewed

	@@ -1 +1 @@
1	- import~~{text,select}~~from"@~~storybook~~/~~addon-knobs~~";importas wiseIcons from"@transferwise/icons";import{Size}from"../common";import{storyConfig}from"../test-utils";import Avatar,{AvatarType}from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Avatar,title:"Content/Avatar",tags:["autodocs"]};var ~~table~~=function(){var a=~~select~~(~~"Flag"~~,~~["jpy"~~,~~"gbp"~~,~~"eur"]~~,"~~jpy~~"),b="https://wise.com/~~web~~-~~art~~/assets/flags/"~~.concat(a~~,"~~.svg~~"),c=~~text~~(~~"Image~~ ~~URL~~","https://wise.com/web-art/assets/flags/gbp.svg"),d=~~text(~~"~~Emoji~~","\u2708\uFE0F"),e=~~text(~~"~~Icon name~~",~~"Check"),f~~=wiseIcons~~[e],g=text("Background color","#D6F5E3"),h=text("Initials","GN")~~;return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsxs("table",{children:["Outlined",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})})]}),"Image URL",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})})]}),"Emoji",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.EMOJI,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.EMOJI,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.EMOJI,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.EMOJI,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.EMOJI,children:d})})]}),/#__PURE__/_jsx("div",{style:{paddingBottom:"20px"},children:/#__PURE__/_jsx("span",{style:{position:"absolute"},children:"Custom background and icon"})}),/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:16})})})]}),"Initials",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:72,type:AvatarType.INITIALS,children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.INITIALS,children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:48,type:AvatarType.INITIALS,children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.INITIALS,children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:24,type:AvatarType.INITIALS,children:h})})]}),"Branded",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:72,type:AvatarType.INITIALS,backgroundColorSeed:"1",children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.INITIALS,backgroundColorSeed:"2",children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:48,type:AvatarType.INITIALS,backgroundColorSeed:"3",children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.INITIALS,backgroundColorSeed:"4",children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__*/_jsx(Avatar,{size:24,type:AvatarType.INITIALS,backgroundColorSeed:"5",children:h})})]})]})})}~~;export var Tables=storyConfig(table~~,{~~allGlobals:!0~~});
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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}importas wiseIcons from"@transferwise/icons";import{Size}from"../common";import{storyConfig}from"../test-utils";import Avatar,{AvatarType}from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Avatar,title:"Content/Avatar",tags:["autodocs"]};export var Emoji={render:function render(a){return/#__PURE__/_jsx(Avatar,_objectSpread(_objectSpread({},a),{},{children:"\u2708\uFE0F"}))},args:{type:AvatarType.EMOJI,size:Size.MEDIUM}};export var Flag={render:function render(a){return/#__PURE__/_jsx(Avatar,_objectSpread(_objectSpread({},a),{},{children:/#__PURE__/_jsx("img",{src:"https://wise.com/public-resources/assets/flags/square/gbp.svg",alt:""})}))},args:{type:AvatarType.THUMBNAIL,size:Size.MEDIUM,outlined:!0}};export var Table=storyConfig({render:function render(){var a="https://wise.com/web-art/assets/flags/gbp.svg",b="#d6f5e3",c="\u2708\uFE0F",d="GN",e=wiseIcons.Check;return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsxs("table",{children:["Outlined",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})})]}),"Image URL",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})})]}),"Emoji",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.EMOJI,children:c})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.EMOJI,children:c})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.EMOJI,children:c})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.EMOJI,children:c})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.EMOJI,children:c})})]}),/#__PURE__/_jsx("div",{style:{paddingBottom:"20px"},children:/#__PURE__/_jsx("span",{style:{position:"absolute"},children:"Custom background and icon"})}),/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:16})})})]}),"Initials",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:72,type:AvatarType.INITIALS,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.INITIALS,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:48,type:AvatarType.INITIALS,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.INITIALS,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:24,type:AvatarType.INITIALS,children:d})})]}),"Branded",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:72,type:AvatarType.INITIALS,backgroundColorSeed:"1",children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.INITIALS,backgroundColorSeed:"2",children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:48,type:AvatarType.INITIALS,backgroundColorSeed:"3",children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.INITIALS,backgroundColorSeed:"4",children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__*/_jsx(Avatar,{size:24,type:AvatarType.INITIALS,backgroundColorSeed:"5",children:d})})]})]})})}},{variants:["default","dark","rtl"]});

package/build/es/no-polyfill/button/Button.story.js ADDED Viewed

@@ -0,0 +1 @@

+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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{userEvent,within}from"@storybook/testing-library";import{ControlType,Priority}from"../common";import{storyConfig}from"../test-utils";import Button from"./Button";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:Button,title:"Actions/Button",args:{children:"Button text"},argTypes:{as:{type:{name:"enum",value:["button","a"]}}},tags:["autodocs"]};export var Basic={};export var Focused=storyConfig({parameters:{chromatic:{delay:1e3}},play:function play(a){var b=a.canvasElement,c=within(b);userEvent.click(c.getByRole("button"))}},{variants:["dark"]});export var Variants=storyConfig({args:{className:"m-r-2"},render:function render(a){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs("div",{className:"m-b-2",children:[/*#__PURE__*/_jsx("div",{className:"title-4 m-b-1",children:"Accent"}),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.PRIMARY,type:ControlType.ACCENT})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.SECONDARY,type:ControlType.ACCENT})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.TERTIARY,type:ControlType.ACCENT}))]}),/*#__PURE__*/_jsxs("div",{className:"m-b-2",children:[/*#__PURE__*/_jsx("div",{className:"title-4 m-b-1",children:"Positive"}),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.PRIMARY,type:ControlType.POSITIVE})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.SECONDARY,type:ControlType.POSITIVE}))]}),/*#__PURE__*/_jsxs("div",{className:"m-b-2",children:[/*#__PURE__*/_jsx("div",{className:"title-4 m-b-1",children:"Negative"}),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.PRIMARY,type:ControlType.NEGATIVE})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.SECONDARY,type:ControlType.NEGATIVE}))]}),/*#__PURE__*/_jsxs("div",{className:"m-b-2",children:[/*#__PURE__*/_jsx("div",{className:"title-4 m-b-1",children:"Disabled"}),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.PRIMARY,disabled:!0})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.SECONDARY,disabled:!0})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.TERTIARY,disabled:!0}))]})]})}},{variants:["default","dark","rtl"]});export var SocialMedia=storyConfig({render:function render(){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("div",{className:"m-b-2",children:/*#__PURE__*/_jsx("button",{type:"button",className:"btn btn-google",children:"Login with Google"})}),/*#__PURE__*/_jsx("div",{className:"m-b-2",children:/*#__PURE__*/_jsx("button",{type:"button",className:"btn btn-facebook",children:"Login with Facebook"})})]})}},{variants:["default","dark","rtl"]});export var SocialMediaMobile=storyConfig(SocialMedia,{variants:["default","dark","rtl","mobile"]});

package/build/es/no-polyfill/checkbox/Checkbox.story.js ADDED Viewed

@@ -0,0 +1 @@

package/build/es/no-polyfill/common/bottomSheet/BottomSheet.story.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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{action}from"@storybook/addon-actions";import{FastFlag}from"@transferwise/icons";import{useState}from"react";import Body from"../../body/Body";import Button from"../../button";import NavigationOption from"../../navigationOption";import{lorem10,lorem500,storyConfig}from"../../test-utils";import Title from"../../title/Title";import{Typography}from"../propsValues/typography";import BottomSheet from"./BottomSheet";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:BottomSheet,title:"Dialogs/BottomSheet",args:{open:!0},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
2	+ var b=useState(a.open),c=_slicedToArray(b,2),d=c[0],e=c[1];return/#__PURE__/_jsxs("div",{style:{height:"2000px"},children:[/#__PURE__/_jsx(Button,{onClick:function onClick(){return e(!0)},children:"Open BottomSheet"}),/#__PURE__/_jsx(BottomSheet,_objectSpread(_objectSpread({},a),{},{open:d,onClose:function onClose(){e(!1),action("BottomSheet closed")()}}))]})}};export var Basic={args:{children:/#__PURE__/_jsxs(_Fragment,{children:[/#__PURE__/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/#__PURE__/_jsx("br",{}),/#__PURE__/_jsx("br",{}),/#__PURE__/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/#__PURE__/_jsx(FastFlag,{size:24}),isContainerAligned:!0})]})},parameters:{chromatic:{delay:1e3}}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var WithOverflowContent={args:{children:/#__PURE__/_jsxs(_Fragment,{children:[/#__PURE__/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/#__PURE__/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/#__PURE__/_jsx(FastFlag,{size:24})}),/#__PURE__/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/#__PURE__/_jsx(FastFlag,{size:24}),isContainerAligned:!0}),lorem500,/#__PURE__/_jsx(Body,{type:Typography.BODY_DEFAULT_BOLD,children:lorem10})]})},parameters:{chromatic:{delay:1e3}}};export var WithOverflowContentMobile=storyConfig(WithOverflowContent,{variants:["mobile"]});export var WithOverflowContentDark=storyConfig(WithOverflowContent,{variants:["dark"]});export var WithOverflowContentDarkMobile=storyConfig(WithOverflowContent,{variants:["dark","mobile"]});

package/build/es/no-polyfill/dateInput/DateInput.story.js ADDED Viewed

@@ -0,0 +1 @@

package/build/es/no-polyfill/info/Info.story.js ADDED Viewed

@@ -0,0 +1 @@

package/build/es/no-polyfill/modal/Modal.story.js CHANGED Viewed

@@ -1 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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{select,text}from"@storybook/addon-knobs";import{useState}from"react";import{Button,Modal}from"..";import{Size,Scroll,Position}from"../common";import{storyConfig,lorem10,lorem1000}from"../test-utils";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Dialogs/Modal"};var Template=function(a){var b=useState({value:-1,label:"A thing"}),c=_slicedToArray(b,2),d=c[0],e=c[1],f=select("size",[Size.SMALL,Size.MEDIUM,Size.LARGE,Size.EXTRA_LARGE],Size.MEDIUM),g=useState(!0),h=_slicedToArray(g,2),i=h[0],j=h[1],k=text("title","title"),l=text("class",""),m=select("position",[Position.TOP,Position.CENTER],Position.CENTER),n=select("scroll",[Scroll.CONTENT,Scroll.VIEWPORT],Scroll.CONTENT);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return j(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread(_objectSpread({},a),{},{body:/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx("p",{children:a.children})}),open:i,position:m,size:f,title:k,className:l,scroll:n,footer:/*#__PURE__*/_jsx(Button,{block:!0,onClick:function onClick(){return alert("clicked")},children:"Action"}),onClose:function onClose(){return j(!1)}}))]})};export var Basic=storyConfig(function(){return/*#__PURE__*/_jsx(Template,{children:lorem10})},{visualTest:{delay:2e3}});export var WithLongText=function(){return/*#__PURE__*/_jsx(Template,{children:lorem1000})};export var WithLongTextMobileView=storyConfig(WithLongText,{mobileView:!0,visualTest:{delay:2e3}});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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{action}from"@storybook/addon-actions";import{useState}from"react";import{Button,Modal}from"..";import{Scroll}from"../common";import{lorem10,lorem1000,storyConfig}from"../test-utils";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Dialogs/Modal",args:{size:"md",position:"center",open:!0},parameters:{chromatic:{delay:2e3}}};export var Basic={args:{title:"Title",body:lorem10,scroll:Scroll.VIEWPORT,footer:/*#__PURE__*/_jsx(Button,{block:!0,children:"Action"})},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
+var b=useState(a.open),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return e(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread(_objectSpread({},a),{},{open:d,onClose:function onClose(){e(!1),action("Modal closed")()}}))]})}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var ContentScroll={args:{title:lorem10,body:lorem1000,scroll:Scroll.CONTENT}};export var ContentScrollMobile=storyConfig(ContentScroll,{variants:["mobile"]});export var ViewportScroll={args:{title:lorem10,body:lorem1000,scroll:Scroll.VIEWPORT}};export var ViewportScrollMobile=storyConfig(ViewportScroll,{variants:["mobile"]});export var WithoutTitle={args:{body:lorem1000,scroll:Scroll.CONTENT}};export var WithoutTitleMobile=storyConfig(WithoutTitle,{variants:["mobile"]});

package/build/es/no-polyfill/phoneNumberInput/PhoneNumberInput.js CHANGED Viewed

	@@ -1 +1 @@
1	- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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{isArray}from"@transferwise/neptune-validation";import PropTypes from"prop-types";import{useState,useEffect}from"react";import{useIntl}from"react-intl";import{Size}from"../common";import Select from"../select";import countries from"./data/countries";import{explodeNumberModel,filterOptionsForQuery,isValidPhoneNumber,cleanNumber,setDefaultPrefix,isStringNumeric,sortArrayByProperty,groupCountriesByPrefix}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ALLOWED_PHONE_CHARS=/^$\|^[\d-\s]+$/,PhoneNumberInput=function(a){var b=a.id,c=a.onChange,d=a.searchPlaceholder,e=a.disabled,f=a.required,g=a.size,h=a.placeholder,i=a.onFocus,j=a.onBlur,k=a.countryCode,l=a.selectProps,m=useIntl(),n=m.locale,o=useState(function getInitialValue(){var b=a.initialValue,c=b?cleanNumber(b):null;return c&&isValidPhoneNumber(c)?explodeNumberModel(c):{prefix:setDefaultPrefix(n,k),suffix:""}}()),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useState(null),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useState(""),x=_slicedToArray(w,2),y=x[0],z=x[1],A=groupCountriesByPrefix(sortArrayByProperty(~~countries~~,"iso3")),B=groupCountriesByPrefix(sortArrayByProperty(~~countries~~,"phone")),C=function getSelectOptions(){var a=filterOptionsForQuery(isStringNumeric(y)?B:A,y);return a.map(function(a){var b=a.phone,c=a.iso3,d=a.iso2,e="";return c?e=isArray(c)?c.join(", "):c:d&&(e=isArray(d)?d.join(", "):d),{value:b,label:b,note:e}})}();return useEffect(function(){if(null===u)return v(q);var a=q.prefix+q.suffix,b=u.prefix+u.suffix;if(a!==b){var d=isValidPhoneNumber(a)?cleanNumber(a):null;c(d),v(q)}},[c,u,q]),/#__PURE__/_jsxs("div",{className:"tw-telephone",children:[/#__PURE__/_jsx("div",{className:"tw-telephone__country-select",children:/#__PURE__/_jsx(Select,_objectSpread({id:b?"".concat(b,"-select"):void 0,options:C,selected:{value:q.prefix,label:q.prefix},placeholder:"Select an option...",searchPlaceholder:d,dropdownWidth:Size.SMALL,searchValue:y,required:f,disabled:e,size:g,onChange:function onPrefixChange(a){var b=a.value;z(""),r({prefix:b,suffix:q.suffix})},onSearchChange:function onSearchChange(a){return z(a)}},l))}),/#__PURE__/_jsx("div",{className:"tw-telephone__number-input",children:/#__PURE__/_jsx("div",{className:"input-group input-group-".concat(g),children:/#__PURE__/_jsx("input",{id:b,name:"phoneNumber",inputMode:"numeric",value:q.suffix,className:"form-control",disabled:e,required:f,placeholder:h,onChange:function onSuffixChange(a){var b=a.target.value,c=void 0===b?"":b;ALLOWED_PHONE_CHARS.test(c)&&r({prefix:q.prefix,suffix:c})},onPaste:function onPaste(a){if(a.nativeEvent.clipboardData){var b=(a.nativeEvent.clipboardData.getData("text/plain")\|\|"").replace(/(\s\|-)+/g,""),c=explodeNumberModel(b),d=c.prefix,e=c.suffix,f=C.find(function(a){var b=a.value;return b===d});f&&ALLOWED_PHONE_CHARS.test(e)&&r({prefix:d,suffix:e})}},onFocus:i,onBlur:j})})})]})};PhoneNumberInput.propTypes={id:PropTypes.string,required:PropTypes.bool,disabled:PropTypes.bool,initialValue:PropTypes.string,onChange:PropTypes.func.isRequired,onFocus:PropTypes.func,onBlur:PropTypes.func,countryCode:PropTypes.string,searchPlaceholder:PropTypes.string,size:PropTypes.oneOf(["sm","md","lg"]),placeholder:PropTypes.string,selectProps:PropTypes.object},PhoneNumberInput.defaultProps={id:null,required:!1,disabled:!1,initialValue:null,onFocus:function onFocus(){},onBlur:function onBlur(){},countryCode:null,searchPlaceholder:"Prefix",size:Size.MEDIUM,placeholder:"",selectProps:{}};export default PhoneNumberInput;
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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{isArray}from"@transferwise/neptune-validation";import PropTypes from"prop-types";import{useState,useEffect}from"react";import{useIntl}from"react-intl";import{Size}from"../common";import Select from"../select";import countries from"./data/countries";import{explodeNumberModel,filterOptionsForQuery,isValidPhoneNumber,cleanNumber,setDefaultPrefix,isStringNumeric,sortArrayByProperty,groupCountriesByPrefix,excludeCountries}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ALLOWED_PHONE_CHARS=/^$\|^[\d-\s]+$/,PhoneNumberInput=function(a){var b=a.id,c=a.onChange,d=a.searchPlaceholder,e=a.disabled,f=a.required,g=a.size,h=a.placeholder,i=a.onFocus,j=a.onBlur,k=a.countryCode,l=a.selectProps,m=a.disabledCountries,n=useIntl(),o=n.locale,p=useState(function getInitialValue(){var b=a.initialValue,c=b?cleanNumber(b):null;return c&&isValidPhoneNumber(c)?explodeNumberModel(c):{prefix:setDefaultPrefix(o,k),suffix:""}}()),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useState(null),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(""),y=_slicedToArray(x,2),z=y[0],A=y[1],B=excludeCountries(countries,m),C=groupCountriesByPrefix(sortArrayByProperty(B,"iso3")),D=groupCountriesByPrefix(sortArrayByProperty(B,"phone")),E=function getSelectOptions(){var a=filterOptionsForQuery(isStringNumeric(z)?D:C,z);return a.map(function(a){var b=a.phone,c=a.iso3,d=a.iso2,e="";return c?e=isArray(c)?c.join(", "):c:d&&(e=isArray(d)?d.join(", "):d),{value:b,label:b,note:e}})}();return useEffect(function(){if(null===v)return w(r);var a=r.prefix+r.suffix,b=v.prefix+v.suffix;if(a!==b){var d=isValidPhoneNumber(a)?cleanNumber(a):null;c(d),w(r)}},[c,v,r]),/#__PURE__/_jsxs("div",{className:"tw-telephone",children:[/#__PURE__/_jsx("div",{className:"tw-telephone__country-select",children:/#__PURE__/_jsx(Select,_objectSpread({id:b?"".concat(b,"-select"):void 0,options:E,selected:{value:r.prefix,label:r.prefix},placeholder:"Select an option...",searchPlaceholder:d,dropdownWidth:Size.SMALL,searchValue:z,required:f,disabled:e,size:g,onChange:function onPrefixChange(a){var b=a.value;A(""),s({prefix:b,suffix:r.suffix})},onSearchChange:function onSearchChange(a){return A(a)}},l))}),/#__PURE__/_jsx("div",{className:"tw-telephone__number-input",children:/#__PURE__/_jsx("div",{className:"input-group input-group-".concat(g),children:/#__PURE__/_jsx("input",{id:b,name:"phoneNumber",inputMode:"numeric",value:r.suffix,className:"form-control",disabled:e,required:f,placeholder:h,onChange:function onSuffixChange(a){var b=a.target.value,c=void 0===b?"":b;ALLOWED_PHONE_CHARS.test(c)&&s({prefix:r.prefix,suffix:c})},onPaste:function onPaste(a){if(a.nativeEvent.clipboardData){var b=(a.nativeEvent.clipboardData.getData("text/plain")\|\|"").replace(/(\s\|-)+/g,""),c=explodeNumberModel(b),d=c.prefix,e=c.suffix,f=E.find(function(a){var b=a.value;return b===d});f&&ALLOWED_PHONE_CHARS.test(e)&&s({prefix:d,suffix:e})}},onFocus:i,onBlur:j})})})]})};PhoneNumberInput.propTypes={id:PropTypes.string,required:PropTypes.bool,disabled:PropTypes.bool,initialValue:PropTypes.string,onChange:PropTypes.func.isRequired,onFocus:PropTypes.func,onBlur:PropTypes.func,countryCode:PropTypes.string,searchPlaceholder:PropTypes.string,size:PropTypes.oneOf(["sm","md","lg"]),placeholder:PropTypes.string,selectProps:PropTypes.object,/** List of iso3 codes of countries to remove from the list */disabledCountries:PropTypes.arrayOf(PropTypes.string)},PhoneNumberInput.defaultProps={id:null,required:!1,disabled:!1,initialValue:null,onFocus:function onFocus(){},onBlur:function onBlur(){},countryCode:null,searchPlaceholder:"Prefix",size:Size.MEDIUM,placeholder:"",selectProps:{},disabledCountries:[]};export default PhoneNumberInput;

package/build/es/no-polyfill/phoneNumberInput/utils/excludeCountries/excludeCountries.js ADDED Viewed

@@ -0,0 +1,8 @@
+// Reference fro localeCompare : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare
+var filterCountriesByIso3=function(a,b){var c=new Set(b);return a.filter(function(a){return!c.has(a.iso3)})};/**
+ * Removes the countries sepecified in the second param
+ *
+ * @param {Array} countries: list of country metadata objects
+ * @param {Array} disabledCountries: list of iso3 country codes to remove from the list
+ * @returns
+ */export var excludeCountries=function(a,b){return 0<b.length?filterCountriesByIso3(a,b):a};

package/build/es/no-polyfill/phoneNumberInput/utils/excludeCountries/index.js ADDED Viewed

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

package/build/es/no-polyfill/phoneNumberInput/utils/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{setDefaultPrefix}from"./setDefaultPrefix";export{isValidPhoneNumber}from"./isValidPhoneNumber";export{explodeNumberModel}from"./explodeNumberModel";export{longestMatchingPrefix}from"./longestMatchingPrefix";export{findCountryByPrefix}from"./findCountryByPrefix";export{findCountryByCode}from"./findCountryByCode";export{filterOptionsForQuery}from"./filterOptionsForQuery";export{isOptionAndFitsQuery}from"./isOptionAndFitsQuery";export{cleanNumber}from"./cleanNumber";export{isStringNumeric}from"./isStringNumeric";export{sortArrayByProperty}from"./sortArrayByProperty";export{groupCountriesByPrefix}from"./groupCountriesByPrefix";
1	+ export{setDefaultPrefix}from"./setDefaultPrefix";export{isValidPhoneNumber}from"./isValidPhoneNumber";export{explodeNumberModel}from"./explodeNumberModel";export{longestMatchingPrefix}from"./longestMatchingPrefix";export{findCountryByPrefix}from"./findCountryByPrefix";export{findCountryByCode}from"./findCountryByCode";export{filterOptionsForQuery}from"./filterOptionsForQuery";export{isOptionAndFitsQuery}from"./isOptionAndFitsQuery";export{cleanNumber}from"./cleanNumber";export{isStringNumeric}from"./isStringNumeric";export{sortArrayByProperty}from"./sortArrayByProperty";export{groupCountriesByPrefix}from"./groupCountriesByPrefix";export{excludeCountries}from"./excludeCountries";

package/build/es/no-polyfill/select/option/Option.js CHANGED Viewed

@@ -1,2 +1,2 @@
 // Option.tsx NEW
-import{useTheme}from"@wise/components-theming";import{cloneElement}from"react";import Body from"../../body";import{Typography}from"../../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";function Option(a){var b=a.label,c=a.currency,d=void 0===c?"":c,e=a.note,f=void 0===e?"":e,g=a.secondary,h=void 0===g?"":g,i=a.icon,j=a.classNames,k=void 0===j?{}:j,l=a.selected,m=void 0!==l&&l,n=useTheme(),o=n.isModern,p=d?function style(a){return a.map(function(a){return k[a]||a}).join(" ")}(["currency-flag","currency-flag-".concat(d.toLowerCase())]):void 0,q=i?/*#__PURE__*/cloneElement(i,{size:24,className:"tw-icon"}):d&&/*#__PURE__*/_jsx("i",{className:p}),r=/*#__PURE__*/_jsxs(Body,{as:"span",type:Typography.BODY_LARGE,className:m?"text-ellipsis":void 0,children:[b,f&&/*#__PURE__*/_jsx(Body,{as:"span",className:o?"m-l-1":"m-l-1 body-2",children:f})]}),s=h&&/*#__PURE__*/_jsx(Body,{className:function secondaryElementClassNames(){var a;return m&&(a="text-ellipsis"),o?a:"".concat(a?a+" ":"","body-2")}(),children:h});return q?/*#__PURE__*/_jsxs("div",{className:"d-flex np-option-content",children:[/*#__PURE__*/_jsx("div",{className:"d-flex flex-column".concat(m?" justify-content-center":""),children:q}),/*#__PURE__*/_jsxs("div",{className:"d-flex flex-column",children:[r,s]})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[q,r,s]})}export default Option;
+import{useTheme}from"@wise/components-theming";import{cloneElement}from"react";import Body from"../../body";import{Typography}from"../../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";function Option(a){var b=a.label,c=a.currency,d=void 0===c?"":c,e=a.note,f=void 0===e?"":e,g=a.secondary,h=void 0===g?"":g,i=a.icon,j=a.classNames,k=void 0===j?{}:j,l=a.selected,m=void 0!==l&&l,n=useTheme(),o=n.isModern,p=d?function style(a){return a.map(function(a){return k[a]||a}).join(" ")}(["currency-flag","currency-flag-".concat(d.toLowerCase())]):void 0,q=i?/*#__PURE__*/cloneElement(i,{size:24,className:"tw-icon"}):d&&/*#__PURE__*/_jsx("i",{className:p}),r=/*#__PURE__*/_jsxs(Body,{as:"span",type:Typography.BODY_LARGE,className:m?"text-ellipsis":void 0,children:[b,f&&/*#__PURE__*/_jsx(Body,{as:"span",className:o?"m-l-1":"m-l-1 body-2",children:f})]}),s=h&&/*#__PURE__*/_jsx(Body,{className:function secondaryElementClassNames(){var a;return m&&(a="text-ellipsis"),o?a:"".concat(a?a+" ":"","body-2")}(),children:h});return q?/*#__PURE__*/_jsxs("div",{className:"d-flex np-option-content",children:[/*#__PURE__*/_jsx("div",{className:"d-flex flex-column".concat(m?" justify-content-center":""),children:q}),/*#__PURE__*/_jsxs("div",{className:"d-flex flex-column justify-content-center",children:[r,s]})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[q,r,s]})}export default Option;

package/build/es/no-polyfill/tooltip/Tooltip.story.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~select~~,~~text~~}from"@storybook/~~addon~~-~~knobs~~";import Button from"../button";import{~~Position}from"../common";import{within,userEvent,~~storyConfig}from"../test-utils";import Tooltip from"./Tooltip";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Tooltip,title:"Dialogs/Tooltip"~~};export var Basic=function()~~{~~var a=text("~~label"~~,"Hey~~ ~~edit~~ ~~me!!!!!!~~"),~~b=select("~~position",~~[Position.BOTTOM,Position.TOP,Position.LEFT,Position.RIGHT],Position.BOTTOM~~);return/#__PURE__/_jsx("div",{className:"text-xs-center",children:/#__PURE__/_jsx(Tooltip,{~~label:~~a,~~position:b~~,children:/#__PURE__/_jsx(Button,{children:"Hover me"})})})};Basic~~.play~~=~~hoverOverButton~~;export var ~~BasicDarkMode~~=~~storyConfig(Basic,~~{~~darkMode:!0~~}~~);BasicDarkMode.~~play~~=hoverOverButton;~~function ~~hoverOverButton~~(a){var b=a.canvasElement,c=within(b);userEvent.hover(c.getByRole("button"))}
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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{userEvent,within}from"@storybook/testing-library";import Button from"../button";import{storyConfig}from"../test-utils";import Tooltip from"./Tooltip";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Tooltip,title:"Dialogs/Tooltip",args:{label:"This is the content",position:"bottom"},render:function render(a){return/#__PURE__/_jsx("div",{className:"text-xs-center",style:{flexBasis:"150px"},children:/#__PURE__/_jsx(Tooltip,_objectSpread(_objectSpread({},a),{},{children:/#__PURE__/_jsx(Button,{children:"Hover me"})}))})},tags:["autodocs"]};export var Basic={};export var OpenedTooltip={parameters:{chromatic:{delay:1e3}},play:function play(a){var b=a.canvasElement,c=within(b);userEvent.hover(c.getByRole("button"))}};export var OpenedTooltipDark=storyConfig(OpenedTooltip,{variants:["dark"]});

package/build/es/polyfill/accordion/Accordion.story.js ADDED Viewed

@@ -0,0 +1 @@

+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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.to-string.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{FastFlag as FastFlagIcon}from"@transferwise/icons";import{Scroll,Size}from"../common";import Modal from"../modal";import{lorem10,lorem40,storyConfig}from"../test-utils";import Accordion from"./Accordion";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Accordion,title:"Content/Accordion",args:{items:[{title:"Item 1",content:lorem10,id:"Item 1"},{title:"Item 2",content:lorem40,id:"Item 2"},{title:"Item 3",content:lorem10,id:"Item 3"},{title:"Item 4",content:lorem10,id:"Item 4",icon:/*#__PURE__*/_jsx(FastFlagIcon,{size:24})}]}};export var Basic={args:{indexOpen:0}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var Variants=storyConfig({args:{indexOpen:0}},{variants:["default","dark","rtl"]});export var Multiple={render:function render(a){var b=a.items;return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:[b[0]]})),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:[b[0]],indexOpen:0})),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:b}))]})}};export var InModal={parameters:{chromatic:{delay:1e3}},render:function render(a){var b=a.items;return/*#__PURE__*/_jsx(Modal,{body:/*#__PURE__*/_jsxs("div",{className:"p-a-1",children:[/*#__PURE__*/_jsx("h3",{className:"m-t-2 m-b-4 text-xs-center",children:"Large transfer tips"}),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:[b[0]]})),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:[b[0]],indexOpen:0})),/*#__PURE__*/_jsx(Accordion,_objectSpread(_objectSpread({},a),{},{items:b}))]}),scroll:Scroll.CONTENT,size:Size.LARGE,open:!0,footer:/*#__PURE__*/_jsx("div",{className:"p-a-3 text-xs-center",children:/*#__PURE__*/_jsx("a",{href:"/large-amounts",children:"Learn more"})}),onClose:function onClose(){}})}};export var InModalMobile=storyConfig(InModal,{variants:["mobile"]});

package/build/es/polyfill/actionButton/ActionButton.story.js CHANGED Viewed

	@@ -1 +1 @@
1	- import _defineProperty from"@babel/runtime/helpers/defineProperty";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.to-string.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{Settings}from"@transferwise/icons";import ActionButton from"./ActionButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:ActionButton,title:"Actions/ActionButton",tags:["autodocs"]};export var Basic={render:function render(a){return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsx(ActionButton,_objectSpread(_objectSpread({},a),{},{children:"Button label"}))})}};export var WithIcon={render:function render(a){return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsxs(ActionButton,_objectSpread(_objectSpread({},a),{},{children:[/#__PURE__/_jsx(Settings,{className:"m-r-1"}),"Button label"]}))})}};export var Disabled={render:WithIcon.render,args:{disabled:!0}};
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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.to-string.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{Settings}from"@transferwise/icons";import{storyConfig}from"../test-utils/story-config";import ActionButton from"./ActionButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:ActionButton,title:"Actions/ActionButton",tags:["autodocs"]};export var Basic={render:function render(a){return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsx(ActionButton,_objectSpread(_objectSpread({},a),{},{children:"Button label"}))})}};export var WithIcon={render:function render(a){return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsxs(ActionButton,_objectSpread(_objectSpread({},a),{},{children:[/#__PURE__/_jsx(Settings,{className:"m-r-1"}),"Button label"]}))})}};export var Disabled=storyConfig({render:WithIcon.render,args:{disabled:!0}},{variants:["default","dark","rtl","mobile"]});

package/build/es/polyfill/avatar/Avatar.story.js CHANGED Viewed

	@@ -1 +1 @@
1	- import~~{text,select}~~from"@~~storybook~~/~~addon~~-~~knobs~~";importas wiseIcons from"@transferwise/icons";import{Size}from"../common";import{storyConfig}from"../test-utils";import Avatar,{AvatarType}from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Avatar,title:"Content/Avatar",tags:["autodocs"]};var ~~table~~=function(){var a=~~select~~(~~"Flag"~~,~~["jpy"~~,~~"gbp"~~,~~"eur"]~~,"~~jpy~~"),b="https://wise.com/~~web~~-~~art~~/assets/flags/"~~.concat(a~~,"~~.svg~~"),c=~~text~~(~~"Image~~ ~~URL~~","https://wise.com/web-art/assets/flags/gbp.svg"),d=~~text(~~"~~Emoji~~","\u2708\uFE0F"),e=~~text(~~"~~Icon name~~",~~"Check"),f~~=wiseIcons~~[e],g=text("Background color","#D6F5E3"),h=text("Initials","GN")~~;return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsxs("table",{children:["Outlined",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:b,alt:""})})})]}),"Image URL",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:c,alt:""})})})]}),"Emoji",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.EMOJI,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.EMOJI,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.EMOJI,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.EMOJI,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.EMOJI,children:d})})]}),/#__PURE__/_jsx("div",{style:{paddingBottom:"20px"},children:/#__PURE__/_jsx("span",{style:{position:"absolute"},children:"Custom background and icon"})}),/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.ICON,backgroundColor:g,children:/#__PURE__/_jsx(f,{size:16})})})]}),"Initials",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:72,type:AvatarType.INITIALS,children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.INITIALS,children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:48,type:AvatarType.INITIALS,children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.INITIALS,children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:24,type:AvatarType.INITIALS,children:h})})]}),"Branded",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:72,type:AvatarType.INITIALS,backgroundColorSeed:"1",children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.INITIALS,backgroundColorSeed:"2",children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:48,type:AvatarType.INITIALS,backgroundColorSeed:"3",children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.INITIALS,backgroundColorSeed:"4",children:h})}),/#__PURE__/_jsx("td",{children:/#__PURE__*/_jsx(Avatar,{size:24,type:AvatarType.INITIALS,backgroundColorSeed:"5",children:h})})]})]})})}~~;export var Tables=storyConfig(table~~,{~~allGlobals:!0~~});
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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.to-string.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}importas wiseIcons from"@transferwise/icons";import{Size}from"../common";import{storyConfig}from"../test-utils";import Avatar,{AvatarType}from".";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Avatar,title:"Content/Avatar",tags:["autodocs"]};export var Emoji={render:function render(a){return/#__PURE__/_jsx(Avatar,_objectSpread(_objectSpread({},a),{},{children:"\u2708\uFE0F"}))},args:{type:AvatarType.EMOJI,size:Size.MEDIUM}};export var Flag={render:function render(a){return/#__PURE__/_jsx(Avatar,_objectSpread(_objectSpread({},a),{},{children:/#__PURE__/_jsx("img",{src:"https://wise.com/public-resources/assets/flags/square/gbp.svg",alt:""})}))},args:{type:AvatarType.THUMBNAIL,size:Size.MEDIUM,outlined:!0}};export var Table=storyConfig({render:function render(){var a="https://wise.com/web-art/assets/flags/gbp.svg",b="#d6f5e3",c="\u2708\uFE0F",d="GN",e=wiseIcons.Check;return/#__PURE__/_jsx("div",{children:/#__PURE__/_jsxs("table",{children:["Outlined",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.THUMBNAIL,outlined:!0,children:/#__PURE__/_jsx("img",{src:"https://wise.com/web-art/assets/flags/jpy.svg",alt:""})})})]}),"Image URL",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.THUMBNAIL,children:/#__PURE__/_jsx("img",{src:a,alt:""})})})]}),"Emoji",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.EMOJI,children:c})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.EMOJI,children:c})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.EMOJI,children:c})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.EMOJI,children:c})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.EMOJI,children:c})})]}),/#__PURE__/_jsx("div",{style:{paddingBottom:"20px"},children:/#__PURE__/_jsx("span",{style:{position:"absolute"},children:"Custom background and icon"})}),/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.LARGE,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.MEDIUM,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:24})})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:Size.SMALL,type:AvatarType.ICON,backgroundColor:b,children:/#__PURE__/_jsx(e,{size:16})})})]}),"Initials",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:72,type:AvatarType.INITIALS,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.INITIALS,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:48,type:AvatarType.INITIALS,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.INITIALS,children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:24,type:AvatarType.INITIALS,children:d})})]}),"Branded",/#__PURE__/_jsxs("tr",{children:[/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:72,type:AvatarType.INITIALS,backgroundColorSeed:"1",children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:56,type:AvatarType.INITIALS,backgroundColorSeed:"2",children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:48,type:AvatarType.INITIALS,backgroundColorSeed:"3",children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__/_jsx(Avatar,{size:40,type:AvatarType.INITIALS,backgroundColorSeed:"4",children:d})}),/#__PURE__/_jsx("td",{children:/#__PURE__*/_jsx(Avatar,{size:24,type:AvatarType.INITIALS,backgroundColorSeed:"5",children:d})})]})]})})}},{variants:["default","dark","rtl"]});

package/build/es/polyfill/button/Button.story.js ADDED Viewed

@@ -0,0 +1 @@

+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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.to-string.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{userEvent,within}from"@storybook/testing-library";import{ControlType,Priority}from"../common";import{storyConfig}from"../test-utils";import Button from"./Button";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:Button,title:"Actions/Button",args:{children:"Button text"},argTypes:{as:{type:{name:"enum",value:["button","a"]}}},tags:["autodocs"]};export var Basic={};export var Focused=storyConfig({parameters:{chromatic:{delay:1e3}},play:function play(a){var b=a.canvasElement,c=within(b);userEvent.click(c.getByRole("button"))}},{variants:["dark"]});export var Variants=storyConfig({args:{className:"m-r-2"},render:function render(a){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs("div",{className:"m-b-2",children:[/*#__PURE__*/_jsx("div",{className:"title-4 m-b-1",children:"Accent"}),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.PRIMARY,type:ControlType.ACCENT})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.SECONDARY,type:ControlType.ACCENT})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.TERTIARY,type:ControlType.ACCENT}))]}),/*#__PURE__*/_jsxs("div",{className:"m-b-2",children:[/*#__PURE__*/_jsx("div",{className:"title-4 m-b-1",children:"Positive"}),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.PRIMARY,type:ControlType.POSITIVE})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.SECONDARY,type:ControlType.POSITIVE}))]}),/*#__PURE__*/_jsxs("div",{className:"m-b-2",children:[/*#__PURE__*/_jsx("div",{className:"title-4 m-b-1",children:"Negative"}),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.PRIMARY,type:ControlType.NEGATIVE})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.SECONDARY,type:ControlType.NEGATIVE}))]}),/*#__PURE__*/_jsxs("div",{className:"m-b-2",children:[/*#__PURE__*/_jsx("div",{className:"title-4 m-b-1",children:"Disabled"}),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.PRIMARY,disabled:!0})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.SECONDARY,disabled:!0})),/*#__PURE__*/_jsx(Button,_objectSpread(_objectSpread({},a),{},{priority:Priority.TERTIARY,disabled:!0}))]})]})}},{variants:["default","dark","rtl"]});export var SocialMedia=storyConfig({render:function render(){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("div",{className:"m-b-2",children:/*#__PURE__*/_jsx("button",{type:"button",className:"btn btn-google",children:"Login with Google"})}),/*#__PURE__*/_jsx("div",{className:"m-b-2",children:/*#__PURE__*/_jsx("button",{type:"button",className:"btn btn-facebook",children:"Login with Facebook"})})]})}},{variants:["default","dark","rtl"]});export var SocialMediaMobile=storyConfig(SocialMedia,{variants:["default","dark","rtl","mobile"]});

package/build/es/polyfill/checkbox/Checkbox.story.js ADDED Viewed

@@ -0,0 +1 @@

package/build/es/polyfill/common/bottomSheet/BottomSheet.story.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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.to-string.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{action}from"@storybook/addon-actions";import{FastFlag}from"@transferwise/icons";import{useState}from"react";import Body from"../../body/Body";import Button from"../../button";import NavigationOption from"../../navigationOption";import{lorem10,lorem500,storyConfig}from"../../test-utils";import Title from"../../title/Title";import{Typography}from"../propsValues/typography";import BottomSheet from"./BottomSheet";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:BottomSheet,title:"Dialogs/BottomSheet",args:{open:!0},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
2	+ var b=useState(a.open),c=_slicedToArray(b,2),d=c[0],e=c[1];return/#__PURE__/_jsxs("div",{style:{height:"2000px"},children:[/#__PURE__/_jsx(Button,{onClick:function onClick(){return e(!0)},children:"Open BottomSheet"}),/#__PURE__/_jsx(BottomSheet,_objectSpread(_objectSpread({},a),{},{open:d,onClose:function onClose(){e(!1),action("BottomSheet closed")()}}))]})}};export var Basic={args:{children:/#__PURE__/_jsxs(_Fragment,{children:[/#__PURE__/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/#__PURE__/_jsx("br",{}),/#__PURE__/_jsx("br",{}),/#__PURE__/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/#__PURE__/_jsx(FastFlag,{size:24}),isContainerAligned:!0})]})},parameters:{chromatic:{delay:1e3}}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var WithOverflowContent={args:{children:/#__PURE__/_jsxs(_Fragment,{children:[/#__PURE__/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/#__PURE__/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/#__PURE__/_jsx(FastFlag,{size:24})}),/#__PURE__/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/#__PURE__/_jsx(FastFlag,{size:24}),isContainerAligned:!0}),lorem500,/#__PURE__/_jsx(Body,{type:Typography.BODY_DEFAULT_BOLD,children:lorem10})]})},parameters:{chromatic:{delay:1e3}}};export var WithOverflowContentMobile=storyConfig(WithOverflowContent,{variants:["mobile"]});export var WithOverflowContentDark=storyConfig(WithOverflowContent,{variants:["dark"]});export var WithOverflowContentDarkMobile=storyConfig(WithOverflowContent,{variants:["dark","mobile"]});

package/build/es/polyfill/dateInput/DateInput.story.js ADDED Viewed

@@ -0,0 +1 @@

package/build/es/polyfill/info/Info.story.js ADDED Viewed

@@ -0,0 +1 @@

package/build/es/polyfill/modal/Modal.story.js CHANGED Viewed

@@ -1 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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.to-string.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{select,text}from"@storybook/addon-knobs";import{useState}from"react";import{Button,Modal}from"..";import{Size,Scroll,Position}from"../common";import{storyConfig,lorem10,lorem1000}from"../test-utils";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Dialogs/Modal"};var Template=function(a){var b=useState({value:-1,label:"A thing"}),c=_slicedToArray(b,2),d=c[0],e=c[1],f=select("size",[Size.SMALL,Size.MEDIUM,Size.LARGE,Size.EXTRA_LARGE],Size.MEDIUM),g=useState(!0),h=_slicedToArray(g,2),i=h[0],j=h[1],k=text("title","title"),l=text("class",""),m=select("position",[Position.TOP,Position.CENTER],Position.CENTER),n=select("scroll",[Scroll.CONTENT,Scroll.VIEWPORT],Scroll.CONTENT);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return j(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread(_objectSpread({},a),{},{body:/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx("p",{children:a.children})}),open:i,position:m,size:f,title:k,className:l,scroll:n,footer:/*#__PURE__*/_jsx(Button,{block:!0,onClick:function onClick(){return alert("clicked")},children:"Action"}),onClose:function onClose(){return j(!1)}}))]})};export var Basic=storyConfig(function(){return/*#__PURE__*/_jsx(Template,{children:lorem10})},{visualTest:{delay:2e3}});export var WithLongText=function(){return/*#__PURE__*/_jsx(Template,{children:lorem1000})};export var WithLongTextMobileView=storyConfig(WithLongText,{mobileView:!0,visualTest:{delay:2e3}});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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.to-string.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{action}from"@storybook/addon-actions";import{useState}from"react";import{Button,Modal}from"..";import{Scroll}from"../common";import{lorem10,lorem1000,storyConfig}from"../test-utils";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Dialogs/Modal",args:{size:"md",position:"center",open:!0},parameters:{chromatic:{delay:2e3}}};export var Basic={args:{title:"Title",body:lorem10,scroll:Scroll.VIEWPORT,footer:/*#__PURE__*/_jsx(Button,{block:!0,children:"Action"})},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
+var b=useState(a.open),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return e(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread(_objectSpread({},a),{},{open:d,onClose:function onClose(){e(!1),action("Modal closed")()}}))]})}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var ContentScroll={args:{title:lorem10,body:lorem1000,scroll:Scroll.CONTENT}};export var ContentScrollMobile=storyConfig(ContentScroll,{variants:["mobile"]});export var ViewportScroll={args:{title:lorem10,body:lorem1000,scroll:Scroll.VIEWPORT}};export var ViewportScrollMobile=storyConfig(ViewportScroll,{variants:["mobile"]});export var WithoutTitle={args:{body:lorem1000,scroll:Scroll.CONTENT}};export var WithoutTitleMobile=storyConfig(WithoutTitle,{variants:["mobile"]});

package/build/es/polyfill/phoneNumberInput/PhoneNumberInput.js CHANGED Viewed

	@@ -1 +1 @@
1	- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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.array.map.js";import"core-js/modules/es.array.join.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.replace.js";import"core-js/modules/es.array.find.js";import"core-js/modules/es.object.to-string.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";import{isArray}from"@transferwise/neptune-validation";import PropTypes from"prop-types";import{useState,useEffect}from"react";import{useIntl}from"react-intl";import{Size}from"../common";import Select from"../select";import countries from"./data/countries";import{explodeNumberModel,filterOptionsForQuery,isValidPhoneNumber,cleanNumber,setDefaultPrefix,isStringNumeric,sortArrayByProperty,groupCountriesByPrefix}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ALLOWED_PHONE_CHARS=/^$\|^[\d-\s]+$/,PhoneNumberInput=function(a){var b=a.id,c=a.onChange,d=a.searchPlaceholder,e=a.disabled,f=a.required,g=a.size,h=a.placeholder,i=a.onFocus,j=a.onBlur,k=a.countryCode,l=a.selectProps,m=useIntl(),n=m.locale,o=useState(function getInitialValue(){var b=a.initialValue,c=b?cleanNumber(b):null;return c&&isValidPhoneNumber(c)?explodeNumberModel(c):{prefix:setDefaultPrefix(n,k),suffix:""}}()),p=_slicedToArray(o,2),q=p[0],r=p[1],s=useState(null),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useState(""),x=_slicedToArray(w,2),y=x[0],z=x[1],A=groupCountriesByPrefix(sortArrayByProperty(~~countries~~,"iso3")),B=groupCountriesByPrefix(sortArrayByProperty(~~countries~~,"phone")),C=function getSelectOptions(){var a=filterOptionsForQuery(isStringNumeric(y)?B:A,y);return a.map(function(a){var b=a.phone,c=a.iso3,d=a.iso2,e="";return c?e=isArray(c)?c.join(", "):c:d&&(e=isArray(d)?d.join(", "):d),{value:b,label:b,note:e}})}();return useEffect(function(){if(null===u)return v(q);var a=q.prefix+q.suffix,b=u.prefix+u.suffix;if(a!==b){var d=isValidPhoneNumber(a)?cleanNumber(a):null;c(d),v(q)}},[c,u,q]),/#__PURE__/_jsxs("div",{className:"tw-telephone",children:[/#__PURE__/_jsx("div",{className:"tw-telephone__country-select",children:/#__PURE__/_jsx(Select,_objectSpread({id:b?"".concat(b,"-select"):void 0,options:C,selected:{value:q.prefix,label:q.prefix},placeholder:"Select an option...",searchPlaceholder:d,dropdownWidth:Size.SMALL,searchValue:y,required:f,disabled:e,size:g,onChange:function onPrefixChange(a){var b=a.value;z(""),r({prefix:b,suffix:q.suffix})},onSearchChange:function onSearchChange(a){return z(a)}},l))}),/#__PURE__/_jsx("div",{className:"tw-telephone__number-input",children:/#__PURE__/_jsx("div",{className:"input-group input-group-".concat(g),children:/#__PURE__/_jsx("input",{id:b,name:"phoneNumber",inputMode:"numeric",value:q.suffix,className:"form-control",disabled:e,required:f,placeholder:h,onChange:function onSuffixChange(a){var b=a.target.value,c=void 0===b?"":b;ALLOWED_PHONE_CHARS.test(c)&&r({prefix:q.prefix,suffix:c})},onPaste:function onPaste(a){if(a.nativeEvent.clipboardData){var b=(a.nativeEvent.clipboardData.getData("text/plain")\|\|"").replace(/(\s\|-)+/g,""),c=explodeNumberModel(b),d=c.prefix,e=c.suffix,f=C.find(function(a){var b=a.value;return b===d});f&&ALLOWED_PHONE_CHARS.test(e)&&r({prefix:d,suffix:e})}},onFocus:i,onBlur:j})})})]})};PhoneNumberInput.propTypes={id:PropTypes.string,required:PropTypes.bool,disabled:PropTypes.bool,initialValue:PropTypes.string,onChange:PropTypes.func.isRequired,onFocus:PropTypes.func,onBlur:PropTypes.func,countryCode:PropTypes.string,searchPlaceholder:PropTypes.string,size:PropTypes.oneOf(["sm","md","lg"]),placeholder:PropTypes.string,selectProps:PropTypes.object},PhoneNumberInput.defaultProps={id:null,required:!1,disabled:!1,initialValue:null,onFocus:function onFocus(){},onBlur:function onBlur(){},countryCode:null,searchPlaceholder:"Prefix",size:Size.MEDIUM,placeholder:"",selectProps:{}};export default PhoneNumberInput;
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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.array.map.js";import"core-js/modules/es.array.join.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.replace.js";import"core-js/modules/es.array.find.js";import"core-js/modules/es.object.to-string.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";import{isArray}from"@transferwise/neptune-validation";import PropTypes from"prop-types";import{useState,useEffect}from"react";import{useIntl}from"react-intl";import{Size}from"../common";import Select from"../select";import countries from"./data/countries";import{explodeNumberModel,filterOptionsForQuery,isValidPhoneNumber,cleanNumber,setDefaultPrefix,isStringNumeric,sortArrayByProperty,groupCountriesByPrefix,excludeCountries}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ALLOWED_PHONE_CHARS=/^$\|^[\d-\s]+$/,PhoneNumberInput=function(a){var b=a.id,c=a.onChange,d=a.searchPlaceholder,e=a.disabled,f=a.required,g=a.size,h=a.placeholder,i=a.onFocus,j=a.onBlur,k=a.countryCode,l=a.selectProps,m=a.disabledCountries,n=useIntl(),o=n.locale,p=useState(function getInitialValue(){var b=a.initialValue,c=b?cleanNumber(b):null;return c&&isValidPhoneNumber(c)?explodeNumberModel(c):{prefix:setDefaultPrefix(o,k),suffix:""}}()),q=_slicedToArray(p,2),r=q[0],s=q[1],t=useState(null),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(""),y=_slicedToArray(x,2),z=y[0],A=y[1],B=excludeCountries(countries,m),C=groupCountriesByPrefix(sortArrayByProperty(B,"iso3")),D=groupCountriesByPrefix(sortArrayByProperty(B,"phone")),E=function getSelectOptions(){var a=filterOptionsForQuery(isStringNumeric(z)?D:C,z);return a.map(function(a){var b=a.phone,c=a.iso3,d=a.iso2,e="";return c?e=isArray(c)?c.join(", "):c:d&&(e=isArray(d)?d.join(", "):d),{value:b,label:b,note:e}})}();return useEffect(function(){if(null===v)return w(r);var a=r.prefix+r.suffix,b=v.prefix+v.suffix;if(a!==b){var d=isValidPhoneNumber(a)?cleanNumber(a):null;c(d),w(r)}},[c,v,r]),/#__PURE__/_jsxs("div",{className:"tw-telephone",children:[/#__PURE__/_jsx("div",{className:"tw-telephone__country-select",children:/#__PURE__/_jsx(Select,_objectSpread({id:b?"".concat(b,"-select"):void 0,options:E,selected:{value:r.prefix,label:r.prefix},placeholder:"Select an option...",searchPlaceholder:d,dropdownWidth:Size.SMALL,searchValue:z,required:f,disabled:e,size:g,onChange:function onPrefixChange(a){var b=a.value;A(""),s({prefix:b,suffix:r.suffix})},onSearchChange:function onSearchChange(a){return A(a)}},l))}),/#__PURE__/_jsx("div",{className:"tw-telephone__number-input",children:/#__PURE__/_jsx("div",{className:"input-group input-group-".concat(g),children:/#__PURE__/_jsx("input",{id:b,name:"phoneNumber",inputMode:"numeric",value:r.suffix,className:"form-control",disabled:e,required:f,placeholder:h,onChange:function onSuffixChange(a){var b=a.target.value,c=void 0===b?"":b;ALLOWED_PHONE_CHARS.test(c)&&s({prefix:r.prefix,suffix:c})},onPaste:function onPaste(a){if(a.nativeEvent.clipboardData){var b=(a.nativeEvent.clipboardData.getData("text/plain")\|\|"").replace(/(\s\|-)+/g,""),c=explodeNumberModel(b),d=c.prefix,e=c.suffix,f=E.find(function(a){var b=a.value;return b===d});f&&ALLOWED_PHONE_CHARS.test(e)&&s({prefix:d,suffix:e})}},onFocus:i,onBlur:j})})})]})};PhoneNumberInput.propTypes={id:PropTypes.string,required:PropTypes.bool,disabled:PropTypes.bool,initialValue:PropTypes.string,onChange:PropTypes.func.isRequired,onFocus:PropTypes.func,onBlur:PropTypes.func,countryCode:PropTypes.string,searchPlaceholder:PropTypes.string,size:PropTypes.oneOf(["sm","md","lg"]),placeholder:PropTypes.string,selectProps:PropTypes.object,/** List of iso3 codes of countries to remove from the list */disabledCountries:PropTypes.arrayOf(PropTypes.string)},PhoneNumberInput.defaultProps={id:null,required:!1,disabled:!1,initialValue:null,onFocus:function onFocus(){},onBlur:function onBlur(){},countryCode:null,searchPlaceholder:"Prefix",size:Size.MEDIUM,placeholder:"",selectProps:{},disabledCountries:[]};export default PhoneNumberInput;

package/build/es/polyfill/phoneNumberInput/utils/excludeCountries/excludeCountries.js ADDED Viewed

@@ -0,0 +1,8 @@
+import"core-js/modules/es.array.iterator.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.set.js";import"core-js/modules/es.string.iterator.js";import"core-js/modules/web.dom-collections.iterator.js";import"core-js/modules/es.array.filter.js";// Reference fro localeCompare : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare
+var filterCountriesByIso3=function(a,b){var c=new Set(b);return a.filter(function(a){return!c.has(a.iso3)})};/**
+ * Removes the countries sepecified in the second param
+ *
+ * @param {Array} countries: list of country metadata objects
+ * @param {Array} disabledCountries: list of iso3 country codes to remove from the list
+ * @returns
+ */export var excludeCountries=function(a,b){return 0<b.length?filterCountriesByIso3(a,b):a};

package/build/es/polyfill/phoneNumberInput/utils/excludeCountries/index.js ADDED Viewed

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

package/build/es/polyfill/phoneNumberInput/utils/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{setDefaultPrefix}from"./setDefaultPrefix";export{isValidPhoneNumber}from"./isValidPhoneNumber";export{explodeNumberModel}from"./explodeNumberModel";export{longestMatchingPrefix}from"./longestMatchingPrefix";export{findCountryByPrefix}from"./findCountryByPrefix";export{findCountryByCode}from"./findCountryByCode";export{filterOptionsForQuery}from"./filterOptionsForQuery";export{isOptionAndFitsQuery}from"./isOptionAndFitsQuery";export{cleanNumber}from"./cleanNumber";export{isStringNumeric}from"./isStringNumeric";export{sortArrayByProperty}from"./sortArrayByProperty";export{groupCountriesByPrefix}from"./groupCountriesByPrefix";
1	+ export{setDefaultPrefix}from"./setDefaultPrefix";export{isValidPhoneNumber}from"./isValidPhoneNumber";export{explodeNumberModel}from"./explodeNumberModel";export{longestMatchingPrefix}from"./longestMatchingPrefix";export{findCountryByPrefix}from"./findCountryByPrefix";export{findCountryByCode}from"./findCountryByCode";export{filterOptionsForQuery}from"./filterOptionsForQuery";export{isOptionAndFitsQuery}from"./isOptionAndFitsQuery";export{cleanNumber}from"./cleanNumber";export{isStringNumeric}from"./isStringNumeric";export{sortArrayByProperty}from"./sortArrayByProperty";export{groupCountriesByPrefix}from"./groupCountriesByPrefix";export{excludeCountries}from"./excludeCountries";

package/build/es/polyfill/select/option/Option.js CHANGED Viewed

@@ -1,2 +1,2 @@
 import"core-js/modules/es.array.join.js";import"core-js/modules/es.array.map.js";// Option.tsx NEW
-import{useTheme}from"@wise/components-theming";import{cloneElement}from"react";import Body from"../../body";import{Typography}from"../../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";function Option(a){var b=a.label,c=a.currency,d=void 0===c?"":c,e=a.note,f=void 0===e?"":e,g=a.secondary,h=void 0===g?"":g,i=a.icon,j=a.classNames,k=void 0===j?{}:j,l=a.selected,m=void 0!==l&&l,n=useTheme(),o=n.isModern,p=d?function style(a){return a.map(function(a){return k[a]||a}).join(" ")}(["currency-flag","currency-flag-".concat(d.toLowerCase())]):void 0,q=i?/*#__PURE__*/cloneElement(i,{size:24,className:"tw-icon"}):d&&/*#__PURE__*/_jsx("i",{className:p}),r=/*#__PURE__*/_jsxs(Body,{as:"span",type:Typography.BODY_LARGE,className:m?"text-ellipsis":void 0,children:[b,f&&/*#__PURE__*/_jsx(Body,{as:"span",className:o?"m-l-1":"m-l-1 body-2",children:f})]}),s=h&&/*#__PURE__*/_jsx(Body,{className:function secondaryElementClassNames(){var a;return m&&(a="text-ellipsis"),o?a:"".concat(a?a+" ":"","body-2")}(),children:h});return q?/*#__PURE__*/_jsxs("div",{className:"d-flex np-option-content",children:[/*#__PURE__*/_jsx("div",{className:"d-flex flex-column".concat(m?" justify-content-center":""),children:q}),/*#__PURE__*/_jsxs("div",{className:"d-flex flex-column",children:[r,s]})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[q,r,s]})}export default Option;
+import{useTheme}from"@wise/components-theming";import{cloneElement}from"react";import Body from"../../body";import{Typography}from"../../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";function Option(a){var b=a.label,c=a.currency,d=void 0===c?"":c,e=a.note,f=void 0===e?"":e,g=a.secondary,h=void 0===g?"":g,i=a.icon,j=a.classNames,k=void 0===j?{}:j,l=a.selected,m=void 0!==l&&l,n=useTheme(),o=n.isModern,p=d?function style(a){return a.map(function(a){return k[a]||a}).join(" ")}(["currency-flag","currency-flag-".concat(d.toLowerCase())]):void 0,q=i?/*#__PURE__*/cloneElement(i,{size:24,className:"tw-icon"}):d&&/*#__PURE__*/_jsx("i",{className:p}),r=/*#__PURE__*/_jsxs(Body,{as:"span",type:Typography.BODY_LARGE,className:m?"text-ellipsis":void 0,children:[b,f&&/*#__PURE__*/_jsx(Body,{as:"span",className:o?"m-l-1":"m-l-1 body-2",children:f})]}),s=h&&/*#__PURE__*/_jsx(Body,{className:function secondaryElementClassNames(){var a;return m&&(a="text-ellipsis"),o?a:"".concat(a?a+" ":"","body-2")}(),children:h});return q?/*#__PURE__*/_jsxs("div",{className:"d-flex np-option-content",children:[/*#__PURE__*/_jsx("div",{className:"d-flex flex-column".concat(m?" justify-content-center":""),children:q}),/*#__PURE__*/_jsxs("div",{className:"d-flex flex-column justify-content-center",children:[r,s]})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[q,r,s]})}export default Option;

package/build/es/polyfill/tooltip/Tooltip.story.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~select~~,~~text~~}from"@storybook/~~addon~~-~~knobs~~";import Button from"../button";import{~~Position}from"../common";import{within,userEvent,~~storyConfig}from"../test-utils";import Tooltip from"./Tooltip";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Tooltip,title:"Dialogs/Tooltip"~~};export var Basic=function()~~{~~var a=text("~~label"~~,"Hey~~ ~~edit~~ ~~me!!!!!!~~"),~~b=select("~~position",~~[Position.BOTTOM,Position.TOP,Position.LEFT,Position.RIGHT],Position.BOTTOM~~);return/#__PURE__/_jsx("div",{className:"text-xs-center",children:/#__PURE__/_jsx(Tooltip,{~~label:~~a,~~position:b~~,children:/#__PURE__/_jsx(Button,{children:"Hover me"})})})};Basic~~.play~~=~~hoverOverButton~~;export var ~~BasicDarkMode~~=~~storyConfig(Basic,~~{~~darkMode:!0~~}~~);BasicDarkMode.~~play~~=hoverOverButton;~~function ~~hoverOverButton~~(a){var b=a.canvasElement,c=within(b);userEvent.hover(c.getByRole("button"))}
1	+ import _defineProperty from"@babel/runtime/helpers/defineProperty";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.to-string.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{userEvent,within}from"@storybook/testing-library";import Button from"../button";import{storyConfig}from"../test-utils";import Tooltip from"./Tooltip";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Tooltip,title:"Dialogs/Tooltip",args:{label:"This is the content",position:"bottom"},render:function render(a){return/#__PURE__/_jsx("div",{className:"text-xs-center",style:{flexBasis:"150px"},children:/#__PURE__/_jsx(Tooltip,_objectSpread(_objectSpread({},a),{},{children:/#__PURE__/_jsx(Button,{children:"Hover me"})}))})},tags:["autodocs"]};export var Basic={};export var OpenedTooltip={parameters:{chromatic:{delay:1e3}},play:function play(a){var b=a.canvasElement,c=within(b);userEvent.hover(c.getByRole("button"))}};export var OpenedTooltipDark=storyConfig(OpenedTooltip,{variants:["dark"]});