react-crud-mobile 1.1.2 → 1.3.1

package/src/elements/core/Option.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
-
-export default function Option(props: any) {
-  const handlePress = () => {
-    Linking.openURL('https://reactnative.dev/');
-  };
-
-  return (
-    <TouchableOpacity onPress={handlePress}>
-      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = {
-  link: {},
-};

package/src/elements/core/Select.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
-
-export default function Select(props: any) {
-  const handlePress = () => {
-    Linking.openURL('https://reactnative.dev/');
-  };
-
-  return (
-    <TouchableOpacity onPress={handlePress}>
-      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = {
-  link: {},
-};

package/src/elements/core/Switch.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';
-
-export default function Switch(props: any) {
-  const handlePress = () => {
-    Linking.openURL('https://reactnative.dev/');
-  };
-
-  return (
-    <TouchableOpacity onPress={handlePress}>
-      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>
-    </TouchableOpacity>
-  );
-}
-
-const styles = {
-  link: {},
-};

package/src/elements/grid/ElGrid.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-import { ChildType } from "react-crud-utils";
-
-export default function ElGridFilter(props: ChildType) {
-  return <></>;
-}

package/src/elements/grid/ElGridPaginator.tsx

@@ -1,82 +0,0 @@
-import React, { useState } from 'react';
-import UI from '../UI';
-import { ChildType, Utils } from 'react-crud-utils';
-import Ionicons from '@expo/vector-icons/Ionicons';
-
-interface ElGridPaginatorType extends ChildType {
-  next?: boolean;
-  previous?: boolean;
-  first?: boolean;
-  size?: boolean;
-  last?: boolean;
-  position: string;
-}
-
-export default function ElGridPaginator({
-  scope,
-  next,
-  previous,
-  first,
-  size,
-  last,
-  position,
-}: ElGridPaginatorType) {
-  let [sizes] = useState([10, 20, 30, 50, 100, 200, 500]);
-  let defaults = {
-    crud: scope.crudSearch,
-    owner: scope,
-    variant: scope.attr('variant', 'text'),
-  };
-
-  let paginatorPosition = Utils.nvl(scope.original.paginatorPosition, 'bottom');
-
-  if (paginatorPosition !== position) {
-    return <></>;
-  }
-
-  return (
-    <>
-      <UI.Button
-        field="first"
-        space={0}
-        rendered={first !== false}
-        {...defaults}
-        click="first"
-        icon={<Ionicons />}
-      ></UI.Button>
-      <UI.Button
-        field="previous"
-        space={0}
-        rendered={previous !== false}
-        click="previous"
-        {...defaults}
-        icon={<Ionicons />}
-      ></UI.Button>
-      <UI.Select
-        field="size"
-        space={0}
-        rendered={size !== false}
-        default={10}
-        {...defaults}
-        data={sizes}
-        change="search"
-      ></UI.Select>
-      <UI.Button
-        field="next"
-        space={0}
-        rendered={next !== false}
-        {...defaults}
-        click="next"
-        icon={<Ionicons />}
-      ></UI.Button>
-      <UI.Button
-        field="last"
-        space={0}
-        rendered={last !== false}
-        {...defaults}
-        click="last"
-        icon={<Ionicons />}
-      ></UI.Button>
-    </>
-  );
-}

package/src/elements/grid/ElGridRow.tsx

@@ -1,123 +0,0 @@
-import React, { useState } from 'react';
-import ElGridColumn from './ElGridColumn';
-import ElGridCheck from './ElGridCheck';
-import Ionicons from '@expo/vector-icons/Ionicons';
-import UI from '../UI';
-import UIChildren from '../UIChildren';
-import {
-  ComponentUtils,
-  CrudUtils,
-  ListType,
-  RowType,
-  Scope,
-  Utils,
-} from 'react-crud-utils';
-
-export default function ElGridRow(props: RowType) {
-  let expansion = props.expansion;
-  let value = props.value;
-  let scope = props.scope;
-  let index = props.index;
-  let original: ListType = scope.original;
-
-  let row = CrudUtils.create('row', {
-    index,
-    row: true,
-    itemVar: scope.original.itemVar,
-    parent: scope.crudSearch,
-    data: value,
-  });
-
-  let [expanded, setExpanded] = useState(false);
-  let [rowScope] = useState(new Scope(scope.original, scope, row));
-
-  let getRowStyleClass = () => {
-    let s = 'ui-grid-row';
-
-    s = s + ' ui-grid-row-';
-
-    if (index % 2 == 0) {
-      s = s + 'even';
-    } else {
-      s = s + 'odd';
-    }
-    return s;
-  };
-
-  let cols = ComponentUtils.getChild(props, 'Column');
-  let colspan = cols.length;
-
-  let ExpansionStatus = () => {
-    return (
-      <>
-        {!expanded && <Ionicons />}
-        {expanded && <Ionicons />}
-      </>
-    );
-  };
-
-  let onExpansion = () => {
-    setExpanded(!expanded);
-  };
-
-  let hasExpansion = !Utils.isEmpty(expansion);
-  let multiple = original.multiple;
-
-  if (hasExpansion) colspan++;
-  if (multiple) colspan++;
-
-  return (
-    <>
-      <tr className={getRowStyleClass()} style={rowScope.getStyle('row')}>
-        {hasExpansion && (
-          <ElGridColumn
-            key={'r' + index + 'e'}
-            scope={rowScope}
-            styleClass="ui-click ui-icon-only ui-expansion"
-          >
-            <UI.Button
-              icon={<ExpansionStatus />}
-              click={onExpansion}
-            ></UI.Button>
-          </ElGridColumn>
-        )}
-        {multiple && (
-          <ElGridColumn
-            key={'r' + index + 'c'}
-            scope={rowScope}
-            styleClass="ui-click ui-icon-only ui-multiple"
-          >
-            <ElGridCheck
-              key={'check-' + index}
-              scope={scope}
-              value={value}
-              rowIndex={index}
-            />
-          </ElGridColumn>
-        )}
-        {cols.map((col: any, i: number) => (
-          <ElGridColumn
-            column={col}
-            key={'r' + index + 'c' + i}
-            scope={rowScope}
-          >
-            {col}
-          </ElGridColumn>
-        ))}
-      </tr>
-      {expanded && (
-        <tr className={getRowStyleClass()} style={rowScope.getStyle('row')}>
-          <ElGridColumn
-            key={'r' + index + '-expanded'}
-            scope={rowScope}
-            colspan={colspan}
-          >
-            <UIChildren {...props} crud={row}>
-              {expansion}
-            </UIChildren>
-          </ElGridColumn>
-        </tr>
-      )}
-    </>
-  );
-}

package/src/elements/grid/ElGridTop.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-import UI from '../UI';
-import Ionicons from '@expo/vector-icons/Ionicons';
-import ElGridPaginator from './ElGridPaginator';
-import { ChildType } from 'react-crud-utils';
-
-export default function ElGridTop(props: ChildType) {
-  let scope = props.scope;
-
-  return (
-    <>
-      <UI.Output styleClass="ui-grid-top">
-        <UI.Output field="search" position="left" space={4}>
-          <UI.Include {...props} transient name="top" position="left" />
-          <UI.Text
-            field="query"
-            space={0}
-            label="Pesquisar"
-            placeholder={scope.attr('placeholder', 'Pesquisar')}
-          >
-            <UI.Define name="right">
-              <UI.Button
-                field="search"
-                icon={<Ionicons />}
-                space={0}
-                variant="text"
-                owner={scope}
-                click={'search'}
-              ></UI.Button>
-            </UI.Define>
-          </UI.Text>
-        </UI.Output>
-        <UI.Output position="right" space={8}>
-          <UI.Include {...props} transient name="top" position="right" />
-          <ElGridPaginator
-            scope={scope}
-            last={false}
-            first={false}
-            position="top"
-          ></ElGridPaginator>
-        </UI.Output>
-      </UI.Output>
-    </>
-  );
-}

package/src/elements/grid/ElLabel.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import UI from '../UI';
-import { ChildType, Utils } from 'react-crud-utils';
-import Icon from '../core/Icon';
-
-interface ElLabelType extends ChildType {
-  position?: string;
-}
-export default function ElLabel(props: ElLabelType) {
-  let scope = props.scope;
-  let original = scope.original;
-  let defaultPos = 'outside';
-
-  let elPos = Utils.nvl(original.labelPos, defaultPos);
-  let lbPos = Utils.nvl(props.position, defaultPos);
-
-  if (elPos != lbPos) {
-    return <></>;
-  }
-
-  const CustomIcon = () => {
-    if (!scope.is('type', 'list', 'grid')) {
-      return <></>;
-    }
-
-    if (typeof original.icon === 'string') {
-      return (
-        <div className="ui-label-icon">
-          <Icon className={scope.getIcon()}></Icon>
-        </div>
-      );
-    }
-    return <div className="ui-label-icon">{original.icon}</div>;
-  };
-
-  let label = scope.getLabel();
-
-  return (
-    <div className={'ui-label ui-label-' + lbPos}>
-      <div className="ui-label-left">
-        <UI.Include {...props} transient name="label" position="left" />
-        <CustomIcon />
-        {label && <div className="ui-label-value">{label}</div>}
-      </div>
-      <div className="ui-label-right">
-        <UI.Include {...props} transient name="label" position="right" />
-      </div>
-    </div>
-  );
-}

package/src/elements/grid/ElRepeat.tsx

@@ -1,24 +0,0 @@
-import ElRepeatRow from './ElRepeatRow';
-import { ChildType, Scope } from 'react-crud-utils';
-
-export default function ElRepeat(props: ChildType) {
-  let scope: Scope = props.scope;
-  let items: any = scope.getItems();
-
-  return (
-    <div
-      className={scope.getStyleClass('inner')}
-      style={scope.getStyle('inner')}
-    >
-      {items.map((row: any, i: number) => (
-        <ElRepeatRow
-          {...props}
-          key={'r' + i}
-          scope={scope}
-          value={row}
-          index={i}
-        />
-      ))}
-    </div>
-  );
-}

package/src/elements/grid/ElRepeatRow.tsx

@@ -1,40 +0,0 @@
-import React, { useState } from "react";
-import UIChildren from "../UIChildren";
-import { CrudUtils, RowType, Scope } from "react-crud-utils";
-
-export default function ElRepeatRow(props: RowType) {
-  let value = props.value;
-  let scope = props.scope;
-  let index = props.index;
-
-  let row = CrudUtils.create("row", {
-    index,
-    row: true,
-    itemVar: scope.original.itemVar,
-    parent: scope.crudSearch,
-    data: value,
-  });
-
-  let [rowScope] = useState(new Scope(scope.original, scope, row));
-
-  let getRowStyleClass = () => {
-    let s = rowScope.getStyleClass("row");
-
-    s = s + " ui-repeat-row-";
-
-    if (index % 2 == 0) {
-      s = s + "even";
-    } else {
-      s = s + "odd";
-    }
-    return s;
-  };
-
-  return (
-    <div className={getRowStyleClass()} style={rowScope.getStyle("row")}>
-      <UIChildren transient {...props} crud={row}>
-        {props.children}
-      </UIChildren>
-    </div>
-  );
-}