react-crud-mobile 1.0.241 → 1.0.243

package/dist/react-crud-mobile.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-crud-mobile.cjs.production.min.js","sources":["../src/elements/UIChildren.tsx","../src/elements/tabs/ElTabs.tsx","../src/elements/charts/ElChart.tsx","../src/elements/core/UIAutoComplete.tsx","../src/elements/UIComplete.tsx","../src/elements/core/UILink.tsx","../src/elements/core/UIIcon.tsx","../src/elements/core/UIButton.tsx","../src/elements/core/UISelect.tsx","../src/elements/core/UISwitch.tsx","../src/elements/core/UIOption.tsx","../src/elements/core/UIRadio.tsx","../src/elements/core/UIInput.tsx","../src/elements/core/UIListRow.tsx","../src/elements/core/UIList.tsx","../src/elements/core/UIToggle.tsx","../src/elements/UIElement.tsx","../src/elements/core/UIInclude.tsx","../src/elements/UI.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport UIElement from './UIElement';\r\nimport { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, View } from 'react-native';\r\n\r\ninterface UIChildrenType {\r\n  scope: Scope;\r\n  crud?: Crud;\r\n  validateScope?: String;\r\n  children?: any;\r\n  elements?: any;\r\n  transient?: boolean;\r\n  part?: string;\r\n  childProps?: any;\r\n}\r\n\r\nexport default function UIChildren(props: UIChildrenType) {\r\n  let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));\r\n  let crud = Utils.nvl(props.crud, scope.crud);\r\n  let validateScope = Utils.nvl(props.validateScope, 'global');\r\n  let name = Utils.nvl(props.part, 'child');\r\n\r\n  if (scope.isInput()) {\r\n    return <></>;\r\n  }\r\n\r\n  let Paint = ({ child }: any) => {\r\n    if (!child) {\r\n      return <></>;\r\n    }\r\n    if (typeof child === 'string') {\r\n      return <>{child}</>;\r\n    }\r\n\r\n    let Custom = child.type;\r\n    let pps = { ...child.props };\r\n\r\n    delete pps.children;\r\n\r\n    if (typeof Custom === 'string') {\r\n      if (Utils.isEmpty(child.props.children)) {\r\n        return <Custom {...pps} />;\r\n      }\r\n      return (\r\n        <Custom {...pps}>\r\n          <UIChildren\r\n            transient\r\n            validateScope={validateScope}\r\n            {...child.props}\r\n            scope={scope}\r\n            crud={crud}\r\n          ></UIChildren>\r\n        </Custom>\r\n      );\r\n    } else if (typeof Custom === 'function') {\r\n      return (\r\n        <Custom\r\n          validateScope={validateScope}\r\n          {...child.props}\r\n          parent={scope}\r\n          crud={crud}\r\n        ></Custom>\r\n      );\r\n    }\r\n\r\n    if (!Utils.isEmpty(child.props.children)) {\r\n      return (\r\n        <UIChildren\r\n          validateScope={validateScope}\r\n          {...child.props}\r\n          scope={scope}\r\n          crud={crud}\r\n          transient\r\n        ></UIChildren>\r\n      );\r\n    }\r\n    return <></>;\r\n  };\r\n\r\n  const Draw = () => {\r\n    if (props.elements) {\r\n      return (\r\n        <>\r\n          {Object.entries(props.elements).map((t: any, k) => {\r\n            return <UIElement crud={crud} {...t[1]} />;\r\n          })}\r\n        </>\r\n      );\r\n    }\r\n    return (\r\n      <>\r\n        {React.Children.map(props.children, child => {\r\n          return <Paint child={child}></Paint>;\r\n        })}\r\n      </>\r\n    );\r\n  };\r\n\r\n  if (props.transient) {\r\n    return <Draw />;\r\n  }\r\n\r\n  if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {\r\n    return <></>;\r\n  }\r\n\r\n  const getStyle = (part?: string) => {\r\n    let key = Utils.nvl(part, 'root');\r\n    let def = styles[key];\r\n\r\n    return { ...def, ...scope.getStyle(part) };\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <View style={getStyle(name)}>\r\n        <Draw />\r\n      </View>\r\n    </>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  child: { width: '100%' },\r\n  inner: { width: '100%' },\r\n});\r\n","import React, { useState, useEffect } from 'react';\r\nimport UIChildren from '../UIChildren';\r\nimport UI from '../UI';\r\n\r\nimport Ionicons from '@expo/vector-icons/Ionicons';\r\nimport { ChildType, CrudUtils, Utils } from 'react-crud-utils';\r\n\r\nexport default function ElTabs(props: ChildType) {\r\n  let scope = props.scope;\r\n  let [selectedIndex, setSelectedIndex]: any = useState(0);\r\n  let element = scope.original;\r\n  let items = scope.getItems();\r\n  let counter = 0;\r\n\r\n  let tabs: any = [];\r\n  let [selected, setSelected]: any = useState(null);\r\n\r\n  const onChangeTab = (tab: any, validate = true) => {\r\n    if (tab) {\r\n      scope.execute({\r\n        event: {\r\n          validate,\r\n          validateScope: element.validateScope,\r\n          action: () => {\r\n            scope.changeValue(tab.data);\r\n\r\n            selected = tab;\r\n            selectedIndex = tab.index;\r\n\r\n            setSelectedIndex(selectedIndex);\r\n            setSelected(tab);\r\n          },\r\n        },\r\n      });\r\n    }\r\n  };\r\n\r\n  const getStyleClass = (t: any) => {\r\n    let s = 'ui-tabs-item ui-click';\r\n\r\n    if (selected?.index === t.index) {\r\n      s = s + ' ui-tab-selected';\r\n    }\r\n    return s;\r\n  };\r\n\r\n  const addTab = (child: any, item: any) => {\r\n    let original = { ...child.props };\r\n\r\n    if (!item) {\r\n      item = scope.crud.data;\r\n    }\r\n\r\n    let crudTab = CrudUtils.create('tabs', {\r\n      data: item,\r\n      changed: item,\r\n      parent: scope.crud,\r\n    });\r\n\r\n    let element = Utils.resolve(original, crudTab);\r\n\r\n    if (element.rendered === false) {\r\n      return;\r\n    }\r\n\r\n    tabs.push({\r\n      ...element,\r\n      child,\r\n      element,\r\n      original,\r\n      index: counter++,\r\n      data: item,\r\n    });\r\n  };\r\n\r\n  React.Children.map(props.children, (child, index) => {\r\n    if (Utils.isEmpty(items)) {\r\n      addTab(child, {});\r\n    } else {\r\n      for (const i in items) {\r\n        let o = items[i];\r\n\r\n        addTab(child, o);\r\n      }\r\n    }\r\n  });\r\n\r\n  if (!selected) {\r\n    onChangeTab(tabs[selectedIndex], false);\r\n  }\r\n\r\n  const nav = (i: any) => {\r\n    let t = tabs[selectedIndex + i];\r\n\r\n    onChangeTab(t);\r\n  };\r\n\r\n  const previous = () => {\r\n    nav(-1);\r\n  };\r\n\r\n  const next = () => {\r\n    nav(1);\r\n  };\r\n\r\n  let isStepper = element.layout === 'stepper';\r\n\r\n  return (\r\n    <div\r\n      className={scope.getStyleClass('inner')}\r\n      style={scope.getStyle('inner')}\r\n    >\r\n      <div className=\"ui-tabs-content\">\r\n        <div className=\"ui-tabs-items\">\r\n          {tabs.map((t: any, i: number) => (\r\n            <div\r\n              key={Utils.key(element.id, 'tab', i)}\r\n              className={getStyleClass(t)}\r\n              onClick={() => {\r\n                onChangeTab(t);\r\n              }}\r\n            >\r\n              {isStepper && <div className=\"ui-tab-item-divisor\" />}\r\n              <div className=\"ui-tab-item-inner\">\r\n                {isStepper && <div className=\"ui-step-line\" />}\r\n                <div className=\"ui-tab-item-label\">\r\n                  {isStepper ? t.index + 1 : t.label}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n        {selected && (\r\n          <>\r\n            {isStepper && <div className=\"ui-tabs-label\">{selected.label}</div>}\r\n            <div className=\"ui-tabs-area\">\r\n              <UIChildren {...props} scope={scope}>\r\n                {selected.child}\r\n              </UIChildren>\r\n            </div>\r\n            {element.layout === 'stepper' && (\r\n              <div className=\"ui-tabs-actions\">\r\n                <UI.Output space={6} layout=\"left\">\r\n                  <UI.Include\r\n                    {...props}\r\n                    transient\r\n                    name=\"left\"\r\n                    default={\r\n                      <UI.Button\r\n                        rendered={selectedIndex > 0}\r\n                        icon={<Ionicons />}\r\n                        click={previous}\r\n                      />\r\n                    }\r\n                  />\r\n                </UI.Output>\r\n                <UI.Output space={6} layout=\"right\">\r\n                  <UI.Include\r\n                    {...props}\r\n                    transient\r\n                    name=\"right\"\r\n                    default={\r\n                      <UI.Button\r\n                        rendered={selectedIndex < tabs.length - 1}\r\n                        icon={<Ionicons />}\r\n                        click={next}\r\n                      />\r\n                    }\r\n                  />\r\n                </UI.Output>\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { ChildType, Scope, Utils } from \"react-crud-utils\";\r\n\r\nexport default function ElChart(props: ChildType) {\r\n  let scope: Scope = props.scope;\r\n  let items: any = scope.getItems();\r\n  let columns = Utils.asList(scope.original.columns);\r\n\r\n  return <div className=\"ui-chart-data\"></div>;\r\n}\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIAutoComplete(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { ChildType } from 'react-crud-utils';\r\nimport AutoComplete from './core/UIAutoComplete';\r\n\r\nexport default function UIComplete({\r\n  defaultsInput,\r\n  defaultsUI,\r\n  scope,\r\n}: ChildType) {\r\n  return (\r\n    <>\r\n      <AutoComplete {...defaultsInput} {...defaultsUI} />\r\n    </>\r\n  );\r\n}\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UILink(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIIcon(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { Ionicons } from '@expo/vector-icons';\r\nimport { ChildType } from 'react-crud-utils';\r\nimport { Text, TouchableHighlight, View } from 'react-native';\r\n\r\nexport default function UIButton(props: ChildType) {\r\n  let scope = props.scope;\r\n  let element = scope.original;\r\n\r\n  let color = element.color;\r\n  let label = element.label;\r\n  let icon = element.icon;\r\n\r\n  if (!color) color = '#55a46f';\r\n\r\n  const styles: any = {\r\n    text: {\r\n      color: '#ffffff',\r\n      lineHeight: 30,\r\n      fontWeight: '500',\r\n      textAlign: 'center',\r\n      ...element.textStyle,\r\n    },\r\n    inner: {\r\n      flex: 1,\r\n      flexDirection: 'row',\r\n      flexWrap: 'wrap',\r\n      textAlign: 'center',\r\n      alignItems: 'center',\r\n      margin: 'auto',\r\n      ...element.textStyle,\r\n    },\r\n    icon: {\r\n      color: '#fff',\r\n      fontSize: 18,\r\n      paddingRight: 10,\r\n    },\r\n    button: {\r\n      padding: 5,\r\n      alignItems: 'center',\r\n      paddingLeft: 10,\r\n      paddingRight: 10,\r\n      minWidth: 200,\r\n      margin: 5,\r\n      textAlign: 'center',\r\n      verticalAling: 'middle',\r\n      lineHeight: 30,\r\n      borderRadius: 20,\r\n      backgroundColor: color,\r\n      color: '#ffffff',\r\n      ...element.buttonStyle,\r\n    },\r\n  };\r\n\r\n  const onClick = (e: any) => {\r\n    if (typeof element.click === 'function') {\r\n      element.click(e);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <TouchableHighlight\r\n      underlayColor={'transparent'}\r\n      onPress={onClick}\r\n      style={styles.button}\r\n    >\r\n      <View style={styles.inner}>\r\n        {icon && (\r\n          <>\r\n            <Ionicons size={30} style={styles.icon} name={icon} />\r\n          </>\r\n        )}\r\n        <Text style={styles.text}>{label}</Text>\r\n      </View>\r\n    </TouchableHighlight>\r\n  );\r\n}\r\n","import { useState } from 'react';\r\nimport { ChildType, MethodType, Utils } from 'react-crud-utils';\r\nimport {\r\n  Text,\r\n  TouchableOpacity,\r\n  StyleSheet,\r\n  Modal,\r\n  View,\r\n  StatusBar,\r\n  SafeAreaView,\r\n} from 'react-native';\r\nimport Icon from 'react-native-vector-icons/FontAwesome';\r\nimport UI from '../UI';\r\n\r\nexport default function UISelect(props: ChildType) {\r\n  const [modalVisible, setModalVisible] = useState(false);\r\n  const scope = props.scope;\r\n  const items = Utils.nvl(scope.getOptions(), []);\r\n  const placeholder = scope.attr('placeholder', 'Selecione...');\r\n  const value = scope.getDisplayValue();\r\n\r\n  const handlePress = () => {\r\n    setModalVisible(!modalVisible);\r\n  };\r\n\r\n  const onClick = ({ crud, value }: MethodType) => {\r\n    scope.changeValue(value);\r\n    handlePress();\r\n  };\r\n\r\n  return (\r\n    <View style={styles.root}>\r\n      <TouchableOpacity onPress={handlePress} style={styles.select}>\r\n        <Text style={styles.label}>{Utils.nvl(value, placeholder)}</Text>\r\n        <Icon name=\"angle-down\" size={20} color=\"#888\" />\r\n      </TouchableOpacity>\r\n      <Modal\r\n        animationType=\"slide\"\r\n        transparent={true}\r\n        visible={modalVisible}\r\n        onRequestClose={() => setModalVisible(false)}\r\n      >\r\n        <StatusBar barStyle=\"dark-content\" backgroundColor=\"#6200ea\" />\r\n        <SafeAreaView style={styles.safe}>\r\n          <View style={styles.header}>\r\n            <TouchableOpacity\r\n              onPress={() => setModalVisible(false)}\r\n              style={styles.closeButton}\r\n            >\r\n              <Text style={styles.closeText}>X</Text>\r\n            </TouchableOpacity>\r\n            <Text style={styles.title}>Título do Modal</Text>\r\n          </View>\r\n          <View style={styles.content}>\r\n            <UI.List data={items} name={scope.getName('list')} click={onClick}>\r\n              <UI.Value value=\"#{@this.label}\" />\r\n            </UI.List>\r\n          </View>\r\n        </SafeAreaView>\r\n      </Modal>\r\n    </View>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  safe: {\r\n    flex: 1,\r\n    backgroundColor: '#f5f5f5',\r\n    paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android\r\n  },\r\n  root: {\r\n    justifyContent: 'flex-start',\r\n    alignItems: 'flex-start',\r\n  },\r\n  select: {\r\n    width: '100%',\r\n    flexDirection: 'row',\r\n    borderWidth: 1,\r\n    borderColor: '#a9a9a9',\r\n    borderRadius: 20,\r\n    paddingHorizontal: 15,\r\n    paddingVertical: 10,\r\n  },\r\n  item: { width: '100%' },\r\n  label: { flex: 1 },\r\n  header: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    padding: 15,\r\n    backgroundColor: '#6200ea',\r\n  },\r\n  closeButton: {\r\n    padding: 10,\r\n  },\r\n  closeText: {\r\n    fontSize: 18,\r\n    color: 'white',\r\n  },\r\n  title: {\r\n    fontSize: 18,\r\n    color: 'white',\r\n    fontWeight: 'bold',\r\n    marginLeft: 10,\r\n  },\r\n  content: {\r\n    flex: 1,\r\n    width: '100%',\r\n    alignSelf: 'flex-start',\r\n    flexDirection: 'row',\r\n    flexWrap: 'wrap',\r\n    padding: 20,\r\n  },\r\n});\r\n","import { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { Switch } from 'react-native';\r\n\r\nexport default function UISwitch(props: ChildType) {\r\n  const scope = props.scope;\r\n  const initial = Utils.nvl(scope.getValue(), false) as boolean;\r\n  const [value, setValue] = useState(initial);\r\n\r\n  let onChange = v => {\r\n    scope.changeValue(v);\r\n\r\n    setValue(v);\r\n  };\r\n\r\n  return (\r\n    <Switch\r\n      value={value}\r\n      onValueChange={onChange} // Alterna o estado\r\n    />\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIOption(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIRadio(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, TextInput, View } from 'react-native';\r\n\r\nexport default function UIInput(props: ChildType) {\r\n  let scope = props.scope;\r\n  let initial = Utils.nvl(scope.getValue(), '');\r\n\r\n  let label = scope.getLabel();\r\n  let placeholder = scope.getPart('placeholder', null, label);\r\n  let el = scope.original;\r\n\r\n  const [value, setValue] = useState(initial);\r\n\r\n  let onChange = v => {\r\n    scope.changeValue(v);\r\n\r\n    setValue(v);\r\n  };\r\n\r\n  return (\r\n    <View style={styles.base}>\r\n      {scope.getPart('left')}\r\n      <TextInput\r\n        style={styles.input}\r\n        onChangeText={onChange}\r\n        value={value}\r\n        placeholder={placeholder}\r\n      />\r\n      {scope.getPart('right')}\r\n    </View>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  base: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    borderWidth: 1,\r\n    borderColor: '#a9a9a9',\r\n    borderRadius: 20,\r\n    paddingHorizontal: 10,\r\n    paddingVertical: 5,\r\n    padding: 10,\r\n    paddingLeft: 5,\r\n    paddingRight: 10,\r\n  },\r\n  icon: {\r\n    marginRight: 10, // Espaço entre ícone e input\r\n  },\r\n  input: {\r\n    marginHorizontal: 10,\r\n    marginVertical: 5,\r\n    flex: 1, // Para o input ocupar o espaço restante\r\n  },\r\n});\r\n","import React, { useState } from 'react';\r\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\r\nimport UIChildren from '../UIChildren';\r\n\r\ninterface UIListRowType extends ChildType {\r\n  item: any;\r\n  index: number;\r\n}\r\n\r\nexport default function UIListRow(props: UIListRowType) {\r\n  const parent = props.scope;\r\n  const item = props.item;\r\n  const row = {\r\n    parent,\r\n    crud: parent.crud,\r\n    index: props.index,\r\n    type: 'row',\r\n    data: item,\r\n  };\r\n  let [scope] = useState(ScopeUtils.create(row));\r\n\r\n  return (\r\n    <>\r\n      <UIChildren scope={scope} crud={scope.crud}>\r\n        {props.children}\r\n      </UIChildren>\r\n    </>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\r\nimport UIListRow from './UIListRow';\r\nimport UI from '../UI';\r\nimport Icon from 'react-native-vector-icons/FontAwesome';\r\n\r\nexport default function UIList(props: ChildType) {\r\n  const scope = props.scope;\r\n  const crud = scope.crud;\r\n  const items = Utils.nvl(scope.getItems(), []);\r\n  const onClick = (item: any) => {\r\n    console.log(item);\r\n    scope.call('click', { value: item, item });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <UI.Text\r\n        placeholder=\"Pesquisar...\"\r\n        field=\"query\"\r\n        crud={crud}\r\n        right={<Icon name=\"eye\" size={20} color=\"#888\" />}\r\n      />\r\n\r\n      <View style={styles.container}>\r\n        {items.map((item: any, i: number) => (\r\n          <TouchableHighlight\r\n            key={`k-${i}`}\r\n            style={styles.item}\r\n            onPress={e => {\r\n              onClick(item);\r\n            }}\r\n          >\r\n            <UIListRow scope={scope} item={item} index={i}>\r\n              {props.children}\r\n            </UIListRow>\r\n          </TouchableHighlight>\r\n        ))}\r\n      </View>\r\n    </>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    width: '100%',\r\n  },\r\n  item: {\r\n    padding: 15,\r\n    marginVertical: 8,\r\n    backgroundColor: '#f5f5f5',\r\n    borderRadius: 8,\r\n    width: '100%',\r\n  },\r\n  text: {\r\n    fontSize: 18,\r\n    fontWeight: 'bold',\r\n  },\r\n});\r\n","import React, { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\r\nimport UIListRow from './UIListRow';\r\n\r\nexport default function UIToggle(props: ChildType) {\r\n  const scope = props.scope;\r\n  const options = Utils.nvl(scope.getOptions(), []);\r\n  const value = scope.getInputValue();\r\n\r\n  let [index, setIndex] = useState(0);\r\n\r\n  console.log(value);\r\n  const onClick = (item: any) => {\r\n    scope.changeValue(item.object);\r\n    setIndex(++index);\r\n  };\r\n\r\n  const Item = ({ item, index }) => {\r\n    if (Utils.isEmpty(props.children)) {\r\n      return <Text>{item.label}</Text>;\r\n    }\r\n\r\n    return (\r\n      <UIListRow scope={scope} item={item.object} index={index}>\r\n        {props.children}\r\n      </UIListRow>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <View style={styles.container}>\r\n        {options.map((item: any, i: number) => (\r\n          <TouchableHighlight\r\n            key={`k-${i}`}\r\n            style={styles.item}\r\n            onPress={e => {\r\n              onClick(item);\r\n            }}\r\n          >\r\n            <Item item={item} index={i} />\r\n          </TouchableHighlight>\r\n        ))}\r\n      </View>\r\n    </>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    width: '100%',\r\n    gap: 10,\r\n    justifyContent: 'center',\r\n    flexDirection: 'row',\r\n  },\r\n  item: {\r\n    padding: 15,\r\n    marginVertical: 8,\r\n    backgroundColor: '#f5f5f5',\r\n    borderRadius: 8,\r\n    width: 'auto',\r\n    flexDirection: 'row',\r\n  },\r\n  text: {\r\n    fontSize: 18,\r\n    fontWeight: 'bold',\r\n  },\r\n});\r\n","import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\r\nimport UIChildren from './UIChildren';\r\nimport ElTabs from './tabs/ElTabs';\r\nimport ElChart from './charts/ElChart';\r\nimport UIComplete from './UIComplete';\r\nimport {\r\n  Crud,\r\n  HtmlUtils,\r\n  ScopeUtils,\r\n  Utils,\r\n  ElementType,\r\n} from 'react-crud-utils';\r\nimport UILink from './core/UILink';\r\nimport UIIcon from './core/UIIcon';\r\nimport UIButton from './core/UIButton';\r\nimport UISelect from './core/UISelect';\r\nimport UISwitch from './core/UISwitch';\r\nimport UIOption from './core/UIOption';\r\nimport UIRadio from './core/UIRadio';\r\nimport UIInput from './core/UIInput';\r\nimport { Image, Linking, StyleSheet, Text, View } from 'react-native';\r\nimport UIList from './core/UIList';\r\nimport UIToggle from './core/UIToggle';\r\n\r\nexport default function UIElement(props: ElementType) {\r\n  let [scope] = useState(ScopeUtils.create(props));\r\n  let [index, setIndex] = useState(0);\r\n  let [error, setError]: string | any = useState(null);\r\n  let options: any = scope.getOptions();\r\n  let crud: Crud = Utils.nvl(props.crud, scope.crud);\r\n  let original = scope.original;\r\n  let type = original.type;\r\n  let ref = useRef(null);\r\n\r\n  scope.update = () => {\r\n    setIndex(++index);\r\n  };\r\n\r\n  let router: any = {\r\n    list: UIList,\r\n    tabs: ElTabs,\r\n    chart: ElChart,\r\n  };\r\n\r\n  let CurrentRouter = () => {\r\n    if (router[type]) {\r\n      let Aux = router[type];\r\n\r\n      return <Aux crud={crud} {...props} scope={scope} />;\r\n    }\r\n    return <></>;\r\n  };\r\n\r\n  const Custom = () => {\r\n    let c: any = original.custom;\r\n\r\n    if (c) {\r\n      if (typeof c === 'string') {\r\n        return (\r\n          <UIElement\r\n            element={{ value: c, type: 'dummy' }}\r\n            crud={crud}\r\n          ></UIElement>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <UIElement\r\n          type={c.type}\r\n          tag={c.type}\r\n          {...c.props}\r\n          crud={crud}\r\n        ></UIElement>\r\n      );\r\n    }\r\n\r\n    return <></>;\r\n  };\r\n\r\n  if (scope.is('type', 'dummy')) {\r\n    return <>{scope.getDisplayValue()}</>;\r\n  }\r\n\r\n  let onCheck = () => {\r\n    let v = scope.getValue();\r\n    let check = !(v === true);\r\n\r\n    onChange({ target: { value: check } });\r\n  };\r\n\r\n  let onChange = (e: any) => {\r\n    let val = e.target.value;\r\n\r\n    if (scope.isType('integer', 'int', 'number')) {\r\n      val = parseInt(val);\r\n    } else if (scope.isType('decimal')) {\r\n      val = parseFloat(val);\r\n    }\r\n\r\n    if (scope.isType('select', 'complete')) {\r\n      val = scope.getSelectedItem(val);\r\n    }\r\n\r\n    scope.changeValue(val);\r\n    scope.update();\r\n  };\r\n\r\n  let onClick = (e: any) => {\r\n    scope.call('click');\r\n  };\r\n\r\n  let defaultsInput: any = {\r\n    scope,\r\n    crud,\r\n    onChange: onChange,\r\n  };\r\n\r\n  if (scope.isType('password')) {\r\n    defaultsInput.type = 'password';\r\n  }\r\n\r\n  let isChecked = () => {\r\n    let v = scope.getValue();\r\n\r\n    return v === true;\r\n  };\r\n\r\n  let hasChildren = () => {\r\n    if (scope.isInput()) {\r\n      return false;\r\n    }\r\n\r\n    return !Utils.isEmpty(props.children) || !Utils.isEmpty(props.elements);\r\n  };\r\n\r\n  const getStyle = (part?: string) => {\r\n    let type = Utils.nvl(original.type, 'none');\r\n    let key = Utils.nvl(part, 'root');\r\n    let def = { ...styles[key], ...elementStyle?.[type]?.[key] };\r\n    let hasChild = hasChildren();\r\n\r\n    if (!part && !hasChild) {\r\n      def = { ...def };\r\n    }\r\n\r\n    if (hasChild && part) {\r\n      def = { ...def, ...withChildStyles[part] };\r\n    }\r\n\r\n    def = { ...def, ...elementStyle?.[type]?.[key] };\r\n\r\n    return { ...def, ...scope.getStyle(part) };\r\n  };\r\n\r\n  let elStyle = getStyle('element');\r\n\r\n  let defaultsUI: any = {\r\n    required: scope.isRequired(),\r\n    size: 'small',\r\n    scope,\r\n    crud,\r\n    style: elStyle,\r\n    placeholder: scope.attr('placeholder', 'Digite aqui'),\r\n  };\r\n\r\n  if (!scope.isRendered() || scope.is('type', 'define')) {\r\n    return <></>;\r\n  }\r\n\r\n  scope.error = (msg: string) => {\r\n    error = msg;\r\n    setError(msg);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!scope.ready) {\r\n      scope.ready = true;\r\n\r\n      scope.call('load');\r\n\r\n      if (scope.isType('list', 'repeat')) {\r\n        scope.search();\r\n      } else if (original.list) {\r\n        scope.call('list');\r\n      }\r\n      scope.start();\r\n    }\r\n  });\r\n\r\n  const CustomIcon = () => {\r\n    if (typeof original.icon === 'string') {\r\n      return <UIIcon>{scope.getIcon()}</UIIcon>;\r\n    }\r\n    return <>{original.icon}</>;\r\n  };\r\n\r\n  let hasCustomRoute = () => {\r\n    if (router[type]) return true;\r\n    return false;\r\n  };\r\n\r\n  scope.open = (args: any) => {\r\n    Linking.openURL(args.url);\r\n  };\r\n\r\n  if (scope.isType('dialog')) {\r\n    let name = original.name;\r\n\r\n    if (!crud.dialogs[name]) {\r\n      let dlg: any = { config: { ...original } };\r\n\r\n      dlg.component = (args: any) => {\r\n        return <UIChildren {...props} scope={scope} crud={crud} />;\r\n      };\r\n\r\n      crud.dialogs[name] = dlg;\r\n    }\r\n    return <></>;\r\n  }\r\n\r\n  useLayoutEffect(() => {\r\n    if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\r\n      let el: any = ref?.current;\r\n\r\n      if (el?.classList) {\r\n        let bg = HtmlUtils.getBGColor(el);\r\n\r\n        if (bg === 'rgb(255, 255, 255)') {\r\n          el.classList.add('ui-dark');\r\n        } else {\r\n          el.classList.add('ui-light');\r\n        }\r\n      }\r\n    }\r\n  });\r\n\r\n  const isShowLabel = () => {\r\n    if (typeof original.label !== 'undefined' && !scope.isType('button')) {\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  };\r\n\r\n  const isShowInner = () => {\r\n    if (hasChildren() || hasCustomRoute()) {\r\n      return false;\r\n    }\r\n    return true;\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <View ref={ref} style={getStyle()}>\r\n        <>\r\n          {isShowLabel() && (\r\n            <Text style={getStyle('label')}>{scope.getLabel()}</Text>\r\n          )}\r\n          {isShowInner() && (\r\n            <>\r\n              <View style={getStyle('inner')}>\r\n                {scope.is('type', 'button') && (\r\n                  <UIButton\r\n                    {...defaultsUI}\r\n                    onClick={onClick}\r\n                    variant={scope.attr('variant', 'outlined')}\r\n                  >\r\n                    {original.icon && <CustomIcon />}\r\n                    {original.label && (\r\n                      <Text style={scope.getPart('label', 'button')}>\r\n                        {scope.getLabel()}\r\n                      </Text>\r\n                    )}\r\n                  </UIButton>\r\n                )}\r\n                {scope.is('type', 'icon') && (\r\n                  <UIIcon\r\n                    {...defaultsUI}\r\n                    onClick={onClick}\r\n                    variant={scope.attr('variant', 'outlined')}\r\n                  >\r\n                    {scope.getDisplayValue()}\r\n                  </UIIcon>\r\n                )}\r\n                {scope.is('type', 'link') && (\r\n                  <UILink\r\n                    {...defaultsUI}\r\n                    onClick={onClick}\r\n                    variant={scope.attr('variant', 'outlined')}\r\n                  >\r\n                    {original.icon && <CustomIcon />}\r\n                    {original.label && (\r\n                      <Text style={scope.getPart('label', 'link')}>\r\n                        {scope.getLabel()}\r\n                      </Text>\r\n                    )}\r\n                  </UILink>\r\n                )}\r\n                {scope.is(\r\n                  'type',\r\n                  'text',\r\n                  'number',\r\n                  'phone',\r\n                  'postalCode',\r\n                  'money',\r\n                  'password',\r\n                  'email'\r\n                ) && (\r\n                  <UIInput\r\n                    {...defaultsInput}\r\n                    {...defaultsUI}\r\n                    InputProps={{ ...original.inputProps }}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'complete', 'autocomplete') && (\r\n                  <UIComplete\r\n                    scope={scope}\r\n                    defaultsInput={defaultsInput}\r\n                    defaultsUI={defaultsUI}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'checkbox', 'boolean', 'switch') && (\r\n                  <UISwitch\r\n                    checked={isChecked()}\r\n                    {...defaultsInput}\r\n                    onChange={onCheck}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'select') && (\r\n                  <UISelect\r\n                    {...defaultsInput}\r\n                    {...defaultsUI}\r\n                    value={scope.getSelectedValue()}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'toggle') && (\r\n                  <UIToggle\r\n                    {...defaultsInput}\r\n                    {...defaultsUI}\r\n                    value={scope.getSelectedValue()}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'radio') && (\r\n                  <UIRadio {...defaultsInput} {...defaultsUI} row>\r\n                    {options.map((row: any, i: number) => (\r\n                      <UIOption\r\n                        key={'i' + i}\r\n                        control={<UIRadio {...defaultsUI} />}\r\n                        label={row.label}\r\n                        value={row.value}\r\n                      />\r\n                    ))}\r\n                  </UIRadio>\r\n                )}\r\n                {scope.is('type', 'custom') && <Custom />}\r\n                {scope.is('type', 'column') && (\r\n                  <>\r\n                    {scope.is('format', 'img') && (\r\n                      <Image source={scope.getDisplayValue()} />\r\n                    )}\r\n                    {scope.is('format', 'icon') && (\r\n                      <UIIcon className={scope.getDisplayValue()} />\r\n                    )}\r\n                    {!scope.is('format', 'icon', 'img') && (\r\n                      <Text>{scope.getDisplayValue()}</Text>\r\n                    )}\r\n                  </>\r\n                )}\r\n                {scope.is('type', 'output', 'value') && (\r\n                  <Text>{scope.getDisplayValue()}</Text>\r\n                )}\r\n              </View>\r\n              {error && <View style={getStyle('error')}>{error}</View>}\r\n            </>\r\n          )}\r\n          <CurrentRouter />\r\n          {!scope.is('type', 'tabs', 'grid', 'list', 'define', 'repeat') && (\r\n            <UIChildren {...props} scope={scope} crud={crud} />\r\n          )}\r\n        </>\r\n      </View>\r\n    </>\r\n  );\r\n}\r\n\r\nconst box: any = {\r\n  backgroundColor: 'white',\r\n  padding: 16,\r\n  borderRadius: 10,\r\n  width: '100%',\r\n  shadowColor: '#888', // iOS\r\n  shadowOffset: { width: 0, height: 1 }, // iOS\r\n  shadowOpacity: 0.25, // iOS\r\n  shadowRadius: 3.84, // iOS\r\n  elevation: 3, // Android\r\n};\r\n\r\nconst elementStyle: any = {};\r\n\r\nelementStyle.card = StyleSheet.create({\r\n  root: {\r\n    ...box,\r\n  },\r\n  inner: {\r\n    flex: 1,\r\n    width: '100%',\r\n    paddingBottom: 10,\r\n    paddingTop: 5,\r\n    alignSelf: 'flex-start',\r\n    flexDirection: 'row',\r\n    flexWrap: 'wrap',\r\n  },\r\n});\r\n\r\nelementStyle.toggle = StyleSheet.create({\r\n  inner: {\r\n    ...box,\r\n    flex: 1,\r\n    width: '100%',\r\n    paddingHorizontal: 10,\r\n    paddingVertical: 10,\r\n    alignSelf: 'flex-start',\r\n    flexDirection: 'row',\r\n    flexWrap: 'wrap',\r\n  },\r\n});\r\n\r\nelementStyle.list = {\r\n  ...elementStyle.card,\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n  root: {\r\n    gap: 5,\r\n    flexDirection: 'column',\r\n    flexWrap: 'wrap',\r\n    width: '100%',\r\n    alignItems: 'flex-start',\r\n  },\r\n  label: { width: '100%', fontWeight: 500, fontSize: 12 },\r\n  inner: { width: '100%', paddingBottom: 5, paddingTop: 5 },\r\n});\r\n\r\nconst withChildStyles = StyleSheet.create({\r\n  root: {\r\n    gap: 10,\r\n  },\r\n  label: {\r\n    width: '100%',\r\n    fontWeight: 500,\r\n    fontSize: 24,\r\n  },\r\n});\r\n","import UIChildren from '../UIChildren';\r\nimport { ComponentUtils, DefineType, Utils } from 'react-crud-utils';\r\n\r\nexport default function UIInclude(props: DefineType) {\r\n  if (props.rendered === false) {\r\n    return <></>;\r\n  }\r\n\r\n  let includes = ComponentUtils.getDefine(props, props.name, props.position);\r\n\r\n  if (Utils.isEmpty(includes)) {\r\n    includes = props.default;\r\n  }\r\n\r\n  if (!Utils.isEmpty(includes)) {\r\n    let Aux = (tagProp: any) => {\r\n      let Tag: any = props.tag;\r\n\r\n      if (!Utils.isEmpty(Tag)) {\r\n        return <Tag {...tagProp}>{tagProp.children}</Tag>;\r\n      }\r\n      return <>{tagProp.children}</>;\r\n    };\r\n\r\n    return (\r\n      <Aux {...props.tagProps}>\r\n        <UIChildren\r\n          transient\r\n          {...props}\r\n          scope={props.scope}\r\n          crud={props.crud}\r\n          part={props.name}\r\n        >\r\n          {includes}\r\n        </UIChildren>\r\n      </Aux>\r\n    );\r\n  }\r\n  return <>{includes}</>;\r\n}\r\n","import { ListType } from 'react-crud-utils';\r\nimport { UserType } from 'react-crud-utils';\r\nimport { InputType } from 'react-crud-utils';\r\nimport { ChartType } from 'react-crud-utils';\r\nimport { ContainerType } from 'react-crud-utils';\r\nimport { ListInputType } from 'react-crud-utils';\r\nimport UIElement from './UIElement';\r\nimport { TabsType } from 'react-crud-utils';\r\nimport { DefineType } from 'react-crud-utils';\r\nimport { ButtonType } from 'react-crud-utils';\r\nimport { LinkType } from 'react-crud-utils';\r\nimport UIInclude from './core/UIInclude';\r\n\r\nconst UI = {\r\n  List: (props: ListType) => <UIElement {...props} type=\"list\" />,\r\n  Value: (props: UserType) => <UIElement {...props} type=\"value\" />,\r\n  Label: (props: UserType) => <UIElement {...props} type=\"label\" />,\r\n  Repeat: (props: ListType) => <UIElement {...props} type=\"repeat\" />,\r\n  Define: (props: DefineType) => <UIElement {...props} type=\"define\" />,\r\n  Include: (props: DefineType) => <UIInclude {...props} />,\r\n  Column: ({ type = 'column', ...props }: UserType) => (\r\n    <UIElement {...props} type=\"column\" />\r\n  ),\r\n  Input: (props: InputType) => <UIElement {...props} />,\r\n  Text: (props: InputType) => <UIElement {...props} type=\"text\" />,\r\n  Email: (props: InputType) => <UIElement {...props} type=\"email\" />,\r\n  Button: (props: ButtonType) => <UIElement {...props} type=\"button\" />,\r\n  Link: (props: LinkType) => <UIElement {...props} type=\"link\" />,\r\n  Icon: (props: ButtonType) => <UIElement {...props} type=\"icon\" />,\r\n  Output: (props: ContainerType) => <UIElement {...props} type=\"output\" />,\r\n  Form: (props: ContainerType) => <UIElement {...props} type=\"form\" />,\r\n  Crud: (props: ContainerType) => <UIElement {...props} type=\"crud\" />,\r\n  View: (props: ContainerType) => (\r\n    <UIElement {...props} type=\"view\" transient />\r\n  ),\r\n  Bottom: (props: ContainerType) => <UIElement {...props} type=\"bottom\" />,\r\n  Dialog: (props: ContainerType) => <UIElement {...props} type=\"dialog\" />,\r\n  Content: (props: ContainerType) => <UIElement {...props} type=\"content\" />,\r\n  Top: (props: ContainerType) => <UIElement {...props} type=\"top\" />,\r\n  Card: (props: ContainerType) => <UIElement {...props} type=\"card\" />,\r\n  Tab: (props: ContainerType) => <UIElement {...props} type=\"tab\" />,\r\n  Tabs: (props: TabsType) => <UIElement {...props} type=\"tabs\" />,\r\n  Step: (props: ContainerType) => (\r\n    <UIElement {...props} type=\"tab\" layout=\"step\" />\r\n  ),\r\n  Stepper: (props: TabsType) => (\r\n    <UIElement {...props} type=\"tabs\" layout=\"stepper\" />\r\n  ),\r\n  Money: (props: InputType) => <UIElement {...props} type=\"money\" />,\r\n  Chart: (props: ChartType) => <UIElement {...props} type=\"chart\" />,\r\n  Password: (props: InputType) => <UIElement {...props} type=\"password\" />,\r\n  Complete: (props: InputType) => <UIElement {...props} type=\"complete\" />,\r\n  Checkbox: (props: InputType) => <UIElement {...props} type=\"switch\" />,\r\n  Switch: (props: InputType) => <UIElement {...props} type=\"switch\" />,\r\n  Radio: (props: ListInputType) => <UIElement {...props} type=\"radio\" />,\r\n  Select: (props: ListInputType) => <UIElement {...props} type=\"select\" />,\r\n  Toggle: (props: ListInputType) => <UIElement {...props} type=\"toggle\" />,\r\n  Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\r\n  Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\r\n};\r\nexport default UI;\r\n"],"names":["UIChildren","props","scope","useState","Utils","nvl","ScopeUtils","create","crud","validateScope","name","part","isInput","_jsx","_Fragment","key","Paint","_ref","child","children","Custom","type","pps","_extends","isEmpty","transient","parent","Draw","elements","Object","entries","map","t","k","UIElement","React","Children","View","style","styles","getStyle","StyleSheet","width","inner","ElTabs","_useState","selectedIndex","setSelectedIndex","element","original","items","getItems","counter","tabs","_useState2","selected","setSelected","onChangeTab","tab","validate","execute","event","action","changeValue","data","index","getStyleClass","s","_selected","addTab","item","crudTab","CrudUtils","changed","resolve","rendered","push","i","nav","isStepper","layout","className","_jsxs","onClick","label","id","UI","Output","space","Include","default","Button","icon","Ionicons","click","length","ElChart","asList","columns","UIAutoComplete","TouchableOpacity","onPress","Linking","openURL","Text","link","UIComplete","AutoComplete","defaultsInput","defaultsUI","UILink","UIIcon","UIButton","color","text","lineHeight","fontWeight","textAlign","textStyle","flex","flexDirection","flexWrap","alignItems","margin","fontSize","paddingRight","button","padding","paddingLeft","minWidth","verticalAling","borderRadius","backgroundColor","buttonStyle","TouchableHighlight","underlayColor","e","size","UISelect","modalVisible","setModalVisible","getOptions","placeholder","attr","value","getDisplayValue","handlePress","root","select","Icon","Modal","animationType","transparent","visible","onRequestClose","StatusBar","barStyle","SafeAreaView","safe","header","closeButton","closeText","title","content","List","getName","Value","paddingTop","currentHeight","justifyContent","borderWidth","borderColor","paddingHorizontal","paddingVertical","marginLeft","alignSelf","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","getPart","base","TextInput","input","onChangeText","marginRight","marginHorizontal","marginVertical","UIListRow","UIList","field","right","container","console","log","call","UIToggle","options","getInputValue","setIndex","Item","object","gap","_useState3","error","setError","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","onChange","val","target","isType","parseInt","parseFloat","getSelectedItem","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","_elementStyle$type2","elStyle","required","isRequired","isRendered","msg","useEffect","ready","search","start","CustomIcon","getIcon","open","args","url","dialogs","dlg","config","useLayoutEffect","current","el","classList","bg","HtmlUtils","getBGColor","add","variant","InputProps","inputProps","checked","getSelectedValue","row","control","Image","source","box","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","card","paddingBottom","toggle","UIInclude","includes","ComponentUtils","getDefine","position","tagProp","Tag","tagProps","Label","Repeat","Define","Column","_objectWithoutPropertiesLoose","_excluded","Input","Email","Link","Form","Crud","Bottom","Dialog","Content","Top","Card","Tab","Tabs","Step","Stepper","Money","Chart","Password","Complete","Checkbox","Radio","Select","Toggle","Entity","Element"],"mappings":"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"}
+{"version":3,"file":"react-crud-mobile.cjs.production.min.js","sources":["../src/elements/UIChildren.tsx","../src/elements/tabs/ElTabs.tsx","../src/elements/charts/ElChart.tsx","../src/elements/core/UIAutoComplete.tsx","../src/elements/UIComplete.tsx","../src/elements/core/UILink.tsx","../src/elements/core/UIIcon.tsx","../src/elements/core/UIButton.tsx","../src/elements/core/UISelect.tsx","../src/elements/core/UISwitch.tsx","../src/elements/core/UIOption.tsx","../src/elements/core/UIRadio.tsx","../src/elements/core/UIInput.tsx","../src/elements/core/UIListRow.tsx","../src/elements/core/UIList.tsx","../src/elements/core/UIToggle.tsx","../src/elements/UIElement.tsx","../src/elements/core/UIInclude.tsx","../src/elements/UI.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport UIElement from './UIElement';\r\nimport { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, View } from 'react-native';\r\n\r\ninterface UIChildrenType {\r\n  scope: Scope;\r\n  crud?: Crud;\r\n  validateScope?: String;\r\n  children?: any;\r\n  elements?: any;\r\n  transient?: boolean;\r\n  part?: string;\r\n  childProps?: any;\r\n}\r\n\r\nexport default function UIChildren(props: UIChildrenType) {\r\n  let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));\r\n  let crud = Utils.nvl(props.crud, scope.crud);\r\n  let validateScope = Utils.nvl(props.validateScope, 'global');\r\n  let name = Utils.nvl(props.part, 'child');\r\n\r\n  if (scope.isInput()) {\r\n    return <></>;\r\n  }\r\n\r\n  let Paint = ({ child }: any) => {\r\n    if (!child) {\r\n      return <></>;\r\n    }\r\n    if (typeof child === 'string') {\r\n      return <>{child}</>;\r\n    }\r\n\r\n    let Custom = child.type;\r\n    let pps = { ...child.props };\r\n\r\n    delete pps.children;\r\n\r\n    if (typeof Custom === 'string') {\r\n      if (Utils.isEmpty(child.props.children)) {\r\n        return <Custom {...pps} />;\r\n      }\r\n      return (\r\n        <Custom {...pps}>\r\n          <UIChildren\r\n            transient\r\n            validateScope={validateScope}\r\n            {...child.props}\r\n            scope={scope}\r\n            crud={crud}\r\n          ></UIChildren>\r\n        </Custom>\r\n      );\r\n    } else if (typeof Custom === 'function') {\r\n      return (\r\n        <Custom\r\n          validateScope={validateScope}\r\n          {...child.props}\r\n          parent={scope}\r\n          crud={crud}\r\n        ></Custom>\r\n      );\r\n    }\r\n\r\n    if (!Utils.isEmpty(child.props.children)) {\r\n      return (\r\n        <UIChildren\r\n          validateScope={validateScope}\r\n          {...child.props}\r\n          scope={scope}\r\n          crud={crud}\r\n          transient\r\n        ></UIChildren>\r\n      );\r\n    }\r\n    return <></>;\r\n  };\r\n\r\n  const Draw = () => {\r\n    if (props.elements) {\r\n      return (\r\n        <>\r\n          {Object.entries(props.elements).map((t: any, k) => {\r\n            return <UIElement crud={crud} {...t[1]} />;\r\n          })}\r\n        </>\r\n      );\r\n    }\r\n    return (\r\n      <>\r\n        {React.Children.map(props.children, child => {\r\n          return <Paint child={child}></Paint>;\r\n        })}\r\n      </>\r\n    );\r\n  };\r\n\r\n  if (props.transient) {\r\n    return <Draw />;\r\n  }\r\n\r\n  if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {\r\n    return <></>;\r\n  }\r\n\r\n  const getStyle = (part?: string) => {\r\n    let key = Utils.nvl(part, 'root');\r\n    let def = styles[key];\r\n\r\n    return { ...def, ...scope.getStyle(part) };\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <View style={getStyle(name)}>\r\n        <Draw />\r\n      </View>\r\n    </>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  child: { width: '100%' },\r\n  inner: { width: '100%' },\r\n});\r\n","import React, { useState, useEffect } from 'react';\r\nimport UIChildren from '../UIChildren';\r\nimport UI from '../UI';\r\n\r\nimport Ionicons from '@expo/vector-icons/Ionicons';\r\nimport { ChildType, CrudUtils, Utils } from 'react-crud-utils';\r\n\r\nexport default function ElTabs(props: ChildType) {\r\n  let scope = props.scope;\r\n  let [selectedIndex, setSelectedIndex]: any = useState(0);\r\n  let element = scope.original;\r\n  let items = scope.getItems();\r\n  let counter = 0;\r\n\r\n  let tabs: any = [];\r\n  let [selected, setSelected]: any = useState(null);\r\n\r\n  const onChangeTab = (tab: any, validate = true) => {\r\n    if (tab) {\r\n      scope.execute({\r\n        event: {\r\n          validate,\r\n          validateScope: element.validateScope,\r\n          action: () => {\r\n            scope.changeValue(tab.data);\r\n\r\n            selected = tab;\r\n            selectedIndex = tab.index;\r\n\r\n            setSelectedIndex(selectedIndex);\r\n            setSelected(tab);\r\n          },\r\n        },\r\n      });\r\n    }\r\n  };\r\n\r\n  const getStyleClass = (t: any) => {\r\n    let s = 'ui-tabs-item ui-click';\r\n\r\n    if (selected?.index === t.index) {\r\n      s = s + ' ui-tab-selected';\r\n    }\r\n    return s;\r\n  };\r\n\r\n  const addTab = (child: any, item: any) => {\r\n    let original = { ...child.props };\r\n\r\n    if (!item) {\r\n      item = scope.crud.data;\r\n    }\r\n\r\n    let crudTab = CrudUtils.create('tabs', {\r\n      data: item,\r\n      changed: item,\r\n      parent: scope.crud,\r\n    });\r\n\r\n    let element = Utils.resolve(original, crudTab);\r\n\r\n    if (element.rendered === false) {\r\n      return;\r\n    }\r\n\r\n    tabs.push({\r\n      ...element,\r\n      child,\r\n      element,\r\n      original,\r\n      index: counter++,\r\n      data: item,\r\n    });\r\n  };\r\n\r\n  React.Children.map(props.children, (child, index) => {\r\n    if (Utils.isEmpty(items)) {\r\n      addTab(child, {});\r\n    } else {\r\n      for (const i in items) {\r\n        let o = items[i];\r\n\r\n        addTab(child, o);\r\n      }\r\n    }\r\n  });\r\n\r\n  if (!selected) {\r\n    onChangeTab(tabs[selectedIndex], false);\r\n  }\r\n\r\n  const nav = (i: any) => {\r\n    let t = tabs[selectedIndex + i];\r\n\r\n    onChangeTab(t);\r\n  };\r\n\r\n  const previous = () => {\r\n    nav(-1);\r\n  };\r\n\r\n  const next = () => {\r\n    nav(1);\r\n  };\r\n\r\n  let isStepper = element.layout === 'stepper';\r\n\r\n  return (\r\n    <div\r\n      className={scope.getStyleClass('inner')}\r\n      style={scope.getStyle('inner')}\r\n    >\r\n      <div className=\"ui-tabs-content\">\r\n        <div className=\"ui-tabs-items\">\r\n          {tabs.map((t: any, i: number) => (\r\n            <div\r\n              key={Utils.key(element.id, 'tab', i)}\r\n              className={getStyleClass(t)}\r\n              onClick={() => {\r\n                onChangeTab(t);\r\n              }}\r\n            >\r\n              {isStepper && <div className=\"ui-tab-item-divisor\" />}\r\n              <div className=\"ui-tab-item-inner\">\r\n                {isStepper && <div className=\"ui-step-line\" />}\r\n                <div className=\"ui-tab-item-label\">\r\n                  {isStepper ? t.index + 1 : t.label}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n        {selected && (\r\n          <>\r\n            {isStepper && <div className=\"ui-tabs-label\">{selected.label}</div>}\r\n            <div className=\"ui-tabs-area\">\r\n              <UIChildren {...props} scope={scope}>\r\n                {selected.child}\r\n              </UIChildren>\r\n            </div>\r\n            {element.layout === 'stepper' && (\r\n              <div className=\"ui-tabs-actions\">\r\n                <UI.Output space={6} layout=\"left\">\r\n                  <UI.Include\r\n                    {...props}\r\n                    transient\r\n                    name=\"left\"\r\n                    default={\r\n                      <UI.Button\r\n                        rendered={selectedIndex > 0}\r\n                        icon={<Ionicons />}\r\n                        click={previous}\r\n                      />\r\n                    }\r\n                  />\r\n                </UI.Output>\r\n                <UI.Output space={6} layout=\"right\">\r\n                  <UI.Include\r\n                    {...props}\r\n                    transient\r\n                    name=\"right\"\r\n                    default={\r\n                      <UI.Button\r\n                        rendered={selectedIndex < tabs.length - 1}\r\n                        icon={<Ionicons />}\r\n                        click={next}\r\n                      />\r\n                    }\r\n                  />\r\n                </UI.Output>\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { ChildType, Scope, Utils } from \"react-crud-utils\";\r\n\r\nexport default function ElChart(props: ChildType) {\r\n  let scope: Scope = props.scope;\r\n  let items: any = scope.getItems();\r\n  let columns = Utils.asList(scope.original.columns);\r\n\r\n  return <div className=\"ui-chart-data\"></div>;\r\n}\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIAutoComplete(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { ChildType } from 'react-crud-utils';\r\nimport AutoComplete from './core/UIAutoComplete';\r\n\r\nexport default function UIComplete({\r\n  defaultsInput,\r\n  defaultsUI,\r\n  scope,\r\n}: ChildType) {\r\n  return (\r\n    <>\r\n      <AutoComplete {...defaultsInput} {...defaultsUI} />\r\n    </>\r\n  );\r\n}\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UILink(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIIcon(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { Ionicons } from '@expo/vector-icons';\r\nimport { ChildType } from 'react-crud-utils';\r\nimport { Text, TouchableHighlight, View } from 'react-native';\r\n\r\nexport default function UIButton(props: ChildType) {\r\n  let scope = props.scope;\r\n  let element = scope.original;\r\n\r\n  let color = element.color;\r\n  let label = element.label;\r\n  let icon = element.icon;\r\n\r\n  if (!color) color = '#55a46f';\r\n\r\n  const styles: any = {\r\n    text: {\r\n      color: '#ffffff',\r\n      lineHeight: 30,\r\n      fontWeight: '500',\r\n      textAlign: 'center',\r\n      ...element.textStyle,\r\n    },\r\n    inner: {\r\n      flex: 1,\r\n      flexDirection: 'row',\r\n      flexWrap: 'wrap',\r\n      textAlign: 'center',\r\n      alignItems: 'center',\r\n      margin: 'auto',\r\n      ...element.textStyle,\r\n    },\r\n    icon: {\r\n      color: '#fff',\r\n      fontSize: 18,\r\n      paddingRight: 10,\r\n    },\r\n    button: {\r\n      padding: 5,\r\n      alignItems: 'center',\r\n      paddingLeft: 10,\r\n      paddingRight: 10,\r\n      minWidth: 200,\r\n      margin: 5,\r\n      textAlign: 'center',\r\n      verticalAling: 'middle',\r\n      lineHeight: 30,\r\n      borderRadius: 20,\r\n      backgroundColor: color,\r\n      color: '#ffffff',\r\n      ...element.buttonStyle,\r\n    },\r\n  };\r\n\r\n  const onClick = (e: any) => {\r\n    if (typeof element.click === 'function') {\r\n      element.click(e);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <TouchableHighlight\r\n      underlayColor={'transparent'}\r\n      onPress={onClick}\r\n      style={styles.button}\r\n    >\r\n      <View style={styles.inner}>\r\n        {icon && (\r\n          <>\r\n            <Ionicons size={30} style={styles.icon} name={icon} />\r\n          </>\r\n        )}\r\n        <Text style={styles.text}>{label}</Text>\r\n      </View>\r\n    </TouchableHighlight>\r\n  );\r\n}\r\n","import { useState } from 'react';\r\nimport { ChildType, MethodType, Utils } from 'react-crud-utils';\r\nimport {\r\n  Text,\r\n  TouchableOpacity,\r\n  StyleSheet,\r\n  Modal,\r\n  View,\r\n  StatusBar,\r\n  SafeAreaView,\r\n} from 'react-native';\r\nimport Icon from 'react-native-vector-icons/FontAwesome';\r\nimport UI from '../UI';\r\n\r\nexport default function UISelect(props: ChildType) {\r\n  const [modalVisible, setModalVisible] = useState(false);\r\n  const scope = props.scope;\r\n  const items = Utils.nvl(scope.getOptions(), []);\r\n  const placeholder = scope.attr('placeholder', 'Selecione...');\r\n  const value = scope.getDisplayValue();\r\n\r\n  const handlePress = () => {\r\n    setModalVisible(!modalVisible);\r\n  };\r\n\r\n  const onClick = ({ crud, value }: MethodType) => {\r\n    scope.changeValue(value);\r\n    handlePress();\r\n  };\r\n\r\n  return (\r\n    <View style={styles.root}>\r\n      <TouchableOpacity onPress={handlePress} style={styles.select}>\r\n        <Text style={styles.label}>{Utils.nvl(value, placeholder)}</Text>\r\n        <Icon name=\"angle-down\" size={20} color=\"#888\" />\r\n      </TouchableOpacity>\r\n      <Modal\r\n        animationType=\"slide\"\r\n        transparent={true}\r\n        visible={modalVisible}\r\n        onRequestClose={() => setModalVisible(false)}\r\n      >\r\n        <StatusBar barStyle=\"dark-content\" backgroundColor=\"#6200ea\" />\r\n        <SafeAreaView style={styles.safe}>\r\n          <View style={styles.header}>\r\n            <TouchableOpacity\r\n              onPress={() => setModalVisible(false)}\r\n              style={styles.closeButton}\r\n            >\r\n              <Text style={styles.closeText}>X</Text>\r\n            </TouchableOpacity>\r\n            <Text style={styles.title}>Título do Modal</Text>\r\n          </View>\r\n          <View style={styles.content}>\r\n            <UI.List data={items} name={scope.getName('list')} click={onClick}>\r\n              <UI.Value value=\"#{@this.label}\" />\r\n            </UI.List>\r\n          </View>\r\n        </SafeAreaView>\r\n      </Modal>\r\n    </View>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  safe: {\r\n    flex: 1,\r\n    backgroundColor: '#f5f5f5',\r\n    paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android\r\n  },\r\n  root: {\r\n    justifyContent: 'flex-start',\r\n    alignItems: 'flex-start',\r\n  },\r\n  select: {\r\n    width: '100%',\r\n    flexDirection: 'row',\r\n    borderWidth: 1,\r\n    borderColor: '#a9a9a9',\r\n    borderRadius: 20,\r\n    paddingHorizontal: 15,\r\n    paddingVertical: 10,\r\n  },\r\n  item: { width: '100%' },\r\n  label: { flex: 1 },\r\n  header: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    padding: 15,\r\n    backgroundColor: '#6200ea',\r\n  },\r\n  closeButton: {\r\n    padding: 10,\r\n  },\r\n  closeText: {\r\n    fontSize: 18,\r\n    color: 'white',\r\n  },\r\n  title: {\r\n    fontSize: 18,\r\n    color: 'white',\r\n    fontWeight: 'bold',\r\n    marginLeft: 10,\r\n  },\r\n  content: {\r\n    flex: 1,\r\n    width: '100%',\r\n    alignSelf: 'flex-start',\r\n    flexDirection: 'row',\r\n    flexWrap: 'wrap',\r\n    padding: 20,\r\n  },\r\n});\r\n","import { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { Switch } from 'react-native';\r\n\r\nexport default function UISwitch(props: ChildType) {\r\n  const scope = props.scope;\r\n  const initial = Utils.nvl(scope.getValue(), false) as boolean;\r\n  const [value, setValue] = useState(initial);\r\n\r\n  let onChange = v => {\r\n    scope.changeValue(v);\r\n\r\n    setValue(v);\r\n  };\r\n\r\n  return (\r\n    <Switch\r\n      value={value}\r\n      onValueChange={onChange} // Alterna o estado\r\n    />\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIOption(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIRadio(props: any) {\r\n  const handlePress = () => {\r\n    Linking.openURL('https://reactnative.dev/');\r\n  };\r\n\r\n  return (\r\n    <TouchableOpacity onPress={handlePress}>\r\n      <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n    </TouchableOpacity>\r\n  );\r\n}\r\n\r\nconst styles = {\r\n  link: {},\r\n};\r\n","import { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, TextInput, View } from 'react-native';\r\n\r\nexport default function UIInput(props: ChildType) {\r\n  let scope = props.scope;\r\n  let initial = Utils.nvl(scope.getValue(), '');\r\n\r\n  let label = scope.getLabel();\r\n  let placeholder = scope.getPart('placeholder', null, label);\r\n  let el = scope.original;\r\n\r\n  const [value, setValue] = useState(initial);\r\n\r\n  let onChange = v => {\r\n    scope.changeValue(v);\r\n\r\n    setValue(v);\r\n  };\r\n\r\n  return (\r\n    <View style={styles.base}>\r\n      {scope.getPart('left')}\r\n      <TextInput\r\n        style={styles.input}\r\n        onChangeText={onChange}\r\n        value={value}\r\n        placeholder={placeholder}\r\n      />\r\n      {scope.getPart('right')}\r\n    </View>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  base: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    borderWidth: 1,\r\n    borderColor: '#a9a9a9',\r\n    borderRadius: 20,\r\n    paddingHorizontal: 10,\r\n    paddingVertical: 5,\r\n    padding: 10,\r\n    paddingLeft: 5,\r\n    paddingRight: 10,\r\n  },\r\n  icon: {\r\n    marginRight: 10, // Espaço entre ícone e input\r\n  },\r\n  input: {\r\n    marginHorizontal: 10,\r\n    marginVertical: 5,\r\n    flex: 1, // Para o input ocupar o espaço restante\r\n  },\r\n});\r\n","import React, { useState } from 'react';\r\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\r\nimport UIChildren from '../UIChildren';\r\n\r\ninterface UIListRowType extends ChildType {\r\n  item: any;\r\n  index: number;\r\n}\r\n\r\nexport default function UIListRow(props: UIListRowType) {\r\n  const parent = props.scope;\r\n  const item = props.item;\r\n  const row = {\r\n    parent,\r\n    crud: parent.crud,\r\n    index: props.index,\r\n    type: 'row',\r\n    data: item,\r\n  };\r\n  let [scope] = useState(ScopeUtils.create(row));\r\n\r\n  return (\r\n    <>\r\n      <UIChildren scope={scope} crud={scope.crud}>\r\n        {props.children}\r\n      </UIChildren>\r\n    </>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\r\nimport UIListRow from './UIListRow';\r\nimport UI from '../UI';\r\nimport Icon from 'react-native-vector-icons/FontAwesome';\r\n\r\nexport default function UIList(props: ChildType) {\r\n  const scope = props.scope;\r\n  const crud = scope.crud;\r\n  const items = Utils.nvl(scope.getItems(), []);\r\n  const onClick = (item: any) => {\r\n    console.log(item);\r\n    scope.call('click', { value: item, item });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <UI.Text\r\n        placeholder=\"Pesquisar...\"\r\n        field=\"query\"\r\n        crud={crud}\r\n        right={<Icon name=\"eye\" size={20} color=\"#888\" />}\r\n      />\r\n\r\n      <View style={styles.container}>\r\n        {items.map((item: any, i: number) => (\r\n          <TouchableHighlight\r\n            key={`k-${i}`}\r\n            style={styles.item}\r\n            onPress={e => {\r\n              onClick(item);\r\n            }}\r\n          >\r\n            <UIListRow scope={scope} item={item} index={i}>\r\n              {props.children}\r\n            </UIListRow>\r\n          </TouchableHighlight>\r\n        ))}\r\n      </View>\r\n    </>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    width: '100%',\r\n  },\r\n  item: {\r\n    padding: 15,\r\n    marginVertical: 8,\r\n    backgroundColor: '#f5f5f5',\r\n    borderRadius: 8,\r\n    width: '100%',\r\n  },\r\n  text: {\r\n    fontSize: 18,\r\n    fontWeight: 'bold',\r\n  },\r\n});\r\n","import React, { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\r\nimport UIListRow from './UIListRow';\r\n\r\nexport default function UIToggle(props: ChildType) {\r\n  const scope = props.scope;\r\n  const options = Utils.nvl(scope.getOptions(), []);\r\n  const value = scope.getInputValue();\r\n\r\n  let [index, setIndex] = useState(0);\r\n\r\n  const onClick = (item: any) => {\r\n    scope.changeValue(item.object);\r\n    setIndex(++index);\r\n  };\r\n\r\n  const Item = ({ item, index }) => {\r\n    if (Utils.isEmpty(props.children)) {\r\n      return <Text>{item.label}</Text>;\r\n    }\r\n\r\n    return (\r\n      <UIListRow scope={scope} item={item.object} index={index}>\r\n        {props.children}\r\n      </UIListRow>\r\n    );\r\n  };\r\n\r\n  const getItemStyle = (item: any) => {\r\n    let style = { ...styles.item, ...scope.getStyle('item') };\r\n\r\n    if (item?.value === value) {\r\n      let st = scope.getStyle('selected');\r\n\r\n      style = { ...style, ...st };\r\n\r\n      style.backgroundColor = scope.getPart(\r\n        'selectedColor',\r\n        undefined,\r\n        '#55a46f'\r\n      );\r\n\r\n      if (!st.color) {\r\n        st.color = '#ffffff';\r\n      }\r\n    }\r\n\r\n    return style;\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <View style={styles.container}>\r\n        {options.map((item: any, i: number) => (\r\n          <TouchableHighlight\r\n            key={`k-${i}`}\r\n            style={getItemStyle(item)}\r\n            onPress={e => {\r\n              onClick(item);\r\n            }}\r\n          >\r\n            <Item item={item} index={i} />\r\n          </TouchableHighlight>\r\n        ))}\r\n      </View>\r\n    </>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    width: '100%',\r\n    gap: 10,\r\n    justifyContent: 'center',\r\n    flexDirection: 'row',\r\n  },\r\n  item: {\r\n    padding: 15,\r\n    marginVertical: 8,\r\n    backgroundColor: '#f5f5f5',\r\n    borderRadius: 8,\r\n    width: 'auto',\r\n    flexDirection: 'row',\r\n  },\r\n  text: {\r\n    fontSize: 18,\r\n    fontWeight: 'bold',\r\n  },\r\n});\r\n","import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\r\nimport UIChildren from './UIChildren';\r\nimport ElTabs from './tabs/ElTabs';\r\nimport ElChart from './charts/ElChart';\r\nimport UIComplete from './UIComplete';\r\nimport {\r\n  Crud,\r\n  HtmlUtils,\r\n  ScopeUtils,\r\n  Utils,\r\n  ElementType,\r\n} from 'react-crud-utils';\r\nimport UILink from './core/UILink';\r\nimport UIIcon from './core/UIIcon';\r\nimport UIButton from './core/UIButton';\r\nimport UISelect from './core/UISelect';\r\nimport UISwitch from './core/UISwitch';\r\nimport UIOption from './core/UIOption';\r\nimport UIRadio from './core/UIRadio';\r\nimport UIInput from './core/UIInput';\r\nimport { Image, Linking, StyleSheet, Text, View } from 'react-native';\r\nimport UIList from './core/UIList';\r\nimport UIToggle from './core/UIToggle';\r\n\r\nexport default function UIElement(props: ElementType) {\r\n  let [scope] = useState(ScopeUtils.create(props));\r\n  let [index, setIndex] = useState(0);\r\n  let [error, setError]: string | any = useState(null);\r\n  let options: any = scope.getOptions();\r\n  let crud: Crud = Utils.nvl(props.crud, scope.crud);\r\n  let original = scope.original;\r\n  let type = original.type;\r\n  let ref = useRef(null);\r\n\r\n  scope.update = () => {\r\n    setIndex(++index);\r\n  };\r\n\r\n  let router: any = {\r\n    list: UIList,\r\n    tabs: ElTabs,\r\n    chart: ElChart,\r\n  };\r\n\r\n  let CurrentRouter = () => {\r\n    if (router[type]) {\r\n      let Aux = router[type];\r\n\r\n      return <Aux crud={crud} {...props} scope={scope} />;\r\n    }\r\n    return <></>;\r\n  };\r\n\r\n  const Custom = () => {\r\n    let c: any = original.custom;\r\n\r\n    if (c) {\r\n      if (typeof c === 'string') {\r\n        return (\r\n          <UIElement\r\n            element={{ value: c, type: 'dummy' }}\r\n            crud={crud}\r\n          ></UIElement>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <UIElement\r\n          type={c.type}\r\n          tag={c.type}\r\n          {...c.props}\r\n          crud={crud}\r\n        ></UIElement>\r\n      );\r\n    }\r\n\r\n    return <></>;\r\n  };\r\n\r\n  if (scope.is('type', 'dummy')) {\r\n    return <>{scope.getDisplayValue()}</>;\r\n  }\r\n\r\n  let onCheck = () => {\r\n    let v = scope.getValue();\r\n    let check = !(v === true);\r\n\r\n    onChange({ target: { value: check } });\r\n  };\r\n\r\n  let onChange = (e: any) => {\r\n    let val = e.target.value;\r\n\r\n    if (scope.isType('integer', 'int', 'number')) {\r\n      val = parseInt(val);\r\n    } else if (scope.isType('decimal')) {\r\n      val = parseFloat(val);\r\n    }\r\n\r\n    if (scope.isType('select', 'complete')) {\r\n      val = scope.getSelectedItem(val);\r\n    }\r\n\r\n    scope.changeValue(val);\r\n    scope.update();\r\n  };\r\n\r\n  let onClick = (e: any) => {\r\n    scope.call('click');\r\n  };\r\n\r\n  let defaultsInput: any = {\r\n    scope,\r\n    crud,\r\n    onChange: onChange,\r\n  };\r\n\r\n  if (scope.isType('password')) {\r\n    defaultsInput.type = 'password';\r\n  }\r\n\r\n  let isChecked = () => {\r\n    let v = scope.getValue();\r\n\r\n    return v === true;\r\n  };\r\n\r\n  let hasChildren = () => {\r\n    if (scope.isInput()) {\r\n      return false;\r\n    }\r\n\r\n    return !Utils.isEmpty(props.children) || !Utils.isEmpty(props.elements);\r\n  };\r\n\r\n  const getStyle = (part?: string) => {\r\n    let type = Utils.nvl(original.type, 'none');\r\n    let key = Utils.nvl(part, 'root');\r\n    let def = { ...styles[key], ...elementStyle?.[type]?.[key] };\r\n    let hasChild = hasChildren();\r\n\r\n    if (!part && !hasChild) {\r\n      def = { ...def };\r\n    }\r\n\r\n    if (hasChild && part) {\r\n      def = { ...def, ...withChildStyles[part] };\r\n    }\r\n\r\n    def = { ...def, ...elementStyle?.[type]?.[key] };\r\n\r\n    return { ...def, ...scope.getStyle(part) };\r\n  };\r\n\r\n  let elStyle = getStyle('element');\r\n\r\n  let defaultsUI: any = {\r\n    required: scope.isRequired(),\r\n    size: 'small',\r\n    scope,\r\n    crud,\r\n    style: elStyle,\r\n    placeholder: scope.attr('placeholder', 'Digite aqui'),\r\n  };\r\n\r\n  if (!scope.isRendered() || scope.is('type', 'define')) {\r\n    return <></>;\r\n  }\r\n\r\n  scope.error = (msg: string) => {\r\n    error = msg;\r\n    setError(msg);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!scope.ready) {\r\n      scope.ready = true;\r\n\r\n      scope.call('load');\r\n\r\n      if (scope.isType('list', 'repeat')) {\r\n        scope.search();\r\n      } else if (original.list) {\r\n        scope.call('list');\r\n      }\r\n      scope.start();\r\n    }\r\n  });\r\n\r\n  const CustomIcon = () => {\r\n    if (typeof original.icon === 'string') {\r\n      return <UIIcon>{scope.getIcon()}</UIIcon>;\r\n    }\r\n    return <>{original.icon}</>;\r\n  };\r\n\r\n  let hasCustomRoute = () => {\r\n    if (router[type]) return true;\r\n    return false;\r\n  };\r\n\r\n  scope.open = (args: any) => {\r\n    Linking.openURL(args.url);\r\n  };\r\n\r\n  if (scope.isType('dialog')) {\r\n    let name = original.name;\r\n\r\n    if (!crud.dialogs[name]) {\r\n      let dlg: any = { config: { ...original } };\r\n\r\n      dlg.component = (args: any) => {\r\n        return <UIChildren {...props} scope={scope} crud={crud} />;\r\n      };\r\n\r\n      crud.dialogs[name] = dlg;\r\n    }\r\n    return <></>;\r\n  }\r\n\r\n  useLayoutEffect(() => {\r\n    if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\r\n      let el: any = ref?.current;\r\n\r\n      if (el?.classList) {\r\n        let bg = HtmlUtils.getBGColor(el);\r\n\r\n        if (bg === 'rgb(255, 255, 255)') {\r\n          el.classList.add('ui-dark');\r\n        } else {\r\n          el.classList.add('ui-light');\r\n        }\r\n      }\r\n    }\r\n  });\r\n\r\n  const isShowLabel = () => {\r\n    if (typeof original.label !== 'undefined' && !scope.isType('button')) {\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  };\r\n\r\n  const isShowInner = () => {\r\n    if (hasChildren() || hasCustomRoute()) {\r\n      return false;\r\n    }\r\n    return true;\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <View ref={ref} style={getStyle()}>\r\n        <>\r\n          {isShowLabel() && (\r\n            <Text style={getStyle('label')}>{scope.getLabel()}</Text>\r\n          )}\r\n          {isShowInner() && (\r\n            <>\r\n              <View style={getStyle('inner')}>\r\n                {scope.is('type', 'button') && (\r\n                  <UIButton\r\n                    {...defaultsUI}\r\n                    onClick={onClick}\r\n                    variant={scope.attr('variant', 'outlined')}\r\n                  >\r\n                    {original.icon && <CustomIcon />}\r\n                    {original.label && (\r\n                      <Text style={scope.getPart('label', 'button')}>\r\n                        {scope.getLabel()}\r\n                      </Text>\r\n                    )}\r\n                  </UIButton>\r\n                )}\r\n                {scope.is('type', 'icon') && (\r\n                  <UIIcon\r\n                    {...defaultsUI}\r\n                    onClick={onClick}\r\n                    variant={scope.attr('variant', 'outlined')}\r\n                  >\r\n                    {scope.getDisplayValue()}\r\n                  </UIIcon>\r\n                )}\r\n                {scope.is('type', 'link') && (\r\n                  <UILink\r\n                    {...defaultsUI}\r\n                    onClick={onClick}\r\n                    variant={scope.attr('variant', 'outlined')}\r\n                  >\r\n                    {original.icon && <CustomIcon />}\r\n                    {original.label && (\r\n                      <Text style={scope.getPart('label', 'link')}>\r\n                        {scope.getLabel()}\r\n                      </Text>\r\n                    )}\r\n                  </UILink>\r\n                )}\r\n                {scope.is(\r\n                  'type',\r\n                  'text',\r\n                  'number',\r\n                  'phone',\r\n                  'postalCode',\r\n                  'money',\r\n                  'password',\r\n                  'email'\r\n                ) && (\r\n                  <UIInput\r\n                    {...defaultsInput}\r\n                    {...defaultsUI}\r\n                    InputProps={{ ...original.inputProps }}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'complete', 'autocomplete') && (\r\n                  <UIComplete\r\n                    scope={scope}\r\n                    defaultsInput={defaultsInput}\r\n                    defaultsUI={defaultsUI}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'checkbox', 'boolean', 'switch') && (\r\n                  <UISwitch\r\n                    checked={isChecked()}\r\n                    {...defaultsInput}\r\n                    onChange={onCheck}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'select') && (\r\n                  <UISelect\r\n                    {...defaultsInput}\r\n                    {...defaultsUI}\r\n                    value={scope.getSelectedValue()}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'toggle') && (\r\n                  <UIToggle\r\n                    {...defaultsInput}\r\n                    {...defaultsUI}\r\n                    value={scope.getSelectedValue()}\r\n                  />\r\n                )}\r\n                {scope.is('type', 'radio') && (\r\n                  <UIRadio {...defaultsInput} {...defaultsUI} row>\r\n                    {options.map((row: any, i: number) => (\r\n                      <UIOption\r\n                        key={'i' + i}\r\n                        control={<UIRadio {...defaultsUI} />}\r\n                        label={row.label}\r\n                        value={row.value}\r\n                      />\r\n                    ))}\r\n                  </UIRadio>\r\n                )}\r\n                {scope.is('type', 'custom') && <Custom />}\r\n                {scope.is('type', 'column') && (\r\n                  <>\r\n                    {scope.is('format', 'img') && (\r\n                      <Image source={scope.getDisplayValue()} />\r\n                    )}\r\n                    {scope.is('format', 'icon') && (\r\n                      <UIIcon className={scope.getDisplayValue()} />\r\n                    )}\r\n                    {!scope.is('format', 'icon', 'img') && (\r\n                      <Text>{scope.getDisplayValue()}</Text>\r\n                    )}\r\n                  </>\r\n                )}\r\n                {scope.is('type', 'output', 'value') && (\r\n                  <Text>{scope.getDisplayValue()}</Text>\r\n                )}\r\n              </View>\r\n              {error && <View style={getStyle('error')}>{error}</View>}\r\n            </>\r\n          )}\r\n          <CurrentRouter />\r\n          {!scope.is('type', 'tabs', 'grid', 'list', 'define', 'repeat') && (\r\n            <UIChildren {...props} scope={scope} crud={crud} />\r\n          )}\r\n        </>\r\n      </View>\r\n    </>\r\n  );\r\n}\r\n\r\nconst box: any = {\r\n  backgroundColor: 'white',\r\n  padding: 16,\r\n  borderRadius: 10,\r\n  width: '100%',\r\n  shadowColor: '#888', // iOS\r\n  shadowOffset: { width: 0, height: 1 }, // iOS\r\n  shadowOpacity: 0.25, // iOS\r\n  shadowRadius: 3.84, // iOS\r\n  elevation: 3, // Android\r\n};\r\n\r\nconst elementStyle: any = {};\r\n\r\nelementStyle.card = StyleSheet.create({\r\n  root: {\r\n    ...box,\r\n  },\r\n  inner: {\r\n    flex: 1,\r\n    width: '100%',\r\n    paddingBottom: 10,\r\n    paddingTop: 5,\r\n    alignSelf: 'flex-start',\r\n    flexDirection: 'row',\r\n    flexWrap: 'wrap',\r\n  },\r\n});\r\n\r\nelementStyle.toggle = StyleSheet.create({\r\n  inner: {\r\n    ...box,\r\n    flex: 1,\r\n    width: '100%',\r\n    paddingHorizontal: 10,\r\n    paddingVertical: 10,\r\n    alignSelf: 'flex-start',\r\n    flexDirection: 'row',\r\n    flexWrap: 'wrap',\r\n  },\r\n});\r\n\r\nelementStyle.list = {\r\n  ...elementStyle.card,\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n  root: {\r\n    gap: 5,\r\n    flexDirection: 'column',\r\n    flexWrap: 'wrap',\r\n    width: '100%',\r\n    alignItems: 'flex-start',\r\n  },\r\n  label: { width: '100%', fontWeight: 500, fontSize: 12 },\r\n  inner: { width: '100%', paddingBottom: 5, paddingTop: 5 },\r\n});\r\n\r\nconst withChildStyles = StyleSheet.create({\r\n  root: {\r\n    gap: 10,\r\n  },\r\n  label: {\r\n    width: '100%',\r\n    fontWeight: 500,\r\n    fontSize: 24,\r\n  },\r\n});\r\n","import UIChildren from '../UIChildren';\r\nimport { ComponentUtils, DefineType, Utils } from 'react-crud-utils';\r\n\r\nexport default function UIInclude(props: DefineType) {\r\n  if (props.rendered === false) {\r\n    return <></>;\r\n  }\r\n\r\n  let includes = ComponentUtils.getDefine(props, props.name, props.position);\r\n\r\n  if (Utils.isEmpty(includes)) {\r\n    includes = props.default;\r\n  }\r\n\r\n  if (!Utils.isEmpty(includes)) {\r\n    let Aux = (tagProp: any) => {\r\n      let Tag: any = props.tag;\r\n\r\n      if (!Utils.isEmpty(Tag)) {\r\n        return <Tag {...tagProp}>{tagProp.children}</Tag>;\r\n      }\r\n      return <>{tagProp.children}</>;\r\n    };\r\n\r\n    return (\r\n      <Aux {...props.tagProps}>\r\n        <UIChildren\r\n          transient\r\n          {...props}\r\n          scope={props.scope}\r\n          crud={props.crud}\r\n          part={props.name}\r\n        >\r\n          {includes}\r\n        </UIChildren>\r\n      </Aux>\r\n    );\r\n  }\r\n  return <>{includes}</>;\r\n}\r\n","import { ListType } from 'react-crud-utils';\r\nimport { UserType } from 'react-crud-utils';\r\nimport { InputType } from 'react-crud-utils';\r\nimport { ChartType } from 'react-crud-utils';\r\nimport { ContainerType } from 'react-crud-utils';\r\nimport { ListInputType } from 'react-crud-utils';\r\nimport UIElement from './UIElement';\r\nimport { TabsType } from 'react-crud-utils';\r\nimport { DefineType } from 'react-crud-utils';\r\nimport { ButtonType } from 'react-crud-utils';\r\nimport { LinkType } from 'react-crud-utils';\r\nimport UIInclude from './core/UIInclude';\r\n\r\nconst UI = {\r\n  List: (props: ListType) => <UIElement {...props} type=\"list\" />,\r\n  Value: (props: UserType) => <UIElement {...props} type=\"value\" />,\r\n  Label: (props: UserType) => <UIElement {...props} type=\"label\" />,\r\n  Repeat: (props: ListType) => <UIElement {...props} type=\"repeat\" />,\r\n  Define: (props: DefineType) => <UIElement {...props} type=\"define\" />,\r\n  Include: (props: DefineType) => <UIInclude {...props} />,\r\n  Column: ({ type = 'column', ...props }: UserType) => (\r\n    <UIElement {...props} type=\"column\" />\r\n  ),\r\n  Input: (props: InputType) => <UIElement {...props} />,\r\n  Text: (props: InputType) => <UIElement {...props} type=\"text\" />,\r\n  Email: (props: InputType) => <UIElement {...props} type=\"email\" />,\r\n  Button: (props: ButtonType) => <UIElement {...props} type=\"button\" />,\r\n  Link: (props: LinkType) => <UIElement {...props} type=\"link\" />,\r\n  Icon: (props: ButtonType) => <UIElement {...props} type=\"icon\" />,\r\n  Output: (props: ContainerType) => <UIElement {...props} type=\"output\" />,\r\n  Form: (props: ContainerType) => <UIElement {...props} type=\"form\" />,\r\n  Crud: (props: ContainerType) => <UIElement {...props} type=\"crud\" />,\r\n  View: (props: ContainerType) => (\r\n    <UIElement {...props} type=\"view\" transient />\r\n  ),\r\n  Bottom: (props: ContainerType) => <UIElement {...props} type=\"bottom\" />,\r\n  Dialog: (props: ContainerType) => <UIElement {...props} type=\"dialog\" />,\r\n  Content: (props: ContainerType) => <UIElement {...props} type=\"content\" />,\r\n  Top: (props: ContainerType) => <UIElement {...props} type=\"top\" />,\r\n  Card: (props: ContainerType) => <UIElement {...props} type=\"card\" />,\r\n  Tab: (props: ContainerType) => <UIElement {...props} type=\"tab\" />,\r\n  Tabs: (props: TabsType) => <UIElement {...props} type=\"tabs\" />,\r\n  Step: (props: ContainerType) => (\r\n    <UIElement {...props} type=\"tab\" layout=\"step\" />\r\n  ),\r\n  Stepper: (props: TabsType) => (\r\n    <UIElement {...props} type=\"tabs\" layout=\"stepper\" />\r\n  ),\r\n  Money: (props: InputType) => <UIElement {...props} type=\"money\" />,\r\n  Chart: (props: ChartType) => <UIElement {...props} type=\"chart\" />,\r\n  Password: (props: InputType) => <UIElement {...props} type=\"password\" />,\r\n  Complete: (props: InputType) => <UIElement {...props} type=\"complete\" />,\r\n  Checkbox: (props: InputType) => <UIElement {...props} type=\"switch\" />,\r\n  Switch: (props: InputType) => <UIElement {...props} type=\"switch\" />,\r\n  Radio: (props: ListInputType) => <UIElement {...props} type=\"radio\" />,\r\n  Select: (props: ListInputType) => <UIElement {...props} type=\"select\" />,\r\n  Toggle: (props: ListInputType) => <UIElement {...props} type=\"toggle\" />,\r\n  Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\r\n  Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\r\n};\r\nexport default UI;\r\n"],"names":["UIChildren","props","scope","useState","Utils","nvl","ScopeUtils","create","crud","validateScope","name","part","isInput","_jsx","_Fragment","key","Paint","_ref","child","children","Custom","type","pps","_extends","isEmpty","transient","parent","Draw","elements","Object","entries","map","t","k","UIElement","React","Children","View","style","styles","getStyle","StyleSheet","width","inner","ElTabs","_useState","selectedIndex","setSelectedIndex","element","original","items","getItems","counter","tabs","_useState2","selected","setSelected","onChangeTab","tab","validate","execute","event","action","changeValue","data","index","getStyleClass","s","_selected","addTab","item","crudTab","CrudUtils","changed","resolve","rendered","push","i","nav","isStepper","layout","className","_jsxs","onClick","label","id","UI","Output","space","Include","default","Button","icon","Ionicons","click","length","ElChart","asList","columns","UIAutoComplete","TouchableOpacity","onPress","Linking","openURL","Text","link","UIComplete","AutoComplete","defaultsInput","defaultsUI","UILink","UIIcon","UIButton","color","text","lineHeight","fontWeight","textAlign","textStyle","flex","flexDirection","flexWrap","alignItems","margin","fontSize","paddingRight","button","padding","paddingLeft","minWidth","verticalAling","borderRadius","backgroundColor","buttonStyle","TouchableHighlight","underlayColor","e","size","UISelect","modalVisible","setModalVisible","getOptions","placeholder","attr","value","getDisplayValue","handlePress","root","select","Icon","Modal","animationType","transparent","visible","onRequestClose","StatusBar","barStyle","SafeAreaView","safe","header","closeButton","closeText","title","content","List","getName","Value","paddingTop","currentHeight","justifyContent","borderWidth","borderColor","paddingHorizontal","paddingVertical","marginLeft","alignSelf","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","getPart","base","TextInput","input","onChangeText","marginRight","marginHorizontal","marginVertical","UIListRow","UIList","field","right","container","console","log","call","UIToggle","options","getInputValue","setIndex","Item","object","getItemStyle","st","undefined","gap","_useState3","error","setError","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","onChange","val","target","isType","parseInt","parseFloat","getSelectedItem","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","_elementStyle$type2","elStyle","required","isRequired","isRendered","msg","useEffect","ready","search","start","CustomIcon","getIcon","open","args","url","dialogs","dlg","config","useLayoutEffect","current","el","classList","bg","HtmlUtils","getBGColor","add","variant","InputProps","inputProps","checked","getSelectedValue","row","control","Image","source","box","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","card","paddingBottom","toggle","UIInclude","includes","ComponentUtils","getDefine","position","tagProp","Tag","tagProps","Label","Repeat","Define","Column","_objectWithoutPropertiesLoose","_excluded","Input","Email","Link","Form","Crud","Bottom","Dialog","Content","Top","Card","Tab","Tabs","Step","Stepper","Money","Chart","Password","Complete","Checkbox","Radio","Select","Toggle","Entity","Element"],"mappings":"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"}

package/dist/react-crud-mobile.esm.js

@@ -715,7 +715,6 @@ function UIToggle(props) {
   var _useState = useState(0),
     index = _useState[0],
     setIndex = _useState[1];
-  console.log(value);
   var onClick = function onClick(item) {
     scope.changeValue(item.object);
     setIndex(++index);
@@ -735,12 +734,24 @@ function UIToggle(props) {
       children: props.children
     });
   };
+  var getItemStyle = function getItemStyle(item) {
+    var style = _extends({}, styles$9.item, scope.getStyle('item'));
+    if ((item == null ? void 0 : item.value) === value) {
+      var st = scope.getStyle('selected');
+      style = _extends({}, style, st);
+      style.backgroundColor = scope.getPart('selectedColor', undefined, '#55a46f');
+      if (!st.color) {
+        st.color = '#ffffff';
+      }
+    }
+    return style;
+  };
   return /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/jsx(View, {
       style: styles$9.container,
       children: options.map(function (item, i) {
         return /*#__PURE__*/jsx(TouchableHighlight, {
-          style: styles$9.item,
+          style: getItemStyle(item),
           onPress: function onPress(e) {
             onClick(item);
           },