@ceed/cds 0.0.182 → 0.0.183-treeshaking.0

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,30 @@
+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;
+}
+
+export { getAugmentedNamespace, getDefaultExportFromCjs };

package/dist/_virtual/bind-all.js

@@ -0,0 +1,3 @@
+var bindAll = {};
+
+export { bindAll as __exports };

package/dist/_virtual/bind.js

@@ -0,0 +1,3 @@
+var bind = {};
+
+export { bind as __exports };

package/dist/_virtual/colorManipulator.js

@@ -0,0 +1,5 @@
+import { __require as requireColorManipulator } from '../external/@mui/system/colorManipulator.js';
+
+var colorManipulatorExports = /*@__PURE__*/ requireColorManipulator();
+
+export { colorManipulatorExports as c };

package/dist/_virtual/colorManipulator2.js

@@ -0,0 +1,3 @@
+var colorManipulator = {};
+
+export { colorManipulator as __exports };

package/dist/_virtual/createStyled.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requireCreateStyled } from '../external/@mui/system/createStyled.js';
+
+var createStyledExports = /*@__PURE__*/ requireCreateStyled();
+var createStyled = /*@__PURE__*/getDefaultExportFromCjs(createStyledExports);
+
+export { createStyled as default };

package/dist/_virtual/createStyled2.js

@@ -0,0 +1,3 @@
+var createStyled = {};
+
+export { createStyled as __exports };

package/dist/_virtual/extends.js

@@ -0,0 +1,3 @@
+var _extends = {exports: {}};
+
+export { _extends as __module };

package/dist/_virtual/index.js

@@ -0,0 +1,5 @@
+import { __require as requireDist } from '../external/bind-event-listener/dist/index.js';
+
+var distExports = /*@__PURE__*/ requireDist();
+
+export { distExports as d };

package/dist/_virtual/index10.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../external/@mui/system/esm/styleFunctionSx/index.js';
+
+var require$$8 = /*@__PURE__*/getAugmentedNamespace(index);
+
+export { require$$8 as default };

package/dist/_virtual/index11.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../external/@mui/utils/formatMuiErrorMessage/index.js';
+
+var require$$1 = /*@__PURE__*/getAugmentedNamespace(index);
+
+export { require$$1 as default };

package/dist/_virtual/index12.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../external/@mui/utils/clamp/index.js';
+
+var require$$2 = /*@__PURE__*/getAugmentedNamespace(index);
+
+export { require$$2 as default };

package/dist/_virtual/index2.js

@@ -0,0 +1,3 @@
+var dist = {};
+
+export { dist as __exports };

package/dist/_virtual/index3.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requirePropTypes } from '../external/prop-types/index.js';
+
+var propTypesExports = /*@__PURE__*/ requirePropTypes();
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+
+export { PropTypes as default };

package/dist/_virtual/index4.js

@@ -0,0 +1,3 @@
+var propTypes = {exports: {}};
+
+export { propTypes as __module };

package/dist/_virtual/index5.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../external/@mui/styled-engine/index.js';
+
+var require$$3 = /*@__PURE__*/getAugmentedNamespace(index);
+
+export { require$$3 as default };

package/dist/_virtual/index6.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../external/@mui/utils/deepmerge/index.js';
+
+var require$$4 = /*@__PURE__*/getAugmentedNamespace(index);
+
+export { require$$4 as default };

package/dist/_virtual/index7.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../external/@mui/utils/capitalize/index.js';
+
+var require$$5 = /*@__PURE__*/getAugmentedNamespace(index);
+
+export { require$$5 as default };

package/dist/_virtual/index8.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../external/@mui/utils/getDisplayName/index.js';
+
+var require$$6 = /*@__PURE__*/getAugmentedNamespace(index);
+
+export { require$$6 as default };

package/dist/_virtual/index9.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from './_commonjsHelpers.js';
+import * as index from '../external/@mui/system/esm/createTheme/index.js';
+
+var require$$7 = /*@__PURE__*/getAugmentedNamespace(index);
+
+export { require$$7 as default };

