react-crud-mobile 1.0.117 → 1.0.119

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';\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 { StyleSheet, Text, View } from 'react-native';\n\nexport default function UIList(props: ChildType) {\n  const scope = props.scope;\n  const items = Utils.nvl(scope.getItems(), []);\n\n  return (\n    <View style={styles.container}>\n      {items.map((item: any, i: number) => (\n        <View key={`k-${i}`} style={styles.item}>\n          <Text style={styles.text}>{item.name}</Text>\n        </View>\n      ))}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%',\n  },\n  item: {\n    padding: 15,\n    marginVertical: 8,\n    backgroundColor: '#f9c2ff',\n    borderRadius: 8,\n    width: '100%',\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';\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\nelementStyle.list = {\n  ...elementStyle.card,\n};\n\nconst styles = StyleSheet.create({\n  root: {\n    gap: 5,\n    flexDirection: 'column',\n    flexWrap: 'wrap',\n    width: '100%',\n    marginBottom: 10,\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","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","marginBottom","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/UIListRow.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';\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 { 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';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, TextInput } 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\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    <TextInput\r\n      style={styles.input}\r\n      onChangeText={onChange}\r\n      value={value}\r\n      placeholder={placeholder}\r\n    />\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  input: {\r\n    borderRadius: 20,\r\n    padding: 10,\r\n    paddingLeft: 20,\r\n    paddingRight: 20,\r\n    height: 40,\r\n    borderWidth: 1,\r\n    borderColor: '#a9a9a9',\r\n    width: '100%',\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, View } from 'react-native';\r\nimport UIListRow from './UIListRow';\r\n\r\nexport default function UIList(props: ChildType) {\r\n  const scope = props.scope;\r\n  const items = Utils.nvl(scope.getItems(), []);\r\n\r\n  return (\r\n    <View style={styles.container}>\r\n      {items.map((item: any, i: number) => (\r\n        <View key={`k-${i}`} style={styles.item}>\r\n          <UIListRow scope={scope} item={item} index={i}>\r\n            {props.children}\r\n          </UIListRow>\r\n        </View>\r\n      ))}\r\n    </View>\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: '#f9c2ff',\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, { 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\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') {\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                    <UIOption value={''}>Selecione</UIOption>\r\n                    {options.map((row: any, i: number) => (\r\n                      <UIOption key={'i' + i} value={row.value}>\r\n                        {row.label}\r\n                      </UIOption>\r\n                    ))}\r\n                  </UISelect>\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') && (\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 elementStyle: any = {};\r\n\r\nelementStyle.card = StyleSheet.create({\r\n  root: {\r\n    backgroundColor: 'white',\r\n    padding: 16,\r\n    borderRadius: 10,\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  inner: { width: '100%', paddingBottom: 10, paddingTop: 5 },\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    marginBottom: 10,\r\n    alignItems: 'flex-start',\r\n  },\r\n  label: { width: '100%', fontWeight: 500, fontSize: 12 },\r\n  inner: { width: '100%', paddingBottom: 10 },\r\n});\r\n\r\nconst withChildStyles = StyleSheet.create({\r\n  label: {\r\n    width: '100%',\r\n    fontWeight: 500,\r\n    fontSize: 24,\r\n    paddingBottom: 10,\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  Grid: (props: ListType) => <UIElement {...props} type=\"list\" />,\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  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","UISwitch","initial","getValue","setValue","Switch","value","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","placeholder","getPart","TextInput","input","onChangeText","height","borderWidth","borderColor","UIListRow","UIList","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","marginBottom","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":"2iBAgBwBA,EAAWC,GACjC,IAAKC,EAASC,WAASC,QAAMC,IAAIJ,EAAMC,MAAOI,aAAWC,OAAON,QAC5DO,EAAOJ,QAAMC,IAAIJ,EAAMO,KAAMN,EAAMM,MACnCC,EAAgBL,QAAMC,IAAIJ,EAAMQ,cAAe,UAC/CC,EAAON,QAAMC,IAAIJ,EAAMU,KAAM,SAEjC,GAAIT,EAAMU,UACR,OAAOC,MAAAC,eAGT,IAgFkBH,EACZI,EAjFFC,EAAQ,SAAHC,OAAMC,EAAKD,EAALC,MACb,IAAKA,EACH,OAAOL,MAAAC,eAET,GAAqB,iBAAVI,EACT,OAAOL,MAAAC,YAAAK,SAAGD,IAGZ,IAAIE,EAASF,EAAMG,KACfC,EAAGC,KAAQL,EAAMjB,OAIrB,cAFOqB,EAAIH,SAEW,iBAAXC,EACLhB,QAAMoB,QAAQN,EAAMjB,MAAMkB,UACrBN,MAACO,EAAMG,KAAKD,IAGnBT,MAACO,EAAMG,KAAKD,GAAGH,SACbN,MAACb,EAAUuB,GACTE,aACAhB,cAAeA,GACXS,EAAMjB,OACVC,MAAOA,EACPM,KAAMA,QAIe,mBAAXY,EAEdP,MAACO,EAAMG,GACLd,cAAeA,GACXS,EAAMjB,OACVyB,OAAQxB,EACRM,KAAMA,KAKPJ,QAAMoB,QAAQN,EAAMjB,MAAMkB,UAWxBN,MAAAC,eATHD,MAACb,EAAUuB,GACTd,cAAeA,GACXS,EAAMjB,OACVC,MAAOA,EACPM,KAAMA,EACNiB,iBAOFE,EAAO,WACX,OAEId,MAAAC,WAFAb,EAAM2B,UAENT,SACGU,OAAOC,QAAQ7B,EAAM2B,UAAUG,KAAI,SAACC,EAAQC,GAC3C,OAAOpB,MAACqB,EAASX,GAACf,KAAMA,GAAUwB,EAAE,UAM1Cb,SACGgB,EAAMC,SAASL,IAAI9B,EAAMkB,UAAU,SAAAD,GAClC,OAAOL,MAACG,GAAME,MAAOA,UAM7B,OAAIjB,YACKY,MAACc,MAGNvB,QAAMoB,QAAQvB,EAAMkB,WAAaf,QAAMoB,QAAQvB,EAAM2B,UAChDf,MAAAC,eAWPD,MAAAC,YAAAK,SACEN,MAACwB,QAAKC,OATQ3B,EASQD,EARpBK,EAAMX,QAAMC,IAAIM,EAAM,QAG1BY,KAFUgB,EAAOxB,GAEGb,EAAMsC,SAAS7B,KAKLQ,SAC1BN,MAACc,UAMT,IAAMY,EAASE,aAAWlC,OAAO,CAC/BW,MAAO,CAAEwB,MAAO,QAChBC,MAAO,CAAED,MAAO,mBCrHME,EAAO3C,GAC7B,IAAIC,EAAQD,EAAMC,MAClB2C,EAA6C1C,WAAS,GAAjD2C,EAAaD,KAAEE,EAAgBF,KAChCG,EAAU9C,EAAM+C,SAChBC,EAAQhD,EAAMiD,WACdC,EAAU,EAEVC,EAAY,GAChBC,EAAmCnD,WAAS,MAAvCoD,EAAQD,KAAEE,EAAWF,KAEpBG,EAAc,SAACC,EAAUC,YAAAA,IAAAA,GAAW,GACpCD,GACFxD,EAAM0D,QAAQ,CACZC,MAAO,CACLF,SAAAA,EACAlD,cAAeuC,EAAQvC,cACvBqD,OAAQ,WACN5D,EAAM6D,YAAYL,EAAIM,MAEtBT,EAAWG,EAGXX,EAFAD,EAAgBY,EAAIO,OAGpBT,EAAYE,QAOhBQ,EAAgB,SAAClC,SACjBmC,EAAI,wBAKR,cAHIC,EAAAb,UAAAa,EAAUH,SAAUjC,EAAEiC,QACxBE,GAAQ,oBAEHA,GAGHE,EAAS,SAACnD,EAAYoD,GAC1B,IAAIrB,EAAQ1B,KAAQL,EAAMjB,OAErBqE,IACHA,EAAOpE,EAAMM,KAAKwD,MAGpB,IAAIO,EAAUC,YAAUjE,OAAO,OAAQ,CACrCyD,KAAMM,EACNG,QAASH,EACT5C,OAAQxB,EAAMM,OAGZwC,EAAU5C,QAAMsE,QAAQzB,EAAUsB,IAEb,IAArBvB,EAAQ2B,UAIZtB,EAAKuB,KAAIrD,KACJyB,GACH9B,MAAAA,EACA8B,QAAAA,EACAC,SAAAA,EACAgB,MAAOb,IACPY,KAAMM,MAIVnC,EAAMC,SAASL,IAAI9B,EAAMkB,UAAU,SAACD,EAAO+C,GACzC,GAAI7D,QAAMoB,QAAQ0B,GAChBmB,EAAOnD,EAAO,SAEd,IAAK,IAAM2D,KAAK3B,EAGdmB,EAAOnD,EAFCgC,EAAM2B,OAOftB,GACHE,EAAYJ,EAAKP,IAAgB,GAGnC,IAAMgC,EAAM,SAACD,GAGXpB,EAFQJ,EAAKP,EAAgB+B,KAa3BE,EAA+B,YAAnB/B,EAAQgC,OAExB,OACEnE,aACEoE,UAAW/E,EAAMgE,cAAc,SAC/B5B,MAAOpC,EAAMsC,SAAS,SAASrB,SAE/B+D,cAAKD,UAAU,kBAAiB9D,UAC9BN,aAAKoE,UAAU,gBAAe9D,SAC3BkC,EAAKtB,KAAI,SAACC,EAAQ6C,GAAS,OAC1BK,cAEED,UAAWf,EAAclC,GACzBmD,QAAS,WACP1B,EAAYzB,IACZb,UAED4D,GAAalE,aAAKoE,UAAU,wBAC7BC,cAAKD,UAAU,oBAAmB9D,UAC/B4D,GAAalE,aAAKoE,UAAU,iBAC7BpE,aAAKoE,UAAU,oBAAmB9D,SAC/B4D,EAAY/C,EAAEiC,MAAQ,EAAIjC,EAAEoD,aAV5BhF,QAAMW,IAAIiC,EAAQqC,GAAI,MAAOR,SAgBvCtB,GACC2B,OAAApE,YAAAK,UACG4D,GAAalE,aAAKoE,UAAU,gBAAe9D,SAAEoC,EAAS6B,QACvDvE,aAAKoE,UAAU,eAAc9D,SAC3BN,MAACb,EAAUuB,KAAKtB,GAAOC,MAAOA,EAAMiB,SACjCoC,EAASrC,WAGM,YAAnB8B,EAAQgC,QACPE,cAAKD,UAAU,kBAAiB9D,UAC9BN,MAACyE,EAAGC,QAAOC,MAAO,EAAGR,OAAO,OAAM7D,SAChCN,MAACyE,EAAGG,QAAOlE,KACLtB,GACJwB,aACAf,KAAK,OACLgF,QACE7E,MAACyE,EAAGK,QACFhB,SAAU7B,EAAgB,EAC1B8C,KAAM/E,MAACgF,MACPC,MAtDL,WACfhB,GAAK,WA0DOjE,MAACyE,EAAGC,QAAOC,MAAO,EAAGR,OAAO,QAAO7D,SACjCN,MAACyE,EAAGG,QAAOlE,KACLtB,GACJwB,aACAf,KAAK,QACLgF,QACE7E,MAACyE,EAAGK,QACFhB,SAAU7B,EAAgBO,EAAK0C,OAAS,EACxCH,KAAM/E,MAACgF,MACPC,MAhET,WACXhB,EAAI,+BCnGgBkB,EAAQ/F,GAC9B,IAAIC,EAAeD,EAAMC,MAIzB,OAHiBA,EAAMiD,WACT/C,QAAM6F,OAAO/F,EAAM+C,SAASiD,SAEnCrF,aAAKoE,UAAU,2BCNAkB,EAAelG,GAKrC,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCZgBC,EAAUzF,GAKhC,OACEJ,MAAAC,YAAAK,SACEN,MAAC8F,EAAYpF,KANJN,EAAb2F,cACU3F,EAAV4F,wBCHsBC,EAAO7G,GAK7B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCbgBM,EAAO9G,GAK7B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCXgBO,EAAS/G,GAC/B,IACI+C,EADQ/C,EAAMC,MACE+C,SAEhBgE,EAAQjE,EAAQiE,MAChB7B,EAAQpC,EAAQoC,MAChBQ,EAAO5C,EAAQ4C,KAEdqB,IAAOA,EAAQ,WAEpB,IAAM1E,EAAc,CAClB2E,KAAI3F,GACF0F,MAAO,UACPE,WAAY,GACZC,WAAY,MACZC,UAAW,UACRrE,EAAQsE,WAEb3E,MAAKpB,GACHgG,KAAM,EACNC,cAAe,MACfC,SAAU,OACVJ,UAAW,SACXK,WAAY,SACZC,OAAQ,QACL3E,EAAQsE,WAEb1B,KAAM,CACJqB,MAAO,OACPW,SAAU,GACVC,aAAc,IAEhBC,OAAMvG,GACJwG,QAAS,EACTL,WAAY,SACZM,YAAa,GACbH,aAAc,GACdI,SAAU,IACVN,OAAQ,EACRN,UAAW,SACXa,cAAe,SACff,WAAY,GACZgB,aAAc,GACdC,gBAAiBnB,EACjBA,MAAO,WACJjE,EAAQqF,cAUf,OACExH,MAACyH,sBACCC,cAAe,cACflC,QATY,SAACmC,GACc,mBAAlBxF,EAAQ8C,OACjB9C,EAAQ8C,MAAM0C,IAQdlG,MAAOC,EAAOuF,OAAO3G,SAErB+D,OAAC7C,QAAKC,MAAOC,EAAOI,MAAMxB,UACvByE,GACC/E,MAAAC,YAAAK,SACEN,MAACgF,YAAS4C,KAAM,GAAInG,MAAOC,EAAOqD,KAAMlF,KAAMkF,MAGlD/E,MAAC2F,QAAKlE,MAAOC,EAAO2E,KAAK/F,SAAEiE,kBCrEXsD,EAASzI,GAK/B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCXgBkC,EAAS1I,GAC/B,IAAMC,EAAQD,EAAMC,MACd0I,EAAUxI,QAAMC,IAAIH,EAAM2I,YAAY,GAC5ChG,EAA0B1C,WAASyI,GAArBE,EAAQjG,KAQtB,OACEhC,MAACkI,UACCC,MAVQnG,KAWRoG,cATW,SAAAC,GACbhJ,EAAM6D,YAAYmF,GAElBJ,EAASI,eCVWC,EAASlJ,GAK/B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCbgB2C,EAAQnJ,GAK9B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCXgB4C,EAAQpJ,GAC9B,IAAIC,EAAQD,EAAMC,MACd0I,EAAUxI,QAAMC,IAAIH,EAAM2I,WAAY,IAEtCzD,EAAQlF,EAAMoJ,WACdC,EAAcrJ,EAAMsJ,QAAQ,cAAe,KAAMpE,GAErDvC,EAA0B1C,WAASyI,GAArBE,EAAQjG,KAQtB,OACEhC,MAAC4I,aACCnH,MAAOC,EAAOmH,MACdC,aATW,SAAAT,GACbhJ,EAAM6D,YAAYmF,GAElBJ,EAASI,IAOPF,MAZQnG,KAaR0G,YAAaA,IAKnB,IAAMhH,EAASE,aAAWlC,OAAO,CAC/BmJ,MAAO,CACLvB,aAAc,GACdJ,QAAS,GACTC,YAAa,GACbH,aAAc,GACd+B,OAAQ,GACRC,YAAa,EACbC,YAAa,UACbpH,MAAO,mBC7BaqH,EAAU9J,GAChC,IAAMyB,EAASzB,EAAMC,MAShBA,EAASC,WAASG,aAAWC,OAPtB,CACVmB,OAAAA,EACAlB,KAAMkB,EAAOlB,KACbyD,MAAOhE,EAAMgE,MACb5C,KAAM,MACN2C,KANW/D,EAAMqE,WAUnB,OACEzD,MAAAC,YAAAK,SACEN,MAACb,GAAWE,MAAOA,EAAOM,KAAMN,EAAMM,KAAKW,SACxClB,EAAMkB,sBCnBS6I,EAAO/J,GAC7B,IAAMC,EAAQD,EAAMC,MACdgD,EAAQ9C,QAAMC,IAAIH,EAAMiD,WAAY,IAE1C,OACEtC,MAACwB,QAAKC,MAAOC,EAAO0H,UAAU9I,SAC3B+B,EAAMnB,KAAI,SAACuC,EAAWO,GAAS,OAC9BhE,MAACwB,QAAoBC,MAAOC,EAAO+B,KAAKnD,SACtCN,MAACkJ,GAAU7J,MAAOA,EAAOoE,KAAMA,EAAML,MAAOY,EAAE1D,SAC3ClB,EAAMkB,iBAFK0D,QAUxB,IAAMtC,EAASE,aAAWlC,OAAO,CAC/B0J,UAAW,CACT1C,KAAM,EACN7E,MAAO,QAET4B,KAAM,CACJyD,QAAS,GACTmC,eAAgB,EAChB9B,gBAAiB,UACjBD,aAAc,EACdzF,MAAO,QAETwE,KAAM,CACJU,SAAU,GACVR,WAAY,mBCbQlF,EAAUjC,GAChC,IAAKC,EAASC,WAASG,aAAWC,OAAON,OACzCqD,EAAwBnD,WAAS,GAA5B8D,EAAKX,KAAE6G,EAAQ7G,KACpB8G,EAAsCjK,WAAS,MAA1CkK,EAAKD,KAAEE,EAAQF,KAChBG,EAAerK,EAAMsK,aACrBhK,EAAaJ,QAAMC,IAAIJ,EAAMO,KAAMN,EAAMM,MACzCyC,EAAW/C,EAAM+C,SACjB5B,EAAO4B,EAAS5B,KAChBoJ,EAAMC,SAAO,MAEjBxK,EAAMyK,OAAS,WACbR,IAAWlG,IAGb,IAAI2G,EAAc,CAChBC,KAAMb,EACN3G,KAAMT,EACNkI,MAAO9E,GAGL+E,EAAgB,WAClB,OAAIH,EAAOvJ,GAGFR,MAFG+J,EAAOvJ,GAENE,GAACf,KAAMA,GAAUP,GAAOC,MAAOA,KAErCW,MAAAC,gBAGHM,EAAS,WACb,IAAI4J,EAAS/H,EAASgI,OAEtB,OAAID,EAGEnK,MAACqB,EAFY,iBAAN8I,GAGLhI,QAAS,CAAEgG,MAAOgC,EAAG3J,KAAM,SAC3Bb,KAAMA,GAMAe,GACRF,KAAM2J,EAAE3J,KACR6J,IAAKF,EAAE3J,MACH2J,EAAE/K,OACNO,KAAMA,KAKLK,MAAAC,gBAGT,GAAIZ,EAAMiL,GAAG,OAAQ,SACnB,OAAOtK,MAAAC,YAAAK,SAAGjB,EAAMkL,oBAGlB,IAOIC,EAAW,SAAC7C,GACd,IAAI8C,EAAM9C,EAAE+C,OAAOvC,MAEf9I,EAAMsL,OAAO,UAAW,MAAO,UACjCF,EAAMG,SAASH,GACNpL,EAAMsL,OAAO,aACtBF,EAAMI,WAAWJ,IAGfpL,EAAMsL,OAAO,SAAU,cACzBF,EAAMpL,EAAMyL,gBAAgBL,IAG9BpL,EAAM6D,YAAYuH,GAClBpL,EAAMyK,UAGJxF,EAAU,SAACqD,GACbtI,EAAM0L,KAAK,UAGThF,EAAqB,CACvB1G,MAAAA,EACAM,KAAAA,EACA6K,SAAUA,GAGRnL,EAAMsL,OAAO,cACf5E,EAAcvF,KAAO,YAGvB,IAMIwK,EAAc,WAChB,QAAI3L,EAAMU,WAIFR,QAAMoB,QAAQvB,EAAMkB,WAAcf,QAAMoB,QAAQvB,EAAM2B,YAG1DY,EAAW,SAAC7B,WACZU,EAAOjB,QAAMC,IAAI4C,EAAS5B,KAAM,QAChCN,EAAMX,QAAMC,IAAIM,EAAM,QACtBmL,EAAGvK,KAAQgB,EAAOxB,SAASgL,UAAYC,EAAZD,EAAe1K,WAAf2K,EAAuBjL,IAClDkL,EAAWJ,IAYf,OAVKlL,GAASsL,IACZH,EAAGvK,KAAQuK,IAGTG,GAAYtL,IACdmL,EAAGvK,KAAQuK,EAAQI,EAAgBvL,KAGrCmL,EAAGvK,KAAQuK,QAAQC,UAAYI,EAAZJ,EAAe1K,WAAf8K,EAAuBpL,IAE1CQ,KAAYuK,EAAQ5L,EAAMsC,SAAS7B,KAGjCyL,EAAU5J,EAAS,WAEnBqE,EAAkB,CACpBwF,SAAUnM,EAAMoM,aAChB7D,KAAM,QACNvI,MAAAA,EACAM,KAAAA,EACA8B,MAAO8J,EACP7C,YAAarJ,EAAMqM,KAAK,cAAe,gBAGzC,IAAKrM,EAAMsM,cAAgBtM,EAAMiL,GAAG,OAAQ,UAC1C,OAAOtK,MAAAC,eAGTZ,EAAMmK,MAAQ,SAACoC,GACbpC,EAAQoC,EACRnC,EAASmC,IAGXC,aAAU,WACHxM,EAAMyM,QACTzM,EAAMyM,OAAQ,EAEdzM,EAAM0L,KAAK,QAEP1L,EAAMsL,OAAO,OAAQ,UACvBtL,EAAM0M,SACG3J,EAAS4H,MAClB3K,EAAM0L,KAAK,QAEb1L,EAAM2M,YAIV,IAAMC,EAAa,WACjB,MAA6B,iBAAlB7J,EAAS2C,KACX/E,MAACkG,GAAM5F,SAAEjB,EAAM6M,YAEjBlM,MAAAC,YAAAK,SAAG8B,EAAS2C,QAYrB,GAJA1F,EAAM8M,KAAO,SAACC,GACZ3G,UAAQC,QAAQ0G,EAAKC,MAGnBhN,EAAMsL,OAAO,UAAW,CAC1B,IAAI9K,EAAOuC,EAASvC,KAEpB,IAAKF,EAAK2M,QAAQzM,GAAO,CACvB,IAAI0M,EAAW,CAAEC,OAAM9L,KAAO0B,GAE9BmK,UAAgB,SAACH,GACf,OAAOpM,MAACb,EAAUuB,KAAKtB,GAAOC,MAAOA,EAAOM,KAAMA,OAGpDA,EAAK2M,QAAQzM,GAAQ0M,EAEvB,OAAOvM,MAAAC,eAkCT,OA/BAwM,mBAAgB,WACd,SAAI7C,GAAAA,EAAK8C,SAAWrN,EAAMiL,GAAG,OAAQ,OAAQ,OAAQ,OAAQ,WAAY,CACvE,IAAIqC,QAAU/C,SAAAA,EAAK8C,QAEnB,SAAIC,GAAAA,EAAIC,UAAW,CACjB,IAAIC,EAAKC,YAAUC,WAAWJ,GAG5BA,EAAGC,UAAUI,IADJ,uBAAPH,EACe,UAEA,iBAsBvB7M,MAAAC,YAAAK,SACEN,MAACwB,QAAKoI,IAAKA,EAAKnI,MAAOE,IAAWrB,SAChC+D,OAAApE,YAAAK,eAjB0B,IAAnB8B,EAASmC,OAmBZvE,MAAC2F,QAAKlE,MAAOE,EAAS,SAASrB,SAAEjB,EAAMoJ,cAX3CuC,MAhDAjB,EAAOvJ,IA8DH6D,OAAApE,YAAAK,UACE+D,OAAC7C,QAAKC,MAAOE,EAAS,SAASrB,UAC5BjB,EAAMiL,GAAG,OAAQ,WAChBjG,OAAC8B,EAAQzF,KACHsF,GACJ1B,QAASA,EACT2I,QAAS5N,EAAMqM,KAAK,UAAW,YAAYpL,UAE1C8B,EAAS2C,MAAQ/E,MAACiM,MAClB7J,EAASmC,OACRvE,MAAC2F,QAAKlE,MAAOpC,EAAMsJ,QAAQ,QAAS,UAAUrI,SAC3CjB,EAAMoJ,iBAKdpJ,EAAMiL,GAAG,OAAQ,SAChBtK,MAACkG,EAAMxF,KACDsF,GACJ1B,QAASA,EACT2I,QAAS5N,EAAMqM,KAAK,UAAW,YAAYpL,SAE1CjB,EAAMkL,qBAGVlL,EAAMiL,GAAG,OAAQ,SAChBjG,OAAC4B,EAAMvF,KACDsF,GACJ1B,QAASA,EACT2I,QAAS5N,EAAMqM,KAAK,UAAW,YAAYpL,UAE1C8B,EAAS2C,MAAQ/E,MAACiM,MAClB7J,EAASmC,OACRvE,MAAC2F,QAAKlE,MAAOpC,EAAMsJ,QAAQ,QAAS,QAAQrI,SACzCjB,EAAMoJ,iBAKdpJ,EAAMiL,GACL,OACA,OACA,SACA,QACA,aACA,QACA,WACA,UAEAtK,MAACwI,EAAO9H,KACFqF,EACAC,GACJkH,WAAUxM,KAAO0B,EAAS+K,eAG7B9N,EAAMiL,GAAG,OAAQ,WAAY,iBAC5BtK,MAAC6F,GACCxG,MAAOA,EACP0G,cAAeA,EACfC,WAAYA,IAGf3G,EAAMiL,GAAG,OAAQ,WAAY,UAAW,WACvCtK,MAAC8H,EAAQpH,GACP0M,SAvMH,IAFL/N,EAAM2I,YA0MMjC,GACJyE,SAlPJ,WACZ,IAAInC,EAAIhJ,EAAM2I,WAGdwC,EAAS,CAAEE,OAAQ,CAAEvC,SAFD,IAANE,UAmPDhJ,EAAMiL,GAAG,OAAQ,WAChBjG,OAACwD,EAAQnH,KACHqF,EACAC,GACJmC,MAAO9I,EAAMgO,mBAAmB/M,UAEhCN,MAACsI,GAASH,MAAO,GAAG7H,SAAC,cACpBoJ,EAAQxI,KAAI,SAACoM,EAAUtJ,GAAS,OAC/BhE,MAACsI,GAAuBH,MAAOmF,EAAInF,MAAM7H,SACtCgN,EAAI/I,OADQ,IAAMP,UAM1B3E,EAAMiL,GAAG,OAAQ,UAChBtK,MAACuI,EAAO7H,KAAKqF,EAAmBC,GAAYsH,OAAGhN,SAC5CoJ,EAAQxI,KAAI,SAACoM,EAAUtJ,GAAS,OAC/BhE,MAACsI,GAECiF,QAASvN,MAACuI,EAAO7H,KAAKsF,IACtBzB,MAAO+I,EAAI/I,MACX4D,MAAOmF,EAAInF,OAHN,IAAMnE,SAQlB3E,EAAMiL,GAAG,OAAQ,WAAatK,MAACO,MAC/BlB,EAAMiL,GAAG,OAAQ,WAChBjG,OAAApE,YAAAK,UACGjB,EAAMiL,GAAG,SAAU,QAClBtK,MAACwN,SAAMC,OAAQpO,EAAMkL,oBAEtBlL,EAAMiL,GAAG,SAAU,SAClBtK,MAACkG,GAAO9B,UAAW/E,EAAMkL,qBAEzBlL,EAAMiL,GAAG,SAAU,OAAQ,QAC3BtK,MAAC2F,QAAIrF,SAAEjB,EAAMkL,uBAIlBlL,EAAMiL,GAAG,OAAQ,WAChBtK,MAAC2F,QAAIrF,SAAEjB,EAAMkL,uBAGhBf,GAASxJ,MAACwB,QAAKC,MAAOE,EAAS,SAASrB,SAAEkJ,OAG/CxJ,MAACkK,OACC7K,EAAMiL,GAAG,OAAQ,OAAQ,OAAQ,OAAQ,SAAU,WACnDtK,MAACb,EAAUuB,KAAKtB,GAAOC,MAAOA,EAAOM,KAAMA,YAQvD,IAAMuL,EAAoB,GAE1BA,EAAawC,KAAO9L,aAAWlC,OAAO,CACpCiO,KAAM,CACJpG,gBAAiB,QACjBL,QAAS,GACTI,aAAc,GACdsG,YAAa,OACbC,aAAc,CAAEhM,MAAO,EAAGkH,OAAQ,GAClC+E,cAAe,IACfC,aAAc,KACdC,UAAW,GAEblM,MAAO,CAAED,MAAO,OAAQoM,cAAe,GAAIC,WAAY,KAGzDhD,EAAalB,KAAItJ,KACZwK,EAAawC,MAGlB,IAAMhM,EAASE,aAAWlC,OAAO,CAC/BiO,KAAM,CACJQ,IAAK,EACLxH,cAAe,SACfC,SAAU,OACV/E,MAAO,OACPuM,aAAc,GACdvH,WAAY,cAEdtC,MAAO,CAAE1C,MAAO,OAAQ0E,WAAY,IAAKQ,SAAU,IACnDjF,MAAO,CAAED,MAAO,OAAQoM,cAAe,MAGnC5C,EAAkBzJ,aAAWlC,OAAO,CACxC6E,MAAO,CACL1C,MAAO,OACP0E,WAAY,IACZQ,SAAU,GACVkH,cAAe,eCnaKI,EAAUjP,GAChC,IAAuB,IAAnBA,EAAM0E,SACR,OAAO9D,MAAAC,eAGT,IAAIqO,EAAWC,iBAAeC,UAAUpP,EAAOA,EAAMS,KAAMT,EAAMqP,UAMjE,OAJIlP,QAAMoB,QAAQ2N,KAChBA,EAAWlP,WAGRG,QAAMoB,QAAQ2N,GAwBZtO,MAAAC,YAAAK,SAAGgO,IAbNtO,OAVQ,SAAC0O,GACT,IAAIC,EAAWvP,EAAMiL,IAErB,OAAK9K,QAAMoB,QAAQgO,GAGZ3O,MAAAC,YAAAK,SAAGoO,EAAQpO,WAFTN,MAAC2O,EAAGjO,KAAKgO,GAAOpO,SAAGoO,EAAQpO,cAMhCI,KAAKtB,EAAMwP,UAAQtO,SACrBN,MAACb,EAAUuB,GACTE,cACIxB,GACJC,MAAOD,EAAMC,MACbM,KAAMP,EAAMO,KACZG,KAAMV,EAAMS,KAAKS,SAEhBgO,uBCpBL7J,EAAK,CACToK,KAAM,SAACzP,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACtDsO,OAAQ,SAAC1P,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aACxDuO,OAAQ,SAAC3P,GAAiB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC1DoE,QAAS,SAACxF,GAAiB,OAAKY,MAACqO,EAAS3N,KAAKtB,KAC/C4P,OAAQ,SAAF5O,OAAyBhB,6IAAK6P,CAAA7O,EAAA8O,GAAA,OAClClP,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAE7B2O,MAAO,SAAC/P,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,KAC5CuG,KAAM,SAACvG,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACvD4O,MAAO,SAAChQ,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YACxDsE,OAAQ,SAAC1F,GAAiB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC1D6O,KAAM,SAACjQ,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACtD8O,KAAM,SAAClQ,GAAiB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACxDkE,OAAQ,SAACtF,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7D+O,KAAM,SAACnQ,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WAC3DgP,KAAM,SAACpQ,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WAC3DgB,KAAM,SAACpC,GAAoB,OACzBY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,OAAOI,iBAEpC6O,OAAQ,SAACrQ,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7DkP,OAAQ,SAACtQ,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7DmP,QAAS,SAACvQ,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,cAC9DoP,IAAK,SAACxQ,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,UAC1DqP,KAAM,SAACzQ,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WAC3DsP,IAAK,SAAC1Q,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,UAC1DuP,KAAM,SAAC3Q,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACtDwP,KAAM,SAAC5Q,GAAoB,OACzBY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,MAAM2D,OAAO,WAE1C8L,QAAS,SAAC7Q,GAAe,OACvBY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,OAAO2D,OAAO,cAE3C+L,MAAO,SAAC9Q,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YACxD2P,MAAO,SAAC/Q,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YACxD4P,SAAU,SAAChR,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,eAC3D6P,SAAU,SAACjR,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,eAC3D8P,SAAU,SAAClR,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC3D0H,OAAQ,SAAC9I,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aACzD+P,MAAO,SAACnR,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YAC5DgQ,OAAQ,SAACpR,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7DiQ,OAAQ,SAACrR,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7DkQ,QAAS,SAACtR,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK"}

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

@@ -506,6 +506,27 @@ var styles$7 = /*#__PURE__*/StyleSheet.create({
   }
 });
 
+function UIListRow(props) {
+  var parent = props.scope;
+  var item = props.item;
+  var row = {
+    parent: parent,
+    crud: parent.crud,
+    index: props.index,
+    type: 'row',
+    data: item
+  };
+  var _useState = useState(ScopeUtils.create(row)),
+    scope = _useState[0];
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx(UIChildren, {
+      scope: scope,
+      crud: scope.crud,
+      children: props.children
+    })
+  });
+}
+
 function UIList(props) {
   var scope = props.scope;
   var items = Utils.nvl(scope.getItems(), []);
@@ -514,9 +535,11 @@ function UIList(props) {
     children: items.map(function (item, i) {
       return /*#__PURE__*/jsx(View, {
         style: styles$8.item,
-        children: /*#__PURE__*/jsx(Text, {
-          style: styles$8.text,
-          children: item.name
+        children: /*#__PURE__*/jsx(UIListRow, {
+          scope: scope,
+          item: item,
+          index: i,
+          children: props.children
         })
       }, "k-" + i);
     })