@chem-po/react-native 0.0.5 → 0.0.7

package/lib/module/components/form/input/Editable.js

@@ -0,0 +1,146 @@
+import { palette } from '@chem-po/core';
+import { useColorModeValue, useEditable } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import { useEffect, useMemo } from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { LoadingOverlay } from '../../loading/Loading';
+import { UploadProgress } from '../UploadProgress';
+import { FieldView } from '../view';
+import { StandaloneInput } from './StandaloneInput';
+export const Editable = ({
+  value: initValue,
+  field,
+  onSubmit,
+  storagePath,
+  style,
+  onEditClose,
+  onEditOpen
+}) => {
+  const {
+    formattedValue,
+    inputRef,
+    setValue,
+    isLoading,
+    uploads,
+    editHovered,
+    handleEditOpen,
+    handleEditClose,
+    isEditing,
+    value,
+    setEditHovered,
+    submitValue,
+    submit,
+    parse
+  } = useEditable({
+    value: initValue,
+    field,
+    onSubmit,
+    storagePath,
+    onEditOpen,
+    onEditClose
+  });
+  const alwaysEditing = useMemo(() => field._type === 'file' || field._type === 'boolean', [field]);
+  useEffect(() => {
+    if (isEditing) {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    }
+  }, [isEditing, inputRef]);
+  const editingBorderColor = useColorModeValue('#00000055', '#ffffff55');
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      borderColor: editHovered && !isEditing ? editingBorderColor : 'transparent'
+    }, style]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.inputContainer, {
+      opacity: isLoading ? 0 : 1,
+      borderColor: isEditing ? editingBorderColor : 'transparent'
+    }]
+  }, isEditing || alwaysEditing ? /*#__PURE__*/React.createElement(StandaloneInput, {
+    ref: inputRef,
+    value: formattedValue,
+    inEditable: true,
+    field: field,
+    style: [styles.input, style],
+    onChange: alwaysEditing ? v => submitValue(parse(v)) : v => setValue(parse(v))
+  }) : /*#__PURE__*/React.createElement(FieldView, {
+    style: style,
+    field: field,
+    value: value
+  })), !alwaysEditing && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.editButton,
+    onPress: () => {
+      if (isEditing) {
+        setValue(value);
+        handleEditClose();
+      } else {
+        handleEditOpen();
+      }
+    },
+    onPressIn: () => setEditHovered(true),
+    onPressOut: () => setEditHovered(false)
+  }, /*#__PURE__*/React.createElement(Ionicons, {
+    name: isEditing ? 'close' : 'create-outline',
+    size: 20,
+    color: palette.gray.medium
+  })), /*#__PURE__*/React.createElement(View, {
+    style: [styles.submitButtonContainer, {
+      width: isEditing ? 30 : 0,
+      opacity: isEditing ? 1 : 0
+    }]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.submitButton, {
+      backgroundColor: palette.cyan.light
+    }],
+    onPress: () => {
+      submit();
+    }
+  }, /*#__PURE__*/React.createElement(Ionicons, {
+    name: "checkmark",
+    size: 20,
+    color: "#fff"
+  })))), /*#__PURE__*/React.createElement(LoadingOverlay, {
+    isLoading: isLoading
+  })), /*#__PURE__*/React.createElement(UploadProgress, {
+    uploads: uploads
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 4,
+    borderWidth: 1,
+    borderStyle: 'dashed',
+    width: '100%'
+  },
+  contentContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 4,
+    position: 'relative',
+    width: '100%'
+  },
+  inputContainer: {
+    flex: 1,
+    minWidth: 0,
+    borderWidth: 1,
+    borderStyle: 'dashed'
+  },
+  input: {
+    padding: 0
+  },
+  editButton: {
+    padding: 4,
+    marginLeft: 4
+  },
+  submitButtonContainer: {
+    justifyContent: 'flex-end',
+    overflow: 'hidden'
+  },
+  submitButton: {
+    padding: 4,
+    borderRadius: 4
+  }
+});
+//# sourceMappingURL=Editable.js.map

package/lib/module/components/form/input/Editable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","useColorModeValue","useEditable","Ionicons","useEffect","useMemo","StyleSheet","TouchableOpacity","View","LoadingOverlay","UploadProgress","FieldView","StandaloneInput","Editable","value","initValue","field","onSubmit","storagePath","style","onEditClose","onEditOpen","formattedValue","inputRef","setValue","isLoading","uploads","editHovered","handleEditOpen","handleEditClose","isEditing","setEditHovered","submitValue","submit","parse","alwaysEditing","_type","_inputRef$current","current","focus","editingBorderColor","React","createElement","styles","container","borderColor","contentContainer","inputContainer","opacity","ref","inEditable","input","onChange","v","Fragment","editButton","onPress","onPressIn","onPressOut","name","size","color","gray","medium","submitButtonContainer","width","submitButton","backgroundColor","cyan","light","create","borderRadius","borderWidth","borderStyle","flexDirection","alignItems","paddingHorizontal","position","flex","minWidth","padding","marginLeft","justifyContent","overflow"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/Editable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/form/input/InputSlider.js

@@ -0,0 +1,51 @@
+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 Slider from '@react-native-community/slider';
+import { StyleSheet, Text, View } from 'react-native';
+export const InputSlider = ({
+  // label,
+  gradient,
+  value,
+  minimumValue,
+  maximumValue,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      opacity: value !== undefined ? 1 : 0.5
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.sliderContainer
+  }, minimumValue !== undefined ? /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, gradient ? styles.gradientText : null]
+  }, typeof minimumValue === 'number' ? minimumValue.toFixed(((props === null || props === void 0 ? void 0 : props.step) ?? 1) < 1 ? 2 : 0) : '') : null, /*#__PURE__*/React.createElement(Slider, _extends({
+    style: styles.slider,
+    minimumValue: minimumValue,
+    maximumValue: maximumValue,
+    step: 1
+  }, props)), maximumValue !== undefined ? /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, gradient ? styles.gradientText : null]
+  }, typeof maximumValue === 'number' ? maximumValue.toFixed(((props === null || props === void 0 ? void 0 : props.step) ?? 1) < 1 ? 2 : 0) : '') : null));
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    paddingVertical: 8
+  },
+  sliderContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    width: '100%'
+  },
+  slider: {
+    flex: 1,
+    height: 40
+  },
+  label: {
+    fontSize: 14,
+    marginHorizontal: 8
+  },
+  gradientText: {
+    color: '#007AFF' // iOS blue color, you can customize this
+  }
+});
+//# sourceMappingURL=InputSlider.js.map

