@herca/rn-kit 0.1.17 → 0.1.18

package/lib/module/Chip/Chip.js

@@ -18,9 +18,9 @@ const Chip = ({
   size = 'medium',
   onRefresh,
   refreshing = false,
-  onEndReached
-  // footer,
-  // header,
+  onEndReached,
+  footer,
+  header
 }) => {
   const isHorizontal = direction === 'horizontal';
   const normalizeSelected = val => Array.isArray(val) ? val : val ? [val] : [];
@@ -77,9 +77,9 @@ const Chip = ({
       flexDirection: isHorizontal ? 'row' : 'column',
       alignItems: block ? 'stretch' : 'flex-start'
     }],
-    columnWrapperStyle: numColumns > 1 ? styles.wrapperStyle : undefined
-    // ListFooterComponent={footer}
-    // ListHeaderComponent={header}
+    columnWrapperStyle: numColumns > 1 ? styles.wrapperStyle : undefined,
+    ListFooterComponent: footer,
+    ListHeaderComponent: header
   });
 };
 const styles = StyleSheet.create({

package/lib/module/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","useMemo","FlatList","StyleSheet","ChipItem","jsx","_jsx","Chip","options","selected","onSelect","onPress","direction","color","renderItem","multiple","scrollable","block","size","onRefresh","refreshing","onEndReached","isHorizontal","normalizeSelected","val","Array","isArray","internalSelected","setInternalSelected","newSelected","JSON","stringify","isSelected","value","includes","handleSelect","length","filter","v","numColumns","handleOnPresChipItem","isDisabled","item","data","keyExtractor","String","horizontal","scrollEnabled","keyboardShouldPersistTaps","contentContainerStyle","styles","container","flexDirection","alignItems","columnWrapperStyle","wrapperStyle","undefined","create","gap","flexWrap","chip","borderRadius","borderWidth","alignSelf","chipSmall","paddingVertical","paddingHorizontal","chipMedium","chipLarge","blockChip","width"],"sourceRoot":"../../../src","sources":["Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","useMemo","FlatList","StyleSheet","ChipItem","jsx","_jsx","Chip","options","selected","onSelect","onPress","direction","color","renderItem","multiple","scrollable","block","size","onRefresh","refreshing","onEndReached","footer","header","isHorizontal","normalizeSelected","val","Array","isArray","internalSelected","setInternalSelected","newSelected","JSON","stringify","isSelected","value","includes","handleSelect","length","filter","v","numColumns","handleOnPresChipItem","isDisabled","item","data","keyExtractor","String","horizontal","scrollEnabled","keyboardShouldPersistTaps","contentContainerStyle","styles","container","flexDirection","alignItems","columnWrapperStyle","wrapperStyle","undefined","ListFooterComponent","ListHeaderComponent","create","gap","flexWrap","chip","borderRadius","borderWidth","alignSelf","chipSmall","paddingVertical","paddingHorizontal","chipMedium","chipLarge","blockChip","width"],"sourceRoot":"../../../src","sources":["Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/DatePicker/DatePicker.js

@@ -3,9 +3,10 @@
 import { useCallback, useState, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import BottomSheet from "../BottomSheet/BottomSheet.js";
-import Calendar from "../Calendar/Calendar.js";
+import Calendar, { formatDate } from "../Calendar/Calendar.js";
 import Button from "../Button/Button.js";
 import Alert from "../Alert/Alert.js";
+import Color from "../Color/Color.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function DatePicker({
   onChange,
@@ -16,55 +17,27 @@ export default function DatePicker({
   onHasError,
   hint,
   mode,
-  // value,
+  value,
   ...calendarProps
 }) {
   const [errorValidate, setErrorValidate] = useState(false);
-  // const [markDates, setMarkDates] = useState();
-  const [valueOnChange, setValueOnChange] = useState({
+  const [markDates, setMarkDates] = useState();
+  const [valueDatepicker, setValueDatepicker] = useState({
     startDate: null,
     endDate: null,
     date: null
   });
-  // const [valueSelected, setValueSelected] = useState<DateRangeProps>({
-  //   startDate: null,
-  //   endDate: null,
-  //   date: null,
-  // });
-
   const handleOnChangeCalendar = useCallback(value => {
-    // setMarkDates(null);
-    setValueOnChange(value);
+    setMarkDates({});
+    setValueDatepicker(value);
     setErrorValidate(false);
   }, []);
-
-  // const setDefaultValue = () => {
-  //   if (mode === 'single' && valueOnChange.date) {
-  //     setMarkDates({
-  //       [formatDate(valueOnChange.date)]: { selected: true },
-  //     });
-  //   } else if (
-  //     (mode === 'range' || mode === 'multiple') &&
-  //     valueOnChange.startDate &&
-  //     valueOnChange.endDate
-  //   ) {
-  //     const start = new Date(valueOnChange.startDate);
-  //     const end = new Date(valueOnChange.endDate);
-  //     const marks: Record<string, any> = {};
-  //     for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {
-  //       const key = formatDate(new Date(d));
-  //       marks[key] = { selected: true };
-  //     }
-  //     setMarkDates(marks);
-  //   }
-  // };
-
   const handleOnPressSubmitButton = useCallback(() => {
     const {
       startDate,
       endDate,
       date
-    } = valueOnChange;
+    } = valueDatepicker;
     const isEmpty = !startDate && !endDate && !date;
     const isRangeMode = mode === 'range';
     const isInvalidRange = isRangeMode && (!startDate || !endDate);
@@ -73,22 +46,54 @@ export default function DatePicker({
       setErrorValidate(true);
       return;
     }
-    onChange?.(valueOnChange);
+    onChange?.(valueDatepicker);
     onClose?.();
-    // setDefaultValue();
-    // setValueSelected(valueOnChange);
-  }, [required, mode, valueOnChange, onChange, onClose, onHasError]);
+  }, [required, mode, valueDatepicker, onChange, onClose, onHasError]);
   const handleOnPressCancelButton = useCallback(() => {
     onClose?.();
   }, [onClose]);
   useEffect(() => {
     setErrorValidate(hasError);
   }, [hasError]);
-
-  // useEffect(() => {
-  //   setDefaultValue();
-  // }, [isOpen, setDefaultValue, valueSelected]);
-
+  useEffect(() => {
+    if (!isOpen) return;
+    let updatedMarkDates = {};
+    if (mode === 'single' && value?.date) {
+      updatedMarkDates = {
+        [formatDate(value.date)]: {
+          selected: true
+        }
+      };
+    }
+    if (mode === 'range' && value?.startDate && value?.endDate) {
+      const start = new Date(value.startDate);
+      const end = new Date(value.endDate);
+      const dates = {};
+      for (let dt = new Date(start); dt <= end; dt.setDate(dt.getDate() + 1)) {
+        const dateStr = formatDate(dt);
+        let backgroundColor = Color.primary[50];
+        let textColor = Color.gray[600];
+        if (dateStr === formatDate(start) || dateStr === formatDate(end)) {
+          backgroundColor = Color.primary[1000];
+          textColor = Color.base.white100;
+        }
+        if (dateStr) {
+          dates[dateStr] = {
+            selected: true,
+            backgroundColor: backgroundColor,
+            textColor: textColor
+          };
+        }
+      }
+      updatedMarkDates = dates;
+    }
+    setMarkDates(updatedMarkDates);
+    setValueDatepicker(value || {
+      startDate: null,
+      endDate: null,
+      date: null
+    });
+  }, [isOpen, value, mode]);
   return /*#__PURE__*/_jsx(View, {
     children: /*#__PURE__*/_jsxs(BottomSheet, {
       isOpen: isOpen,
@@ -112,9 +117,8 @@ export default function DatePicker({
           })
         })]
       }),
-      children: [/*#__PURE__*/_jsx(Calendar
-      // markedDates={markDates}
-      , {
+      children: [/*#__PURE__*/_jsx(Calendar, {
+        markedDates: markDates,
         mode: mode,
         onChange: handleOnChangeCalendar,
         ...calendarProps

package/lib/module/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","useEffect","StyleSheet","View","BottomSheet","Calendar","Button","Alert","jsx","_jsx","jsxs","_jsxs","DatePicker","onChange","isOpen","onClose","required","hasError","onHasError","hint","mode","calendarProps","errorValidate","setErrorValidate","valueOnChange","setValueOnChange","startDate","endDate","date","handleOnChangeCalendar","value","handleOnPressSubmitButton","isEmpty","isRangeMode","isInvalidRange","handleOnPressCancelButton","children","footer","style","styles","footerContainer","buttonWrapper","variant","title","color","onPress","message","hide","create","flexDirection","justifyContent","flex"],"sourceRoot":"../../../src","sources":["DatePicker/DatePicker.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useState","useEffect","StyleSheet","View","BottomSheet","Calendar","formatDate","Button","Alert","Color","jsx","_jsx","jsxs","_jsxs","DatePicker","onChange","isOpen","onClose","required","hasError","onHasError","hint","mode","value","calendarProps","errorValidate","setErrorValidate","markDates","setMarkDates","valueDatepicker","setValueDatepicker","startDate","endDate","date","handleOnChangeCalendar","handleOnPressSubmitButton","isEmpty","isRangeMode","isInvalidRange","handleOnPressCancelButton","updatedMarkDates","selected","start","Date","end","dates","dt","setDate","getDate","dateStr","backgroundColor","primary","textColor","gray","base","white100","children","footer","style","styles","footerContainer","buttonWrapper","variant","title","color","onPress","markedDates","message","hide","create","flexDirection","justifyContent","flex"],"sourceRoot":"../../../src","sources":["DatePicker/DatePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/Calendar/CalendarPropsType.d.ts

@@ -32,11 +32,12 @@ export type DayNameTuple = [
     string
 ];
 export type CalendarModeType = 'single' | 'range';
+export type CalendarMarkDatesType = {
+    [date: string]: MarkedDate;
+};
 export interface CalendarTypes {
     mode?: CalendarModeType;
-    markedDates?: {
-        [date: string]: MarkedDate;
-    };
+    markedDates?: CalendarMarkDatesType;
     minDate?: Date | null;
     maxDate?: Date | null;
     onPress?: (event: GestureResponderEvent) => void;

package/lib/typescript/src/Calendar/CalendarPropsType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarPropsType.d.ts","sourceRoot":"","sources":["../../../../src/Calendar/CalendarPropsType.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,MAAM,EAAE,EAAE,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;CACP,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,WAAW,CAAC,EAAE;QACZ,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;KAC5B,CAAC;IACF,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE;SACZ,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,OAAO,GAAG,gBAAgB;KAC9C,CAAC;IACF,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}
+{"version":3,"file":"CalendarPropsType.d.ts","sourceRoot":"","sources":["../../../../src/Calendar/CalendarPropsType.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,MAAM,EAAE,EAAE,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;CACP,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;CAC5B,CAAC;AACF,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE;SACZ,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,OAAO,GAAG,gBAAgB;KAC9C,CAAC;IACF,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}

package/lib/typescript/src/Chip/type.d.ts

@@ -47,7 +47,7 @@ export interface ChipProps {
     onRefresh?: () => void;
     onEndReached?: () => void;
     refreshing?: boolean;
-    footer?: React.ReactNode | (() => React.ReactNode);
-    header?: React.ReactNode | (() => React.ReactNode);
+    footer?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    header?: React.ComponentType<any> | React.ReactElement | null | undefined;
 }
 //# sourceMappingURL=type.d.ts.map

package/lib/typescript/src/Chip/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Chip/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,gBAAgB,EAChB;IACE,eAAe,EAAE,UAAU,CAAC;IAC5B,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,UAAU,CAAC;IACxB,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,iBAAiB,EAAE,UAAU,CAAC;IAC9B,uBAAuB,EAAE,UAAU,CAAC;IACpC,mBAAmB,EAAE,UAAU,CAAC;IAChC,iBAAiB,EAAE,UAAU,CAAC;CAC/B,CA0FF,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD;AACD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE,MAAM,MAAM,iBAAiB,GAAG,SAAS,EAAE,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAEnE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACxC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CACjE;AACD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;CACpD"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Chip/type.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/DatePicker/DatePicker.d.ts

@@ -11,6 +11,6 @@ interface DatePickerProps {
     value?: DateRangeProps;
     [key: string]: any;
 }
-export default function DatePicker({ onChange, isOpen, onClose, required, hasError, onHasError, hint, mode, ...calendarProps }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export default function DatePicker({ onChange, isOpen, onClose, required, hasError, onHasError, hint, mode, value, ...calendarProps }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DatePicker.d.ts.map

package/lib/typescript/src/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAEvC,UAAU,eAAe;IACvB,QAAQ,EAAE,CAAC,YAAY,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAgB,EAChB,QAAgB,EAChB,UAAU,EACV,IAAI,EACJ,IAAI,EAEJ,GAAG,aAAa,EACjB,EAAE,eAAe,2CA8GjB"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAGvC,UAAU,eAAe;IACvB,QAAQ,EAAE,CAAC,YAAY,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAgB,EAChB,QAAgB,EAChB,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,eAAe,2CAiIjB"}

package/lib/typescript/src/Select/type.d.ts

@@ -21,7 +21,7 @@ export interface SelectProps {
     onRefresh?: () => void;
     onEndReached?: () => void;
     refreshing?: boolean;
-    footer?: React.ReactNode | (() => React.ReactNode);
-    header?: React.ReactNode | (() => React.ReactNode);
+    footer?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    header?: React.ComponentType<any> | React.ReactElement | null | undefined;
 }
 //# sourceMappingURL=type.d.ts.map

package/lib/typescript/src/Select/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Select/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,CAClC,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;CACpD"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Select/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,qBAAqB,GAAG,CAClC,IAAI,EAAE,eAAe,EACrB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,OAAO,KACd,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1E,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herca/rn-kit",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "React Native UI Kit",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/Calendar/CalendarPropsType.tsx

@@ -42,11 +42,12 @@ export type DayNameTuple = [
 
 export type CalendarModeType = 'single' | 'range';
 
+export type CalendarMarkDatesType = {
+  [date: string]: MarkedDate;
+};
 export interface CalendarTypes {
   mode?: CalendarModeType;
-  markedDates?: {
-    [date: string]: MarkedDate;
-  };
+  markedDates?: CalendarMarkDatesType;
   minDate?: Date | null;
   maxDate?: Date | null;
   onPress?: (event: GestureResponderEvent) => void;

package/src/Chip/Chip.tsx

@@ -23,8 +23,8 @@ const Chip: React.FC<ChipProps> = ({
   onRefresh,
   refreshing = false,
   onEndReached,
-  // footer,
-  // header,
+  footer,
+  header,
 }) => {
   const isHorizontal = direction === 'horizontal';
 
@@ -102,8 +102,8 @@ const Chip: React.FC<ChipProps> = ({
         },
       ]}
       columnWrapperStyle={numColumns > 1 ? styles.wrapperStyle : undefined}
-      // ListFooterComponent={footer}
-      // ListHeaderComponent={header}
+      ListFooterComponent={footer}
+      ListHeaderComponent={header}
     />
   );
 };

package/src/Chip/type.tsx

@@ -150,6 +150,6 @@ export interface ChipProps {
   onRefresh?: () => void;
   onEndReached?: () => void;
   refreshing?: boolean;
-  footer?: React.ReactNode | (() => React.ReactNode);
-  header?: React.ReactNode | (() => React.ReactNode);
+  footer?: React.ComponentType<any> | React.ReactElement | null | undefined;
+  header?: React.ComponentType<any> | React.ReactElement | null | undefined;
 }

package/src/DatePicker/DatePicker.tsx

@@ -1,13 +1,15 @@
 import { useCallback, useState, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import BottomSheet from '../BottomSheet/BottomSheet';
-import Calendar from '../Calendar/Calendar';
+import Calendar, { formatDate } from '../Calendar/Calendar';
 import Button from '../Button/Button';
 import Alert from '../Alert/Alert';
 import {
+  type CalendarMarkDatesType,
   type CalendarModeType,
   type DateRangeProps,
 } from '../Calendar/CalendarPropsType';
+import Color from '../Color/Color';
 
 interface DatePickerProps {
   onChange: (selectedDate: DateRangeProps) => void;
@@ -31,53 +33,30 @@ export default function DatePicker({
   onHasError,
   hint,
   mode,
-  // value,
+  value,
   ...calendarProps
 }: DatePickerProps) {
   const [errorValidate, setErrorValidate] = useState<boolean>(false);
-  // const [markDates, setMarkDates] = useState();
-  const [valueOnChange, setValueOnChange] = useState<DateRangeProps>({
+  const [markDates, setMarkDates] = useState<CalendarMarkDatesType>();
+  const [valueDatepicker, setValueDatepicker] = useState<DateRangeProps>({
     startDate: null,
     endDate: null,
     date: null,
   });
-  // const [valueSelected, setValueSelected] = useState<DateRangeProps>({
-  //   startDate: null,
-  //   endDate: null,
-  //   date: null,
-  // });
 
   const handleOnChangeCalendar = useCallback((value: DateRangeProps) => {
-    // setMarkDates(null);
-    setValueOnChange(value);
+    setMarkDates({});
+    setValueDatepicker(value);
     setErrorValidate(false);
   }, []);
 
-  // const setDefaultValue = () => {
-  //   if (mode === 'single' && valueOnChange.date) {
-  //     setMarkDates({
-  //       [formatDate(valueOnChange.date)]: { selected: true },
-  //     });
-  //   } else if (
-  //     (mode === 'range' || mode === 'multiple') &&
-  //     valueOnChange.startDate &&
-  //     valueOnChange.endDate
-  //   ) {
-  //     const start = new Date(valueOnChange.startDate);
-  //     const end = new Date(valueOnChange.endDate);
-  //     const marks: Record<string, any> = {};
-  //     for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {
-  //       const key = formatDate(new Date(d));
-  //       marks[key] = { selected: true };
-  //     }
-  //     setMarkDates(marks);
-  //   }
-  // };
-
   const handleOnPressSubmitButton = useCallback(() => {
-    const { startDate, endDate, date } = valueOnChange;
+    const { startDate, endDate, date } = valueDatepicker;
+
     const isEmpty = !startDate && !endDate && !date;
+
     const isRangeMode = mode === 'range';
+
     const isInvalidRange = isRangeMode && (!startDate || !endDate);
 
     if ((required && isEmpty) || isInvalidRange) {
@@ -86,11 +65,9 @@ export default function DatePicker({
       return;
     }
 
-    onChange?.(valueOnChange);
+    onChange?.(valueDatepicker);
     onClose?.();
-    // setDefaultValue();
-    // setValueSelected(valueOnChange);
-  }, [required, mode, valueOnChange, onChange, onClose, onHasError]);
+  }, [required, mode, valueDatepicker, onChange, onClose, onHasError]);
 
   const handleOnPressCancelButton = useCallback(() => {
     onClose?.();
@@ -100,9 +77,53 @@ export default function DatePicker({
     setErrorValidate(hasError);
   }, [hasError]);
 
-  // useEffect(() => {
-  //   setDefaultValue();
-  // }, [isOpen, setDefaultValue, valueSelected]);
+  useEffect(() => {
+    if (!isOpen) return;
+
+    let updatedMarkDates: CalendarMarkDatesType = {};
+
+    if (mode === 'single' && value?.date) {
+      updatedMarkDates = {
+        [formatDate(value.date) as string]: { selected: true },
+      };
+    }
+
+    if (mode === 'range' && value?.startDate && value?.endDate) {
+      const start = new Date(value.startDate);
+      const end = new Date(value.endDate);
+      const dates: CalendarMarkDatesType = {};
+
+      for (let dt = new Date(start); dt <= end; dt.setDate(dt.getDate() + 1)) {
+        const dateStr = formatDate(dt);
+        let backgroundColor = Color.primary[50];
+        let textColor = Color.gray[600];
+
+        if (dateStr === formatDate(start) || dateStr === formatDate(end)) {
+          backgroundColor = Color.primary[1000];
+          textColor = Color.base.white100;
+        }
+        
+        if(dateStr){
+          dates[dateStr] = {
+            selected: true,
+            backgroundColor: backgroundColor,
+            textColor: textColor,
+          };
+        }
+      }
+
+      updatedMarkDates = dates;
+    }
+
+    setMarkDates(updatedMarkDates);
+    setValueDatepicker(
+      value || {
+        startDate: null,
+        endDate: null,
+        date: null,
+      }
+    );
+  }, [isOpen, value, mode]);
 
   return (
     <View>
@@ -130,7 +151,7 @@ export default function DatePicker({
         }
       >
         <Calendar
-          // markedDates={markDates}
+          markedDates={markDates}
           mode={mode}
           onChange={handleOnChangeCalendar}
           {...calendarProps}

package/src/Select/type.tsx

@@ -28,6 +28,6 @@ export interface SelectProps {
   onRefresh?: () => void;
   onEndReached?: () => void;
   refreshing?: boolean;
-  footer?: React.ReactNode | (() => React.ReactNode);
-  header?: React.ReactNode | (() => React.ReactNode);
+  footer?: React.ComponentType<any> | React.ReactElement | null | undefined;
+  header?: React.ComponentType<any> | React.ReactElement | null | undefined;
 }