@ceed/cds 0.0.185 → 0.0.187-cjs.0

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,33 @@
+'use strict';
+
+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 f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__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 () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+exports.getAugmentedNamespace = getAugmentedNamespace;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;

package/dist/_virtual/bind-all.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var bindAll = {};
+
+exports.__exports = bindAll;

package/dist/_virtual/bind.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var bind = {};
+
+exports.__exports = bind;

package/dist/_virtual/colorManipulator.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var colorManipulator = require('../external/@mui/system/colorManipulator.js');
+
+var colorManipulatorExports = /*@__PURE__*/ colorManipulator.__require();
+
+exports.colorManipulatorExports = colorManipulatorExports;

package/dist/_virtual/colorManipulator2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var colorManipulator = {};
+
+exports.__exports = colorManipulator;

package/dist/_virtual/createStyled.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var createStyled$1 = require('../external/@mui/system/createStyled.js');
+
+var createStyledExports = /*@__PURE__*/ createStyled$1.__require();
+var createStyled = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(createStyledExports);
+
+module.exports = createStyled;

package/dist/_virtual/createStyled2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var createStyled = {};
+
+exports.__exports = createStyled;

package/dist/_virtual/extends.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var _extends = {exports: {}};
+
+exports.__module = _extends;

package/dist/_virtual/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('../external/bind-event-listener/dist/index.js');
+
+var distExports = /*@__PURE__*/ index.__require();
+
+exports.distExports = distExports;

package/dist/_virtual/index10.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/@mui/system/esm/styleFunctionSx/index.js');
+
+var require$$8 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
+
+module.exports = require$$8;

package/dist/_virtual/index11.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/@mui/utils/formatMuiErrorMessage/index.js');
+
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
+
+var index__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(index);
+
+var require$$1 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index__namespace);
+
+module.exports = require$$1;

package/dist/_virtual/index12.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/@mui/utils/clamp/index.js');
+
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
+
+var index__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(index);
+
+var require$$2 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index__namespace);
+
+module.exports = require$$2;

package/dist/_virtual/index2.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var dist = {};
+
+exports.__exports = dist;

package/dist/_virtual/index3.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/prop-types/index.js');
+
+var propTypesExports = /*@__PURE__*/ index.__require();
+var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+
+module.exports = PropTypes;

package/dist/_virtual/index4.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var propTypes = {exports: {}};
+
+exports.__module = propTypes;

package/dist/_virtual/index5.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/@mui/styled-engine/index.js');
+
+var require$$3 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
+
+module.exports = require$$3;

package/dist/_virtual/index6.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/@mui/utils/deepmerge/index.js');
+
+var require$$4 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
+
+module.exports = require$$4;

package/dist/_virtual/index7.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/@mui/utils/capitalize/index.js');
+
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, default: e }); }
+
+var index__namespace = /*#__PURE__*/_interopNamespaceDefaultOnly(index);
+
+var require$$5 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index__namespace);
+
+module.exports = require$$5;

package/dist/_virtual/index8.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/@mui/utils/getDisplayName/index.js');
+
+var require$$6 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
+
+module.exports = require$$6;

package/dist/_virtual/index9.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../external/@mui/system/esm/createTheme/index.js');
+
+var require$$7 = /*@__PURE__*/_commonjsHelpers.getAugmentedNamespace(index);
+
+module.exports = require$$7;

package/dist/_virtual/interopRequireDefault.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var interopRequireDefault = {exports: {}};
+
+exports.__module = interopRequireDefault;

package/dist/_virtual/objectWithoutPropertiesLoose.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var objectWithoutPropertiesLoose = {exports: {}};
+
+exports.__module = objectWithoutPropertiesLoose;

package/dist/components/Accordions/Accordions.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var React = require('react');
+var joy = require('@mui/joy');
+var framerMotion = require('framer-motion');
+
+const MotionAccordionSummary = framerMotion.motion(joy.AccordionSummary);
+const AccordionSummary = MotionAccordionSummary;
+AccordionSummary.displayName = "AccordionSummary";
+const MotionAccordionDetails = framerMotion.motion(joy.AccordionDetails);
+const AccordionDetails = MotionAccordionDetails;
+AccordionDetails.displayName = "AccordionDetails";
+const MotionAccordion = framerMotion.motion(joy.Accordion);
+function Accordion(props) {
+    // prop destruction
+    const { summary, details, variant, color, ...innerProps } = props;
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    const inheritedVariant = variant === "solid" ? "solid" : undefined;
+    // effects
+    // handlers
+    return (React.createElement(MotionAccordion, { variant: inheritedVariant, color: color, ...innerProps },
+        React.createElement(AccordionSummary, { variant: inheritedVariant, color: color }, summary),
+        React.createElement(AccordionDetails, { variant: inheritedVariant, color: color }, details)));
+}
+Accordion.displayName = "Accordion";
+const MotionAccordions = framerMotion.motion(joy.AccordionGroup);
+function Accordions(props) {
+    // prop destruction
+    const { variant, color, items, ...innerProps } = props;
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement(MotionAccordions, { variant: variant, color: color, ...innerProps }, items.map((item, index) => (React.createElement(Accordion, { summary: item.summary, details: item.details, index: index, variant: variant, color: color })))));
+}
+Accordions.displayName = "Accordions";
+
+exports.Accordion = Accordion;
+exports.AccordionDetails = AccordionDetails;
+exports.AccordionSummary = AccordionSummary;
+exports.Accordions = Accordions;

