react-crud-mobile 1.3.332 → 1.3.334

package/src/elements/core/UIToggle.tsx

@@ -1,114 +1,114 @@
-import React, { useState } from 'react';
-import { ChildType, Utils } from 'react-crud-utils';
-import { StyleSheet, Text, TouchableHighlight, View } from 'react-native';
-import UIListRow from './UIListRow';
-
-export default function UIToggle(props: ChildType) {
-  const scope = props.scope;
-  const options = Utils.nvl(scope.getOptions(), []);
-  const value = scope.getInputValue();
-
-  let [index, setIndex] = useState(0);
-
-  const isSelected = (item: any) => {
-    return item?.value === value;
-  };
-
-  const onClick = (item: any) => {
-    scope.changeValue(item.object);
-    setIndex(++index);
-  };
-
-  const Item = ({ item, index }) => {
-    let selected = isSelected(item);
-    let style: any = { ...styles.text, ...scope.getStyle('text') };
-
-    if (selected) style.color = '#ffffff';
-
-    if (Utils.isEmpty(props.children)) {
-      return <Text style={style}>{item.label}</Text>;
-    }
-
-    return (
-      <UIListRow scope={scope} item={item.object} index={index}>
-        {props.children}
-      </UIListRow>
-    );
-  };
-
-  const getItemStyle = (item: any) => {
-    let style = { ...styles.item, ...scope.getStyle('item') };
-
-    let wPart = 100 / options.length;
-    let width = Math.floor(wPart) + '%';
-
-    if (isSelected(item)) {
-      let selectedColor = scope.getPart('selectedColor', undefined, 'primary');
-      let st = scope.getStyle('selected', {
-        backgroundColor: selectedColor,
-        color: '#ffffff',
-      });
-
-      style = { ...style, ...st };
-
-      if (!style.color) {
-        style.color = '#ffffff';
-      }
-
-      const backgroundColor = item.backgroundColor;
-      const color = item.color;
-
-      if (item.backgroundColor) style = { ...style, backgroundColor };
-      if (item.color) style = { ...style, color };
-    } else {
-      style.backgroundColor = '#fff';
-      style.color = '#000';
-    }
-
-    style.width = width;
-
-    return style;
-  };
-
-  return (
-    <View style={{ ...styles.container, ...scope.getStyle('items') }}>
-      {options.map((item: any, i: number) => (
-        <TouchableHighlight
-          key={`k-${i}`}
-          style={getItemStyle(item)}
-          onPress={e => {
-            onClick(item);
-          }}
-        >
-          <Item item={item} index={i} />
-        </TouchableHighlight>
-      ))}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    width: '100%',
-    justifyContent: 'center',
-    flexDirection: 'row',
-    alignItems: 'center',
-    margin: 3,
-    gap: 5,
-  },
-  item: {
-    backgroundColor: 'background',
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: 'auto',
-    flexDirection: 'row',
-    flex: 1,
-    padding: 5,
-    borderRadius: 2,
-  },
-  text: {
-    fontSize: 13,
-    fontWeight: '400',
-  },
-});
+import React, { useState } from 'react';
+import { ChildType, Utils } from 'react-crud-utils';
+import { StyleSheet, Text, TouchableHighlight, View } from 'react-native';
+import UIListRow from './UIListRow';
+
+export default function UIToggle(props: ChildType) {
+  const scope = props.scope;
+  const options = Utils.nvl(scope.getOptions(), []);
+  const value = scope.getInputValue();
+
+  let [index, setIndex] = useState(0);
+
+  const isSelected = (item: any) => {
+    return item?.value === value;
+  };
+
+  const onClick = (item: any) => {
+    scope.changeValue(item.object);
+    setIndex(++index);
+  };
+
+  const Item = ({ item, index }) => {
+    let selected = isSelected(item);
+    let style: any = { ...styles.text, ...scope.getStyle('text') };
+
+    if (selected) style.color = '#ffffff';
+
+    if (Utils.isEmpty(props.children)) {
+      return <Text style={style}>{item.label}</Text>;
+    }
+
+    return (
+      <UIListRow scope={scope} item={item.object} index={index}>
+        {props.children}
+      </UIListRow>
+    );
+  };
+
+  const getItemStyle = (item: any) => {
+    let style = { ...styles.item, ...scope.getStyle('item') };
+
+    let wPart = 100 / options.length;
+    let width = Math.floor(wPart) + '%';
+
+    if (isSelected(item)) {
+      let selectedColor = scope.getPart('selectedColor', undefined, 'primary');
+      let st = scope.getStyle('selected', {
+        backgroundColor: selectedColor,
+        color: '#ffffff',
+      });
+
+      style = { ...style, ...st };
+
+      if (!style.color) {
+        style.color = '#ffffff';
+      }
+
+      const backgroundColor = item.backgroundColor;
+      const color = item.color;
+
+      if (item.backgroundColor) style = { ...style, backgroundColor };
+      if (item.color) style = { ...style, color };
+    } else {
+      style.backgroundColor = '#fff';
+      style.color = '#000';
+    }
+
+    style.width = width;
+
+    return style;
+  };
+
+  return (
+    <View style={{ ...styles.container, ...scope.getStyle('items') }}>
+      {options.map((item: any, i: number) => (
+        <TouchableHighlight
+          key={`k-${i}`}
+          style={getItemStyle(item)}
+          onPress={e => {
+            onClick(item);
+          }}
+        >
+          <Item item={item} index={i} />
+        </TouchableHighlight>
+      ))}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    width: '100%',
+    justifyContent: 'center',
+    flexDirection: 'row',
+    alignItems: 'center',
+    margin: 3,
+    gap: 5,
+  },
+  item: {
+    backgroundColor: 'background',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 'auto',
+    flexDirection: 'row',
+    flex: 1,
+    padding: 5,
+    borderRadius: 2,
+  },
+  text: {
+    fontSize: 13,
+    fontWeight: '400',
+  },
+});

