@chem-po/react-native 0.0.4 → 0.0.6

package/lib/commonjs/components/form/Form.js

@@ -0,0 +1,387 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ListFieldInput = exports.FormElement = exports.Form = exports.FieldMapForm = exports.FieldForm = exports.DataView = void 0;
+var _core = require("@chem-po/core");
+var _react = require("@chem-po/react");
+var _react2 = require("react");
+var _reactHookForm = require("react-hook-form");
+var _reactNative = require("react-native");
+var _Expandable = require("../box/Expandable");
+var _DeleteButton = require("../button/DeleteButton");
+var _Condition = require("./Condition");
+var _Field = require("./Field");
+var _FormFooter = require("./FormFooter");
+var _Editable = require("./input/Editable");
+var _view = require("./view");
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%'
+  },
+  listContainer: {
+    width: '100%',
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    gap: 8
+  },
+  listHeader: {
+    fontSize: 14,
+    opacity: 0.7,
+    lineHeight: 1
+  },
+  listContent: {
+    gap: 8,
+    paddingVertical: 4,
+    minHeight: 30
+  },
+  listItem: {
+    paddingTop: 8,
+    paddingHorizontal: 8,
+    borderWidth: 1,
+    borderColor: '#e2e8f0',
+    borderRadius: 4
+  },
+  listItemContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4,
+    width: '100%'
+  },
+  listItemInput: {
+    flex: 1,
+    minWidth: 0
+  },
+  emptyListText: {
+    fontSize: 14,
+    opacity: 0.7,
+    paddingVertical: 4,
+    paddingHorizontal: 8
+  },
+  newButton: {
+    alignSelf: 'flex-start',
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    borderRadius: 4
+  },
+  newButtonText: {
+    fontSize: 14,
+    color: '#4a5568'
+  },
+  formElementContainer: {
+    width: '100%',
+    gap: 5
+  },
+  dataViewHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 8,
+    width: '100%'
+  },
+  dataViewTitle: {
+    fontSize: 18,
+    fontFamily: 'System',
+    paddingVertical: 8
+  },
+  dataViewActions: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    marginLeft: 'auto'
+  },
+  dataViewContent: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  }
+});
+const ListFieldInput = ({
+  field,
+  name
+}) => {
+  const emptyData = (0, _react2.useMemo)(() => {
+    if ((0, _core.isField)(field.itemField)) return '';
+    if ((0, _core.isListField)(field.itemField)) return [];
+    return {};
+  }, [field]);
+  const buttonColor = (0, _react.useButtonColor)();
+  const {
+    control
+  } = (0, _reactHookForm.useFormContext)();
+  const {
+    fields,
+    append,
+    remove
+  } = (0, _reactHookForm.useFieldArray)({
+    control,
+    name
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.listContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.listHeader
+  }, field.placeholder), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.listContent
+  }, fields.length ? fields.map((formField, idx) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    key: formField.id,
+    style: styles.listItem
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.listItemContent
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.listItemInput
+  }, /*#__PURE__*/React.createElement(FormElement, {
+    name: formField.id,
+    field: field.itemField
+  })), /*#__PURE__*/React.createElement(_DeleteButton.DeleteButton, {
+    onDelete: () => remove(idx),
+    itemName: `${field.placeholder} ${idx + 1}`
+  })))) : /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.emptyListText
+  }, "No items")), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.newButton, {
+      backgroundColor: buttonColor
+    }],
+    onPress: () => append(emptyData)
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.newButtonText
+  }, "+ NEW")));
+};
+exports.ListFieldInput = ListFieldInput;
+const FormElement = ({
+  field,
+  name
+}) => {
+  const fields = (0, _react2.useMemo)(() => {
+    if ((0, _core.isField)(field) || (0, _core.isListField)(field)) return [{
+      name: 'value',
+      field
+    }];
+    return Object.entries(field.children).map(([childName, childField]) => ({
+      name: `${name ? `${name}.` : ''}${childName}`,
+      field: childField
+    }));
+  }, [field, name]);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.formElementContainer
+  }, fields.map(f => {
+    if ((0, _core.isListField)(f.field)) {
+      const b = /*#__PURE__*/React.createElement(ListFieldInput, {
+        key: f.name,
+        name: f.name,
+        field: f.field
+      });
+      return f.field.condition ? /*#__PURE__*/React.createElement(_Condition.Condition, {
+        path: name,
+        condition: f.field.condition,
+        key: f.name
+      }, b) : b;
+    }
+    if ((0, _core.isField)(f.field)) {
+      const b = /*#__PURE__*/React.createElement(_Field.FieldComponent, {
+        key: f.name,
+        name: f.name,
+        field: f.field
+      });
+      return f.field.condition ? /*#__PURE__*/React.createElement(_Condition.Condition, {
+        path: name,
+        condition: f.field.condition,
+        key: f.name
+      }, b) : b;
+    }
+    const b = /*#__PURE__*/React.createElement(FormElement, {
+      key: f.name,
+      name: f.name,
+      field: f.field
+    });
+    return f.field.condition ? /*#__PURE__*/React.createElement(_Condition.Condition, {
+      path: name,
+      condition: f.field.condition,
+      key: f.name
+    }, b) : b;
+  }));
+};
+exports.FormElement = FormElement;
+const ListFieldView = ({
+  field,
+  value,
+  path
+}) => {
+  const {
+    itemField,
+    placeholder
+  } = field;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.listContainer
+  }, /*#__PURE__*/React.createElement(_Expandable.Expandable, {
+    header: () => /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: styles.listHeader
+    }, placeholder),
+    initExpanded: true
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.listContent
+  }, value !== null && value !== void 0 && value.length ? value.map((item, index) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    key: `${path}.${index}`,
+    style: styles.listItem
+  }, /*#__PURE__*/React.createElement(FormElementView, {
+    path: `${path}.${index}`,
+    field: {
+      ...itemField,
+      placeholder: `${placeholder} ${index + 1}`
+    },
+    value: item
+  }))) : /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.emptyListText
+  }, "No items"))));
+};
+const FormElementView = ({
+  field,
+  value,
+  path,
+  storagePath
+}) => {
+  const {
+    updateField
+  } = (0, _react.useDataView)();
+  if ((0, _core.isField)(field)) {
+    return updateField ? /*#__PURE__*/React.createElement(_Editable.Editable, {
+      storagePath: storagePath,
+      field: field,
+      value: value,
+      onSubmit: v => updateField(path, v)
+    }) : /*#__PURE__*/React.createElement(_view.FieldView, {
+      field: field,
+      value: value
+    });
+  }
+  if ((0, _core.isListField)(field)) {
+    return /*#__PURE__*/React.createElement(ListFieldView, {
+      path: path,
+      field: field,
+      value: value
+    });
+  }
+  return /*#__PURE__*/React.createElement(DataView, {
+    storagePath: storagePath ? `${storagePath}.${path}` : undefined,
+    path: path,
+    field: field
+  });
+};
+const DataView = ({
+  field,
+  value,
+  onClose,
+  onDelete,
+  onSubmit,
+  itemName,
+  storagePath,
+  path = ''
+}) => {
+  const {
+    name: fieldName,
+    children
+  } = field;
+  const [isEditing, setIsEditing] = (0, _react2.useState)(false);
+  return /*#__PURE__*/React.createElement(_react.DataViewProvider, {
+    value: value,
+    onSubmit: onSubmit
+  }, /*#__PURE__*/React.createElement(_Expandable.Expandable, {
+    alwaysExpanded: true,
+    header: () => /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.dataViewHeader
+    }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: styles.dataViewTitle
+    }, fieldName), /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.dataViewActions
+    }, onDelete && /*#__PURE__*/React.createElement(_DeleteButton.DeleteButton, {
+      onDelete: onDelete,
+      itemName: itemName ?? 'item'
+    }), onSubmit && /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+      onPress: () => setIsEditing(true)
+    }, /*#__PURE__*/React.createElement(_reactNative.Text, null, "Edit")), onClose && /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+      onPress: onClose
+    }, /*#__PURE__*/React.createElement(_reactNative.Text, null, "Close"))))
+  }, isEditing && onSubmit ? /*#__PURE__*/React.createElement(Form, {
+    storagePath: storagePath,
+    field: field,
+    value: value,
+    onSubmit: onSubmit,
+    onBack: () => setIsEditing(false)
+  }) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.dataViewContent
+  }, Object.entries(children).map(([key, childField]) => /*#__PURE__*/React.createElement(FormElementView, {
+    storagePath: storagePath ? `${storagePath}/${key}` : undefined,
+    path: path ? `${path}.${key}` : key,
+    key: key,
+    field: childField,
+    value: value === null || value === void 0 ? void 0 : value[key]
+  })))));
+};
+exports.DataView = DataView;
+const FieldMapForm = ({
+  onSubmit: onSubmitProp,
+  onBack,
+  field,
+  value,
+  buttonText = 'SUBMIT',
+  renderFooter,
+  storagePath
+}) => {
+  const useSubmitDataProps = (0, _react2.useMemo)(() => ({
+    field,
+    value,
+    submit: onSubmitProp,
+    storagePath
+  }), [field, value, onSubmitProp, storagePath]);
+  const {
+    onSubmit,
+    uploads
+  } = (0, _react.useFormSubmit)(useSubmitDataProps);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(FormElement, {
+    name: "",
+    field: field
+  }), /*#__PURE__*/React.createElement(_FormFooter.FormFooter, {
+    uploads: uploads,
+    onSubmit: onSubmit,
+    renderFooter: renderFooter,
+    onBack: onBack,
+    buttonText: buttonText
+  }));
+};
+exports.FieldMapForm = FieldMapForm;
+const FieldForm = ({
+  onSubmit,
+  field,
+  value,
+  ...props
+}) => {
+  const fieldMap = (0, _react2.useMemo)(() => ({
+    children: {
+      value: field
+    }
+  }), [field]);
+  return /*#__PURE__*/React.createElement(FieldMapForm, _extends({
+    field: fieldMap,
+    value: {
+      value
+    },
+    onSubmit: data => onSubmit(data === null || data === void 0 ? void 0 : data.value)
+  }, props));
+};
+exports.FieldForm = FieldForm;
+const Form = ({
+  field,
+  ...props
+}) => {
+  const body = (0, _core.isField)(field) || (0, _core.isListField)(field) ? /*#__PURE__*/React.createElement(FieldForm, _extends({
+    field: field
+  }, props)) : /*#__PURE__*/React.createElement(FieldMapForm, _extends({
+    field: field
+  }, props));
+  return /*#__PURE__*/React.createElement(_react.ChempoFormProvider, null, body);
+};
+exports.Form = Form;
+var _default = exports.default = Form;
+//# sourceMappingURL=Form.js.map