package/dist/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,198 @@
+'use strict';
+
+var React = require('react');
+var joy = require('@mui/joy');
+var Close = require('../../external/@mui/icons-material/esm/Close.js');
+var reactVirtual = require('@tanstack/react-virtual');
+var base = require('@mui/base');
+var FormControl = require('../FormControl/FormControl.js');
+var FormLabel = require('../FormLabel/FormLabel.js');
+var FormHelperText = require('../FormHelperText/FormHelperText.js');
+var Chip = require('../Chip/Chip.js');
+var IconButton = require('../IconButton/IconButton.js');
+var index = require('../../hooks/use-controlled-state/index.js');
+
+const AutocompletePopper = joy.styled(base.Popper, {
+    name: "Autocomplete",
+    slot: "Popper",
+})(({ theme }) => ({
+    zIndex: theme.zIndex.tooltip,
+}));
+const AutocompleteListBox = React.forwardRef((props, ref) => {
+    // prop destruction
+    const { anchorEl, open, modifiers, children, ownerState: { loading, size: fontSize = "md" }, ...innerProps } = props;
+    // state, ref, querystring hooks
+    const parentRef = React.useRef(null);
+    // lib hooks
+    // NOTE: 부분 grouping은 불가능하다.
+    const isGrouped = children[0].every((child) => child.hasOwnProperty("group"));
+    const renderTargets = (() => {
+        if (loading) {
+            return [children[1]];
+        }
+        if (children[0].length === 0) {
+            return [children[2]];
+        }
+        if (isGrouped) {
+            return children[0].flatMap((child) => [
+                React.createElement(joy.ListSubheader, { key: child.key, component: "li" }, child.group),
+                ...child.children,
+            ]);
+        }
+        return children[0];
+    })();
+    const virtualizer = reactVirtual.useVirtualizer({
+        count: renderTargets.length,
+        estimateSize: () => 36,
+        getScrollElement: () => parentRef.current,
+        measureElement: (element) => element.clientHeight,
+        overscan: 5,
+    });
+    // form hooks
+    // query hooks
+    // calculated values
+    const items = virtualizer.getVirtualItems();
+    // effects
+    React.useEffect(() => {
+        if (open) {
+            virtualizer.measure();
+        }
+    }, [open, virtualizer]);
+    // handlers
+    return (React.createElement(AutocompletePopper, { ref: ref, anchorEl: anchorEl, open: open, modifiers: modifiers },
+        React.createElement(joy.AutocompleteListbox, { ...innerProps },
+            React.createElement("div", { ref: parentRef, style: { overflow: "auto" } },
+                React.createElement("div", { style: {
+                        height: `${virtualizer.getTotalSize()}px`,
+                        position: "relative",
+                    } }, items.map(({ index, size, start, key }) => React.cloneElement(renderTargets[index], {
+                    key,
+                    style: {
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        width: "100%",
+                        fontSize: `var(--ceed-fontSize-${fontSize})`,
+                        height: `${size}px`,
+                        transform: `translateY(${start}px)`,
+                        overflow: "visible",
+                    },
+                    children: (React.createElement("div", { style: {
+                            textOverflow: "ellipsis",
+                            textWrap: "nowrap",
+                            overflow: "hidden",
+                            width: "100%",
+                        } }, renderTargets[index].props.children)),
+                })))))));
+});
+const AutocompleteDeleteSize = {
+    sm: "20px",
+    md: "24px",
+    lg: "28px",
+};
+const AutocompleteTagDelete = joy.styled(IconButton.IconButton, {
+    name: "Autocomplete",
+    slot: "tagDelete",
+})(({ theme, size = "md" }) => ({
+    width: AutocompleteDeleteSize[size],
+    height: AutocompleteDeleteSize[size],
+    minWidth: AutocompleteDeleteSize[size],
+    minHeight: AutocompleteDeleteSize[size],
+    borderRadius: "50%",
+}));
+function Autocomplete(props) {
+    // prop destruction
+    const { label, error, helperText, color, size, disabled, required, onChange, onChangeComplete, 
+    // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
+    sx, className, ...innerProps } = props;
+    // lib hooks
+    // state, ref, querystring hooks
+    const [_value, setValue] = index.useControlledState(props.value, props.defaultValue || "", React.useCallback((value) => onChange?.({
+        target: {
+            value: value,
+            name: props.name,
+        },
+    }), [onChange, props.name]));
+    // form hooks
+    // query hooks
+    // calculated values
+    const options = React.useMemo(() => props.options.map((option) => {
+        if (typeof option !== "object") {
+            return {
+                value: option,
+                label: option,
+            };
+        }
+        return option;
+    }), [props.options]);
+    const optionMap = React.useMemo(() => {
+        const map = new Map();
+        options.forEach((option) => {
+            map.set(option.value, option);
+        });
+        return map;
+    }, [options]);
+    const value = React.useMemo(() => {
+        if (props.loading) {
+            return {
+                value: "",
+                label: "",
+                startDecorator: React.createElement(joy.CircularProgress, { size: "sm", color: "neutral", variant: "plain", thickness: 3 }),
+            };
+        }
+        if (Array.isArray(_value)) {
+            return _value.filter((value) => optionMap.has(value)).map((value) => optionMap.get(value || ""));
+        }
+        return optionMap.get(_value);
+    }, [_value, optionMap, props.loading]);
+    const applySize = React.useCallback((node) => {
+        return React.isValidElement(node) && !props.loading ? React.cloneElement(node, { ...{ size } }) : node;
+    }, [size, props.loading]);
+    const startDecorator = React.useMemo(() => applySize(value?.startDecorator || props.startDecorator), [value, applySize, props.startDecorator]);
+    const endDecorator = React.useMemo(() => applySize(value?.endDecorator || props.endDecorator), [value, applySize, props.endDecorator]);
+    // effects
+    // handlers
+    const handleChange = React.useCallback((event, value) => {
+        const newValue = value;
+        const _value = (Array.isArray(newValue) ? newValue.map((value) => value.value) : newValue?.value);
+        setValue(_value);
+        if ((Array.isArray(newValue) && newValue.map((value) => optionMap.get(value.value))) ||
+            optionMap.get(newValue?.value)) {
+            onChangeComplete?.({
+                ...event,
+                target: {
+                    ...event.target,
+                    value: _value,
+                },
+            });
+        }
+    }, [onChangeComplete, setValue, optionMap]);
+    const autocomplete = (React.createElement(joy.Autocomplete, { ...innerProps, required: required, onChange: handleChange, color: error ? "danger" : color, value: (value || null), options: options, size: size, disabled: disabled, startDecorator: startDecorator, endDecorator: endDecorator, getOptionLabel: (option) => `${option.label ?? ""}`, renderTags: (tags, getTagProps) => tags.map((tag, index) => {
+            const { onClick, ...rest } = getTagProps({ index });
+            return applySize(React.createElement(Chip.Chip, { color: "primary", ...rest },
+                React.createElement(joy.Stack, { direction: "row", alignItems: "center", gap: 2, py: 0.5 },
+                    tag.value,
+                    applySize(React.createElement(AutocompleteTagDelete, { color: "primary", variant: "soft", onClick: onClick },
+                        React.createElement(Close, null))))));
+        }), slots: {
+            listbox: AutocompleteListBox,
+        }, renderOption: (props, option) => (React.createElement(joy.AutocompleteOption, { ...props },
+            option.startDecorator && (React.createElement(joy.ListItemDecorator, { sx: (theme) => ({
+                    marginInlineEnd: `var(--Input-gap, ${theme.spacing(1)})`,
+                }) }, applySize(option.startDecorator))),
+            applySize(option.label),
+            option.endDecorator && (React.createElement(joy.ListItemDecorator, { sx: (theme) => ({
+                    marginInlineStart: `var(--Input-gap, ${theme.spacing(1)})`,
+                }) }, applySize(option.endDecorator))))), 
+        // TODO: Post React 18 update - validate this conversion, look like a hidden bug
+        renderGroup: (params) => params }));
+    return (React.createElement(FormControl.FormControl, { required: required, color: color, size: size, error: error, disabled: disabled, 
+        // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
+        sx: sx, className: className },
+        label && React.createElement(FormLabel.FormLabel, null, label),
+        autocomplete,
+        helperText && React.createElement(FormHelperText.FormHelperText, null, helperText)));
+}
+Autocomplete.displayName = "Autocomplete";
+
+exports.Autocomplete = Autocomplete;

