@team-monolith/cds 1.84.7 → 1.84.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/patterns/LexicalEditor/components/UploadFileDialog/UploadFileDialog.js +2 -2
- package/dist/patterns/LexicalEditor/nodes/FileNode/FileComponent.js +1 -1
- package/dist/patterns/LexicalEditor/nodes/FileNode/FileDownloadButton.js +1 -2
- package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/ComponentAdderPlugin.js +2 -2
- package/dist/patterns/LexicalEditor/plugins/ComponentPickerMenuPlugin/ComponentPickerMenuPlugin.js +2 -2
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
7
7
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
|
-
import { jsx as _jsx
|
|
10
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
11
11
|
/** @jsxImportSource @emotion/react */
|
|
12
12
|
import { useContext, useEffect, useRef } from "react";
|
|
13
13
|
import moment from "moment";
|
|
@@ -53,7 +53,7 @@ export function UploadFileDialog({ open, onClose, onChange, }) {
|
|
|
53
53
|
inputRef.current.click();
|
|
54
54
|
}
|
|
55
55
|
}, [open]);
|
|
56
|
-
return (_jsx(
|
|
56
|
+
return (_jsx(HiddenInput, { ref: inputRef, type: "file", accept: "*", onChange: handleFileChange }));
|
|
57
57
|
}
|
|
58
58
|
const HiddenInput = styled.input `
|
|
59
59
|
display: none;
|
|
@@ -43,7 +43,7 @@ export function FileComponent({ fileName, fileSize, nodeKey, fileUrl, fileUpload
|
|
|
43
43
|
}
|
|
44
44
|
return false;
|
|
45
45
|
}, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW)), [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected]);
|
|
46
|
-
return (_jsx(_Fragment, { children: isEditable ? (_jsx(FileDetailContainer, Object.assign({ isSelected: isSelected }, { children: _jsxs(FileInfo,
|
|
46
|
+
return (_jsx(_Fragment, { children: isEditable ? (_jsx(FileDetailContainer, Object.assign({ isSelected: isSelected, ref: ref }, { children: _jsxs(FileInfo, { children: [_jsx(IconContainer, { children: getFileIcon(fileName) }), _jsx(FileName, { children: _jsx(OverflowTooltip, { text: fileName }) }), _jsx(FileOptionalInfo, { children: fileUploadDate }), _jsxs(FileSize, { children: [(fileSize / (1024 * 1024)).toFixed(1), " MB"] })] }) }))) : (_jsx(FileDownloadButton, { fileName: fileName, fileUrl: fileUrl, fileSize: fileSize })) }));
|
|
47
47
|
}
|
|
48
48
|
export const FileName = styled.div `
|
|
49
49
|
flex: 1;
|
|
@@ -44,8 +44,7 @@ export function FileDownloadButton({ fileName, fileSize, fileUrl, }) {
|
|
|
44
44
|
document.body.removeChild(link);
|
|
45
45
|
URL.revokeObjectURL(blobUrl);
|
|
46
46
|
}
|
|
47
|
-
catch (
|
|
48
|
-
console.error("다운로드 실패:", error);
|
|
47
|
+
catch (_b) {
|
|
49
48
|
showFileError === null || showFileError === void 0 ? void 0 : showFileError("download", "파일을 다운로드할 수 없어요.");
|
|
50
49
|
}
|
|
51
50
|
});
|
|
@@ -156,9 +156,9 @@ export function ComponentAdderPlugin(props) {
|
|
|
156
156
|
const { onDragStart, onDragEnd, targetLineRef } = useDraggableBlockMenu(editor, anchorElem, blockElem, setBlockElem);
|
|
157
157
|
return (_jsxs(_Fragment, { children: [_jsx(InsertImageDialog, { open: imageOpen, title: "\uC774\uBBF8\uC9C0 \uC0BD\uC785\uD558\uAE30", onClose: () => setImageOpen(false), onChange: (props) => {
|
|
158
158
|
editor.dispatchCommand(INSERT_IMAGE_COMMAND, props);
|
|
159
|
-
}, shouldReset: true }),
|
|
159
|
+
}, shouldReset: true }), _jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
|
|
160
160
|
editor.dispatchCommand(UPLOAD_FILE_COMMAND, props);
|
|
161
|
-
} })
|
|
161
|
+
} }), _jsx(LexicalNodeMenuPlugin, { nodeKey: nodeKey, anchorClassName: cssToClassName `
|
|
162
162
|
z-index: ${ZINDEX.DIALOG + 1};
|
|
163
163
|
`, options: filteredOptions, menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current && filteredOptions.length
|
|
164
164
|
? ReactDOM.createPortal(_jsx(ComponentPickerMenuList, { options: filteredOptions, selectedIndex: selectedIndex, selectOptionAndCleanUp: selectOptionAndCleanUp, setHighlightedIndex: setHighlightedIndex }), anchorElementRef.current)
|
package/dist/patterns/LexicalEditor/plugins/ComponentPickerMenuPlugin/ComponentPickerMenuPlugin.js
CHANGED
|
@@ -339,9 +339,9 @@ export function ComponentPickerMenuPlugin(props) {
|
|
|
339
339
|
}, [editor]);
|
|
340
340
|
return (_jsxs(_Fragment, { children: [_jsx(InsertImageDialog, { title: "\uC774\uBBF8\uC9C0 \uC0BD\uC785\uD558\uAE30", open: open, onChange: (props) => {
|
|
341
341
|
editor.dispatchCommand(INSERT_IMAGE_COMMAND, props);
|
|
342
|
-
}, onClose: () => setOpen(false), shouldReset: true }),
|
|
342
|
+
}, onClose: () => setOpen(false), shouldReset: true }), _jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
|
|
343
343
|
editor.dispatchCommand(UPLOAD_FILE_COMMAND, props);
|
|
344
|
-
} })
|
|
344
|
+
} }), _jsx(LexicalTypeaheadMenuPlugin, { onQueryChange: setQueryString, onSelectOption: onSelectOption, triggerFn: checkForTriggerMatch, options: options, anchorClassName: cssToClassName `
|
|
345
345
|
z-index: ${ZINDEX.DIALOG + 1};
|
|
346
346
|
`, menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current && options.length
|
|
347
347
|
? ReactDOM.createPortal(_jsx(ComponentPickerMenuList, { options: options, selectedIndex: selectedIndex, selectOptionAndCleanUp: selectOptionAndCleanUp, setHighlightedIndex: setHighlightedIndex }), anchorElementRef.current)
|