@actbase/native - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

lib/Actbase.d.ts

@@ -0,7 +1,12 @@
+/// <reference types="react" />
+import { StyleProps, StyleResult } from './styling/RelStyleSheet';
 export declare const Actbase: {
-    Touchable: {
-        activeOpacity: number;
-        waitDelay: number;
+    defaults: {
+        Touchable: {
+            activeOpacity: number;
+            waitDelay: number;
+        };
     };
+    View: (styles: string | string[] | ((props: StyleProps) => StyleResult) | undefined) => (props: any) => JSX.Element;
 };
 export default Actbase;

lib/Actbase.js

 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
@@ -7,3 +9,16 @@ value: true
 exports["default"] = exports.Actbase = void 0;
-var Actbase = {
+
+var _tslib = require("tslib");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _View = _interopRequireDefault(require("./elems/View"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var defaults = {
   Touchable: {
@@ -14,4 +29,30 @@ activeOpacity: 0.8,
 };
+
+var parseStyle = function parseStyle(_styles, props) {
+  var styles = _styles;
+
+  if (typeof styles === 'function') {
+    styles = styles(props);
+    console.log(styles);
+  }
+
+  return styles;
+};
+
+var ActbaseBuilder = function ActbaseBuilder(Element) {
+  return function (styles) {
+    return function (props) {
+      // eslint-disable-next-line no-undef
+      console.log(Element, parseStyle(styles, props), props);
+      return React.createElement(Element, (0, _tslib.__assign)({}, props));
+    };
+  };
+};
+
+var Actbase = {
+  defaults: defaults,
+  View: ActbaseBuilder(_View["default"])
+};
 exports.Actbase = Actbase;
 var _default = Actbase;
 exports["default"] = _default;

lib/Application.d.ts

@@ -1,10 +0,11 @@
-import React, { ReactNode } from 'react';
+import { PropsWithChildren } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-export declare const Application: (props: {
-    children?: React.ReactNode;
+interface Props {
     style?: StyleProp<ViewStyle>;
-}) => JSX.Element;
+}
 export declare const Providers: {
     (): JSX.Element;
-    __NAME: string;
+    $$NAME: string;
 };
+export declare const Application: ({ children, style }: PropsWithChildren<Props>) => JSX.Element;
+export {};

lib/Application.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.Providers = exports.Application = void 0;
+exports.Application = exports.Providers = void 0;
 
@@ -13,24 +13,37 @@ var _tslib = require("tslib");
 
+var _reactNative = require("react-native");
+
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 
-var _provider = _interopRequireDefault(require("./absolute/provider"));
+var _reactAbsolute = require("@actbase/react-absolute");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var Application = function Application(props) {
-  var _a;
+var $Providers = function $Providers() {
+  return _react["default"].createElement(_react["default"].Fragment, null);
+};
 
-  var _b, _c, _d;
+$Providers.$$NAME = '__@@ABX_PROVID@@';
+var Providers = $Providers;
+exports.Providers = Providers;
 
-  var children = _react["default"].Children.toArray(props.children);
+var Application = function Application(_a) {
+  var _b;
 
-  var providerGroup = children === null || children === void 0 ? void 0 : children.find(function (el) {
+  var _c, _d, _e;
+
+  var children = _a.children,
+      style = _a.style;
+
+  var oChildren = _react["default"].Children.toArray(children);
+
+  var providerGroup = oChildren === null || oChildren === void 0 ? void 0 : oChildren.find(function (el) {
     var _a;
 
-    return ((_a = el.type) === null || _a === void 0 ? void 0 : _a.__NAME) === (Providers === null || Providers === void 0 ? void 0 : Providers.__NAME);
+    return ((_a = el.type) === null || _a === void 0 ? void 0 : _a.$$NAME) === (Providers === null || Providers === void 0 ? void 0 : Providers.$$NAME);
   });
-  var bodies = children === null || children === void 0 ? void 0 : children.filter(function (el) {
+  var bodies = oChildren === null || oChildren === void 0 ? void 0 : oChildren.filter(function (el) {
     var _a;
 
-    return ((_a = el.type) === null || _a === void 0 ? void 0 : _a.__NAME) !== (Providers === null || Providers === void 0 ? void 0 : Providers.__NAME);
+    return ((_a = el.type) === null || _a === void 0 ? void 0 : _a.$$NAME) !== (Providers === null || Providers === void 0 ? void 0 : Providers.$$NAME);
   });
@@ -40,3 +53,3 @@
 
-  var exports = (_b = providers === null || providers === void 0 ? void 0 : providers.reduce) === null || _b === void 0 ? void 0 : _b.call(providers, function (el, provider, index) {
+  var exports = (_c = providers === null || providers === void 0 ? void 0 : providers.reduce) === null || _c === void 0 ? void 0 : _c.call(providers, function (el, provider, index) {
     var _a, _b;
@@ -55,2 +68,3 @@
   }, _react["default"].createElement(_react["default"].Fragment, null, []));
+  var output;
 
@@ -60,26 +74,18 @@ if (exports) {
 
-    while (((_c = last.props.children) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-      last = (_d = last.props.children) === null || _d === void 0 ? void 0 : _d[0];
+    while (((_d = last.props.children) === null || _d === void 0 ? void 0 : _d.length) > 0) {
+      last = (_e = last.props.children) === null || _e === void 0 ? void 0 : _e[0];
     }
 
-    (_a = last.props.children).push.apply(_a, bodies);
+    (_b = last.props.children).push.apply(_b, bodies);
 
-    return _react["default"].createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, _react["default"].createElement(_provider["default"], {
-      style: props.style
-    }, exports));
+    output = exports;
   } else {
-    return _react["default"].createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, _react["default"].createElement(_provider["default"], {
-      style: props.style
-    }, bodies));
+    output = bodies;
   }
-};
 
-exports.Application = Application;
-
-var _Providers = function _Providers() {
-  return _react["default"].createElement(_react["default"].Fragment, null);
+  return _react["default"].createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, _react["default"].createElement(_reactNative.View, {
+    style: style
+  }, _react["default"].createElement(_reactAbsolute.AbsoluteProvider, null, output)));
 };
 
-_Providers.__NAME = '__@@ABX_PROVID@@';
-var Providers = _Providers;
-exports.Providers = Providers;
+exports.Application = Application;

lib/index.d.ts

@@ -0,4 +1,8 @@
+export { Application, Providers } from './Application';
+export { default as Touchable } from './elems/Touchable';
+export { default as View } from './elems/View';
+export { default as Text } from './elems/Text';
+export { default as Form } from './forms/Form';
+export { default as Input } from './forms/inputs';
+export { RelStyleSheet } from './styling/RelStyleSheet';
 export { default as Actbase } from './Actbase';
-export { Application, Providers } from './Application';
-export { default as Absolute } from './absolute';
-export { default as Touchable } from './atoms/Touchable';

lib/index.js

@@ -6,8 +6,2 @@ "use strict";
 });
-Object.defineProperty(exports, "Actbase", {
-  enumerable: true,
-  get: function get() {
-    return _Actbase["default"];
-  }
-});
 Object.defineProperty(exports, "Application", {
@@ -25,23 +19,61 @@ enumerable: true,
 });
-Object.defineProperty(exports, "Absolute", {
+Object.defineProperty(exports, "Touchable", {
   enumerable: true,
   get: function get() {
-    return _absolute["default"];
+    return _Touchable["default"];
   }
 });
-Object.defineProperty(exports, "Touchable", {
+Object.defineProperty(exports, "View", {
   enumerable: true,
   get: function get() {
-    return _Touchable["default"];
+    return _View["default"];
   }
 });
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function get() {
+    return _Text["default"];
+  }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function get() {
+    return _Form["default"];
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _inputs["default"];
+  }
+});
+Object.defineProperty(exports, "RelStyleSheet", {
+  enumerable: true,
+  get: function get() {
+    return _RelStyleSheet.RelStyleSheet;
+  }
+});
+Object.defineProperty(exports, "Actbase", {
+  enumerable: true,
+  get: function get() {
+    return _Actbase["default"];
+  }
+});
 
-var _Actbase = _interopRequireDefault(require("./Actbase"));
-
 var _Application = require("./Application");
 
-var _absolute = _interopRequireDefault(require("./absolute"));
+var _Touchable = _interopRequireDefault(require("./elems/Touchable"));
 
-var _Touchable = _interopRequireDefault(require("./atoms/Touchable"));
+var _View = _interopRequireDefault(require("./elems/View"));
 
+var _Text = _interopRequireDefault(require("./elems/Text"));
+
+var _Form = _interopRequireDefault(require("./forms/Form"));
+
+var _inputs = _interopRequireDefault(require("./forms/inputs"));
+
+var _RelStyleSheet = require("./styling/RelStyleSheet");
+
+var _Actbase = _interopRequireDefault(require("./Actbase"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

lib/utils/size.d.ts

@@ -17,7 +17,7 @@ import * as React from 'react';
 export declare const getWindowSize: () => ScaledSize;
-export declare const measure: (target: null | number | React.Component<any, any> | React.ComponentClass<any>) => Promise<MeasureOffset | Error>;
+export declare const measure: (target: null | number | React.Component<unknown, unknown> | React.ComponentClass<unknown>) => Promise<MeasureOffset | Error>;
 declare const _default: {
     getWindowSize: () => ScaledSize;
-    measure: (target: number | React.Component<any, any, any> | React.ComponentClass<any, any> | null) => Promise<Error | MeasureOffset>;
+    measure: (target: number | React.Component<unknown, unknown, any> | React.ComponentClass<unknown, any> | null) => Promise<Error | MeasureOffset>;
 };
 export default _default;

package.json

 {
   "name": "@actbase/native",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "React-Native Generic UI Components",
@@ -16,3 +16,3 @@ "main": "lib/index.js",
     "prepublish": "npm run build",
-    "localinstall": "npm run build && cp -r ./lib /Users/suhanmoon/Projects/modoo/moduleague/node_modules/@actbase/native/"
+    "localinstall": "npm run build && cp -r ./lib /Users/suhanmoon/Projects/modoo/moduleague-app/node_modules/@actbase/native/"
   },
@@ -34,9 +34,4 @@ "license": "MIT",
   "dependencies": {
-    "immer": "^7.0.14",
-    "lodash": "^4.17.15",
-    "prop-types": "^15.7.2"
+    "@actbase/react-absolute": "^0.8.2"
   },
-  "peerDependencies": {
-    "less": ">=2.0.0"
-  },
   "devDependencies": {
@@ -57,3 +52,3 @@ "@babel/cli": "^7.6.2",
     "@typescript-eslint/eslint-plugin": "^2.23.0",
-    "@typescript-eslint/parser": "^2.23.0",
+    "@typescript-eslint/parser": "^2.34.0",
     "babel-eslint": "^10.0.3",
@@ -65,5 +60,4 @@ "babel-plugin-inline-import-data-uri": "^1.0.1",
     "eslint-config-prettier": "^6.10.0",
-    "eslint-config-react-native-shinpei": "^0.2.0",
     "eslint-plugin-import": "^2.20.1",
-    "eslint-plugin-json": "^2.1.0",
+    "eslint-plugin-json": "^2.1.2",
     "eslint-plugin-jsx-a11y": "^6.2.3",
@@ -70,0 +64,0 @@ "eslint-plugin-react": "^7.18.3",

README.md

@@ -1,1 +0,80 @@
-# actbase
+
+# Actbase
+
+<a href="https://actba.se">
+<img width="80" src="https://avatars.githubusercontent.com/u/55933025?s=200&v=4">
+</a>
+
+
+You can easily customize the design of the UI Library.
+
+## Features
+
+### Layout & Styling
+- 기본적으로 사용자가 놓칠 수 있는 기능을 대응합니다.
+- 다양한 컴포넌트들을 props 혹은 event에 따라 다르게 스타일을 조정할 수 있습니다.
+- CSS 스타일처럼 디자인을 입힐 수 있습니다.
+- React Native 에서 반응형 스타일링을 해보세요. 
+
+### Form
+- 강력한 Form 엔진을 통해 입력값부터 Validate까지 완벽하게 처리합니다.
+- 기존에 HTML에서 사용하던 방식으로 사용할 수 있습니다.
+- json, formdata 원하는 출력으로 손쉽게 사용합니다.
+
+### Modal & Notification
+- 다중으로 Modal을 지원합니다.
+- 모든 custermize가 가능하니 걱정 ㄴㄴ
+
+### Web Supported
+- React Native Web과 어느정도 호환됨
+- 그리고 일반 웹용이랑 비슷하게 생겨서 개발쪽에서도 걱정 ㄴㄴ
+
+
+## Environment Support
+
+- React Native 0.61 이상 사용 가능합니다.
+- 기본적으로 react-native-safe-area-context 를 통해 SafeArea를 대응합니다.
+
+
+## Install
+
+```bash
+npm install @actbase/native react-native-safe-area-context
+
+or
+
+yarn add @actbase/native react-native-safe-area-context
+
+npx pod-install
+```
+
+
+## Usage
+
+```jsx
+import { Button, DatePicker } from 'antd';
+
+const App = () => (
+  <>
+    <Button type="primary">PRESS ME</Button>
+    <DatePicker placeholder="select date" />
+  </>
+);
+```
+
+### TypeScript
+
+`@actbase/native` is written in TypeScript with complete definitions, check [Use in TypeScript](https://ant.design/docs/react/use-in-typescript) to getting started.
+
+## Links
+
+- [Home page](https://actba.se/)
+- [Components Overview](https://actba.se/components/overview)
+- [Actbase Pro](http://pro.actba.se/)
+- [Change Log](CHANGELOG.md)
+- [Actbase Pro Components](https://pro.actba.se/components/overview)
+- [Developer Instruction](https://github.com/actbase/native/wiki/Development)
+
+## Contact us
+
+

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

75661

increased by161.56%

Dependency count

1

decreased by-75%

Dev dependency count

36

decreased by-2.7%

Number of package files

57

increased by90%

Lines of code

1071

increased by147.34%

Number of lines in readme file

81

increased by3950%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@actbase/react-absolute@^0.8.2

• + Added@actbase/react-absolute@0.8.2(transitive)

• - Removedimmer@^7.0.14

• - Removedlodash@^4.17.15

• - Removedprop-types@^15.7.2

• - Removedcopy-anything@2.0.6(transitive)

• - Removederrno@0.1.8(transitive)

• - Removedgraceful-fs@4.2.11(transitive)

• - Removediconv-lite@0.6.3(transitive)

• - Removedimage-size@0.5.5(transitive)

• - Removedimmer@7.0.15(transitive)

• - Removedis-what@3.14.1(transitive)

• - Removedjs-tokens@4.0.0(transitive)

• - Removedless@4.2.2(transitive)

• - Removedlodash@4.17.21(transitive)

• - Removedloose-envify@1.4.0(transitive)

• - Removedmake-dir@2.1.0(transitive)

• - Removedmime@1.6.0(transitive)

• - Removedneedle@3.3.1(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedparse-node-version@1.0.1(transitive)

• - Removedpify@4.0.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedprr@1.0.1(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedsafer-buffer@2.1.2(transitive)

• - Removedsax@1.4.1(transitive)

• - Removedsemver@5.7.2(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedtslib@2.8.1(transitive)