package/dist/components/Autocomplete/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Autocomplete = require('./Autocomplete.js');
+
+
+
+exports.Autocomplete = Autocomplete.Autocomplete;
+exports.default = Autocomplete.Autocomplete;

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var React = require('react');
+var joy = require('@mui/joy');
+
+const StyledAvatar = joy.styled(joy.Avatar, {
+    name: "Avatar",
+    slot: "Root",
+    overridesResolver: (props, styles) => styles.root,
+})({});
+const defaultGetInitial = (name) => {
+    const isKorean = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/.test(name);
+    if (isKorean) {
+        return name[0];
+    }
+    else {
+        const nameParts = name.trim().split(/\s+/);
+        if (nameParts.length === 0)
+            return;
+        if (nameParts.length === 1) {
+            return nameParts[0].charAt(0).toUpperCase();
+        }
+        const firstName = nameParts[0];
+        const lastName = nameParts[nameParts.length - 1];
+        return (firstName.charAt(0) + lastName.charAt(0)).toUpperCase();
+    }
+};
+const Avatar = React.forwardRef(function Avatar(inProps, ref) {
+    const props = joy.useThemeProps({
+        props: inProps,
+        name: "Avatar",
+    });
+    const { children, getInitial = defaultGetInitial, ...inheritProps } = props;
+    const calcChildren = React.useMemo(() => {
+        if (typeof children === "string") {
+            return getInitial?.(children) ?? "";
+        }
+        return children;
+    }, [children, getInitial]);
+    return React.createElement(StyledAvatar, { ...inheritProps, children: calcChildren, ref: ref });
+});
+
+Object.defineProperty(exports, "AvatarGroup", {
+    enumerable: true,
+    get: function () { return joy.AvatarGroup; }
+});
+exports.Avatar = Avatar;

