diff --git a/index.html b/index.html index f0608b939..677e11790 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ @@ -23,7 +23,7 @@ diff --git a/showroom/build/app.d8db5cceba5ff2d06ecb.js.gz b/showroom/build/app.d8db5cceba5ff2d06ecb.js.gz deleted file mode 100644 index 9c1c3f404..000000000 Binary files a/showroom/build/app.d8db5cceba5ff2d06ecb.js.gz and /dev/null differ diff --git a/showroom/build/app.d8db5cceba5ff2d06ecb.js b/showroom/build/app.f98a714bd343752c56d5.js similarity index 98% rename from showroom/build/app.d8db5cceba5ff2d06ecb.js rename to showroom/build/app.f98a714bd343752c56d5.js index 1f91eefff..d04931d7a 100644 --- a/showroom/build/app.d8db5cceba5ff2d06ecb.js +++ b/showroom/build/app.f98a714bd343752c56d5.js @@ -69,7 +69,7 @@ i.default)({dropTarget:function(e,n){e===a&&(0,u.default)(n,o)||(a=e,o=n,t())}}) if(!t)return!0;var o=String(e[r.valueKey]),s=String(e[r.labelKey]);return r.ignoreAccents&&("label"!==r.matchProp&&(o=(0,i.default)(o)),"value"!==r.matchProp&&(s=(0,i.default)(s))),r.ignoreCase&&("label"!==r.matchProp&&(o=o.toLowerCase()),"value"!==r.matchProp&&(s=s.toLowerCase())),"start"===r.matchPos?"label"!==r.matchProp&&o.substr(0,t.length)===t||"value"!==r.matchProp&&s.substr(0,t.length)===t:"label"!==r.matchProp&&o.indexOf(t)>=0||"value"!==r.matchProp&&s.indexOf(t)>=0})}var o=n(755),i=r(o);e.exports=a},function(e,t){"use strict";var n=[{base:"A",letters:/[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g},{base:"AA",letters:/[\uA732]/g},{base:"AE",letters:/[\u00C6\u01FC\u01E2]/g},{base:"AO",letters:/[\uA734]/g},{base:"AU",letters:/[\uA736]/g},{base:"AV",letters:/[\uA738\uA73A]/g},{base:"AY",letters:/[\uA73C]/g},{base:"B",letters:/[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g},{base:"C",letters:/[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g},{base:"D",letters:/[\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779]/g},{base:"DZ",letters:/[\u01F1\u01C4]/g},{base:"Dz",letters:/[\u01F2\u01C5]/g},{base:"E",letters:/[\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E]/g},{base:"F",letters:/[\u0046\u24BB\uFF26\u1E1E\u0191\uA77B]/g},{base:"G",letters:/[\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E]/g},{base:"H",letters:/[\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D]/g},{base:"I",letters:/[\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197]/g},{base:"J",letters:/[\u004A\u24BF\uFF2A\u0134\u0248]/g},{base:"K",letters:/[\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2]/g},{base:"L",letters:/[\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780]/g},{base:"LJ",letters:/[\u01C7]/g},{base:"Lj",letters:/[\u01C8]/g},{base:"M",letters:/[\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C]/g},{base:"N",letters:/[\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4]/g},{base:"NJ",letters:/[\u01CA]/g},{base:"Nj",letters:/[\u01CB]/g},{base:"O",letters:/[\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C]/g},{base:"OI",letters:/[\u01A2]/g},{base:"OO",letters:/[\uA74E]/g},{base:"OU",letters:/[\u0222]/g},{base:"P",letters:/[\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754]/g},{base:"Q",letters:/[\u0051\u24C6\uFF31\uA756\uA758\u024A]/g},{base:"R",letters:/[\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782]/g},{base:"S",letters:/[\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784]/g},{base:"T",letters:/[\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786]/g},{base:"TZ",letters:/[\uA728]/g},{base:"U",letters:/[\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244]/g},{base:"V",letters:/[\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245]/g},{base:"VY",letters:/[\uA760]/g},{base:"W",letters:/[\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72]/g},{base:"X",letters:/[\u0058\u24CD\uFF38\u1E8A\u1E8C]/g},{base:"Y",letters:/[\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE]/g},{base:"Z",letters:/[\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762]/g},{base:"a",letters:/[\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250]/g},{base:"aa",letters:/[\uA733]/g},{base:"ae",letters:/[\u00E6\u01FD\u01E3]/g},{base:"ao",letters:/[\uA735]/g},{base:"au",letters:/[\uA737]/g},{base:"av",letters:/[\uA739\uA73B]/g},{base:"ay",letters:/[\uA73D]/g},{base:"b",letters:/[\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253]/g},{base:"c",letters:/[\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184]/g},{base:"d",letters:/[\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A]/g},{base:"dz",letters:/[\u01F3\u01C6]/g},{base:"e",letters:/[\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD]/g},{base:"f",letters:/[\u0066\u24D5\uFF46\u1E1F\u0192\uA77C]/g},{base:"g",letters:/[\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F]/g},{base:"h",letters:/[\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265]/g},{base:"hv",letters:/[\u0195]/g},{base:"i",letters:/[\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131]/g},{base:"j",letters:/[\u006A\u24D9\uFF4A\u0135\u01F0\u0249]/g},{base:"k",letters:/[\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3]/g},{base:"l",letters:/[\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747]/g},{base:"lj",letters:/[\u01C9]/g},{base:"m",letters:/[\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F]/g},{base:"n",letters:/[\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5]/g},{base:"nj",letters:/[\u01CC]/g},{base:"o",letters:/[\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275]/g},{base:"oi",letters:/[\u01A3]/g},{base:"ou",letters:/[\u0223]/g},{base:"oo",letters:/[\uA74F]/g},{base:"p",letters:/[\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755]/g},{base:"q",letters:/[\u0071\u24E0\uFF51\u024B\uA757\uA759]/g},{base:"r",letters:/[\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783]/g},{base:"s",letters:/[\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B]/g},{base:"t",letters:/[\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787]/g},{base:"tz",letters:/[\uA729]/g},{base:"u",letters:/[\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289]/g},{base:"v",letters:/[\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C]/g},{base:"vy",letters:/[\uA761]/g},{base:"w",letters:/[\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73]/g},{base:"x",letters:/[\u0078\u24E7\uFF58\u1E8B\u1E8D]/g},{base:"y",letters:/[\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF]/g},{base:"z",letters:/[\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763]/g}];e.exports=function(e){for(var t=0;t-1,h=e===t,m=h?"focused":null,v=(0,i.default)(o,{"Select-option":!0,"is-selected":c,"is-focused":h,"is-disabled":e.disabled});return u.default.createElement(f,{className:v,instancePrefix:n,isDisabled:e.disabled,isFocused:h,isSelected:c,key:"option-"+s+"-"+e[d],onFocus:r,onSelect:a,option:e,optionIndex:s,ref:m},l(e,s))})}var o=n(493),i=r(o),s=n(1),u=r(s);e.exports=a},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e){return e&&"object"!=typeof e&&(e={}),e?e:null}function o(e,t,n){e&&(e[t]=n)}function i(e,t){if(e)for(var n=t.length;n>=0;--n){var r=t.slice(0,n);if(e[r]&&(t===r||e[r].complete))return e[r]}}function s(e,t){if(e&&"function"==typeof e.then)return e.then(function(e){t(null,e)},function(e){t(e)})}var u=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e){var t=e.option,n=e.options,r=e.labelKey,a=e.valueKey;return 0===n.filter(function(e){return e[r]===t[r]||e[a]===t[a]}).length}function i(e){var t=e.label;return!!t}function s(e){var t=e.label,n=e.labelKey,r=e.valueKey,a={};return a[r]=t,a[n]=t,a.className="Select-create-option-placeholder",a}function u(e){return'Create option "'+e+'"'}function l(e){var t=e.keyCode;switch(t){case 9:case 13:case 188:return!0}return!1}var c=Object.assign||function(e){for(var t=1;t=0&&(n=n.substring(0,l)+"([\\w._\\+]+)"+n.substring(l+5)),t[a]=new RegExp(n,"i");c.props[e]=t}r(c.oss),r(c.phones),r(c.tablets),r(c.uas),r(c.utils),c.oss0={WindowsPhoneOS:c.oss.WindowsPhoneOS,WindowsMobileOS:c.oss.WindowsMobileOS}}(),o.findMatch=function(e,t){for(var n in e)if(s.call(e,n)&&e[n].test(t))return n;return null},o.findMatches=function(e,t){var n=[];for(var r in e)s.call(e,r)&&e[r].test(t)&&n.push(r);return n},o.getVersionStr=function(e,t){var n,r,a,i,u=o.mobileDetectRules.props;if(s.call(u,e))for(n=u[e],a=n.length,r=0;r1&&(e=t[0]+".",t.shift(),e+=t.join("")),Number(e)},o.isMobileFallback=function(e){return o.detectMobileBrowsers.fullPattern.test(e)||o.detectMobileBrowsers.shortPattern.test(e.substr(0,4))},o.isTabletFallback=function(e){return o.detectMobileBrowsers.tabletPattern.test(e)},o.prepareDetectionCache=function(e,n,r){if(e.mobile===t){var i,s,u;return(s=o.findMatch(o.mobileDetectRules.tablets,n))?(e.mobile=e.tablet=s,void(e.phone=null)):(i=o.findMatch(o.mobileDetectRules.phones,n))?(e.mobile=e.phone=i,void(e.tablet=null)):void(o.isMobileFallback(n)?(u=a.isPhoneSized(r),u===t?(e.mobile=o.FALLBACK_MOBILE,e.tablet=e.phone=null):u?(e.mobile=e.phone=o.FALLBACK_PHONE,e.tablet=null):(e.mobile=e.tablet=o.FALLBACK_TABLET,e.phone=null)):o.isTabletFallback(n)?(e.mobile=e.tablet=o.FALLBACK_TABLET,e.phone=null):e.mobile=e.tablet=e.phone=null)}},o.mobileGrade=function(e){var t=null!==e.mobile();return e.os("iOS")&&e.version("iPad")>=4.3||e.os("iOS")&&e.version("iPhone")>=3.1||e.os("iOS")&&e.version("iPod")>=3.1||e.version("Android")>2.1&&e.is("Webkit")||e.version("Windows Phone OS")>=7||e.is("BlackBerry")&&e.version("BlackBerry")>=6||e.match("Playbook.*Tablet")||e.version("webOS")>=1.4&&e.match("Palm|Pre|Pixi")||e.match("hp.*TouchPad")||e.is("Firefox")&&e.version("Firefox")>=12||e.is("Chrome")&&e.is("AndroidOS")&&e.version("Android")>=4||e.is("Skyfire")&&e.version("Skyfire")>=4.1&&e.is("AndroidOS")&&e.version("Android")>=2.3||e.is("Opera")&&e.version("Opera Mobi")>11&&e.is("AndroidOS")||e.is("MeeGoOS")||e.is("Tizen")||e.is("Dolfin")&&e.version("Bada")>=2||(e.is("UC Browser")||e.is("Dolfin"))&&e.version("Android")>=2.3||e.match("Kindle Fire")||e.is("Kindle")&&e.version("Kindle")>=3||e.is("AndroidOS")&&e.is("NookTablet")||e.version("Chrome")>=11&&!t||e.version("Safari")>=5&&!t||e.version("Firefox")>=4&&!t||e.version("MSIE")>=7&&!t||e.version("Opera")>=10&&!t?"A":e.os("iOS")&&e.version("iPad")<4.3||e.os("iOS")&&e.version("iPhone")<3.1||e.os("iOS")&&e.version("iPod")<3.1||e.is("Blackberry")&&e.version("BlackBerry")>=5&&e.version("BlackBerry")<6||e.version("Opera Mini")>=5&&e.version("Opera Mini")<=6.5&&(e.version("Android")>=2.3||e.is("iOS"))||e.match("NokiaN8|NokiaC7|N97.*Series60|Symbian/3")||e.version("Opera Mobi")>=11&&e.is("SymbianOS")?"B":(e.version("BlackBerry")<5||e.match("MSIEMobile|Windows CE.*Mobile")||e.version("Windows Mobile")<=5.2,"C")},o.detectOS=function(e){return o.findMatch(o.mobileDetectRules.oss0,e)||o.findMatch(o.mobileDetectRules.oss,e)},o.getDeviceSmallerSide=function(){return window.screen.widthn;this.state.isOverflowing!==r&&this.setState({isOverflowing:r})}}}},{key:"render",value:function(){var e=this,t=this.props,n=t.content,r=t.contentIfOverflowing,a=t.style,o=t.className,i=t.id,s=this.state.isOverflowing;return d.default.createElement(g.default,{debounce:10,onResize:this.onResize},d.default.createElement("div",l({className:o,id:i},{style:l({},a,{width:"100%"}),ref:function(t){e.ref=t}}),s?r:n))}}]),t}(d.default.Component))||u);t.default=y},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(553),o=r(a);t.default=o.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Props=void 0;var u,l,c,p,d,f=Object.assign||function(e){for(var t=1;t=0&&(n=n.substring(0,l)+"([\\w._\\+]+)"+n.substring(l+5)),t[a]=new RegExp(n,"i");c.props[e]=t}r(c.oss),r(c.phones),r(c.tablets),r(c.uas),r(c.utils),c.oss0={WindowsPhoneOS:c.oss.WindowsPhoneOS,WindowsMobileOS:c.oss.WindowsMobileOS}}(),o.findMatch=function(e,t){for(var n in e)if(s.call(e,n)&&e[n].test(t))return n;return null},o.findMatches=function(e,t){var n=[];for(var r in e)s.call(e,r)&&e[r].test(t)&&n.push(r);return n},o.getVersionStr=function(e,t){var n,r,a,i,u=o.mobileDetectRules.props;if(s.call(u,e))for(n=u[e],a=n.length,r=0;r1&&(e=t[0]+".",t.shift(),e+=t.join("")),Number(e)},o.isMobileFallback=function(e){return o.detectMobileBrowsers.fullPattern.test(e)||o.detectMobileBrowsers.shortPattern.test(e.substr(0,4))},o.isTabletFallback=function(e){return o.detectMobileBrowsers.tabletPattern.test(e)},o.prepareDetectionCache=function(e,n,r){if(e.mobile===t){var i,s,u;return(s=o.findMatch(o.mobileDetectRules.tablets,n))?(e.mobile=e.tablet=s,void(e.phone=null)):(i=o.findMatch(o.mobileDetectRules.phones,n))?(e.mobile=e.phone=i,void(e.tablet=null)):void(o.isMobileFallback(n)?(u=a.isPhoneSized(r),u===t?(e.mobile=o.FALLBACK_MOBILE,e.tablet=e.phone=null):u?(e.mobile=e.phone=o.FALLBACK_PHONE,e.tablet=null):(e.mobile=e.tablet=o.FALLBACK_TABLET,e.phone=null)):o.isTabletFallback(n)?(e.mobile=e.tablet=o.FALLBACK_TABLET,e.phone=null):e.mobile=e.tablet=e.phone=null)}},o.mobileGrade=function(e){var t=null!==e.mobile();return e.os("iOS")&&e.version("iPad")>=4.3||e.os("iOS")&&e.version("iPhone")>=3.1||e.os("iOS")&&e.version("iPod")>=3.1||e.version("Android")>2.1&&e.is("Webkit")||e.version("Windows Phone OS")>=7||e.is("BlackBerry")&&e.version("BlackBerry")>=6||e.match("Playbook.*Tablet")||e.version("webOS")>=1.4&&e.match("Palm|Pre|Pixi")||e.match("hp.*TouchPad")||e.is("Firefox")&&e.version("Firefox")>=12||e.is("Chrome")&&e.is("AndroidOS")&&e.version("Android")>=4||e.is("Skyfire")&&e.version("Skyfire")>=4.1&&e.is("AndroidOS")&&e.version("Android")>=2.3||e.is("Opera")&&e.version("Opera Mobi")>11&&e.is("AndroidOS")||e.is("MeeGoOS")||e.is("Tizen")||e.is("Dolfin")&&e.version("Bada")>=2||(e.is("UC Browser")||e.is("Dolfin"))&&e.version("Android")>=2.3||e.match("Kindle Fire")||e.is("Kindle")&&e.version("Kindle")>=3||e.is("AndroidOS")&&e.is("NookTablet")||e.version("Chrome")>=11&&!t||e.version("Safari")>=5&&!t||e.version("Firefox")>=4&&!t||e.version("MSIE")>=7&&!t||e.version("Opera")>=10&&!t?"A":e.os("iOS")&&e.version("iPad")<4.3||e.os("iOS")&&e.version("iPhone")<3.1||e.os("iOS")&&e.version("iPod")<3.1||e.is("Blackberry")&&e.version("BlackBerry")>=5&&e.version("BlackBerry")<6||e.version("Opera Mini")>=5&&e.version("Opera Mini")<=6.5&&(e.version("Android")>=2.3||e.is("iOS"))||e.match("NokiaN8|NokiaC7|N97.*Series60|Symbian/3")||e.version("Opera Mobi")>=11&&e.is("SymbianOS")?"B":(e.version("BlackBerry")<5||e.match("MSIEMobile|Windows CE.*Mobile")||e.version("Windows Mobile")<=5.2,"C")},o.detectOS=function(e){return o.findMatch(o.mobileDetectRules.oss0,e)||o.findMatch(o.mobileDetectRules.oss,e)},o.getDeviceSmallerSide=function(){return window.screen.widthn;this.state.isOverflowing!==r&&this.setState({isOverflowing:r})}}}},{key:"render",value:function(){var e=this,t=this.props,n=t.content,r=t.contentIfOverflowing,a=t.style,o=t.className,i=t.id,s=this.state.isOverflowing;return d.default.createElement(g.default,{debounce:10,onResize:this.onResize},d.default.createElement("div",l({className:o,id:i},{style:l({},a,{width:"100%"}),ref:function(t){e.ref=t}}),s?r:n))}}]),t}(d.default.Component))||u);t.default=y},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(553),o=r(a);t.default=o.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.Props=void 0;var u,l,c,p,d,f=Object.assign||function(e){for(var t=1;t{JSON.stringify(this.context, null, 2)};\n }\n\n});\n\nconst Example = React.createClass({\n\n propTypes: {},\n\n getTemplate() {\n return (\n
\n \n {() => }\n \n
\n );\n },\n\n render() {\n return this.getTemplate();\n }\n\n});\n"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _MobileDetector = require('./MobileDetector');\n\nvar _MobileDetector2 = _interopRequireDefault(_MobileDetector);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _MobileDetector2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Props = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _class, _class2, _temp;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../utils');\n\nvar _omit = require('lodash/omit');\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nvar _ModalPortal = require('./ModalPortal');\n\nvar _ModalPortal2 = _interopRequireDefault(_ModalPortal);\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _BackgroundDimmer = require('../BackgroundDimmer');\n\nvar _BackgroundDimmer2 = _interopRequireDefault(_BackgroundDimmer);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar ModalProps = {\n children: _utils.t.ReactChildren,\n title: _utils.t.maybe(_utils.t.String),\n footer: _utils.t.maybe(_utils.t.ReactChildren),\n iconClose: _utils.t.maybe(_utils.t.ReactChildren),\n overlay: _utils.t.interface({\n color: _utils.t.maybe(_utils.t.String),\n alpha: _utils.t.maybe(_utils.t.Number)\n }),\n dismissOnClickOutside: _utils.t.maybe(_utils.t.Boolean),\n onDismiss: _utils.t.maybe(_utils.t.Function),\n className: _utils.t.maybe(_utils.t.String),\n style: _utils.t.maybe(_utils.t.Object),\n id: _utils.t.maybe(_utils.t.String)\n};\n\nvar Props = exports.Props = _extends({}, _ModalPortal.Props, ModalProps);\n\n/** Render a modal window over a dimmed layer\n * @param children - modal content\n * @param title - modal title\n * @param footer - modal footer\n * @param iconClose - close icon\n * @param overlay - specify 'color' and 'alpha' for the overlay layer\n * @param dismissOnClickOutside - whether the modal should be dismissed when clicking outside it\n * @param onDismiss - called when modal is dismissed\n * @param transitionEnterTimeout - transition enter timeout\n * @param transitionLeaveTimeout - transition leave timeout\n * @param childContextTypes: context types to pass to the modal React tree\n * @param getChildContext: should return context values to pass to the modal React tree\n */\nvar Modal = (_dec = (0, _utils.skinnable)(), _dec2 = (0, _utils.props)(Props), _dec(_class = _dec2(_class = (_temp = _class2 = function (_React$Component) {\n _inherits(Modal, _React$Component);\n\n function Modal() {\n _classCallCheck(this, Modal);\n\n return _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).apply(this, arguments));\n }\n\n _createClass(Modal, [{\n key: 'getLocals',\n value: function getLocals() {\n var _props = this.props,\n className = _props.className,\n title = _props.title,\n iconClose = _props.iconClose,\n footer = _props.footer,\n props = _objectWithoutProperties(_props, ['className', 'title', 'iconClose', 'footer']);\n\n return _extends({}, props, {\n shouldRenderHeader: !!title || !!iconClose,\n title: title, iconClose: iconClose,\n shouldRenderFooter: !!footer,\n footer: footer,\n modalPortalProps: _extends({}, (0, _omit2.default)(props, Object.keys(ModalProps)), {\n className: (0, _classnames2.default)('modal', className)\n })\n });\n }\n }, {\n key: 'template',\n value: function template(_ref) {\n var shouldRenderHeader = _ref.shouldRenderHeader,\n title = _ref.title,\n iconClose = _ref.iconClose,\n children = _ref.children,\n shouldRenderFooter = _ref.shouldRenderFooter,\n footer = _ref.footer,\n dismissOnClickOutside = _ref.dismissOnClickOutside,\n onDismiss = _ref.onDismiss,\n overlay = _ref.overlay,\n style = _ref.style,\n id = _ref.id,\n modalPortalProps = _ref.modalPortalProps;\n\n return _react2.default.createElement(\n _ModalPortal2.default,\n modalPortalProps,\n _react2.default.createElement(\n _BackgroundDimmer2.default,\n _extends({}, _extends({}, overlay, { style: style, id: id }), {\n onClickOutside: dismissOnClickOutside ? onDismiss : undefined,\n maxWidth: 950\n }),\n _react2.default.createElement(\n _reactFlexview2.default,\n { className: 'modal-content', column: true, grow: true },\n shouldRenderHeader && _react2.default.createElement(\n _reactFlexview2.default,\n { className: 'modal-header', shrink: false, vAlignContent: 'center' },\n _react2.default.createElement(\n _reactFlexview2.default,\n { className: (0, _classnames2.default)('modal-title'), grow: true },\n title\n ),\n iconClose && _react2.default.createElement(\n _reactFlexview2.default,\n {\n className: 'modal-icon-close',\n shrink: false,\n marginLeft: 'auto',\n onClick: onDismiss\n },\n iconClose\n )\n ),\n _react2.default.createElement(\n _reactFlexview2.default,\n { className: 'modal-body', column: true, grow: true },\n children\n ),\n shouldRenderFooter && _react2.default.createElement(\n _reactFlexview2.default,\n { className: 'modal-footer', column: true, shrink: false },\n footer\n )\n )\n )\n );\n }\n }]);\n\n return Modal;\n}(_react2.default.Component), _class2.defaultProps = {\n onDismiss: function onDismiss() {},\n dismissOnClickOutside: true,\n overlay: {\n color: 'black',\n alpha: 0.85\n }\n}, _temp)) || _class) || _class);\nexports.default = Modal;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Props = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _TransitionGroup = require('react-transition-group/TransitionGroup');\n\nvar _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);\n\nvar _utils = require('../utils');\n\nvar _TransitionWrapper = require('../TransitionWrapper');\n\nvar _TransitionWrapper2 = _interopRequireDefault(_TransitionWrapper);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar containerNode = null;\n\nvar Props = exports.Props = {\n children: _utils.t.ReactChildren,\n transitionEnterTimeout: _utils.t.Number,\n transitionLeaveTimeout: _utils.t.Number,\n className: _utils.t.maybe(_utils.t.String),\n childContextTypes: _utils.t.maybe(_utils.t.Object),\n getChildContext: _utils.t.maybe(_utils.t.Function)\n};\n\nvar ModalPortal = (_dec = (0, _utils.props)(Props), _dec(_class = function (_React$Component) {\n _inherits(ModalPortal, _React$Component);\n\n function ModalPortal() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, ModalPortal);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ModalPortal.__proto__ || Object.getPrototypeOf(ModalPortal)).call.apply(_ref, [this].concat(args))), _this), _this._ContextWrapper = function () {\n var _class3, _temp3;\n\n var childContextTypes = _this.props.childContextTypes || {};\n return _temp3 = _class3 = function (_React$Component2) {\n _inherits(ContextWrapper, _React$Component2);\n\n function ContextWrapper() {\n var _ref2;\n\n var _temp2, _this2, _ret2;\n\n _classCallCheck(this, ContextWrapper);\n\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _ret2 = (_temp2 = (_this2 = _possibleConstructorReturn(this, (_ref2 = ContextWrapper.__proto__ || Object.getPrototypeOf(ContextWrapper)).call.apply(_ref2, [this].concat(args))), _this2), _this2.getChildContext = _this.props.getChildContext || function () {\n return {};\n }, _temp2), _possibleConstructorReturn(_this2, _ret2);\n } // eslint-disable-line react/no-multi-comp\n\n\n _createClass(ContextWrapper, [{\n key: 'render',\n value: function render() {\n return this.props.modal();\n }\n }]);\n\n return ContextWrapper;\n }(_react2.default.Component), _class3.childContextTypes = childContextTypes, _temp3;\n }(), _this._onLeave = function () {\n return setTimeout(_this._cleanup);\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(ModalPortal, [{\n key: 'render',\n value: function render() {\n return null;\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.isOpen = true;\n this._render();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n this._render();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this.isOpen = false;\n this._render();\n }\n }, {\n key: '_cleanup',\n value: function _cleanup() {\n if (containerNode) {\n _reactDom2.default.unmountComponentAtNode(containerNode);\n document.body.removeChild(containerNode);\n containerNode = null;\n }\n }\n }, {\n key: '_render',\n // setTimeout is needed to avoid conflicts with ReactTransitionGroup setState\n\n value: function _render() {\n if (!containerNode) {\n containerNode = document.createElement('div');\n document.body.appendChild(containerNode);\n }\n\n var modal = this._renderModal();\n var ContextWrapper = this._ContextWrapper;\n _reactDom2.default.render(_react2.default.createElement(ContextWrapper, { modal: modal }), containerNode);\n }\n }, {\n key: '_renderModal',\n value: function _renderModal() {\n var _this3 = this;\n\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n transitionEnterTimeout = _props.transitionEnterTimeout,\n transitionLeaveTimeout = _props.transitionLeaveTimeout;\n\n\n return function () {\n return _react2.default.createElement(\n _TransitionGroup2.default,\n { transitionAppear: true },\n _this3.isOpen ? _react2.default.createElement(\n _TransitionWrapper2.default,\n {\n key: 0,\n className: className,\n onLeave: _this3._onLeave,\n transitionEnterTimeout: transitionEnterTimeout,\n transitionLeaveTimeout: transitionLeaveTimeout\n },\n children\n ) : null\n );\n };\n }\n }]);\n\n return ModalPortal;\n}(_react2.default.Component)) || _class);\nexports.default = ModalPortal;"},function(e,t){e.exports="// import Modal from 'buildo-react-components/lib/Modal';\n\nclass Example extends React.Component {\n constructor() {\n super();\n this.state = { isOpen: false };\n }\n\n open = () => this.setState({ isOpen: true })\n\n close = () => this.setState({ isOpen: false })\n\n getModal = () => (\n }\n title='Send Message'\n footer={\n \n \n \n \n }\n >\n Are you sure you want to send this message?\n \n )\n\n render = () => (\n
\n \n {this.state.isOpen && this.getModal()}\n
\n )\n}\n"},function(e,t){e.exports="// import Modal from 'buildo-react-components/lib/Modal';\n\nclass Example extends React.Component {\n\n state = { isOpen: false }\n\n open = () => this.setState({ isOpen: true })\n\n close = () => this.setState({ isOpen: false })\n\n getModal = () => (\n }\n title='Informative Modal'\n >\n This modal contains just info. So it is not possible to perform an action.\n \n )\n\n render = () => (\n
\n \n {this.state.isOpen && this.getModal()}\n
\n )\n}\n"},function(e,t){e.exports="// import Modal from 'buildo-react-components/lib/Modal';\n\nclass Example extends React.Component {\n\n state = { isOpen: false }\n\n open = () => this.setState({ isOpen: true })\n\n close = () => this.setState({ isOpen: false })\n\n getModal = () => (\n \n \n \n \n }\n >\n Are you sure you want to send this message?\n \n )\n\n render = () => (\n
\n \n {this.state.isOpen && this.getModal()}\n
\n )\n}\n"},function(e,t){e.exports="// import { modalWithContext } from 'buildo-react-components/lib/Modal';\n\nconst FooType = React.PropTypes.string.isRequired;\n\nconst ModalWithContext = modalWithContext({ foo: FooType });\n\nclass ComponentAccessingContext extends React.Component {\n static contextTypes = {\n foo: FooType\n };\n\n render() {\n return
{this.context.foo}
;\n }\n}\n\nclass Example extends React.Component {\n static childContextTypes = {\n foo: FooType\n };\n\n getChildContext = () => ({\n foo: 'this comes from context!'\n });\n\n state = { isOpen: false };\n\n open = () => this.setState({ isOpen: true })\n\n close = () => this.setState({ isOpen: false })\n\n getModal = () => (\n }\n title='Send Message'\n footer={\n \n \n \n \n }\n >\n \n \n )\n\n render = () => (\n
\n \n {this.state.isOpen && this.getModal()}\n
\n )\n}\n"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.modalWithContext = exports.default = undefined;\n\nvar _modalWithContext = require('./modalWithContext');\n\nObject.defineProperty(exports, 'modalWithContext', {\n enumerable: true,\n get: function get() {\n return _modalWithContext.modalWithContext;\n }\n});\n\nvar _Modal = require('./Modal');\n\nvar _Modal2 = _interopRequireDefault(_Modal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _Modal2.default;"},function(e,t){e.exports='\'use strict\';\n\nObject.defineProperty(exports, "__esModule", {\n value: true\n});\nexports.modalWithContext = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require(\'react\');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Modal = require(\'./Modal\');\n\nvar _Modal2 = _interopRequireDefault(_Modal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar modalWithContext = exports.modalWithContext = function modalWithContext(contextTypes) {\n var _class, _temp;\n\n return _temp = _class = function (_React$Component) {\n _inherits(ContextWrapper, _React$Component);\n\n function ContextWrapper() {\n _classCallCheck(this, ContextWrapper);\n\n return _possibleConstructorReturn(this, (ContextWrapper.__proto__ || Object.getPrototypeOf(ContextWrapper)).apply(this, arguments));\n }\n\n _createClass(ContextWrapper, [{\n key: \'render\',\n value: function render() {\n var _this2 = this;\n\n var contextProps = {\n childContextTypes: contextTypes,\n getChildContext: function getChildContext() {\n return _this2.context;\n }\n };\n return _react2.default.createElement(_Modal2.default, _extends({}, this.props, contextProps));\n }\n }]);\n\n return ContextWrapper;\n }(_react2.default.Component), _class.contextTypes = contextTypes, _temp;\n};'},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Props = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../utils');\n\nvar _BackgroundDimmer = require('../BackgroundDimmer/BackgroundDimmer');\n\nvar _BackgroundDimmer2 = _interopRequireDefault(_BackgroundDimmer);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Props = exports.Props = {\n children: _utils.t.ReactElement,\n iconClose: _utils.t.maybe(_utils.t.ReactElement),\n onDismiss: _utils.t.maybe(_utils.t.Function),\n background: _utils.t.maybe(_utils.t.struct({\n color: _utils.t.maybe(_utils.t.String),\n alpha: _utils.t.maybe(_utils.t.Number),\n stopScrollPropagation: _utils.t.maybe(_utils.t.Boolean)\n })),\n style: _utils.t.maybe(_utils.t.Object),\n className: _utils.t.maybe(_utils.t.String),\n id: _utils.t.maybe(_utils.t.String)\n};\n\nvar BasicModal = (_dec = (0, _utils.props)(Props), _dec(_class = function (_React$Component) {\n _inherits(BasicModal, _React$Component);\n\n function BasicModal() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, BasicModal);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BasicModal.__proto__ || Object.getPrototypeOf(BasicModal)).call.apply(_ref, [this].concat(args))), _this), _this.getBackgroundProp = function () {\n return _extends({\n color: 'black',\n alpha: 0.8,\n stopScrollPropagation: true\n }, _this.props.background);\n }, _this.getIconClose = function () {\n var _this$props = _this.props,\n iconClose = _this$props.iconClose,\n onDismiss = _this$props.onDismiss;\n\n if (iconClose) {\n return iconClose;\n }\n\n var style = {\n position: 'absolute',\n color: '#F0F0F0',\n right: -25,\n top: -25,\n width: 'auto',\n height: 'auto',\n margin: 0,\n padding: 0,\n fontSize: 25\n };\n return _react2.default.createElement('i', { className: 'icon-close', style: style, onClick: onDismiss });\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(BasicModal, [{\n key: 'render',\n value: function render() {\n var _props = this.props,\n children = _props.children,\n onDismiss = _props.onDismiss,\n className = _props.className,\n id = _props.id,\n style = _props.style;\n\n return _react2.default.createElement(\n _BackgroundDimmer2.default,\n _extends({}, this.getBackgroundProp(), { id: id, style: style }, {\n className: (0, _classnames2.default)('modal', className, { 'is-dismissable': !!onDismiss }),\n onClickOutside: onDismiss\n }),\n onDismiss && this.getIconClose(),\n _react2.default.createElement(\n 'div',\n { className: 'modal-body' },\n children\n )\n );\n }\n }]);\n\n return BasicModal;\n}(_react2.default.Component)) || _class);\nexports.default = BasicModal;"; },function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Props = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _class, _class2, _temp2;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _TransitionGroup = require('react-transition-group/TransitionGroup');\n\nvar _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);\n\nvar _log = require('../utils/log');\n\nvar _utils = require('../utils');\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _TransitionWrapper = require('../TransitionWrapper/TransitionWrapper');\n\nvar _TransitionWrapper2 = _interopRequireDefault(_TransitionWrapper);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Props = exports.Props = {\n children: _utils.t.maybe(_utils.t.ReactElement),\n transitionStyles: _utils.t.maybe(_utils.t.Object),\n transitionEnterTimeout: _utils.t.maybe(_utils.t.Number),\n transitionLeaveTimeout: _utils.t.maybe(_utils.t.Number),\n getChildContext: _utils.t.maybe(_utils.t.Function),\n childContextTypes: _utils.t.maybe(_utils.t.Object)\n};\n\n/**\n * Component to manage modals flow/animations inside an app:\n * - creates a portal `div` on the page `body`\n * - renders one modal at a time\n * - supports animations (by using `TransitionWrapper`)\n * @param children - active modal component\n * @param transitionStyles - object with style for each transition event (used by TransitionWrapper)\n * @param transitionEnterTimeout - duration of enter transition in milliseconds (used by TransitionWrapper)\n * @param transitionLeaveTimeout - duration of leave transition in milliseconds (used by TransitionWrapper)\n * @param getChildContext - callback to get custom context for modals. Can't be updated\n * @param childContextTypes - static object to describe custom context object for modals. Can't be updated\n */\nvar ModalManager = (_dec = (0, _utils.props)(Props), _dec(_class = (_temp2 = _class2 = function (_React$Component) {\n _inherits(ModalManager, _React$Component);\n\n function ModalManager() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, ModalManager);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ModalManager.__proto__ || Object.getPrototypeOf(ModalManager)).call.apply(_ref, [this].concat(args))), _this), _this.getModal = function () {\n var _this$props = _this.props,\n transitionStyles = _this$props.transitionStyles,\n transitionEnterTimeout = _this$props.transitionEnterTimeout,\n transitionLeaveTimeout = _this$props.transitionLeaveTimeout,\n children = _this$props.children;\n\n\n var props = {\n transitionStyles: transitionStyles,\n transitionEnterTimeout: transitionEnterTimeout,\n transitionLeaveTimeout: transitionLeaveTimeout,\n style: {\n height: '100%',\n width: '100%',\n position: 'fixed',\n right: 0,\n left: 0,\n top: 0,\n bottom: 0,\n zIndex: 999\n },\n className: 'modal-wrapper',\n component: _reactFlexview2.default,\n vAlignContent: 'center',\n hAlignContent: 'center'\n };\n\n return [].concat(children).filter(function (e) {\n return !!e;\n }).map(function (el) {\n if (!el.key) {\n (0, _log.warn)('Each modal should have a unique \"key\" prop');\n }\n return _react2.default.createElement(\n _TransitionWrapper2.default,\n _extends({}, props, { key: el.key }),\n children\n );\n });\n }, _this.appendModalContainer = function () {\n if (!_this.containerNode) {\n _this.containerNode = document.createElement('div');\n document.body.appendChild(_this.containerNode);\n }\n }, _this.removeModalContainer = function () {\n if (_this.containerNode) {\n document.body.removeChild(_this.containerNode);\n _this.containerNode = null;\n }\n }, _this.getModalManager = function () {\n return _react2.default.createElement(\n 'div',\n null,\n _react2.default.createElement(\n _TransitionGroup2.default,\n null,\n _this.getModal()\n )\n );\n }, _this.renderModals = function () {\n var Modal = _this.getModalManager();\n var _this2 = _this,\n ContextWrapper = _this2.ContextWrapper;\n\n _reactDom2.default.render(_react2.default.createElement(\n ContextWrapper,\n null,\n Modal\n ), _this.containerNode);\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(ModalManager, [{\n key: 'componentWillMount',\n value: function componentWillMount() {\n var _props = this.props,\n childContextTypes = _props.childContextTypes,\n getChildContext = _props.getChildContext;\n\n\n var ContextWrapper = function ContextWrapper(_ref2) {\n var children = _ref2.children;\n return children;\n };\n\n ContextWrapper.childContextTypes = childContextTypes;\n ContextWrapper.getChildContext = getChildContext;\n\n (0, _utils.props)({ children: _utils.t.ReactElement })(ContextWrapper);\n\n this.ContextWrapper = ContextWrapper;\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n this.appendModalContainer();\n this.renderModals();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this.removeModalContainer();\n }\n }, {\n key: 'render',\n value: function render() {\n return null;\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n this.renderModals();\n }\n }]);\n\n return ModalManager;\n}(_react2.default.Component), _class2.defaultProps = {\n transitionStyles: {},\n transitionEnterTimeout: 0,\n transitionLeaveTimeout: 0,\n childContextTypes: {},\n getChildContext: function getChildContext() {\n return {};\n }\n}, _temp2)) || _class);\nexports.default = ModalManager;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.BasicModal = exports.ModalManager = undefined;\n\nvar _ModalManager = require('./ModalManager');\n\nvar _ModalManager2 = _interopRequireDefault(_ModalManager);\n\nvar _BasicModal = require('./BasicModal');\n\nvar _BasicModal2 = _interopRequireDefault(_BasicModal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _ModalManager2.default;\nexports.ModalManager = _ModalManager2.default;\nexports.BasicModal = _BasicModal2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Props = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../utils');\n\nvar _Icon = require('../Icon/Icon');\n\nvar _Icon2 = _interopRequireDefault(_Icon);\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Props = exports.Props = {\n children: _utils.t.ReactChildren,\n expanded: _utils.t.Boolean,\n onExpandedChange: _utils.t.Function,\n icons: _utils.t.struct({\n expanded: _utils.t.String,\n collapsed: _utils.t.String\n }),\n wrapperProps: _utils.t.maybe(_utils.t.Object),\n className: _utils.t.maybe(_utils.t.String),\n style: _utils.t.maybe(_utils.t.Object)\n};\n\n/**\n * A panel used to alternately display short or long version of the content\n * @param children - panel content\n * @param expanded - whether the panel should be expanded or not\n * @param onExpandedChange - called on toggle\n * @param icons - icons for expanded and collapsed panel\n * @param wrapperProps - props for wrapper FlexView\n */\nvar MoreOrLess = (_dec = (0, _utils.skinnable)(), _dec2 = (0, _utils.props)(Props), _dec(_class = _dec2(_class = function (_React$PureComponent) {\n _inherits(MoreOrLess, _React$PureComponent);\n\n function MoreOrLess() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, MoreOrLess);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = MoreOrLess.__proto__ || Object.getPrototypeOf(MoreOrLess)).call.apply(_ref, [this].concat(args))), _this), _this.toggleExpanded = function () {\n _this.props.onExpandedChange(!_this.props.expanded);\n }, _this.templateExpandButton = function (_ref2) {\n var icon = _ref2.icon,\n toggleExpanded = _ref2.toggleExpanded;\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n {\n hAlignContent: 'center',\n vAlignContent: 'center',\n className: 'expand-button',\n onClick: toggleExpanded,\n shrink: false\n },\n _react2.default.createElement(_Icon2.default, { icon: icon, className: 'expand-button-icon' })\n );\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(MoreOrLess, [{\n key: 'getLocals',\n value: function getLocals() {\n var _props = this.props,\n children = _props.children,\n className = _props.className,\n style = _props.style,\n expanded = _props.expanded,\n icons = _props.icons,\n wrapperProps = _props.wrapperProps,\n toggleExpanded = this.toggleExpanded;\n\n\n var panelState = expanded ? 'more' : 'less';\n var icon = expanded ? icons.expanded : icons.collapsed;\n return {\n children: children,\n icon: icon,\n toggleExpanded: toggleExpanded,\n wrapperProps: _extends({}, wrapperProps, {\n style: style,\n className: (0, _classnames2.default)('more-or-less', panelState, className)\n })\n };\n }\n }, {\n key: 'template',\n value: function template(_ref3) {\n var children = _ref3.children,\n wrapperProps = _ref3.wrapperProps,\n icon = _ref3.icon,\n toggleExpanded = _ref3.toggleExpanded;\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n _extends({ column: true, shrink: false }, wrapperProps),\n children,\n this.templateExpandButton({ icon: icon, toggleExpanded: toggleExpanded })\n );\n }\n }]);\n\n return MoreOrLess;\n}(_react2.default.PureComponent)) || _class) || _class);\nexports.default = MoreOrLess;"},function(e,t){e.exports="// import MoreOrLess from 'buildo-react-components/lib/MoreOrLess';\n\nclass Example extends React.Component {\n\n state = { expanded: false }\n\n onExpandedChange = () => this.setState({ expanded: !this.state.expanded })\n\n templateExpanded = () => (\n \n \n \n The Student Hotel\n \n Taylor Cambell\n 7th of March\n \n What is boutique hotel design, and why does it\n matter? There are fashion trends in hotel design just\n as there are in other areas. In the late eighties and\n through the nineties, that fashion was for clean, stark,\n minimalist design, particularly in city hotels. This was\n such a diversion from the traditional way.\n \n \n \n \n \n \n );\n\n templateCollapsed = () => (\n \n \n \n The Student Hotel\n \n Taylor Cambell\n 7th of March\n \n \n \n \n \n \n \n );\n\n render() {\n const { state: { expanded }, onExpandedChange } = this;\n const icons = { expanded: 'angleUpsvg', collapsed: 'angleDown' };\n\n return (\n \n { expanded ? this.templateExpanded() : this.templateCollapsed()}\n \n );\n }\n}\n"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _MoreOrLess = require('./MoreOrLess');\n\nvar _MoreOrLess2 = _interopRequireDefault(_MoreOrLess);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _MoreOrLess2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Props = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../utils');\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Props = exports.Props = {\n content: _utils.t.struct({\n /** Left content. It doesn't shrink nor grow */\n left: _utils.t.maybe(_utils.t.ReactChildren),\n /** Center content. It grows to use all the available space */\n center: _utils.t.maybe(_utils.t.ReactChildren),\n /** Right content. It doesn't shrink nor grow */\n right: _utils.t.maybe(_utils.t.ReactChildren),\n /** shorthand for css `max-width` */\n maxWidth: _utils.t.maybe(_utils.t.union([_utils.t.String, _utils.t.Number]))\n }),\n fixed: _utils.t.maybe(_utils.t.Boolean),\n height: _utils.t.maybe(_utils.t.union([_utils.t.String, _utils.t.Number])),\n background: _utils.t.maybe(_utils.t.String),\n className: _utils.t.maybe(_utils.t.String),\n style: _utils.t.maybe(_utils.t.Object)\n};\n\n/**\n * A NavBar container built with FlexView:\n * - easy positioning of content (left, center and right columns)\n * - lets you define basic css style from JS\n * @param content - props used to define the NavBar content (defines left, center, right, maxWidth).\n * @param fixed - to set `position: fixed`\n * @param height - shorthand for css `height`\n * @param background - shorthand for css `background`\n */\nvar NavBar = (_dec = (0, _utils.skinnable)(), _dec2 = (0, _utils.props)(Props), _dec(_class = _dec2(_class = function (_React$Component) {\n _inherits(NavBar, _React$Component);\n\n function NavBar() {\n _classCallCheck(this, NavBar);\n\n return _possibleConstructorReturn(this, (NavBar.__proto__ || Object.getPrototypeOf(NavBar)).apply(this, arguments));\n }\n\n _createClass(NavBar, [{\n key: 'getLocals',\n value: function getLocals() {\n var _props = this.props,\n className = _props.className,\n style = _props.style,\n fixed = _props.fixed,\n height = _props.height,\n background = _props.background,\n props = _objectWithoutProperties(_props, ['className', 'style', 'fixed', 'height', 'background']);\n\n var valueOrUndefined = function valueOrUndefined(validator, value) {\n return validator ? value : undefined;\n };\n\n return _extends({}, props, {\n style: _extends({}, style, {\n position: valueOrUndefined(fixed, 'fixed'),\n top: valueOrUndefined(fixed, 0),\n zIndex: valueOrUndefined(fixed, 99999),\n width: '100%',\n height: height,\n background: background\n }),\n className: (0, _classnames2.default)('nav-bar', className),\n flexProps: { hAlignContent: 'center', vAlignContent: 'center' }\n });\n }\n }, {\n key: 'template',\n value: function template(_ref) {\n var _ref$content = _ref.content,\n left = _ref$content.left,\n center = _ref$content.center,\n right = _ref$content.right,\n maxWidth = _ref$content.maxWidth,\n className = _ref.className,\n style = _ref.style,\n flexProps = _ref.flexProps;\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n _extends({ className: className, style: style }, flexProps),\n _react2.default.createElement(\n _reactFlexview2.default,\n _extends({}, flexProps, { className: 'content', style: { maxWidth: maxWidth }, grow: true }),\n _react2.default.createElement(\n _reactFlexview2.default,\n _extends({}, flexProps, { className: 'left', marginRight: 'auto', shrink: false }),\n left\n ),\n _react2.default.createElement(\n _reactFlexview2.default,\n _extends({}, flexProps, { className: 'center', grow: true }),\n center\n ),\n _react2.default.createElement(\n _reactFlexview2.default,\n _extends({}, flexProps, { className: 'right', marginLeft: 'auto', shrink: false }),\n right\n )\n )\n );\n }\n }]);\n\n return NavBar;\n}(_react2.default.Component)) || _class) || _class);\nexports.default = NavBar;"},function(e,t){e.exports="// import NavBar from 'buildo-react-components/lib/NavBar';\n\nclass Example extends React.Component {\n\n left = () => \n Home\n Discover\n Messages\n ;\n\n right = () => }\n
\n
\n
\n
\n {this.state.showLowerButton && }\n
\n )}\n \n
\n );\n\n render() {\n return this.getTemplate();\n }\n};\n"},function(e,t){e.exports="// import ScrollView from 'buildo-react-components/lib/Scroll';\n\nconst Example = React.createClass({\n\n propTypes: {},\n\n mixins: [React.addons.LinkedStateMixin],\n\n getTemplate() {\n return (\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n );\n },\n\n render() {\n return this.getTemplate();\n }\n\n});\n"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _ScrollView = require('./ScrollView');\n\nvar _ScrollView2 = _interopRequireDefault(_ScrollView);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _ScrollView2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Props = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _class, _class2, _temp2;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../utils');\n\nvar _geminiScrollbar = require('gemini-scrollbar');\n\nvar _geminiScrollbar2 = _interopRequireDefault(_geminiScrollbar);\n\nvar _ResizeSensor = require('../ResizeSensor/ResizeSensor');\n\nvar _ResizeSensor2 = _interopRequireDefault(_ResizeSensor);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Props = exports.Props = {\n children: _utils.t.ReactChildren,\n autoshow: _utils.t.maybe(_utils.t.Boolean),\n forceGemini: _utils.t.maybe(_utils.t.Boolean),\n component: _utils.t.maybe(_utils.t.union([_utils.t.Function, _utils.t.String])),\n componentProps: _utils.t.maybe(_utils.t.Object),\n innerComponent: _utils.t.maybe(_utils.t.union([_utils.t.Function, _utils.t.String])),\n innerComponentProps: _utils.t.maybe(_utils.t.Object),\n className: _utils.t.maybe(_utils.t.String),\n style: _utils.t.maybe(_utils.t.Object)\n};\n\n/** A scrollable view\n * @param children - what to render inside the scroll view\n * @param autoshow - whether to automatically show scrollbars\n * @param forceGemini - force ScrollView to use `gemini-scrollbar`s\n * @param component - component to use as the wrapper\n * @param componentProps - props to pass to the wrapper component\n * @param innerComponent - component to use as the inner wrapper\n * @param innerComponentProps - props to pass to the inner wrapper component\n * @param className - className to pass to the wrapper component\n * @param style - style to pass to the wrapper component\n */\nvar ScrollView = (_dec = (0, _utils.skinnable)(), _dec2 = (0, _utils.props)(Props), _dec(_class = _dec2(_class = (_temp2 = _class2 = function (_React$PureComponent) {\n _inherits(ScrollView, _React$PureComponent);\n\n function ScrollView() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, ScrollView);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ScrollView.__proto__ || Object.getPrototypeOf(ScrollView)).call.apply(_ref, [this].concat(args))), _this), _this.wrapperRenderer = function (_ref2) {\n var children = _ref2.children,\n wrapperProps = _objectWithoutProperties(_ref2, ['children']);\n\n return _react2.default.createElement(_this.props.component, wrapperProps, children);\n }, _this.innerWrapperRenderer = function (_ref3) {\n var children = _ref3.children,\n innerWrapperProps = _objectWithoutProperties(_ref3, ['children']);\n\n return _react2.default.createElement(_this.props.innerComponent, innerWrapperProps, children);\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n /**\n * Holds the reference to the GeminiScrollbar instance.\n * @property scrollbar [Object]\n */\n\n\n _createClass(ScrollView, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _props = this.props,\n autoshow = _props.autoshow,\n forceGemini = _props.forceGemini;\n\n this.scrollbar = new _geminiScrollbar2.default({\n autoshow: autoshow,\n forceGemini: forceGemini,\n element: _reactDom2.default.findDOMNode(this),\n createElements: false\n }).create();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n var scrollTop = this.scrollbar.getViewElement().scrollTop;\n this.scrollbar.update();\n this.scrollbar.getViewElement().scrollTop = scrollTop;\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this.scrollbar.destroy();\n this.scrollbar = null;\n }\n }, {\n key: 'getLocals',\n value: function getLocals() {\n var _props2 = this.props,\n componentProps = _props2.componentProps,\n innerComponentProps = _props2.innerComponentProps,\n className = _props2.className,\n style = _props2.style,\n children = _props2.children;\n\n\n return {\n children: children,\n Wrapper: this.wrapperRenderer,\n InnerWrapper: this.innerWrapperRenderer,\n innerWrapperProps: innerComponentProps,\n wrapperProps: _extends({}, componentProps, {\n style: style,\n className: (0, _classnames2.default)('scrollview', className)\n })\n };\n }\n }, {\n key: 'template',\n value: function template(_ref4) {\n var _this2 = this;\n\n var children = _ref4.children,\n Wrapper = _ref4.Wrapper,\n wrapperProps = _ref4.wrapperProps,\n InnerWrapper = _ref4.InnerWrapper,\n innerWrapperProps = _ref4.innerWrapperProps;\n\n return _react2.default.createElement(\n _ResizeSensor2.default,\n { onResize: function onResize() {\n return _this2.forceUpdate();\n } },\n _react2.default.createElement(\n Wrapper,\n wrapperProps,\n _react2.default.createElement(\n 'div',\n { className: 'gm-scrollbar -vertical' },\n _react2.default.createElement('div', { className: 'thumb' })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'gm-scrollbar -horizontal' },\n _react2.default.createElement('div', { className: 'thumb' })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'gm-scroll-view' },\n _react2.default.createElement(\n _ResizeSensor2.default,\n { onResize: function onResize() {\n return _this2.forceUpdate();\n } },\n _react2.default.createElement(\n InnerWrapper,\n innerWrapperProps,\n children\n )\n )\n )\n )\n );\n }\n }]);\n\n return ScrollView;\n}(_react2.default.PureComponent), _class2.defaultProps = {\n component: 'div',\n forceGemini: true,\n innerComponent: 'div' }, _temp2)) || _class) || _class);\nexports.default = ScrollView;"; +},function(e,t){e.exports="// import Popover from 'buildo-react-components/lib/Popover';\n\nconst Option = ({ title, value }) => (\n \n {title}\n {`$${value}/month`}\n }\n
\n
\n
\n
\n {this.state.showLowerButton && }\n
\n )}\n \n
\n );\n\n render() {\n return this.getTemplate();\n }\n};\n"},function(e,t){e.exports="// import ScrollView from 'buildo-react-components/lib/Scroll';\n\nconst Example = React.createClass({\n\n propTypes: {},\n\n mixins: [React.addons.LinkedStateMixin],\n\n getTemplate() {\n return (\n
\n \n
\n
\n
\n
\n
\n
\n \n
\n );\n },\n\n render() {\n return this.getTemplate();\n }\n\n});\n"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _ScrollView = require('./ScrollView');\n\nvar _ScrollView2 = _interopRequireDefault(_ScrollView);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _ScrollView2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = exports.Props = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _class, _class2, _temp2;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../utils');\n\nvar _geminiScrollbar = require('gemini-scrollbar');\n\nvar _geminiScrollbar2 = _interopRequireDefault(_geminiScrollbar);\n\nvar _ResizeSensor = require('../ResizeSensor/ResizeSensor');\n\nvar _ResizeSensor2 = _interopRequireDefault(_ResizeSensor);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar Props = exports.Props = {\n children: _utils.t.ReactChildren,\n autoshow: _utils.t.maybe(_utils.t.Boolean),\n forceGemini: _utils.t.maybe(_utils.t.Boolean),\n component: _utils.t.maybe(_utils.t.union([_utils.t.Function, _utils.t.String])),\n componentProps: _utils.t.maybe(_utils.t.Object),\n innerComponent: _utils.t.maybe(_utils.t.union([_utils.t.Function, _utils.t.String])),\n innerComponentProps: _utils.t.maybe(_utils.t.Object),\n className: _utils.t.maybe(_utils.t.String),\n style: _utils.t.maybe(_utils.t.Object)\n};\n\n/** A scrollable view\n * @param children - what to render inside the scroll view\n * @param autoshow - whether to automatically show scrollbars\n * @param forceGemini - force ScrollView to use `gemini-scrollbar`s\n * @param component - component to use as the wrapper\n * @param componentProps - props to pass to the wrapper component\n * @param innerComponent - component to use as the inner wrapper\n * @param innerComponentProps - props to pass to the inner wrapper component\n * @param className - className to pass to the wrapper component\n * @param style - style to pass to the wrapper component\n */\nvar ScrollView = (_dec = (0, _utils.skinnable)(), _dec2 = (0, _utils.props)(Props), _dec(_class = _dec2(_class = (_temp2 = _class2 = function (_React$PureComponent) {\n _inherits(ScrollView, _React$PureComponent);\n\n function ScrollView() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, ScrollView);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ScrollView.__proto__ || Object.getPrototypeOf(ScrollView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n isVerticalScrollbarVisible: false,\n isHorizontalScrollbarVisible: false\n\n /**\n * Holds the reference to the GeminiScrollbar instance.\n * @property scrollbar [Object]\n */\n }, _this.wrapperRenderer = function (_ref2) {\n var children = _ref2.children,\n wrapperProps = _objectWithoutProperties(_ref2, ['children']);\n\n return _react2.default.createElement(_this.props.component, wrapperProps, children);\n }, _this.innerWrapperRenderer = function (_ref3) {\n var children = _ref3.children,\n innerWrapperProps = _objectWithoutProperties(_ref3, ['children']);\n\n return _react2.default.createElement(_this.props.innerComponent, innerWrapperProps, children);\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(ScrollView, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _props = this.props,\n autoshow = _props.autoshow,\n forceGemini = _props.forceGemini;\n\n this.scrollbar = new _geminiScrollbar2.default({\n autoshow: autoshow,\n forceGemini: forceGemini,\n element: _reactDom2.default.findDOMNode(this),\n createElements: false\n }).create();\n this.saveScrollbarsState();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n var scrollTop = this.scrollbar.getViewElement().scrollTop;\n this.scrollbar.update();\n this.scrollbar.getViewElement().scrollTop = scrollTop;\n this.saveScrollbarsState();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this.scrollbar.destroy();\n this.scrollbar = null;\n }\n }, {\n key: 'saveScrollbarsState',\n value: function saveScrollbarsState() {\n var isVerticalScrollbarVisible = !!(this.verticalThumb && this.verticalThumb.style.height && this.verticalThumb.style.height !== '0px');\n var isHorizontalScrollbarVisible = !!(this.horizontalThumb && this.horizontalThumb.style.width && this.horizontalThumb.style.width !== '0px');\n\n if (this.state.isVerticalScrollbarVisible !== isVerticalScrollbarVisible || this.state.isHorizontalScrollbarVisible !== isHorizontalScrollbarVisible) {\n this.setState({ // eslint-disable-line react/no-did-update-set-state\n isVerticalScrollbarVisible: isVerticalScrollbarVisible,\n isHorizontalScrollbarVisible: isHorizontalScrollbarVisible\n });\n }\n }\n }, {\n key: 'getLocals',\n value: function getLocals() {\n var _props2 = this.props,\n componentProps = _props2.componentProps,\n innerComponentProps = _props2.innerComponentProps,\n className = _props2.className,\n style = _props2.style,\n children = _props2.children;\n var _state = this.state,\n isVerticalScrollbarVisible = _state.isVerticalScrollbarVisible,\n isHorizontalScrollbarVisible = _state.isHorizontalScrollbarVisible;\n\n\n return {\n children: children,\n isVerticalScrollbarVisible: isVerticalScrollbarVisible,\n isHorizontalScrollbarVisible: isHorizontalScrollbarVisible,\n Wrapper: this.wrapperRenderer,\n InnerWrapper: this.innerWrapperRenderer,\n innerWrapperProps: innerComponentProps,\n wrapperProps: _extends({}, componentProps, {\n style: style,\n className: (0, _classnames2.default)('scrollview', className)\n })\n };\n }\n }, {\n key: 'template',\n value: function template(_ref4) {\n var _this2 = this;\n\n var children = _ref4.children,\n Wrapper = _ref4.Wrapper,\n wrapperProps = _ref4.wrapperProps,\n InnerWrapper = _ref4.InnerWrapper,\n innerWrapperProps = _ref4.innerWrapperProps,\n isVerticalScrollbarVisible = _ref4.isVerticalScrollbarVisible,\n isHorizontalScrollbarVisible = _ref4.isHorizontalScrollbarVisible;\n\n return _react2.default.createElement(\n _ResizeSensor2.default,\n { onResize: function onResize() {\n return _this2.forceUpdate();\n } },\n _react2.default.createElement(\n Wrapper,\n wrapperProps,\n _react2.default.createElement(\n 'div',\n { className: (0, _classnames2.default)('gm-scrollbar -vertical', { visible: isVerticalScrollbarVisible }) },\n _react2.default.createElement('div', { className: 'thumb', ref: function ref(_ref5) {\n _this2.verticalThumb = _ref5;\n } })\n ),\n _react2.default.createElement(\n 'div',\n { className: (0, _classnames2.default)('gm-scrollbar -horizontal', { visible: isHorizontalScrollbarVisible }) },\n _react2.default.createElement('div', { className: 'thumb', ref: function ref(_ref6) {\n _this2.horizontalThumb = _ref6;\n } })\n ),\n _react2.default.createElement(\n 'div',\n { className: 'gm-scroll-view' },\n _react2.default.createElement(\n _ResizeSensor2.default,\n { onResize: function onResize() {\n return _this2.forceUpdate();\n } },\n _react2.default.createElement(\n InnerWrapper,\n innerWrapperProps,\n children\n )\n )\n )\n )\n );\n }\n }]);\n\n return ScrollView;\n}(_react2.default.PureComponent), _class2.defaultProps = {\n component: 'div',\n forceGemini: true,\n innerComponent: 'div'\n}, _temp2)) || _class) || _class);\nexports.default = ScrollView;"; },function(e,t){e.exports="// import ScrollView from 'buildo-react-components/lib/ScrollView';\n\nconst Card = () => (\n \n
The last days of disco
\n
by Luella Todd | 7th of March
\n scrollscroll\n
Vinyl pug cray meh, pabst lyft retro fashion axe pickled. Tbh seitan unicorn, raw denim wayfarers edison bulb letterpress shoreditch put a bird on it lomo. Helvetica scenester cronut, trust fund lumbersexual normcore cray pour-over pinterest single-origin coffee pug glossier. Godard slow-carb kitsch, heirloom pug intelligentsia art party cornhole chicharrones lumbersexual man bun. Subway tile shabby chic narwhal, hella pour-over paleo coloring book intelligentsia bushwick selvage migas gentrify single-origin coffee. Schlitz chicharrones fanny pack trust fund green juice, gochujang hexagon drinking vinegar slow-carb truffaut pabst pitchfork. Retro gentrify synth, pop-up snackwave lo-fi blue bottle bicycle rights fanny pack iceland.
\n \n);\n\nclass Example extends React.Component {\n\n render() {\n return (\n \n \n \n \n \n );\n }\n\n}\n"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _ScrollView = require('./ScrollView');\n\nvar _ScrollView2 = _interopRequireDefault(_ScrollView);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _ScrollView2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.defaultCell = exports.default = undefined;\n\nvar _dec, _dec2, _class;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../../utils');\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _fixedDataTable = require('fixed-data-table-2');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar maybe = _utils.t.maybe,\n enums = _utils.t.enums,\n union = _utils.t.union;\n\n\nvar propsTypes = {\n data: _utils.t.Any,\n fixed: maybe(_utils.t.Boolean),\n rowData: _utils.t.Any,\n rowIndex: maybe(_utils.t.Integer),\n children: union([_utils.t.Function, _utils.t.ReactChildren]),\n backgroundColor: maybe(_utils.t.String),\n color: maybe(_utils.t.String),\n vAlignContent: maybe(enums.of(['top', 'center', 'bottom'])),\n hAlignContent: maybe(enums.of(['left', 'center', 'right'])),\n contentStyle: maybe(_utils.t.Object),\n style: maybe(_utils.t.Object)\n};\n\nvar template = function template(_ref) {\n var data = _ref.data,\n fixed = _ref.fixed,\n rowData = _ref.rowData,\n rowIndex = _ref.rowIndex,\n children = _ref.children,\n backgroundColor = _ref.backgroundColor,\n color = _ref.color,\n _ref$vAlignContent = _ref.vAlignContent,\n vAlignContent = _ref$vAlignContent === undefined ? 'center' : _ref$vAlignContent,\n _ref$hAlignContent = _ref.hAlignContent,\n hAlignContent = _ref$hAlignContent === undefined ? 'left' : _ref$hAlignContent,\n _ref$grow = _ref.grow,\n grow = _ref$grow === undefined ? true : _ref$grow,\n contentStyle = _ref.contentStyle,\n style = _ref.style;\n\n return _react2.default.createElement(\n _fixedDataTable.Cell,\n null,\n _react2.default.createElement(\n _reactFlexview2.default,\n {\n className: (0, _classnames2.default)('tablo-cell', { 'tablo-cell-fixed': fixed, 'tablo-cell-even-row': rowIndex % 2 === 0, 'tablo-cell-odd-row': rowIndex % 2 === 1 }),\n style: _extends({ backgroundColor: backgroundColor, color: color }, style),\n grow: grow\n },\n _react2.default.createElement(\n _reactFlexview2.default,\n {\n style: contentStyle,\n className: 'content',\n grow: grow,\n vAlignContent: vAlignContent,\n hAlignContent: hAlignContent\n },\n _utils.t.Function.is(children) ? children(data, rowData, rowIndex) : children\n )\n )\n );\n};\n\nvar Cell = (_dec = (0, _utils.skinnable)(template), _dec2 = (0, _utils.props)(propsTypes), _dec(_class = _dec2(_class = function (_React$PureComponent) {\n _inherits(Cell, _React$PureComponent);\n\n function Cell() {\n _classCallCheck(this, Cell);\n\n return _possibleConstructorReturn(this, (Cell.__proto__ || Object.getPrototypeOf(Cell)).apply(this, arguments));\n }\n\n return Cell;\n}(_react2.default.PureComponent)) || _class) || _class);\nexports.default = Cell;\nvar defaultCell = exports.defaultCell = _react2.default.createElement(\n Cell,\n null,\n function (dataCell) {\n return dataCell;\n }\n);"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.defaultCell = undefined;\n\nvar _Cell = require('./Cell');\n\nvar _Cell2 = _interopRequireDefault(_Cell);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _Cell2.default;\nexports.defaultCell = _Cell.defaultCell;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.defaultColumns = exports.defaultWidth = undefined;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _find = require('lodash/find');\n\nvar _find2 = _interopRequireDefault(_find);\n\nvar _utils = require('../../utils');\n\nvar _fixedDataTable = require('fixed-data-table-2');\n\nvar _Cell = require('../Cell');\n\nvar _Cell2 = _interopRequireDefault(_Cell);\n\nvar _Header = require('../Header');\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Footer = require('../Footer');\n\nvar _Footer2 = _interopRequireDefault(_Footer);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar union = _utils.t.union,\n maybe = _utils.t.maybe,\n struct = _utils.t.struct;\nvar defaultWidth = exports.defaultWidth = 200;\n\nvar argsTypes = struct({\n key: union([_utils.t.String, _utils.t.Number]),\n width: maybe(_utils.t.Number),\n data: maybe(_utils.t.Array),\n name: _utils.t.String,\n fixed: maybe(_utils.t.Boolean),\n flexGrow: maybe(_utils.t.Number),\n children: _utils.t.ReactChildren,\n allowCellsRecycling: maybe(_utils.t.Boolean),\n\n isResizable: maybe(_utils.t.Boolean)\n}, { strict: true });\n\nvar Column = function Column(args) {\n var _argsTypes = argsTypes(args),\n key = _argsTypes.key,\n _argsTypes$width = _argsTypes.width,\n width = _argsTypes$width === undefined ? defaultWidth : _argsTypes$width,\n flexGrow = _argsTypes.flexGrow,\n _argsTypes$data = _argsTypes.data,\n data = _argsTypes$data === undefined ? [] : _argsTypes$data,\n name = _argsTypes.name,\n fixed = _argsTypes.fixed,\n isResizable = _argsTypes.isResizable,\n _argsTypes$children = _argsTypes.children,\n children = _argsTypes$children === undefined ? [] : _argsTypes$children,\n _argsTypes$allowCells = _argsTypes.allowCellsRecycling,\n allowCellsRecycling = _argsTypes$allowCells === undefined ? true : _argsTypes$allowCells;\n\n var cell = function cell(_ref) {\n var rowIndex = _ref.rowIndex,\n columnKey = _ref.columnKey;\n\n var elem = (0, _find2.default)([].concat(children), function (child) {\n return child.type === _Cell2.default;\n }) || _Cell.defaultCell;\n var rowData = data[rowIndex] || {};\n var dataCell = rowData[columnKey];\n return _react2.default.cloneElement(elem, { data: dataCell, rowData: rowData, rowIndex: rowIndex, fixed: fixed });\n };\n\n var header = _react2.default.cloneElement((0, _find2.default)([].concat(children), function (child) {\n return child.type === _Header2.default;\n }) || (0, _Header.defaultHeader)(name), { fixed: fixed });\n\n var footer = (0, _find2.default)([].concat(children), function (child) {\n return child.type === _Footer2.default;\n }); // TODO onFooterClick\n\n return _react2.default.createElement(_fixedDataTable.Column, {\n key: key,\n columnKey: name,\n header: header,\n cell: cell,\n footer: footer,\n width: width,\n flexGrow: flexGrow,\n fixed: fixed,\n isResizable: isResizable,\n allowCellsRecycling: allowCellsRecycling\n });\n};\n\nvar defaultColumns = exports.defaultColumns = function defaultColumns(data) {\n return Object.keys(data[0] || {}).map(function (columnName) {\n return _react2.default.createElement(Column, { name: columnName });\n });\n};\nexports.default = Column;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.updateColumns = exports.getColumnList = undefined;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _curry = require('lodash/curry');\n\nvar _curry2 = _interopRequireDefault(_curry);\n\nvar _flatMap = require('lodash/flatMap');\n\nvar _flatMap2 = _interopRequireDefault(_flatMap);\n\nvar _Column = require('./Column');\n\nvar _Column2 = _interopRequireDefault(_Column);\n\nvar _ColumnGroup = require('../ColumnGroup');\n\nvar _ColumnGroup2 = _interopRequireDefault(_ColumnGroup);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n// how to extract columns from children, update them and return new grid children\n// useful in the `getLocals` of the several plugins\n\nvar getColumnList = exports.getColumnList = function getColumnList(children) {\n var chArray = _react.Children.toArray(children);\n var thereAreGroups = chArray.filter(function (ch) {\n return ch.type === _ColumnGroup2.default;\n }).length > 0;\n return thereAreGroups ? (0, _flatMap2.default)(chArray, function (ch) {\n return _react.Children.toArray(ch.props.children);\n }) : chArray;\n};\n\nvar updateColumns = exports.updateColumns = (0, _curry2.default)(function (children, update) {\n var updateIfColumn = function updateIfColumn(colGroup) {\n return function (col, index) {\n return col.type === _Column2.default ? update({ col: col, index: index, colGroup: colGroup }) : col;\n };\n };\n var chArray = _react.Children.toArray(children);\n var thereAreGroups = chArray.filter(function (ch) {\n return ch.type === _ColumnGroup2.default;\n }).length > 0;\n\n var newChildren = thereAreGroups ? chArray.map(function (group, key) {\n return _react2.default.cloneElement(group, {\n key: key,\n children: _react.Children.map(group.props.children, updateIfColumn(group))\n });\n }) : chArray.map(updateIfColumn());\n return newChildren;\n});"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.defaultWidth = exports.defaultColumns = exports.thereAreGroups = exports.getColumnList = exports.updateColumns = undefined;\n\nvar _columnUtility = require('./columnUtility');\n\nObject.defineProperty(exports, 'updateColumns', {\n enumerable: true,\n get: function get() {\n return _columnUtility.updateColumns;\n }\n});\nObject.defineProperty(exports, 'getColumnList', {\n enumerable: true,\n get: function get() {\n return _columnUtility.getColumnList;\n }\n});\nObject.defineProperty(exports, 'thereAreGroups', {\n enumerable: true,\n get: function get() {\n return _columnUtility.thereAreGroups;\n }\n});\n\nvar _Column = require('./Column');\n\nvar _Column2 = _interopRequireDefault(_Column);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _Column2.default;\nexports.defaultColumns = _Column.defaultColumns;\nexports.defaultWidth = _Column.defaultWidth;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _utils = require('../../utils');\n\nvar _find = require('lodash/find');\n\nvar _find2 = _interopRequireDefault(_find);\n\nvar _fixedDataTable = require('fixed-data-table-2');\n\nvar _Header = require('../Header');\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Column = require('../Column');\n\nvar _Column2 = _interopRequireDefault(_Column);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar union = _utils.t.union,\n maybe = _utils.t.maybe,\n struct = _utils.t.struct;\n\nvar argsTypes = struct({\n key: union([_utils.t.String, _utils.t.Number]),\n fixed: maybe(_utils.t.Boolean),\n children: _utils.t.ReactChildren\n}, { strict: true, name: 'ColumnGroupProps' });\n\nvar ColumnGroup = function ColumnGroup(args) {\n var _argsTypes = argsTypes(args),\n key = _argsTypes.key,\n fixed = _argsTypes.fixed,\n children = _argsTypes.children;\n\n var header = (0, _find2.default)(children, function (child) {\n return child.type === _Header2.default;\n }) || (0, _Header.defaultHeader)();\n var columns = children.filter(function (ch) {\n return ch.type === _Column2.default;\n }).map(function (col, key) {\n return (0, _Column2.default)(_extends({\n key: key\n }, col.props, {\n fixed: fixed\n }));\n });\n\n return _react2.default.createElement(\n _fixedDataTable.ColumnGroup,\n {\n key: key,\n header: header,\n fixed: fixed\n },\n columns\n );\n};\n\nexports.default = ColumnGroup;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _ColumnGroup = require('./ColumnGroup');\n\nvar _ColumnGroup2 = _interopRequireDefault(_ColumnGroup);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _ColumnGroup2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _dec, _dec2, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _utils = require('../../utils');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar maybe = _utils.t.maybe;\n\n\nvar propsTypes = {\n columnKey: maybe(_utils.t.String),\n width: maybe(_utils.t.Number),\n height: maybe(_utils.t.Number),\n children: _utils.t.ReactChildren\n};\n\nvar template = function template(_ref) {\n var children = _ref.children;\n\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n {\n className: 'tablo-footer',\n height: '100%',\n width: '100%',\n vAlignContent: 'center',\n grow: true\n },\n children\n );\n};\n\nvar Footer = (_dec = (0, _utils.skinnable)(template), _dec2 = (0, _utils.props)(propsTypes), _dec(_class = _dec2(_class = function (_React$PureComponent) {\n _inherits(Footer, _React$PureComponent);\n\n function Footer() {\n _classCallCheck(this, Footer);\n\n return _possibleConstructorReturn(this, (Footer.__proto__ || Object.getPrototypeOf(Footer)).apply(this, arguments));\n }\n\n return Footer;\n}(_react2.default.PureComponent)) || _class) || _class);\nexports.default = Footer;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _Footer = require('./Footer');\n\nvar _Footer2 = _interopRequireDefault(_Footer);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _Footer2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.defaultHeader = exports.default = undefined;\n\nvar _dec, _dec2, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../../utils');\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar maybe = _utils.t.maybe;\n\n\nvar propsTypes = {\n children: _utils.t.ReactChildren,\n rowIndex: maybe(_utils.t.Number), // should not be here\n columnKey: maybe(_utils.t.String),\n width: maybe(_utils.t.Number),\n fixed: maybe(_utils.t.Boolean),\n height: maybe(_utils.t.Number),\n onClick: maybe(_utils.t.Function)\n};\n\nvar getLocals = function getLocals(_ref) {\n var columnKey = _ref.columnKey,\n width = _ref.width,\n height = _ref.height,\n fixed = _ref.fixed,\n onClick = _ref.onClick,\n children = _ref.children;\n\n\n return {\n width: width, height: height, fixed: fixed,\n onClick: onClick && onClick(columnKey),\n children: children\n };\n};\n\nvar template = function template(_ref2) {\n var onClick = _ref2.onClick,\n className = _ref2.className,\n children = _ref2.children,\n fixed = _ref2.fixed;\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n {\n className: (0, _classnames2.default)('tablo-header', { 'tablo-header-fixed': fixed }, className),\n height: '100%',\n width: '100%',\n vAlignContent: 'center',\n onClick: onClick,\n grow: true\n },\n _react2.default.createElement(\n _reactFlexview2.default,\n { vAlignContent: 'center', grow: true, height: '100%' },\n children\n )\n );\n};\n\nvar Header = (_dec = (0, _utils.skinnable)(template), _dec2 = (0, _utils.props)(propsTypes), _dec(_class = _dec2(_class = function (_React$PureComponent) {\n _inherits(Header, _React$PureComponent);\n\n function Header() {\n var _ref3;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, Header);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref3 = Header.__proto__ || Object.getPrototypeOf(Header)).call.apply(_ref3, [this].concat(args))), _this), _this.getLocals = getLocals, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n return Header;\n}(_react2.default.PureComponent)) || _class) || _class);\nexports.default = Header;\nvar defaultHeader = exports.defaultHeader = function defaultHeader(columnKey) {\n return _react2.default.createElement(\n Header,\n null,\n columnKey\n );\n};"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.defaultHeader = undefined;\n\nvar _Header = require('./Header');\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _Header2.default;\nexports.defaultHeader = _Header.defaultHeader;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _class, _class2, _temp;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../utils');\n\nvar _fixedDataTable = require('fixed-data-table-2');\n\nvar _Column = require('./Column');\n\nvar _Column2 = _interopRequireDefault(_Column);\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nrequire('./patch-fixed-data-table-2');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar maybe = _utils.t.maybe;\n\n/** A table component based on fixed-data-table-2\n * @param data - data shown in the table\n * @param width - the desired width of the table. Unless autosize is false, this can be left undefined\n * @param height - the desired height of the table. Unless autosize is false, this can be left undefined\n * @param rowHeight - height in pixel of every row\n * @param headerHeight - height in pixel of header\n * @param groupHeaderHeight - height in pixel of groupHeader\n * @param footerHeight - height in pixel of footer\n * @param onRowMouseEnter - callback to be called when mouse enters a row\n * @param onRowMouseLeave - callback to be called when mouse leaves a row\n * @param autosize - wheater the table should resize to fit the available space. Default true.\n * @param columnsOrder - an array containing the ordered list of column names, in the same order they should be rendered\n * @param onColumnsReorder - callback to be called when the order of columns changes after dragging an header in a new position\n * @param onColumnResize - callback to be called when a column is resized\n * @param children - table children (Column or ColumnGroup)\n * @param scrollLeft - value of horizontal scroll\n * @param scrollTop - value of vertical scroll\n * @param onScrollStart - callback to be called when scrolling starts\n * @param onScrollEnd - callback to be called when scrolling ends\n * @param selectedRows - the list of selected row ids\n * @param onRowsSelect - callback to be called when the currently selected rows change\n * @param selectionType - single = only one selected row at a time, multi = multiple selection, none = selection disabled\n * @param hoveredRowIndex - the id of the hovered row\n * @param onHoverRowChange - callback to be called when the hovered row changes\n * @param sortBy - id of the column according which the data should be ordered\n * @param sortDir - sorting direction\n * @param onSortChange - callback to be called when sorting change\n * @param rowClassNameGetter - a function index -> className\n * @param touchScrollEnabled - enable touch scroll\n *\n * @param scrollToRow - Private\n * @param onRowClick - Private\n * @param onColumnResizeEndCallback - Private\n * @param isColumnResizing - Private\n */\n\nvar Tablo = (_dec = (0, _utils.skinnable)(), _dec2 = (0, _utils.props)({\n // public\n className: maybe(_utils.t.String),\n data: _utils.t.Array,\n width: _utils.t.Number,\n height: _utils.t.Number,\n rowHeight: maybe(_utils.t.Number),\n headerHeight: maybe(_utils.t.Number),\n groupHeaderHeight: maybe(_utils.t.Number),\n footerHeight: maybe(_utils.t.Number),\n onRowMouseEnter: maybe(_utils.t.Function),\n onRowMouseLeave: maybe(_utils.t.Function),\n scrollLeft: maybe(_utils.t.Integer),\n scrollTop: maybe(_utils.t.Integer),\n onScrollStart: maybe(_utils.t.Function),\n onScrollEnd: maybe(_utils.t.Function),\n children: _utils.t.ReactChildren,\n rowClassNameGetter: maybe(_utils.t.Function),\n touchScrollEnabled: maybe(_utils.t.Boolean),\n\n // private\n scrollToRow: maybe(_utils.t.Integer),\n onRowClick: maybe(_utils.t.Function),\n onColumnResizeEndCallback: maybe(_utils.t.Function),\n isColumnResizing: maybe(_utils.t.Boolean)\n}), _dec(_class = _dec2(_class = (_temp = _class2 = function (_React$PureComponent) {\n _inherits(Tablo, _React$PureComponent);\n\n function Tablo() {\n _classCallCheck(this, Tablo);\n\n return _possibleConstructorReturn(this, (Tablo.__proto__ || Object.getPrototypeOf(Tablo)).apply(this, arguments));\n }\n\n _createClass(Tablo, [{\n key: 'getLocals',\n value: function getLocals(_ref) {\n var data = _ref.data,\n children = _ref.children,\n rcnGetter = _ref.rowClassNameGetter,\n tableProps = _objectWithoutProperties(_ref, ['data', 'children', 'rowClassNameGetter']);\n\n var columnsOrGroups = (0, _Column.updateColumns)(children || (0, _Column.defaultColumns)(data), function (_ref2) {\n var col = _ref2.col;\n\n return _react2.default.createElement(_Column2.default, _extends({ key: col.props.name }, col.props, { data: data }));\n }).map(function (ch, key) {\n return ch.type(_extends({ key: key }, ch.props));\n });\n\n _utils.t.assert(columnsOrGroups.length === [].concat(children || Object.keys(data[0])).length, 'There are extraneous children in the Grid. One should use only Column or ColumnGroup');\n\n var rowClassNameGetter = function rowClassNameGetter(index) {\n return (0, _classnames2.default)('tablo-row', { 'tablo-row-even': index % 2 === 0, 'tablo-row-odd': index % 2 === 1 }, rcnGetter(index));\n };\n\n var rowsCount = data.length;\n\n return _extends({\n columnsOrGroups: columnsOrGroups,\n rowsCount: rowsCount,\n rowClassNameGetter: rowClassNameGetter\n }, tableProps);\n }\n }, {\n key: 'template',\n value: function template(_ref3) {\n var columnsOrGroups = _ref3.columnsOrGroups,\n className = _ref3.className,\n tableProps = _objectWithoutProperties(_ref3, ['columnsOrGroups', 'className']);\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n { column: true, grow: true, className: (0, _classnames2.default)('tablo', className) },\n _react2.default.createElement(\n _fixedDataTable.Table,\n tableProps,\n columnsOrGroups\n )\n );\n }\n }]);\n\n return Tablo;\n}(_react2.default.PureComponent), _class2.defaultProps = {\n rowClassNameGetter: function rowClassNameGetter() {\n return '';\n },\n rowHeight: 30,\n headerHeight: 40,\n groupHeaderHeight: 50,\n footerHeight: 0\n}, _temp)) || _class) || _class);\nexports.default = Tablo;"},function(e,t){e.exports="// import Tablo, { Column as TabloColumn, Header, Cell } from 'buildo-react-components/lib/Tablo';\n\nclass Example extends React.Component {\n\n state = {\n sortBy: 'name',\n sortDir: 'asc',\n columnWidths: {},\n columnsOrder: []\n }\n\n rowHeight = 40;\n\n onSortChange = ({ sortBy, sortDir }) => {\n this.setState({ sortBy, sortDir });\n };\n\n onColumnResize = ({ width, key }) => {\n this.setState({\n columnWidths: {\n ...this.state.columnWidths,\n [key]: parseInt(width)\n }\n });\n };\n\n onRowsSelect = (selectedRows) => {\n this.setState({ selectedRows });\n }\n\n onColumnsReorder = (columnsOrder) => {\n this.setState({ columnsOrder });\n }\n\n render() {\n\n const {\n rowHeight, onSortChange, onColumnResize, onRowsSelect, onColumnsReorder,\n state: { sortBy: sortByField, sortDir, columnWidths, selectedRows, columnsOrder }\n } = this;\n\n const sortedData = sortBy(data, sortByField);\n\n return (\n \n `row-${index}`}\n data={sortDir === 'desc' ? sortedData.reverse() : sortedData}\n rowHeight={rowHeight}\n onSortChange={onSortChange}\n sortBy={sortByField}\n sortDir={sortDir}\n onColumnResize={onColumnResize}\n selectionType='single'\n selectedRows={selectedRows}\n onRowsSelect={onRowsSelect}\n columnsOrder={columnsOrder}\n onColumnsReorder={onColumnsReorder}\n >\n \n
\n {(_, __, index) => index}\n \n\n \n
Salutation
\n \n {(_, { name, city }) => (\n \"Hello! I am {name.split(' ')[0]} from {city}!\"\n )}\n \n \n\n \n
\n {avatar => }\n \n\n \n
Name
\n {name => {name}}\n \n\n \n
City
\n \n\n \n
Email
\n {email => (\n \n {self => (\n \n {self}\n \n )}\n \n )}\n \n\n \n
Company
\n \n\n \n \n );\n }\n}\n\nconst getRandomRow = () => {\n return {\n avatar: faker.image.avatar(),\n name: faker.name.findName(),\n city: faker.address.city(),\n email: faker.internet.email(),\n company: faker.company.companyName()\n };\n};\n\nconst data = Array.apply(null, Array(30)).reduce(acc => [...acc, getRandomRow()], []);\n"; },function(e,t){e.exports="// import Tablo, { Column as TabloColumn, Header, Cell } from 'buildo-react-components/lib/Tablo';\n\nclass Example extends React.Component {\n\n state = { scrollLeft: 0 }\n\n onRowsSelect = (selectedRows) => {\n this.setState({ selectedRows });\n }\n\n onScrollEnd = (x) => {\n this.setState({\n scrollLeft: x\n });\n }\n\n keyHandlerMap = {\n [ARROW_UP]: () => {\n const selectedRow = this.state.selectedRows && this.state.selectedRows[0];\n this.setState({ selectedRows: [ selectedRow > 0 ? selectedRow - 1 : 0 ] });\n },\n [ARROW_DOWN]: () => {\n const selectedRow = this.state.selectedRows && this.state.selectedRows[0] + 1 || 0;\n if (selectedRow < data.length) {\n this.setState({ selectedRows: [selectedRow] });\n }\n },\n [ARROW_LEFT]: () => {\n const scrollLeft = this.state.scrollLeft ? this.state.scrollLeft - 40 : 0;\n this.setState({ scrollLeft: scrollLeft >= 0 ? scrollLeft : 0 });\n\n },\n [ARROW_RIGHT]: () => {\n const scrollLeft = (this.state.scrollLeft || 0) + 40;\n this.setState({ scrollLeft });\n }\n }\n\n onKeyDown = (e) => {\n\n if (![ARROW_LEFT, ARROW_RIGHT, ARROW_UP, ARROW_DOWN].includes(e.keyCode)) return;\n\n this.keyHandlerMap[e.keyCode]();\n\n e.preventDefault();\n }\n\n render() {\n\n const { onKeyDown, onScrollStart, onScrollEnd, onRowsSelect, state: { scrollTop, scrollLeft, selectedRows } } = this;\n\n return (\n \n {}}\n onScrollStart={onScrollStart}\n onScrollEnd={onScrollEnd}\n onRowsSelect={onRowsSelect}\n selectedRows={selectedRows}\n >\n\n \n
\n { avatar => }\n \n\n \n
Name
\n \n\n \n
City
\n \n\n \n
Email
\n \n\n \n
Company
\n \n\n \n \n );\n }\n}\n\nconst ARROW_LEFT = 37;\nconst ARROW_RIGHT = 39;\nconst ARROW_UP = 38;\nconst ARROW_DOWN = 40;\n\nconst getRandomRow = () => {\n return {\n avatar: faker.image.avatar(),\n name: faker.name.findName(),\n city: faker.address.city(),\n email: faker.internet.email(),\n company: faker.company.companyName()\n };\n};\n\nconst data = Array.apply(null, Array(1000)).reduce(acc => [...acc, getRandomRow()], []);\n\n"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Footer = exports.Header = exports.Cell = exports.Column = exports.ColumnGroup = undefined;\n\nvar _Tablo = require('./Tablo');\n\nvar _Tablo2 = _interopRequireDefault(_Tablo);\n\nvar _plugins = require('./plugins');\n\nvar _ColumnGroup2 = require('./ColumnGroup');\n\nvar _ColumnGroup3 = _interopRequireDefault(_ColumnGroup2);\n\nvar _Column2 = require('./Column');\n\nvar _Column3 = _interopRequireDefault(_Column2);\n\nvar _Cell2 = require('./Cell');\n\nvar _Cell3 = _interopRequireDefault(_Cell2);\n\nvar _Header2 = require('./Header');\n\nvar _Header3 = _interopRequireDefault(_Header2);\n\nvar _Footer2 = require('./Footer');\n\nvar _Footer3 = _interopRequireDefault(_Footer2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.ColumnGroup = _ColumnGroup3.default;\nexports.Column = _Column3.default;\nexports.Cell = _Cell3.default;\nexports.Header = _Header3.default;\nexports.Footer = _Footer3.default;\nexports.default = (0, _plugins.autosize)((0, _plugins.columnsResize)((0, _plugins.columnsReorder)((0, _plugins.scrollable)((0, _plugins.selectable)((0, _plugins.sortable)(_Tablo2.default))))));"},function(e,t){e.exports="'use strict';\n\nvar _FixedDataTable = require('fixed-data-table-2/internal/FixedDataTable.js');\n\nvar _FixedDataTable2 = _interopRequireDefault(_FixedDataTable);\n\nvar _FixedDataTableBufferedRows = require('fixed-data-table-2/internal/FixedDataTableBufferedRows.js');\n\nvar _FixedDataTableBufferedRows2 = _interopRequireDefault(_FixedDataTableBufferedRows);\n\nvar _FixedDataTableCell = require('fixed-data-table-2/internal/FixedDataTableCell.js');\n\nvar _FixedDataTableCell2 = _interopRequireDefault(_FixedDataTableCell);\n\nvar _FixedDataTableCellDefault = require('fixed-data-table-2/internal/FixedDataTableCellDefault.js');\n\nvar _FixedDataTableCellDefault2 = _interopRequireDefault(_FixedDataTableCellDefault);\n\nvar _FixedDataTableCellGroup = require('fixed-data-table-2/internal/FixedDataTableCellGroup.js');\n\nvar _FixedDataTableCellGroup2 = _interopRequireDefault(_FixedDataTableCellGroup);\n\nvar _FixedDataTableColumn = require('fixed-data-table-2/internal/FixedDataTableColumn.js');\n\nvar _FixedDataTableColumn2 = _interopRequireDefault(_FixedDataTableColumn);\n\nvar _FixedDataTableColumnGroup = require('fixed-data-table-2/internal/FixedDataTableColumnGroup.js');\n\nvar _FixedDataTableColumnGroup2 = _interopRequireDefault(_FixedDataTableColumnGroup);\n\nvar _FixedDataTableColumnReorderHandle = require('fixed-data-table-2/internal/FixedDataTableColumnReorderHandle.js');\n\nvar _FixedDataTableColumnReorderHandle2 = _interopRequireDefault(_FixedDataTableColumnReorderHandle);\n\nvar _FixedDataTableColumnResizeHandle = require('fixed-data-table-2/internal/FixedDataTableColumnResizeHandle.js');\n\nvar _FixedDataTableColumnResizeHandle2 = _interopRequireDefault(_FixedDataTableColumnResizeHandle);\n\nvar _FixedDataTableRow = require('fixed-data-table-2/internal/FixedDataTableRow.js');\n\nvar _FixedDataTableRow2 = _interopRequireDefault(_FixedDataTableRow);\n\nvar _Scrollbar = require('fixed-data-table-2/internal/Scrollbar.js');\n\nvar _Scrollbar2 = _interopRequireDefault(_Scrollbar);\n\nvar _fixedDataTable = require('fixed-data-table-2');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n_FixedDataTable2.default.propTypes = null;\n_FixedDataTableBufferedRows2.default.propTypes = null;\n_FixedDataTableCell2.default.propTypes = null;\n_FixedDataTableCellDefault2.default.propTypes = null;\n_FixedDataTableCellGroup2.default.propTypes = null;\n_FixedDataTableColumn2.default.propTypes = null;\n_FixedDataTableColumnGroup2.default.propTypes = null;\n_FixedDataTableColumnReorderHandle2.default.propTypes = null;\n_FixedDataTableColumnResizeHandle2.default.propTypes = null;\n_FixedDataTableRow2.default.propTypes = null;\n_Scrollbar2.default.propTypes = null;\n_fixedDataTable.Table.propTypes = null;\n_fixedDataTable.Column.propTypes = null;\n_fixedDataTable.ColumnGroup.propTypes = null;\n_fixedDataTable.Cell.propTypes = null;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _utils = require('../../../utils');\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _ResizeSensor = require('../../../ResizeSensor/ResizeSensor');\n\nvar _ResizeSensor2 = _interopRequireDefault(_ResizeSensor);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar maybe = _utils.t.maybe;\n\nexports.default = function (Grid) {\n var _dec, _dec2, _class, _class2, _temp2;\n\n return _dec = (0, _utils.props)({\n className: maybe(_utils.t.String),\n autosize: maybe(_utils.t.Boolean)\n }, { strict: false }), _dec2 = (0, _utils.skinnable)(), _dec(_class = _dec2(_class = (_temp2 = _class2 = function (_React$PureComponent) {\n _inherits(AutosizeGrid, _React$PureComponent);\n\n function AutosizeGrid() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, AutosizeGrid);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = AutosizeGrid.__proto__ || Object.getPrototypeOf(AutosizeGrid)).call.apply(_ref, [this].concat(args))), _this), _this.state = {}, _this.updateSize = function () {\n var wrapper = _reactDom2.default.findDOMNode(_this.refs.gridWrapper);\n var height = wrapper.clientHeight,\n width = wrapper.clientWidth;\n\n _this.setState({ width: width, height: height });\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(AutosizeGrid, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n if (this.props.autosize) {\n this.updateSize();\n }\n }\n }, {\n key: 'getLocals',\n value: function getLocals(_ref2) {\n var autosize = _ref2.autosize,\n className = _ref2.className,\n tableProps = _objectWithoutProperties(_ref2, ['autosize', 'className']);\n\n var _ref3 = autosize ? this.state : {},\n _ref3$width = _ref3.width,\n width = _ref3$width === undefined ? 0 : _ref3$width,\n _ref3$height = _ref3.height,\n height = _ref3$height === undefined ? 0 : _ref3$height;\n\n return _extends({\n width: width,\n height: height,\n autosize: autosize,\n className: (0, _classnames2.default)('autosize-tablo', className)\n }, tableProps);\n }\n }, {\n key: 'template',\n value: function template(_ref4) {\n var autosize = _ref4.autosize,\n tableProps = _objectWithoutProperties(_ref4, ['autosize']);\n\n var content = _react2.default.createElement(\n _reactFlexview2.default,\n { grow: true, column: true, width: '100%', ref: 'gridWrapper' },\n tableProps.height > 0 && _react2.default.createElement(Grid, tableProps)\n );\n\n return autosize ? _react2.default.createElement(\n _ResizeSensor2.default,\n { onResize: this.updateSize },\n content\n ) : content;\n }\n }]);\n\n return AutosizeGrid;\n }(_react2.default.PureComponent), _class2.defaultProps = {\n autosize: true\n }, _temp2)) || _class) || _class;\n};"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _autosizeGrid = require('./autosizeGrid');\n\nvar _autosizeGrid2 = _interopRequireDefault(_autosizeGrid);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _autosizeGrid2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _dec3, _dec4, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDnd = require('react-dnd');\n\nvar _utils = require('../../../utils');\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _flowRight = require('lodash/flowRight');\n\nvar _flowRight2 = _interopRequireDefault(_flowRight);\n\nvar _identity = require('lodash/identity');\n\nvar _identity2 = _interopRequireDefault(_identity);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar columnTarget = {\n canDrop: function canDrop(_ref, monitor) {\n var isDropAllowed = _ref.isDropAllowed,\n target = _ref.name;\n\n var source = monitor.getItem().name;\n return isDropAllowed(source, target);\n },\n hover: function hover(_ref2, monitor, component) {\n var isDropAllowed = _ref2.isDropAllowed,\n onDragHover = _ref2.onDragHover,\n target = _ref2.name,\n hoverIndex = _ref2.index;\n\n\n var source = monitor.getItem().name;\n if (onDragHover && isDropAllowed(source, target)) {\n var hoverBoundingRect = (0, _reactDom.findDOMNode)(component).getBoundingClientRect();\n var hoverMiddleX = (hoverBoundingRect.right - hoverBoundingRect.left) / 2;\n var clientOffset = monitor.getClientOffset();\n var hoverClientX = clientOffset.x - hoverBoundingRect.left;\n var dragIndex = monitor.getItem().index;\n\n if (dragIndex < hoverIndex && hoverClientX < hoverMiddleX) {\n return;\n }\n if (dragIndex > hoverIndex && hoverClientX > hoverMiddleX) {\n return;\n }\n onDragHover(source, target);\n monitor.getItem().index = hoverIndex;\n }\n },\n drop: function drop(_ref3, monitor) {\n var isDropAllowed = _ref3.isDropAllowed,\n target = _ref3.name,\n onDrop = _ref3.onDrop,\n canDrop = _ref3.canDrop;\n\n var source = monitor.getItem().name;\n if (onDrop && isDropAllowed(source, target)) {\n onDrop(source, target);\n }\n }\n};\n\nvar collectTarget = function collectTarget(connect, monitor) {\n return {\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver(),\n canDrop: monitor.canDrop()\n };\n};\n\nvar columnSource = {\n beginDrag: function beginDrag(_ref4) {\n var name = _ref4.name,\n index = _ref4.index;\n\n return { name: name, index: index };\n },\n isDragging: function isDragging(_ref5, monitor) {\n var name = _ref5.name;\n\n return name === monitor.getItem().name;\n },\n canDrag: function canDrag(_ref6) {\n var isDragAllowed = _ref6.isDragAllowed;\n\n return isDragAllowed;\n }\n};\n\nvar collectSource = function collectSource(connect, monitor) {\n return {\n connectDragSource: connect.dragSource(),\n connectDragPreview: connect.dragPreview(),\n isDragging: monitor.isDragging()\n };\n};\n\nvar columnType = function columnType(_ref7) {\n var tabloUniqueId = _ref7.tabloUniqueId;\n return tabloUniqueId + '_column';\n};\n\nvar DNDHeader = (_dec = (0, _reactDnd.DragSource)(columnType, columnSource, collectSource), _dec2 = (0, _reactDnd.DropTarget)(columnType, columnTarget, collectTarget), _dec3 = (0, _utils.skinnable)(), _dec4 = (0, _utils.props)({\n connectDragSource: _utils.t.Function,\n connectDragPreview: _utils.t.Function,\n isDragAllowed: _utils.t.Boolean,\n isDragging: _utils.t.Boolean,\n //\n connectDropTarget: _utils.t.Function,\n isOver: _utils.t.Boolean,\n canDrop: _utils.t.Boolean,\n onDrop: _utils.t.maybe(_utils.t.Function),\n onDragHover: _utils.t.maybe(_utils.t.Function),\n //\n name: _utils.t.String,\n index: _utils.t.Integer,\n isDropAllowed: _utils.t.Function,\n tabloUniqueId: _utils.t.String,\n children: _utils.t.ReactChildren\n}), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = function (_React$PureComponent) {\n _inherits(DNDHeader, _React$PureComponent);\n\n function DNDHeader() {\n _classCallCheck(this, DNDHeader);\n\n return _possibleConstructorReturn(this, (DNDHeader.__proto__ || Object.getPrototypeOf(DNDHeader)).apply(this, arguments));\n }\n\n _createClass(DNDHeader, [{\n key: 'getLocals',\n value: function getLocals(_ref8) {\n var connectDragSource = _ref8.connectDragSource,\n connectDropTarget = _ref8.connectDropTarget,\n isDragAllowed = _ref8.isDragAllowed,\n props = _objectWithoutProperties(_ref8, ['connectDragSource', 'connectDropTarget', 'isDragAllowed']);\n\n var dndWrapper = isDragAllowed ? (0, _flowRight2.default)(connectDropTarget, connectDragSource) : _identity2.default;\n return _extends({\n dndWrapper: dndWrapper\n }, props);\n }\n }, {\n key: 'template',\n value: function template(_ref9) {\n var dndWrapper = _ref9.dndWrapper,\n isDragging = _ref9.isDragging,\n canDrop = _ref9.canDrop,\n isOver = _ref9.isOver,\n children = _ref9.children;\n\n return dndWrapper(_react2.default.createElement(\n 'div',\n { className: (0, _classnames2.default)('dndHeader', { isDragging: isDragging, canDrop: canDrop, isOver: isOver }) },\n _react2.default.createElement(\n _reactFlexview2.default,\n { vAlignContent: 'center', width: '100%', height: '100%' },\n _react2.default.createElement(\n _reactFlexview2.default,\n { grow: true, height: '100%', vAlignContent: 'center' },\n children\n )\n )\n ));\n }\n }]);\n\n return DNDHeader;\n}(_react2.default.PureComponent)) || _class) || _class) || _class) || _class);\nexports.default = DNDHeader;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _utils = require('../../../utils');\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _find = require('lodash/find');\n\nvar _find2 = _interopRequireDefault(_find);\n\nvar _sortBy = require('lodash/sortBy');\n\nvar _sortBy2 = _interopRequireDefault(_sortBy);\n\nvar _findIndex = require('lodash/findIndex');\n\nvar _findIndex2 = _interopRequireDefault(_findIndex);\n\nvar _once = require('lodash/once');\n\nvar _once2 = _interopRequireDefault(_once);\n\nvar _uniqueId = require('lodash/uniqueId');\n\nvar _uniqueId2 = _interopRequireDefault(_uniqueId);\n\nvar _htmlBackend = require('./htmlBackend');\n\nvar _htmlBackend2 = _interopRequireDefault(_htmlBackend);\n\nvar _Column = require('../../Column');\n\nvar _Column2 = _interopRequireDefault(_Column);\n\nvar _ColumnGroup = require('../../ColumnGroup');\n\nvar _ColumnGroup2 = _interopRequireDefault(_ColumnGroup);\n\nvar _Header = require('../../Header');\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _DNDHeader = require('./DNDHeader');\n\nvar _DNDHeader2 = _interopRequireDefault(_DNDHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar maybe = _utils.t.maybe,\n list = _utils.t.list;\n\nexports.default = function (Grid) {\n var _dec, _class;\n\n return _dec = (0, _utils.props)({\n // transform, manipulate\n className: maybe(_utils.t.String),\n // add\n columnsOrder: maybe(list(_utils.t.String)),\n onColumnsReorder: maybe(_utils.t.Function)\n }, { strict: false }), (0, _htmlBackend2.default)(_class = _dec(_class = function (_React$PureComponent) {\n _inherits(ColumnsReorderGrid, _React$PureComponent);\n\n function ColumnsReorderGrid() {\n _classCallCheck(this, ColumnsReorderGrid);\n\n var _this = _possibleConstructorReturn(this, (ColumnsReorderGrid.__proto__ || Object.getPrototypeOf(ColumnsReorderGrid)).call(this));\n\n _this.uniqueId = (0, _uniqueId2.default)('tablo_');\n return _this;\n }\n\n _createClass(ColumnsReorderGrid, [{\n key: 'getLocals',\n value: function getLocals(_ref) {\n var _this2 = this;\n\n var className = _ref.className,\n children = _ref.children,\n _ref$columnsOrder = _ref.columnsOrder,\n columnsOrder = _ref$columnsOrder === undefined ? [] : _ref$columnsOrder,\n onColumnsReorder = _ref.onColumnsReorder,\n gridProps = _objectWithoutProperties(_ref, ['className', 'children', 'columnsOrder', 'onColumnsReorder']);\n\n var _children = [].concat(children || (0, _Column.defaultColumns)(gridProps.data));\n\n var thereAreGroups = _children.filter(function (c) {\n return c.type === _ColumnGroup2.default;\n }).length > 0;\n if (thereAreGroups || !onColumnsReorder) {\n return _extends({ // no reordering of columns if there are groups\n className: className,\n children: _children\n }, gridProps);\n }\n\n var doOrderColumns = function doOrderColumns(child) {\n if (child.type === _Header2.default) {\n return -1;\n }\n var index = (0, _findIndex2.default)(columnsOrder, function (n) {\n return n === child.props.name;\n });\n return index === -1 ? Infinity : index;\n };\n\n var orderedChildren = (0, _sortBy2.default)(_children, doOrderColumns);\n\n var moveColumn = function moveColumn() {\n var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var source = arguments[1];\n var target = arguments[2];\n\n var source_index = list.indexOf(source);\n var target_index = list.indexOf(target);\n if (source_index <= target_index) {\n return [].concat(_toConsumableArray(list.slice(0, source_index)), _toConsumableArray(list.slice(source_index + 1, target_index + 1)), [source], _toConsumableArray(list.slice(target_index + 1)));\n } else {\n return [].concat(_toConsumableArray(list.slice(0, target_index)), [source], _toConsumableArray(list.slice(target_index, source_index)), _toConsumableArray(list.slice(source_index + 1)));\n }\n };\n\n var onColumnsSwitch = function onColumnsSwitch(sourceName, targetName) {\n if (onColumnsReorder && sourceName && targetName && sourceName !== targetName) {\n var newColumnsOrder = moveColumn(orderedChildren.map(function (c) {\n return c.props.name;\n }), sourceName, targetName);\n return onColumnsReorder(newColumnsOrder);\n }\n return undefined;\n };\n\n var isDragAllowed = function isDragAllowed(_ref2) {\n var fixed = _ref2.props.fixed;\n return !fixed;\n };\n var isDropAllowed = function isDropAllowed(fixed) {\n return function (source, target) {\n return !fixed && source !== target;\n };\n };\n\n var overrideHeader = function overrideHeader(_ref3) {\n var col = _ref3.col,\n index = _ref3.index;\n //eslint-disable-line\n var _col$props = col.props,\n name = _col$props.name,\n fixed = _col$props.fixed;\n\n var header = (0, _find2.default)([].concat(col.props.children), { type: _Header2.default }) || (0, _Header.defaultHeader)(col.props.name);\n var otherChildren = col.props.children ? [].concat(col.props.children).filter(function (ch) {\n return ch.type !== _Header2.default;\n }) : [];\n var oncedOnColumnsSwitch = (0, _once2.default)(onColumnsSwitch, 200);\n var dndHeader = _react2.default.createElement(\n _Header2.default,\n header.props,\n _react2.default.createElement(\n _DNDHeader2.default,\n {\n onDragHover: oncedOnColumnsSwitch,\n key: index,\n index: index,\n name: name,\n isDragAllowed: isDragAllowed(col),\n isDropAllowed: isDropAllowed(fixed),\n tabloUniqueId: _this2.uniqueId\n },\n header.props.children\n )\n );\n var children = [dndHeader].concat(_toConsumableArray(otherChildren)).map(function (el, index) {\n return _react2.default.cloneElement(el, { key: index });\n });\n return _react2.default.createElement(\n _Column2.default,\n _extends({}, col.props, { key: name }),\n children\n );\n };\n\n var __children = (0, _Column.updateColumns)(orderedChildren, overrideHeader);\n\n return _extends({\n className: (0, _classnames2.default)('columns-reorderable-tablo', className),\n children: __children\n }, gridProps);\n }\n }, {\n key: 'render',\n value: function render() {\n return _react2.default.createElement(Grid, this.getLocals(this.props));\n }\n }]);\n\n return ColumnsReorderGrid;\n }(_react2.default.PureComponent)) || _class) || _class;\n};"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactDndHtml5Backend = require('react-dnd-html5-backend');\n\nvar _reactDndHtml5Backend2 = _interopRequireDefault(_reactDndHtml5Backend);\n\nvar _reactDnd = require('react-dnd');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar dragDropContextHTML5Backend = (0, _reactDnd.DragDropContext)(_reactDndHtml5Backend2.default);\nexports.default = dragDropContextHTML5Backend;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _columnsReorderGrid = require('./columnsReorderGrid');\n\nvar _columnsReorderGrid2 = _interopRequireDefault(_columnsReorderGrid);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _columnsReorderGrid2.default;"; },function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../../../utils');\n\nvar _Column = require('../../Column');\n\nvar _Column2 = _interopRequireDefault(_Column);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar maybe = _utils.t.maybe;\n\n\nvar addSizeProps = function addSizeProps(_ref) {\n var col = _ref.col;\n return (//eslint-disable-line\n _react2.default.createElement(_Column2.default, _extends({\n isResizable: true\n }, col.props))\n );\n};\n\nvar propsTypes = {\n className: maybe(_utils.t.String),\n onColumnResize: maybe(_utils.t.Function),\n children: maybe(_utils.t.ReactChildren)\n};\n\nvar getLocals = function getLocals(_ref2) {\n var onColumnResize = _ref2.onColumnResize,\n props = _objectWithoutProperties(_ref2, ['onColumnResize']);\n\n // if `onColumnResize` is missing bypass this plugin\n if (!onColumnResize) {\n return props;\n }\n\n var className = props.className,\n children = props.children,\n gridProps = _objectWithoutProperties(props, ['className', 'children']);\n\n var onColumnResizeEndCallback = function onColumnResizeEndCallback(width, key) {\n onColumnResize({ width: width, key: key });\n };\n\n var _children = [].concat(children || (0, _Column.defaultColumns)(gridProps.data));\n\n var __children = (0, _Column.updateColumns)(_children, addSizeProps);\n\n return _extends({\n className: (0, _classnames2.default)('columns-resize', className),\n onColumnResizeEndCallback: onColumnResizeEndCallback,\n isColumnResizing: false,\n children: __children\n }, gridProps);\n};\n\nexports.default = function (Grid) {\n var _dec, _class;\n\n return _dec = (0, _utils.props)(propsTypes, { strict: false }), _dec(_class = function (_React$PureComponent) {\n _inherits(ColumnResizeGrid, _React$PureComponent);\n\n function ColumnResizeGrid() {\n _classCallCheck(this, ColumnResizeGrid);\n\n return _possibleConstructorReturn(this, (ColumnResizeGrid.__proto__ || Object.getPrototypeOf(ColumnResizeGrid)).apply(this, arguments));\n }\n\n _createClass(ColumnResizeGrid, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(Grid, getLocals(this.props));\n }\n }]);\n\n return ColumnResizeGrid;\n }(_react2.default.PureComponent)) || _class;\n};"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _columnsResizeGrid = require('./columnsResizeGrid');\n\nvar _columnsResizeGrid2 = _interopRequireDefault(_columnsResizeGrid);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _columnsResizeGrid2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.sortable = exports.selectable = exports.scrollable = exports.columnsResize = exports.columnsReorder = exports.autosize = undefined;\n\nvar _autosize2 = require('./autosize');\n\nvar _autosize3 = _interopRequireDefault(_autosize2);\n\nvar _columnsReorder2 = require('./columnsReorder');\n\nvar _columnsReorder3 = _interopRequireDefault(_columnsReorder2);\n\nvar _columnsResize2 = require('./columnsResize');\n\nvar _columnsResize3 = _interopRequireDefault(_columnsResize2);\n\nvar _scrollable2 = require('./scrollable');\n\nvar _scrollable3 = _interopRequireDefault(_scrollable2);\n\nvar _selectable2 = require('./selectable');\n\nvar _selectable3 = _interopRequireDefault(_selectable2);\n\nvar _sortable2 = require('./sortable');\n\nvar _sortable3 = _interopRequireDefault(_sortable2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.autosize = _autosize3.default;\nexports.columnsReorder = _columnsReorder3.default;\nexports.columnsResize = _columnsResize3.default;\nexports.scrollable = _scrollable3.default;\nexports.selectable = _selectable3.default;\nexports.sortable = _sortable3.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _scrollableGrid = require('./scrollableGrid');\n\nvar _scrollableGrid2 = _interopRequireDefault(_scrollableGrid);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _scrollableGrid2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _omit = require('lodash/omit');\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nvar _utils = require('../../../utils');\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar maybe = _utils.t.maybe;\n\nexports.default = function (Grid) {\n var _dec, _dec2, _class;\n\n return _dec = (0, _utils.props)({\n className: maybe(_utils.t.String),\n scrollLeft: maybe(_utils.t.Integer),\n scrollTop: maybe(_utils.t.Integer),\n onScrollStart: maybe(_utils.t.Function),\n onScrollEnd: maybe(_utils.t.Function)\n }, { strict: false }), _dec2 = (0, _utils.skinnable)((0, _utils.contains)(Grid)), _dec(_class = _dec2(_class = function (_React$PureComponent) {\n _inherits(ScrollableGrid, _React$PureComponent);\n\n function ScrollableGrid() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, ScrollableGrid);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ScrollableGrid.__proto__ || Object.getPrototypeOf(ScrollableGrid)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n scrollTop: _this.props.scrollTop\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(ScrollableGrid, [{\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(nextProps) {\n var scrollTopDidntChanged = nextProps.scrollTop === this.props.scrollTop;\n var rowsSelectionChanged = nextProps.selectedRows && this.props.selectedRows && nextProps.selectedRows[0] !== this.props.selectedRows[0];\n this.setState({\n scrollTop: scrollTopDidntChanged && rowsSelectionChanged ? undefined : nextProps.scrollTop\n });\n }\n }, {\n key: 'getLocals',\n value: function getLocals(_ref2) {\n var scrollLeft = _ref2.scrollLeft,\n onScrollEnd = _ref2.onScrollEnd,\n onScrollStart = _ref2.onScrollStart,\n className = _ref2.className,\n tableProps = _objectWithoutProperties(_ref2, ['scrollLeft', 'onScrollEnd', 'onScrollStart', 'className']);\n\n return _extends({\n className: (0, _classnames2.default)('scrollable-tablo', className),\n scrollTop: this.state.scrollTop,\n scrollLeft: scrollLeft,\n onScrollEnd: onScrollEnd,\n onScrollStart: onScrollStart\n }, (0, _omit2.default)(tableProps, 'scrollTop'));\n }\n }]);\n\n return ScrollableGrid;\n }(_react2.default.PureComponent)) || _class) || _class;\n};"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _selectableGrid = require('./selectableGrid.js');\n\nvar _selectableGrid2 = _interopRequireDefault(_selectableGrid);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _selectableGrid2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../../../utils');\n\nvar _includes = require('lodash/includes');\n\nvar _includes2 = _interopRequireDefault(_includes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar list = _utils.t.list,\n maybe = _utils.t.maybe,\n enums = _utils.t.enums;\n\n\nvar propsTypes = {\n className: maybe(_utils.t.String),\n selectedRows: maybe(list(_utils.t.Integer)),\n onRowsSelect: maybe(_utils.t.Function),\n selectionType: maybe(enums.of(['multi', 'single', 'none']))\n};\n\nvar getLocals = function getLocals(_ref) {\n var _ref$selectedRows = _ref.selectedRows,\n selectedRows = _ref$selectedRows === undefined ? [] : _ref$selectedRows,\n onRowsSelect = _ref.onRowsSelect,\n _ref$selectionType = _ref.selectionType,\n selectionType = _ref$selectionType === undefined ? 'none' : _ref$selectionType,\n className = _ref.className,\n _ref$rowClassNameGett = _ref.rowClassNameGetter,\n rcnGetter = _ref$rowClassNameGett === undefined ? function () {\n return '';\n } : _ref$rowClassNameGett,\n gridProps = _objectWithoutProperties(_ref, ['selectedRows', 'onRowsSelect', 'selectionType', 'className', 'rowClassNameGetter']);\n\n var onRowClick = function onRowClick(_ref2, index) {\n var ctrlKey = _ref2.ctrlKey,\n metaKey = _ref2.metaKey;\n\n if (selectionType === 'none' || !onRowsSelect) {\n return;\n }\n if (selectionType === 'multi' && (ctrlKey || metaKey)) {\n if ((0, _includes2.default)(selectedRows, index)) {\n onRowsSelect(selectedRows.filter(function (idx) {\n return idx !== index;\n }));\n } else {\n onRowsSelect([index].concat(_toConsumableArray(selectedRows)));\n }\n } else {\n onRowsSelect([index]);\n }\n };\n\n var rowClassNameGetter = function rowClassNameGetter(index) {\n return (0, _classnames2.default)(rcnGetter(index), {\n selected: (0, _includes2.default)(selectedRows, index)\n });\n };\n\n var scrollToRow = !gridProps.scrollTop ? selectedRows[0] : undefined;\n\n return _extends({\n className: (0, _classnames2.default)('selectable-tablo', { selectable: selectionType !== 'none' }, className),\n scrollToRow: scrollToRow,\n onRowClick: onRowClick,\n rowClassNameGetter: rowClassNameGetter\n }, gridProps);\n};\n\nexports.default = function (Grid) {\n var _dec, _dec2, _class;\n\n return _dec = (0, _utils.skinnable)((0, _utils.contains)(Grid)), _dec2 = (0, _utils.props)(propsTypes, { strict: false }), _dec(_class = _dec2(_class = function (_React$PureComponent) {\n _inherits(SelectableGrid, _React$PureComponent);\n\n function SelectableGrid() {\n var _ref3;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, SelectableGrid);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref3 = SelectableGrid.__proto__ || Object.getPrototypeOf(SelectableGrid)).call.apply(_ref3, [this].concat(args))), _this), _this.getLocals = getLocals, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n return SelectableGrid;\n }(_react2.default.PureComponent)) || _class) || _class;\n};"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _dec, _dec2, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _utils = require('../../../utils');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar enums = _utils.t.enums;\n\n\nvar propsTypes = {\n arrowDir: enums.of(['up', 'down', 'up-down'])\n};\n\nvar template = function template(_ref) {\n var arrowDir = _ref.arrowDir,\n className = _ref.className;\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n { column: true, vAlignContent: 'center', height: '100%', className: (0, _classnames2.default)('arrow', className) },\n arrowDir !== 'down' && _react2.default.createElement(_reactFlexview2.default, { className: 'up', marginBottom: arrowDir !== 'up' ? 2 : 0 }),\n arrowDir !== 'up' && _react2.default.createElement(_reactFlexview2.default, { className: 'down', marginTop: arrowDir !== 'down' ? 2 : 0 })\n );\n};\n\nvar Arrow = (_dec = (0, _utils.skinnable)(template), _dec2 = (0, _utils.props)(propsTypes), _dec(_class = _dec2(_class = function (_React$PureComponent) {\n _inherits(Arrow, _React$PureComponent);\n\n function Arrow() {\n _classCallCheck(this, Arrow);\n\n return _possibleConstructorReturn(this, (Arrow.__proto__ || Object.getPrototypeOf(Arrow)).apply(this, arguments));\n }\n\n return Arrow;\n}(_react2.default.PureComponent)) || _class) || _class);\nexports.default = Arrow;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _class;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = require('../../../utils');\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _Arrow = require('./Arrow');\n\nvar _Arrow2 = _interopRequireDefault(_Arrow);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar maybe = _utils.t.maybe,\n enums = _utils.t.enums;\nvar SortableHeader = (_dec = (0, _utils.skinnable)(), _dec2 = (0, _utils.props)({\n sortDir: maybe(enums.of(['asc', 'desc'], 'sortDir')),\n children: _utils.t.ReactChildren\n}), _dec(_class = _dec2(_class = function (_React$PureComponent) {\n _inherits(SortableHeader, _React$PureComponent);\n\n function SortableHeader() {\n _classCallCheck(this, SortableHeader);\n\n return _possibleConstructorReturn(this, (SortableHeader.__proto__ || Object.getPrototypeOf(SortableHeader)).apply(this, arguments));\n }\n\n _createClass(SortableHeader, [{\n key: 'getLocals',\n value: function getLocals(_ref) {\n var sortDir = _ref.sortDir,\n children = _ref.children;\n\n return {\n arrowDir: sortDir === 'asc' ? 'up' : sortDir === 'desc' ? 'down' : 'up-down',\n classNames: (0, _classnames2.default)(_defineProperty({\n sorted: !!sortDir\n }, 'sort-' + sortDir, !!sortDir)),\n children: children\n };\n }\n }, {\n key: 'template',\n value: function template(_ref2) {\n var arrowDir = _ref2.arrowDir,\n classNames = _ref2.classNames,\n children = _ref2.children;\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n { className: (0, _classnames2.default)('sortable-header', classNames), vAlignContent: 'center', grow: true, height: '100%' },\n _react2.default.createElement(\n _reactFlexview2.default,\n { grow: true, height: '100%', vAlignContent: 'center' },\n children\n ),\n _react2.default.createElement(\n _reactFlexview2.default,\n {\n className: 'sort-icon',\n vAlignContent: 'center',\n hAlignContent: 'center',\n basis: 20,\n height: '100%'\n },\n _react2.default.createElement(_Arrow2.default, { arrowDir: arrowDir })\n )\n );\n }\n }]);\n\n return SortableHeader;\n}(_react2.default.PureComponent)) || _class) || _class);\nexports.default = SortableHeader;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _utils = require('../../../utils');\n\nvar _find = require('lodash/find');\n\nvar _find2 = _interopRequireDefault(_find);\n\nvar _Column = require('../../Column');\n\nvar _Column2 = _interopRequireDefault(_Column);\n\nvar _Header = require('../../Header');\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _SortableHeader = require('./SortableHeader');\n\nvar _SortableHeader2 = _interopRequireDefault(_SortableHeader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar maybe = _utils.t.maybe,\n struct = _utils.t.struct;\n\n\nvar argsTypes = struct({\n sortable: maybe(_utils.t.Boolean),\n sortDir: maybe(_utils.t.enums.of(['asc', 'desc'], 'sortDir')),\n onHeaderClick: maybe(_utils.t.Function),\n name: _utils.t.String,\n children: _utils.t.ReactChildren\n}, { strict: false });\n\nvar sortable = function sortable(args) {\n\n argsTypes(args);\n\n var sortable = args.sortable,\n sortDir = args.sortDir,\n onHeaderClick = args.onHeaderClick,\n _args$children = args.children,\n _children = _args$children === undefined ? [] : _args$children,\n name = args.name,\n otherArgs = _objectWithoutProperties(args, ['sortable', 'sortDir', 'onHeaderClick', 'children', 'name']);\n\n var header = (0, _find2.default)([].concat(_children), { type: _Header2.default }) || (0, _Header.defaultHeader)(name);\n var otherChildren = [].concat(_children).filter(function (ch) {\n return ch.type !== _Header2.default;\n });\n var sortableHeader = sortable ? _react2.default.createElement(\n _Header2.default,\n _extends({}, header.props, { onClick: onHeaderClick }),\n _react2.default.createElement(\n _SortableHeader2.default,\n { sortDir: sortDir },\n header.props.children\n )\n ) : header;\n var children = [sortableHeader].concat(_toConsumableArray(otherChildren)).map(function (el, index) {\n return _react2.default.cloneElement(el, { key: index });\n });\n\n return _react2.default.createElement(\n _Column2.default,\n _extends({ name: name, key: name }, otherArgs),\n children\n );\n};\n\nexports.default = sortable;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = undefined;\n\nvar _sortableGrid = require('./sortableGrid');\n\nvar _sortableGrid2 = _interopRequireDefault(_sortableGrid);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _sortableGrid2.default;"},function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.clean = undefined;\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _omitBy = require('lodash/fp/omitBy');\n\nvar _omitBy2 = _interopRequireDefault(_omitBy);\n\nvar _Column = require('../../Column');\n\nvar _columnSortable = require('./columnSortable');\n\nvar _columnSortable2 = _interopRequireDefault(_columnSortable);\n\nvar _ColumnGroup = require('../../ColumnGroup');\n\nvar _ColumnGroup2 = _interopRequireDefault(_ColumnGroup);\n\nvar _utils = require('../../../utils');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar maybe = _utils.t.maybe,\n enums = _utils.t.enums;\nvar clean = exports.clean = (0, _omitBy2.default)(function (x) {\n return typeof x === 'undefined';\n});\n\nvar propsTypes = {\n // transform\n className: maybe(_utils.t.String),\n data: _utils.t.Array,\n children: _utils.t.ReactChildren,\n // add\n sortBy: maybe(_utils.t.String),\n sortDir: maybe(enums.of(['asc', 'desc'])),\n onSortChange: maybe(_utils.t.Function)\n};\n\nvar getLocals = function getLocals(_ref) {\n var className = _ref.className,\n sortBy = _ref.sortBy,\n sortDir = _ref.sortDir,\n onSortChange = _ref.onSortChange,\n children = _ref.children,\n gridProps = _objectWithoutProperties(_ref, ['className', 'sortBy', 'sortDir', 'onSortChange', 'children']);\n\n var nextSort = function nextSort(newSortBy) {\n var prevSortDir = newSortBy === sortBy ? sortDir : undefined;\n var newSortDir = function () {\n switch (prevSortDir) {\n case 'asc':\n return 'desc';\n case 'desc':\n return undefined;\n default:\n return 'asc';\n }\n }();\n return {\n sortBy: newSortDir ? newSortBy : undefined,\n sortDir: newSortDir\n };\n };\n\n var onHeaderClick = function onHeaderClick(columnKey) {\n return function () {\n if (!onSortChange) {\n return;\n }\n\n var _nextSort = nextSort(columnKey),\n sortBy = _nextSort.sortBy,\n sortDir = _nextSort.sortDir;\n\n onSortChange({ sortBy: sortBy, sortDir: sortDir });\n };\n };\n\n var _children = [].concat(children || (0, _Column.defaultColumns)(gridProps.data));\n\n var addSortableProps = function addSortableProps(_ref2) {\n var col = _ref2.col,\n colGroup = _ref2.colGroup;\n //eslint-disable-line\n var colGroupSortable = colGroup ? colGroup.props.sortable : undefined;\n return (0, _columnSortable2.default)(clean(_extends({\n key: col.name, // TODO(frag) think about how to handle this stuff\n sortable: typeof colGroupSortable !== 'undefined' ? colGroupSortable : !!onSortChange\n }, col.props, {\n onHeaderClick: onHeaderClick,\n sortDir: sortBy === col.props.name || col.type === _ColumnGroup2.default ? sortDir : undefined\n })));\n };\n\n var __children = (0, _Column.updateColumns)(_children, addSortableProps);\n\n return _extends({\n className: (0, _classnames2.default)('sortable-tablo', className),\n children: __children\n }, gridProps);\n};\n\nexports.default = function (Grid) {\n var _dec, _class;\n\n return _dec = (0, _utils.props)(propsTypes, { strict: false }), _dec(_class = function (_React$PureComponent) {\n _inherits(SortableGrid, _React$PureComponent);\n\n function SortableGrid() {\n _classCallCheck(this, SortableGrid);\n\n return _possibleConstructorReturn(this, (SortableGrid.__proto__ || Object.getPrototypeOf(SortableGrid)).apply(this, arguments));\n }\n\n _createClass(SortableGrid, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(Grid, getLocals(this.props));\n }\n }]);\n\n return SortableGrid;\n }(_react2.default.PureComponent)) || _class;\n};"; @@ -113,7 +113,7 @@ if(Ys(e[r],t))return r}return-1}function Ii(e){return e&&e.length?ha(e):[]}funct },function(e,t){e.exports="'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Props = exports.default = undefined;\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _dec, _dec2, _class, _class2, _temp2;\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = require('react-dom');\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _classnames = require('classnames');\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Tooltip = require('./Tooltip');\n\nvar _Tooltip2 = _interopRequireDefault(_Tooltip);\n\nvar _reactFlexview = require('react-flexview');\n\nvar _reactFlexview2 = _interopRequireDefault(_reactFlexview);\n\nvar _utils = require('../utils');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar TooltipTouch = (_dec = (0, _utils.skinnable)(), _dec2 = (0, _utils.props)(_Tooltip.Props), _dec(_class = _dec2(_class = (_temp2 = _class2 = function (_React$PureComponent) {\n _inherits(TooltipTouch, _React$PureComponent);\n\n function TooltipTouch() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, TooltipTouch);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = TooltipTouch.__proto__ || Object.getPrototypeOf(TooltipTouch)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n tooltipLeft: 0,\n tooltipTop: 0,\n tooltipBottom: 0,\n tooltipRight: 0,\n isOpen: false\n }, _this.onTouchStart = function () {\n var _this$ref$getBounding = _this.ref.getBoundingClientRect(),\n tooltipLeft = _this$ref$getBounding.left,\n tooltipTop = _this$ref$getBounding.top,\n tooltipBottom = _this$ref$getBounding.bottom,\n tooltipRight = _this$ref$getBounding.right;\n\n _this.timeout = setTimeout(function () {\n _this.setState({\n tooltipLeft: tooltipLeft,\n tooltipTop: tooltipTop,\n tooltipBottom: tooltipBottom,\n tooltipRight: tooltipRight,\n isOpen: true\n });\n }, 200);\n }, _this.onTouchMove = function (e) {\n var _this$state = _this.state,\n tooltipLeft = _this$state.tooltipLeft,\n tooltipTop = _this$state.tooltipTop,\n tooltipBottom = _this$state.tooltipBottom,\n tooltipRight = _this$state.tooltipRight,\n isOpen = _this$state.isOpen;\n\n\n if (isOpen) {\n var _e$touches$ = e.touches[0],\n eventX = _e$touches$.pageX,\n eventY = _e$touches$.pageY;\n\n\n if (!(eventX <= tooltipRight && eventX >= tooltipLeft && eventY <= tooltipBottom && eventY >= tooltipTop)) {\n _this.closeTooltip();\n }\n }\n }, _this.onTouchEnd = function () {\n return _this.closeTooltip();\n }, _this.closeTooltip = function () {\n if (_this.timeout) {\n clearTimeout(_this.timeout);\n }\n _this.setState({\n tooltipLeft: 0,\n tooltipTop: 0,\n tooltipBottom: 0,\n tooltipRight: 0,\n isOpen: false\n });\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(TooltipTouch, [{\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (typeof this.timeout !== 'undefined') {\n clearTimeout(this.timeout);\n }\n }\n }, {\n key: 'getLocals',\n value: function getLocals(_ref2) {\n var popover = _ref2.popover,\n props = _objectWithoutProperties(_ref2, ['popover']);\n\n var isOpen = this.state.isOpen;\n\n\n return _extends({}, props, {\n isOpen: isOpen,\n touchListeners: {\n onTouchStart: this.onTouchStart,\n onTouchEnd: this.onTouchEnd,\n onTouchMove: isOpen ? this.onTouchMove : undefined\n },\n popover: _extends({}, popover, {\n isOpen: isOpen,\n className: (0, _classnames2.default)(popover.className, 'tooltip-touch')\n }),\n spanStyle: isOpen ? {\n display: 'hidden',\n position: 'fixed',\n top: -1000\n } : undefined\n });\n }\n }, {\n key: 'template',\n value: function template(_ref3) {\n var _this2 = this;\n\n var children = _ref3.children,\n className = _ref3.className,\n isOpen = _ref3.isOpen,\n touchListeners = _ref3.touchListeners,\n spanStyle = _ref3.spanStyle,\n locals = _objectWithoutProperties(_ref3, ['children', 'className', 'isOpen', 'touchListeners', 'spanStyle']);\n\n return _react2.default.createElement(\n _reactFlexview2.default,\n _extends({\n vAlignContent: 'center',\n className: className,\n ref: function ref(r) {\n if (r) {\n _this2.ref = _reactDom2.default.findDOMNode(r);\n }\n }\n }, touchListeners),\n _react2.default.createElement(\n 'span',\n { style: spanStyle },\n children\n ),\n isOpen && _react2.default.createElement(\n _Tooltip2.default,\n locals,\n children\n )\n );\n }\n }]);\n\n return TooltipTouch;\n}(_react2.default.PureComponent), _class2.defaultProps = {\n type: 'dark',\n size: 'small'\n}, _temp2)) || _class) || _class);\nexports.default = TooltipTouch;\nexports.Props = _Tooltip.Props;"},function(e,t){e.exports="// import Tooltip from 'buildo-react-components/lib/Tooltip';\n\nclass Example extends React.Component {\n\n render() {\n const popover = {\n position: 'bottom',\n anchor: 'center',\n content: 'Tooltip content'\n };\n\n return (\n \n Hover me!\n \n );\n }\n\n}\n"},function(e,t){e.exports="// import Tooltip from 'buildo-react-components/lib/Tooltip';\n\nclass Example extends React.Component {\n\n state = { isOpen: false }\n\n onClick = () => { this.setState({ isOpen: !this.state.isOpen }); }\n\n render() {\n\n const popover = {\n position: 'top',\n anchor: 'center',\n content: 'Tooltip content'\n };\n\n const { onClick, state: { isOpen } } = this;\n\n return (\n \n \n Hover me!\n \n \n \n