diff --git a/iframe.html b/iframe.html index afb077cd..5295f9cf 100644 --- a/iframe.html +++ b/iframe.html @@ -57,4 +57,4 @@ console.warn('unable to connect to parent frame for connecting dev tools'); }

No Preview

Sorry, but you either have no stories or none are selected somehow.

     
-  
\ No newline at end of file +
\ No newline at end of file diff --git a/static/iframe.0258044d7d3b4b5976d5.bundle.js b/static/iframe.0258044d7d3b4b5976d5.bundle.js new file mode 100644 index 00000000..63dbeb5c --- /dev/null +++ b/static/iframe.0258044d7d3b4b5976d5.bundle.js @@ -0,0 +1,2 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{412:function(e,t,n){n(164),n(413),e.exports=n(414)},414:function(e,t,n){"use strict";n.r(t),function(e){var t=n(60),r=n(427);Object(t.configure)(function(){r.keys().forEach(function(e){return r(e)})},e)}.call(this,n(328)(e))},427:function(e,t,n){var r={"./Trans.story.tsx":428,"./interpolations.story.tsx":430,"./precreated.story.tsx":431,"./readme.story.tsx":433,"./useT.story.tsx":434,"./withT.story.tsx":435};function o(e){var t=l(e);return n(t)}function l(e){var t=r[e];if(!(t+1)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return t}o.keys=function(){return Object.keys(r)},o.resolve=l,e.exports=o,o.id=427},428:function(e,t,n){"use strict";(function(e){Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),o=n(60),l=n(88).default(),a=l.Provider,c=l.Trans,u=function(e){var t=e.t,n=e.T;return r.createElement("div",null,t("Hello"),", user! ",t("welcome"),r.createElement("br",null),r.createElement("button",{onClick:function(){return n.setLocale("en")}},"en"),r.createElement("button",{onClick:function(){return n.setLocale("fr")}},"fr"))};o.storiesOf("Trans",e).add("Switch preloaded translations as FaCC",function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}},fr:{main:{Hello:"Bonjour",welcome:"Lala!"}}}},r.createElement(c,null,function(e,t){return r.createElement(u,{t:e,T:t})}),r.createElement(c,null,"Hello"),r.createElement(c,null," yo ","welcome"," ... ",function(e){return e("welcome")},"!"))}).add('Switch preloaded translations as "children" render prop',function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}},fr:{main:{Hello:"Bonjour",welcome:"Lala!"}}}},r.createElement(c,{children:function(e,t){return r.createElement(u,{t:e,T:t})}}))}).add("Missing language",function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}}}},r.createElement(c,null,function(e,t){return r.createElement(u,{t:e,T:t})}))}).add("Load translations dynamically, 2 sec delay",function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}}},loader:function(){return new Promise(function(e){setTimeout(function(){e({Hello:"Bonjour",welcome:"Lala!"})},2e3)})}},r.createElement(c,null,function(e,t){return r.createElement(u,{t:e,T:t})}))}).add("Without provider",function(){return r.createElement(c,null,function(e,t){return r.createElement(u,{t:e,T:t})})}).add("Text as children",function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}},fr:{main:{Hello:"Bonjour",welcome:"Lala!"}}}},r.createElement("div",null,r.createElement(c,{children:function(e,t){return r.createElement(r.Fragment,null,r.createElement("button",{onClick:function(){return t.setLocale("en")}},"en"),r.createElement("button",{onClick:function(){return t.setLocale("fr")}},"fr"))}}),r.createElement(c,null,"Hello"),", user! ",r.createElement(c,null,"welcome")))})}).call(this,n(42)(e))},430:function(e,t,n){"use strict";(function(e){var r=this&&this.__makeTemplateObject||function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e};Object.defineProperty(t,"__esModule",{value:!0});var o,l,a,c,u,i,s,f=n(1),m=n(60),d=n(88).default(),p=d.Provider,h=d.useT,v=function(e){var t=h()[0];return f.createElement("div",null,t("Hello"),", ",e.name,"! ",t("you_have_likes",3),f.createElement("div",null,t.t("hello_user")(o||(o=r(["Hello, ","!"],["Hello, ","!"])),e.name)),f.createElement("div",null,t.t("missing")(l||(l=r(["Hello, ","!"],["Hello, ","!"])),e.name)),f.createElement("div",null,"Some text:",f.createElement("p",null,t.t("login_footer_text")(a||(a=r(["\n By signing-in above, you acknowledge that you have read and \n understood, and agree to our "," \n and ","."],["\n By signing-in above, you acknowledge that you have read and \n understood, and agree to our "," \n and ","."])),f.createElement("a",{href:"/terms-of-use"},t("Terms of Use")),f.createElement("a",{href:"/privacy-policy"},t("Privacy Policy"))))),f.createElement("div",null,"No translation:",f.createElement("p",null,t.t("no_translation")(c||(c=r(["\n By signing-in above, you acknowledge that you have read and \n understood, and agree to our "," \n and ","."],["\n By signing-in above, you acknowledge that you have read and \n understood, and agree to our "," \n and ","."])),f.createElement("a",{href:"/terms-of-use"},t("Terms of Use")),f.createElement("a",{href:"/privacy-policy"},t("Privacy Policy"))))))};m.storiesOf("Interpolations",e).add("Example",function(){return f.createElement(p,{locale:"de",map:{de:{main:{Hello:"Hallo",you_have_likes:function(e){return e(u||(u=r(["You have "," likes."],["You have "," likes."])),0)},hello_user:function(e){return e(i||(i=r(["Hi, ","!"],["Hi, ","!"])),0)},login_footer_text:function(e){return e(s||(s=r(["Basically, you agree to: "," and ","."],["Basically, you agree to: "," and ","."])),0,1)}}}}},f.createElement(v,{name:"Mike"}))})}).call(this,n(42)(e))},431:function(e,t,n){"use strict";(function(e){Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),o=n(60),l=n(432),a=function(){var e=l.useT(),t=e[0],n=e[1].setLocale;return r.createElement("div",null,t("Hello"),", user! ",t("welcome"),r.createElement("br",null),r.createElement("button",{onClick:function(){return n("en")}},"en"),r.createElement("button",{onClick:function(){return n("fr")}},"fr"))};o.storiesOf("useT precreated",e).add("Switch preloaded translations",function(){return r.createElement(l.Provider,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}},fr:{main:{Hello:"Bonjour",welcome:"Lala!"}}}},r.createElement(a,null))}).add("Missing language",function(){return r.createElement(l.Provider,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}}}},r.createElement(a,null))}).add("Load translations dynamically, 2 sec delay",function(){return r.createElement(l.Provider,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}}},loader:function(){return new Promise(function(e){setTimeout(function(){e({Hello:"Bonjour",welcome:"Lala!"})},2e3)})}},r.createElement(a,null))}).add("Without provider",function(){return r.createElement(a,null)})}).call(this,n(42)(e))},432:function(e,t,n){"use strict";var r;Object.defineProperty(t,"__esModule",{value:!0});var o=n(88);t.Consumer=(r=o.default()).Consumer,t.Provider=r.Provider,t.Trans=r.Trans,t.context=r.context,t.useT=r.useT,t.withT=r.withT,t.T=r.T},433:function(e,t,n){"use strict";(function(e){var r=this&&this.__makeTemplateObject||function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e};Object.defineProperty(t,"__esModule",{value:!0});var o,l=n(1),a=n(60),c=n(88).default(),u=c.Provider,i=c.useT,s=function(e){var t=i()[0];return l.createElement("div",null,l.createElement("div",null,t("Hello"),", ",e.name,"!"),l.createElement("div",null,t.t("hello_user")(o||(o=r(["Hello, ","!"],["Hello, ","!"])),e.name)))};a.storiesOf("Readme",e).add("Example",function(){return l.createElement(u,{locale:"de",map:{de:{main:{Hello:"Hallo",hello_user:function(e){return"Hi, "+e+"!"}}}}},l.createElement(s,{name:"Mike"}))})}).call(this,n(42)(e))},434:function(e,t,n){"use strict";(function(e){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))(function(o,l){function a(e){try{u(r.next(e))}catch(e){l(e)}}function c(e){try{u(r.throw(e))}catch(e){l(e)}}function u(e){e.done?o(e.value):new n(function(t){t(e.value)}).then(a,c)}u((r=r.apply(e,t||[])).next())})},o=this&&this.__generator||function(e,t){var n,r,o,l,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return l={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function c(l){return function(c){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,r=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===l[0]||2===l[0])){a=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]0&&o[o.length-1])&&(6===l[0]||2===l[0])){a=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1] {\n req.keys().forEach((filename) => req(filename));\n};\n\nconfigure(loadStories, module);\n"],"mappings":"AAAA","sourceRoot":""} \ No newline at end of file +{"version":3,"file":"static/iframe.0258044d7d3b4b5976d5.bundle.js","sources":["webpack:///./.storybook/config.js"],"sourcesContent":["import {configure} from '@storybook/react';\n\nconst req = require.context('../src/__stories__/', true, /.*\\.(stories|story)\\.(js|jsx|ts|tsx)?$/);\n\nconst loadStories = () => {\n req.keys().forEach((filename) => req(filename));\n};\n\nconfigure(loadStories, module);\n"],"mappings":"AAAA","sourceRoot":""} \ No newline at end of file diff --git a/static/iframe.63dc71cc4c55468073e3.bundle.js b/static/iframe.63dc71cc4c55468073e3.bundle.js deleted file mode 100644 index 3fd50939..00000000 --- a/static/iframe.63dc71cc4c55468073e3.bundle.js +++ /dev/null @@ -1,2 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{412:function(e,t,n){n(164),n(413),e.exports=n(414)},414:function(e,t,n){"use strict";n.r(t),function(e){var t=n(60),r=n(427);Object(t.configure)(function(){r.keys().forEach(function(e){return r(e)})},e)}.call(this,n(328)(e))},427:function(e,t,n){var r={"./Trans.story.tsx":428,"./interpolations.story.tsx":430,"./precreated.story.tsx":431,"./readme.story.tsx":433,"./useT.story.tsx":434,"./withT.story.tsx":435};function l(e){var t=o(e);return n(t)}function o(e){var t=r[e];if(!(t+1)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return t}l.keys=function(){return Object.keys(r)},l.resolve=o,e.exports=l,l.id=427},428:function(e,t,n){"use strict";(function(e){Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),l=n(60),o=n(88).default(),a=o.Provider,c=o.Trans,u=function(e){var t=e.t,n=e.T;return r.createElement("div",null,t("Hello"),", user! ",t("welcome"),r.createElement("br",null),r.createElement("button",{onClick:function(){return n.setLocale("en")}},"en"),r.createElement("button",{onClick:function(){return n.setLocale("fr")}},"fr"))};l.storiesOf("Trans",e).add("Switch preloaded translations as FaCC",function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}},fr:{main:{Hello:"Bonjour",welcome:"Lala!"}}}},r.createElement(c,null,function(e,t){return r.createElement(u,{t:e,T:t})}),r.createElement(c,null,"Hello"),r.createElement(c,null," yo ","welcome"," ... ",function(e){return e("welcome")},"!"))}).add('Switch preloaded translations as "children" render prop',function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}},fr:{main:{Hello:"Bonjour",welcome:"Lala!"}}}},r.createElement(c,{children:function(e,t){return r.createElement(u,{t:e,T:t})}}))}).add("Missing language",function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}}}},r.createElement(c,null,function(e,t){return r.createElement(u,{t:e,T:t})}))}).add("Load translations dynamically, 2 sec delay",function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}}},loader:function(){return new Promise(function(e){setTimeout(function(){e({Hello:"Bonjour",welcome:"Lala!"})},2e3)})}},r.createElement(c,null,function(e,t){return r.createElement(u,{t:e,T:t})}))}).add("Without provider",function(){return r.createElement(c,null,function(e,t){return r.createElement(u,{t:e,T:t})})}).add("Text as children",function(){return r.createElement(a,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}},fr:{main:{Hello:"Bonjour",welcome:"Lala!"}}}},r.createElement("div",null,r.createElement(c,{children:function(e,t){return r.createElement(r.Fragment,null,r.createElement("button",{onClick:function(){return t.setLocale("en")}},"en"),r.createElement("button",{onClick:function(){return t.setLocale("fr")}},"fr"))}}),r.createElement(c,null,"Hello"),", user! ",r.createElement(c,null,"welcome")))})}).call(this,n(42)(e))},430:function(e,t,n){"use strict";(function(e){var r=this&&this.__makeTemplateObject||function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e};Object.defineProperty(t,"__esModule",{value:!0});var l,o,a=n(1),c=n(60),u=n(88).default(),i=u.Provider,s=u.useT,f=function(e){var t=s()[0];return a.createElement("div",null,t("Hello"),", ",e.name,"! ",t("you_have_likes",3),a.createElement("div",null,t.t("hello_user")(l||(l=r(["Hello, ","!"],["Hello, ","!"])),e.name)),a.createElement("div",null,t.t("missing")(o||(o=r(["Hello, ","!"],["Hello, ","!"])),e.name)))};c.storiesOf("Interpolations",e).add("Example",function(){return a.createElement(i,{locale:"de",map:{de:{main:{Hello:"Hallo",you_have_likes:function(e){return"You have "+e+" likes."},hello_user:function(e){return"Hi, "+e+"!"}}}}},a.createElement(f,{name:"Mike"}))})}).call(this,n(42)(e))},431:function(e,t,n){"use strict";(function(e){Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),l=n(60),o=n(432),a=function(){var e=o.useT(),t=e[0],n=e[1].setLocale;return r.createElement("div",null,t("Hello"),", user! ",t("welcome"),r.createElement("br",null),r.createElement("button",{onClick:function(){return n("en")}},"en"),r.createElement("button",{onClick:function(){return n("fr")}},"fr"))};l.storiesOf("useT precreated",e).add("Switch preloaded translations",function(){return r.createElement(o.Provider,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}},fr:{main:{Hello:"Bonjour",welcome:"Lala!"}}}},r.createElement(a,null))}).add("Missing language",function(){return r.createElement(o.Provider,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}}}},r.createElement(a,null))}).add("Load translations dynamically, 2 sec delay",function(){return r.createElement(o.Provider,{map:{en:{main:{Hello:"Hello",welcome:"Welcome!"}}},loader:function(){return new Promise(function(e){setTimeout(function(){e({Hello:"Bonjour",welcome:"Lala!"})},2e3)})}},r.createElement(a,null))}).add("Without provider",function(){return r.createElement(a,null)})}).call(this,n(42)(e))},432:function(e,t,n){"use strict";var r;Object.defineProperty(t,"__esModule",{value:!0});var l=n(88);t.Consumer=(r=l.default()).Consumer,t.Provider=r.Provider,t.Trans=r.Trans,t.context=r.context,t.useT=r.useT,t.withT=r.withT,t.T=r.T},433:function(e,t,n){"use strict";(function(e){var r=this&&this.__makeTemplateObject||function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e};Object.defineProperty(t,"__esModule",{value:!0});var l,o=n(1),a=n(60),c=n(88).default(),u=c.Provider,i=c.useT,s=function(e){var t=i()[0];return o.createElement("div",null,o.createElement("div",null,t("Hello"),", ",e.name,"!"),o.createElement("div",null,t.t("hello_user")(l||(l=r(["Hello, ","!"],["Hello, ","!"])),e.name)))};a.storiesOf("Readme",e).add("Example",function(){return o.createElement(u,{locale:"de",map:{de:{main:{Hello:"Hallo",hello_user:function(e){return"Hi, "+e+"!"}}}}},o.createElement(s,{name:"Mike"}))})}).call(this,n(42)(e))},434:function(e,t,n){"use strict";(function(e){var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))(function(l,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){e.done?l(e.value):new n(function(t){t(e.value)}).then(a,c)}u((r=r.apply(e,t||[])).next())})},l=this&&this.__generator||function(e,t){var n,r,l,o,a={label:0,sent:function(){if(1&l[0])throw l[1];return l[1]},trys:[],ops:[]};return o={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function c(o){return function(c){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(l=2&o[0]?r.return:o[0]?r.throw||((l=r.return)&&l.call(r),0):r.next)&&!(l=l.call(r,o[1])).done)return l;switch(r=0,l&&(o=[2&o[0],l.value]),o[0]){case 0:case 1:l=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(l=(l=a.trys).length>0&&l[l.length-1])&&(6===o[0]||2===o[0])){a=0;continue}if(3===o[0]&&(!l||o[1]>l[0]&&o[1]0&&l[l.length-1])&&(6===o[0]||2===o[0])){a=0;continue}if(3===o[0]&&(!l||o[1]>l[0]&&o[1]