@sunggang/ui-lib 0.3.65 → 0.4.0

package/Modal.cjs.js

@@ -0,0 +1,168 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@iconify/react');
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+    // lazy load so that environments that need to polyfill have a chance to do so
+    if (!getRandomValues) {
+        // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+        // find the complete implementation of crypto (msCrypto) on IE11.
+        getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== "undefined" && typeof msCrypto.getRandomValues === "function" && msCrypto.getRandomValues.bind(msCrypto);
+        if (!getRandomValues) {
+            throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+        }
+    }
+    return getRandomValues(rnds8);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+    return typeof uuid === "string" && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */ var byteToHex = [];
+for(var i = 0; i < 256; ++i){
+    byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+function stringify(arr) {
+    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    // Note: Be careful editing this code!  It's been tuned for performance
+    // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+    var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+    // of the following:
+    // - One or more input array values don't map to a hex octet (leading to
+    // "undefined" in the uuid)
+    // - Invalid input values for the RFC `version` or `variant` fields
+    if (!validate(uuid)) {
+        throw TypeError("Stringified UUID is invalid");
+    }
+    return uuid;
+}
+
+function v4(options, buf, offset) {
+    options = options || {};
+    var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+    rnds[6] = rnds[6] & 0x0f | 0x40;
+    rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+    if (buf) {
+        offset = offset || 0;
+        for(var i = 0; i < 16; ++i){
+            buf[offset + i] = rnds[i];
+        }
+        return buf;
+    }
+    return stringify(rnds);
+}
+
+var ModalContent = function(param) {
+    var title = param.title, setModal = param.setModal, children = param.children, onClick = param.onClick, _param_notice = param.notice, notice = _param_notice === void 0 ? false : _param_notice;
+    return /*#__PURE__*/ jsxRuntime.jsxs("form", {
+        children: [
+            title && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "text-2xl text-gray-700 font-medium border-solid border-b border-gray-300 mb-4 p-4",
+                children: title
+            }),
+            children && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "py-4 px-8",
+                children: children
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "flex items-center text-base p-4 px-8 justify-around",
+                children: notice ? /*#__PURE__*/ jsxRuntime.jsx("button", {
+                    type: "button",
+                    className: "w-24 h-10 px-2 text-white bg-gray-600  rounded",
+                    onClick: setModal,
+                    children: "確定"
+                }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("button", {
+                            type: "button",
+                            className: "w-24 h-10 px-2 text-white bg-gray-600  rounded",
+                            onClick: setModal,
+                            children: "取消"
+                        }),
+                        onClick && /*#__PURE__*/ jsxRuntime.jsx("button", {
+                            type: "button",
+                            className: "w-24 h-10 mx-3 text-white bg-gray-500 rounded",
+                            onClick: onClick,
+                            children: "送出"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+var ErrorContent = function(param) {
+    var setModal = param.setModal, errmsg = param.errmsg;
+    return /*#__PURE__*/ jsxRuntime.jsx(ModalContent, {
+        setModal: setModal,
+        onClick: setModal,
+        notice: true,
+        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+            className: "w-full max-w-xl",
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx("div", {
+                    className: "flex justify-center items-center mb-6",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(react.Icon, {
+                        icon: "fluent-mdl2:status-error-full",
+                        color: "red",
+                        height: 60
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx("div", {
+                    className: "text-center text-lg text-gray-500",
+                    children: errmsg
+                })
+            ]
+        })
+    });
+};
+
+var Modal = function(param) {
+    var modal = param.modal, _param_unsetModal = param.unsetModal, unsetModal = _param_unsetModal === void 0 ? function() {} : _param_unsetModal;
+    var handleKeyUp = function(e) {
+        var _document_activeElement;
+        if (e.key === "Escape" && ![
+            "INPUT",
+            "SELECT"
+        ].includes((_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.tagName)) {
+            unsetModal();
+        }
+    };
+    React.useEffect(function() {
+        document.addEventListener("keyup", handleKeyUp);
+        return function() {
+            return document.removeEventListener("keyup", handleKeyUp);
+        };
+    }, [
+        unsetModal
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        className: "fixed top-0 left-0 h-screen z-[2000] duration-300 transition-opacity bg-[#000000b3] w-full",
+        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+            className: "w-full h-full flex justify-center items-center p-6",
+            children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "bg-white overflow-y-auto w-full m-auto max-w-[455px] rounded-xl",
+                children: modal
+            })
+        })
+    });
+};
+var Modal$1 = Modal;
+
+exports.ErrorContent = ErrorContent;
+exports.Modal = Modal$1;
+exports.v4 = v4;

package/Modal.esm.js

@@ -0,0 +1,164 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { Icon } from '@iconify/react';
+
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+    // lazy load so that environments that need to polyfill have a chance to do so
+    if (!getRandomValues) {
+        // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+        // find the complete implementation of crypto (msCrypto) on IE11.
+        getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== "undefined" && typeof msCrypto.getRandomValues === "function" && msCrypto.getRandomValues.bind(msCrypto);
+        if (!getRandomValues) {
+            throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+        }
+    }
+    return getRandomValues(rnds8);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+    return typeof uuid === "string" && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */ var byteToHex = [];
+for(var i = 0; i < 256; ++i){
+    byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+function stringify(arr) {
+    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    // Note: Be careful editing this code!  It's been tuned for performance
+    // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+    var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+    // of the following:
+    // - One or more input array values don't map to a hex octet (leading to
+    // "undefined" in the uuid)
+    // - Invalid input values for the RFC `version` or `variant` fields
+    if (!validate(uuid)) {
+        throw TypeError("Stringified UUID is invalid");
+    }
+    return uuid;
+}
+
+function v4(options, buf, offset) {
+    options = options || {};
+    var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+    rnds[6] = rnds[6] & 0x0f | 0x40;
+    rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+    if (buf) {
+        offset = offset || 0;
+        for(var i = 0; i < 16; ++i){
+            buf[offset + i] = rnds[i];
+        }
+        return buf;
+    }
+    return stringify(rnds);
+}
+
+var ModalContent = function(param) {
+    var title = param.title, setModal = param.setModal, children = param.children, onClick = param.onClick, _param_notice = param.notice, notice = _param_notice === void 0 ? false : _param_notice;
+    return /*#__PURE__*/ jsxs("form", {
+        children: [
+            title && /*#__PURE__*/ jsx("div", {
+                className: "text-2xl text-gray-700 font-medium border-solid border-b border-gray-300 mb-4 p-4",
+                children: title
+            }),
+            children && /*#__PURE__*/ jsx("div", {
+                className: "py-4 px-8",
+                children: children
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "flex items-center text-base p-4 px-8 justify-around",
+                children: notice ? /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    className: "w-24 h-10 px-2 text-white bg-gray-600  rounded",
+                    onClick: setModal,
+                    children: "確定"
+                }) : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            className: "w-24 h-10 px-2 text-white bg-gray-600  rounded",
+                            onClick: setModal,
+                            children: "取消"
+                        }),
+                        onClick && /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            className: "w-24 h-10 mx-3 text-white bg-gray-500 rounded",
+                            onClick: onClick,
+                            children: "送出"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+var ErrorContent = function(param) {
+    var setModal = param.setModal, errmsg = param.errmsg;
+    return /*#__PURE__*/ jsx(ModalContent, {
+        setModal: setModal,
+        onClick: setModal,
+        notice: true,
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "w-full max-w-xl",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: "flex justify-center items-center mb-6",
+                    children: /*#__PURE__*/ jsx(Icon, {
+                        icon: "fluent-mdl2:status-error-full",
+                        color: "red",
+                        height: 60
+                    })
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "text-center text-lg text-gray-500",
+                    children: errmsg
+                })
+            ]
+        })
+    });
+};
+
+var Modal = function(param) {
+    var modal = param.modal, _param_unsetModal = param.unsetModal, unsetModal = _param_unsetModal === void 0 ? function() {} : _param_unsetModal;
+    var handleKeyUp = function(e) {
+        var _document_activeElement;
+        if (e.key === "Escape" && ![
+            "INPUT",
+            "SELECT"
+        ].includes((_document_activeElement = document.activeElement) === null || _document_activeElement === void 0 ? void 0 : _document_activeElement.tagName)) {
+            unsetModal();
+        }
+    };
+    useEffect(function() {
+        document.addEventListener("keyup", handleKeyUp);
+        return function() {
+            return document.removeEventListener("keyup", handleKeyUp);
+        };
+    }, [
+        unsetModal
+    ]);
+    return /*#__PURE__*/ jsx("div", {
+        className: "fixed top-0 left-0 h-screen z-[2000] duration-300 transition-opacity bg-[#000000b3] w-full",
+        children: /*#__PURE__*/ jsx("div", {
+            className: "w-full h-full flex justify-center items-center p-6",
+            children: /*#__PURE__*/ jsx("div", {
+                className: "bg-white overflow-y-auto w-full m-auto max-w-[455px] rounded-xl",
+                children: modal
+            })
+        })
+    });
+};
+var Modal$1 = Modal;
+
+export { ErrorContent as E, Modal$1 as M, v4 as v };

package/Tabs.cjs.d.ts

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

package/Tabs.cjs.default.js

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

package/Tabs.cjs.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styledComponents_esm = require('./styled-components.esm.cjs.js');
+require('./_tslib.cjs.js');
+
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  .uiTabs {\n    list-style: none;\n    display: flex;\n  }\n\n  .uiTabs .uiTab {\n    padding: 0.25rem 1em;\n    cursor: pointer;\n    transform: translateY(1px);\n    transition: background-color 0.2s ease-in-out;\n    text-align: center;\n    height: 3rem;\n  }\n\n  .uiTabs .uiTab.selected {\n    border-radius: 6px 6px 0px 0px;\n  }\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var StyleTabs = styledComponents_esm.dt.div(_templateObject());
+
+var TabsPanel = function(param) {
+    var _param_tabsClassName = param.tabsClassName, tabsClassName = _param_tabsClassName === void 0 ? "" : _param_tabsClassName, _param_tabClassName = param.tabClassName, tabClassName = _param_tabClassName === void 0 ? "" : _param_tabClassName, activeIndex = param.activeIndex, setActiveIndex = param.setActiveIndex, config = param.config, children = param.children;
+    return /*#__PURE__*/ jsxRuntime.jsxs(StyleTabs, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: [
+                    "uiTabs border-b border-solid border-[#ccc]",
+                    tabsClassName
+                ].join(" "),
+                children: config.map(function(tab, index) {
+                    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+                        type: "button",
+                        className: [
+                            "uiTab text-sm lg:text-lg",
+                            index === activeIndex ? "border border-[#ccc] rounded-t-md ".concat(tabClassName) : ""
+                        ].join(" "),
+                        onClick: function() {
+                            return setActiveIndex(index);
+                        },
+                        children: tab.title
+                    }, tab.id);
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "px-4 py-2 border-l border-r border-b border-[#ccc]",
+                children: children
+            })
+        ]
+    });
+};
+
+exports.TabsPanel = TabsPanel;

