react-crud-mobile 1.0.108 → 1.0.110

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

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

@@ -511,23 +511,26 @@ var styles$7 = /*#__PURE__*/StyleSheet.create({
 function UIList(props) {
   var scope = props.scope;
   var items = scope.getItems();
-  return /*#__PURE__*/jsx(FlatList, {
-    data: items // Dados da lista
-    ,
-    keyExtractor: function keyExtractor(item) {
-      return item.id;
-    } // Chave única
-    ,
-    renderItem: function renderItem(_ref) {
-      var item = _ref.item;
-      return /*#__PURE__*/jsx(View, {
-        style: styles$8.item,
-        children: /*#__PURE__*/jsx(Text, {
-          style: styles$8.text,
-          children: item.name
-        })
-      });
-    }
+  return /*#__PURE__*/jsx(View, {
+    style: styles$8.container,
+    children: /*#__PURE__*/jsx(FlatList, {
+      data: items // Dados da lista
+      ,
+      keyExtractor: function keyExtractor(item) {
+        return item.id;
+      } // Chave única
+      ,
+      renderItem: function renderItem(_ref) {
+        var item = _ref.item;
+        return /*#__PURE__*/jsx(View, {
+          style: styles$8.item,
+          children: /*#__PURE__*/jsx(Text, {
+            style: styles$8.text,
+            children: item.name
+          })
+        });
+      }
+    })
   });
 }
 var styles$8 = /*#__PURE__*/StyleSheet.create({