actbase - npm Package Compare versions

Comparing version 1.0.25 to 1.0.26

lib/index.d.ts

@@ -21,2 +21,3 @@ export { Application, Providers } from './Application';
 export { default as Touchable } from './tags/touchable/Touchable';
+export { default as TextInput } from './forms/textinput/TextInput';
 export declare const Actbase: {
@@ -23,0 +24,0 @@ Image: {

lib/index.js

@@ -132,2 +132,8 @@ "use strict";
 });
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function get() {
+    return _TextInput.default;
+  }
+});
 exports.default = exports.Actbase = void 0;
@@ -177,2 +183,4 @@
 
+var _TextInput = _interopRequireDefault(require("./forms/textinput/TextInput"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -179,0 +187,0 @@

lib/styles/Provider.d.ts

 /// <reference types="react" />
-export declare const StyleProvider: ({ name, styles, children }: {
-    name: any;
+export declare const StyleProvider: ({ styles, children }: {
     styles: any;
@@ -5,0 +4,0 @@ children: any;

lib/styles/Provider.js

@@ -23,7 +23,11 @@ "use strict";
 var StyleProvider = function StyleProvider(_a) {
-  var name = _a.name,
-      styles = _a.styles,
+  var styles = _a.styles,
       children = _a.children;
   var parentContext = (0, _react.useContext)(_Context.StyleContext);
-  var getStyle = (0, _react.useCallback)(function (_, name, _styles) {
+  var getStyle = (0, _react.useCallback)( // eslint-disable-next-line no-unused-vars
+  function (_, name, prefixes) {
+    if (prefixes === void 0) {
+      prefixes = [];
+    }
+
     if (!name || typeof name !== 'string') {
@@ -35,3 +39,3 @@ return name;
 
-    var _s = _styles || arr.reduce(function (a, c) {
+    var _s = arr.reduce(function (a, c) {
       return (0, _lodash.assign)(a, c);
@@ -42,2 +46,14 @@ }, {}); // eslint-disable-next-line react/prop-types
     var style_names = name.split(' ');
+
+    if ((prefixes === null || prefixes === void 0 ? void 0 : prefixes.length) > 0) {
+      style_names.push.apply(style_names, prefixes === null || prefixes === void 0 ? void 0 : prefixes.reduce(function (x, y) {
+        return x.concat( // @ts-ignore
+        name.split(' ').filter(function (v) {
+          return !!v;
+        }).map(function (v) {
+          return v + '__' + y;
+        }));
+      }, []));
+    }
+
     return style_names.map(function (v) {
@@ -51,3 +67,2 @@ return _s[v] || v;
     return {
-      name: name,
       getStyle: getStyle,
@@ -54,0 +69,0 @@ styles: [parentContext === null || parentContext === void 0 ? void 0 : parentContext.styles, styles]

lib/styles/Provider.native.js

@@ -76,3 +76,7 @@ "use strict";
 
-  var getStyle = function getStyle(elemName, name) {
+  var getStyle = function getStyle(elemName, name, prefixes) {
+    if (prefixes === void 0) {
+      prefixes = [];
+    }
+
     if (!name && typeof name !== 'string') {
@@ -83,4 +87,16 @@ return name;
     var style_names = name.split(' ');
+
+    if ((prefixes === null || prefixes === void 0 ? void 0 : prefixes.length) > 0) {
+      style_names.push.apply(style_names, prefixes === null || prefixes === void 0 ? void 0 : prefixes.reduce(function (x, y) {
+        return x.concat( // @ts-ignore
+        name.split(' ').filter(function (v) {
+          return !!v;
+        }).map(function (v) {
+          return v + '__' + y;
+        }));
+      }, []));
+    }
+
     return _reactNative.StyleSheet.flatten(style_names.map(function (v) {
-      return (0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)({}, _styles[elemName]), _mediaStyles[elemName]), _styles["." + v]), _mediaStyles["." + v]);
+      return (0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)({}, _styles['**' + elemName]), _mediaStyles['**' + elemName]), _styles["" + v]), _mediaStyles["" + v]);
     }));
@@ -87,0 +103,0 @@ };

lib/styles/useParseProps.d.ts

@@ -1,2 +0,2 @@
-export declare const useParseProps: (elem: string, { className, ...props }: any) => any;
+export declare const useParseProps: (elem: string, { className, ...props }: any, prefixes?: String[]) => any;
 export default useParseProps;

lib/styles/useParseProps.js

@@ -20,9 +20,13 @@ "use strict";
 
-var useParseProps = function useParseProps(elem, _a) {
+var useParseProps = function useParseProps(elem, _a, prefixes) {
   var _b;
 
+  if (prefixes === void 0) {
+    prefixes = [];
+  }
+
   var className = _a.className,
       props = (0, _tslib.__rest)(_a, ["className"]);
   var context = React.useContext(_Context.StyleContext);
-  var classStyle = (_b = context === null || context === void 0 ? void 0 : context.getStyle) === null || _b === void 0 ? void 0 : _b.call(context, elem, className);
+  var classStyle = (_b = context === null || context === void 0 ? void 0 : context.getStyle) === null || _b === void 0 ? void 0 : _b.call(context, elem, className, prefixes);
   return (0, _tslib.__assign)((0, _tslib.__assign)({}, props), {
@@ -29,0 +33,0 @@ className: classStyle

lib/styles/useParseProps.native.d.ts

@@ -1,2 +0,2 @@
-export declare const useParseProps: (elem: string, { className, style, ...props }: any) => any;
+export declare const useParseProps: (elem: string, { className, style, ...props }: any, prefixes?: String[]) => any;
 export default useParseProps;

lib/styles/useParseProps.native.js

@@ -20,5 +20,9 @@ "use strict";
 
-var useParseProps = function useParseProps(elem, _a) {
+var useParseProps = function useParseProps(elem, _a, prefixes) {
   var _b;
 
+  if (prefixes === void 0) {
+    prefixes = [];
+  }
+
   var className = _a.className,
@@ -28,3 +32,3 @@ style = _a.style,
   var context = React.useContext(_Context.StyleContext);
-  var classStyle = (_b = context === null || context === void 0 ? void 0 : context.getStyle) === null || _b === void 0 ? void 0 : _b.call(context, elem, className);
+  var classStyle = (_b = context === null || context === void 0 ? void 0 : context.getStyle) === null || _b === void 0 ? void 0 : _b.call(context, elem, className, prefixes);
   var extraProps = (0, _tslib.__assign)({}, props);
@@ -31,0 +35,0 @@

package.json

 {
   "name": "actbase",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "React-Native Design Components",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

290478

increased by163.09%

Number of package files

244

increased by28.42%

Lines of code

4886

increased by177.61%

No dependency changes