react-crud-mobile 1.0.71 → 1.0.73

package/src/elements/UITag.tsx

@@ -1,13 +1,13 @@
-import React, { useState } from "react";
-import { Utils } from "react-crud-utils";
-
-interface UITagType {
-  name: string;
-  [otherOptions: string]: unknown;
-}
-
-export default function UITag(props: UITagType) {
-  let Aux = Utils.nvl(props.name, "span");
-
-  return <Aux {...props} />;
-}
+import React, { useState } from "react";
+import { Utils } from "react-crud-utils";
+
+interface UITagType {
+  name: string;
+  [otherOptions: string]: unknown;
+}
+
+export default function UITag(props: UITagType) {
+  let Aux = Utils.nvl(props.name, "span");
+
+  return <Aux {...props} />;
+}

package/src/elements/card/ElCard.tsx

@@ -1,25 +1,25 @@
-import UIChildren from '../UIChildren';
-import ElLabel from '../grid/ElLabel';
-import ElInclude from '../grid/ElInclude';
-import { ChildType } from 'react-crud-utils';
-
-export default function ElCard(props: ChildType) {
-  let scope = props.scope;
-
-  return (
-    <div
-      className={scope.getStyleClass('inner')}
-      style={scope.getStyle('inner')}
-    >
-      <ElLabel {...props} scope={scope}></ElLabel>
-      <UIChildren {...props} scope={scope} />
-
-      <div
-        className={scope.getStyleClass('bottom')}
-        style={scope.getStyle('bottom')}
-      >
-        <ElInclude {...props} scope={scope} name="bottom" />
-      </div>
-    </div>
-  );
-}
+import UIChildren from '../UIChildren';
+import ElLabel from '../grid/ElLabel';
+import ElInclude from '../grid/ElInclude';
+import { ChildType } from 'react-crud-utils';
+
+export default function ElCard(props: ChildType) {
+  let scope = props.scope;
+
+  return (
+    <div
+      className={scope.getStyleClass('inner')}
+      style={scope.getStyle('inner')}
+    >
+      <ElLabel {...props} scope={scope}></ElLabel>
+      <UIChildren {...props} scope={scope} />
+
+      <div
+        className={scope.getStyleClass('bottom')}
+        style={scope.getStyle('bottom')}
+      >
+        <ElInclude {...props} scope={scope} name="bottom" />
+      </div>
+    </div>
+  );
+}

package/src/elements/charts/ElChart.tsx

@@ -1,10 +1,10 @@
-import React from "react";
-import { ChildType, Scope, Utils } from "react-crud-utils";
-
-export default function ElChart(props: ChildType) {
-  let scope: Scope = props.scope;
-  let items: any = scope.getItems();
-  let columns = Utils.asList(scope.original.columns);
-
-  return <div className="ui-chart-data"></div>;
-}
+import React from "react";
+import { ChildType, Scope, Utils } from "react-crud-utils";
+
+export default function ElChart(props: ChildType) {
+  let scope: Scope = props.scope;
+  let items: any = scope.getItems();
+  let columns = Utils.asList(scope.original.columns);
+
+  return <div className="ui-chart-data"></div>;
+}

package/src/elements/core/Input.tsx

