actbase - npm Package Compare versions

Comparing version 0.0.23 to 0.0.24

dist/index.native.js

@@ -97,3 +97,3 @@ "use strict";
 /* babel-plugin-inline-import './Layout/styles.css' */
-var layoutStyle = ".ab-layout-row {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  overflow: hidden;\n}\n.ab-layout-col {\n  display: flex;\n  flex: 1;\n}\n";
+var layoutStyle = ".ab-layout-row {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.ab-layout-col {\n  flex-grow: 1;\n}\n";
 styles = (0, _lodash.assign)(styles, (0, _cssToReactNativeTransform["default"])(layoutStyle)); // Web Migrated
@@ -100,0 +100,0 @@

dist/Layout/Col.native.d.ts

 export default Col;
-declare const Col: React.NamedExoticComponent<object>;
-import React from "react";
+declare function Col(props: any): JSX.Element;
+declare namespace Col {
+    export namespace propTypes {
+        export const xs: PropTypes.Requireable<number>;
+        export const sm: PropTypes.Requireable<number>;
+        export const md: PropTypes.Requireable<number>;
+        export const lg: PropTypes.Requireable<number>;
+        export const xlg: PropTypes.Requireable<number>;
+    }
+    export namespace defaultProps {
+        const xlg_1: number;
+        export { xlg_1 as xlg };
+    }
+}
+import PropTypes from "prop-types";

dist/Layout/Col.native.js

@@ -28,3 +28,3 @@ "use strict";
 
-var Col = _react["default"].memo(function (props) {
+var Col = function Col(props) {
   var xs = props.xs,
@@ -58,12 +58,13 @@ sm = props.sm,
 
-  var elementStyle = _reactNative.StyleSheet.flatten(styles[STYLE_GROUP_NAME + "-col"], {
-    maxWidth: 100 * (ratio / 12) + "%",
+  var elementStyle = _reactNative.StyleSheet.flatten([styles[STYLE_GROUP_NAME + "-col"], {
+    width: 100 * (Math.abs(ratio) / 12) + "%",
     paddingLeft: gap,
     paddingRight: gap
-  });
+  }]);
 
+  console.log(elementStyle, gap);
   return _react["default"].createElement(_reactNative.View, {
     style: elementStyle
   }, children);
-});
+};
 
@@ -70,0 +71,0 @@ Col.propTypes = {

dist/Layout/Row.native.d.ts

 export const RowContext: React.Context<{}>;
 export default Row;
 import React from "react";
-declare const Row: React.NamedExoticComponent<object>;
+declare function Row(props: any): JSX.Element;
+declare namespace Row {
+    export namespace propTypes {
+        export const gap: PropTypes.Requireable<number>;
+    }
+    export namespace defaultProps {
+        const gap_1: number;
+        export { gap_1 as gap };
+    }
+}
+import PropTypes from "prop-types";

dist/Layout/Row.native.js

@@ -30,3 +30,3 @@ "use strict";
 
-var Row = _react["default"].memo(function (props) {
+var Row = function Row(props) {
   var children = props.children;
@@ -37,7 +37,8 @@ var context = (0, _react.useContext)(_utils.ABContext);
 
-  var elementStyle = _reactNative.StyleSheet.flatten(styles[STYLE_GROUP_NAME + "-row"], {
-    marginLeft: gap,
-    marginRight: gap
-  });
+  var elementStyle = _reactNative.StyleSheet.flatten([styles[STYLE_GROUP_NAME + "-row"], {
+    marginLeft: -gap,
+    marginRight: -gap
+  }]);
 
+  console.log(elementStyle);
   return _react["default"].createElement(RowContext.Provider, {
@@ -50,3 +51,3 @@ value: {
   }, children));
-});
+};
 
@@ -53,0 +54,0 @@ Row.propTypes = {

package.json

 {
   "name": "actbase",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "description": "React & React-Native Design Components",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

107348

increased by0.72%

Lines of code

1623

increased by1.44%

No dependency changes