@chem-po/react-native 0.0.5 → 0.0.6

package/lib/commonjs/components/form/input/common/InputClearButton.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputClearButton = exports.DateInputClearButton = void 0;
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _reactNative = require("react-native");
+const InputClearButton = ({
+  onPress,
+  isActive,
+  marginRight
+}) => {
+  const iconColor = (0, _react.useIconColor)();
+  const borderColor = (0, _react.useBorderColor)();
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: onPress,
+    style: [styles.closeButton, {
+      opacity: isActive ? 1 : 0,
+      marginRight,
+      borderColor
+    }],
+    hitSlop: {
+      top: 10,
+      bottom: 10,
+      left: 10,
+      right: 10
+    },
+    disabled: !isActive
+  }, /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "close",
+    size: 14,
+    color: iconColor,
+    style: {
+      alignSelf: 'center'
+    }
+  }));
+};
+exports.InputClearButton = InputClearButton;
+const DateInputClearButton = ({
+  onPress,
+  isActive
+}) => {
+  return /*#__PURE__*/React.createElement(InputClearButton, {
+    marginRight: 0,
+    onPress: onPress,
+    isActive: isActive
+  });
+};
+exports.DateInputClearButton = DateInputClearButton;
+const styles = _reactNative.StyleSheet.create({
+  closeButton: {
+    padding: 3,
+    borderRadius: 100,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    // backgroundColor: '#e2e8f0',
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=InputClearButton.js.map

package/lib/commonjs/components/form/input/common/InputClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_vectorIcons","_reactNative","InputClearButton","onPress","isActive","marginRight","iconColor","useIconColor","borderColor","useBorderColor","React","createElement","TouchableOpacity","style","styles","closeButton","opacity","hitSlop","top","bottom","left","right","disabled","Ionicons","name","size","color","alignSelf","exports","DateInputClearButton","StyleSheet","create","padding","borderRadius","display","alignItems","justifyContent","borderWidth"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/common/InputClearButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,MAAMG,gBAAgB,GAAGA,CAAC;EAC/BC,OAAO;EACPC,QAAQ;EACRC;AAKF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAChC,MAAMC,WAAW,GAAG,IAAAC,qBAAc,EAAC,CAAC;EACpC,oBACEC,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAW,gBAAgB;IACfT,OAAO,EAAEA,OAAQ;IACjBU,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAE;MAAEC,OAAO,EAAEZ,QAAQ,GAAG,CAAC,GAAG,CAAC;MAAEC,WAAW;MAAEG;IAAY,CAAC,CAAE;IACrFS,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAE;IACtDC,QAAQ,EAAE,CAAClB;EAAS,gBACpBM,KAAA,CAAAC,aAAA,CAACX,YAAA,CAAAuB,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEpB,SAAU;IAACO,KAAK,EAAE;MAAEc,SAAS,EAAE;IAAS;EAAE,CAAE,CACpE,CAAC;AAEvB,CAAC;AAAAC,OAAA,CAAA1B,gBAAA,GAAAA,gBAAA;AAEM,MAAM2B,oBAAoB,GAAGA,CAAC;EACnC1B,OAAO;EACPC;AAIF,CAAC,KAAK;EACJ,oBAAOM,KAAA,CAAAC,aAAA,CAACT,gBAAgB;IAACG,WAAW,EAAE,CAAE;IAACF,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC;AACnF,CAAC;AAAAwB,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAED,MAAMf,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,WAAW,EAAE;IACXiB,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,GAAG;IACjBC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB;IACAC,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/form/input/date/index.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateInput = void 0;
+var _core = require("@chem-po/core");
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _reactNativePaperDates = require("react-native-paper-dates");
+var _InputClearButton = require("../common/InputClearButton");
+var _useInputColor = require("../hooks/useInputColor");
+// const parseDate = (date?: Date) =>
+//   date
+//     ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(
+//         date.getDate(),
+//       ).padStart(2, '0')}`
+//     : undefined
+
+const DateInput = exports.DateInput = /*#__PURE__*/(0, _react2.forwardRef)(({
+  input: {
+    onChange,
+    value,
+    onFocus,
+    onBlur
+  },
+  field: {
+    placeholder,
+    minDate,
+    maxDate,
+    optional
+  },
+  meta: {
+    active
+  }
+}, ref) => {
+  const date = (0, _react2.useMemo)(() => value ? new Date(`${value}T00:00:00.000`) : undefined, [value]);
+  (0, _react2.useImperativeHandle)(ref, () => ({
+    focus: () => {
+      onFocus();
+    },
+    blur: () => {
+      onBlur();
+    }
+  }));
+  const showDialog = () => {
+    onFocus();
+  };
+  const iconColor = (0, _react.useIconColor)();
+  const inputColor = (0, _useInputColor.useInputColor)(value);
+  const minDateObj = minDate === 'now' ? new Date() : minDate ? new Date(minDate) : undefined;
+  const maxDateObj = maxDate === 'now' ? new Date() : maxDate ? new Date(maxDate) : undefined;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.button,
+    onPress: showDialog
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.text, {
+      color: inputColor
+    }]
+  }, value ? (0, _core.getDateString)(value, 'short') : placeholder), /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "calendar",
+    size: 20,
+    color: iconColor,
+    style: styles.icon
+  }), optional && value ? /*#__PURE__*/React.createElement(_InputClearButton.DateInputClearButton, {
+    onPress: () => onChange(null),
+    isActive: true
+  }) : null), /*#__PURE__*/React.createElement(_reactNativePaper.Portal, null, /*#__PURE__*/React.createElement(_reactNativePaperDates.DatePickerModal, {
+    locale: "en",
+    label: "Date",
+    date: date,
+    startYear: minDateObj === null || minDateObj === void 0 ? void 0 : minDateObj.getFullYear(),
+    endYear: maxDateObj === null || maxDateObj === void 0 ? void 0 : maxDateObj.getFullYear(),
+    mode: "single",
+    onConfirm: d => {
+      var _d$date;
+      onChange((d === null || d === void 0 || (_d$date = d.date) === null || _d$date === void 0 || (_d$date = _d$date.toISOString()) === null || _d$date === void 0 ? void 0 : _d$date.split('T')[0]) ?? null);
+      onBlur();
+    },
+    onDismiss: onBlur,
+    visible: active
+  })));
+});
+DateInput.displayName = 'DateInput';
+const styles = _reactNative.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/commonjs/components/form/input/date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_vectorIcons","_react2","_reactNative","_reactNativePaper","_reactNativePaperDates","_InputClearButton","_useInputColor","DateInput","exports","forwardRef","input","onChange","value","onFocus","onBlur","field","placeholder","minDate","maxDate","optional","meta","active","ref","date","useMemo","Date","undefined","useImperativeHandle","focus","blur","showDialog","iconColor","useIconColor","inputColor","useInputColor","minDateObj","maxDateObj","React","createElement","View","style","styles","container","TouchableOpacity","button","onPress","Text","text","color","getDateString","Ionicons","name","size","icon","DateInputClearButton","isActive","Portal","DatePickerModal","locale","label","startYear","getFullYear","endYear","mode","onConfirm","d","_d$date","toISOString","split","onDismiss","visible","displayName","StyleSheet","create","width","flexDirection","alignItems","justifyContent","height","paddingHorizontal","paddingVertical","fontSize","flex","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/date/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/input/datetime/index.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateTimeInput = void 0;
+var _core = require("@chem-po/core");
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var _react2 = require("react");
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _reactNativePaperDates = require("react-native-paper-dates");
+var _InputClearButton = require("../common/InputClearButton");
+var _useInputColor = require("../hooks/useInputColor");
+const DateTimeInput = exports.DateTimeInput = /*#__PURE__*/(0, _react2.forwardRef)(({
+  input: {
+    value,
+    onBlur,
+    onChange,
+    onFocus
+  },
+  field,
+  meta: {
+    active
+  }
+}, ref) => {
+  const {
+    placeholder,
+    optional
+  } = field;
+  const [showDatePicker, setShowDatePicker] = (0, _react2.useState)(true);
+  const [showTimePicker, setShowTimePicker] = (0, _react2.useState)(false);
+  // const [selectedDate] = useState<Date>(value ? new Date(value) : new Date())
+
+  const selectedDate = (0, _react2.useMemo)(() => value ? new Date(value) : new Date(), [value]);
+  (0, _react2.useImperativeHandle)(ref, () => ({
+    focus: () => {
+      onFocus();
+    },
+    blur: () => {
+      onBlur();
+    }
+  }));
+  const handleDateChange = (0, _react2.useCallback)(date => {
+    if (date) {
+      const newDate = new Date(date);
+      onChange(newDate.toISOString());
+      setShowTimePicker(true);
+    } else {
+      onBlur();
+    }
+    setShowDatePicker(false);
+  }, [onChange, onBlur]);
+  const handleTimeChange = (0, _react2.useCallback)(({
+    hours,
+    minutes
+  }) => {
+    const newDate = selectedDate ? new Date(selectedDate) : new Date();
+    newDate.setHours(hours);
+    newDate.setMinutes(minutes);
+    onChange(newDate.toISOString());
+    setShowTimePicker(false);
+    onBlur();
+  }, [onChange, onBlur, selectedDate]);
+  const handleDismiss = (0, _react2.useCallback)(() => {
+    setShowDatePicker(true);
+    setShowTimePicker(false);
+    onBlur();
+  }, [onBlur]);
+  const date = (0, _react2.useMemo)(() => value ? new Date(value) : undefined, [value]);
+  const formattedValue = (0, _react2.useMemo)(() => {
+    if (!value) return null;
+    return (0, _core.getDateTimeString)(value);
+  }, [value]);
+  const hourMinute = (0, _react2.useMemo)(() => {
+    if (!date) return {
+      hours: 0,
+      minutes: 0
+    };
+    return {
+      hours: date.getHours(),
+      minutes: date.getMinutes()
+    };
+  }, [date]);
+  const iconColor = (0, _react.useIconColor)();
+  const inputColor = (0, _useInputColor.useInputColor)(value);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.button,
+    onPress: () => {
+      setShowDatePicker(true);
+      onFocus();
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.text, {
+      color: inputColor
+    }]
+  }, formattedValue ?? placeholder), /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "calendar",
+    size: 20,
+    color: iconColor,
+    style: styles.icon
+  }), /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "time",
+    size: 20,
+    color: iconColor,
+    style: styles.icon
+  }), optional && value ? /*#__PURE__*/React.createElement(_InputClearButton.DateInputClearButton, {
+    onPress: () => onChange(null),
+    isActive: !!value
+  }) : null), /*#__PURE__*/React.createElement(_reactNativePaper.Portal, null, showDatePicker && /*#__PURE__*/React.createElement(_reactNativePaperDates.DatePickerModal, {
+    locale: "en",
+    label: "Date",
+    date: date,
+    mode: "single",
+    onConfirm: d => {
+      var _d$date;
+      handleDateChange((d === null || d === void 0 || (_d$date = d.date) === null || _d$date === void 0 || (_d$date = _d$date.toISOString()) === null || _d$date === void 0 ? void 0 : _d$date.split('T')[0]) ?? null);
+    },
+    onDismiss: handleDismiss,
+    visible: active && showDatePicker
+  }), showTimePicker && /*#__PURE__*/React.createElement(_reactNativePaperDates.TimePickerModal, {
+    visible: active && showTimePicker,
+    onDismiss: handleDismiss,
+    locale: "en-US",
+    onConfirm: handleTimeChange,
+    hours: hourMinute.hours,
+    minutes: hourMinute.minutes
+  })));
+});
+DateTimeInput.displayName = 'DateTimeInput';
+const styles = _reactNative.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/commonjs/components/form/input/datetime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_vectorIcons","_react2","_reactNative","_reactNativePaper","_reactNativePaperDates","_InputClearButton","_useInputColor","DateTimeInput","exports","forwardRef","input","value","onBlur","onChange","onFocus","field","meta","active","ref","placeholder","optional","showDatePicker","setShowDatePicker","useState","showTimePicker","setShowTimePicker","selectedDate","useMemo","Date","useImperativeHandle","focus","blur","handleDateChange","useCallback","date","newDate","toISOString","handleTimeChange","hours","minutes","setHours","setMinutes","handleDismiss","undefined","formattedValue","getDateTimeString","hourMinute","getHours","getMinutes","iconColor","useIconColor","inputColor","useInputColor","React","createElement","View","style","styles","container","TouchableOpacity","button","onPress","Text","text","color","Ionicons","name","size","icon","DateInputClearButton","isActive","Portal","DatePickerModal","locale","label","mode","onConfirm","d","_d$date","split","onDismiss","visible","TimePickerModal","displayName","StyleSheet","create","width","flexDirection","alignItems","justifyContent","height","paddingHorizontal","paddingVertical","fontSize","flex","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/datetime/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,sBAAA,GAAAN,OAAA;AAEA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AAEO,MAAMS,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,kBAAU,EACrC,CAAC;EAAEC,KAAK,EAAE;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAQ,CAAC;EAAEC,KAAK;EAAEC,IAAI,EAAE;IAAEC;EAAO;AAAE,CAAC,EAAEC,GAAG,KAAK;EACjF,MAAM;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAGL,KAAK;EACvC,MAAM,CAACM,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,gBAAQ,EAAC,IAAI,CAAC;EAC1D,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAF,gBAAQ,EAAC,KAAK,CAAC;EAC3D;;EAEA,MAAMG,YAAY,GAAG,IAAAC,eAAO,EAAC,MAAOhB,KAAK,GAAG,IAAIiB,IAAI,CAACjB,KAAK,CAAC,GAAG,IAAIiB,IAAI,CAAC,CAAE,EAAE,CAACjB,KAAK,CAAC,CAAC;EACnF,IAAAkB,2BAAmB,EAACX,GAAG,EAAE,OAAO;IAC9BY,KAAK,EAAEA,CAAA,KAAM;MACXhB,OAAO,CAAC,CAAC;IACX,CAAC;IACDiB,IAAI,EAAEA,CAAA,KAAM;MACVnB,MAAM,CAAC,CAAC;IACV;EACF,CAAC,CAAC,CAAC;EAEH,MAAMoB,gBAAgB,GAAG,IAAAC,mBAAW,EACjCC,IAAmB,IAAK;IACvB,IAAIA,IAAI,EAAE;MACR,MAAMC,OAAO,GAAG,IAAIP,IAAI,CAACM,IAAI,CAAC;MAC9BrB,QAAQ,CAACsB,OAAO,CAACC,WAAW,CAAC,CAAC,CAAC;MAC/BX,iBAAiB,CAAC,IAAI,CAAC;IACzB,CAAC,MAAM;MACLb,MAAM,CAAC,CAAC;IACV;IACAU,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC,EACD,CAACT,QAAQ,EAAED,MAAM,CACnB,CAAC;EAED,MAAMyB,gBAAgB,GAAG,IAAAJ,mBAAW,EAClC,CAAC;IAAEK,KAAK;IAAEC;EAA4C,CAAC,KAAK;IAC1D,MAAMJ,OAAO,GAAGT,YAAY,GAAG,IAAIE,IAAI,CAACF,YAAY,CAAC,GAAG,IAAIE,IAAI,CAAC,CAAC;IAClEO,OAAO,CAACK,QAAQ,CAACF,KAAK,CAAC;IACvBH,OAAO,CAACM,UAAU,CAACF,OAAO,CAAC;IAC3B1B,QAAQ,CAACsB,OAAO,CAACC,WAAW,CAAC,CAAC,CAAC;IAC/BX,iBAAiB,CAAC,KAAK,CAAC;IACxBb,MAAM,CAAC,CAAC;EACV,CAAC,EACD,CAACC,QAAQ,EAAED,MAAM,EAAEc,YAAY,CACjC,CAAC;EAED,MAAMgB,aAAa,GAAG,IAAAT,mBAAW,EAAC,MAAM;IACtCX,iBAAiB,CAAC,IAAI,CAAC;IACvBG,iBAAiB,CAAC,KAAK,CAAC;IACxBb,MAAM,CAAC,CAAC;EACV,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAMsB,IAAI,GAAG,IAAAP,eAAO,EAAC,MAAOhB,KAAK,GAAG,IAAIiB,IAAI,CAACjB,KAAK,CAAC,GAAGgC,SAAU,EAAE,CAAChC,KAAK,CAAC,CAAC;EAE1E,MAAMiC,cAAc,GAAG,IAAAjB,eAAO,EAAC,MAAM;IACnC,IAAI,CAAChB,KAAK,EAAE,OAAO,IAAI;IACvB,OAAO,IAAAkC,uBAAiB,EAAClC,KAAK,CAAC;EACjC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMmC,UAAU,GAAG,IAAAnB,eAAO,EAAC,MAAM;IAC/B,IAAI,CAACO,IAAI,EAAE,OAAO;MAAEI,KAAK,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAC;IAC1C,OAAO;MAAED,KAAK,EAAEJ,IAAI,CAACa,QAAQ,CAAC,CAAC;MAAER,OAAO,EAAEL,IAAI,CAACc,UAAU,CAAC;IAAE,CAAC;EAC/D,CAAC,EAAE,CAACd,IAAI,CAAC,CAAC;EAEV,MAAMe,SAAS,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAChC,MAAMC,UAAU,GAAG,IAAAC,4BAAa,EAACzC,KAAK,CAAC;EAEvC,oBACE0C,KAAA,CAAAC,aAAA,CAACpD,YAAA,CAAAqD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BL,KAAA,CAAAC,aAAA,CAACpD,YAAA,CAAAyD,gBAAgB;IACfH,KAAK,EAAEC,MAAM,CAACG,MAAO;IACrBC,OAAO,EAAEA,CAAA,KAAM;MACbvC,iBAAiB,CAAC,IAAI,CAAC;MACvBR,OAAO,CAAC,CAAC;IACX;EAAE,gBACFuC,KAAA,CAAAC,aAAA,CAACpD,YAAA,CAAA4D,IAAI;IAACN,KAAK,EAAE,CAACC,MAAM,CAACM,IAAI,EAAE;MAAEC,KAAK,EAAEb;IAAW,CAAC;EAAE,GAAEP,cAAc,IAAIzB,WAAkB,CAAC,eACzFkC,KAAA,CAAAC,aAAA,CAACtD,YAAA,CAAAiE,QAAQ;IAACC,IAAI,EAAC,UAAU;IAACC,IAAI,EAAE,EAAG;IAACH,KAAK,EAAEf,SAAU;IAACO,KAAK,EAAEC,MAAM,CAACW;EAAK,CAAE,CAAC,eAC5Ef,KAAA,CAAAC,aAAA,CAACtD,YAAA,CAAAiE,QAAQ;IAACC,IAAI,EAAC,MAAM;IAACC,IAAI,EAAE,EAAG;IAACH,KAAK,EAAEf,SAAU;IAACO,KAAK,EAAEC,MAAM,CAACW;EAAK,CAAE,CAAC,EACvEhD,QAAQ,IAAIT,KAAK,gBAChB0C,KAAA,CAAAC,aAAA,CAACjD,iBAAA,CAAAgE,oBAAoB;IAACR,OAAO,EAAEA,CAAA,KAAMhD,QAAQ,CAAC,IAAI,CAAE;IAACyD,QAAQ,EAAE,CAAC,CAAC3D;EAAM,CAAE,CAAC,GACxE,IACY,CAAC,eACnB0C,KAAA,CAAAC,aAAA,CAACnD,iBAAA,CAAAoE,MAAM,QACJlD,cAAc,iBACbgC,KAAA,CAAAC,aAAA,CAAClD,sBAAA,CAAAoE,eAAe;IACdC,MAAM,EAAC,IAAI;IACXC,KAAK,EAAC,MAAM;IACZxC,IAAI,EAAEA,IAAK;IACXyC,IAAI,EAAC,QAAQ;IACbC,SAAS,EAAEC,CAAC,IAAI;MAAA,IAAAC,OAAA;MACd9C,gBAAgB,CAAC,CAAA6C,CAAC,aAADA,CAAC,gBAAAC,OAAA,GAADD,CAAC,CAAE3C,IAAI,cAAA4C,OAAA,gBAAAA,OAAA,GAAPA,OAAA,CAAS1C,WAAW,CAAC,CAAC,cAAA0C,OAAA,uBAAtBA,OAAA,CAAwBC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAI,IAAI,CAAC;IACjE,CAAE;IACFC,SAAS,EAAEtC,aAAc;IACzBuC,OAAO,EAAEhE,MAAM,IAAII;EAAe,CACnC,CACF,EACAG,cAAc,iBACb6B,KAAA,CAAAC,aAAA,CAAClD,sBAAA,CAAA8E,eAAe;IACdD,OAAO,EAAEhE,MAAM,IAAIO,cAAe;IAClCwD,SAAS,EAAEtC,aAAc;IACzB+B,MAAM,EAAC,OAAO;IACdG,SAAS,EAAEvC,gBAAiB;IAC5BC,KAAK,EAAEQ,UAAU,CAACR,KAAM;IACxBC,OAAO,EAAEO,UAAU,CAACP;EAAQ,CAC7B,CAEG,CACJ,CAAC;AAEX,CACF,CAAC;AAEDhC,aAAa,CAAC4E,WAAW,GAAG,eAAe;AAE3C,MAAM1B,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,KAAK,EAAE;EACT,CAAC;EACD1B,MAAM,EAAE;IACN2B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BH,KAAK,EAAE,MAAM;IACbI,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACD7B,IAAI,EAAE;IACJ8B,QAAQ,EAAE,EAAE;IACZC,IAAI,EAAE;EACR,CAAC;EACD1B,IAAI,EAAE;IACJ2B,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/form/input/file/index.js