@@ -1,40 +1,40 @@
-import { useState } from 'react';
-import { ChildType, Utils } from 'react-crud-utils';
-import { StyleSheet, TextInput } from 'react-native';
-
-export default function Input(props: ChildType) {
-  let scope = props.scope;
-  let initial = Utils.nvl(scope.getValue(), '');
-
-  let label = scope.getLabel();
-  let placeholder = scope.getPart('placeholder', null, label);
-
-  const [value, setValue] = useState(initial);
-
-  let onChange = v => {
-    scope.changeValue(v);
-
-    setValue(v);
-  };
-
-  return (
-    <TextInput
-      style={styles.input}
-      onChangeText={onChange}
-      value={value}
-      placeholder={placeholder}
-    />
-  );
-}
-
-const styles = StyleSheet.create({
-  input: {
-    borderRadius: 20,
-    padding: 10,
-    paddingLeft: 20,
-    paddingRight: 20,
-    height: 40,
-    borderWidth: 1,
-    width: '100%',
-  },
-});
+import { useState } from 'react';
+import { ChildType, Utils } from 'react-crud-utils';
+import { StyleSheet, TextInput } from 'react-native';
+
+export default function Input(props: ChildType) {
+  let scope = props.scope;
+  let initial = Utils.nvl(scope.getValue(), '');
+
+  let label = scope.getLabel();
+  let placeholder = scope.getPart('placeholder', null, label);
+
+  const [value, setValue] = useState(initial);
+
+  let onChange = v => {
+    scope.changeValue(v);
+
+    setValue(v);
+  };
+
+  return (
+    <TextInput
+      style={styles.input}
+      onChangeText={onChange}
+      value={value}
+      placeholder={placeholder}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  input: {
+    borderRadius: 20,
+    padding: 10,
+    paddingLeft: 20,
+    paddingRight: 20,
+    height: 40,
+    borderWidth: 1,
+    width: '100%',
+  },
+});

package/src/elements/grid/ElGrid.tsx