package/lib/commonjs/components/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_react2","_reactHookForm","_reactNative","_Expandable","_DeleteButton","_Condition","_Field","_FormFooter","_Editable","_view","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","styles","StyleSheet","create","container","width","listContainer","paddingHorizontal","paddingVertical","gap","listHeader","fontSize","opacity","lineHeight","listContent","minHeight","listItem","paddingTop","borderWidth","borderColor","borderRadius","listItemContent","flexDirection","alignItems","listItemInput","flex","minWidth","emptyListText","newButton","alignSelf","newButtonText","color","formElementContainer","dataViewHeader","dataViewTitle","fontFamily","dataViewActions","marginLeft","dataViewContent","ListFieldInput","field","name","emptyData","useMemo","isField","itemField","isListField","buttonColor","useButtonColor","control","useFormContext","fields","append","remove","useFieldArray","React","createElement","View","style","Text","placeholder","map","formField","idx","key","id","FormElement","DeleteButton","onDelete","itemName","TouchableOpacity","backgroundColor","onPress","exports","entries","children","childName","childField","f","b","condition","Condition","path","FieldComponent","ListFieldView","value","Expandable","header","initExpanded","item","index","FormElementView","storagePath","updateField","useDataView","Editable","onSubmit","v","FieldView","DataView","undefined","onClose","fieldName","isEditing","setIsEditing","useState","DataViewProvider","alwaysExpanded","Form","onBack","FieldMapForm","onSubmitProp","buttonText","renderFooter","useSubmitDataProps","submit","uploads","useFormSubmit","FormFooter","FieldForm","props","fieldMap","data","body","ChempoFormProvider","_default","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/form/Form.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/FormFooter.js

