@ncds/ui-admin 1.8.0 → 1.8.2

package/dist/cjs/assets/scripts/imageFileInput/ImageFileInputModel.js

@@ -1,222 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageFileInputModel = void 0;
-var _types = require("./const/types");
-class ImageFileInputModel {
-  constructor(options) {
-    this.internalFiles = [];
-    this.initialFiles = []; // 초기 파일 목록 (렌더링 시점의 파일)
-    this.newlyAddedFiles = new Set(); // 새로 추가된 파일 추적
-    this.deletedInitialFiles = new Set(); // 삭제 표시된 초기 파일들 (파일명으로 추적)
-    this.options = {
-      size: 'sm',
-      multiple: false,
-      buttonLabel: '파일 찾기',
-      imagePreviewTooltipLabel: '이미지 업로드',
-      disabled: false,
-      ...options
-    };
-    // 초기 파일 설정
-    if (this.options.value && this.options.value.length > 0) {
-      this.internalFiles = [...this.options.value];
-      // value로 들어온 File[]은 새로 추가된 파일로 처리 (initialFiles는 별도로 setFiles(UploadedFile[])로 설정)
-    }
-  }
-  /**
-   * 옵션 반환
-   */
-  getOptions() {
-    return this.options;
-  }
-  /**
-   * 현재 파일 목록 반환 (초기 파일 + 새로 추가된 파일, 삭제 표시된 파일 제외)
-   */
-  getFiles() {
-    const newFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
-    // UploadedFile을 File 객체로 변환 (삭제 표시되지 않은 것만)
-    const initialFilesAsFiles = this.initialFiles.filter(uploadedFile => !this.deletedInitialFiles.has(uploadedFile.fileName)).map(uploadedFile => {
-      // UploadedFile을 File 객체로 변환 (빈 데이터지만 이름과 타입 정보 유지)
-      const mimeType = this.getMimeTypeFromFileName(uploadedFile.fileName);
-      return new File([], uploadedFile.fileName, {
-        type: mimeType
-      });
-    });
-    // 초기 파일 + 새로 추가된 파일 합치기
-    return [...initialFilesAsFiles, ...newFiles];
-  }
-  /**
-   * 파일명에서 MIME 타입 추론
-   */
-  getMimeTypeFromFileName(fileName) {
-    const extension = fileName.split('.').pop()?.toLowerCase();
-    const mimeTypes = {
-      jpg: 'image/jpeg',
-      jpeg: 'image/jpeg',
-      png: 'image/png',
-      gif: 'image/gif',
-      webp: 'image/webp',
-      svg: 'image/svg+xml',
-      bmp: 'image/bmp'
-    };
-    return mimeTypes[extension || ''] || 'application/octet-stream';
-  }
-  /**
-   * 초기 업로드된 파일 목록 설정 (UploadedFile[] 타입만 허용)
-   */
-  setFiles(uploadedFiles) {
-    this.initialFiles = [...uploadedFiles];
-  }
-  /**
-   * 파일 추가
-   */
-  addFiles(files) {
-    // maxFileCount가 1이면 기존 파일 교체
-    if (this.options.maxFileCount === 1) {
-      // 기존 초기 파일들을 삭제 표시
-      this.initialFiles.forEach(uploadedFile => {
-        this.deletedInitialFiles.add(uploadedFile.fileName);
-      });
-      // 새로 추가된 파일로 표시
-      files.forEach(file => this.newlyAddedFiles.add(file));
-      const isControlled = this.options.value !== undefined;
-      if (isControlled) {
-        this.options.value = files;
-      } else {
-        this.internalFiles = files;
-      }
-      return;
-    }
-    // getFiles()를 사용하지 않고 새로 추가된 파일만 관리
-    const currentNewFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
-    const newFiles = [...currentNewFiles, ...files];
-    // 새로 추가된 파일로 표시
-    files.forEach(file => this.newlyAddedFiles.add(file));
-    const isControlled = this.options.value !== undefined;
-    if (isControlled) {
-      this.options.value = newFiles;
-    } else {
-      this.internalFiles = newFiles;
-    }
-  }
-  /**
-   * 특정 인덱스의 파일 제거
-   */
-  removeFile(index) {
-    const visibleFiles = this.getFiles(); // 현재 보이는 파일들
-    const fileToRemove = visibleFiles[index];
-    if (!fileToRemove) return;
-    // 초기 파일인지 확인
-    const isInitialFile = this.isInitialFile(fileToRemove);
-    if (isInitialFile) {
-      // 초기 파일: 삭제 표시만 함 (실제 제거하지 않음)
-      this.deletedInitialFiles.add(fileToRemove.name);
-    } else {
-      // 새로 추가된 파일: 실제 제거
-      const currentFiles = this.options.value !== undefined ? this.options.value : this.internalFiles;
-      const newFiles = currentFiles.filter(file => file !== fileToRemove);
-      // newlyAddedFiles Set에서도 제거
-      this.newlyAddedFiles.delete(fileToRemove);
-      const isControlled = this.options.value !== undefined;
-      if (isControlled) {
-        this.options.value = newFiles;
-      } else {
-        this.internalFiles = newFiles;
-      }
-    }
-  }
-  /**
-   * 모든 파일 제거
-   */
-  clearFiles() {
-    // 초기 파일들은 모두 삭제 표시
-    this.initialFiles.forEach(uploadedFile => {
-      this.deletedInitialFiles.add(uploadedFile.fileName);
-    });
-    this.newlyAddedFiles.clear();
-    const isControlled = this.options.value !== undefined;
-    if (isControlled) {
-      this.options.value = [];
-    } else {
-      this.internalFiles = [];
-    }
-  }
-  /**
-   * 파일 유효성 검사
-   */
-  validateFiles(fileList) {
-    const validFiles = [];
-    const invalidFiles = [];
-    const currentFiles = this.getFiles();
-    for (const file of fileList) {
-      // 파일 크기 체크
-      if (this.options.maxFileSize && file.size > this.options.maxFileSize) {
-        invalidFiles.push({
-          ...file,
-          errorType: _types.ImageFileInputErrorType.EXCEED_MAX_FILE_SIZE
-        });
-        continue;
-      }
-      // 파일 개수 체크 (maxFileCount가 1이면 교체 가능하므로 체크하지 않음)
-      if (this.options.maxFileCount && this.options.maxFileCount !== 1 && currentFiles.length + validFiles.length >= this.options.maxFileCount) {
-        invalidFiles.push({
-          ...file,
-          errorType: _types.ImageFileInputErrorType.EXCEED_MAX_FILE_COUNT
-        });
-        continue;
-      }
-      validFiles.push(file);
-    }
-    return {
-      validFiles,
-      invalidFiles
-    };
-  }
-  /**
-   * disabled 상태 설정
-   */
-  setDisabled(disabled) {
-    this.options.disabled = disabled;
-  }
-  /**
-   * disabled 상태 반환
-   */
-  isDisabled() {
-    return this.options.disabled;
-  }
-  /**
-   * Controlled mode 여부 확인
-   * onChange가 있으면 Controlled mode로 판단
-   */
-  isControlled() {
-    return this.options.onChange !== undefined;
-  }
-  /**
-   * 파일이 초기 파일인지 확인 (UploadedFile로 설정된 기존 파일)
-   */
-  isInitialFile(file) {
-    return this.initialFiles.some(uploadedFile => uploadedFile.fileName === file.name);
-  }
-  /**
-   * 파일이 새로 추가된 파일인지 확인
-   */
-  isNewlyAddedFile(file) {
-    return this.newlyAddedFiles.has(file);
-  }
-  /**
-   * 파일이 삭제 표시된 초기 파일인지 확인
-   */
-  isDeletedInitialFile(file) {
-    return this.deletedInitialFiles.has(file.name);
-  }
-  /**
-   * 초기 파일의 이미지 URL 반환
-   */
-  getInitialFileImageUrl(file) {
-    const uploadedFile = this.initialFiles.find(f => f.fileName === file.name);
-    return uploadedFile?.fileImageUrl;
-  }
-}
-exports.ImageFileInputModel = ImageFileInputModel;