package/Tabs.cjs.mjs

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

package/Tabs.esm.d.ts

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

package/Tabs.esm.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { d as dt } from './styled-components.esm.esm.js';
+import './_tslib.esm.js';
+
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n  .uiTabs {\n    list-style: none;\n    display: flex;\n  }\n\n  .uiTabs .uiTab {\n    padding: 0.25rem 1em;\n    cursor: pointer;\n    transform: translateY(1px);\n    transition: background-color 0.2s ease-in-out;\n    text-align: center;\n    height: 3rem;\n  }\n\n  .uiTabs .uiTab.selected {\n    border-radius: 6px 6px 0px 0px;\n  }\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var StyleTabs = dt.div(_templateObject());
+
+var TabsPanel = function(param) {
+    var _param_tabsClassName = param.tabsClassName, tabsClassName = _param_tabsClassName === void 0 ? "" : _param_tabsClassName, _param_tabClassName = param.tabClassName, tabClassName = _param_tabClassName === void 0 ? "" : _param_tabClassName, activeIndex = param.activeIndex, setActiveIndex = param.setActiveIndex, config = param.config, children = param.children;
+    return /*#__PURE__*/ jsxs(StyleTabs, {
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: [
+                    "uiTabs border-b border-solid border-[#ccc]",
+                    tabsClassName
+                ].join(" "),
+                children: config.map(function(tab, index) {
+                    return /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: [
+                            "uiTab text-sm lg:text-lg",
+                            index === activeIndex ? "border border-[#ccc] rounded-t-md ".concat(tabClassName) : ""
+                        ].join(" "),
+                        onClick: function() {
+                            return setActiveIndex(index);
+                        },
+                        children: tab.title
+                    }, tab.id);
+                })
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "px-4 py-2 border-l border-r border-b border-[#ccc]",
+                children: children
+            })
+        ]
+    });
+};
+
+export { TabsPanel };

