@ceed/cds 0.0.126 → 0.0.128

package/dist/components/IconButton/IconButton.js

@@ -1,28 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from "react";
-import { IconButton as JoyIconButton } from "@mui/joy";
-import { motion } from "framer-motion";
-var MotionIconButton = motion(JoyIconButton);
-var IconButton = function (props) {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React.createElement(MotionIconButton, __assign({}, props));
-};
-export { IconButton };
-IconButton.displayName = "IconButton";

package/dist/components/IconButton/index.js

@@ -1,3 +0,0 @@
-import { IconButton } from "./IconButton";
-export * from "./IconButton";
-export default IconButton;

package/dist/components/Input/Input.js

@@ -1,51 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { Input as JoyInput } from "@mui/joy";
-import { motion } from "framer-motion";
-import FormControl from "../FormControl";
-import FormLabel from "../FormLabel";
-import FormHelperText from "../FormHelperText";
-var MotionInput = motion(JoyInput);
-var Input = React.forwardRef(function (props, ref) {
-    var _a;
-    // prop destruction
-    var label = props.label, helperText = props.helperText, error = props.error, style = props.style, size = props.size, color = props.color, disabled = props.disabled, required = props.required, innerProps = __rest(props, ["label", "helperText", "error", "style", "size", "color", "disabled", "required"]);
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    var input = (React.createElement(MotionInput, __assign({ required: required, color: error ? "danger" : color, size: size, disabled: disabled, slotProps: __assign({ input: __assign({ ref: ref }, (_a = innerProps.slotProps) === null || _a === void 0 ? void 0 : _a.input) }, innerProps.slotProps) }, innerProps)));
-    if (label) {
-        return (React.createElement(FormControl, { required: required, color: color, size: size, error: error, disabled: disabled },
-            React.createElement(FormLabel, null, label),
-            input,
-            helperText && React.createElement(FormHelperText, null, helperText)));
-    }
-    return input;
-});
-export { Input };
-Input.displayName = "Input";

package/dist/components/Input/index.js

@@ -1,3 +0,0 @@
-import { Input } from "./Input";
-export * from "./Input";
-export default Input;

package/dist/components/InsetDrawer/InsetDrawer.js

@@ -1,45 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { Drawer as JoyDrawer } from "@mui/joy";
-import { motion } from "framer-motion";
-var MotionDrawer = motion(JoyDrawer);
-var InsetDrawer = function (props) {
-    var _a;
-    // prop destruction
-    var children = props.children, innerProps = __rest(props, ["children"]);
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React.createElement(MotionDrawer, __assign({}, innerProps, { slotProps: __assign(__assign({}, innerProps.slotProps), { content: __assign(__assign({}, (_a = innerProps.slotProps) === null || _a === void 0 ? void 0 : _a.content), { sx: {
-                    bgcolor: "transparent",
-                    p: { md: 3, sm: 0 },
-                    boxShadow: "none",
-                } }) }) }), children));
-};
-export { InsetDrawer };
-InsetDrawer.displayName = "InsetDrawer";

package/dist/components/InsetDrawer/index.js

@@ -1,3 +0,0 @@
-import { InsetDrawer } from "./InsetDrawer";
-export * from "./InsetDrawer";
-export default InsetDrawer;

package/dist/components/Markdown/Markdown.js

