react-crud-mobile 1.0.392 → 1.0.394

package/package.json

@@ -1,71 +1,71 @@
-{
-  "version": "1.0.392",
-  "license": "MIT",
-  "description": "Uma biblioteca de componentes para React Native",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "react-native": "src/index.ts",
-  "scripts": {
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint",
-    "prepare": "tsdx build",
-    "deploy": "npm version patch && npm publish"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsdx lint"
-    }
-  },
-  "prettier": {
-    "printWidth": 80,
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "es5"
-  },
-  "name": "react-crud-mobile",
-  "author": "juarez",
-  "keywords": [
-    "react-native",
-    "components",
-    "library",
-    "ui"
-  ],
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": "0.76.9"
-  },
-  "dependencies": {
-    "@babel/core": "^7.24.0",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.24.0",
-    "@expo/vector-icons": "^14.0.4",
-    "@react-native-vector-icons/ionicons": "^7.4.0",
-    "@react-native-vector-icons/material-icons": "^0.0.1",
-    "@types/react": "^18.0.38",
-    "@types/react-native": "^0.72.0",
-    "babel-plugin-module-resolver": "^5.0.0",
-    "react": "^18.3.1",
-    "react-crud-utils": "^0.1.114",
-    "react-dom": "^18.3.1",
-    "react-native": "0.76.9",
-    "react-native-safe-area-context": "^5.4.0",
-    "react-native-screens": "^4.10.0",
-    "react-native-vector-icons": "^10.2.0",
-    "tsdx": "^0.14.1",
-    "tslib": "^2.8.1",
-    "tsup": "^7.3.0",
-    "typescript": "^5.4.0"
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "devDependencies": {
-    "metro": "^0.82.1"
-  }
-}
+{
+  "version": "1.0.394",
+  "license": "MIT",
+  "description": "Uma biblioteca de componentes para React Native",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "react-native": "src/index.ts",
+  "scripts": {
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "tsdx build",
+    "deploy": "npm version patch && npm publish"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "tsdx lint"
+    }
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "name": "react-crud-mobile",
+  "author": "juarez",
+  "keywords": [
+    "react-native",
+    "components",
+    "library",
+    "ui"
+  ],
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-native": "0.76.9"
+  },
+  "dependencies": {
+    "@babel/core": "^7.24.0",
+    "@babel/preset-env": "^7.24.0",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.24.0",
+    "@expo/vector-icons": "^14.0.4",
+    "@react-native-vector-icons/ionicons": "^7.4.0",
+    "@react-native-vector-icons/material-icons": "^0.0.1",
+    "@types/react": "^18.0.38",
+    "@types/react-native": "^0.72.0",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "react": "^18.3.1",
+    "react-crud-utils": "^0.1.115",
+    "react-dom": "^18.3.1",
+    "react-native": "0.76.9",
+    "react-native-safe-area-context": "^5.4.0",
+    "react-native-screens": "^4.10.0",
+    "react-native-vector-icons": "^10.2.0",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.8.1",
+    "tsup": "^7.3.0",
+    "typescript": "^5.4.0"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "devDependencies": {
+    "metro": "^0.82.1"
+  }
+}

package/src/elements/UI.tsx