package/dist/cjs/assets/scripts/imageFileInput/ImageFileInputView.js

@@ -1,356 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageFileInputView = void 0;
-var _classNames = require("./const/classNames");
-class ImageFileInputView {
-  constructor(options, model) {
-    this.renderedFiles = []; // 이미 렌더링된 파일들 추적
-    this.previewUrls = new Map(); // 파일 URL 추적
-    this.options = options;
-    this.model = model;
-    this.element = this.createElement();
-    this.previewsContainer = this.element.querySelector(`.${_classNames.IMAGE_FILE_INPUT_CLASS_NAMES.previews}`);
-    this.fileInputElement = this.element.querySelector('input[type="file"]');
-    this.buttonElement = this.element.querySelector('button.ncua-btn');
-  }
-  /**
-   * 메인 DOM 요소 생성
-   */
-  createElement() {
-    const mainContainer = document.createElement('div');
-    const baseClasses = `${_classNames.IMAGE_FILE_INPUT_CLASS_NAMES.imageFileInput} ${(0, _classNames.getImageFileInputSizeClassName)(this.options.size)}`;
-    const customClasses = this.options.className ? ` ${this.options.className}` : '';
-    mainContainer.className = baseClasses + customClasses;
-    // Image previews container
-    const previewsContainer = document.createElement('div');
-    previewsContainer.className = _classNames.IMAGE_FILE_INPUT_CLASS_NAMES.previews;
-    mainContainer.appendChild(previewsContainer);
-    // File input container
-    const fileInputContainer = document.createElement('div');
-    const fileInputClasses = `${_classNames.IMAGE_FILE_INPUT_CLASS_NAMES.fileInput} ${(0, _classNames.getFileInputSizeClassName)(this.options.size)}`;
-    fileInputContainer.className = fileInputClasses;
-    // Hidden file input 생성
-    fileInputContainer.appendChild(this.createFileInput());
-    // Input container
-    fileInputContainer.appendChild(this.createInputContainer());
-    // Hint list
-    if (this.options.hintItems && this.options.hintItems.length > 0) {
-      fileInputContainer.appendChild(this.createHintList());
-    }
-    mainContainer.appendChild(fileInputContainer);
-    return mainContainer;
-  }
-  /**
-   * Hidden file input 생성
-   */
-  createFileInput() {
-    const input = document.createElement('input');
-    input.type = 'file';
-    input.hidden = true;
-    input.tabIndex = -1;
-    input.setAttribute('aria-hidden', 'true');
-    input.classList.add('no-filestyle');
-    if (this.options.accept) {
-      input.accept = this.options.accept;
-    }
-    if (this.options.multiple) {
-      input.multiple = true;
-    }
-    if (this.options.fileInputName) {
-      input.name = this.options.fileInputName;
-    }
-    return input;
-  }
-  /**
-   * Input container 생성
-   */
-  createInputContainer() {
-    const container = document.createElement('div');
-    container.className = _classNames.IMAGE_FILE_INPUT_CLASS_NAMES.inputContainer;
-    // Label
-    if (this.options.label) {
-      container.appendChild(this.createLabelContainer());
-    }
-    // Button
-    container.appendChild(this.createButton());
-    // Hint text
-    if (this.options.hintText) {
-      container.appendChild(this.createHintText());
-    }
-    return container;
-  }
-  /**
-   * Label container 생성
-   */
-  createLabelContainer() {
-    const container = document.createElement('div');
-    container.className = _classNames.IMAGE_FILE_INPUT_CLASS_NAMES.label;
-    const label = document.createElement('label');
-    label.className = (0, _classNames.getLabelClassName)(this.options.isRequired);
-    label.textContent = this.options.label;
-    container.appendChild(label);
-    if (this.options.showHelpIcon) {
-      container.appendChild(this.createHelpIcon());
-    }
-    return container;
-  }
-  /**
-   * Help icon 생성
-   */
-  createHelpIcon() {
-    const iconContainer = document.createElement('span');
-    iconContainer.className = _classNames.IMAGE_FILE_INPUT_CLASS_NAMES.helpIcon;
-    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttribute('width', '16');
-    svg.setAttribute('height', '16');
-    svg.setAttribute('viewBox', '0 0 24 24');
-    svg.setAttribute('fill', 'none');
-    svg.setAttribute('stroke', 'currentColor');
-    const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
-    circle.setAttribute('cx', '12');
-    circle.setAttribute('cy', '12');
-    circle.setAttribute('r', '10');
-    circle.setAttribute('stroke-width', '2');
-    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttribute('d', 'M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3');
-    path.setAttribute('stroke-width', '2');
-    path.setAttribute('stroke-linecap', 'round');
-    path.setAttribute('stroke-linejoin', 'round');
-    const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');
-    line.setAttribute('x1', '12');
-    line.setAttribute('y1', '17');
-    line.setAttribute('x2', '12.01');
-    line.setAttribute('y2', '17');
-    line.setAttribute('stroke-width', '2');
-    line.setAttribute('stroke-linecap', 'round');
-    svg.appendChild(circle);
-    svg.appendChild(path);
-    svg.appendChild(line);
-    iconContainer.appendChild(svg);
-    return iconContainer;
-  }
-  /**
-   * Button 생성 (파일 찾기)
-   */
-  createButton() {
-    const button = document.createElement('button');
-    button.type = 'button';
-    button.className = `ncua-btn ncua-btn--xs ncua-btn--secondary-gray`;
-    button.disabled = this.options.disabled;
-    const iconSvg = this.createShareIcon();
-    button.appendChild(iconSvg);
-    const label = document.createElement('span');
-    label.className = 'ncua-btn__label';
-    label.textContent = this.options.buttonLabel;
-    button.appendChild(label);
-    return button;
-  }
-  /**
-   * Share icon (업로드 아이콘) 생성
-   */
-  createShareIcon() {
-    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
-    svg.setAttribute('width', '14');
-    svg.setAttribute('height', '14');
-    svg.setAttribute('viewBox', '0 0 24 24');
-    svg.setAttribute('fill', 'none');
-    svg.setAttribute('stroke', 'none');
-    svg.classList.add('ncua-btn__icon');
-    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path.setAttribute('stroke', 'currentColor');
-    path.setAttribute('stroke-linecap', 'round');
-    path.setAttribute('stroke-linejoin', 'round');
-    path.setAttribute('stroke-width', '2');
-    path.setAttribute('d', 'M21 12v4.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V12m13-5-4-4m0 0L8 7m4-4v12');
-    svg.appendChild(path);
-    return svg;
-  }
-  /**
-   * Trash icon (삭제 아이콘) 생성
-   */
-  createTrashIcon() {
-    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
-    svg.setAttribute('width', '20');
-    svg.setAttribute('height', '20');
-    svg.setAttribute('viewBox', '0 0 24 24');
-    svg.setAttribute('fill', 'none');
-    svg.setAttribute('stroke', 'currentColor');
-    svg.classList.add('ncua-btn__icon');
-    const path1 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-    path1.setAttribute('stroke', 'currentColor');
-    path1.setAttribute('stroke-linecap', 'round');
-    path1.setAttribute('stroke-linejoin', 'round');
-    path1.setAttribute('stroke-width', '2');
-    path1.setAttribute('d', 'M16 6v-.8c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C14.48 2 13.92 2 12.8 2h-1.6c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C8 3.52 8 4.08 8 5.2V6m2 5.5v5m4-5v5M3 6h18m-2 0v11.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C16.72 22 15.88 22 14.2 22H9.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C5 19.72 5 18.88 5 17.2V6');
-    svg.appendChild(path1);
-    return svg;
-  }
-  /**
-   * Hint text 생성
-   */
-  createHintText() {
-    const hintText = document.createElement('div');
-    hintText.className = (0, _classNames.getHintTextClassName)(this.options.destructive);
-    hintText.textContent = this.options.hintText;
-    return hintText;
-  }
-  /**
-   * Hint list 생성
-   * Note: 힌트 리스트는 컴포넌트 size와 관계없이 항상 xs 사이즈로 고정됨
-   */
-  createHintList() {
-    const ul = document.createElement('ul');
-    ul.className = _classNames.IMAGE_FILE_INPUT_CLASS_NAMES.hintList;
-    this.options.hintItems?.forEach(hint => {
-      const li = document.createElement('li');
-      li.className = _classNames.IMAGE_FILE_INPUT_CLASS_NAMES.hintItem;
-      li.textContent = hint;
-      ul.appendChild(li);
-    });
-    return ul;
-  }
-  /**
-   * 이미지 프리뷰 렌더링
-   */
-  renderImagePreviews(files, onRemove, onBrowseClick) {
-    // 기존 프리뷰 정리
-    this.cleanupPreviews();
-    // 새로운 프리뷰 렌더링
-    files.forEach((file, index) => {
-      const previewContainer = this.createImagePreview(file, index, onRemove);
-      this.previewsContainer.appendChild(previewContainer);
-      this.renderedFiles.push(file);
-    });
-    // 빈 슬롯 표시 여부 확인
-    const showEmptySlot = this.options.maxFileCount ? files.length < this.options.maxFileCount : files.length === 0;
-    if (showEmptySlot) {
-      const emptySlot = this.createEmptySlot(onBrowseClick);
-      this.previewsContainer.appendChild(emptySlot);
-    }
-  }
-  /**
-   * 이미지 프리뷰 생성
-   */
-  createImagePreview(file, index, onRemove) {
-    const container = document.createElement('div');
-    container.className = _classNames.IMAGE_FILE_INPUT_CLASS_NAMES.previewContainer;
-    // 이미지 요소 생성
-    const img = document.createElement('img');
-    img.className = _classNames.IMAGE_FILE_INPUT_CLASS_NAMES.previewImage;
-    img.alt = file.name;
-    // 이미지 URL 생성
-    const isInitialFile = this.model.isInitialFile(file);
-    if (isInitialFile) {
-      // 초기 파일: fileImageUrl 사용
-      const imageUrl = this.model.getInitialFileImageUrl(file);
-      if (imageUrl) {
-        img.src = imageUrl;
-      }
-    } else {
-      // 새로 추가된 파일: createObjectURL 사용
-      const url = URL.createObjectURL(file);
-      img.src = url;
-      this.previewUrls.set(file, url);
-    }
-    container.appendChild(img);
-    // 삭제 버튼 생성
-    const removeButton = document.createElement('button');
-    removeButton.type = 'button';
-    removeButton.className = `ncua-btn ncua-btn--sm ncua-btn--text ${_classNames.IMAGE_FILE_INPUT_CLASS_NAMES.previewRemoveButton}`;
-    removeButton.setAttribute('aria-label', 'Remove image');
-    const trashIcon = this.createTrashIcon();
-    removeButton.appendChild(trashIcon);
-    removeButton.addEventListener('click', () => onRemove(index));
-    container.appendChild(removeButton);
-    return container;
-  }
-  /**
-   * 빈 슬롯 생성 (파일 찾기 버튼)
-   */
-  createEmptySlot(onBrowseClick) {
-    const wrapper = document.createElement('div');
-    wrapper.className = 'ncua-image-file-input__empty-slot-wrapper';
-    const button = document.createElement('button');
-    button.type = 'button';
-    button.className = `ncua-btn ncua-btn--${this.options.size} ncua-btn--secondary-gray ${_classNames.IMAGE_FILE_INPUT_CLASS_NAMES.previewContainer}`;
-    button.disabled = this.options.disabled;
-    button.setAttribute('aria-label', this.options.imagePreviewTooltipLabel);
-    button.addEventListener('click', onBrowseClick);
-    wrapper.addEventListener('click', onBrowseClick);
-    wrapper.appendChild(button);
-    // Tooltip 생성 및 추가
-    const tooltip = this.createTooltip();
-    wrapper.appendChild(tooltip);
-    // Hover 이벤트로 tooltip 표시/숨김
-    wrapper.addEventListener('mouseenter', () => {
-      if (!this.options.disabled) {
-        tooltip.style.display = 'block';
-      }
-    });
-    wrapper.addEventListener('mouseleave', () => {
-      tooltip.style.display = 'none';
-    });
-    return wrapper;
-  }
-  /**
-   * Tooltip 생성
-   */
-  createTooltip() {
-    const iconSize = this.options.size === 'xs' ? '48' : '80';
-    const tooltipHTML = `
-      <svg width="${iconSize}" height="${iconSize}" viewBox="0 0 24 24" fill="none" stroke="currentColor" style="opacity: 0; cursor: pointer;">
-        <circle cx="12" cy="12" r="10" stroke-width="2"></circle>
-      </svg>
-      <span class="ncua-tooltip__bg ncua-tooltip__bg--black ncua-tooltip__bg--bottom ncua-tooltip__bg--visible">
-        <span class="ncua-tooltip__content">${this.options.imagePreviewTooltipLabel}</span>
-      </span>
-    `;
-    const tooltip = document.createElement('span');
-    tooltip.className = 'ncua-tooltip ncua-tooltip--sm ncua-tooltip--short';
-    tooltip.style.display = 'none';
-    tooltip.innerHTML = tooltipHTML;
-    return tooltip;
-  }
-  /**
-   * 기존 프리뷰 정리
-   */
-  cleanupPreviews() {
-    // Blob URL 정리
-    this.previewUrls.forEach(url => {
-      URL.revokeObjectURL(url);
-    });
-    this.previewUrls.clear();
-    // DOM 정리
-    this.previewsContainer.innerHTML = '';
-    this.renderedFiles = [];
-  }
-  setButtonDisabled(disabled) {
-    this.buttonElement.disabled = disabled;
-    // 빈 슬롯 wrapper 내부의 버튼도 disabled 설정
-    const emptySlotWrapper = this.previewsContainer.querySelector('.ncua-image-file-input__empty-slot-wrapper');
-    if (emptySlotWrapper) {
-      const emptySlotButton = emptySlotWrapper.querySelector(`.${_classNames.IMAGE_FILE_INPUT_CLASS_NAMES.previewContainer}.ncua-btn`);
-      if (emptySlotButton) {
-        emptySlotButton.disabled = disabled;
-      }
-    }
-  }
-  getElement() {
-    return this.element;
-  }
-  getFileInputElement() {
-    return this.fileInputElement;
-  }
-  getButtonElement() {
-    return this.buttonElement;
-  }
-  destroy() {
-    this.cleanupPreviews();
-  }
-}
-exports.ImageFileInputView = ImageFileInputView;

