@sunggang/ui-lib 0.1.20 → 0.1.22

package/index.esm.css

@@ -729,6 +729,9 @@ video {
 .h-10 {
   height: 2.5rem;
 }
+.h-11 {
+  height: 2.75rem;
+}
 .h-14 {
   height: 3.5rem;
 }

package/index.esm2.js

@@ -6600,7 +6600,6 @@ var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         ref: ref
     }, props));
 });
-Button.displayName = "Button";
 
 function _define_property$1(obj, key, value) {
     if (key in obj) {
@@ -6881,7 +6880,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function DateRangePicker(param) {
-    var className = param.className, disable = param.disable, onChange = param.onChange, dates = param.dates;
+    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(useState({
         from: (dates === null || dates === void 0 ? void 0 : dates.from) || undefined,
         to: (dates === null || dates === void 0 ? void 0 : dates.to) || undefined
@@ -6892,50 +6891,62 @@ function DateRangePicker(param) {
             if (onChange) onChange(newDate);
         }
     };
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("grid gap-2", className, disable ? "pointer-events-none opacity-55" : "pointer-events-auto opacity-100"),
-        children: /*#__PURE__*/ jsxs(Popover, {
-            children: [
-                /*#__PURE__*/ jsx(PopoverTrigger, {
-                    asChild: true,
-                    children: /*#__PURE__*/ jsxs(Button, {
-                        id: "date",
-                        variant: "outline",
-                        className: cn("w-[300px] justify-start text-left font-normal", !date && "text-muted-foreground"),
-                        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, {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex gap-2 items-center",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: cn("grid gap-2", className, disable ? "pointer-events-none opacity-55" : "pointer-events-auto opacity-100"),
+                children: /*#__PURE__*/ jsxs(Popover, {
+                    children: [
+                        /*#__PURE__*/ jsx(PopoverTrigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ jsxs(Button, {
+                                id: "date",
+                                variant: "outline",
+                                className: cn("w-[300px] justify-start text-left font-normal", !date && "text-muted-foreground", inputClassName),
                                 children: [
-                                    format(date.from, "yyyy-MM-dd"),
-                                    " -",
-                                    " ",
-                                    format(date.to, "yyyy-MM-dd")
+                                    /*#__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, {
+                                        children: [
+                                            format(date.from, "yyyy-MM-dd"),
+                                            " -",
+                                            " ",
+                                            format(date.to, "yyyy-MM-dd")
+                                        ]
+                                    }) : format(date.from, "yyyy-MM-dd") : /*#__PURE__*/ jsx("span", {
+                                        children: "請選擇日期"
+                                    })
                                 ]
-                            }) : format(date.from, "yyyy-MM-dd") : /*#__PURE__*/ jsx("span", {
-                                children: "請選擇日期"
                             })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(PopoverContent, {
-                    className: "w-auto p-0",
-                    align: "start",
-                    children: /*#__PURE__*/ jsx(Calendar, {
-                        initialFocus: true,
-                        mode: "range",
-                        defaultMonth: date === null || date === void 0 ? void 0 : date.from,
-                        selected: date,
-                        onSelect: handleDateChange,
-                        numberOfMonths: 2
-                    })
+                        }),
+                        /*#__PURE__*/ jsx(PopoverContent, {
+                            className: "w-auto p-0",
+                            align: "start",
+                            children: /*#__PURE__*/ jsx(Calendar, {
+                                initialFocus: true,
+                                mode: "range",
+                                defaultMonth: date === null || date === void 0 ? void 0 : date.from,
+                                selected: date,
+                                onSelect: handleDateChange,
+                                numberOfMonths: 2
+                            })
+                        })
+                    ]
                 })
-            ]
-        })
+            }),
+            isShowCleanBtn && /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                className: cn("justify-start text-left font-normal"),
+                onClick: function() {
+                    return setDate(undefined);
+                },
+                children: "清除日期"
+            })
+        ]
     });
 }
-DateRangePicker.displayName = "DateRangePicker";
 
 // Use this file to export React client components (e.g. those with 'use client' directive) or other non-server utilities
 var CkEditor = dynamic(function() {

package/index.esm3.js

@@ -64138,10 +64138,6 @@ function _ts_values(o) {
 
 var Editor = /*@__PURE__*/getDefaultExportFromCjs(ckeditor.exports);
 
-// interface CkeditorProps {
-//   content: string;
-//   setContent: (content: string) => void;
-// }
 var CkEditor = function(param) {
     var content = param.content, setContent = param.setContent;
     return /*#__PURE__*/ jsx(dist.exports.CKEditor, {

package/package.json

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

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

@@ -5,12 +5,11 @@ interface DateRangeType {
 }
 interface DateRangePickerProps {
     className?: string;
+    inputClassName?: string;
     disable?: boolean;
+    isShowCleanBtn?: boolean;
     onChange?: (date: DateRange) => void;
     dates?: DateRangeType;
 }
-declare function DateRangePicker({ className, disable, onChange, dates, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DateRangePicker {
-    var displayName: string;
-}
+declare function DateRangePicker({ className, inputClassName, disable, isShowCleanBtn, onChange, dates, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
 export { DateRangePicker };

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

@@ -1,9 +1,7 @@
+/// <reference types="react" />
 interface SinglePickerProps {
     disable?: boolean;
     onChange?: (date: Date) => void;
 }
-declare function SingleDatePicker({ disable, onChange }: SinglePickerProps): import("react/jsx-runtime").JSX.Element;
-declare namespace SingleDatePicker {
-    var displayName: string;
-}
-export { SingleDatePicker };
+export declare const SingleDatePicker: React.FC<SinglePickerProps>;
+export default SingleDatePicker;

package/src/lib/Ckeditor/index.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-declare const CkEditor: React.FC<any>;
+interface CkEditorProps {
+    content: string;
+    setContent: React.Dispatch<React.SetStateAction<string>>;
+}
+declare const CkEditor: React.FC<CkEditorProps>;
 export default CkEditor;