@@ -0,0 +1,173 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubmitButton = exports.FormFooter = void 0;
+var _react = require("@chem-po/react");
+var _react2 = require("react");
+var _reactHookForm = require("react-hook-form");
+var _reactNative = require("react-native");
+var _UploadProgress = require("./UploadProgress");
+const buttonTextColor = '#ffffff';
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%'
+  },
+  progressContainer: {
+    height: 5,
+    width: '100%'
+  },
+  footerContainer: {
+    flexDirection: 'column',
+    paddingVertical: 8,
+    gap: 5,
+    borderTopWidth: 1,
+    paddingHorizontal: 12,
+    width: '100%'
+  },
+  buttonsContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: 10
+  },
+  cancelButton: {
+    flex: 1,
+    paddingVertical: 6,
+    borderRadius: 4,
+    borderWidth: 1
+  },
+  cancelButtonText: {
+    color: buttonTextColor,
+    fontSize: 16,
+    fontWeight: '500',
+    textAlign: 'center'
+  },
+  submitButtonContainer: {
+    flex: 1,
+    borderRadius: 4
+  },
+  submitButton: {
+    paddingVertical: 6
+  },
+  submitButtonText: {
+    color: buttonTextColor,
+    fontSize: 16,
+    fontWeight: '500',
+    // textShadowColor: 'rgba(0, 0, 0, 0.75)',
+    textShadowOffset: {
+      width: 0.5,
+      height: 0.5
+    },
+    textShadowRadius: 5,
+    textAlign: 'center'
+  },
+  errorText: {
+    color: 'red',
+    fontSize: 16,
+    paddingVertical: 4
+  }
+});
+const CancelButton = ({
+  onBack,
+  children,
+  submitting
+}) => {
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  const borderColor = (0, _react.useBorderColor)();
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    disabled: submitting,
+    style: [styles.cancelButton, {
+      borderColor
+    }],
+    onPress: onBack
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.cancelButtonText, {
+      color: placeholderColor
+    }]
+  }, children));
+};
+const SubmitButton = ({
+  onSubmitClick,
+  submitting,
+  children,
+  valid
+}) => {
+  const animatedOpacity = (0, _react2.useRef)(new _reactNative.Animated.Value(1)).current;
+  const textShadowColor = (0, _react2.useMemo)(() => {
+    if (submitting || !valid) return 'rgba(0, 0, 0, 0.0)';
+    return 'rgba(0, 0, 0, 0.5)';
+  }, [submitting, valid]);
+  (0, _react2.useEffect)(() => {
+    _reactNative.Animated.timing(animatedOpacity, {
+      toValue: submitting || !valid ? 0.5 : 1,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+  }, [submitting, valid, animatedOpacity]);
+  const buttonBg = (0, _react.useButtonColor)();
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [styles.submitButtonContainer, {
+      opacity: animatedOpacity,
+      backgroundColor: buttonBg
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.submitButton,
+    onPress: () => {
+      onSubmitClick();
+    },
+    disabled: submitting
+  }, submitting ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    color: buttonTextColor
+  }) : /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.submitButtonText, {
+      textShadowColor
+    }]
+  }, children)));
+};
+exports.SubmitButton = SubmitButton;
+const FormErrorView = () => {
+  const {
+    formState
+  } = (0, _reactHookForm.useFormContext)();
+  if (!formState.errors.root) return null;
+  return /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.errorText
+  }, formState.errors.root.message);
+};
+const FormFooter = ({
+  renderFooter,
+  ...props
+}) => {
+  const {
+    uploads,
+    onSubmit,
+    onBack,
+    buttonText
+  } = props;
+  const borderColor = (0, _react.useBorderColor)();
+  const {
+    isSubmitting: submitting,
+    isValid: valid
+  } = (0, _reactHookForm.useFormState)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_UploadProgress.UploadProgress, {
+    uploads: uploads
+  }), renderFooter ? renderFooter(props) : /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.footerContainer, {
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(FormErrorView, null), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.buttonsContainer
+  }, onBack && /*#__PURE__*/React.createElement(CancelButton, {
+    submitting: submitting,
+    onBack: onBack
+  }, "Cancel"), /*#__PURE__*/React.createElement(SubmitButton, {
+    onSubmitClick: onSubmit,
+    submitting: submitting,
+    valid: valid
+  }, buttonText))));
+};
+exports.FormFooter = FormFooter;
+//# sourceMappingURL=FormFooter.js.map

