react-crud-mobile 1.0.71 → 1.0.73

package/src/elements/grid/ElGridPaginator.tsx

@@ -1,82 +1,82 @@
-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>
-    </>
-  );
-}
+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 +1,123 @@
-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>
-      )}
-    </>
-  );
-}
+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,44 +1,44 @@
-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>
-    </>
-  );
-}
+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/ElInclude.tsx

@@ -1,40 +1,40 @@
-import UIChildren from "../UIChildren";
-import { ComponentUtils, DefineType, Utils } from "react-crud-utils";
-
-export default function ElInclude(props: DefineType) {
-  if (props.rendered === false) {
-    return <></>;
-  }
-
-  let includes = ComponentUtils.getDefine(props, props.name, props.position);
-
-  if (Utils.isEmpty(includes)) {
-    includes = props.default;
-  }
-
-  if (!Utils.isEmpty(includes)) {
-    let Aux = (tagProp: any) => {
-      let Tag: any = props.tag;
-
-      if (!Utils.isEmpty(Tag)) {
-        return <Tag {...tagProp}>{tagProp.children}</Tag>;
-      }
-      return <>{tagProp.children}</>;
-    };
-
-    return (
-      <Aux {...props.tagProps}>
-        <UIChildren
-          transient
-          {...props}
-          scope={props.scope}
-          crud={props.crud}
-          part={props.name}
-        >
-          {includes}
-        </UIChildren>
-      </Aux>
-    );
-  }
-  return <>{includes}</>;
-}
+import UIChildren from "../UIChildren";
+import { ComponentUtils, DefineType, Utils } from "react-crud-utils";
+
+export default function ElInclude(props: DefineType) {
+  if (props.rendered === false) {
+    return <></>;
+  }
+
+  let includes = ComponentUtils.getDefine(props, props.name, props.position);
+
+  if (Utils.isEmpty(includes)) {
+    includes = props.default;
+  }
+
+  if (!Utils.isEmpty(includes)) {
+    let Aux = (tagProp: any) => {
+      let Tag: any = props.tag;
+
+      if (!Utils.isEmpty(Tag)) {
+        return <Tag {...tagProp}>{tagProp.children}</Tag>;
+      }
+      return <>{tagProp.children}</>;
+    };
+
+    return (
+      <Aux {...props.tagProps}>
+        <UIChildren
+          transient
+          {...props}
+          scope={props.scope}
+          crud={props.crud}
+          part={props.name}
+        >
+          {includes}
+        </UIChildren>
+      </Aux>
+    );
+  }
+  return <>{includes}</>;
+}

package/src/elements/grid/ElLabel.tsx

@@ -1,50 +1,50 @@
-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>
-  );
-}
+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>
+  );
+}