@sunggang/ui-lib 0.4.2 → 0.4.4

package/index.esm.js

@@ -19,9 +19,10 @@ import addDays from 'date-fns/addDays';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from '@radix-ui/react-icons';
 import { OTPInput, OTPInputContext } from 'input-otp';
+import { clsx } from 'clsx';
+export { C as CustomSelect } from './CustomSelect.esm.js';
 import '@radix-ui/react-slot';
 import 'class-variance-authority';
-import 'clsx';
 import 'tailwind-merge';
 import 'next/dynamic';
 import './setPrototypeOf.esm.js';
@@ -34,8 +35,11 @@ import './_tslib.esm.js';
 import './_commonjsHelpers.esm.js';
 import './Modal.esm.js';
 import '@radix-ui/react-select';
+import 'flatpickr';
+import 'flatpickr/dist/l10n/zh-tw.js';
+import 'flatpickr/dist/flatpickr.min.css';
 
-function _define_property$6(obj, key, value) {
+function _define_property$7(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -58,7 +62,7 @@ function _object_spread$6(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$6(target, key, source[key]);
+            _define_property$7(target, key, source[key]);
         });
     }
     return target;
@@ -289,7 +293,7 @@ var verifyTaxId = function(idStr) {
     return isLegal;
 };
 
-function _define_property$5(obj, key, value) {
+function _define_property$6(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -330,7 +334,7 @@ function _object_spread$5(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$5(target, key, source[key]);
+            _define_property$6(target, key, source[key]);
         });
     }
     return target;
@@ -447,7 +451,7 @@ function Calendar(_param) {
 }
 Calendar.displayName = "Calendar";
 
-function _define_property$4(obj, key, value) {
+function _define_property$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -470,7 +474,7 @@ function _object_spread$4(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$4(target, key, source[key]);
+            _define_property$5(target, key, source[key]);
         });
     }
     return target;
@@ -820,7 +824,7 @@ var ReactDateRange = function(param) {
     });
 };
 
-function _define_property$3(obj, key, value) {
+function _define_property$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -843,7 +847,7 @@ function _object_spread$3(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$3(target, key, source[key]);
+            _define_property$4(target, key, source[key]);
         });
     }
     return target;
@@ -917,7 +921,7 @@ var Checkbox = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
-function _define_property$2(obj, key, value) {
+function _define_property$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -958,7 +962,7 @@ function _object_spread$2(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$2(target, key, source[key]);
+            _define_property$3(target, key, source[key]);
         });
     }
     return target;
@@ -1069,6 +1073,81 @@ var InputOTPSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     }));
 });
 
+function _define_property$2(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+var openClassNames = {
+    right: "translate-x-0",
+    left: "translate-x-0",
+    top: "translate-y-0",
+    bottom: "translate-y-0"
+};
+var closeClassNames = {
+    right: "translate-x-full",
+    left: "-translate-x-full",
+    top: "-translate-y-full",
+    bottom: "translate-y-full"
+};
+var classNames = {
+    right: "inset-y-0 right-0",
+    left: "inset-y-0 left-0",
+    top: "inset-x-0 top-0",
+    bottom: "inset-x-0 bottom-0"
+};
+var Drawer = function(param) {
+    var isOpen = param.isOpen, setIsOpen = param.setIsOpen, _param_side = param.side, side = _param_side === void 0 ? "right" : _param_side, children = param.children;
+    return /*#__PURE__*/ jsxs("div", {
+        id: "dialog-".concat(side),
+        className: "relative z-10",
+        "aria-labelledby": "slide-over",
+        role: "dialog",
+        "aria-modal": "true",
+        onClick: function() {
+            return setIsOpen(!isOpen);
+        },
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: clsx("fixed inset-0 bg-gray-900 bg-opacity-25 transition-all", {
+                    "opacity-100 duration-500 ease-in-out visible": isOpen
+                }, {
+                    "opacity-0 duration-500 ease-in-out invisible": !isOpen
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: clsx({
+                    "fixed inset-0 overflow-hidden": isOpen
+                }),
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "absolute inset-0 overflow-hidden",
+                    children: /*#__PURE__*/ jsx("div", {
+                        className: clsx("pointer-events-none fixed max-w-full", classNames[side]),
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: clsx("pointer-events-auto relative w-full h-full transform transition ease-in-out duration-500", _define_property$2({}, closeClassNames[side], !isOpen), _define_property$2({}, openClassNames[side], isOpen)),
+                            onClick: function(event) {
+                                event.stopPropagation();
+                            },
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: clsx("flex flex-col h-full overflow-y-scroll bg-white shadow-xl"),
+                                children: children
+                            })
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+
 function Spin(props) {
     var show = props.show, _props_overlayBackground = props.overlayBackground, overlayBackground = _props_overlayBackground === void 0 ? "bg-[#00000055]" : _props_overlayBackground;
     return show ? /*#__PURE__*/ jsx("div", {
@@ -2032,4 +2111,4 @@ var InputOTPs = function(param) {
     });
 };
 
-export { Checkbox, DateRangePicker, DropDown, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputOTPs, ReactDateRange, Regex, SingleDatePicker, Spin, Switch, verifyId, verifyTaiwanIdIntermediateString, verifyTaxId };
+export { Checkbox, DateRangePicker, Drawer, DropDown, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputOTPs, ReactDateRange, Regex, SingleDatePicker, Spin, Switch, verifyId, verifyTaiwanIdIntermediateString, verifyTaxId };