greact/umd/greact.js

A grid system for React

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.greact=t(require("react")):e.greact=t(e.React)}(this,function(e){return function(e){function t(n){if(r[n])return r[n].exports;var s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){var t=function(t){return a.default.createElement(u.default,{key:t.property,query:t.query},a.default.createElement("div",{className:"greact-row",style:l.styles.row},a.default.Children.map(e.children,function(r){return a.default.cloneElement(r,{cols:e.cols||p.options.cols,property:t.property})})))},r=Object.assign(p.options.queries,e.queries),n=[{property:"xs",query:"(max-width: "+r.xs+"px)"},{property:"sm",query:"(min-width: "+(r.xs+1)+"px) and (max-width: "+r.sm+"px)"},{property:"md",query:"(min-width: "+(r.sm+1)+"px) and (max-width: "+r.md+"px)"},{property:"lg",query:"(min-width: "+(r.md+1)+"px)"}];return a.default.createElement("div",null,n.map(function(e){return t(e)}))}function o(e){var t=function(t,r){var n=Object.assign(l.styles.col,{flexBasis:t/e.cols*100+"%",marginLeft:r/e.cols*100+"%"});if(t)return a.default.createElement("div",{className:"greact-col",style:n},e.children)},r=0,n=0;switch(e.property){case"xs":r=e.xs||12,e.offset&&(n=e.offset.xs);break;case"sm":r=e.sm||e.xs||12,e.offset&&(n=e.offset.sm||e.offset.xs);break;case"md":r=e.md||e.sm||e.xs||12,e.offset&&(n=e.offset.md||e.offset.sm||e.offset.xs);break;case"lg":r=e.lg||e.md||e.sm||e.xs||12,e.offset&&(n=e.offset.lg||e.offset.md||e.offset.sm||e.offset.xs)}return t(r,n)}Object.defineProperty(t,"__esModule",{value:!0}),t.Row=s,t.Col=o;var i=r(1),a=n(i),c=r(9),u=n(c),l=r(6),p=r(5)},function(t,r){t.exports=e},function(e,t){"use strict";function r(e){return e in o?o[e]:o[e]=e.replace(n,"-$&").toLowerCase().replace(s,"-ms-")}var n=/[A-Z]/g,s=/^ms-/,o={};e.exports=r},function(e,t){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function n(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;var n=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==n.join(""))return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach(function(e){s[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},s)).join("")}catch(e){return!1}}var s=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;e.exports=n()?Object.assign:function(e,t){for(var n,i,a=r(e),c=1;c<arguments.length;c++){n=Object(arguments[c]);for(var u in n)s.call(n,u)&&(a[u]=n[u]);if(Object.getOwnPropertySymbols){i=Object.getOwnPropertySymbols(n);for(var l=0;l<i.length;l++)o.call(n,i[l])&&(a[i[l]]=n[i[l]])}}return a}},function(e,t,r){var n=r(1).PropTypes,s=r(3),o=n.oneOfType([n.string,n.number]),i={orientation:n.oneOf(["portrait","landscape"]),scan:n.oneOf(["progressive","interlace"]),aspectRatio:n.string,deviceAspectRatio:n.string,height:o,deviceHeight:o,width:o,deviceWidth:o,color:n.bool,colorIndex:n.bool,monochrome:n.bool,resolution:o},a={minAspectRatio:n.string,maxAspectRatio:n.string,minDeviceAspectRatio:n.string,maxDeviceAspectRatio:n.string,minHeight:o,maxHeight:o,minDeviceHeight:o,maxDeviceHeight:o,minWidth:o,maxWidth:o,minDeviceWidth:o,maxDeviceWidth:o,minColor:n.number,maxColor:n.number,minColorIndex:n.number,maxColorIndex:n.number,minMonochrome:n.number,maxMonochrome:n.number,minResolution:o,maxResolution:o};s(a,i);var c={all:n.bool,grid:n.bool,aural:n.bool,braille:n.bool,handheld:n.bool,print:n.bool,projection:n.bool,screen:n.bool,tty:n.bool,tv:n.bool,embossed:n.bool},u={};s(u,c),s(u,a),s(i,{type:Object.keys(c)}),e.exports={all:u,types:c,matchers:i,features:a}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.options={cols:12,queries:{xs:544,sm:768,md:992}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.styles={row:{display:"flex",flexFlow:"row wrap",width:"100%"},col:{display:"inherit"}}},function(e,t){"use strict";function r(e,t){return n(e).some(function(e){var r=e.inverse,n="all"===e.type||t.type===e.type;if(n&&r||!n&&!r)return!1;var a=e.expressions.every(function(e){var r=e.feature,n=e.modifier,a=e.value,c=t[r];if(!c)return!1;switch(r){case"orientation":case"scan":return c.toLowerCase()===a.toLowerCase();case"width":case"height":case"device-width":case"device-height":a=i(a),c=i(c);break;case"resolution":a=o(a),c=o(c);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":a=s(a),c=s(c);break;case"grid":case"color":case"color-index":case"monochrome":a=parseInt(a,10)||1,c=parseInt(c,10)||0}switch(n){case"min":return c>=a;case"max":return c<=a;default:return c===a}});return a&&!r||!a&&r})}function n(e){return e.split(",").map(function(e){e=e.trim();var t=e.match(a),r=t[1],n=t[2],s=t[3]||"",o={};return o.inverse=!!r&&"not"===r.toLowerCase(),o.type=n?n.toLowerCase():"all",s=s.match(/\([^\)]+\)/g)||[],o.expressions=s.map(function(e){var t=e.match(c),r=t[1].toLowerCase().match(u);return{modifier:r[1],feature:r[2],value:t[2]}}),o})}function s(e){var t,r=Number(e);return r||(t=e.match(/^(\d+)\s*\/\s*(\d+)$/),r=t[1]/t[2]),r}function o(e){var t=parseFloat(e),r=String(e).match(p)[1];switch(r){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function i(e){var t=parseFloat(e),r=String(e).match(l)[1];switch(r){case"em":return 16*t;case"rem":return 16*t;case"cm":return 96*t/2.54;case"mm":return 96*t/2.54/10;case"in":return 96*t;case"pt":return 72*t;case"pc":return 72*t/12;default:return t}}t.match=r,t.parse=n;var a=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,c=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,u=/^(?:(min|max)-)?(.+)/,l=/(em|rem|px|cm|mm|in|pt|pc)?$/,p=/(dpi|dpcm|dppx)?$/},function(e,t,r){"use strict";function n(e,t){function r(e){c&&c.addListener(e)}function n(e){c&&c.removeListener(e)}function s(e){a.matches=e.matches,a.media=e.media}var a=this;if(i){var c=i.call(window,e);this.matches=c.matches,this.media=c.media,c.addListener(s)}else this.matches=o(e,t),this.media=e;this.addListener=r,this.removeListener=n}function s(e,t){return new n(e,t)}var o=r(7).match,i="undefined"!=typeof window?window.matchMedia:null;e.exports=s},function(e,t,r){"use strict";function n(e,t){var r=u({},e);return t.forEach(function(e){delete r[e]}),r}var s=r(1),o=r(8),i=r(2),a=r(4),c=r(10),u=r(3),l={component:s.PropTypes.node,query:s.PropTypes.string,values:s.PropTypes.shape(a.matchers),children:s.PropTypes.oneOfType([s.PropTypes.node,s.PropTypes.function])},p=Object.keys(a.all),m=Object.keys(l),f=m.concat(p),d=s.createClass({displayName:"MediaQuery",getDefaultProps:function(){return{values:{}}},getInitialState:function(){return{matches:!1}},componentWillMount:function(){this.updateQuery(this.props)},componentWillReceiveProps:function(e){this.updateQuery(e)},updateQuery:function(e){var t;if(e.query?this.query=e.query:this.query=c(n(e,m)),!this.query)throw new Error("Invalid or missing MediaQuery!");e.values&&(t=Object.keys(e.values).reduce(function(t,r){return t[i(r)]=e.values[r],t},{})),this._mql&&this._mql.removeListener(this.updateMatches),this._mql=o(this.query,t),this._mql.addListener(this.updateMatches),this.updateMatches()},componentWillUnmount:function(){this._mql.removeListener(this.updateMatches)},updateMatches:function(){this._mql.matches!==this.state.matches&&this.setState({matches:this._mql.matches})},render:function(){if("function"==typeof this.props.children)return this.props.children(this.state.matches);if(this.state.matches===!1)return null;var e=n(this.props,f),t=Object.keys(e).length>0,r=s.Children.count(this.props.children),o=this.props.component||r>1||"string"==typeof this.props.children||void 0===this.props.children;return o?s.createElement(this.props.component||"div",e,this.props.children):t?s.cloneElement(this.props.children,e):r?this.props.children:null}});e.exports=d},function(e,t,r){"use strict";function n(e){return"not "+e}function s(e,t){var r=i(e);return"number"==typeof t&&(t+="px"),t===!0?e:t===!1?n(e):"("+r+": "+t+")"}function o(e){return e.join(" and ")}var i=r(2),a=r(4);e.exports=function(e){var t=[];return Object.keys(a.all).forEach(function(r){var n=e[r];null!=n&&t.push(s(r,n))}),o(t)}}])});