@sunggang/ui-lib 0.1.43 → 0.1.45

package/index.esm.js

@@ -69401,16 +69401,16 @@ var IconComponent = /*#__PURE__*/ function(_React_Component) {
     return React__default.createElement(IconComponent, newProps);
 });
 
-function _array_like_to_array$4(arr, len) {
+function _array_like_to_array$3(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$4(arr) {
+function _array_with_holes$3(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$4(arr);
+    if (Array.isArray(arr)) return _array_like_to_array$3(arr);
 }
 function _define_property$4(obj, key, value) {
     if (key in obj) {
@@ -69428,7 +69428,7 @@ function _define_property$4(obj, key, value) {
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterable_to_array_limit$4(arr, i) {
+function _iterable_to_array_limit$3(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -69452,7 +69452,7 @@ function _iterable_to_array_limit$4(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$4() {
+function _non_iterable_rest$3() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _non_iterable_spread() {
@@ -69497,23 +69497,23 @@ function _object_spread_props$2(target, source) {
     }
     return target;
 }
-function _sliced_to_array$4(arr, i) {
-    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$4();
+function _sliced_to_array$3(arr, i) {
+    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$3();
 }
 function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$4(arr) || _non_iterable_spread();
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$3(arr) || _non_iterable_spread();
 }
-function _unsupported_iterable_to_array$4(o, minLen) {
+function _unsupported_iterable_to_array$3(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$3(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
 }
 var DropImage = function(param) {
     var _param_preview = param.preview, preview = _param_preview === void 0 ? true : _param_preview, setFiles = param.setFiles, imageUrls = param.imageUrls, setImageUrls = param.setImageUrls;
-    var _useState = _sliced_to_array$4(useState([]), 2), previewFiles = _useState[0], setPreviewFiles = _useState[1];
+    var _useState = _sliced_to_array$3(useState([]), 2), previewFiles = _useState[0], setPreviewFiles = _useState[1];
     var _useDropzone = useDropzone({
         accept: {
             "image/png": [
@@ -69740,15 +69740,15 @@ var Modal = function(param) {
     });
 };
 
-function _array_like_to_array$3(arr, len) {
+function _array_like_to_array$2(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$3(arr) {
+function _array_with_holes$2(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$3(arr, i) {
+function _iterable_to_array_limit$2(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -69772,23 +69772,23 @@ function _iterable_to_array_limit$3(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$3() {
+function _non_iterable_rest$2() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$3(arr, i) {
-    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$3();
+function _sliced_to_array$2(arr, i) {
+    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest$2();
 }
-function _unsupported_iterable_to_array$3(o, minLen) {
+function _unsupported_iterable_to_array$2(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$3(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
 }
 var BaseTemplate = function(param) {
     var file = param.file, imageUrl = param.imageUrl;
-    var _useState = _sliced_to_array$3(useState(null), 2), tempImage = _useState[0], setTempImage = _useState[1];
+    var _useState = _sliced_to_array$2(useState(null), 2), tempImage = _useState[0], setTempImage = _useState[1];
     useEffect(function() {
         var fileReader;
         var isCancel = false;
@@ -69849,15 +69849,15 @@ var BaseTemplate = function(param) {
     });
 };
 
-function _array_like_to_array$2(arr, len) {
+function _array_like_to_array$1(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
 }
-function _array_with_holes$2(arr) {
+function _array_with_holes$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _iterable_to_array_limit$2(arr, i) {
+function _iterable_to_array_limit$1(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
     var _arr = [];
@@ -69881,25 +69881,25 @@ function _iterable_to_array_limit$2(arr, i) {
     }
     return _arr;
 }
-function _non_iterable_rest$2() {
+function _non_iterable_rest$1() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _sliced_to_array$2(arr, i) {
-    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$2(arr, i) || _non_iterable_rest$2();
+function _sliced_to_array$1(arr, i) {
+    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
 }
-function _unsupported_iterable_to_array$2(o, minLen) {
+function _unsupported_iterable_to_array$1(o, minLen) {
     if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
+    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
     var n = Object.prototype.toString.call(o).slice(8, -1);
     if (n === "Object" && o.constructor) n = o.constructor.name;
     if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
 }
 var CustomUpload = function(param) {
     var className = param.className, children = param.children, file = param.file, setFile = param.setFile, imageUrl = param.imageUrl, setImageUrl = param.setImageUrl;
     var imageMimeType = /image\/(png|jpg|jpeg)/i;
     var DEFAULT_IMAGE_SIZE_LIMIT_IN_BYTES = 5120000; // 5000 KB
-    var _useState = _sliced_to_array$2(useState(null), 2), modal = _useState[0], setModal = _useState[1];
+    var _useState = _sliced_to_array$1(useState(null), 2), modal = _useState[0], setModal = _useState[1];
     var hiddenFileInput = useRef(null);
     var handleImageClick = function() {
         var _hiddenFileInput_current;
@@ -70418,69 +70418,14 @@ var PopoverContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
-function _array_like_to_array$1(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes$1(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit$1(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest$1() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array$1(arr, i) {
-    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
-}
-function _unsupported_iterable_to_array$1(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
-}
 function DateRangePicker(param) {
-    var className = param.className, inputClassName = param.inputClassName, disable = param.disable, _param_isShowCleanBtn = param.isShowCleanBtn, isShowCleanBtn = _param_isShowCleanBtn === void 0 ? true : _param_isShowCleanBtn, onChange = param.onChange, dates = param.dates;
-    var _useState = _sliced_to_array$1(useState({
-        from: (dates === null || dates === void 0 ? void 0 : dates.from) || undefined,
-        to: (dates === null || dates === void 0 ? void 0 : dates.to) || undefined
-    }), 2), date = _useState[0], setDate = _useState[1];
+    var className = param.className, inputClassName = param.inputClassName, disable = param.disable, _param_isShowCleanBtn = param.isShowCleanBtn, isShowCleanBtn = _param_isShowCleanBtn === void 0 ? true : _param_isShowCleanBtn, onChange = param.onChange, dates = param.dates, setDates = param.setDates;
     var handleDateChange = function(newDate) {
         if (newDate) {
-            setDate(newDate);
+            setDates(newDate);
             if (onChange) onChange(newDate);
         }
     };
-    useEffect(function() {
-        setDate(dates);
-    }, [
-        dates
-    ]);
     return /*#__PURE__*/ jsxs("div", {
         className: "flex gap-2 items-center",
         children: [
@@ -70493,19 +70438,19 @@ function DateRangePicker(param) {
                             children: /*#__PURE__*/ jsxs(Button, {
                                 id: "date",
                                 variant: "outline",
-                                className: cn("w-[300px] justify-start text-left font-normal", !date && "text-muted-foreground", inputClassName),
+                                className: cn("w-[300px] justify-start text-left font-normal", !dates && "text-muted-foreground", inputClassName),
                                 children: [
                                     /*#__PURE__*/ jsx(Calendar$1, {
                                         className: "mr-2 h-4 w-4"
                                     }),
-                                    (date === null || date === void 0 ? void 0 : date.from) ? date.to ? /*#__PURE__*/ jsxs(Fragment$1, {
+                                    (dates === null || dates === void 0 ? void 0 : dates.from) ? dates.to ? /*#__PURE__*/ jsxs(Fragment$1, {
                                         children: [
-                                            format(date.from, "yyyy-MM-dd"),
+                                            format(dates.from, "yyyy-MM-dd"),
                                             " -",
                                             " ",
-                                            format(date.to, "yyyy-MM-dd")
+                                            format(dates.to, "yyyy-MM-dd")
                                         ]
-                                    }) : format(date.from, "yyyy-MM-dd") : /*#__PURE__*/ jsx("span", {
+                                    }) : format(dates.from, "yyyy-MM-dd") : /*#__PURE__*/ jsx("span", {
                                         children: "請選擇日期"
                                     })
                                 ]
@@ -70517,8 +70462,8 @@ function DateRangePicker(param) {
                             children: /*#__PURE__*/ jsx(Calendar, {
                                 initialFocus: true,
                                 mode: "range",
-                                defaultMonth: date === null || date === void 0 ? void 0 : date.from,
-                                selected: date,
+                                defaultMonth: dates === null || dates === void 0 ? void 0 : dates.from,
+                                selected: dates,
                                 onSelect: handleDateChange,
                                 numberOfMonths: 2
                             })
@@ -70530,7 +70475,7 @@ function DateRangePicker(param) {
                 variant: "ghost",
                 className: cn("justify-start text-left font-normal"),
                 onClick: function() {
-                    return setDate(undefined);
+                    return setDates(undefined);
                 },
                 children: "清除日期"
             })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slot": "^1.0.2",

package/src/components/ui/dateRangePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRange } from 'react-day-picker';
 interface DateRangeType {
     from: Date | undefined;
@@ -10,6 +11,7 @@ interface DateRangePickerProps {
     isShowCleanBtn?: boolean;
     onChange?: (date: DateRange) => void;
     dates?: DateRangeType;
+    setDates: React.Dispatch<React.SetStateAction<DateRange | undefined>>;
 }
-declare function DateRangePicker({ className, inputClassName, disable, isShowCleanBtn, onChange, dates, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function DateRangePicker({ className, inputClassName, disable, isShowCleanBtn, onChange, dates, setDates, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
 export { DateRangePicker };