react-crud-mobile 1.1.3 → 1.3.2

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>
-  );
-}