Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-layout-views

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-layout-views - npm Package Compare versions

Comparing version 0.2.4 to 0.2.5

2

native/index.d.ts
/// <reference types="react" />
import { PureComponent } from 'react';
import { LayoutProps, SectionProps } from '../typings/native';
export declare type LayoutProps = LayoutProps;
export declare class Layout extends PureComponent<LayoutProps> {

@@ -8,4 +9,5 @@ static defaultProps: Partial<LayoutProps>;

}
export declare type SectionProps = SectionProps;
export declare class Section extends PureComponent<SectionProps> {
render(): JSX.Element;
}

2

package.json
{
"name": "react-layout-views",
"version": "0.2.4",
"version": "0.2.5",
"main": "./web/index.js",

@@ -5,0 +5,0 @@ "types": "./web/index.d.ts",

import { ViewProperties } from 'react-native'
interface LayoutProps extends ViewProperties {
export interface LayoutProps extends ViewProperties {
grow?: boolean | number

@@ -16,3 +16,3 @@ spacing: number

interface SectionProps extends ViewProperties {
export interface SectionProps extends ViewProperties {
parentProps: LayoutProps

@@ -19,0 +19,0 @@ grow?: boolean | number

import * as React from 'react'
interface LayoutProps extends React.HTMLProps<React.ReactNode> {
export interface LayoutProps extends React.HTMLProps<React.ReactNode> {
grow?: boolean | number

@@ -19,3 +19,3 @@ spacing?: string

interface SectionProps extends React.HTMLProps<React.ReactNode> {
export interface SectionProps extends React.HTMLProps<React.ReactNode> {
parentProps?: LayoutProps

@@ -22,0 +22,0 @@ styleString?: string

/// <reference types="react" />
import * as React from 'react';
import { PureComponent } from 'react';
import { StyledComponentClass } from 'styled-components';
import { LayoutProps, SectionProps } from '../typings/web';
export declare type LayoutProps = LayoutProps;
export declare class Layout extends PureComponent<LayoutProps> {

@@ -10,6 +9,5 @@ static defaultProps: Partial<LayoutProps>;

}
export declare type SectionProps = SectionProps;
export declare class Section extends PureComponent<SectionProps> {
render(): JSX.Element;
}
export declare const SectionWrapper: StyledComponentClass<React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps, any, React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps>;
export declare const SectionInner: StyledComponentClass<React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps, any, React.ClassAttributes<any> & React.HTMLAttributes<any> & SectionProps>;

@@ -1,1 +0,1 @@

!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("css-length"),require("styled-components")):"function"==typeof define&&define.amd?define("react-layout-views",["react","css-length","styled-components"],t):"object"==typeof exports?exports["react-layout-views"]=t(require("react"),require("css-length"),require("styled-components")):n["react-layout-views"]=t(n.react,n["css-length"],n["styled-components"])}(this,function(n,t,e){return function(n){function t(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return n[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var e={};return t.m=n,t.c=e,t.i=function(n){return n},t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{configurable:!1,enumerable:!0,get:r})},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},t.p="",t(t.s=22)}([function(t,e){t.exports=n},function(n,t){"use exports";n.exports={animation:1,"column-count":1,columns:1,"font-weight":1,opacity:1,"order ":1,"z-index":1,zoom:1,flex:1,"box-flex":1,transform:1,perspective:1,"box-pack":1,"box-align":1,colspan:1,rowspan:1}},function(n,t,e){"use strict";var r=Object.prototype.hasOwnProperty;n.exports=function(n,t){return r.call(n,t)}},function(n,t,e){"use strict";var r=e(7),i=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,o="undefined"==typeof document?{}:document.documentElement.style,s=function(){var n=function(){for(var n in o)if(i.test(n))return n.match(i)[0];return"WebkitOpacity"in o?"Webkit":"KhtmlOpacity"in o?"Khtml":""}();return{style:n,css:"-"+n.toLowerCase()+"-",dom:{Webkit:"WebKit",ms:"MS",o:"WebKit"}[n]||r(n)}}();n.exports=s},function(n,t){n.exports={"border-radius":1,"border-top-left-radius":1,"border-top-right-radius":1,"border-bottom-left-radius":1,"border-bottom-right-radius":1,"box-shadow":1,order:1,flex:function(n,t){return[t+"box-flex"]},"box-flex":1,"box-align":1,animation:1,"animation-duration":1,"animation-name":1,transition:1,"transition-duration":1,transform:1,"transform-style":1,"transform-origin":1,"backface-visibility":1,perspective:1,"box-pack":1}},function(n,t,e){"use strict";var r=function(n,t){return t?t.toUpperCase():""},i=e(17);n.exports=function(n){return n?n.replace(i,r):""}},function(n,t,e){"use strict";var r=e(18);n.exports=function(n){return r(n).toLowerCase()}},function(n,t,e){"use strict";n.exports=function(n){return n.length?n.charAt(0).toUpperCase()+n.substring(1):n}},function(n,t,e){"use strict";var r=(e(3),e(13)),i=e(6),o=e(5),s=e(2),c=e(15),u=e(14),l=function(n,t,e,i){r(t).forEach(function(t){n[i?i(t):t]=e})},a=function(n){n=(n||"").split(";");var t={};return n.forEach(function(n){var e=n.split(":");2==e.length&&(t[e[0].trim()]=e[1].trim())}),t},f={cssUnitless:e(1)},p=function(n,t,e,r){"string"==typeof n&&(n=a(n)),t=t||f,t.cssUnitless=t.cssUnitless||f.cssUnitless,r=r||{};var d,y,x,g,m,b,h,v,j=t.scope||{},O=null!=t.addUnits?t.addUnits:!j||null==j.addUnits||j.addUnits,w=(null!=t.cssUnitless?t.cssUnitless:j?j.cssUnitless:null)||{},_=(t.cssUnit||j?j.cssUnit:null)||"px",P=t.prefixProperties||(j?j.prefixProperties:null)||{},U=t.camelize,S=U?o:i;for(x in n)if(s(n,x)){if(g=n[x],y=i(e?e+x:x),d=!1,v=!1,u(g)&&(h=g.call(j||n,g,x,y,n),c(h)&&null!=h.value?(g=h.value,v=h.prefix,y=h.name?i(h.name):y):g=h),m=typeof g,b="number"==m||"string"==m&&""!=g&&1*g==g,null==g||null==y||""===y)continue;if((b||"string"==m)&&(d=!0),!d&&null!=g.value&&g.prefix&&(d=!0,v=g.prefix,g=g.value),d){if(v=v||!!P[y],b&&(g=!O||y in w?g+"":g+_),"border"!=y&&(y.indexOf("border")||~y.indexOf("radius")||~y.indexOf("width"))||!b||(y+="-width"),!y.indexOf("border-radius-")&&(y.replace(/border(-radius)(-(.*))/,function(n,t,e){var r={"-top":["-top-left","-top-right"],"-left":["-top-left","-bottom-left"],"-right":["-top-right","-bottom-right"],"-bottom":["-bottom-left","-bottom-right"]};e in r?(y=[],r[e].forEach(function(n){y.push("border"+n+t)})):y="border"+e+t}),Array.isArray(y))){y.forEach(function(n){v?l(r,n,g,S):r[S(n)]=g});continue}v?l(r,y,g,S):r[S(y)]=g}else p(g,t,y+"-",r)}return r};n.exports=p},function(n,t,e){"use strict";n.exports={prefixProperties:e(4),cssUnitless:e(1),object:e(8),string:e(20)}},function(n,e){n.exports=t},,function(n,t){n.exports=e},function(n,t,e){n.exports=e(16)()},function(n,t,e){"use strict";var r=Object.prototype.toString;n.exports=function(n){return"[object Function]"===r.apply(n)}},function(n,t,e){"use strict";var r=Object.prototype.toString;n.exports=function(n){return!!n&&"[object Object]"===r.call(n)}},function(n,t,e){"use strict";var r=e(5),i=e(6),o=e(19),s=e(7),c=e(3),u=e(4),l="undefined"==typeof document?{}:document.documentElement.style;n.exports=function(n){return function(t,e){e=e||{};var a=o(r(t)),f=i(t),p=n?a:f,d=c.style?n?c.style:c.css:"";if(a in l)return e.asString?p:[p];var y=p,x=u[f],g=[];if(n&&(y=s(p)),"function"==typeof x){var m=x(p,d)||[];m&&!Array.isArray(m)&&(m=[m]),m.length&&(m=m.map(function(t){return n?o(r(t)):i(t)})),g=g.concat(m)}return d&&g.push(d+y),g.push(p),e.asString||1==g.length?g[0]:g}}},function(n,t){n.exports=/[-\s]+(.)?/g},function(n,t,e){"use strict";var r=/::/g,i=/([A-Z]+)([A-Z][a-z])/g,o=/([a-z\d])([A-Z])/g,s=/_/g;n.exports=function(n,t){return n?n.replace(r,"/").replace(i,"$1_$2").replace(o,"$1_$2").replace(s,t||"-"):""}},function(n,t,e){"use strict";n.exports=function(n){return n.length?n.charAt(0).toLowerCase()+n.substring(1):n}},function(n,t,e){"use strict";var r=e(8),i=e(2);n.exports=function(n,t){n=r(n,t);var e,o=[];for(e in n)i(n,e)&&o.push(e+": "+n[e]);return o.join("; ")}},,function(n,t,e){"use strict";function r(){return function(n){return n}}Object.defineProperty(t,"__esModule",{value:!0}),e.d(t,"Layout",function(){return _}),e.d(t,"Section",function(){return S}),e.d(t,"SectionWrapper",function(){return z}),e.d(t,"SectionInner",function(){return A});var i,o,s,c,u,l,a,f,p,d,y=e(0),x=(e.n(y),e(12)),g=e.n(x),m=e(10),b=(e.n(m),e(9)),h=(e.n(b),this&&this.__extends||function(){var n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var e in t)t.hasOwnProperty(e)&&(n[e]=t[e])};return function(t,e){function r(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),v=this&&this.__makeTemplateObject||function(n,t){return Object.defineProperty?Object.defineProperty(n,"raw",{value:t}):n.raw=t,n},j=this&&this.__assign||Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++){t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n},O=this&&this.__rest||function(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(n);i<r.length;i++)t.indexOf(r[i])<0&&(e[r[i]]=n[r[i]]);return e},w=function(n,t){return n?t||"":""},_=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return h(t,n),t.prototype.render=function(){var n=this.props,t=n.style,r=n.spacing,i=O(n,["style","spacing"]),o=e.i(b.string)(t),s=new m(r),c=s.value,u=s.unit,l=j({},i,{spacingValue:c,spacingUnit:u,styleString:o});return y.createElement(P,j({},l),y.createElement(U,j({},l),y.Children.map(i.children,function(n){return n?e.i(y.cloneElement)(n,{parentProps:l}):null})))},t.defaultProps={spacing:"0px",spacingValue:0,spacingUnit:"px"},t}(y.PureComponent),P=r()(g.a.div)(o||(o=v(["\n ","\n"],["\n ","\n"])),function(n){var t=n.grow,r=n.horizontal,o=n.styleString;return e.i(x.css)(i||(i=v(["\n overflow: hidden;\n ","\n ","\n ","\n ","\n "],["\n overflow: hidden;\n ","\n ","\n ","\n ","\n "])),w(t||r,"display: flex;"),w(t,"flex: "+("number"==typeof t?t:1)+";"),w(t,"align-self: stretch;"),w(o,o))}),U=r()(g.a.div)(l||(l=v(["\n ","\n"],["\n ","\n"])),function(n){var t=n.horizontal,r=n.grow,i=n.spacingValue,o=n.spacingUnit,l=n.center,a=n.centerVertical,f=n.centerHorizontal,p=n.top,d=n.right,y=n.bottom,g=n.left;return e.i(x.css)(u||(u=v(["\n display: flex;\n ","\n ","\n ","\n flex-direction: ",";\n ","\n ","\n "],["\n display: flex;\n ","\n ","\n ","\n flex-direction: ",";\n ","\n ","\n "])),w(r||t,"display: flex;"),w(r||t,"flex: 1;"),w(r||t,"align-self: stretch;"),t?"row":"column",w(i&&o,"margin: "+((-(i||0)/2).toString()+o)+";"),t?e.i(x.css)(s||(s=v(["\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n "],["\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n "])),w(l,"align-items: center; justify-content: center;"),w(a,"align-items: center;"),w(f,"justify-content: center;"),w(p,"align-items: flex-start;"),w(d,"justify-content: flex-end;"),w(y,"align-items: flex-end;"),w(g,"justify-content: flex-start;")):e.i(x.css)(c||(c=v(["\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n "],["\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n "])),w(l,"align-items: center; justify-content: center;"),w(a,"justify-content: center;"),w(f,"align-items: center;"),w(p,"justify-content: flex-start;"),w(d,"align-items: flex-end;"),w(y,"justify-content: flex-end;"),w(g,"align-items: flex-start;")))}),S=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return h(t,n),t.prototype.render=function(){var n=this.props,t=n.style,r=O(n,["style"]),i=e.i(b.string)(t);return y.createElement(z,j({},r),y.createElement(A,j({},r,{styleString:i}),r.children))},t}(y.PureComponent),z=r()(g.a.div)(f||(f=v(["\n ","\n"],["\n ","\n"])),function(n){var t=n.grow,r=(n.center,n.centerVertical,n.centerHorizontal,n.top,n.right,n.bottom,n.left,n.parentProps);return e.i(x.css)(a||(a=v(["\n display: flex;\n flex-direction: column;\n padding: ",";\n ","\n "],["\n display: flex;\n flex-direction: column;\n padding: ",";\n ","\n "])),((r&&r.spacingValue||0)/2).toString()+(r&&r.spacingUnit),w(t,"flex: "+("number"==typeof t?t:1)+";"))}),A=r()(g.a.div)(d||(d=v(["\n ","\n"],["\n ","\n"])),function(n){var t=n.grow,r=n.center,i=n.centerVertical,o=n.centerHorizontal,s=n.top,c=n.right,u=n.bottom,l=n.left,a=n.styleString;return e.i(x.css)(p||(p=v(["\n display: flex;\n flex-direction: column;\n ","\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n "],["\n display: flex;\n flex-direction: column;\n ","\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n "])),w(t,"flex: "+("number"==typeof t?t:1)+";"),w(r,"align-items: center; justify-content: center;"),w(i,"justify-content: center;"),w(o,"align-items: center;"),w(r,"align-items: center; justify-content: center;"),w(s,"justify-content: flex-start;"),w(c,"align-items: flex-end;"),w(u,"justify-content: flex-end;"),w(l,"align-items: flex-start;"),w(a,a))})}])});
!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("css-length"),require("styled-components")):"function"==typeof define&&define.amd?define("react-layout-views",["react","css-length","styled-components"],t):"object"==typeof exports?exports["react-layout-views"]=t(require("react"),require("css-length"),require("styled-components")):n["react-layout-views"]=t(n.react,n["css-length"],n["styled-components"])}(this,function(n,t,e){return function(n){function t(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return n[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var e={};return t.m=n,t.c=e,t.i=function(n){return n},t.d=function(n,e,r){t.o(n,e)||Object.defineProperty(n,e,{configurable:!1,enumerable:!0,get:r})},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},t.p="",t(t.s=22)}([function(t,e){t.exports=n},function(n,t){"use exports";n.exports={animation:1,"column-count":1,columns:1,"font-weight":1,opacity:1,"order ":1,"z-index":1,zoom:1,flex:1,"box-flex":1,transform:1,perspective:1,"box-pack":1,"box-align":1,colspan:1,rowspan:1}},function(n,t,e){"use strict";var r=Object.prototype.hasOwnProperty;n.exports=function(n,t){return r.call(n,t)}},function(n,t,e){"use strict";var r=e(7),i=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,o="undefined"==typeof document?{}:document.documentElement.style,s=function(){var n=function(){for(var n in o)if(i.test(n))return n.match(i)[0];return"WebkitOpacity"in o?"Webkit":"KhtmlOpacity"in o?"Khtml":""}();return{style:n,css:"-"+n.toLowerCase()+"-",dom:{Webkit:"WebKit",ms:"MS",o:"WebKit"}[n]||r(n)}}();n.exports=s},function(n,t){n.exports={"border-radius":1,"border-top-left-radius":1,"border-top-right-radius":1,"border-bottom-left-radius":1,"border-bottom-right-radius":1,"box-shadow":1,order:1,flex:function(n,t){return[t+"box-flex"]},"box-flex":1,"box-align":1,animation:1,"animation-duration":1,"animation-name":1,transition:1,"transition-duration":1,transform:1,"transform-style":1,"transform-origin":1,"backface-visibility":1,perspective:1,"box-pack":1}},function(n,t,e){"use strict";var r=function(n,t){return t?t.toUpperCase():""},i=e(17);n.exports=function(n){return n?n.replace(i,r):""}},function(n,t,e){"use strict";var r=e(18);n.exports=function(n){return r(n).toLowerCase()}},function(n,t,e){"use strict";n.exports=function(n){return n.length?n.charAt(0).toUpperCase()+n.substring(1):n}},function(n,t,e){"use strict";var r=(e(3),e(13)),i=e(6),o=e(5),s=e(2),c=e(15),u=e(14),l=function(n,t,e,i){r(t).forEach(function(t){n[i?i(t):t]=e})},a=function(n){n=(n||"").split(";");var t={};return n.forEach(function(n){var e=n.split(":");2==e.length&&(t[e[0].trim()]=e[1].trim())}),t},f={cssUnitless:e(1)},p=function(n,t,e,r){"string"==typeof n&&(n=a(n)),t=t||f,t.cssUnitless=t.cssUnitless||f.cssUnitless,r=r||{};var d,y,x,g,m,b,h,v,j=t.scope||{},O=null!=t.addUnits?t.addUnits:!j||null==j.addUnits||j.addUnits,w=(null!=t.cssUnitless?t.cssUnitless:j?j.cssUnitless:null)||{},_=(t.cssUnit||j?j.cssUnit:null)||"px",P=t.prefixProperties||(j?j.prefixProperties:null)||{},U=t.camelize,S=U?o:i;for(x in n)if(s(n,x)){if(g=n[x],y=i(e?e+x:x),d=!1,v=!1,u(g)&&(h=g.call(j||n,g,x,y,n),c(h)&&null!=h.value?(g=h.value,v=h.prefix,y=h.name?i(h.name):y):g=h),m=typeof g,b="number"==m||"string"==m&&""!=g&&1*g==g,null==g||null==y||""===y)continue;if((b||"string"==m)&&(d=!0),!d&&null!=g.value&&g.prefix&&(d=!0,v=g.prefix,g=g.value),d){if(v=v||!!P[y],b&&(g=!O||y in w?g+"":g+_),"border"!=y&&(y.indexOf("border")||~y.indexOf("radius")||~y.indexOf("width"))||!b||(y+="-width"),!y.indexOf("border-radius-")&&(y.replace(/border(-radius)(-(.*))/,function(n,t,e){var r={"-top":["-top-left","-top-right"],"-left":["-top-left","-bottom-left"],"-right":["-top-right","-bottom-right"],"-bottom":["-bottom-left","-bottom-right"]};e in r?(y=[],r[e].forEach(function(n){y.push("border"+n+t)})):y="border"+e+t}),Array.isArray(y))){y.forEach(function(n){v?l(r,n,g,S):r[S(n)]=g});continue}v?l(r,y,g,S):r[S(y)]=g}else p(g,t,y+"-",r)}return r};n.exports=p},function(n,t,e){"use strict";n.exports={prefixProperties:e(4),cssUnitless:e(1),object:e(8),string:e(20)}},function(n,e){n.exports=t},,function(n,t){n.exports=e},function(n,t,e){n.exports=e(16)()},function(n,t,e){"use strict";var r=Object.prototype.toString;n.exports=function(n){return"[object Function]"===r.apply(n)}},function(n,t,e){"use strict";var r=Object.prototype.toString;n.exports=function(n){return!!n&&"[object Object]"===r.call(n)}},function(n,t,e){"use strict";var r=e(5),i=e(6),o=e(19),s=e(7),c=e(3),u=e(4),l="undefined"==typeof document?{}:document.documentElement.style;n.exports=function(n){return function(t,e){e=e||{};var a=o(r(t)),f=i(t),p=n?a:f,d=c.style?n?c.style:c.css:"";if(a in l)return e.asString?p:[p];var y=p,x=u[f],g=[];if(n&&(y=s(p)),"function"==typeof x){var m=x(p,d)||[];m&&!Array.isArray(m)&&(m=[m]),m.length&&(m=m.map(function(t){return n?o(r(t)):i(t)})),g=g.concat(m)}return d&&g.push(d+y),g.push(p),e.asString||1==g.length?g[0]:g}}},function(n,t){n.exports=/[-\s]+(.)?/g},function(n,t,e){"use strict";var r=/::/g,i=/([A-Z]+)([A-Z][a-z])/g,o=/([a-z\d])([A-Z])/g,s=/_/g;n.exports=function(n,t){return n?n.replace(r,"/").replace(i,"$1_$2").replace(o,"$1_$2").replace(s,t||"-"):""}},function(n,t,e){"use strict";n.exports=function(n){return n.length?n.charAt(0).toLowerCase()+n.substring(1):n}},function(n,t,e){"use strict";var r=e(8),i=e(2);n.exports=function(n,t){n=r(n,t);var e,o=[];for(e in n)i(n,e)&&o.push(e+": "+n[e]);return o.join("; ")}},,function(n,t,e){"use strict";function r(){return function(n){return n}}Object.defineProperty(t,"__esModule",{value:!0}),e.d(t,"Layout",function(){return _}),e.d(t,"Section",function(){return S});var i,o,s,c,u,l,a,f,p,d,y=e(0),x=(e.n(y),e(12)),g=e.n(x),m=e(10),b=(e.n(m),e(9)),h=(e.n(b),this&&this.__extends||function(){var n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(n,t){n.__proto__=t}||function(n,t){for(var e in t)t.hasOwnProperty(e)&&(n[e]=t[e])};return function(t,e){function r(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),v=this&&this.__makeTemplateObject||function(n,t){return Object.defineProperty?Object.defineProperty(n,"raw",{value:t}):n.raw=t,n},j=this&&this.__assign||Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++){t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n},O=this&&this.__rest||function(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(n);i<r.length;i++)t.indexOf(r[i])<0&&(e[r[i]]=n[r[i]]);return e},w=function(n,t){return n?t||"":""},_=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return h(t,n),t.prototype.render=function(){var n=this.props,t=n.style,r=n.spacing,i=O(n,["style","spacing"]),o=e.i(b.string)(t),s=new m(r),c=s.value,u=s.unit,l=j({},i,{spacingValue:c,spacingUnit:u,styleString:o});return y.createElement(P,j({},l),y.createElement(U,j({},l),y.Children.map(i.children,function(n){return n?e.i(y.cloneElement)(n,{parentProps:l}):null})))},t.defaultProps={spacing:"0px",spacingValue:0,spacingUnit:"px"},t}(y.PureComponent),P=r()(g.a.div)(o||(o=v(["\n ","\n"],["\n ","\n"])),function(n){var t=n.grow,r=n.horizontal,o=n.styleString;return e.i(x.css)(i||(i=v(["\n overflow: hidden;\n ","\n ","\n ","\n ","\n "],["\n overflow: hidden;\n ","\n ","\n ","\n ","\n "])),w(t||r,"display: flex;"),w(t,"flex: "+("number"==typeof t?t:1)+";"),w(t,"align-self: stretch;"),w(o,o))}),U=r()(g.a.div)(l||(l=v(["\n ","\n"],["\n ","\n"])),function(n){var t=n.horizontal,r=n.grow,i=n.spacingValue,o=n.spacingUnit,l=n.center,a=n.centerVertical,f=n.centerHorizontal,p=n.top,d=n.right,y=n.bottom,g=n.left;return e.i(x.css)(u||(u=v(["\n display: flex;\n ","\n ","\n ","\n flex-direction: ",";\n ","\n ","\n "],["\n display: flex;\n ","\n ","\n ","\n flex-direction: ",";\n ","\n ","\n "])),w(r||t,"display: flex;"),w(r||t,"flex: 1;"),w(r||t,"align-self: stretch;"),t?"row":"column",w(i&&o,"margin: "+((-(i||0)/2).toString()+o)+";"),t?e.i(x.css)(s||(s=v(["\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n "],["\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n "])),w(l,"align-items: center; justify-content: center;"),w(a,"align-items: center;"),w(f,"justify-content: center;"),w(p,"align-items: flex-start;"),w(d,"justify-content: flex-end;"),w(y,"align-items: flex-end;"),w(g,"justify-content: flex-start;")):e.i(x.css)(c||(c=v(["\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n "],["\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n "])),w(l,"align-items: center; justify-content: center;"),w(a,"justify-content: center;"),w(f,"align-items: center;"),w(p,"justify-content: flex-start;"),w(d,"align-items: flex-end;"),w(y,"justify-content: flex-end;"),w(g,"align-items: flex-start;")))}),S=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return h(t,n),t.prototype.render=function(){var n=this.props,t=n.style,r=O(n,["style"]),i=e.i(b.string)(t);return y.createElement(z,j({},r),y.createElement(A,j({},r,{styleString:i}),r.children))},t}(y.PureComponent),z=r()(g.a.div)(f||(f=v(["\n ","\n"],["\n ","\n"])),function(n){var t=n.grow,r=(n.center,n.centerVertical,n.centerHorizontal,n.top,n.right,n.bottom,n.left,n.parentProps);return e.i(x.css)(a||(a=v(["\n display: flex;\n flex-direction: column;\n padding: ",";\n ","\n "],["\n display: flex;\n flex-direction: column;\n padding: ",";\n ","\n "])),((r&&r.spacingValue||0)/2).toString()+(r&&r.spacingUnit),w(t,"flex: "+("number"==typeof t?t:1)+";"))}),A=r()(g.a.div)(d||(d=v(["\n ","\n"],["\n ","\n"])),function(n){var t=n.grow,r=n.center,i=n.centerVertical,o=n.centerHorizontal,s=n.top,c=n.right,u=n.bottom,l=n.left,a=n.styleString;return e.i(x.css)(p||(p=v(["\n display: flex;\n flex-direction: column;\n ","\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n "],["\n display: flex;\n flex-direction: column;\n ","\n ","\n "," \n "," \n ","\n ","\n ","\n ","\n ","\n ","\n "])),w(t,"flex: "+("number"==typeof t?t:1)+";"),w(r,"align-items: center; justify-content: center;"),w(i,"justify-content: center;"),w(o,"align-items: center;"),w(r,"align-items: center; justify-content: center;"),w(s,"justify-content: flex-start;"),w(c,"align-items: flex-end;"),w(u,"justify-content: flex-end;"),w(l,"align-items: flex-start;"),w(a,a))})}])});
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc