@chem-po/react-native 0.0.5 → 0.0.6

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

@@ -0,0 +1,106 @@
+import { getDateString } from '@chem-po/core';
+import { useIconColor } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import { forwardRef, useImperativeHandle, useMemo } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Portal } from 'react-native-paper';
+import { DatePickerModal } from 'react-native-paper-dates';
+import { DateInputClearButton } from '../common/InputClearButton';
+import { useInputColor } from '../hooks/useInputColor';
+
+// const parseDate = (date?: Date) =>
+//   date
+//     ? `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(
+//         date.getDate(),
+//       ).padStart(2, '0')}`
+//     : undefined
+
+export const DateInput = /*#__PURE__*/forwardRef(({
+  input: {
+    onChange,
+    value,
+    onFocus,
+    onBlur
+  },
+  field: {
+    placeholder,
+    minDate,
+    maxDate,
+    optional
+  },
+  meta: {
+    active
+  }
+}, ref) => {
+  const date = useMemo(() => value ? new Date(`${value}T00:00:00.000`) : undefined, [value]);
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      onFocus();
+    },
+    blur: () => {
+      onBlur();
+    }
+  }));
+  const showDialog = () => {
+    onFocus();
+  };
+  const iconColor = useIconColor();
+  const inputColor = 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(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: showDialog
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, {
+      color: inputColor
+    }]
+  }, value ? getDateString(value, 'short') : placeholder), /*#__PURE__*/React.createElement(Ionicons, {
+    name: "calendar",
+    size: 20,
+    color: iconColor,
+    style: styles.icon
+  }), optional && value ? /*#__PURE__*/React.createElement(DateInputClearButton, {
+    onPress: () => onChange(null),
+    isActive: true
+  }) : null), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(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 = 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/date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDateString","useIconColor","Ionicons","forwardRef","useImperativeHandle","useMemo","StyleSheet","Text","TouchableOpacity","View","Portal","DatePickerModal","DateInputClearButton","useInputColor","DateInput","input","onChange","value","onFocus","onBlur","field","placeholder","minDate","maxDate","optional","meta","active","ref","date","Date","undefined","focus","blur","showDialog","iconColor","inputColor","minDateObj","maxDateObj","React","createElement","style","styles","container","button","onPress","text","color","name","size","icon","isActive","locale","label","startYear","getFullYear","endYear","mode","onConfirm","d","_d$date","toISOString","split","onDismiss","visible","displayName","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/module/components/form/input/datetime/index.js

@@ -0,0 +1,149 @@
+import { getDateTimeString } from '@chem-po/core';
+import { useIconColor } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { Portal } from 'react-native-paper';
+import { DatePickerModal, TimePickerModal } from 'react-native-paper-dates';
+import { DateInputClearButton } from '../common/InputClearButton';
+import { useInputColor } from '../hooks/useInputColor';
+export const DateTimeInput = /*#__PURE__*/forwardRef(({
+  input: {
+    value,
+    onBlur,
+    onChange,
+    onFocus
+  },
+  field,
+  meta: {
+    active
+  }
+}, ref) => {
+  const {
+    placeholder,
+    optional
+  } = field;
+  const [showDatePicker, setShowDatePicker] = useState(true);
+  const [showTimePicker, setShowTimePicker] = useState(false);
+  // const [selectedDate] = useState<Date>(value ? new Date(value) : new Date())
+
+  const selectedDate = useMemo(() => value ? new Date(value) : new Date(), [value]);
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      onFocus();
+    },
+    blur: () => {
+      onBlur();
+    }
+  }));
+  const handleDateChange = useCallback(date => {
+    if (date) {
+      const newDate = new Date(date);
+      onChange(newDate.toISOString());
+      setShowTimePicker(true);
+    } else {
+      onBlur();
+    }
+    setShowDatePicker(false);
+  }, [onChange, onBlur]);
+  const handleTimeChange = 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 = useCallback(() => {
+    setShowDatePicker(true);
+    setShowTimePicker(false);
+    onBlur();
+  }, [onBlur]);
+  const date = useMemo(() => value ? new Date(value) : undefined, [value]);
+  const formattedValue = useMemo(() => {
+    if (!value) return null;
+    return getDateTimeString(value);
+  }, [value]);
+  const hourMinute = useMemo(() => {
+    if (!date) return {
+      hours: 0,
+      minutes: 0
+    };
+    return {
+      hours: date.getHours(),
+      minutes: date.getMinutes()
+    };
+  }, [date]);
+  const iconColor = useIconColor();
+  const inputColor = useInputColor(value);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => {
+      setShowDatePicker(true);
+      onFocus();
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, {
+      color: inputColor
+    }]
+  }, formattedValue ?? placeholder), /*#__PURE__*/React.createElement(Ionicons, {
+    name: "calendar",
+    size: 20,
+    color: iconColor,
+    style: styles.icon
+  }), /*#__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, showDatePicker && /*#__PURE__*/React.createElement(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(TimePickerModal, {
+    visible: active && showTimePicker,
+    onDismiss: handleDismiss,
+    locale: "en-US",
+    onConfirm: handleTimeChange,
+    hours: hourMinute.hours,
+    minutes: hourMinute.minutes
+  })));
+});
+DateTimeInput.displayName = 'DateTimeInput';
+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/datetime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDateTimeString","useIconColor","Ionicons","forwardRef","useCallback","useImperativeHandle","useMemo","useState","StyleSheet","Text","TouchableOpacity","View","Portal","DatePickerModal","TimePickerModal","DateInputClearButton","useInputColor","DateTimeInput","input","value","onBlur","onChange","onFocus","field","meta","active","ref","placeholder","optional","showDatePicker","setShowDatePicker","showTimePicker","setShowTimePicker","selectedDate","Date","focus","blur","handleDateChange","date","newDate","toISOString","handleTimeChange","hours","minutes","setHours","setMinutes","handleDismiss","undefined","formattedValue","hourMinute","getHours","getMinutes","iconColor","inputColor","React","createElement","style","styles","container","button","onPress","text","color","name","size","icon","isActive","locale","label","mode","onConfirm","d","_d$date","split","onDismiss","visible","displayName","create","width","flexDirection","alignItems","justifyContent","height","paddingHorizontal","paddingVertical","fontSize","flex","marginRight"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/datetime/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,221 @@
+import { useBorderColor, useIconColor, usePlaceholderColor, useTextColor } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import * as DocumentPicker from 'expo-document-picker';
+import * as ImagePicker from 'expo-image-picker';
+import { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { LoadingImage } from '../../../loading/LoadingImage';
+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 = useTextColor();
+  const iconColor = useIconColor();
+  const borderColor = useBorderColor();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.noFileContainer, {
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.noFileText, {
+      color: textColor
+    }]
+  }, hasUpload ? 'Tap to upload file' : 'No file uploaded'), /*#__PURE__*/React.createElement(Ionicons, {
+    name: "cloud-upload",
+    size: 24,
+    color: iconColor
+  }));
+};
+export const FileView = ({
+  value,
+  hasUpload,
+  imageOptions
+}) => {
+  var _value$type;
+  const {
+    storagePath,
+    dataUrl
+  } = value ?? {};
+  const missingFile = !dataUrl && !storagePath;
+  const iconColor = useIconColor();
+  const fileNameColor = useTextColor();
+  const borderColor = 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, {
+      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(View, {
+    style: [styles.fileContainer, {
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(Ionicons, {
+    name: "document",
+    size: 24,
+    color: iconColor
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.filename, {
+      color: fileNameColor
+    }]
+  }, value.filename));
+};
+export const FileComponent = /*#__PURE__*/forwardRef(({
+  input: {
+    value,
+    onChange
+  },
+  field
+}, ref) => {
+  const [loading, setLoading] = useState(false);
+  const {
+    imageOptions
+  } = field || {};
+  const handlePickFile = 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]);
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      void handlePickFile();
+    },
+    blur: () => {}
+  }));
+  const isImageField = useMemo(() => field.accept && field.accept.length === 1 && field.accept[0] === 'image', [field]);
+  const imgOptions = 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 = usePlaceholderColor();
+  const borderColor = useBorderColor();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      borderColor
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.placeholder, {
+      color: placeholderColor
+    }]
+  }, field.placeholder), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.contentContainer,
+    onPress: () => void handlePickFile(),
+    disabled: loading
+  }, /*#__PURE__*/React.createElement(FileView, {
+    hasUpload: true,
+    imageOptions: imgOptions,
+    value: value
+  })));
+});
+FileComponent.displayName = 'FileComponent';
+const styles = 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/module/components/form/input/file/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBorderColor","useIconColor","usePlaceholderColor","useTextColor","Ionicons","DocumentPicker","ImagePicker","forwardRef","useCallback","useImperativeHandle","useMemo","useState","StyleSheet","Text","TouchableOpacity","View","LoadingImage","generateAccept","field","accept","undefined","includes","push","join","NoFileView","hasUpload","textColor","iconColor","borderColor","React","createElement","style","styles","noFileContainer","noFileText","color","name","size","FileView","value","imageOptions","_value$type","storagePath","dataUrl","missingFile","fileNameColor","type","startsWith","src","width","height","image","fileContainer","filename","FileComponent","input","onChange","ref","loading","setLoading","handlePickFile","_field$accept","result","launchImageLibraryAsync","mediaTypes","allowsEditing","quality","base64","canceled","assets","asset","fileExtension","uri","split","pop","fileName","getDocumentAsync","mimeType","error","Error","console","message","focus","blur","isImageField","length","imgOptions","_value$type2","placeholderColor","container","placeholder","contentContainer","onPress","disabled","displayName","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/module/components/form/input/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './useInputImperativeHandle';
+export * from './useInputStyle';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/index.ts"],"mappings":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import { usePlaceholderColor, useTextColor } from '@chem-po/react';
+export const useInputColor = value => {
+  const textColor = useTextColor();
+  const placeholderColor = usePlaceholderColor();
+  return value !== undefined && value !== null && value !== '' ? textColor : placeholderColor;
+};
+//# sourceMappingURL=useInputColor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["usePlaceholderColor","useTextColor","useInputColor","value","textColor","placeholderColor","undefined"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/useInputColor.ts"],"mappings":"AAAA,SAASA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AAElE,OAAO,MAAMC,aAAa,GAAIC,KAAW,IAAK;EAC5C,MAAMC,SAAS,GAAGH,YAAY,CAAC,CAAC;EAChC,MAAMI,gBAAgB,GAAGL,mBAAmB,CAAC,CAAC;EAC9C,OAAOG,KAAK,KAAKG,SAAS,IAAIH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,EAAE,GAAGC,SAAS,GAAGC,gBAAgB;AAC7F,CAAC","ignoreList":[]}