package/lib/module/components/form/input/InputSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Slider","StyleSheet","Text","View","InputSlider","gradient","value","minimumValue","maximumValue","props","React","createElement","style","styles","container","opacity","undefined","sliderContainer","label","gradientText","toFixed","step","_extends","slider","create","width","paddingVertical","flexDirection","alignItems","flex","height","fontSize","marginHorizontal","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/InputSlider.tsx"],"mappings":";AACA,OAAOA,MAAM,MAAM,gCAAgC;AACnD,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAIrD,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1B;EACAC,QAAQ;EACRC,KAAK;EACLC,YAAY;EACZC,YAAY;EACZ,GAAGC;AAIS,CAAC,KAAK;EAClB,oBACEC,KAAA,CAAAC,aAAA,CAACR,IAAI;IAACS,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,OAAO,EAAET,KAAK,KAAKU,SAAS,GAAG,CAAC,GAAG;IAAI,CAAC;EAAE,gBAC1EN,KAAA,CAAAC,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEC,MAAM,CAACI;EAAgB,GACjCV,YAAY,KAAKS,SAAS,gBACzBN,KAAA,CAAAC,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACK,KAAK,EAAEb,QAAQ,GAAGQ,MAAM,CAACM,YAAY,GAAG,IAAI;EAAE,GAChE,OAAOZ,YAAY,KAAK,QAAQ,GAC7BA,YAAY,CAACa,OAAO,CAAC,CAAC,CAAAX,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEY,IAAI,KAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GACpD,EACA,CAAC,GACL,IAAI,eAERX,KAAA,CAAAC,aAAA,CAACX,MAAM,EAAAsB,QAAA;IACLV,KAAK,EAAEC,MAAM,CAACU,MAAO;IACrBhB,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAC3Ba,IAAI,EAAE;EAAE,GACJZ,KAAK,CACV,CAAC,EAEDD,YAAY,KAAKQ,SAAS,gBACzBN,KAAA,CAAAC,aAAA,CAACT,IAAI;IAACU,KAAK,EAAE,CAACC,MAAM,CAACK,KAAK,EAAEb,QAAQ,GAAGQ,MAAM,CAACM,YAAY,GAAG,IAAI;EAAE,GAChE,OAAOX,YAAY,KAAK,QAAQ,GAC7BA,YAAY,CAACY,OAAO,CAAC,CAAC,CAAAX,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEY,IAAI,KAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GACpD,EACA,CAAC,GACL,IACA,CACF,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGZ,UAAU,CAACuB,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,KAAK,EAAE,MAAM;IACbC,eAAe,EAAE;EACnB,CAAC;EACDT,eAAe,EAAE;IACfU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBH,KAAK,EAAE;EACT,CAAC;EACDF,MAAM,EAAE;IACNM,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDZ,KAAK,EAAE;IACLa,QAAQ,EAAE,EAAE;IACZC,gBAAgB,EAAE;EACpB,CAAC;EACDb,YAAY,EAAE;IACZc,KAAK,EAAE,SAAS,CAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/form/input/OptionalTag.js

@@ -0,0 +1,39 @@
+import { useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+export const OptionalTag = ({
+  value,
+  field
+}) => {
+  const top = useMemo(() => {
+    if (value === '' || value === undefined || value === null) return 1;
+    switch (field._type) {
+      case 'text':
+      case 'number':
+      case 'select':
+      case 'date':
+      case 'time':
+      case 'datetime':
+        return -1;
+      default:
+        return 1;
+    }
+  }, [value, field]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      top
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "OPTIONAL"));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    right: 12
+  },
+  text: {
+    fontSize: 12,
+    opacity: 0.6
+  }
+});
+//# sourceMappingURL=OptionalTag.js.map

package/lib/module/components/form/input/OptionalTag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","Text","View","OptionalTag","value","field","top","undefined","_type","React","createElement","style","styles","container","text","create","position","right","fontSize","opacity"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/OptionalTag.tsx"],"mappings":"AACA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,OAAO,MAAMC,WAAW,GAAGA,CAAkB;EAC3CC,KAAK;EACLC;AAIF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGP,OAAO,CAAC,MAAM;IACxB,IAAIK,KAAK,KAAK,EAAE,IAAIA,KAAK,KAAKG,SAAS,IAAIH,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC;IACnE,QAAQC,KAAK,CAACG,KAAK;MACjB,KAAK,MAAM;MACX,KAAK,QAAQ;MACb,KAAK,QAAQ;MACb,KAAK,MAAM;MACX,KAAK,MAAM;MACX,KAAK,UAAU;QACb,OAAO,CAAC,CAAC;MACX;QACE,OAAO,CAAC;IACZ;EACF,CAAC,EAAE,CAACJ,KAAK,EAAEC,KAAK,CAAC,CAAC;EAElB,oBACEI,KAAA,CAAAC,aAAA,CAACR,IAAI;IAACS,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEP;IAAI,CAAC;EAAE,gBACvCG,KAAA,CAAAC,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACE;EAAK,GAAC,UAAc,CACpC,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGZ,UAAU,CAACe,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDH,IAAI,EAAE;IACJI,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/form/input/StandaloneInput.js