@@ -1,59 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import ReactMarkdown from "react-markdown";
-import { Divider, Typography } from "../";
-import { Link } from "@mui/joy";
-var Markdown = function (props) {
-    // prop destruction
-    var color = props.color, textColor = props.textColor, _a = props.defaultLevel, defaultLevel = _a === void 0 ? "body-md" : _a, _b = props.defaultLinkAction, defaultLinkAction = _b === void 0 ? "_self" : _b, markdownOptions = props.markdownOptions, content = props.content, innerProps = __rest(props, ["color", "textColor", "defaultLevel", "defaultLinkAction", "markdownOptions", "content"]);
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React.createElement(Typography, __assign({ color: color, textColor: textColor }, innerProps),
-        React.createElement(ReactMarkdown, __assign({}, markdownOptions, { children: content, components: __assign({ h1: function (_a) {
-                    var children = _a.children;
-                    return (React.createElement(Typography, { color: color, textColor: textColor, level: "h1" }, children));
-                }, h2: function (_a) {
-                    var children = _a.children;
-                    return (React.createElement(Typography, { color: color, textColor: textColor, level: "h2" }, children));
-                }, h3: function (_a) {
-                    var children = _a.children;
-                    return (React.createElement(Typography, { color: color, textColor: textColor, level: "h3" }, children));
-                }, h4: function (_a) {
-                    var children = _a.children;
-                    return (React.createElement(Typography, { color: color, textColor: textColor, level: "h4" }, children));
-                }, p: function (_a) {
-                    var children = _a.children;
-                    return (React.createElement(Typography, { color: color, textColor: textColor, level: defaultLevel }, children));
-                }, a: function (_a) {
-                    var children = _a.children, href = _a.href;
-                    return (React.createElement(Link, { href: href, target: defaultLinkAction }, children));
-                }, hr: function () { return React.createElement(Divider, null); } }, markdownOptions === null || markdownOptions === void 0 ? void 0 : markdownOptions.components) }))));
-};
-export { Markdown };
-Markdown.displayName = "Markdown";

package/dist/components/Markdown/index.js

@@ -1,3 +0,0 @@
-import { Markdown } from "./Markdown";
-export * from "./Markdown";
-export default Markdown;

package/dist/components/Menu/Menu.js

@@ -1,56 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from "react";
-import { Menu as JoyMenu, MenuButton as JoyMenuButton, MenuItem as JoyMenuItem, } from "@mui/joy";
-import { motion } from "framer-motion";
-var MotionMenu = motion(JoyMenu);
-var Menu = function (props) {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React.createElement(MotionMenu, __assign({}, props));
-};
-export { Menu };
-Menu.displayName = "Menu";
-var MotionMenuButton = motion(JoyMenuButton);
-var MenuButton = function (props) {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React.createElement(MotionMenuButton, __assign({}, props));
-};
-export { MenuButton };
-MenuButton.displayName = "MenuButton";
-var MotionMenuItem = motion(JoyMenuItem);
-var MenuItem = function (props) {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React.createElement(MotionMenuItem, __assign({}, props));
-};
-export { MenuItem };
-MenuItem.displayName = "MenuItem";

package/dist/components/Menu/index.js

@@ -1,3 +0,0 @@
-import { Menu } from "./Menu";
-export * from "./Menu";
-export default Menu;

package/dist/components/Modal/Modal.js

@@ -1,63 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { Modal as JoyModal, ModalDialog as JoyModalDialog, ModalClose as JoyModalClose, ModalOverflow as JoyModalOverflow, styled, } from "@mui/joy";
-import { motion } from "framer-motion";
-import DialogTitle from "../DialogTitle";
-import DialogContent from "../DialogContent";
-var MotionModal = motion(JoyModal);
-var Modal = MotionModal;
-export { Modal };
-Modal.displayName = "Modal";
-var MotionModalDialog = motion(JoyModalDialog);
-var StyledModalDialog = styled(MotionModalDialog)({
-    padding: 0,
-});
-var ModalDialog = StyledModalDialog;
-export { ModalDialog };
-ModalDialog.displayName = "ModalDialog";
-var MotionModalClose = motion(JoyModalClose);
-var ModalClose = MotionModalClose;
-export { ModalClose };
-ModalClose.displayName = "ModalClose";
-var MotionModalOverflow = motion(JoyModalOverflow);
-var ModalOverflow = MotionModalOverflow;
-export { ModalOverflow };
-ModalOverflow.displayName = "ModalOverflow";
-function ModalFrame(props) {
-    // prop destruction
-    var title = props.title, children = props.children, innerProps = __rest(props, ["title", "children"]);
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React.createElement(StyledModalDialog, __assign({}, innerProps),
-        React.createElement(ModalClose, null),
-        React.createElement(DialogTitle, null, title),
-        React.createElement(DialogContent, null, children)));
-}
-export { ModalFrame };
-ModalFrame.displayName = "ModalFrame";

