react-configurable-grid/dist/index.umd.js

A simple configurable react grid inspired on grid-styled and react-bootstrap

!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],r):r(e.reactConfigurableGrid={},e.react)}(this,function(e,r){"use strict";r=r&&r.hasOwnProperty("default")?r.default:r;var t=["nowrap","wrap","wrap-reverse"],n=["baseline","center","flex-end","flex-start","stretch"],o=n;var a,i={xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px"},s=["xs","sm","md","lg","xl"],c="15px";function l(e,r){if(void 0===e&&(e={}),a=!0,"undefined"==typeof window||!document.querySelector("[data-grid]")){for(var l=0;s[l];l++)(e[s[l]]||null===e[s[l]])&&(i[s[l]]=e[s[l]]);if("string"==typeof e.gutter){var d=e.gutter.replace(/[0-9]+/,e.gutter.match(/\d/g).join("")/2);c=d}var f=function(){for(var e=".rcg-col{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 "+c+"}",r=Object.keys(i),t=0;r[t];t++){var n=r[t],o=i[n];if(null!==o)for(var a=1;a<=12;a++){var s=a/12*100;e+="@media(min-width:"+o+"){.rcg-col-"+n+"-"+a+"{max-width:"+s+"%;-ms-flex-preferred-size:"+s+"%;flex-basis:"+s+"%}}"}}return e}()+".rcg-row{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin: 0 -"+c+"}"+t.map(function(e){return".rcg-row-wrap--"+e+"{-ms-flex-wrap:"+e+";flex-wrap:"+e+"}"}).join("")+n.map(function(e){return".rcg-row-align--"+e+"{-webkit-box-align:"+e+";-ms-flex-align:"+e+";align-items:"+e+"}"}).join("")+o.map(function(e){return".rcg-row-justify--"+e+"{-webkit-box-pack:"+e+";-ms-flex-pack:"+e+";justify-content:"+e+"}"}).join(""),u='<style type="text/css" '+"data-grid"+">"+f+"</style>";return function(e,r){"undefined"==typeof window||document.querySelector("["+e+"]")||(document.head||document.getElementsByTagName("head")[0]).insertAdjacentHTML("beforeend",r)}("data-grid",u),r?u:f}}function d(e){var t=["rcg-col",e.className];a||l();for(var n=Object.assign({},e),o=0,i=s;o<i.length;o+=1){var c=i[o];e[c]&&(t.push("rcg-col-"+c+"-"+e[c]),delete n[c])}return delete n.component,r.createElement(e.component,Object.assign({},n,{className:t.join(" ")}),e.children)}d.defaultProps={component:"div",className:null};var f=["wrap","align","justify"];function u(e){for(var t=["rcg-row",e.className],n=Object.assign({},e),o=0,a=f;o<a.length;o+=1){var i=a[o];e[i]&&(t.push("rcg-row-"+i+"--"+e[i]),delete n[i])}return delete n.component,r.createElement(e.component,Object.assign({},n,{className:t.join(" ")}),e.children)}u.defaultProps={wrap:"wrap",align:"stretch",justify:"flex-start",component:"div",className:null},e.Col=d,e.Row=u,e.configureGrid=l});