package/lib/commonjs/components/form/FormFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_react2","_reactHookForm","_reactNative","_UploadProgress","buttonTextColor","styles","StyleSheet","create","container","width","progressContainer","height","footerContainer","flexDirection","paddingVertical","gap","borderTopWidth","paddingHorizontal","buttonsContainer","justifyContent","cancelButton","flex","borderRadius","borderWidth","cancelButtonText","color","fontSize","fontWeight","textAlign","submitButtonContainer","submitButton","submitButtonText","textShadowOffset","textShadowRadius","errorText","CancelButton","onBack","children","submitting","placeholderColor","usePlaceholderColor","borderColor","useBorderColor","React","createElement","TouchableOpacity","disabled","style","onPress","Text","SubmitButton","onSubmitClick","valid","animatedOpacity","useRef","Animated","Value","current","textShadowColor","useMemo","useEffect","timing","toValue","duration","useNativeDriver","start","buttonBg","useButtonColor","View","opacity","backgroundColor","ActivityIndicator","exports","FormErrorView","formState","useFormContext","errors","root","message","FormFooter","renderFooter","props","uploads","onSubmit","buttonText","isSubmitting","isValid","useFormState","UploadProgress"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/form/FormFooter.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/UploadProgress/index.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UploadProgress = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    flexDirection: 'column'
+  },
+  progressContainer: {
+    paddingHorizontal: 8,
+    height: 26,
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  progressBar: {
+    height: '100%',
+    width: '100%',
+    borderRadius: 13,
+    backgroundColor: 'rgba(0, 0, 0, 0.1)',
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: '#3182CE' // Default blue color, can be customized
+  },
+  label: {
+    position: 'absolute',
+    color: 'white',
+    fontSize: 12,
+    fontWeight: '500',
+    textTransform: 'uppercase',
+    textShadowColor: 'rgba(0, 0, 0, 0.67)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 3
+  }
+});
+const UploadProgress = ({
+  uploads
+}) => {
+  const asArr = (0, _react.useMemo)(() => Object.values(uploads), [uploads]);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, asArr.map(upload => /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    key: upload.label,
+    style: styles.progressContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.progressBar
+  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
+    style: [styles.progressFill, {
+      width: `${upload.percent * 100}%`
+    }]
+  })), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label
+  }, upload.label))));
+};
+exports.UploadProgress = UploadProgress;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/form/UploadProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","styles","StyleSheet","create","container","width","flexDirection","progressContainer","paddingHorizontal","height","justifyContent","alignItems","progressBar","borderRadius","backgroundColor","overflow","progressFill","label","position","color","fontSize","fontWeight","textTransform","textShadowColor","textShadowOffset","textShadowRadius","UploadProgress","uploads","asArr","useMemo","Object","values","React","createElement","View","style","map","upload","Animated","key","percent","Text","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/UploadProgress/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EACjB,CAAC;EACDC,iBAAiB,EAAE;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,MAAM,EAAE,EAAE;IACVJ,KAAK,EAAE,MAAM;IACbK,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,WAAW,EAAE;IACXH,MAAM,EAAE,MAAM;IACdJ,KAAK,EAAE,MAAM;IACbQ,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,oBAAoB;IACrCC,QAAQ,EAAE;EACZ,CAAC;EACDC,YAAY,EAAE;IACZP,MAAM,EAAE,MAAM;IACdK,eAAe,EAAE,SAAS,CAAE;EAC9B,CAAC;EACDG,KAAK,EAAE;IACLC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,OAAO;IACdC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,WAAW;IAC1BC,eAAe,EAAE,qBAAqB;IACtCC,gBAAgB,EAAE;MAAEnB,KAAK,EAAE,CAAC;MAAEI,MAAM,EAAE;IAAE,CAAC;IACzCgB,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEK,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EACxE,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAMC,MAAM,CAACC,MAAM,CAACJ,OAAO,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE9D,oBACEK,KAAA,CAAAC,aAAA,CAACjC,YAAA,CAAAkC,IAAI;IAACC,KAAK,EAAElC,MAAM,CAACG;EAAU,GAC3BwB,KAAK,CAACQ,GAAG,CAACC,MAAM,iBACfL,KAAA,CAAAC,aAAA,CAACjC,YAAA,CAAAsC,QAAQ,CAACJ,IAAI;IAACK,GAAG,EAAEF,MAAM,CAACpB,KAAM;IAACkB,KAAK,EAAElC,MAAM,CAACM;EAAkB,gBAChEyB,KAAA,CAAAC,aAAA,CAACjC,YAAA,CAAAkC,IAAI;IAACC,KAAK,EAAElC,MAAM,CAACW;EAAY,gBAC9BoB,KAAA,CAAAC,aAAA,CAACjC,YAAA,CAAAsC,QAAQ,CAACJ,IAAI;IACZC,KAAK,EAAE,CACLlC,MAAM,CAACe,YAAY,EACnB;MACEX,KAAK,EAAE,GAAGgC,MAAM,CAACG,OAAO,GAAG,GAAG;IAChC,CAAC;EACD,CACH,CACG,CAAC,eACPR,KAAA,CAAAC,aAAA,CAACjC,YAAA,CAAAyC,IAAI;IAACN,KAAK,EAAElC,MAAM,CAACgB;EAAM,GAAEoB,MAAM,CAACpB,KAAY,CAClC,CAChB,CACG,CAAC;AAEX,CAAC;AAAAyB,OAAA,CAAAhB,cAAA,GAAAA,cAAA","ignoreList":[]}