@loword/loword-design-system 0.5.4 → 0.5.5

package/dist/components/LDEditor/LDEditor.d.ts

@@ -1,3 +1,4 @@
+import { type TMimeType } from '../../constants/file.js';
 export interface LDEditorProps {
     content: string;
     onChange?: (html: string) => void;
@@ -13,7 +14,9 @@ export interface LDEditorProps {
      * 지정하지 않으면 붙여넣은 외부 이미지는 그대로 둔다.
      */
     allowedImageHosts?: string[];
+    /** 툴바 업로드·이미지 붙여넣기에서 허용할 MIME 타입. 지정하지 않으면 기본 허용 형식을 쓴다. */
+    allowedExtensions?: TMimeType[];
 }
-declare const LDEditor: ({ content, onChange, className, handleImageUpload, allowedImageHosts, }: LDEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const LDEditor: ({ content, onChange, className, handleImageUpload, allowedImageHosts, allowedExtensions, }: LDEditorProps) => import("react/jsx-runtime").JSX.Element;
 export default LDEditor;
 //# sourceMappingURL=LDEditor.d.ts.map

package/dist/components/LDEditor/LDEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LDEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LDEditor/LDEditor.tsx"],"names":[],"mappings":"AAiKA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAC7B,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAyUD,QAAA,MAAM,QAAQ,GAAI,yEAMf,aAAa,4CAqBf,CAAC;AA6lBF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LDEditor.d.ts","sourceRoot":"","sources":["../../../src/components/LDEditor/LDEditor.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAEL,KAAK,SAAS,EAGf,MAAM,kBAAkB,CAAC;AAqH1B,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAC7B,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;CACjC;AAqVD,QAAA,MAAM,QAAQ,GAAI,4FAOf,aAAa,4CAgCf,CAAC;AAkmBF,eAAe,QAAQ,CAAC"}

package/dist/components/LDEditor/LDEditor.js

@@ -80,9 +80,11 @@ const LDDivider = () => _jsx("div", { className: "mx-1 h-6 w-px bg-neutral200" }
 // 두어 줄이 바뀌어도 새 줄이 구분선으로 시작하지 않게 한다.
 const ToolbarGroup = ({ children }) => (_jsx("div", { className: "flex items-center gap-2", children: children }));
 // 검증을 통과하면 업로드한 URL을 반환하고, 실패하면 토스트에 띄울 사유를 담아 throw한다.
-const uploadImageFile = async (file, handleImageUpload) => {
-    if (!validAllowedExtensions(file, TOOLBAR_ALLOWED_EXTENSIONS)) {
-        const allowedFiles = TOOLBAR_ALLOWED_EXTENSIONS.map((item) => FILE_EXTENSIONS[item].toUpperCase()).join(', ');
+const uploadImageFile = async (file, handleImageUpload, allowedExtensions = TOOLBAR_ALLOWED_EXTENSIONS) => {
+    if (!validAllowedExtensions(file, allowedExtensions)) {
+        const allowedFiles = allowedExtensions
+            .map((item) => FILE_EXTENSIONS[item].toUpperCase())
+            .join(', ');
         throw new Error(`지원하지 않는 파일 형식입니다. ${allowedFiles} 파일만 업로드 가능합니다.`);
     }
     if (!validFileSize(file, TOOLBAR_MAX_SIZE)) {
@@ -257,7 +259,7 @@ const ImagePaste = Extension.create({
                 props: {
                     decorations: (state) => placeholderKey.getState(state),
                     handlePaste: (view, event, slice) => {
-                        const { handleImageUpload, allowedImageHosts } = getConfig();
+                        const { handleImageUpload, allowedImageHosts, allowedExtensions } = getConfig();
                         if (!handleImageUpload)
                             return false;
                         const html = event.clipboardData?.getData('text/html') ?? '';
@@ -284,10 +286,10 @@ const ImagePaste = Extension.create({
                                 ? files[0]
                                 : undefined;
                             pasteAfterUpload(view, uploadAll(list.map((src) => isDataUrl(src)
-                                ? dataUrlToFile(src).then((file) => uploadImageFile(file, handleImageUpload))
+                                ? dataUrlToFile(src).then((file) => uploadImageFile(file, handleImageUpload, allowedExtensions))
                                 : (copiedImage
                                     ? Promise.resolve(copiedImage)
-                                    : urlToFile(src)).then((file) => uploadImageFile(file, handleImageUpload)))).then((srcs) => {
+                                    : urlToFile(src)).then((file) => uploadImageFile(file, handleImageUpload, allowedExtensions)))).then((srcs) => {
                                 const urls = new Map(list.map((src, index) => [src, srcs[index] ?? null]));
                                 return new Slice(replaceImages(slice.content, urls), slice.openStart, slice.openEnd);
                             }));
@@ -296,7 +298,7 @@ const ImagePaste = Extension.create({
                         // Office는 HTML과 함께 선택 영역을 찍은 PNG를 files에 넣는다. HTML이 있으면 파일은 무시한다.
                         if (html || !files.length)
                             return false;
-                        pasteAfterUpload(view, uploadAll(files.map((file) => uploadImageFile(file, handleImageUpload))).then((srcs) => {
+                        pasteAfterUpload(view, uploadAll(files.map((file) => uploadImageFile(file, handleImageUpload, allowedExtensions))).then((srcs) => {
                             const nodes = files.flatMap((file, index) => {
                                 const src = srcs[index];
                                 return src
@@ -318,18 +320,26 @@ const ImagePaste = Extension.create({
         ];
     },
 });
-const LDEditor = ({ content, onChange, className, handleImageUpload, allowedImageHosts, }) => {
+const LDEditor = ({ content, onChange, className, handleImageUpload, allowedImageHosts, allowedExtensions, }) => {
     // 에디터는 첫 렌더의 extensions로 한 번만 만들어진다. 붙여넣기는 최신 props를 ref로 읽는다.
-    const pasteConfigRef = useRef({ handleImageUpload, allowedImageHosts });
+    const pasteConfigRef = useRef({
+        handleImageUpload,
+        allowedImageHosts,
+        allowedExtensions,
+    });
     useEffect(() => {
-        pasteConfigRef.current = { handleImageUpload, allowedImageHosts };
+        pasteConfigRef.current = {
+            handleImageUpload,
+            allowedImageHosts,
+            allowedExtensions,
+        };
     });
     return (_jsxs(EditorBase.Root, { extensions: [
             ...createEditorExtensions(),
             ImagePaste.configure({ getConfig: () => pasteConfigRef.current }),
-        ], content: content, onChange: onChange, className: className, children: [_jsx(EditorToolbar, { handleImageUpload: handleImageUpload }), _jsx(EditorBase.Content, {})] }));
+        ], content: content, onChange: onChange, className: className, children: [_jsx(EditorToolbar, { handleImageUpload: handleImageUpload, allowedExtensions: allowedExtensions }), _jsx(EditorBase.Content, {})] }));
 };
-const EditorToolbar = ({ handleImageUpload, }) => {
+const EditorToolbar = ({ handleImageUpload, allowedExtensions, }) => {
     const [linkUrl, setLinkUrl] = useState('');
     const [isMobile, setIsMobile] = useState(false);
     const { editor } = useEditorContext();
@@ -375,7 +385,7 @@ const EditorToolbar = ({ handleImageUpload, }) => {
             return;
         const file = files[0];
         try {
-            const src = await uploadImageFile(file, handleImageUpload);
+            const src = await uploadImageFile(file, handleImageUpload, allowedExtensions);
             editor.commands.setImage({
                 src,
                 alt: file.name,

package/dist/components/LDSelect/LDSelect.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps, type CSSProperties } from 'react';
+import { type ComponentProps, type CSSProperties, type ReactNode } from 'react';
 import SelectBase, { type SelectOption } from '../../components/LDSelect/SelectBase.js';
 import type { Color, Size, Variant } from '../../types/common.js';
 import type { Subset } from '../../types/subset.js';
@@ -35,6 +35,8 @@ export interface LDSelectProps {
     style?: CSSProperties;
     /** 드롭다운 콘텐츠 영역 className */
     contentClassName?: string;
+    /** items가 비었을 때 드롭다운에 표시할 내용 */
+    emptyMessage?: ReactNode;
     /** 에러 상태 속성 */
     'aria-invalid'?: boolean | 'true' | 'false';
     /** 설명 요소 ID 연결 */
@@ -63,7 +65,7 @@ export type LDSelectItemTextProps = ComponentProps<typeof SelectBase.ItemText>;
 export type LDSelectItemIndicatorProps = ComponentProps<typeof SelectBase.ItemIndicator>;
 export type { SelectOption };
 declare const LDSelect: {
-    ({ items, placeholder, value, defaultValue, onChange, disabled, name, variant, color, size, align, className, style, contentClassName, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }: LDSelectProps): import("react/jsx-runtime").JSX.Element;
+    ({ items, placeholder, value, defaultValue, onChange, disabled, name, variant, color, size, align, className, style, contentClassName, emptyMessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, }: LDSelectProps): import("react/jsx-runtime").JSX.Element;
     Root: ({ variant, color, size, align, disabled, className, ...props }: LDSelectRootProps) => import("react/jsx-runtime").JSX.Element;
     Trigger: ({ className, ...props }: LDSelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
     Value: ({ className, ...props }: LDSelectValueProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LDSelect/LDSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LDSelect.d.ts","sourceRoot":"","sources":["../../../src/components/LDSelect/LDSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LDSelect.d.ts","sourceRoot":"","sources":["../../../src/components/LDSelect/LDSelect.tsx"],"names":[],"mappings":"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"}

package/dist/components/LDSelect/LDSelect.js

@@ -146,12 +146,14 @@ const Item = ({ className, ...props }) => {
 const ItemText = SelectBase.ItemText;
 /** 선택된 옵션에만 표시되는 Styled Compound 영역입니다. */
 const ItemIndicator = ({ className, ...props }) => (_jsx(SelectBase.ItemIndicator, { ...props, className: cn('ml-auto', className) }));
-const LDSelect = ({ items, placeholder = '선택해주세요', value, defaultValue, onChange, disabled = false, name, variant, color = 'neutral', size, align = 'left', className, style, contentClassName, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }) => {
+const LDSelect = ({ items, placeholder = '선택해주세요', value, defaultValue, onChange, disabled = false, name, variant, color = 'neutral', size, align = 'left', className, style, contentClassName, emptyMessage = '데이터가 없습니다.', 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedby, }) => {
     const iconSize = iconSizes[size ?? 'medium'];
     const resolvedValue = items.some((item) => item.value === value)
         ? value
         : undefined;
-    return (_jsxs(Root, { value: resolvedValue, defaultValue: defaultValue, onChange: onChange, disabled: disabled, name: name, items: items, variant: variant, color: color, size: size, align: align, children: [_jsx(Trigger, { style: style, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, className: className, children: _jsxs("div", { className: "flex w-full items-center justify-center gap-sm px-3", children: [_jsx(Value, { placeholder: placeholder }), _jsxs("span", { className: "relative shrink-0", style: { width: iconSize, height: iconSize }, children: [_jsx(ChevronDown, { size: iconSize, className: "absolute top-0 left-0 text-neutral500 opacity-100 transition-opacity duration-300 ease-out group-data-[state=open]:opacity-0" }), _jsx(ChevronUp, { size: iconSize, className: "absolute top-0 left-0 text-neutral500 opacity-0 transition-opacity duration-300 ease-out group-data-[state=open]:opacity-100" })] })] }) }), _jsx(Content, { className: contentClassName, children: items.map((opt) => (_jsx(Item, { value: opt.value, children: _jsx(ItemText, { children: opt.label }) }, opt.value))) })] }));
+    return (_jsxs(Root, { value: resolvedValue, defaultValue: defaultValue, onChange: onChange, disabled: disabled, name: name, items: items, variant: variant, color: color, size: size, align: align, children: [_jsx(Trigger, { style: style, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, className: className, children: _jsxs("div", { className: "flex w-full items-center justify-center gap-sm px-3", children: [_jsx(Value, { placeholder: placeholder }), _jsxs("span", { className: "relative shrink-0", style: { width: iconSize, height: iconSize }, children: [_jsx(ChevronDown, { size: iconSize, className: "absolute top-0 left-0 text-neutral500 opacity-100 transition-opacity duration-300 ease-out group-data-[state=open]:opacity-0" }), _jsx(ChevronUp, { size: iconSize, className: "absolute top-0 left-0 text-neutral500 opacity-0 transition-opacity duration-300 ease-out group-data-[state=open]:opacity-100" })] })] }) }), _jsx(Content, { className: contentClassName, children: items.length === 0 ? (
+                // listbox는 option 자식이 필요하다(aria-required-children) — 선택 불가 option으로 둔다.
+                _jsx("li", { role: "option", "aria-disabled": "true", "aria-selected": "false", className: cn(itemVariants({ size: size ?? 'medium', selected: false }), 'cursor-default justify-center py-8 text-neutral500 hover:bg-transparent'), children: emptyMessage })) : (items.map((opt) => (_jsx(Item, { value: opt.value, children: _jsx(ItemText, { children: opt.label }) }, opt.value)))) })] }));
 };
 LDSelect.Root = Root;
 LDSelect.Trigger = Trigger;

package/dist/constants/file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/constants/file.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,uBAAuB;AACvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;AAEjE,eAAO,MAAM,yBAAyB,EAEjC,SAAS,EAAE,CAAC;AAEjB,eAAO,MAAM,0BAA0B,ojBAEtC,CAAC;AAEF,2BAA2B;AAC3B,eAAO,MAAM,0BAA0B,EAAE,SAAS,EAQjD,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,gBAAgB,QAAwB,CAAC"}
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/constants/file.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,uBAAuB;AACvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,eAAe,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;AAEjE,eAAO,MAAM,yBAAyB,EAEjC,SAAS,EAAE,CAAC;AAEjB,eAAO,MAAM,0BAA0B,ojBAEtC,CAAC;AAEF,2BAA2B;AAC3B,eAAO,MAAM,0BAA0B,EAAE,SAAS,EASjD,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,gBAAgB,QAAwB,CAAC"}

package/dist/constants/file.js

@@ -40,6 +40,7 @@ export const SUPPORTED_IMAGE_MIME_TYPES = SUPPORTED_FILE_MIME_TYPES.filter((type
 /** 에디터 툴바 이미지 업로드 허용 형식 */
 export const TOOLBAR_ALLOWED_EXTENSIONS = [
     'application/pdf',
+    'image/gif',
     'image/jpg',
     'image/jpeg',
     'image/png',

package/dist/index.css

@@ -2780,6 +2780,9 @@
   .py-5 {
     padding-block: calc(var(--spacing) * 5);
   }
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
   .py-10 {
     padding-block: calc(var(--spacing) * 10);
   }
@@ -5573,7 +5576,7 @@
   max-width: 100%;
   height: auto !important;
   display: block;
-  margin: 1rem auto;
+  margin: 0 auto;
 }
 .ProseMirror img[style*='text-align: left'] {
   margin-left: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loword/loword-design-system",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "로워드 디자인 시스템 컴포넌트 패키지(Tailwind v4)",
   "keywords": [
     "react",

package/src/styles/components/editor.css

@@ -55,7 +55,7 @@
   max-width: 100%;
   height: auto !important;
   display: block;
-  margin: 1rem auto;
+  margin: 0 auto;
 }
 
 .ProseMirror img[style*='text-align: left'] {