package/dist/_virtual/interopRequireDefault.js

@@ -0,0 +1,3 @@
+var interopRequireDefault = {exports: {}};
+
+export { interopRequireDefault as __module };

package/dist/_virtual/objectWithoutPropertiesLoose.js

@@ -0,0 +1,3 @@
+var objectWithoutPropertiesLoose = {exports: {}};
+
+export { objectWithoutPropertiesLoose as __module };

package/dist/components/Accordions/Accordions.js

@@ -0,0 +1,43 @@
+import React__default from 'react';
+import { AccordionSummary as AccordionSummary$1, AccordionDetails as AccordionDetails$1, Accordion as Accordion$1, AccordionGroup } from '@mui/joy';
+import { motion } from 'framer-motion';
+
+const MotionAccordionSummary = motion(AccordionSummary$1);
+const AccordionSummary = MotionAccordionSummary;
+AccordionSummary.displayName = "AccordionSummary";
+const MotionAccordionDetails = motion(AccordionDetails$1);
+const AccordionDetails = MotionAccordionDetails;
+AccordionDetails.displayName = "AccordionDetails";
+const MotionAccordion = motion(Accordion$1);
+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__default.createElement(MotionAccordion, { variant: inheritedVariant, color: color, ...innerProps },
+        React__default.createElement(AccordionSummary, { variant: inheritedVariant, color: color }, summary),
+        React__default.createElement(AccordionDetails, { variant: inheritedVariant, color: color }, details)));
+}
+Accordion.displayName = "Accordion";
+const MotionAccordions = motion(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__default.createElement(MotionAccordions, { variant: variant, color: color, ...innerProps }, items.map((item, index) => (React__default.createElement(Accordion, { summary: item.summary, details: item.details, index: index, variant: variant, color: color })))));
+}
+Accordions.displayName = "Accordions";
+
+export { Accordion, AccordionDetails, AccordionSummary, Accordions };

package/dist/components/Accordions/index.d.ts

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