package/_commonjsHelpers.cjs.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function getAugmentedNamespace(n) {
+    if (n.__esModule) return n;
+    var a = Object.defineProperty({}, "__esModule", {
+        value: true
+    });
+    Object.keys(n).forEach(function(k) {
+        var d = Object.getOwnPropertyDescriptor(n, k);
+        Object.defineProperty(a, k, d.get ? d : {
+            enumerable: true,
+            get: function get() {
+                return n[k];
+            }
+        });
+    });
+    return a;
+}
+function commonjsRequire(path) {
+    throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+exports.commonjsGlobal = commonjsGlobal;
+exports.commonjsRequire = commonjsRequire;
+exports.getAugmentedNamespace = getAugmentedNamespace;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/_commonjsHelpers.esm.js

@@ -0,0 +1,25 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function getAugmentedNamespace(n) {
+    if (n.__esModule) return n;
+    var a = Object.defineProperty({}, "__esModule", {
+        value: true
+    });
+    Object.keys(n).forEach(function(k) {
+        var d = Object.getOwnPropertyDescriptor(n, k);
+        Object.defineProperty(a, k, d.get ? d : {
+            enumerable: true,
+            get: function get() {
+                return n[k];
+            }
+        });
+    });
+    return a;
+}
+function commonjsRequire(path) {
+    throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+
+export { commonjsRequire as a, getAugmentedNamespace as b, commonjsGlobal as c, getDefaultExportFromCjs as g };