@chem-po/react-native 0.0.4 → 0.0.6

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

@@ -0,0 +1,213 @@
+import { getHandle } from '@chem-po/core';
+import { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from 'react';
+import { Modal, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+const siteToIcon = {
+  facebook: 'facebook',
+  instagram: 'instagram',
+  twitter: 'twitter',
+  youtube: 'youtube',
+  soundcloud: 'soundcloud'
+};
+const SocialMediaSiteInput = ({
+  site,
+  value,
+  onChange,
+  isModalVisible,
+  onModalClose
+}) => {
+  const {
+    handle,
+    error
+  } = useMemo(() => {
+    try {
+      const h = getHandle(site, value);
+      return {
+        handle: h
+      };
+    } catch (e) {
+      return {
+        error: (e === null || e === void 0 ? void 0 : e.message) ?? 'Error parsing handle'
+      };
+    }
+  }, [value, site]);
+  const displayedText = useMemo(() => handle ? `${site.toUpperCase()}: ${handle}` : site.toUpperCase(), [site, handle]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.iconButton, !handle && styles.iconButtonInactive],
+    onPress: () => onModalClose()
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.iconText
+  }, siteToIcon[site])), /*#__PURE__*/React.createElement(Modal, {
+    visible: isModalVisible,
+    transparent: true,
+    animationType: "slide",
+    onRequestClose: onModalClose
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalContent
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.modalTitle
+  }, displayedText), error && /*#__PURE__*/React.createElement(Text, {
+    style: styles.errorText
+  }, error), /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.modalInput,
+    onChangeText: onChange,
+    placeholder: "Handle or URL",
+    value: value,
+    autoCapitalize: "none",
+    autoCorrect: false
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.closeButton,
+    onPress: onModalClose
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.closeButtonText
+  }, "Close"))))));
+};
+export const SocialMediaComponent = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    input: {
+      value,
+      onChange
+    },
+    field: {
+      sites
+    }
+  } = props;
+  const [selectedSite, setSelectedSite] = useState(null);
+  const handleChange = useCallback((site, v) => {
+    const {
+      [site]: _curr,
+      ...rest
+    } = value ?? {};
+    if (!v && Object.keys(rest).length === 0) {
+      onChange({
+        target: {
+          value: undefined
+        }
+      });
+    }
+    if (!v) onChange(rest);
+    onChange({
+      ...rest,
+      [site]: v
+    });
+  }, [onChange, value]);
+  useImperativeHandle(ref, () => ({
+    blur: () => {},
+    focus: () => {}
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Links"), /*#__PURE__*/React.createElement(View, {
+    style: styles.iconsContainer
+  }, (!sites || sites.facebook) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('facebook', v),
+    site: "facebook",
+    value: value === null || value === void 0 ? void 0 : value.facebook,
+    isModalVisible: selectedSite === 'facebook',
+    onModalClose: () => setSelectedSite(null)
+  }), (!sites || sites.instagram) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('instagram', v),
+    site: "instagram",
+    value: value === null || value === void 0 ? void 0 : value.instagram,
+    isModalVisible: selectedSite === 'instagram',
+    onModalClose: () => setSelectedSite(null)
+  }), (!sites || sites.twitter) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('twitter', v),
+    site: "twitter",
+    value: value === null || value === void 0 ? void 0 : value.twitter,
+    isModalVisible: selectedSite === 'twitter',
+    onModalClose: () => setSelectedSite(null)
+  }), (!sites || sites.youtube) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('youtube', v),
+    site: "youtube",
+    value: value === null || value === void 0 ? void 0 : value.youtube,
+    isModalVisible: selectedSite === 'youtube',
+    onModalClose: () => setSelectedSite(null)
+  }), (!sites || sites.soundcloud) && /*#__PURE__*/React.createElement(SocialMediaSiteInput, {
+    onChange: v => handleChange('soundcloud', v),
+    site: "soundcloud",
+    value: value === null || value === void 0 ? void 0 : value.soundcloud,
+    isModalVisible: selectedSite === 'soundcloud',
+    onModalClose: () => setSelectedSite(null)
+  })));
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 8
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    marginBottom: 8,
+    color: '#1A202C'
+  },
+  iconsContainer: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8
+  },
+  iconButton: {
+    width: 34,
+    height: 34,
+    borderRadius: 17,
+    backgroundColor: '#EDF2F7',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconButtonInactive: {
+    opacity: 0.6
+  },
+  iconText: {
+    fontSize: 12,
+    color: '#1A202C'
+  },
+  modalContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  modalContent: {
+    backgroundColor: 'white',
+    borderRadius: 8,
+    padding: 16,
+    width: '80%',
+    maxWidth: 300
+  },
+  modalTitle: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    marginBottom: 8,
+    color: '#1A202C'
+  },
+  errorText: {
+    color: '#E53E3E',
+    fontSize: 14,
+    marginBottom: 8,
+    padding: 4,
+    backgroundColor: '#FFF5F5'
+  },
+  modalInput: {
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+    borderRadius: 4,
+    padding: 8,
+    marginBottom: 16,
+    fontSize: 16
+  },
+  closeButton: {
+    backgroundColor: '#EDF2F7',
+    padding: 8,
+    borderRadius: 4,
+    alignItems: 'center'
+  },
+  closeButtonText: {
+    color: '#1A202C',
+    fontSize: 16
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getHandle","forwardRef","useCallback","useImperativeHandle","useMemo","useState","Modal","StyleSheet","Text","TextInput","TouchableOpacity","View","siteToIcon","facebook","instagram","twitter","youtube","soundcloud","SocialMediaSiteInput","site","value","onChange","isModalVisible","onModalClose","handle","error","h","e","message","displayedText","toUpperCase","React","createElement","Fragment","style","styles","iconButton","iconButtonInactive","onPress","iconText","visible","transparent","animationType","onRequestClose","modalContainer","modalContent","modalTitle","errorText","modalInput","onChangeText","placeholder","autoCapitalize","autoCorrect","closeButton","closeButtonText","SocialMediaComponent","props","ref","input","field","sites","selectedSite","setSelectedSite","handleChange","v","_curr","rest","Object","keys","length","target","undefined","blur","focus","container","title","iconsContainer","create","flex","padding","fontSize","fontWeight","marginBottom","color","flexDirection","flexWrap","gap","width","height","borderRadius","backgroundColor","justifyContent","alignItems","opacity","maxWidth","borderWidth","borderColor"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/socialMedia/index.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAoC,eAAe;AAErE,SAGEC,UAAU,EACVC,WAAW,EACXC,mBAAmB,EACnBC,OAAO,EACPC,QAAQ,QACH,OAAO;AACd,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,SAAS,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAEzF,MAAMC,UAA4C,GAAG;EACnDC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAE,WAAW;EACtBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE;AACd,CAAC;AAED,MAAMC,oBAMJ,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,cAAc;EAAEC;AAAa,CAAC,KAAK;EAChE,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGrB,OAAO,CAAC,MAAM;IACtC,IAAI;MACF,MAAMsB,CAAC,GAAG1B,SAAS,CAACmB,IAAI,EAAEC,KAAK,CAAC;MAChC,OAAO;QAAEI,MAAM,EAAEE;MAAE,CAAC;IACtB,CAAC,CAAC,OAAOC,CAAM,EAAE;MACf,OAAO;QAAEF,KAAK,EAAE,CAAAE,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,OAAO,KAAI;MAAuB,CAAC;IACxD;EACF,CAAC,EAAE,CAACR,KAAK,EAAED,IAAI,CAAC,CAAC;EAEjB,MAAMU,aAAa,GAAGzB,OAAO,CAC3B,MAAOoB,MAAM,GAAG,GAAGL,IAAI,CAACW,WAAW,CAAC,CAAC,KAAKN,MAAM,EAAE,GAAGL,IAAI,CAACW,WAAW,CAAC,CAAE,EACxE,CAACX,IAAI,EAAEK,MAAM,CACf,CAAC;EAED,oBACEO,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,qBACEF,KAAA,CAAAC,aAAA,CAACtB,gBAAgB;IACfwB,KAAK,EAAE,CAACC,MAAM,CAACC,UAAU,EAAE,CAACZ,MAAM,IAAIW,MAAM,CAACE,kBAAkB,CAAE;IACjEC,OAAO,EAAEA,CAAA,KAAMf,YAAY,CAAC;EAAE,gBAC9BQ,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACI;EAAS,GAAE3B,UAAU,CAACO,IAAI,CAAQ,CACtC,CAAC,eAEnBY,KAAA,CAAAC,aAAA,CAAC1B,KAAK;IACJkC,OAAO,EAAElB,cAAe;IACxBmB,WAAW,EAAE,IAAK;IAClBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAEpB;EAAa,gBAC7BQ,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACS;EAAe,gBACjCb,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACU;EAAa,gBAC/Bd,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACW;EAAW,GAAEjB,aAAoB,CAAC,EACrDJ,KAAK,iBAAIM,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACY;EAAU,GAAEtB,KAAY,CAAC,eACvDM,KAAA,CAAAC,aAAA,CAACvB,SAAS;IACRyB,KAAK,EAAEC,MAAM,CAACa,UAAW;IACzBC,YAAY,EAAE5B,QAAS;IACvB6B,WAAW,EAAC,eAAe;IAC3B9B,KAAK,EAAEA,KAAM;IACb+B,cAAc,EAAC,MAAM;IACrBC,WAAW,EAAE;EAAM,CACpB,CAAC,eACFrB,KAAA,CAAAC,aAAA,CAACtB,gBAAgB;IAACwB,KAAK,EAAEC,MAAM,CAACkB,WAAY;IAACf,OAAO,EAAEf;EAAa,gBACjEQ,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACmB;EAAgB,GAAC,OAAW,CAChC,CACd,CACF,CACD,CACP,CAAC;AAEP,CAAC;AAED,OAAO,MAAMC,oBAAoB,gBAAGtD,UAAU,CAC5C,CAACuD,KAAmC,EAAEC,GAA2B,KAAK;EACpE,MAAM;IACJC,KAAK,EAAE;MAAEtC,KAAK;MAAEC;IAAS,CAAC;IAC1BsC,KAAK,EAAE;MAAEC;IAAM;EACjB,CAAC,GAAGJ,KAAK;EAET,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGzD,QAAQ,CAA0B,IAAI,CAAC;EAE/E,MAAM0D,YAAY,GAAG7D,WAAW,CAC9B,CAACiB,IAAsB,EAAE6C,CAAU,KAAK;IACtC,MAAM;MAAE,CAAC7C,IAAI,GAAG8C,KAAK;MAAE,GAAGC;IAAK,CAAC,GAAG9C,KAAK,IAAI,CAAC,CAAC;IAC9C,IAAI,CAAC4C,CAAC,IAAIG,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,KAAK,CAAC,EAAE;MACxChD,QAAQ,CAAC;QAAEiD,MAAM,EAAE;UAAElD,KAAK,EAAEmD;QAAU;MAAE,CAAC,CAAC;IAC5C;IACA,IAAI,CAACP,CAAC,EAAE3C,QAAQ,CAAC6C,IAAI,CAAC;IACtB7C,QAAQ,CAAC;MAAE,GAAG6C,IAAI;MAAE,CAAC/C,IAAI,GAAG6C;IAAE,CAAC,CAAC;EAClC,CAAC,EACD,CAAC3C,QAAQ,EAAED,KAAK,CAClB,CAAC;EAEDjB,mBAAmB,CAACsD,GAAG,EAAE,OAAO;IAC9Be,IAAI,EAAEA,CAAA,KAAM,CAAC,CAAC;IACdC,KAAK,EAAEA,CAAA,KAAM,CAAC;EAChB,CAAC,CAAC,CAAC;EAEH,oBACE1C,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACuC;EAAU,gBAC5B3C,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACwC;EAAM,GAAC,OAAW,CAAC,eACvC5C,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACuB,KAAK,EAAEC,MAAM,CAACyC;EAAe,GAChC,CAAC,CAAChB,KAAK,IAAIA,KAAK,CAAC/C,QAAQ,kBACxBkB,KAAA,CAAAC,aAAA,CAACd,oBAAoB;IACnBG,QAAQ,EAAE2C,CAAC,IAAID,YAAY,CAAC,UAAU,EAAEC,CAAC,CAAE;IAC3C7C,IAAI,EAAC,UAAU;IACfC,KAAK,EAAEA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEP,QAAS;IACvBS,cAAc,EAAEuC,YAAY,KAAK,UAAW;IAC5CtC,YAAY,EAAEA,CAAA,KAAMuC,eAAe,CAAC,IAAI;EAAE,CAC3C,CACF,EACA,CAAC,CAACF,KAAK,IAAIA,KAAK,CAAC9C,SAAS,kBACzBiB,KAAA,CAAAC,aAAA,CAACd,oBAAoB;IACnBG,QAAQ,EAAE2C,CAAC,IAAID,YAAY,CAAC,WAAW,EAAEC,CAAC,CAAE;IAC5C7C,IAAI,EAAC,WAAW;IAChBC,KAAK,EAAEA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEN,SAAU;IACxBQ,cAAc,EAAEuC,YAAY,KAAK,WAAY;IAC7CtC,YAAY,EAAEA,CAAA,KAAMuC,eAAe,CAAC,IAAI;EAAE,CAC3C,CACF,EACA,CAAC,CAACF,KAAK,IAAIA,KAAK,CAAC7C,OAAO,kBACvBgB,KAAA,CAAAC,aAAA,CAACd,oBAAoB;IACnBG,QAAQ,EAAE2C,CAAC,IAAID,YAAY,CAAC,SAAS,EAAEC,CAAC,CAAE;IAC1C7C,IAAI,EAAC,SAAS;IACdC,KAAK,EAAEA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEL,OAAQ;IACtBO,cAAc,EAAEuC,YAAY,KAAK,SAAU;IAC3CtC,YAAY,EAAEA,CAAA,KAAMuC,eAAe,CAAC,IAAI;EAAE,CAC3C,CACF,EACA,CAAC,CAACF,KAAK,IAAIA,KAAK,CAAC5C,OAAO,kBACvBe,KAAA,CAAAC,aAAA,CAACd,oBAAoB;IACnBG,QAAQ,EAAE2C,CAAC,IAAID,YAAY,CAAC,SAAS,EAAEC,CAAC,CAAE;IAC1C7C,IAAI,EAAC,SAAS;IACdC,KAAK,EAAEA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEJ,OAAQ;IACtBM,cAAc,EAAEuC,YAAY,KAAK,SAAU;IAC3CtC,YAAY,EAAEA,CAAA,KAAMuC,eAAe,CAAC,IAAI;EAAE,CAC3C,CACF,EACA,CAAC,CAACF,KAAK,IAAIA,KAAK,CAAC3C,UAAU,kBAC1Bc,KAAA,CAAAC,aAAA,CAACd,oBAAoB;IACnBG,QAAQ,EAAE2C,CAAC,IAAID,YAAY,CAAC,YAAY,EAAEC,CAAC,CAAE;IAC7C7C,IAAI,EAAC,YAAY;IACjBC,KAAK,EAAEA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,UAAW;IACzBK,cAAc,EAAEuC,YAAY,KAAK,YAAa;IAC9CtC,YAAY,EAAEA,CAAA,KAAMuC,eAAe,CAAC,IAAI;EAAE,CAC3C,CAEC,CACF,CAAC;AAEX,CACF,CAAC;AAED,MAAM3B,MAAM,GAAG5B,UAAU,CAACsE,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACX,CAAC;EACDJ,KAAK,EAAE;IACLK,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE;EACT,CAAC;EACDP,cAAc,EAAE;IACdQ,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAE;EACP,CAAC;EACDlD,UAAU,EAAE;IACVmD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,SAAS;IAC1BC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDvD,kBAAkB,EAAE;IAClBwD,OAAO,EAAE;EACX,CAAC;EACDtD,QAAQ,EAAE;IACRyC,QAAQ,EAAE,EAAE;IACZG,KAAK,EAAE;EACT,CAAC;EACDvC,cAAc,EAAE;IACdkC,IAAI,EAAE,CAAC;IACPa,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBF,eAAe,EAAE;EACnB,CAAC;EACD7C,YAAY,EAAE;IACZ6C,eAAe,EAAE,OAAO;IACxBD,YAAY,EAAE,CAAC;IACfV,OAAO,EAAE,EAAE;IACXQ,KAAK,EAAE,KAAK;IACZO,QAAQ,EAAE;EACZ,CAAC;EACDhD,UAAU,EAAE;IACVkC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE;EACT,CAAC;EACDpC,SAAS,EAAE;IACToC,KAAK,EAAE,SAAS;IAChBH,QAAQ,EAAE,EAAE;IACZE,YAAY,EAAE,CAAC;IACfH,OAAO,EAAE,CAAC;IACVW,eAAe,EAAE;EACnB,CAAC;EACD1C,UAAU,EAAE;IACV+C,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBP,YAAY,EAAE,CAAC;IACfV,OAAO,EAAE,CAAC;IACVG,YAAY,EAAE,EAAE;IAChBF,QAAQ,EAAE;EACZ,CAAC;EACD3B,WAAW,EAAE;IACXqC,eAAe,EAAE,SAAS;IAC1BX,OAAO,EAAE,CAAC;IACVU,YAAY,EAAE,CAAC;IACfG,UAAU,EAAE;EACd,CAAC;EACDtC,eAAe,EAAE;IACf6B,KAAK,EAAE,SAAS;IAChBH,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+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 { usePlaceholderColor, useTextColor } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { StyleSheet, TextInput, TouchableOpacity, View } from 'react-native';
+import { TextAreaComponent } from './textarea';
+export const TextComponent = /*#__PURE__*/forwardRef(({
+  input,
+  inEditable,
+  meta,
+  field
+}, ref) => {
+  const {
+    placeholder,
+    type
+  } = field;
+  const [isHidden, setIsHidden] = useState(type === 'password');
+  const {
+    value,
+    onChange,
+    ...inputProps
+  } = input;
+  const inputRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    },
+    blur: () => {
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+    }
+  }));
+  const placeholderColor = usePlaceholderColor();
+  const color = useTextColor();
+  const body = type === 'textarea' ? /*#__PURE__*/React.createElement(TextAreaComponent, {
+    inEditable: inEditable,
+    field: field,
+    input: input,
+    meta: meta
+  }) : /*#__PURE__*/React.createElement(TextInput, _extends({
+    ref: inputRef,
+    style: [styles.input, inEditable && styles.inEditable, type === 'password' && styles.passwordInput, {
+      color
+    }],
+    secureTextEntry: isHidden,
+    placeholderTextColor: placeholderColor,
+    placeholder: placeholder,
+    value: value ?? '',
+    onChangeText: onChange
+  }, inputProps));
+  return type === 'password' ? /*#__PURE__*/React.createElement(View, {
+    style: styles.passwordContainer
+  }, body, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.eyeIcon,
+    onPress: () => setIsHidden(!isHidden)
+  }, /*#__PURE__*/React.createElement(Ionicons, {
+    name: isHidden ? 'eye' : 'eye-off',
+    size: 20,
+    color: "#666"
+  }))) : body;
+});
+TextComponent.displayName = 'TextComponent';
+const styles = StyleSheet.create({
+  input: {
+    width: '100%',
+    height: 40,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  inEditable: {
+    paddingHorizontal: 0,
+    paddingVertical: 0,
+    height: 'auto'
+  },
+  passwordInput: {
+    paddingRight: 40
+  },
+  passwordContainer: {
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    position: 'relative'
+  },
+  eyeIcon: {
+    position: 'absolute',
+    right: 12,
+    padding: 4
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["usePlaceholderColor","useTextColor","Ionicons","forwardRef","useImperativeHandle","useRef","useState","StyleSheet","TextInput","TouchableOpacity","View","TextAreaComponent","TextComponent","input","inEditable","meta","field","ref","placeholder","type","isHidden","setIsHidden","value","onChange","inputProps","inputRef","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","body","React","createElement","_extends","style","styles","passwordInput","secureTextEntry","placeholderTextColor","onChangeText","passwordContainer","eyeIcon","onPress","name","size","displayName","create","width","height","paddingHorizontal","paddingVertical","paddingRight","flexDirection","alignItems","position","right","padding"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/form/input/text/textarea.js

@@ -0,0 +1,57 @@
+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 { usePlaceholderColor, useTextColor } from '@chem-po/react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { StyleSheet, TextInput } from 'react-native';
+export const TextAreaComponent = /*#__PURE__*/forwardRef(({
+  input,
+  field,
+  inEditable
+}, ref) => {
+  const inputRef = useRef(null);
+  const {
+    value,
+    onChange,
+    ...inputProps
+  } = input;
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    },
+    blur: () => {
+      var _inputRef$current2;
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+    }
+  }));
+  const placeholderColor = usePlaceholderColor();
+  const color = useTextColor();
+  return /*#__PURE__*/React.createElement(TextInput, _extends({
+    ref: inputRef,
+    style: [styles.textarea, inEditable && styles.inEditable, {
+      color
+    }],
+    placeholder: field.placeholder,
+    placeholderTextColor: placeholderColor,
+    multiline: true,
+    maxLength: 200,
+    textAlignVertical: "top",
+    value: value ?? '',
+    onChangeText: onChange
+  }, inputProps));
+});
+TextAreaComponent.displayName = 'TextAreaComponent';
+const styles = StyleSheet.create({
+  textarea: {
+    width: '100%',
+    minHeight: 80,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: 'transparent',
+    textAlignVertical: 'top'
+  },
+  inEditable: {
+    paddingHorizontal: 0,
+    paddingVertical: 0
+  }
+});
+//# sourceMappingURL=textarea.js.map

package/lib/module/components/form/input/text/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["usePlaceholderColor","useTextColor","forwardRef","useImperativeHandle","useRef","StyleSheet","TextInput","TextAreaComponent","input","field","inEditable","ref","inputRef","value","onChange","inputProps","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","React","createElement","_extends","style","styles","textarea","placeholder","placeholderTextColor","multiline","maxLength","textAlignVertical","onChangeText","displayName","create","width","minHeight","paddingHorizontal","paddingVertical","backgroundColor"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/textarea.tsx"],"mappings":";AACA,SAAoBA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AAC7E,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAC/D,SAASC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAGpD,OAAO,MAAMC,iBAAiB,gBAAGL,UAAU,CACzC,CAAC;EAAEM,KAAK;EAAEC,KAAK;EAAEC;AAAW,CAAC,EAAEC,GAAG,KAAK;EACrC,MAAMC,QAAQ,GAAGR,MAAM,CAAY,IAAI,CAAC;EACxC,MAAM;IAAES,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGP,KAAK;EAEhDL,mBAAmB,CAACQ,GAAG,EAAE,OAAO;IAC9BK,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAL,QAAQ,CAACM,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDG,IAAI,EAAEA,CAAA,KAAM;MAAA,IAAAC,kBAAA;MACV,CAAAA,kBAAA,GAAAR,QAAQ,CAACM,OAAO,cAAAE,kBAAA,eAAhBA,kBAAA,CAAkBD,IAAI,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAC;EAEH,MAAME,gBAAgB,GAAGrB,mBAAmB,CAAC,CAAC;EAC9C,MAAMsB,KAAK,GAAGrB,YAAY,CAAC,CAAC;EAE5B,oBACEsB,KAAA,CAAAC,aAAA,CAAClB,SAAS,EAAAmB,QAAA;IACRd,GAAG,EAAEC,QAAS;IACdc,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAElB,UAAU,IAAIiB,MAAM,CAACjB,UAAU,EAAE;MAAEY;IAAM,CAAC,CAAE;IACrEO,WAAW,EAAEpB,KAAK,CAACoB,WAAY;IAC/BC,oBAAoB,EAAET,gBAAiB;IACvCU,SAAS;IACTC,SAAS,EAAE,GAAI;IACfC,iBAAiB,EAAC,KAAK;IACvBpB,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBqB,YAAY,EAAEpB;EAAS,GACnBC,UAAU,CACf,CAAC;AAEN,CACF,CAAC;AAEDR,iBAAiB,CAAC4B,WAAW,GAAG,mBAAmB;AAEnD,MAAMR,MAAM,GAAGtB,UAAU,CAAC+B,MAAM,CAAC;EAC/BR,QAAQ,EAAE;IACRS,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,eAAe,EAAE,aAAa;IAC9BR,iBAAiB,EAAE;EACrB,CAAC;EACDvB,UAAU,EAAE;IACV6B,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,119 @@
+import { padZeros } from '@chem-po/core';
+import { useIconColor } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import { forwardRef, useImperativeHandle, useMemo, useState } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Portal } from 'react-native-paper';
+import { TimePickerModal } from 'react-native-paper-dates';
+import { DateInputClearButton } from '../common/InputClearButton';
+import { useInputColor } from '../hooks/useInputColor';
+export const TimeInput = /*#__PURE__*/forwardRef(({
+  input: {
+    onChange,
+    value,
+    onFocus,
+    onBlur
+  },
+  field: {
+    placeholder,
+    optional
+  }
+}, ref) => {
+  const [visible, setVisible] = useState(false);
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      setVisible(true);
+      onFocus();
+    },
+    blur: () => {
+      setVisible(false);
+      onBlur();
+    }
+  }));
+  const handleTimeChange = ({
+    hours,
+    minutes
+  }) => {
+    setVisible(false);
+    const timeString = `${padZeros(hours)}:${padZeros(minutes)}`;
+    onChange(timeString);
+    onBlur();
+  };
+  const handleDismiss = () => {
+    setVisible(false);
+    onBlur();
+  };
+  const formattedValue = useMemo(() => {
+    if (!value) return null;
+    const [hours, minutes] = value.split(':').map(Number);
+    const amPm = hours >= 12 ? 'PM' : 'AM';
+    const formattedHours = hours % 12 === 0 ? 12 : hours % 12;
+    return `${formattedHours}:${padZeros(minutes)} ${amPm}`;
+  }, [value]);
+  const {
+    hours,
+    minutes
+  } = useMemo(() => {
+    if (!value) return {
+      hours: 0,
+      minutes: 0
+    };
+    const [h, m] = value.split(':').map(Number);
+    return {
+      hours: h,
+      minutes: m
+    };
+  }, [value]);
+  const iconColor = useIconColor();
+  const inputColor = useInputColor(value);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => {
+      setVisible(true);
+      onFocus();
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, {
+      color: inputColor
+    }]
+  }, formattedValue ?? placeholder), /*#__PURE__*/React.createElement(Ionicons, {
+    name: "time",
+    size: 20,
+    color: iconColor,
+    style: styles.icon
+  }), optional && value ? /*#__PURE__*/React.createElement(DateInputClearButton, {
+    onPress: () => onChange(null),
+    isActive: !!value
+  }) : null), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(TimePickerModal, {
+    visible: visible,
+    onDismiss: handleDismiss,
+    onConfirm: handleTimeChange,
+    hours: hours,
+    minutes: minutes
+  })));
+});
+TimeInput.displayName = 'TimeInput';
+const styles = StyleSheet.create({
+  container: {
+    width: '100%'
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    width: '100%',
+    height: 40,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  text: {
+    fontSize: 16,
+    flex: 1
+  },
+  icon: {
+    marginRight: 10
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["padZeros","useIconColor","Ionicons","forwardRef","useImperativeHandle","useMemo","useState","StyleSheet","Text","TouchableOpacity","View","Portal","TimePickerModal","DateInputClearButton","useInputColor","TimeInput","input","onChange","value","onFocus","onBlur","field","placeholder","optional","ref","visible","setVisible","focus","blur","handleTimeChange","hours","minutes","timeString","handleDismiss","formattedValue","split","map","Number","amPm","formattedHours","h","m","iconColor","inputColor","React","createElement","style","styles","container","button","onPress","text","color","name","size","icon","isActive","onDismiss","onConfirm","displayName","create","width","flexDirection","alignItems","justifyContent","height","paddingHorizontal","paddingVertical","fontSize","flex","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/time/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/form/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/form/view/file.js

@@ -0,0 +1,50 @@
+import { useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { FileView } from '../input/file';
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'column'
+  },
+  rowContainer: {
+    flexDirection: 'row'
+  },
+  label: {
+    paddingRight: 8,
+    opacity: 0.7,
+    fontWeight: '600'
+  },
+  emptyText: {
+    opacity: 0.7
+  },
+  fileContainer: {
+    padding: 4
+  }
+});
+export const FileFieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  const {
+    imageOptions,
+    placeholder
+  } = field;
+  const options = useMemo(() => ({
+    height: 150,
+    ...imageOptions
+  }), [imageOptions]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [value ? styles.container : styles.rowContainer, style]
+  }, !noLabel && /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, placeholder), value ? /*#__PURE__*/React.createElement(View, {
+    style: styles.fileContainer
+  }, /*#__PURE__*/React.createElement(FileView, {
+    imageOptions: options,
+    value: value
+  })) : /*#__PURE__*/React.createElement(Text, {
+    style: styles.emptyText
+  }, "None"));
+};
+//# sourceMappingURL=file.js.map