package/dist/components/Box/Box.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var joy = require('@mui/joy');
+var framerMotion = require('framer-motion');
+
+const MotionBox = framerMotion.motion(joy.Box);
+const Box = MotionBox;
+Box.displayName = "Box";
+
+exports.Box = Box;

package/dist/components/Box/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Box = require('./Box.js');
+
+
+
+exports.Box = Box.Box;
+exports.default = Box.Box;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var React = require('react');
+var joy = require('@mui/joy');
+var Menu = require('../Menu/Menu.js');
+var Dropdown = require('../Dropdown/Dropdown.js');
+var Typography = require('../Typography/Typography.js');
+
+function Breadcrumbs(props) {
+    // prop destruction
+    const { crumbs, size, startCrumbCount = 1, endCrumbCount = 3, slots: { link: Link, ...restSlots } = { link: joy.Link }, slotProps: { link: linkProps, ...restSlotProps } = {
+        link: { color: "neutral" },
+    }, ...innerProps } = props;
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    const _endCrumbCount = Math.max(1, endCrumbCount);
+    const Crumb = (props) => {
+        if (props.type === "link" && Link) {
+            return (React.createElement(Link, { to: props.linkHref, href: props.linkHref, ...linkProps }, props.label));
+        }
+        else {
+            return React.createElement(Typography.Typography, null, props.label);
+        }
+    };
+    const frontCrumbs = crumbs
+        .slice(0, startCrumbCount)
+        .map((crumb) => React.createElement(Crumb, { ...crumb }));
+    const backCrumbs = (startCrumbCount + _endCrumbCount > crumbs.length
+        ? crumbs.slice(startCrumbCount)
+        : crumbs.slice(-_endCrumbCount)).map((crumb) => React.createElement(Crumb, { ...crumb }));
+    const collapsedCrumbs = crumbs
+        .slice(startCrumbCount, -_endCrumbCount)
+        .map((crumb) => (React.createElement(Menu.MenuItem, null,
+        React.createElement(Crumb, { ...crumb }))));
+    // effects
+    // handlers
+    return (React.createElement(joy.Breadcrumbs, { size: size, slots: restSlots, slotProps: restSlotProps, ...innerProps },
+        frontCrumbs,
+        collapsedCrumbs.length && (React.createElement(Dropdown.Dropdown, null,
+            React.createElement(joy.MenuButton, { size: size, variant: "plain" }, "..."),
+            React.createElement(Menu.Menu, { size: size }, collapsedCrumbs))),
+        backCrumbs));
+}
+Breadcrumbs.displayName = "Breadcrumbs";
+
+exports.Breadcrumbs = Breadcrumbs;

package/dist/components/Button/Button.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var joy = require('@mui/joy');
+var framerMotion = require('framer-motion');
+
+const MotionButton = framerMotion.motion(joy.Button);
+const Button = React.forwardRef(({ ...props }, ref) => {
+    // prop destruction
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return React.createElement(MotionButton, { ref: ref, ...props });
+});
+// @ts-expect-error
+Button.displayName = "Button";
+
+exports.Button = Button;

package/dist/components/Button/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Button = require('./Button.js');
+
+
+
+exports.Button = Button.Button;
+exports.default = Button.Button;