@evlop/native-components 1.0.51 → 1.0.54

package/dist/src/Actionable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU,yBAAwB,GAAG,gBAOjD,CAAA;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU,yBAAwB,GAAG,gBAOjD,CAAA;AAED,eAAe,UAAU,CAAC"}

package/dist/src/Actionable.js

@@ -18,14 +18,17 @@ exports.Actionable = void 0;
 const commons_1 = require("@evlop/commons");
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
+const native_1 = __importDefault(require("styled-components/native"));
+const styled_system_1 = require("styled-system");
 const View_1 = __importDefault(require("./View"));
+const StyledPressable = native_1.default(react_native_1.Pressable)(styled_system_1.background, styled_system_1.layout, styled_system_1.space);
 const Actionable = (_a) => {
     var { action } = _a, props = __rest(_a, ["action"]);
     const isEditing = commons_1.useEditable();
     const onPress = commons_1.useAction(action);
     if (isEditing)
         return react_1.default.createElement(View_1.default, Object.assign({}, props));
-    return react_1.default.createElement(react_native_1.Pressable, Object.assign({ onPress: onPress }, props));
+    return react_1.default.createElement(StyledPressable, Object.assign({ onPress: onPress }, props));
 };
 exports.Actionable = Actionable;
 exports.default = exports.Actionable;