package/lib/module/components/form/input/hooks/useInputImperativeHandle.js

@@ -0,0 +1,16 @@
+import { useImperativeHandle, useRef } from 'react';
+export const useInputImperativeHandle = ref => {
+  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();
+    }
+  }), []);
+  return inputRef;
+};
+//# sourceMappingURL=useInputImperativeHandle.js.map

package/lib/module/components/form/input/hooks/useInputImperativeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useImperativeHandle","useRef","useInputImperativeHandle","ref","inputRef","focus","_inputRef$current","current","blur","_inputRef$current2"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/useInputImperativeHandle.ts"],"mappings":"AACA,SAAuBA,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAGjE,OAAO,MAAMC,wBAAwB,GAAIC,GAA2B,IAAK;EACvE,MAAMC,QAAQ,GAAGH,MAAM,CAAY,IAAI,CAAC;EAExCD,mBAAmB,CACjBG,GAAG,EACH,OAAO;IACLE,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAF,QAAQ,CAACG,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDG,IAAI,EAAEA,CAAA,KAAM;MAAA,IAAAC,kBAAA;MACV,CAAAA,kBAAA,GAAAL,QAAQ,CAACG,OAAO,cAAAE,kBAAA,eAAhBA,kBAAA,CAAkBD,IAAI,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,OAAOJ,QAAQ;AACjB,CAAC","ignoreList":[]}

