@sunggang/ui-lib 0.3.66 → 0.4.1

package/Form.esm.js

@@ -0,0 +1,390 @@
+export { C as City, k as CustomUploadField, F as FieldLabel, j as Fields, l as Form, R as Row, T as Textarea } from './baseSwitch.esm.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect, useRef } from 'react';
+import { Icon } from '@iconify/react';
+import { M as Modal, E as ErrorContent } from './Modal.esm.js';
+import '@radix-ui/react-switch';
+import './utils.esm.js';
+import 'clsx';
+import 'tailwind-merge';
+import './index.esm.esm.js';
+import 'next/dynamic';
+import './setPrototypeOf.esm.js';
+import './memoize-one.esm.esm.js';
+import '@emotion/react';
+import 'react-dom';
+import '@mui/material';
+import './styled-components.esm.esm.js';
+import './_tslib.esm.js';
+import './_commonjsHelpers.esm.js';
+import '@radix-ui/react-select';
+import '@radix-ui/react-icons';
+
+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$2(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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 = [];
+    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$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$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$2(o, minLen) {
+    if (!o) return;
+    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$2(o, minLen);
+}
+var BaseTemplate = function(param) {
+    var file = param.file, imageUrl = param.imageUrl;
+    var _useState = _sliced_to_array$2(useState(null), 2), tempImage = _useState[0], setTempImage = _useState[1];
+    useEffect(function() {
+        var fileReader;
+        var isCancel = false;
+        if (file) {
+            fileReader = new FileReader();
+            fileReader.onload = function(e) {
+                var result = e.target.result;
+                if (result && !isCancel) {
+                    setTempImage(result.toString());
+                }
+            };
+            fileReader.readAsDataURL(file);
+        }
+        return function() {
+            setTempImage(null);
+            isCancel = true;
+            if (fileReader && fileReader.readyState === 1) {
+                fileReader.abort();
+            }
+        };
+    }, [
+        file
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        className: "max-w-sm mx-auto bg-white rounded-lg shadow-md overflow-hidden items-center",
+        children: /*#__PURE__*/ jsx("div", {
+            className: "px-4 py-6 w-72 h-56",
+            children: tempImage || imageUrl ? /*#__PURE__*/ jsx("img", {
+                className: "w-full h-full object-contain border-dashed border-2 border-gray-400 p-6 rounded-lg",
+                src: tempImage || imageUrl,
+                alt: ""
+            }) : /*#__PURE__*/ jsx("div", {
+                id: "image-preview",
+                className: "max-w-sm p-6 bg-gray-100 border-dashed border-2 border-gray-400 rounded-lg items-center mx-auto text-center cursor-pointer",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "cursor-pointer",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "flex justify-center",
+                            children: /*#__PURE__*/ jsx(Icon, {
+                                icon: "material-symbols:upload",
+                                width: "2.5rem",
+                                height: "2.5rem"
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("p", {
+                            className: "font-normal text-sm text-gray-400 py-4",
+                            children: "圖片僅支援 png、jpg、jpeg"
+                        }),
+                        /*#__PURE__*/ jsx("h5", {
+                            className: "mb-2 text-xl font-bold tracking-tight text-gray-700",
+                            children: "上傳圖片"
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+
+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);
+}
+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 = 5242880;
+    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;
+        (_hiddenFileInput_current = hiddenFileInput.current) === null || _hiddenFileInput_current === void 0 ? void 0 : _hiddenFileInput_current.click();
+    };
+    var handleRemove = function() {
+        setFile(null);
+        setImageUrl(null);
+    };
+    var handleImageChange = function(event) {
+        var _event_target_files, _currentFile_type;
+        var currentFile = (_event_target_files = event.target.files) === null || _event_target_files === void 0 ? void 0 : _event_target_files[0];
+        if (!currentFile) {
+            setFile(null);
+            return;
+        }
+        if (currentFile && !((_currentFile_type = currentFile.type) === null || _currentFile_type === void 0 ? void 0 : _currentFile_type.match(imageMimeType))) {
+            setModal(/*#__PURE__*/ jsx(ErrorContent, {
+                setModal: setModal,
+                errmsg: "圖片僅支援 png、jpg、jpeg!"
+            }));
+            return;
+        }
+        if (currentFile && currentFile.size > DEFAULT_IMAGE_SIZE_LIMIT_IN_BYTES) {
+            setModal(/*#__PURE__*/ jsx(ErrorContent, {
+                setModal: setModal,
+                errmsg: /*#__PURE__*/ jsxs("span", {
+                    children: [
+                        "選擇的檔案大小：",
+                        String((currentFile.size / 1024 / 1024).toFixed(3)),
+                        " MB",
+                        /*#__PURE__*/ jsx("br", {}),
+                        /*#__PURE__*/ jsx("hr", {}),
+                        "上限：",
+                        String((DEFAULT_IMAGE_SIZE_LIMIT_IN_BYTES / 1024 / 1024).toFixed(3)),
+                        " MB"
+                    ]
+                })
+            }));
+            return;
+        }
+        setFile(currentFile);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: [
+            "w-fit",
+            className
+        ].join(" "),
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "mb-2",
+                children: /*#__PURE__*/ jsxs("button", {
+                    type: "button",
+                    onClick: handleImageClick,
+                    children: [
+                        children || /*#__PURE__*/ jsx(BaseTemplate, {
+                            file: file,
+                            imageUrl: imageUrl
+                        }),
+                        /*#__PURE__*/ jsx("input", {
+                            type: "file",
+                            ref: hiddenFileInput,
+                            accept: ".png, .jpg, .jpeg",
+                            onChange: handleImageChange,
+                            className: "hidden"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: [
+                    "w-6 h-6 text-[#000]",
+                    file || imageUrl ? "visible" : "invisible"
+                ].join(" "),
+                onClick: handleRemove,
+                children: /*#__PURE__*/ jsx(Icon, {
+                    icon: "mingcute:delete-2-line",
+                    width: "100%",
+                    height: "100%"
+                })
+            }),
+            modal && /*#__PURE__*/ jsx(Modal, {
+                modal: modal,
+                unsetModal: setModal
+            })
+        ]
+    });
+};
+
+function _array_like_to_array(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(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(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() {
+    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(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(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(o, minLen);
+}
+var CustomSelect = function(param) {
+    var items = param.items, currentID = param.currentID, setCurrentID = param.setCurrentID, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_hasEmptyOption = param.hasEmptyOption, hasEmptyOption = _param_hasEmptyOption === void 0 ? true : _param_hasEmptyOption;
+    var _useState = _sliced_to_array(useState(false), 2), isDropdownOpen = _useState[0], setIsDropdownOpen = _useState[1];
+    var selectRef = useRef(null);
+    useEffect(function() {
+        var handleClickOutside = function(event) {
+            if (selectRef.current && !selectRef.current.contains(event.target)) {
+                setIsDropdownOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return function() {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    var getSelectedItemName = function() {
+        if (currentID === undefined || currentID === null) return "請選擇";
+        var selectedItem = items.find(function(item) {
+            return String(item.value) === String(currentID);
+        });
+        return (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name) || "請選擇";
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ref: selectRef,
+        className: "relative w-full border border-gray-300 rounded-lg ".concat(className),
+        children: [
+            /*#__PURE__*/ jsxs("button", {
+                type: "button",
+                className: "w-full h-10 px-4 flex items-center justify-between cursor-pointer rounded-lg",
+                onClick: function() {
+                    return setIsDropdownOpen(function(prev) {
+                        return !prev;
+                    });
+                },
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: getSelectedItemName()
+                    }),
+                    /*#__PURE__*/ jsx(Icon, {
+                        width: 28,
+                        icon: isDropdownOpen ? "iconamoon:arrow-down-2" : "iconamoon:arrow-right-2"
+                    })
+                ]
+            }),
+            isDropdownOpen && /*#__PURE__*/ jsxs("ul", {
+                className: "absolute z-10 mt-0 w-full bg-white border border-gray-300 rounded-lg shadow-lg",
+                children: [
+                    hasEmptyOption && /*#__PURE__*/ jsx("li", {
+                        className: "px-4 py-2 cursor-pointer hover:bg-gray-100",
+                        onClick: function() {
+                            setCurrentID(null);
+                            setIsDropdownOpen(false);
+                        },
+                        children: "請選擇"
+                    }),
+                    items.map(function(item) {
+                        return /*#__PURE__*/ jsx("li", {
+                            className: "px-4 py-2 cursor-pointer hover:bg-gray-100",
+                            onClick: function() {
+                                setCurrentID(item.value);
+                                setIsDropdownOpen(false);
+                            },
+                            children: item.name
+                        }, item.value);
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { CustomSelect, CustomUpload };

package/FormProvider.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/FormProvider";

package/FormProvider.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./FormProvider.cjs.js').default;

package/FormProvider.cjs.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var index_esm = require('./index.esm.cjs.js');
+
+function _define_property(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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var FormProvider = function(param) {
+    var children = param.children, onSubmit = param.onSubmit, onError = param.onError, _param_defaultValues = param.defaultValues, defaultValues = _param_defaultValues === void 0 ? {} : _param_defaultValues;
+    var methods = index_esm.useForm({
+        defaultValues: defaultValues
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(index_esm.FormProvider, _object_spread_props(_object_spread({}, methods), {
+        children: /*#__PURE__*/ jsxRuntime.jsx("form", {
+            onSubmit: methods.handleSubmit(onSubmit, onError),
+            children: children
+        })
+    }));
+};
+
+exports.Controller = index_esm.Controller;
+exports.useController = index_esm.useController;
+exports.useFieldArray = index_esm.useFieldArray;
+exports.useForm = index_esm.useForm;
+exports.useFormContext = index_esm.useFormContext;
+exports.useFormState = index_esm.useFormState;
+exports.useWatch = index_esm.useWatch;
+exports.FormProvider = FormProvider;

package/FormProvider.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './FormProvider.cjs.js';
+export { _default as default } from './FormProvider.cjs.default.js';

package/FormProvider.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/FormProvider";

package/FormProvider.esm.js

@@ -0,0 +1,71 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { u as useForm, F as FormProvider$1 } from './index.esm.esm.js';
+export { C as Controller, b as useController, c as useFieldArray, u as useForm, a as useFormContext, d as useFormState, e as useWatch } from './index.esm.esm.js';
+
+function _define_property(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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var FormProvider = function(param) {
+    var children = param.children, onSubmit = param.onSubmit, onError = param.onError, _param_defaultValues = param.defaultValues, defaultValues = _param_defaultValues === void 0 ? {} : _param_defaultValues;
+    var methods = useForm({
+        defaultValues: defaultValues
+    });
+    return /*#__PURE__*/ jsx(FormProvider$1, _object_spread_props(_object_spread({}, methods), {
+        children: /*#__PURE__*/ jsx("form", {
+            onSubmit: methods.handleSubmit(onSubmit, onError),
+            children: children
+        })
+    }));
+};
+
+export { FormProvider };

package/LiffProvider.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./src/LiffProvider";

package/LiffProvider.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./LiffProvider.cjs.js').default;