@@ -1,48 +1,48 @@
-import ElGridRow from './ElGridRow';
-import ElGridTop from './ElGridTop';
-import ElGridFilter from './ElGridFilter';
-import ElGridBotom from './ElGridBotom';
-import ElLabel from './ElLabel';
-import { ChildType, ComponentUtils, Scope } from 'react-crud-utils';
-
-export default function ElGrid(props: ChildType) {
-  let scope: Scope = props.scope;
-  let items: any = scope.getItems();
-  let expansion = ComponentUtils.getDefine(props, 'expansion');
-
-  return (
-    <div
-      className={scope.getStyleClass('inner')}
-      style={scope.getStyle('inner')}
-    >
-      <ElLabel {...props} scope={scope} position="outside"></ElLabel>
-      <div
-        className={scope.getStyleClass('child')}
-        style={scope.getStyle('child')}
-      >
-        <ElLabel {...props} scope={scope} position="inside"></ElLabel>
-        <div className="ui-data">
-          <ElGridTop {...props} scope={scope}></ElGridTop>
-          <ElGridFilter scope={scope}></ElGridFilter>
-          <div className="ui-grid-data">
-            <table className="ui-grid ui-table">
-              <tbody>
-                {items.map((row: any, i: number) => (
-                  <ElGridRow
-                    {...props}
-                    expansion={expansion}
-                    key={'r' + i}
-                    scope={scope}
-                    value={row}
-                    index={i}
-                  />
-                ))}
-              </tbody>
-            </table>
-          </div>
-        </div>
-        <ElGridBotom {...props} scope={scope} />
-      </div>
-    </div>
-  );
-}
+import ElGridRow from './ElGridRow';
+import ElGridTop from './ElGridTop';
+import ElGridFilter from './ElGridFilter';
+import ElGridBotom from './ElGridBotom';
+import ElLabel from './ElLabel';
+import { ChildType, ComponentUtils, Scope } from 'react-crud-utils';
+
+export default function ElGrid(props: ChildType) {
+  let scope: Scope = props.scope;
+  let items: any = scope.getItems();
+  let expansion = ComponentUtils.getDefine(props, 'expansion');
+
+  return (
+    <div
+      className={scope.getStyleClass('inner')}
+      style={scope.getStyle('inner')}
+    >
+      <ElLabel {...props} scope={scope} position="outside"></ElLabel>
+      <div
+        className={scope.getStyleClass('child')}
+        style={scope.getStyle('child')}
+      >
+        <ElLabel {...props} scope={scope} position="inside"></ElLabel>
+        <div className="ui-data">
+          <ElGridTop {...props} scope={scope}></ElGridTop>
+          <ElGridFilter scope={scope}></ElGridFilter>
+          <div className="ui-grid-data">
+            <table className="ui-grid ui-table">
+              <tbody>
+                {items.map((row: any, i: number) => (
+                  <ElGridRow
+                    {...props}
+                    expansion={expansion}
+                    key={'r' + i}
+                    scope={scope}
+                    value={row}
+                    index={i}
+                  />
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </div>
+        <ElGridBotom {...props} scope={scope} />
+      </div>
+    </div>
+  );
+}

package/src/elements/grid/ElGridBotom.tsx

@@ -1,21 +1,21 @@
-import React, { useState } from "react";
-import ElGridPaginator from "./ElGridPaginator";
-import UI from "../UI";
-import { ChildType } from "react-crud-utils";
-
-export default function ElGridBotom(props: ChildType) {
-  let scope = props.scope;
-  let children = props.children;
-
-  return (
-    <div className="ui-grid-bottom">
-      <div className="ui-grid-bottom-inner">
-        <UI.Include {...props} transient name="bottomLeft" />
-        <ElGridPaginator scope={scope} position="bottom">
-          {children}
-        </ElGridPaginator>
-        <UI.Include {...props} transient name="bottomRight" />
-      </div>
-    </div>
-  );
-}
+import React, { useState } from "react";
+import ElGridPaginator from "./ElGridPaginator";
+import UI from "../UI";
+import { ChildType } from "react-crud-utils";
+
+export default function ElGridBotom(props: ChildType) {
+  let scope = props.scope;
+  let children = props.children;
+
+  return (
+    <div className="ui-grid-bottom">
+      <div className="ui-grid-bottom-inner">
+        <UI.Include {...props} transient name="bottomLeft" />
+        <ElGridPaginator scope={scope} position="bottom">
+          {children}
+        </ElGridPaginator>
+        <UI.Include {...props} transient name="bottomRight" />
+      </div>
+    </div>
+  );
+}

package/src/elements/grid/ElGridCheck.tsx

@@ -1,67 +1,67 @@
-import UI from '../UI';
-import Ionicons from '@expo/vector-icons/Ionicons';
-import { useState } from 'react';
-import { GridRowType, Utils } from 'react-crud-utils';
-
-export default function ElGridCheck({ scope, value, rowIndex }: GridRowType) {
-  let original = scope.original;
-  let [index, setIndex] = useState(0);
-  let key = scope.key('check', rowIndex, 's', index);
-
-  let check = () => {
-    let cs = scope.crudSearch;
-
-    if (cs) {
-      if (!cs.selecteds) {
-        cs.selecteds = {};
-      }
-
-      let itemValue = Utils.nvl(original.itemValue, 'id');
-      let key = value[itemValue];
-
-      if (typeof key !== 'undefined') {
-        if (typeof cs.selecteds[key] === 'undefined') {
-          cs.selecteds[key] = value;
-        } else {
-          delete cs.selecteds[key];
-        }
-      }
-    }
-    setIndex(++index);
-  };
-
-  let getCheckIcon = () => {
-    if (isChecked()) {
-      return <Ionicons />;
-    }
-    return <Ionicons />;
-  };
-
-  let isChecked = () => {
-    let cs = scope.crudSearch;
-
-    if (cs) {
-      if (!cs.selecteds) {
-        cs.selecteds = {};
-      }
-
-      let itemValue = Utils.nvl(original.itemValue, 'id');
-      let key = value[itemValue];
-
-      if (typeof key !== 'undefined') {
-        if (typeof cs.selecteds[key] !== 'undefined') {
-          return true;
-        }
-      }
-    }
-    return false;
-  };
-
-  return (
-    <UI.Button
-      key={key}
-      icon={getCheckIcon()}
-      click={{ action: check }}
-    ></UI.Button>
-  );
-}
+import UI from '../UI';
+import Ionicons from '@expo/vector-icons/Ionicons';
+import { useState } from 'react';
+import { GridRowType, Utils } from 'react-crud-utils';
+
+export default function ElGridCheck({ scope, value, rowIndex }: GridRowType) {
+  let original = scope.original;
+  let [index, setIndex] = useState(0);
+  let key = scope.key('check', rowIndex, 's', index);
+
+  let check = () => {
+    let cs = scope.crudSearch;
+
+    if (cs) {
+      if (!cs.selecteds) {
+        cs.selecteds = {};
+      }
+
+      let itemValue = Utils.nvl(original.itemValue, 'id');
+      let key = value[itemValue];
+
+      if (typeof key !== 'undefined') {
+        if (typeof cs.selecteds[key] === 'undefined') {
+          cs.selecteds[key] = value;
+        } else {
+          delete cs.selecteds[key];
+        }
+      }
+    }
+    setIndex(++index);
+  };
+
+  let getCheckIcon = () => {
+    if (isChecked()) {
+      return <Ionicons />;
+    }
+    return <Ionicons />;
+  };
+
+  let isChecked = () => {
+    let cs = scope.crudSearch;
+
+    if (cs) {
+      if (!cs.selecteds) {
+        cs.selecteds = {};
+      }
+
+      let itemValue = Utils.nvl(original.itemValue, 'id');
+      let key = value[itemValue];
+
+      if (typeof key !== 'undefined') {
+        if (typeof cs.selecteds[key] !== 'undefined') {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  return (
+    <UI.Button
+      key={key}
+      icon={getCheckIcon()}
+      click={{ action: check }}
+    ></UI.Button>
+  );
+}

package/src/elements/grid/ElGridColumn.tsx

@@ -1,32 +1,32 @@
-import React, { useState } from "react";
-import UIChildren from "../UIChildren";
-import { Scope, Utils } from "react-crud-utils";
-
-interface ElGridColumnType {
-  scope: Scope;
-  styleClass?: string;
-  children?: any;
-  colspan?: number;
-  column?: any;
-}
-
-export default function ElGridColumn(props: ElGridColumnType) {
-  let scope = props.scope;
-  let col = Utils.nvl(props.column?.props, {});
-  let [colScope] = useState(new Scope(col, scope, scope.crud));
-
-  let getStyleClass = () => {
-    let def = Utils.nvl(props.styleClass, "");
-
-    return "ui-grid-col " + def + " " + colScope.getStyleClass("column");
-  };
-  return (
-    <td
-      className={getStyleClass()}
-      style={colScope.getStyle("column")}
-      colSpan={props.colspan}
-    >
-      <UIChildren scope={scope}>{props.children}</UIChildren>
-    </td>
-  );
-}
+import React, { useState } from "react";
+import UIChildren from "../UIChildren";
+import { Scope, Utils } from "react-crud-utils";
+
+interface ElGridColumnType {
+  scope: Scope;
+  styleClass?: string;
+  children?: any;
+  colspan?: number;
+  column?: any;
+}
+
+export default function ElGridColumn(props: ElGridColumnType) {
+  let scope = props.scope;
+  let col = Utils.nvl(props.column?.props, {});
+  let [colScope] = useState(new Scope(col, scope, scope.crud));
+
+  let getStyleClass = () => {
+    let def = Utils.nvl(props.styleClass, "");
+
+    return "ui-grid-col " + def + " " + colScope.getStyleClass("column");
+  };
+  return (
+    <td
+      className={getStyleClass()}
+      style={colScope.getStyle("column")}
+      colSpan={props.colspan}
+    >
+      <UIChildren scope={scope}>{props.children}</UIChildren>
+    </td>
+  );
+}

package/src/elements/grid/ElGridFilter.tsx

@@ -1,5 +1,5 @@
-import { ChildType } from "react-crud-utils";
-
-export default function ElGridFilter(props: ChildType) {
-  return <></>;
-}
+import { ChildType } from "react-crud-utils";
+
+export default function ElGridFilter(props: ChildType) {
+  return <></>;
+}