package/lib/module/components/form/view/file.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","Text","View","FileView","styles","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","FileFieldView","field","value","noLabel","style","imageOptions","placeholder","options","height","React","createElement"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"AAEA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,QAAQ,QAAQ,eAAe;AAExC,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTF,OAAO,EAAE;EACX,CAAC;EACDG,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,YAAY;IAAEC;EAAY,CAAC,GAAGL,KAAK;EAC3C,MAAMM,OAAO,GAAGxB,OAAO,CACrB,OAAO;IACLyB,MAAM,EAAE,GAAG;IACX,GAAGH;EACL,CAAC,CAAC,EACF,CAACA,YAAY,CACf,CAAC;EAED,oBACEI,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACkB,KAAK,EAAE,CAACF,KAAK,GAAGd,MAAM,CAACE,SAAS,GAAGF,MAAM,CAACI,YAAY,EAAEY,KAAK;EAAE,GAClE,CAACD,OAAO,iBAAIM,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACmB,KAAK,EAAEhB,MAAM,CAACK;EAAM,GAAEa,WAAkB,CAAC,EAC3DJ,KAAK,gBACJO,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACkB,KAAK,EAAEhB,MAAM,CAACU;EAAc,gBAChCW,KAAA,CAAAC,aAAA,CAACvB,QAAQ;IAACkB,YAAY,EAAEE,OAAQ;IAACL,KAAK,EAAEA;EAAM,CAAE,CAC5C,CAAC,gBAEPO,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACmB,KAAK,EAAEhB,MAAM,CAACS;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+import { formatField } from '@chem-po/core';
+import { useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { FileFieldView } from './file';
+import { MultipleSelectFieldView } from './multipleSelect';
+import { SelectFieldView } from './select';
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  label: {
+    paddingRight: 8,
+    opacity: 0.7,
+    fontWeight: '600'
+  },
+  value: {
+    opacity: 1
+  },
+  valueEmpty: {
+    opacity: 0.6
+  }
+});
+const DefaultFieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  const {
+    placeholder
+  } = field;
+  const formatted = useMemo(() => {
+    const format = formatField[field._type];
+    if (!format) return value;
+    return format(field, value);
+  }, [value, field]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style]
+  }, !noLabel && /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, placeholder), /*#__PURE__*/React.createElement(Text, {
+    style: value !== undefined && value !== null ? styles.value : styles.valueEmpty
+  }, formatted ?? 'None'));
+};
+export const FieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  switch (field._type) {
+    case 'select':
+      return /*#__PURE__*/React.createElement(SelectFieldView, {
+        style: style,
+        field: field,
+        value: value,
+        noLabel: noLabel
+      });
+    case 'multipleSelect':
+      return /*#__PURE__*/React.createElement(MultipleSelectFieldView, {
+        style: style,
+        field: field,
+        value: value,
+        noLabel: noLabel
+      });
+    case 'file':
+      return /*#__PURE__*/React.createElement(FileFieldView, {
+        style: style,
+        field: field,
+        value: value,
+        noLabel: noLabel
+      });
+    default:
+      return /*#__PURE__*/React.createElement(DefaultFieldView, {
+        style: style,
+        field: field,
+        value: value,
+        noLabel: noLabel
+      });
+  }
+};
+//# sourceMappingURL=index.js.map