package/src/elements/core/UIView.tsx

@@ -1,69 +1,69 @@
-import { ScrollView, StyleSheet, Text, View } from 'react-native';
-
-import UIChildren from '../UIChildren';
-import { ChildType, ComponentUtils, Utils, ViewUtils } from 'react-crud-utils';
-import { useRef } from 'react';
-import UIToast from './UIToast';
-import UIHeader from './UIHeader';
-
-export default function UIView({ scope, children }: ChildType) {
-  const scrollRef = useRef(null);
-  const original = scope.original;
-
-  const onScroll = () => {
-    const crud = ViewUtils.getCrud();
-
-    Utils.each(crud.scroll, s => {
-      if (s.onScroll) {
-        s.onScroll.call(s);
-      }
-    });
-  };
-
-  //v3
-  scope.put('scrollRef', scrollRef);
-
-  ComponentUtils.setViewScope(scope);
-
-  let Container = () => {
-    if (original.scroll === false) {
-      return <UIChildren scope={scope}>{children}</UIChildren>;
-    }
-
-    return (
-      <View style={scope.getStyle('container', styles.container)}>
-        <ScrollView
-          onScroll={onScroll}
-          scrollEventThrottle={16}
-          ref={scrollRef}
-          nestedScrollEnabled={true}
-          keyboardShouldPersistTaps="handled"
-          contentContainerStyle={scope.getStyle('contentContainer', {
-            paddingBottom: 50,
-          })}
-          style={scope.getStyle('scroll', styles.scroll)}
-        >
-          <UIChildren scope={scope}>{children}</UIChildren>
-        </ScrollView>
-      </View>
-    );
-  };
-  return (
-    <>
-      <UIHeader scope={scope} />
-      <Container />
-      <UIToast /> {/* <- este componente precisa estar aqui */}
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  scroll: {
-    paddingTop: 10,
-    paddingBottom: 10,
-    paddingLeft: 15,
-    paddingRight: 15,
-  },
-  container: {},
-  view: {},
-});
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
+
+import UIChildren from '../UIChildren';
+import { ChildType, ComponentUtils, Utils, ViewUtils } from 'react-crud-utils';
+import { useRef } from 'react';
+import UIToast from './UIToast';
+import UIHeader from './UIHeader';
+
+export default function UIView({ scope, children }: ChildType) {
+  const scrollRef = useRef(null);
+  const original = scope.original;
+
+  const onScroll = () => {
+    const crud = ViewUtils.getCrud();
+
+    Utils.each(crud.scroll, s => {
+      if (s.onScroll) {
+        s.onScroll.call(s);
+      }
+    });
+  };
+
+  //v3
+  scope.put('scrollRef', scrollRef);
+
+  ComponentUtils.setViewScope(scope);
+
+  let Container = () => {
+    if (original.scroll === false) {
+      return <UIChildren scope={scope}>{children}</UIChildren>;
+    }
+
+    return (
+      <View style={scope.getStyle('container', styles.container)}>
+        <ScrollView
+          onScroll={onScroll}
+          scrollEventThrottle={16}
+          ref={scrollRef}
+          nestedScrollEnabled={true}
+          keyboardShouldPersistTaps="handled"
+          contentContainerStyle={scope.getStyle('contentContainer', {
+            paddingBottom: 50,
+          })}
+          style={scope.getStyle('scroll', styles.scroll)}
+        >
+          <UIChildren scope={scope}>{children}</UIChildren>
+        </ScrollView>
+      </View>
+    );
+  };
+  return (
+    <>
+      <UIHeader scope={scope} />
+      <Container />
+      <UIToast /> {/* <- este componente precisa estar aqui */}
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  scroll: {
+    paddingTop: 10,
+    paddingBottom: 10,
+    paddingLeft: 15,
+    paddingRight: 15,
+  },
+  container: {},
+  view: {},
+});

package/src/elements/index.ts

@@ -1 +1 @@
-export { default as UI } from "./UI";
+export { default as UI } from "./UI";