@@ -1,65 +1,65 @@
-import { ListType } from 'react-crud-utils';
-import { UserType } from 'react-crud-utils';
-import { InputType } from 'react-crud-utils';
-import { ChartType } from 'react-crud-utils';
-import { ContainerType } from 'react-crud-utils';
-import { ListInputType } from 'react-crud-utils';
-import UIElement from './UIElement';
-import { TabsType } from 'react-crud-utils';
-import { DefineType } from 'react-crud-utils';
-import { ButtonType } from 'react-crud-utils';
-import { LinkType } from 'react-crud-utils';
-import UIInclude from './core/UIInclude';
-
-const UI = {
-  List: (props: ListType) => <UIElement {...props} type="list" />,
-  Row: (props: UserType) => <UIElement {...props} type="row" />,
-  Value: (props: UserType) => <UIElement {...props} type="value" />,
-  Label: (props: UserType) => <UIElement {...props} type="label" />,
-  Repeat: (props: ListType) => (
-    <UIElement {...props} type="repeat" props={{ search: false }} />
-  ),
-  Define: (props: DefineType) => <UIElement {...props} type="define" />,
-  Include: (props: DefineType) => <UIInclude {...props} />,
-  Column: ({ type = 'column', ...props }: UserType) => (
-    <UIElement {...props} type="column" />
-  ),
-  Input: (props: InputType) => <UIElement {...props} />,
-  Text: (props: InputType) => <UIElement {...props} type="text" />,
-  Email: (props: InputType) => <UIElement {...props} type="email" />,
-  Button: (props: ButtonType) => <UIElement {...props} type="button" />,
-  Link: (props: LinkType) => <UIElement {...props} type="link" />,
-  Icon: (props: ButtonType) => <UIElement {...props} type="icon" />,
-  Output: (props: ContainerType) => <UIElement {...props} type="output" />,
-  Form: (props: ContainerType) => <UIElement {...props} type="form" />,
-  Crud: (props: ContainerType) => <UIElement {...props} type="crud" />,
-  View: (props: ContainerType) => (
-    <UIElement {...props} type="view" transient />
-  ),
-  Bottom: (props: ContainerType) => <UIElement {...props} type="bottom" />,
-  Dialog: (props: ContainerType) => <UIElement {...props} type="dialog" />,
-  Content: (props: ContainerType) => <UIElement {...props} type="content" />,
-  Top: (props: ContainerType) => <UIElement {...props} type="top" />,
-  Card: (props: ContainerType) => <UIElement {...props} type="card" />,
-  Tab: (props: ContainerType) => <UIElement {...props} type="tab" />,
-  Tabs: (props: TabsType) => <UIElement {...props} type="tabs" />,
-  Step: (props: ContainerType) => (
-    <UIElement {...props} type="tab" layout="step" />
-  ),
-  Stepper: (props: TabsType) => (
-    <UIElement {...props} type="tabs" layout="stepper" />
-  ),
-  Money: (props: InputType) => <UIElement {...props} type="money" />,
-  Chart: (props: ChartType) => <UIElement {...props} type="chart" />,
-  Password: (props: InputType) => <UIElement {...props} type="password" />,
-  Complete: (props: InputType) => <UIElement {...props} type="complete" />,
-  Checkbox: (props: InputType) => <UIElement {...props} type="switch" />,
-  Switch: (props: InputType) => <UIElement {...props} type="switch" />,
-  Radio: (props: ListInputType) => <UIElement {...props} type="radio" />,
-  Select: (props: ListInputType) => <UIElement {...props} type="select" />,
-  Toggle: (props: ListInputType) => <UIElement {...props} type="toggle" />,
-  Entity: (props: ListInputType) => <UIElement {...props} type="entity" />,
-  Element: (props: ListInputType) => <UIElement {...props} type="element" />,
-  Quantity: (props: ListInputType) => <UIElement {...props} type="quantity" />,
-};
-export default UI;
+import { ListType } from 'react-crud-utils';
+import { UserType } from 'react-crud-utils';
+import { InputType } from 'react-crud-utils';
+import { ChartType } from 'react-crud-utils';
+import { ContainerType } from 'react-crud-utils';
+import { ListInputType } from 'react-crud-utils';
+import UIElement from './UIElement';
+import { TabsType } from 'react-crud-utils';
+import { DefineType } from 'react-crud-utils';
+import { ButtonType } from 'react-crud-utils';
+import { LinkType } from 'react-crud-utils';
+import UIInclude from './core/UIInclude';
+
+const UI = {
+  List: (props: ListType) => <UIElement {...props} type="list" />,
+  Row: (props: UserType) => <UIElement {...props} type="row" />,
+  Value: (props: UserType) => <UIElement {...props} type="value" />,
+  Label: (props: UserType) => <UIElement {...props} type="label" />,
+  Repeat: (props: ListType) => (
+    <UIElement {...props} type="repeat" props={{ search: false }} />
+  ),
+  Define: (props: DefineType) => <UIElement {...props} type="define" />,
+  Include: (props: DefineType) => <UIInclude {...props} />,
+  Column: ({ type = 'column', ...props }: UserType) => (
+    <UIElement {...props} type="column" />
+  ),
+  Input: (props: InputType) => <UIElement {...props} />,
+  Text: (props: InputType) => <UIElement {...props} type="text" />,
+  Email: (props: InputType) => <UIElement {...props} type="email" />,
+  Button: (props: ButtonType) => <UIElement {...props} type="button" />,
+  Link: (props: LinkType) => <UIElement {...props} type="link" />,
+  Icon: (props: ButtonType) => <UIElement {...props} type="icon" />,
+  Output: (props: ContainerType) => <UIElement {...props} type="output" />,
+  Form: (props: ContainerType) => <UIElement {...props} type="form" />,
+  Crud: (props: ContainerType) => <UIElement {...props} type="crud" />,
+  View: (props: ContainerType) => (
+    <UIElement {...props} type="view" transient />
+  ),
+  Bottom: (props: ContainerType) => <UIElement {...props} type="bottom" />,
+  Dialog: (props: ContainerType) => <UIElement {...props} type="dialog" />,
+  Content: (props: ContainerType) => <UIElement {...props} type="content" />,
+  Top: (props: ContainerType) => <UIElement {...props} type="top" />,
+  Card: (props: ContainerType) => <UIElement {...props} type="card" />,
+  Tab: (props: ContainerType) => <UIElement {...props} type="tab" />,
+  Tabs: (props: TabsType) => <UIElement {...props} type="tabs" />,
+  Step: (props: ContainerType) => (
+    <UIElement {...props} type="tab" layout="step" />
+  ),
+  Stepper: (props: TabsType) => (
+    <UIElement {...props} type="tabs" layout="stepper" />
+  ),
+  Money: (props: InputType) => <UIElement {...props} type="money" />,
+  Chart: (props: ChartType) => <UIElement {...props} type="chart" />,
+  Password: (props: InputType) => <UIElement {...props} type="password" />,
+  Complete: (props: InputType) => <UIElement {...props} type="complete" />,
+  Checkbox: (props: InputType) => <UIElement {...props} type="switch" />,
+  Switch: (props: InputType) => <UIElement {...props} type="switch" />,
+  Radio: (props: ListInputType) => <UIElement {...props} type="radio" />,
+  Select: (props: ListInputType) => <UIElement {...props} type="select" />,
+  Toggle: (props: ListInputType) => <UIElement {...props} type="toggle" />,
+  Entity: (props: ListInputType) => <UIElement {...props} type="entity" />,
+  Element: (props: ListInputType) => <UIElement {...props} type="element" />,
+  Quantity: (props: ListInputType) => <UIElement {...props} type="quantity" />,
+};
+export default UI;

