@chem-po/react-native 0.0.5 → 0.0.7

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

@@ -0,0 +1,375 @@
+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); }
+import { isField, isListField } from '@chem-po/core';
+import { ChempoFormProvider, DataViewProvider, useButtonColor, useDataView, useFormSubmit } from '@chem-po/react';
+import { useMemo, useState } from 'react';
+import { useFieldArray, useFormContext } from 'react-hook-form';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Expandable } from '../box/Expandable';
+import { DeleteButton } from '../button/DeleteButton';
+import { Condition } from './Condition';
+import { FieldComponent } from './Field';
+import { FormFooter } from './FormFooter';
+import { Editable } from './input/Editable';
+import { FieldView } from './view';
+const styles = 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
+  }
+});
+export const ListFieldInput = ({
+  field,
+  name
+}) => {
+  const emptyData = useMemo(() => {
+    if (isField(field.itemField)) return '';
+    if (isListField(field.itemField)) return [];
+    return {};
+  }, [field]);
+  const buttonColor = useButtonColor();
+  const {
+    control
+  } = useFormContext();
+  const {
+    fields,
+    append,
+    remove
+  } = useFieldArray({
+    control,
+    name
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.listContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.listHeader
+  }, field.placeholder), /*#__PURE__*/React.createElement(View, {
+    style: styles.listContent
+  }, fields.length ? fields.map((formField, idx) => /*#__PURE__*/React.createElement(View, {
+    key: formField.id,
+    style: styles.listItem
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.listItemContent
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.listItemInput
+  }, /*#__PURE__*/React.createElement(FormElement, {
+    name: formField.id,
+    field: field.itemField
+  })), /*#__PURE__*/React.createElement(DeleteButton, {
+    onDelete: () => remove(idx),
+    itemName: `${field.placeholder} ${idx + 1}`
+  })))) : /*#__PURE__*/React.createElement(Text, {
+    style: styles.emptyListText
+  }, "No items")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.newButton, {
+      backgroundColor: buttonColor
+    }],
+    onPress: () => append(emptyData)
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.newButtonText
+  }, "+ NEW")));
+};
+export const FormElement = ({
+  field,
+  name
+}) => {
+  const fields = useMemo(() => {
+    if (isField(field) || 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(View, {
+    style: styles.formElementContainer
+  }, fields.map(f => {
+    if (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, {
+        path: name,
+        condition: f.field.condition,
+        key: f.name
+      }, b) : b;
+    }
+    if (isField(f.field)) {
+      const b = /*#__PURE__*/React.createElement(FieldComponent, {
+        key: f.name,
+        name: f.name,
+        field: f.field
+      });
+      return f.field.condition ? /*#__PURE__*/React.createElement(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, {
+      path: name,
+      condition: f.field.condition,
+      key: f.name
+    }, b) : b;
+  }));
+};
+const ListFieldView = ({
+  field,
+  value,
+  path
+}) => {
+  const {
+    itemField,
+    placeholder
+  } = field;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.listContainer
+  }, /*#__PURE__*/React.createElement(Expandable, {
+    header: () => /*#__PURE__*/React.createElement(Text, {
+      style: styles.listHeader
+    }, placeholder),
+    initExpanded: true
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.listContent
+  }, value !== null && value !== void 0 && value.length ? value.map((item, index) => /*#__PURE__*/React.createElement(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(Text, {
+    style: styles.emptyListText
+  }, "No items"))));
+};
+const FormElementView = ({
+  field,
+  value,
+  path,
+  storagePath
+}) => {
+  const {
+    updateField
+  } = useDataView();
+  if (isField(field)) {
+    return updateField ? /*#__PURE__*/React.createElement(Editable, {
+      storagePath: storagePath,
+      field: field,
+      value: value,
+      onSubmit: v => updateField(path, v)
+    }) : /*#__PURE__*/React.createElement(FieldView, {
+      field: field,
+      value: value
+    });
+  }
+  if (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
+  });
+};
+export const DataView = ({
+  field,
+  value,
+  onClose,
+  onDelete,
+  onSubmit,
+  itemName,
+  storagePath,
+  path = ''
+}) => {
+  const {
+    name: fieldName,
+    children
+  } = field;
+  const [isEditing, setIsEditing] = useState(false);
+  return /*#__PURE__*/React.createElement(DataViewProvider, {
+    value: value,
+    onSubmit: onSubmit
+  }, /*#__PURE__*/React.createElement(Expandable, {
+    alwaysExpanded: true,
+    header: () => /*#__PURE__*/React.createElement(View, {
+      style: styles.dataViewHeader
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.dataViewTitle
+    }, fieldName), /*#__PURE__*/React.createElement(View, {
+      style: styles.dataViewActions
+    }, onDelete && /*#__PURE__*/React.createElement(DeleteButton, {
+      onDelete: onDelete,
+      itemName: itemName ?? 'item'
+    }), onSubmit && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => setIsEditing(true)
+    }, /*#__PURE__*/React.createElement(Text, null, "Edit")), onClose && /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: onClose
+    }, /*#__PURE__*/React.createElement(Text, null, "Close"))))
+  }, isEditing && onSubmit ? /*#__PURE__*/React.createElement(Form, {
+    storagePath: storagePath,
+    field: field,
+    value: value,
+    onSubmit: onSubmit,
+    onBack: () => setIsEditing(false)
+  }) : /*#__PURE__*/React.createElement(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]
+  })))));
+};
+export const FieldMapForm = ({
+  onSubmit: onSubmitProp,
+  onBack,
+  field,
+  value,
+  buttonText = 'SUBMIT',
+  renderFooter,
+  storagePath
+}) => {
+  const useSubmitDataProps = useMemo(() => ({
+    field,
+    value,
+    submit: onSubmitProp,
+    storagePath
+  }), [field, value, onSubmitProp, storagePath]);
+  const {
+    onSubmit,
+    uploads
+  } = useFormSubmit(useSubmitDataProps);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(FormElement, {
+    name: "",
+    field: field
+  }), /*#__PURE__*/React.createElement(FormFooter, {
+    uploads: uploads,
+    onSubmit: onSubmit,
+    renderFooter: renderFooter,
+    onBack: onBack,
+    buttonText: buttonText
+  }));
+};
+export const FieldForm = ({
+  onSubmit,
+  field,
+  value,
+  ...props
+}) => {
+  const fieldMap = 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));
+};
+export const Form = ({
+  field,
+  ...props
+}) => {
+  const body = isField(field) || isListField(field) ? /*#__PURE__*/React.createElement(FieldForm, _extends({
+    field: field
+  }, props)) : /*#__PURE__*/React.createElement(FieldMapForm, _extends({
+    field: field
+  }, props));
+  return /*#__PURE__*/React.createElement(ChempoFormProvider, null, body);
+};
+export default Form;
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isField","isListField","ChempoFormProvider","DataViewProvider","useButtonColor","useDataView","useFormSubmit","useMemo","useState","useFieldArray","useFormContext","StyleSheet","Text","TouchableOpacity","View","Expandable","DeleteButton","Condition","FieldComponent","FormFooter","Editable","FieldView","styles","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","itemField","buttonColor","control","fields","append","remove","React","createElement","style","placeholder","length","map","formField","idx","key","id","FormElement","onDelete","itemName","backgroundColor","onPress","Object","entries","children","childName","childField","f","b","condition","path","ListFieldView","value","header","initExpanded","item","index","FormElementView","storagePath","updateField","onSubmit","v","DataView","undefined","onClose","fieldName","isEditing","setIsEditing","alwaysExpanded","Form","onBack","FieldMapForm","onSubmitProp","buttonText","renderFooter","useSubmitDataProps","submit","uploads","FieldForm","props","fieldMap","_extends","data","body"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/form/Form.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,165 @@
+import { useBorderColor, useButtonColor, usePlaceholderColor } from '@chem-po/react';
+import { useEffect, useMemo, useRef } from 'react';
+import { useFormContext, useFormState } from 'react-hook-form';
+import { ActivityIndicator, Animated, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { UploadProgress } from './UploadProgress';
+const buttonTextColor = '#ffffff';
+const styles = 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 = usePlaceholderColor();
+  const borderColor = useBorderColor();
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    disabled: submitting,
+    style: [styles.cancelButton, {
+      borderColor
+    }],
+    onPress: onBack
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.cancelButtonText, {
+      color: placeholderColor
+    }]
+  }, children));
+};
+export const SubmitButton = ({
+  onSubmitClick,
+  submitting,
+  children,
+  valid
+}) => {
+  const animatedOpacity = useRef(new Animated.Value(1)).current;
+  const textShadowColor = useMemo(() => {
+    if (submitting || !valid) return 'rgba(0, 0, 0, 0.0)';
+    return 'rgba(0, 0, 0, 0.5)';
+  }, [submitting, valid]);
+  useEffect(() => {
+    Animated.timing(animatedOpacity, {
+      toValue: submitting || !valid ? 0.5 : 1,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+  }, [submitting, valid, animatedOpacity]);
+  const buttonBg = useButtonColor();
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.submitButtonContainer, {
+      opacity: animatedOpacity,
+      backgroundColor: buttonBg
+    }]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.submitButton,
+    onPress: () => {
+      onSubmitClick();
+    },
+    disabled: submitting
+  }, submitting ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    color: buttonTextColor
+  }) : /*#__PURE__*/React.createElement(Text, {
+    style: [styles.submitButtonText, {
+      textShadowColor
+    }]
+  }, children)));
+};
+const FormErrorView = () => {
+  const {
+    formState
+  } = useFormContext();
+  if (!formState.errors.root) return null;
+  return /*#__PURE__*/React.createElement(Text, {
+    style: styles.errorText
+  }, formState.errors.root.message);
+};
+export const FormFooter = ({
+  renderFooter,
+  ...props
+}) => {
+  const {
+    uploads,
+    onSubmit,
+    onBack,
+    buttonText
+  } = props;
+  const borderColor = useBorderColor();
+  const {
+    isSubmitting: submitting,
+    isValid: valid
+  } = useFormState();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(UploadProgress, {
+    uploads: uploads
+  }), renderFooter ? renderFooter(props) : /*#__PURE__*/React.createElement(View, {
+    style: [styles.footerContainer, {
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(FormErrorView, null), /*#__PURE__*/React.createElement(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))));
+};
+//# sourceMappingURL=FormFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useBorderColor","useButtonColor","usePlaceholderColor","useEffect","useMemo","useRef","useFormContext","useFormState","ActivityIndicator","Animated","StyleSheet","Text","TouchableOpacity","View","UploadProgress","buttonTextColor","styles","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","borderColor","React","createElement","disabled","style","onPress","SubmitButton","onSubmitClick","valid","animatedOpacity","Value","current","textShadowColor","timing","toValue","duration","useNativeDriver","start","buttonBg","opacity","backgroundColor","FormErrorView","formState","errors","root","message","FormFooter","renderFooter","props","uploads","onSubmit","buttonText","isSubmitting","isValid"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/form/FormFooter.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+import { useMemo } from 'react';
+import { Animated, StyleSheet, Text, View } from 'react-native';
+const styles = 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
+  }
+});
+export const UploadProgress = ({
+  uploads
+}) => {
+  const asArr = useMemo(() => Object.values(uploads), [uploads]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, asArr.map(upload => /*#__PURE__*/React.createElement(Animated.View, {
+    key: upload.label,
+    style: styles.progressContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.progressBar
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.progressFill, {
+      width: `${upload.percent * 100}%`
+    }]
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, upload.label))));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Animated","StyleSheet","Text","View","styles","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","Object","values","React","createElement","style","map","upload","key","percent"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/UploadProgress/index.tsx"],"mappings":"AACA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAE/D,MAAMC,MAAM,GAAGH,UAAU,CAACI,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;AAEF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAmC,CAAC,KAAK;EACxE,MAAMC,KAAK,GAAG/B,OAAO,CAAC,MAAMgC,MAAM,CAACC,MAAM,CAACH,OAAO,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAE9D,oBACEI,KAAA,CAAAC,aAAA,CAAC/B,IAAI;IAACgC,KAAK,EAAE/B,MAAM,CAACE;EAAU,GAC3BwB,KAAK,CAACM,GAAG,CAACC,MAAM,iBACfJ,KAAA,CAAAC,aAAA,CAAClC,QAAQ,CAACG,IAAI;IAACmC,GAAG,EAAED,MAAM,CAAClB,KAAM;IAACgB,KAAK,EAAE/B,MAAM,CAACK;EAAkB,gBAChEwB,KAAA,CAAAC,aAAA,CAAC/B,IAAI;IAACgC,KAAK,EAAE/B,MAAM,CAACU;EAAY,gBAC9BmB,KAAA,CAAAC,aAAA,CAAClC,QAAQ,CAACG,IAAI;IACZgC,KAAK,EAAE,CACL/B,MAAM,CAACc,YAAY,EACnB;MACEX,KAAK,EAAE,GAAG8B,MAAM,CAACE,OAAO,GAAG,GAAG;IAChC,CAAC;EACD,CACH,CACG,CAAC,eACPN,KAAA,CAAAC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAE/B,MAAM,CAACe;EAAM,GAAEkB,MAAM,CAAClB,KAAY,CAClC,CAChB,CACG,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/form/index.js

@@ -0,0 +1,4 @@
+export * from './Form';
+export * from './input';
+export { FileView } from './input/file';
+//# sourceMappingURL=index.js.map

package/lib/module/components/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FileView"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/form/index.ts"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,SAASA,QAAQ,QAAQ,cAAc","ignoreList":[]}