package/dist/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,196 @@
+import React__default, { useRef, useEffect, useCallback, useMemo } from 'react';
+import { styled, ListSubheader, AutocompleteListbox, CircularProgress, Autocomplete as Autocomplete$1, Stack, AutocompleteOption, ListItemDecorator } from '@mui/joy';
+import ClearIcon from '../../external/@mui/icons-material/esm/Close.js';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { Popper } from '@mui/base';
+import { FormControl } from '../FormControl/FormControl.js';
+import { FormLabel } from '../FormLabel/FormLabel.js';
+import { FormHelperText } from '../FormHelperText/FormHelperText.js';
+import { Chip } from '../Chip/Chip.js';
+import { IconButton } from '../IconButton/IconButton.js';
+import { useControlledState } from '../../hooks/use-controlled-state/index.js';
+
+const AutocompletePopper = styled(Popper, {
+    name: "Autocomplete",
+    slot: "Popper",
+})(({ theme }) => ({
+    zIndex: theme.zIndex.tooltip,
+}));
+const AutocompleteListBox = React__default.forwardRef((props, ref) => {
+    // prop destruction
+    const { anchorEl, open, modifiers, children, ownerState: { loading, size: fontSize = "md" }, ...innerProps } = props;
+    // state, ref, querystring hooks
+    const parentRef = 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__default.createElement(ListSubheader, { key: child.key, component: "li" }, child.group),
+                ...child.children,
+            ]);
+        }
+        return children[0];
+    })();
+    const virtualizer = 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
+    useEffect(() => {
+        if (open) {
+            virtualizer.measure();
+        }
+    }, [open, virtualizer]);
+    // handlers
+    return (React__default.createElement(AutocompletePopper, { ref: ref, anchorEl: anchorEl, open: open, modifiers: modifiers },
+        React__default.createElement(AutocompleteListbox, { ...innerProps },
+            React__default.createElement("div", { ref: parentRef, style: { overflow: "auto" } },
+                React__default.createElement("div", { style: {
+                        height: `${virtualizer.getTotalSize()}px`,
+                        position: "relative",
+                    } }, items.map(({ index, size, start, key }) => React__default.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__default.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 = styled(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] = useControlledState(props.value, props.defaultValue || "", useCallback((value) => onChange?.({
+        target: {
+            value: value,
+            name: props.name,
+        },
+    }), [onChange, props.name]));
+    // form hooks
+    // query hooks
+    // calculated values
+    const options = useMemo(() => props.options.map((option) => {
+        if (typeof option !== "object") {
+            return {
+                value: option,
+                label: option,
+            };
+        }
+        return option;
+    }), [props.options]);
+    const optionMap = useMemo(() => {
+        const map = new Map();
+        options.forEach((option) => {
+            map.set(option.value, option);
+        });
+        return map;
+    }, [options]);
+    const value = useMemo(() => {
+        if (props.loading) {
+            return {
+                value: "",
+                label: "",
+                startDecorator: React__default.createElement(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 = useCallback((node) => {
+        return React__default.isValidElement(node) && !props.loading ? React__default.cloneElement(node, { ...{ size } }) : node;
+    }, [size, props.loading]);
+    const startDecorator = useMemo(() => applySize(value?.startDecorator || props.startDecorator), [value, applySize, props.startDecorator]);
+    const endDecorator = useMemo(() => applySize(value?.endDecorator || props.endDecorator), [value, applySize, props.endDecorator]);
+    // effects
+    // handlers
+    const handleChange = 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__default.createElement(Autocomplete$1, { ...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__default.createElement(Chip, { color: "primary", ...rest },
+                React__default.createElement(Stack, { direction: "row", alignItems: "center", gap: 2, py: 0.5 },
+                    tag.value,
+                    applySize(React__default.createElement(AutocompleteTagDelete, { color: "primary", variant: "soft", onClick: onClick },
+                        React__default.createElement(ClearIcon, null))))));
+        }), slots: {
+            listbox: AutocompleteListBox,
+        }, renderOption: (props, option) => (React__default.createElement(AutocompleteOption, { ...props },
+            option.startDecorator && (React__default.createElement(ListItemDecorator, { sx: (theme) => ({
+                    marginInlineEnd: `var(--Input-gap, ${theme.spacing(1)})`,
+                }) }, applySize(option.startDecorator))),
+            applySize(option.label),
+            option.endDecorator && (React__default.createElement(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__default.createElement(FormControl, { required: required, color: color, size: size, error: error, disabled: disabled, 
+        // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
+        sx: sx, className: className },
+        label && React__default.createElement(FormLabel, null, label),
+        autocomplete,
+        helperText && React__default.createElement(FormHelperText, null, helperText)));
+}
+Autocomplete.displayName = "Autocomplete";
+
+export { Autocomplete };

package/dist/components/Autocomplete/index.d.ts

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

package/dist/components/Autocomplete/index.js

@@ -0,0 +1,5 @@
+import { Autocomplete } from './Autocomplete.js';
+
+
+
+export { Autocomplete, Autocomplete as default };

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,42 @@
+import React__default, { forwardRef, useMemo } from 'react';
+import { styled, Avatar as Avatar$1, useThemeProps } from '@mui/joy';
+export { AvatarGroup } from '@mui/joy';
+
+const StyledAvatar = styled(Avatar$1, {
+    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 = forwardRef(function Avatar(inProps, ref) {
+    const props = useThemeProps({
+        props: inProps,
+        name: "Avatar",
+    });
+    const { children, getInitial = defaultGetInitial, ...inheritProps } = props;
+    const calcChildren = useMemo(() => {
+        if (typeof children === "string") {
+            return getInitial?.(children) ?? "";
+        }
+        return children;
+    }, [children, getInitial]);
+    return React__default.createElement(StyledAvatar, { ...inheritProps, children: calcChildren, ref: ref });
+});
+
+export { Avatar };

package/dist/components/Avatar/index.d.ts

@@ -1,3 +1,3 @@
-import { Avatar } from './Avatar';
-export * from './Avatar';
+import { Avatar } from "./Avatar.js";
+export * from "./Avatar.js";
 export default Avatar;

package/dist/components/Box/Box.js

@@ -0,0 +1,8 @@
+import { Box as Box$1 } from '@mui/joy';
+import { motion } from 'framer-motion';
+
+const MotionBox = motion(Box$1);
+const Box = MotionBox;
+Box.displayName = "Box";
+
+export { Box };

package/dist/components/Box/index.d.ts

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

package/dist/components/Box/index.js

@@ -0,0 +1,5 @@
+import { Box } from './Box.js';
+
+
+
+export { Box, Box as default };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,47 @@
+import React__default from 'react';
+import { Breadcrumbs as Breadcrumbs$1, Link } from '@mui/joy';
+import { MenuItem, MenuButton, Menu } from '../Menu/Menu.js';
+import { Dropdown } from '../Dropdown/Dropdown.js';
+import { Typography } from '../Typography/Typography.js';
+
+function Breadcrumbs(props) {
+    // prop destruction
+    const { crumbs, size, startCrumbCount = 1, endCrumbCount = 3, slots: { link: Link$1, ...restSlots } = { link: 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$1) {
+            return (React__default.createElement(Link$1, { to: props.linkHref, href: props.linkHref, ...linkProps }, props.label));
+        }
+        else {
+            return React__default.createElement(Typography, null, props.label);
+        }
+    };
+    const frontCrumbs = crumbs
+        .slice(0, startCrumbCount)
+        .map((crumb) => React__default.createElement(Crumb, { ...crumb }));
+    const backCrumbs = (startCrumbCount + _endCrumbCount > crumbs.length
+        ? crumbs.slice(startCrumbCount)
+        : crumbs.slice(-_endCrumbCount)).map((crumb) => React__default.createElement(Crumb, { ...crumb }));
+    const collapsedCrumbs = crumbs
+        .slice(startCrumbCount, -_endCrumbCount)
+        .map((crumb) => (React__default.createElement(MenuItem, null,
+        React__default.createElement(Crumb, { ...crumb }))));
+    // effects
+    // handlers
+    return (React__default.createElement(Breadcrumbs$1, { size: size, slots: restSlots, slotProps: restSlotProps, ...innerProps },
+        frontCrumbs,
+        collapsedCrumbs.length && (React__default.createElement(Dropdown, null,
+            React__default.createElement(MenuButton, { size: size, variant: "plain" }, "..."),
+            React__default.createElement(Menu, { size: size }, collapsedCrumbs))),
+        backCrumbs));
+}
+Breadcrumbs.displayName = "Breadcrumbs";
+
+export { Breadcrumbs };

package/dist/components/Breadcrumbs/index.d.ts

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

package/dist/components/Button/Button.js

@@ -0,0 +1,20 @@
+import React__default, { forwardRef } from 'react';
+import { Button as Button$1 } from '@mui/joy';
+import { motion } from 'framer-motion';
+
+const MotionButton = motion(Button$1);
+const Button = forwardRef(({ ...props }, ref) => {
+    // prop destruction
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return React__default.createElement(MotionButton, { ref: ref, ...props });
+});
+// @ts-expect-error
+Button.displayName = "Button";
+
+export { Button };

package/dist/components/Button/index.d.ts

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

package/dist/components/Button/index.js

@@ -0,0 +1,5 @@
+import { Button } from './Button.js';
+
+
+
+export { Button, Button as default };

package/dist/components/Calendar/Calendar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CalendarProps } from "./types";
+import type { CalendarProps } from "./types.js";
 /**
  * @see https://mui.com/x/api/date-pickers/date-calendar/ 인터페이스 참고
  */