package/dist/src/Actionable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4CAAwD;AACxD,kDAA0B;AAC1B,+CAAyC;AACzC,kDAA0B;AAEnB,MAAM,UAAU,GAAG,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAC,MAAM,OAAgB,EAAX,KAAK,cAAjB,UAAkB,CAAD;IACxC,MAAM,SAAS,GAAG,qBAAW,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,mBAAS,CAAC,MAAM,CAAC,CAAC;IAElC,IAAG,SAAS;QAAE,OAAO,8BAAC,cAAI,oBAAK,KAAK,EAAI,CAAA;IAExC,OAAO,8BAAC,wBAAS,kBAAC,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAE;AACvD,CAAC,CAAA;AAPY,QAAA,UAAU,cAOtB;AAED,kBAAe,kBAAU,CAAC"}
+{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4CAAwD;AACxD,kDAA0B;AAC1B,+CAAyC;AACzC,sEAA8C;AAC9C,iDAA0D;AAC1D,kDAA0B;AAE1B,MAAM,eAAe,GAAG,gBAAM,CAAC,wBAAS,CAAC,CACrC,0BAAU,EACV,sBAAM,EACN,qBAAK,CACR,CAAA;AAEM,MAAM,UAAU,GAAG,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAC,MAAM,OAAgB,EAAX,KAAK,cAAjB,UAAkB,CAAD;IACxC,MAAM,SAAS,GAAG,qBAAW,EAAE,CAAC;IAChC,MAAM,OAAO,GAAG,mBAAS,CAAC,MAAM,CAAC,CAAC;IAElC,IAAG,SAAS;QAAE,OAAO,8BAAC,cAAI,oBAAK,KAAK,EAAI,CAAA;IAExC,OAAO,8BAAC,eAAe,kBAAC,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAE;AAC7D,CAAC,CAAA;AAPY,QAAA,UAAU,cAOtB;AAED,kBAAe,kBAAU,CAAC"}

package/dist/src/Row/index.js

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Col = exports.Row = void 0;
 const react_native_1 = require("react-native");
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.Row = styled_components_1.default(react_native_1.View)({
+const native_1 = __importDefault(require("styled-components/native"));
+exports.Row = native_1.default(react_native_1.View)({
     flexDirection: 'row',
 });
-exports.Col = styled_components_1.default(react_native_1.View)({
+exports.Col = native_1.default(react_native_1.View)({
     flexDirection: 'column',
 }, ({ span }) => ({
     flexGrow: span,

package/dist/src/Row/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Row/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAAkC;AAClC,0EAAuC;AAE1B,QAAA,GAAG,GAAG,2BAAM,CAAC,mBAAI,CAAC,CAAC;IAC9B,aAAa,EAAE,KAAK;CACrB,CAAC,CAAC;AAEU,QAAA,GAAG,GAAG,2BAAM,CAAC,mBAAI,CAAC,CAC7B;IACE,aAAa,EAAE,QAAQ;CACxB,EACD,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,CAAC,CAAC;IACX,QAAQ,EAAE,IAAI;CACf,CAAC,CACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Row/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAAkC;AAClC,sEAA8C;AAEjC,QAAA,GAAG,GAAG,gBAAM,CAAC,mBAAI,CAAC,CAAC;IAC9B,aAAa,EAAE,KAAK;CACrB,CAAC,CAAC;AAEU,QAAA,GAAG,GAAG,gBAAM,CAAC,mBAAI,CAAC,CAC7B;IACE,aAAa,EAAE,QAAQ;CACxB,EACD,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,CAAC,CAAC;IACX,QAAQ,EAAE,IAAI;CACf,CAAC,CACH,CAAC"}

package/dist/src/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AA2D1C,eAAO,MAAM,IAAI,qGA0BL,CAAC;AAOb,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AA4D1C,eAAO,MAAM,IAAI,qGAgCL,CAAC;AAQb,eAAe,IAAI,CAAC"}

package/dist/src/Text/index.js

@@ -38,17 +38,17 @@ const commons_1 = require("@evlop/commons");
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = __importDefault(require("styled-components/native"));
-const NativeText = native_1.default(react_native_1.Text)(({ color = 'black', theme: { [color]: colorCode } }) => colorCode && { color: colorCode }, ({ limitLines, textAlign, isPlaceholder, font: fontProp, lineHeight = 1.5, fontScale = 1, theme: { font, fontSize }, }) => ({
-    fontSize: fontScale * fontSize,
-    lineHeight: `${fontScale * fontSize * 1.5}px`,
-    textAlign,
-    '&': limitLines && {
-        whiteSpace: 'wrap',
-        maxHeight: fontSize * fontScale * lineHeight * limitLines,
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    },
-    opacity: isPlaceholder && 0.5,
+const styled_system_1 = require("styled-system");
+const lodash_1 = require("lodash");
+const NativeText = native_1.default(react_native_1.Text)(styled_system_1.system({
+    fontSize: {
+        property: 'lineHeight',
+        scale: 'lineHeights',
+        transform: (value, scale) => lodash_1.get(scale, value, Number.isFinite(value) ? value * 1.6 : value),
+    }
+}), styled_system_1.layout, styled_system_1.background, styled_system_1.color, styled_system_1.typography, styled_system_1.space, ({ fontSize, fontScale = 1, theme: { fontSize: baseFontSize }, }) => !fontSize && ({
+    fontSize: fontScale * baseFontSize,
+    lineHeight: `${fontScale * baseFontSize * 1.5}px`,
 }));
 const BaseText = react_1.forwardRef((_a, ref) => {
     var { isEditing, onPress, children, content = children } = _a, props = __rest(_a, ["isEditing", "onPress", "children", "content"]);
@@ -75,6 +75,12 @@ exports.Text = commons_1.withSettings({
             max: 5,
             step: 0.25,
         },
+        {
+            label: 'Font Weight',
+            name: 'fontWeight',
+            options: ['normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900'].map(weight => ({ value: weight, label: weight })),
+            type: 'select',
+        },
         {
             label: 'Align',
             name: 'textAlign',
@@ -90,7 +96,8 @@ exports.Text = commons_1.withSettings({
 })(BaseText);
 exports.Text.defaultProps = {
     color: 'black',
-    children: '',
+    fontWeight: 'normal',
+    content: '',
 };
 exports.default = exports.Text;
 //# sourceMappingURL=index.js.map

package/dist/src/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/View/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,KAQd,CAAC;AAEJ,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,KASd,CAAC;AAEJ,eAAe,IAAI,CAAC"}

package/dist/src/View/index.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.View = void 0;
 const react_native_1 = require("react-native");
 const native_1 = __importDefault(require("styled-components/native"));
-exports.View = native_1.default(react_native_1.View)({
+const styled_system_1 = require("styled-system");
+exports.View = native_1.default(react_native_1.View)(styled_system_1.flexbox, styled_system_1.layout, styled_system_1.background, styled_system_1.space, {
     zIndex: react_native_1.Platform.select({ web: 'inherit', default: 0 })
-}, ({ opacity = 1 }) => ({ opacity }), ({ backgroundColor = 'transparent', theme: { [backgroundColor]: colorCode } }) => ({
-    backgroundColor: colorCode || backgroundColor,
-}));
+}, ({ opacity = 1 }) => ({ opacity }));
 exports.default = exports.View;
 //# sourceMappingURL=index.js.map

package/dist/src/View/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAA0D;AAC1D,sEAA8C;AAEjC,QAAA,IAAI,GAAG,gBAAM,CAAC,mBAAU,CAAC,CAClC;IACE,MAAM,EAAE,uBAAQ,CAAC,MAAM,CAAM,EAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,CAAC;CAC3D,EACD,CAAC,EAAC,OAAO,GAAG,CAAC,EAAC,EAAC,EAAE,CAAA,CAAC,EAAC,OAAO,EAAC,CAAC,EAC5B,CAAC,EAAC,eAAe,GAAG,aAAa,EAAE,KAAK,EAAC,EAAC,CAAC,eAAe,CAAC,EAAE,SAAS,EAAC,EAAO,EAAE,EAAE,CAAA,CAAC;IACjF,eAAe,EAAE,SAAS,IAAI,eAAe;CAC9C,CAAC,CACH,CAAC;AAEJ,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAA0D;AAC1D,sEAA8C;AAC9C,iDAAmE;AAEtD,QAAA,IAAI,GAAG,gBAAM,CAAC,mBAAU,CAAC,CAClC,uBAAO,EACP,sBAAM,EACN,0BAAU,EACV,qBAAK,EACL;IACE,MAAM,EAAE,uBAAQ,CAAC,MAAM,CAAM,EAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,CAAC;CAC3D,EACD,CAAC,EAAC,OAAO,GAAG,CAAC,EAAC,EAAC,EAAE,CAAA,CAAC,EAAC,OAAO,EAAC,CAAC,CAC7B,CAAC;AAEJ,kBAAe,YAAI,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evlop/native-components",
-  "version": "1.0.51",
+  "version": "1.0.54",
   "description": "",
   "main": "dist/main.js",
   "scripts": {
@@ -25,6 +25,7 @@
     "react-native": "*",
     "react-redux": "*",
     "styled-components": "*",
+    "styled-system": "^5.1.5",
     "react-native-webview": "*",
     "react-native-vector-icons": "*",
     "react-native-elements": "*",
@@ -40,6 +41,7 @@
     "@types/lodash": "^4.14.178",
     "@types/react-native": "^0.63.42",
     "@types/recompose": "^0.30.10",
+    "@types/styled-system": "^5.1.15",
     "babel-loader": "^8.0.6",
     "lodash": "^4.17.15",
     "query-string": "^7.1.0",
@@ -50,6 +52,7 @@
     "react-native-webview": "^11.0.2",
     "recompose": "^0.30.0",
     "styled-components": "^4.4.1",
+    "styled-system": "^5.1.5",
     "typescript": "^4.1.3",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.3.10",