@@ -0,0 +1,229 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileView = exports.FileComponent = void 0;
+var _react = require("@chem-po/react");
+var _vectorIcons = require("@expo/vector-icons");
+var DocumentPicker = _interopRequireWildcard(require("expo-document-picker"));
+var ImagePicker = _interopRequireWildcard(require("expo-image-picker"));
+var _react2 = require("react");
+var _reactNative = require("react-native");
+var _LoadingImage = require("../../../loading/LoadingImage");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const generateAccept = field => {
+  if (!field.accept) return undefined;
+  const accept = [];
+  if (field.accept.includes('image')) {
+    accept.push('image/jpg', 'image/jpeg', 'image/png', 'image/svg', 'image/gif');
+  }
+  if (field.accept.includes('pdf')) accept.push('application/pdf');
+  if (field.accept.includes('audio')) {
+    accept.push('audio/mp3', 'audio/wav', 'audio/x-wav', 'audio/webm', 'audio/ogg');
+  }
+  return accept.join(',');
+};
+const NoFileView = ({
+  hasUpload
+}) => {
+  const textColor = (0, _react.useTextColor)();
+  const iconColor = (0, _react.useIconColor)();
+  const borderColor = (0, _react.useBorderColor)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.noFileContainer, {
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.noFileText, {
+      color: textColor
+    }]
+  }, hasUpload ? 'Tap to upload file' : 'No file uploaded'), /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "cloud-upload",
+    size: 24,
+    color: iconColor
+  }));
+};
+const FileView = ({
+  value,
+  hasUpload,
+  imageOptions
+}) => {
+  var _value$type;
+  const {
+    storagePath,
+    dataUrl
+  } = value ?? {};
+  const missingFile = !dataUrl && !storagePath;
+  const iconColor = (0, _react.useIconColor)();
+  const fileNameColor = (0, _react.useTextColor)();
+  const borderColor = (0, _react.useBorderColor)();
+  if (!value || missingFile) {
+    return /*#__PURE__*/React.createElement(NoFileView, {
+      hasUpload: hasUpload
+    });
+  }
+  if ((_value$type = value.type) !== null && _value$type !== void 0 && _value$type.startsWith('image/')) {
+    return /*#__PURE__*/React.createElement(_LoadingImage.LoadingImage, {
+      src: dataUrl,
+      width: (imageOptions === null || imageOptions === void 0 ? void 0 : imageOptions.width) ?? 120,
+      height: (imageOptions === null || imageOptions === void 0 ? void 0 : imageOptions.height) ?? 120,
+      style: styles.image
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.fileContainer, {
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(_vectorIcons.Ionicons, {
+    name: "document",
+    size: 24,
+    color: iconColor
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.filename, {
+      color: fileNameColor
+    }]
+  }, value.filename));
+};
+exports.FileView = FileView;
+const FileComponent = exports.FileComponent = /*#__PURE__*/(0, _react2.forwardRef)(({
+  input: {
+    value,
+    onChange
+  },
+  field
+}, ref) => {
+  const [loading, setLoading] = (0, _react2.useState)(false);
+  const {
+    imageOptions
+  } = field || {};
+  const handlePickFile = (0, _react2.useCallback)(async () => {
+    try {
+      var _field$accept;
+      setLoading(true);
+      let result;
+      if ((_field$accept = field.accept) !== null && _field$accept !== void 0 && _field$accept.includes('image')) {
+        result = await ImagePicker.launchImageLibraryAsync({
+          mediaTypes: ['images'],
+          allowsEditing: true,
+          quality: 1,
+          base64: true
+        });
+        if (!result.canceled && result.assets[0]) {
+          const asset = result.assets[0];
+          const fileExtension = asset.uri.split('.').pop() ?? 'jpeg';
+          const fileName = asset.uri.split('/').pop() ?? 'image';
+          onChange({
+            ...value,
+            dataUrl: asset.uri,
+            type: `image/${fileExtension}`,
+            filename: fileName
+          });
+        }
+      } else {
+        result = await DocumentPicker.getDocumentAsync({
+          type: generateAccept(field)
+        });
+        if (!result.canceled) {
+          onChange({
+            ...value,
+            dataUrl: result.assets[0].uri,
+            type: result.assets[0].mimeType,
+            filename: result.assets[0].name
+          });
+        }
+      }
+    } catch (error) {
+      if (error instanceof Error) {
+        console.error('Error picking file:', error.message);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [field, onChange, value]);
+  (0, _react2.useImperativeHandle)(ref, () => ({
+    focus: () => {
+      void handlePickFile();
+    },
+    blur: () => {}
+  }));
+  const isImageField = (0, _react2.useMemo)(() => field.accept && field.accept.length === 1 && field.accept[0] === 'image', [field]);
+  const imgOptions = (0, _react2.useMemo)(() => {
+    var _value$type2;
+    return isImageField || value !== null && value !== void 0 && (_value$type2 = value.type) !== null && _value$type2 !== void 0 && _value$type2.startsWith('image/') ? {
+      height: 120,
+      ...imageOptions
+    } : undefined;
+  }, [imageOptions, isImageField, value]);
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  const borderColor = (0, _react.useBorderColor)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, {
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.placeholder, {
+      color: placeholderColor
+    }]
+  }, field.placeholder), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.contentContainer,
+    onPress: () => void handlePickFile(),
+    disabled: loading
+  }, /*#__PURE__*/React.createElement(FileView, {
+    hasUpload: true,
+    imageOptions: imgOptions,
+    value: value
+  })));
+});
+FileComponent.displayName = 'FileComponent';
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  placeholder: {
+    fontSize: 14,
+    opacity: 0.8,
+    marginBottom: 4
+  },
+  contentContainer: {
+    width: '100%',
+    position: 'relative',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 8,
+    overflow: 'hidden'
+  },
+  noFileContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16,
+    borderWidth: 1,
+    borderRadius: 4,
+    borderStyle: 'dashed'
+  },
+  noFileText: {
+    fontSize: 14,
+    textAlign: 'center',
+    opacity: 0.8,
+    marginRight: 10
+  },
+  fileContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 8,
+    borderWidth: 1,
+    borderRadius: 4
+  },
+  filename: {
+    fontSize: 14,
+    marginLeft: 8
+  },
+  image: {
+    borderRadius: 4,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/form/input/file/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_vectorIcons","DocumentPicker","_interopRequireWildcard","ImagePicker","_react2","_reactNative","_LoadingImage","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","generateAccept","field","accept","undefined","includes","push","join","NoFileView","hasUpload","textColor","useTextColor","iconColor","useIconColor","borderColor","useBorderColor","React","createElement","View","style","styles","noFileContainer","Text","noFileText","color","Ionicons","name","size","FileView","value","imageOptions","_value$type","storagePath","dataUrl","missingFile","fileNameColor","type","startsWith","LoadingImage","src","width","height","image","fileContainer","filename","exports","FileComponent","forwardRef","input","onChange","ref","loading","setLoading","useState","handlePickFile","useCallback","_field$accept","result","launchImageLibraryAsync","mediaTypes","allowsEditing","quality","base64","canceled","assets","asset","fileExtension","uri","split","pop","fileName","getDocumentAsync","mimeType","error","Error","console","message","useImperativeHandle","focus","blur","isImageField","useMemo","length","imgOptions","_value$type2","placeholderColor","usePlaceholderColor","container","placeholder","TouchableOpacity","contentContainer","onPress","disabled","displayName","StyleSheet","create","alignItems","justifyContent","fontSize","opacity","marginBottom","position","padding","overflow","flexDirection","borderWidth","borderRadius","borderStyle","textAlign","marginRight","marginLeft"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/file/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/input/hooks/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useInputImperativeHandle = require("./useInputImperativeHandle");
+Object.keys(_useInputImperativeHandle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useInputImperativeHandle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useInputImperativeHandle[key];
+    }
+  });
+});
+var _useInputStyle = require("./useInputStyle");
+Object.keys(_useInputStyle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useInputStyle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useInputStyle[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/form/input/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useInputImperativeHandle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useInputStyle"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/index.ts"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,yBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,yBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,yBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/form/input/hooks/useInputColor.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInputColor = void 0;
+var _react = require("@chem-po/react");
+const useInputColor = value => {
+  const textColor = (0, _react.useTextColor)();
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  return value !== undefined && value !== null && value !== '' ? textColor : placeholderColor;
+};
+exports.useInputColor = useInputColor;
+//# sourceMappingURL=useInputColor.js.map

package/lib/commonjs/components/form/input/hooks/useInputColor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useInputColor","value","textColor","useTextColor","placeholderColor","usePlaceholderColor","undefined","exports"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/useInputColor.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GAAIC,KAAW,IAAK;EAC5C,MAAMC,SAAS,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAChC,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,OAAOJ,KAAK,KAAKK,SAAS,IAAIL,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,EAAE,GAAGC,SAAS,GAAGE,gBAAgB;AAC7F,CAAC;AAAAG,OAAA,CAAAP,aAAA,GAAAA,aAAA","ignoreList":[]}