package/src/elements/UIChildren.tsx

@@ -1,126 +1,126 @@
-import React, { useState } from 'react';
-import UIElement from './UIElement';
-import { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';
-import { StyleSheet, View } from 'react-native';
-
-interface UIChildrenType {
-  scope: Scope;
-  crud?: Crud;
-  validateScope?: String;
-  children?: any;
-  elements?: any;
-  transient?: boolean;
-  part?: string;
-  childProps?: any;
-}
-
-export default function UIChildren(props: UIChildrenType) {
-  let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));
-  let crud = Utils.nvl(props.crud, scope.crud);
-  let validateScope = Utils.nvl(props.validateScope, 'global');
-  let name = Utils.nvl(props.part, 'child');
-
-  if (scope.isInput()) {
-    return <></>;
-  }
-
-  let Paint = ({ child }: any) => {
-    if (!child) {
-      return <></>;
-    }
-    if (typeof child === 'string') {
-      return <>{child}</>;
-    }
-
-    let Custom = child.type;
-    let pps = { ...child.props };
-
-    delete pps.children;
-
-    if (typeof Custom === 'string') {
-      if (Utils.isEmpty(child.props.children)) {
-        return <Custom {...pps} />;
-      }
-      return (
-        <Custom {...pps}>
-          <UIChildren
-            transient
-            validateScope={validateScope}
-            {...child.props}
-            scope={scope}
-            crud={crud}
-          ></UIChildren>
-        </Custom>
-      );
-    } else if (typeof Custom === 'function') {
-      return (
-        <Custom
-          validateScope={validateScope}
-          {...child.props}
-          parent={scope}
-          crud={crud}
-        ></Custom>
-      );
-    }
-
-    if (!Utils.isEmpty(child.props.children)) {
-      return (
-        <UIChildren
-          validateScope={validateScope}
-          {...child.props}
-          scope={scope}
-          crud={crud}
-          transient
-        ></UIChildren>
-      );
-    }
-    return <></>;
-  };
-
-  const Draw = () => {
-    if (props.elements) {
-      return (
-        <>
-          {Object.entries(props.elements).map((t: any, k) => {
-            return <UIElement crud={crud} {...t[1]} />;
-          })}
-        </>
-      );
-    }
-    return (
-      <>
-        {React.Children.map(props.children, child => {
-          return <Paint child={child}></Paint>;
-        })}
-      </>
-    );
-  };
-
-  if (props.transient) {
-    return <Draw />;
-  }
-
-  if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {
-    return <></>;
-  }
-
-  const getStyle = (part?: string) => {
-    let key = Utils.nvl(part, 'root');
-    let def = styles[key];
-
-    return { ...def, ...scope.getStyle(part) };
-  };
-
-  return (
-    <>
-      <View style={getStyle(name)}>
-        <Draw />
-      </View>
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  child: { width: '100%' },
-  inner: { width: '100%' },
-});
+import React, { useState } from 'react';
+import UIElement from './UIElement';
+import { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';
+import { StyleSheet, View } from 'react-native';
+
+interface UIChildrenType {
+  scope: Scope;
+  crud?: Crud;
+  validateScope?: String;
+  children?: any;
+  elements?: any;
+  transient?: boolean;
+  part?: string;
+  childProps?: any;
+}
+
+export default function UIChildren(props: UIChildrenType) {
+  let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));
+  let crud = Utils.nvl(props.crud, scope.crud);
+  let validateScope = Utils.nvl(props.validateScope, 'global');
+  let name = Utils.nvl(props.part, 'child');
+
+  if (scope.isInput()) {
+    return <></>;
+  }
+
+  let Paint = ({ child }: any) => {
+    if (!child) {
+      return <></>;
+    }
+    if (typeof child === 'string') {
+      return <>{child}</>;
+    }
+
+    let Custom = child.type;
+    let pps = { ...child.props };
+
+    delete pps.children;
+
+    if (typeof Custom === 'string') {
+      if (Utils.isEmpty(child.props.children)) {
+        return <Custom {...pps} />;
+      }
+      return (
+        <Custom {...pps}>
+          <UIChildren
+            transient
+            validateScope={validateScope}
+            {...child.props}
+            scope={scope}
+            crud={crud}
+          ></UIChildren>
+        </Custom>
+      );
+    } else if (typeof Custom === 'function') {
+      return (
+        <Custom
+          validateScope={validateScope}
+          {...child.props}
+          parent={scope}
+          crud={crud}
+        ></Custom>
+      );
+    }
+
+    if (!Utils.isEmpty(child.props.children)) {
+      return (
+        <UIChildren
+          validateScope={validateScope}
+          {...child.props}
+          scope={scope}
+          crud={crud}
+          transient
+        ></UIChildren>
+      );
+    }
+    return <></>;
+  };
+
+  const Draw = () => {
+    if (props.elements) {
+      return (
+        <>
+          {Object.entries(props.elements).map((t: any, k) => {
+            return <UIElement crud={crud} {...t[1]} />;
+          })}
+        </>
+      );
+    }
+    return (
+      <>
+        {React.Children.map(props.children, child => {
+          return <Paint child={child}></Paint>;
+        })}
+      </>
+    );
+  };
+
+  if (props.transient) {
+    return <Draw />;
+  }
+
+  if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {
+    return <></>;
+  }
+
+  const getStyle = (part?: string) => {
+    let key = Utils.nvl(part, 'root');
+    let def = styles[key];
+
+    return { ...def, ...scope.getStyle(part) };
+  };
+
+  return (
+    <>
+      <View style={getStyle(name)}>
+        <Draw />
+      </View>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  child: { width: '100%' },
+  inner: { width: '100%' },
+});

package/src/elements/UIComplete.tsx

@@ -1,14 +1,14 @@
-import { ChildType } from 'react-crud-utils';
-import AutoComplete from './core/UIAutoComplete';
-
-export default function UIComplete({
-  defaultsInput,
-  defaultsUI,
-  scope,
-}: ChildType) {
-  return (
-    <>
-      <AutoComplete {...defaultsInput} {...defaultsUI} />
-    </>
-  );
-}
+import { ChildType } from 'react-crud-utils';
+import AutoComplete from './core/UIAutoComplete';
+
+export default function UIComplete({
+  defaultsInput,
+  defaultsUI,
+  scope,
+}: ChildType) {
+  return (
+    <>
+      <AutoComplete {...defaultsInput} {...defaultsUI} />
+    </>
+  );
+}