package/dist/components/Modal/index.js

@@ -1,3 +0,0 @@
-import { Modal } from "./Modal";
-export * from "./Modal";
-export default Modal;

package/dist/components/MonthPicker/MonthPicker.js

@@ -1,203 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState, } from "react";
-import { IMaskInput, IMask } from "react-imask";
-// @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
-import CalendarTodayIcon from "@mui/icons-material/esm/CalendarToday.js";
-import { styled } from "@mui/joy";
-import { FocusTrap, ClickAwayListener, Popper } from "@mui/base";
-import Input from "../Input";
-import IconButton from "../IconButton";
-import Sheet from "../Sheet";
-import Calendar from "../Calendar";
-import DialogActions from "../DialogActions";
-import Button from "../Button";
-import FormControl from "../FormControl";
-import FormLabel from "../FormLabel";
-import FormHelperText from "../FormHelperText";
-var StyledPopper = styled(Popper, {
-    name: "MonthPicker",
-    slot: "popper",
-})(function (_a) {
-    var theme = _a.theme;
-    return ({
-        zIndex: theme.zIndex.tooltip,
-    });
-});
-var CalendarSheet = styled(Sheet, {
-    name: "MonthPicker",
-    slot: "sheet",
-    overridesResolver: function (props, styles) { return styles.root; },
-})(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: "264px",
-        boxShadow: theme.shadow.md,
-        borderRadius: theme.radius.md,
-    });
-});
-var MonthPickerContainer = styled("div", {
-    name: "MonthPicker",
-    slot: "container",
-})({
-    width: "100%",
-});
-var formatDateMonth = function (date) {
-    var month = "".concat(date.getMonth() + 1);
-    var year = date.getFullYear();
-    if (Number(month) < 10)
-        month = "0" + month;
-    return [year, month].join("/");
-};
-var formatValueString = function (date) {
-    var getStr = function (dateString) {
-        // YYYY/MM(/DD)
-        if (!/^\d\d\d\d\/(0[1-9]|1[012])(\/(0[1-9]|[23][0-9]))?$/.test(dateString)) {
-            return dateString;
-        }
-        var yearMonthDay = dateString.split("/");
-        var date = new Date(Number(yearMonthDay[0]), Number(yearMonthDay[1]) - 1);
-        return formatDateMonth(date);
-    };
-    return getStr(date);
-};
-var parseDate = function (str) {
-    return str.split(" - ")[0] || "";
-};
-var TextMaskAdapter = React.forwardRef(function TextMaskAdapter(props, ref) {
-    var onChange = props.onChange, other = __rest(props, ["onChange"]);
-    return (React.createElement(IMaskInput, __assign({}, other, { inputRef: ref, onAccept: function (value) {
-            return onChange({ target: { name: props.name, value: value } });
-        }, mask: Date, 
-        // other options are optional
-        pattern: "Y/m", 
-        // you can provide your own blocks definitions, default blocks for date mask are:
-        blocks: {
-            m: {
-                mask: IMask.MaskedRange,
-                from: 1,
-                to: 12,
-                maxLength: 2,
-            },
-            Y: {
-                mask: IMask.MaskedRange,
-                from: 1900,
-                to: 9999,
-            },
-        }, 
-        // define date -> str convertion
-        format: formatValueString, 
-        // define str -> date convertion
-        parse: parseDate })));
-});
-var MonthPicker = forwardRef(function (props, ref) {
-    // prop destruction
-    var onChange = props.onChange, disabled = props.disabled, label = props.label, error = props.error, helperText = props.helperText, minDate = props.minDate, maxDate = props.maxDate, disableFuture = props.disableFuture, disablePast = props.disablePast, required = props.required, innerProps = __rest(props, ["onChange", "disabled", "label", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "required"]);
-    // lib hooks
-    // state, ref, querystring hooks
-    var innerRef = useRef(null);
-    var _a = useState(props.value || ""), value = _a[0], setValue = _a[1];
-    var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
-    // form hooks
-    // query hooks
-    // calculated values
-    var open = Boolean(anchorEl);
-    // effects
-    useEffect(function () {
-        setValue(props.value ? formatValueString(parseDate(props.value)) : "");
-    }, [props.value]);
-    useEffect(function () {
-        var _a;
-        if (!anchorEl) {
-            // NOTE: 변경된 값을 blur이벤트 핸들러에서 다룰려면 calendar tooltip이 닫힐 때 blur 이벤트를 발생시켜야 한다.
-            (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-        }
-    }, [anchorEl, innerRef]);
-    useImperativeHandle(ref, function () { return innerRef.current; }, [
-        innerRef.current,
-    ]);
-    // handlers
-    var handleChange = useCallback(function (event) {
-        setValue(event.target.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(event);
-    }, [onChange]);
-    var handleCalendarToggle = useCallback(function (event) {
-        var _a;
-        setAnchorEl(anchorEl ? null : event.currentTarget);
-        (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [anchorEl, setAnchorEl, innerRef]);
-    var picker = (React.createElement(MonthPickerContainer, null,
-        React.createElement(FocusTrap, { open: true },
-            React.createElement(React.Fragment, null,
-                React.createElement(Input, __assign({}, innerProps, { color: error ? "danger" : innerProps.color, ref: innerRef, size: "sm", value: value, onChange: handleChange, placeholder: "YYYY/MM", disabled: disabled, required: required, slotProps: {
-                        input: { component: TextMaskAdapter, ref: innerRef },
-                    }, sx: {
-                        // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
-                        fontFamily: "monospace",
-                    }, endDecorator: React.createElement(IconButton, { variant: "plain", onClick: handleCalendarToggle },
-                        React.createElement(CalendarTodayIcon, null)) })),
-                open && (React.createElement(ClickAwayListener, { onClickAway: function () { return setAnchorEl(null); } },
-                    React.createElement(StyledPopper, { id: "date-picker-popper", open: true, anchorEl: anchorEl, placement: "bottom-end", 
-                        // NOTE: 값이 변경 되기전 blur 이벤트 방지
-                        onMouseDown: function (e) { return e.preventDefault(); }, modifiers: [
-                            {
-                                name: "offset",
-                                options: {
-                                    offset: [4, 4],
-                                },
-                            },
-                        ] },
-                        React.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" },
-                            React.createElement(Calendar, { view: "month", views: ["month"], value: !Number.isNaN(new Date(value).getTime())
-                                    ? [new Date(value), undefined]
-                                    : undefined, onChange: function (_a) {
-                                    var date = _a[0];
-                                    handleChange({
-                                        target: {
-                                            name: props.name,
-                                            value: formatValueString(formatDateMonth(date)),
-                                        },
-                                    });
-                                    setAnchorEl(null);
-                                }, minDate: minDate ? new Date(minDate) : undefined, maxDate: maxDate ? new Date(maxDate) : undefined, disableFuture: disableFuture, disablePast: disablePast }),
-                            React.createElement(DialogActions, { sx: {
-                                    p: 1,
-                                } },
-                                React.createElement(Button, { size: "sm", variant: "plain", color: "neutral", onClick: function () {
-                                        handleChange({
-                                            target: {
-                                                name: props.name,
-                                                value: "",
-                                            },
-                                        });
-                                        setAnchorEl(null);
-                                    } }, "Clear"))))))))));
-    if (label) {
-        return (React.createElement(FormControl, { required: required, disabled: disabled, error: error, size: "sm" },
-            React.createElement(FormLabel, null, label),
-            picker,
-            helperText && React.createElement(FormHelperText, null, helperText)));
-    }
-    return picker;
-});
-export { MonthPicker };

package/dist/components/MonthPicker/index.js

@@ -1,3 +0,0 @@
-import { MonthPicker } from "./MonthPicker";
-export * from "./MonthPicker";
-export default MonthPicker;