package/lib/module/components/form/input/hooks/useInputStyle.js

@@ -0,0 +1,43 @@
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+const inputPaddingY = {
+  xs: 4,
+  // 0.25rem * 16
+  sm: 6,
+  // 0.35rem * 16
+  md: 8,
+  // 0.5rem * 16
+  lg: 8,
+  // 0.5rem * 16
+  xl: 8 // 0.5rem * 16
+};
+const inputPaddingX = {
+  xs: 8,
+  // 0.5rem * 16
+  sm: 12,
+  // 0.75rem * 16
+  md: 12,
+  // 0.75rem * 16
+  lg: 12,
+  // 0.75rem * 16
+  xl: 12 // 0.75rem * 16
+};
+const fontSize = {
+  xs: 12,
+  // 0.75rem * 16
+  sm: 14,
+  // 0.875rem * 16
+  md: 16,
+  // 1rem * 16
+  lg: 18,
+  // 1.125rem * 16
+  xl: 20 // 1.25rem * 16
+};
+export const useInputStyle = size => useMemo(() => StyleSheet.create({
+  style: {
+    paddingVertical: inputPaddingY[size ?? 'md'],
+    paddingHorizontal: inputPaddingX[size ?? 'md'],
+    fontSize: fontSize[size ?? 'md']
+  }
+}), [size]);
+//# sourceMappingURL=useInputStyle.js.map

package/lib/module/components/form/input/hooks/useInputStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","inputPaddingY","xs","sm","md","lg","xl","inputPaddingX","fontSize","useInputStyle","size","create","style","paddingVertical","paddingHorizontal"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/hooks/useInputStyle.ts"],"mappings":"AACA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAQ,cAAc;AAEzC,MAAMC,aAAwC,GAAG;EAC/CC,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,CAAC,CAAE;AACT,CAAC;AAED,MAAMC,aAAwC,GAAG;EAC/CL,EAAE,EAAE,CAAC;EAAE;EACPC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE,CAAE;AACV,CAAC;AAED,MAAME,QAAmC,GAAG;EAC1CN,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE;EAAE;EACRC,EAAE,EAAE,EAAE,CAAE;AACV,CAAC;AAED,OAAO,MAAMG,aAAa,GAAIC,IAAgB,IAC5CX,OAAO,CACL,MACEC,UAAU,CAACW,MAAM,CAAC;EAChBC,KAAK,EAAE;IACLC,eAAe,EAAEZ,aAAa,CAACS,IAAI,IAAI,IAAI,CAAC;IAC5CI,iBAAiB,EAAEP,aAAa,CAACG,IAAI,IAAI,IAAI,CAAC;IAC9CF,QAAQ,EAAEA,QAAQ,CAACE,IAAI,IAAI,IAAI;EACjC;AACF,CAAC,CAAC,EACJ,CAACA,IAAI,CACP,CAAC","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+export * from './Editable';
+export * from './StandaloneInput';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/index.ts"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,mBAAmB","ignoreList":[]}