package/dist/cjs/assets/scripts/imageFileInput/const/classNames.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getLabelClassName = exports.getImageFileInputSizeClassName = exports.getHintTextClassName = exports.getFileInputSizeClassName = exports.getButtonSizeClassName = exports.IMAGE_FILE_INPUT_CLASS_NAMES = void 0;
-// ImageFileInput 관련 CSS 클래스명 상수
-const IMAGE_FILE_INPUT_CLASS_NAMES = exports.IMAGE_FILE_INPUT_CLASS_NAMES = {
-  imageFileInput: 'ncua-image-file-input',
-  previews: 'ncua-image-file-input__previews',
-  previewContainer: 'ncua-image-file-input__preview-container',
-  previewImage: 'ncua-image-file-input__preview-image',
-  previewRemoveButton: 'ncua-image-file-input__preview-remove-button',
-  fileInput: 'ncua-file-input',
-  inputContainer: 'ncua-file-input__input-container',
-  label: 'ncua-file-input__label',
-  helpIcon: 'ncua-input__help-icon',
-  hintText: 'ncua-input__hint-text',
-  hintList: 'ncua-file-input__hint-list',
-  hintItem: 'ncua-file-input__hint-item'
-};
-const getImageFileInputSizeClassName = size => `ncua-image-file-input--${size}`;
-exports.getImageFileInputSizeClassName = getImageFileInputSizeClassName;
-const getFileInputSizeClassName = size => `ncua-file-input--${size}`;
-exports.getFileInputSizeClassName = getFileInputSizeClassName;
-const getButtonSizeClassName = size => `ncua-button--${size}`;
-exports.getButtonSizeClassName = getButtonSizeClassName;
-const getLabelClassName = isRequired => isRequired ? 'ncua-label ncua-label--required' : 'ncua-label';
-exports.getLabelClassName = getLabelClassName;
-const getHintTextClassName = destructive => destructive ? 'ncua-input__hint-text ncua-input__hint-text--destructive' : 'ncua-input__hint-text';
-exports.getHintTextClassName = getHintTextClassName;

package/dist/cjs/assets/scripts/imageFileInput/const/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _classNames = require("./classNames");
-Object.keys(_classNames).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _classNames[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _classNames[key];
-    }
-  });
-});
-var _types = require("./types");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});

package/dist/cjs/assets/scripts/imageFileInput/const/types.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageFileInputErrorType = void 0;
-// ImageFileInput 관련 타입 정의 (React ImageFileInput.tsx와 동일)
-var ImageFileInputErrorType;
-(function (ImageFileInputErrorType) {
-  ImageFileInputErrorType["ALREADY_UPLOADED"] = "ALREADY_UPLOADED";
-  ImageFileInputErrorType["EXCEED_MAX_FILE_SIZE"] = "EXCEED_MAX_FILE_SIZE";
-  ImageFileInputErrorType["EXCEED_MAX_FILE_COUNT"] = "EXCEED_MAX_FILE_COUNT";
-})(ImageFileInputErrorType || (exports.ImageFileInputErrorType = ImageFileInputErrorType = {}));