@@ -0,0 +1,27 @@
+import { useStandaloneInput } from '@chem-po/react';
+import { forwardRef } from 'react';
+import { Input } from './input';
+const StandaloneInputBase = ({
+  onChange,
+  value,
+  field,
+  onBlur,
+  inEditable,
+  onFocus,
+  style
+}, ref) => {
+  const {
+    inputProps,
+    meta
+  } = useStandaloneInput(field, value, onChange, onFocus, onBlur);
+  return /*#__PURE__*/React.createElement(Input, {
+    ref: ref,
+    field: field,
+    inEditable: inEditable,
+    style: style,
+    input: inputProps,
+    meta: meta
+  });
+};
+export const StandaloneInput = /*#__PURE__*/forwardRef(StandaloneInputBase);
+//# sourceMappingURL=StandaloneInput.js.map

package/lib/module/components/form/input/StandaloneInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useStandaloneInput","forwardRef","Input","StandaloneInputBase","onChange","value","field","onBlur","inEditable","onFocus","style","ref","inputProps","meta","React","createElement","input","StandaloneInput"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/StandaloneInput.tsx"],"mappings":"AACA,SAAgBA,kBAAkB,QAAQ,gBAAgB;AAC1D,SAAuBC,UAAU,QAAQ,OAAO;AAEhD,SAASC,KAAK,QAAQ,SAAS;AAa/B,MAAMC,mBAAmB,GAAGA,CAC1B;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,KAAK;EAAEC,MAAM;EAAEC,UAAU;EAAEC,OAAO;EAAEC;AAA4B,CAAC,EACpFC,GAA2B,KACxB;EACH,MAAM;IAAEC,UAAU;IAAEC;EAAK,CAAC,GAAGb,kBAAkB,CAACM,KAAK,EAAED,KAAK,EAAED,QAAQ,EAAEK,OAAO,EAAEF,MAAM,CAAC;EAExF,oBACEO,KAAA,CAAAC,aAAA,CAACb,KAAK;IACJS,GAAG,EAAEA,GAAI;IACTL,KAAK,EAAEA,KAAM;IACbE,UAAU,EAAEA,UAAW;IACvBE,KAAK,EAAEA,KAAM;IACbM,KAAK,EAAEJ,UAAW;IAClBC,IAAI,EAAEA;EAAK,CACZ,CAAC;AAEN,CAAC;AAED,OAAO,MAAMI,eAAe,gBAAGhB,UAAU,CAACE,mBAAmB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+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 { forwardRef, useImperativeHandle } from 'react';
+import { Switch, Text, View } from 'react-native';
+const BaseCheckboxComponent = ({
+  field,
+  input: {
+    onChange,
+    value,
+    ...input
+  }
+}, ref) => {
+  const {
+    placeholder
+  } = field;
+  useImperativeHandle(ref, () => ({
+    focus: () => {},
+    blur: () => {}
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Switch, _extends({
+    value: value,
+    onValueChange: onChange
+  }, input)), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginLeft: 8,
+      fontWeight: '600',
+      opacity: value ? 0.9 : 0.6
+    }
+  }, placeholder));
+};
+const CheckboxBooleanComponent = /*#__PURE__*/forwardRef(BaseCheckboxComponent);
+const BaseSwitchComponent = ({
+  field,
+  input: {
+    onChange,
+    value,
+    ...input
+  }
+}, ref) => {
+  const {
+    placeholder
+  } = field;
+  useImperativeHandle(ref, () => ({
+    focus: () => {},
+    blur: () => {}
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Switch, _extends({
+    value: value,
+    onValueChange: onChange
+  }, input)), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginLeft: 8,
+      fontWeight: '600',
+      opacity: value ? 0.9 : 0.6
+    }
+  }, placeholder));
+};
+const SwitchBooleanComponent = /*#__PURE__*/forwardRef(BaseSwitchComponent);
+const BaseBooleanComponent = (props, ref) => {
+  if (props.field.type === 'switch') return /*#__PURE__*/React.createElement(SwitchBooleanComponent, _extends({
+    ref: ref
+  }, props));
+  return /*#__PURE__*/React.createElement(CheckboxBooleanComponent, _extends({
+    ref: ref
+  }, props));
+};
+export const BooleanComponent = /*#__PURE__*/forwardRef(BaseBooleanComponent);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useImperativeHandle","Switch","Text","View","BaseCheckboxComponent","field","input","onChange","value","ref","placeholder","focus","blur","React","createElement","style","flexDirection","alignItems","_extends","onValueChange","marginLeft","fontWeight","opacity","CheckboxBooleanComponent","BaseSwitchComponent","SwitchBooleanComponent","BaseBooleanComponent","props","type","BooleanComponent"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/boolean/index.tsx"],"mappings":";AAEA,SAAuBA,UAAU,EAAEC,mBAAmB,QAAQ,OAAO;AACrE,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAGjD,MAAMC,qBAAqB,GAAGA,CAC5B;EAAEC,KAAK;EAAEC,KAAK,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGF;EAAM;AAA4B,CAAC,EACzEG,GAA2B,KACxB;EACH,MAAM;IAAEC;EAAY,CAAC,GAAGL,KAAK;EAC7BL,mBAAmB,CAACS,GAAG,EAAE,OAAO;IAC9BE,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;IACfC,IAAI,EAAEA,CAAA,KAAM,CAAC;EACf,CAAC,CAAC,CAAC;EACH,oBACEC,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS;EAAE,gBAC1DJ,KAAA,CAAAC,aAAA,CAACb,MAAM,EAAAiB,QAAA;IAACV,KAAK,EAAEA,KAAM;IAACW,aAAa,EAAEZ;EAAS,GAAKD,KAAK,CAAG,CAAC,eAC5DO,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE;MAAEK,UAAU,EAAE,CAAC;MAAEC,UAAU,EAAE,KAAK;MAAEC,OAAO,EAAEd,KAAK,GAAG,GAAG,GAAG;IAAI;EAAE,GAC3EE,WACG,CACF,CAAC;AAEX,CAAC;AAED,MAAMa,wBAAwB,gBAAGxB,UAAU,CACzCK,qBACF,CAAC;AAED,MAAMoB,mBAAmB,GAAGA,CAC1B;EAAEnB,KAAK;EAAEC,KAAK,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGF;EAAM;AAA4B,CAAC,EACzEG,GAA2B,KACxB;EACH,MAAM;IAAEC;EAAY,CAAC,GAAGL,KAAK;EAC7BL,mBAAmB,CAACS,GAAG,EAAE,OAAO;IAC9BE,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;IACfC,IAAI,EAAEA,CAAA,KAAM,CAAC;EACf,CAAC,CAAC,CAAC;EACH,oBACEC,KAAA,CAAAC,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS;EAAE,gBAC1DJ,KAAA,CAAAC,aAAA,CAACb,MAAM,EAAAiB,QAAA;IAACV,KAAK,EAAEA,KAAM;IAACW,aAAa,EAAEZ;EAAS,GAAKD,KAAK,CAAG,CAAC,eAC5DO,KAAA,CAAAC,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE;MAAEK,UAAU,EAAE,CAAC;MAAEC,UAAU,EAAE,KAAK;MAAEC,OAAO,EAAEd,KAAK,GAAG,GAAG,GAAG;IAAI;EAAE,GAC3EE,WACG,CACF,CAAC;AAEX,CAAC;AAED,MAAMe,sBAAsB,gBAAG1B,UAAU,CAAqCyB,mBAAmB,CAAC;AAElG,MAAME,oBAAoB,GAAGA,CAACC,KAA+B,EAAElB,GAA2B,KAAK;EAC7F,IAAIkB,KAAK,CAACtB,KAAK,CAACuB,IAAI,KAAK,QAAQ,EAAE,oBAAOf,KAAA,CAAAC,aAAA,CAACW,sBAAsB,EAAAP,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKkB,KAAK,CAAG,CAAC;EACzF,oBAAOd,KAAA,CAAAC,aAAA,CAACS,wBAAwB,EAAAL,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKkB,KAAK,CAAG,CAAC;AAC1D,CAAC;AAED,OAAO,MAAME,gBAAgB,gBAAG9B,UAAU,CAAqC2B,oBAAoB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,141 @@
+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 { colorValueToHex, gradients } from '@chem-po/core';
+import { forwardRef, useCallback, useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { InputSlider } from '../InputSlider';
+import { useInputImperativeHandle } from '../hooks/useInputImperativeHandle';
+const ColorComponentSlider = ({
+  label,
+  gradient,
+  value,
+  ...props
+}) => /*#__PURE__*/React.createElement(InputSlider, _extends({
+  label: label,
+  value: value,
+  minimumValue: 0,
+  maximumValue: 255,
+  step: 1,
+  gradient: gradient
+}, props));
+export const ColorComponent = /*#__PURE__*/forwardRef(({
+  input: {
+    onChange,
+    value
+  },
+  field,
+  meta
+}, ref) => {
+  const {
+    withAlpha,
+    defaultValue
+  } = field;
+  const {
+    active
+  } = meta || {};
+  useInputImperativeHandle(ref);
+  const handleChange = useCallback((key, val) => {
+    if (withAlpha) {
+      onChange({
+        r: 0,
+        g: 0,
+        b: 0,
+        a: 1,
+        ...value,
+        [key]: val
+      });
+    } else {
+      onChange({
+        r: 0,
+        g: 0,
+        b: 0,
+        ...value,
+        [key]: val
+      });
+    }
+  }, [value, onChange, withAlpha]);
+  const withDefault = useMemo(() => ({
+    ...defaultValue,
+    ...value
+  }), [defaultValue, value]);
+  const asHex = useMemo(() => colorValueToHex(!!withAlpha, withDefault), [withDefault, withAlpha]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.colorPreview, {
+      backgroundColor: asHex
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.hexText
+  }, asHex)), /*#__PURE__*/React.createElement(View, {
+    style: [styles.slidersContainer, active && styles.activeContainer]
+  }, /*#__PURE__*/React.createElement(ColorComponentSlider, {
+    label: "R",
+    gradient: gradients.red,
+    value: value === null || value === void 0 ? void 0 : value.r,
+    onValueChange: updatedRed => handleChange('r', updatedRed)
+  }), /*#__PURE__*/React.createElement(ColorComponentSlider, {
+    label: "G",
+    gradient: gradients.green,
+    value: value === null || value === void 0 ? void 0 : value.g,
+    onValueChange: updatedGreen => handleChange('g', updatedGreen)
+  }), /*#__PURE__*/React.createElement(ColorComponentSlider, {
+    label: "B",
+    gradient: gradients.blue,
+    value: value === null || value === void 0 ? void 0 : value.b,
+    onValueChange: updatedBlue => handleChange('b', updatedBlue)
+  }), withAlpha ? /*#__PURE__*/React.createElement(ColorComponentSlider, {
+    label: "A",
+    gradient: gradients.midnight,
+    value: value === null || value === void 0 ? void 0 : value.a,
+    onValueChange: updatedAlpha => handleChange('a', updatedAlpha)
+  }) : null));
+});
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  colorPreview: {
+    width: 80,
+    height: 80,
+    borderRadius: 40,
+    justifyContent: 'center',
+    alignItems: 'center',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  hexText: {
+    fontSize: 16,
+    color: '#fff',
+    textShadowColor: 'rgba(0, 0, 0, 0.75)',
+    textShadowOffset: {
+      width: 0,
+      height: 1
+    },
+    textShadowRadius: 2
+  },
+  slidersContainer: {
+    flex: 1,
+    padding: 8,
+    borderRadius: 6
+  },
+  activeContainer: {
+    shadowColor: '#fff',
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 5,
+    elevation: 5
+  }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["colorValueToHex","gradients","forwardRef","useCallback","useMemo","StyleSheet","Text","View","InputSlider","useInputImperativeHandle","ColorComponentSlider","label","gradient","value","props","React","createElement","_extends","minimumValue","maximumValue","step","ColorComponent","input","onChange","field","meta","ref","withAlpha","defaultValue","active","handleChange","key","val","r","g","b","a","withDefault","asHex","style","styles","container","colorPreview","backgroundColor","hexText","slidersContainer","activeContainer","red","onValueChange","updatedRed","green","updatedGreen","blue","updatedBlue","midnight","updatedAlpha","create","width","flexDirection","alignItems","gap","height","borderRadius","justifyContent","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","fontSize","color","textShadowColor","textShadowOffset","textShadowRadius","flex","padding"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/color/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+import { useBorderColor, useIconColor } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+export const InputClearButton = ({
+  onPress,
+  isActive,
+  marginRight
+}) => {
+  const iconColor = useIconColor();
+  const borderColor = useBorderColor();
+  return /*#__PURE__*/React.createElement(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(Ionicons, {
+    name: "close",
+    size: 14,
+    color: iconColor,
+    style: {
+      alignSelf: 'center'
+    }
+  }));
+};
+export const DateInputClearButton = ({
+  onPress,
+  isActive
+}) => {
+  return /*#__PURE__*/React.createElement(InputClearButton, {
+    marginRight: 0,
+    onPress: onPress,
+    isActive: isActive
+  });
+};
+const styles = StyleSheet.create({
+  closeButton: {
+    padding: 3,
+    borderRadius: 100,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    // backgroundColor: '#e2e8f0',
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=InputClearButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useBorderColor","useIconColor","Ionicons","StyleSheet","TouchableOpacity","InputClearButton","onPress","isActive","marginRight","iconColor","borderColor","React","createElement","style","styles","closeButton","opacity","hitSlop","top","bottom","left","right","disabled","name","size","color","alignSelf","DateInputClearButton","create","padding","borderRadius","display","alignItems","justifyContent","borderWidth"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/common/InputClearButton.tsx"],"mappings":"AAAA,SAASA,cAAc,EAAEC,YAAY,QAAQ,gBAAgB;AAC7D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAE3D,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,OAAO;EACPC,QAAQ;EACRC;AAKF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAGR,YAAY,CAAC,CAAC;EAChC,MAAMS,WAAW,GAAGV,cAAc,CAAC,CAAC;EACpC,oBACEW,KAAA,CAAAC,aAAA,CAACR,gBAAgB;IACfE,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAE;MAAEC,OAAO,EAAET,QAAQ,GAAG,CAAC,GAAG,CAAC;MAAEC,WAAW;MAAEE;IAAY,CAAC,CAAE;IACrFO,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAE;IACtDC,QAAQ,EAAE,CAACf;EAAS,gBACpBI,KAAA,CAAAC,aAAA,CAACV,QAAQ;IAACqB,IAAI,EAAC,OAAO;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAEhB,SAAU;IAACI,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAS;EAAE,CAAE,CACpE,CAAC;AAEvB,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCrB,OAAO;EACPC;AAIF,CAAC,KAAK;EACJ,oBAAOI,KAAA,CAAAC,aAAA,CAACP,gBAAgB;IAACG,WAAW,EAAE,CAAE;IAACF,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC;AACnF,CAAC;AAED,MAAMO,MAAM,GAAGX,UAAU,CAACyB,MAAM,CAAC;EAC/Bb,WAAW,EAAE;IACXc,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":[]}