@ncds/ui-admin 1.7.0 → 1.8.0

package/dist/temp/assets/scripts/featuredIcon.js

@@ -1,86 +1,79 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 // React 컴포넌트와 동일하게 구성
-var iconSizeMap = {
+const iconSizeMap = {
     sm: 16,
     md: 20,
     lg: 24,
     xl: 28,
 };
-var FeaturedIcon = /** @class */ (function () {
-    function FeaturedIcon(options) {
-        this.options = __assign({ theme: 'light-circle', color: 'neutral', size: 'sm', className: '' }, options);
+export class FeaturedIcon {
+    constructor(options) {
+        this.options = {
+            theme: 'light-circle',
+            color: 'neutral',
+            size: 'sm',
+            className: '',
+            ...options,
+        };
         this.element = this.createElement();
     }
     // svgString ( ICON SVG ) 을 받아서 요소를 생성
-    FeaturedIcon.prototype.createElement = function () {
-        var _a = this.options, theme = _a.theme, color = _a.color, size = _a.size, className = _a.className, svgString = _a.svgString;
+    createElement() {
+        const { theme, color, size, className, svgString } = this.options;
         // React FeaturedIcon과 동일한 클래스 구조
-        var classes = [
+        const classes = [
             'ncua-featured-icon',
-            "ncua-featured-icon--".concat(theme),
-            "ncua-featured-icon--".concat(color),
-            "ncua-featured-icon--".concat(size),
+            `ncua-featured-icon--${theme}`,
+            `ncua-featured-icon--${color}`,
+            `ncua-featured-icon--${size}`,
         ];
         if (className) {
             classes.push(className);
         }
-        var div = document.createElement('div');
+        const div = document.createElement('div');
         div.className = classes.join(' ');
         // outline-circle 테마일 때 추가 요소들 (React 컴포넌트와 동일)
         if (theme === 'outline-circle') {
-            var innerOutline = document.createElement('div');
+            const innerOutline = document.createElement('div');
             innerOutline.className = 'ncua-featured-icon__outline ncua-featured-icon__outline--inner';
             div.appendChild(innerOutline);
-            var outerOutline = document.createElement('div');
+            const outerOutline = document.createElement('div');
             outerOutline.className = 'ncua-featured-icon__outline ncua-featured-icon__outline--outer';
             div.appendChild(outerOutline);
         }
         // SVG 아이콘 추가
-        var iconSize = iconSizeMap[size];
-        var svgWithSize = this.addSizeToSvg(svgString, iconSize);
+        const iconSize = iconSizeMap[size];
+        const svgWithSize = this.addSizeToSvg(svgString, iconSize);
         div.innerHTML += svgWithSize;
         return div;
-    };
-    FeaturedIcon.prototype.addSizeToSvg = function (svgString, size) {
-        return svgString.replace(/<svg([^>]*)>/, "<svg$1 width=\"".concat(size, "\" height=\"").concat(size, "\">"));
-    };
+    }
+    addSizeToSvg(svgString, size) {
+        return svgString.replace(/<svg([^>]*)>/, `<svg$1 width="${size}" height="${size}">`);
+    }
     // Public methods
-    FeaturedIcon.prototype.getElement = function () {
+    getElement() {
         return this.element;
-    };
-    FeaturedIcon.prototype.updateColor = function (color) {
-        this.element.className = this.element.className.replace(/ncua-featured-icon--(neutral|error|warning|success)/, "ncua-featured-icon--".concat(color));
+    }
+    updateColor(color) {
+        this.element.className = this.element.className.replace(/ncua-featured-icon--(neutral|error|warning|success)/, `ncua-featured-icon--${color}`);
         this.options.color = color;
-    };
-    FeaturedIcon.prototype.updateSize = function (size) {
-        var iconSize = iconSizeMap[size];
-        this.element.className = this.element.className.replace(/ncua-featured-icon--(sm|md|lg|xl)/, "ncua-featured-icon--".concat(size));
-        var svgIcon = this.element.querySelector('svg');
+    }
+    updateSize(size) {
+        const iconSize = iconSizeMap[size];
+        this.element.className = this.element.className.replace(/ncua-featured-icon--(sm|md|lg|xl)/, `ncua-featured-icon--${size}`);
+        const svgIcon = this.element.querySelector('svg');
         if (svgIcon) {
             svgIcon.setAttribute('width', String(iconSize));
             svgIcon.setAttribute('height', String(iconSize));
         }
         this.options.size = size;
-    };
-    FeaturedIcon.prototype.destroy = function () {
+    }
+    destroy() {
         if (this.element.parentNode) {
             this.element.parentNode.removeChild(this.element);
         }
-    };
+    }
     // Static factory method
-    FeaturedIcon.create = function (options) {
+    static create(options) {
         return new FeaturedIcon(options);
-    };
-    return FeaturedIcon;
-}());
-export { FeaturedIcon };
+    }
+}

package/dist/temp/assets/scripts/fileInput/const/classNames.js

@@ -1,5 +1,5 @@
 // FileInput 관련 CSS 클래스명 상수
-export var FILE_INPUT_CLASS_NAMES = {
+export const FILE_INPUT_CLASS_NAMES = {
     fileInput: 'ncua-file-input',
     inputContainer: 'ncua-file-input__input-container',
     label: 'ncua-file-input__label',
@@ -11,10 +11,6 @@ export var FILE_INPUT_CLASS_NAMES = {
     fileTagContainer: 'ncua-file-input__file-tag-container',
     fileImage: 'ncua-file-input__file-image',
 };
-export var getFileInputSizeClassName = function (size) { return "ncua-file-input--".concat(size); };
-export var getLabelClassName = function (isRequired) {
-    return isRequired ? 'ncua-label ncua-label--required' : 'ncua-label';
-};
-export var getHintTextClassName = function (destructive) {
-    return destructive ? 'ncua-input__hint-text ncua-input__hint-text--destructive' : 'ncua-input__hint-text';
-};
+export const getFileInputSizeClassName = (size) => `ncua-file-input--${size}`;
+export const getLabelClassName = (isRequired) => isRequired ? 'ncua-label ncua-label--required' : 'ncua-label';
+export const getHintTextClassName = (destructive) => destructive ? 'ncua-input__hint-text ncua-input__hint-text--destructive' : 'ncua-input__hint-text';

package/dist/temp/assets/scripts/fileInput/fileInput.js

@@ -1,26 +1,24 @@
 import { FileInputModel } from './fileInputModel';
 import { FileInputView } from './fileInputView';
-var FileInput = /** @class */ (function () {
-    function FileInput(options) {
-        var _this = this;
-        this.handleBrowseClick = function () {
-            if (!_this.model.isDisabled()) {
-                _this.view.getFileInputElement().click();
+export class FileInput {
+    constructor(options) {
+        this.handleBrowseClick = () => {
+            if (!this.model.isDisabled()) {
+                this.view.getFileInputElement().click();
             }
         };
-        this.handleFileChange = function (event) {
-            var _a, _b;
-            var target = event.target;
-            var selectedFiles = target.files;
+        this.handleFileChange = (event) => {
+            const target = event.target;
+            const selectedFiles = target.files;
             if (!selectedFiles || selectedFiles.length === 0)
                 return;
-            var _c = _this.model.validateFiles(Array.from(selectedFiles)), validFiles = _c.validFiles, invalidFiles = _c.invalidFiles;
-            var options = _this.model.getOptions();
+            const { validFiles, invalidFiles } = this.model.validateFiles(Array.from(selectedFiles));
+            const options = this.model.getOptions();
             if (validFiles.length > 0) {
-                (_a = options.onChange) === null || _a === void 0 ? void 0 : _a.call(options, validFiles);
+                options.onChange?.(validFiles);
             }
             if (invalidFiles.length > 0) {
-                (_b = options.onFail) === null || _b === void 0 ? void 0 : _b.call(options, invalidFiles);
+                options.onFail?.(invalidFiles);
             }
             target.value = '';
         };
@@ -31,8 +29,8 @@ var FileInput = /** @class */ (function () {
             this.appendToContainer(options.container);
         }
     }
-    FileInput.prototype.appendToContainer = function (container) {
-        var containerElement = null;
+    appendToContainer(container) {
+        let containerElement = null;
         if (typeof container === 'string') {
             containerElement = document.getElementById(container);
             if (!containerElement) {
@@ -46,30 +44,28 @@ var FileInput = /** @class */ (function () {
             containerElement.appendChild(this.getElement());
         }
         else {
-            console.warn("FileInput: Container not found:", container);
+            console.warn(`FileInput: Container not found:`, container);
         }
-    };
-    FileInput.prototype.setupEventListeners = function () {
-        var fileInput = this.view.getFileInputElement();
-        var button = this.view.getButtonElement();
+    }
+    setupEventListeners() {
+        const fileInput = this.view.getFileInputElement();
+        const button = this.view.getButtonElement();
         fileInput.addEventListener('change', this.handleFileChange);
         button.addEventListener('click', this.handleBrowseClick);
-    };
+    }
     // Public API
-    FileInput.prototype.getElement = function () {
+    getElement() {
         return this.view.getElement();
-    };
-    FileInput.prototype.setDisabled = function (disabled) {
+    }
+    setDisabled(disabled) {
         this.model.setDisabled(disabled);
         this.view.setButtonDisabled(disabled);
-    };
-    FileInput.prototype.destroy = function () {
-        var fileInput = this.view.getFileInputElement();
-        var button = this.view.getButtonElement();
+    }
+    destroy() {
+        const fileInput = this.view.getFileInputElement();
+        const button = this.view.getButtonElement();
         fileInput.removeEventListener('change', this.handleFileChange);
         button.removeEventListener('click', this.handleBrowseClick);
         this.view.destroy();
-    };
-    return FileInput;
-}());
-export { FileInput };
+    }
+}

package/dist/temp/assets/scripts/fileInput/fileInputModel.js

@@ -1,45 +1,37 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { FileInputErrorType } from './const/types';
-var FileInputModel = /** @class */ (function () {
-    function FileInputModel(options) {
-        this.options = __assign({ size: 'xs', multiple: false, buttonLabel: '파일 찾기', disabled: false }, options);
+export class FileInputModel {
+    constructor(options) {
+        this.options = {
+            size: 'xs',
+            multiple: false,
+            buttonLabel: '파일 찾기',
+            disabled: false,
+            ...options,
+        };
     }
-    FileInputModel.prototype.getOptions = function () {
+    getOptions() {
         return this.options;
-    };
-    FileInputModel.prototype.validateFiles = function (fileList) {
-        var validFiles = [];
-        var invalidFiles = [];
-        for (var _i = 0, fileList_1 = fileList; _i < fileList_1.length; _i++) {
-            var file = fileList_1[_i];
+    }
+    validateFiles(fileList) {
+        const validFiles = [];
+        const invalidFiles = [];
+        for (const file of fileList) {
             if (this.options.maxFileSize && file.size > this.options.maxFileSize) {
-                invalidFiles.push(__assign(__assign({}, file), { errorType: FileInputErrorType.EXCEED_MAX_FILE_SIZE }));
+                invalidFiles.push({ ...file, errorType: FileInputErrorType.EXCEED_MAX_FILE_SIZE });
                 continue;
             }
             if (this.options.maxFileCount && validFiles.length >= this.options.maxFileCount) {
-                invalidFiles.push(__assign(__assign({}, file), { errorType: FileInputErrorType.EXCEED_MAX_FILE_COUNT }));
+                invalidFiles.push({ ...file, errorType: FileInputErrorType.EXCEED_MAX_FILE_COUNT });
                 continue;
             }
             validFiles.push(file);
         }
-        return { validFiles: validFiles, invalidFiles: invalidFiles };
-    };
-    FileInputModel.prototype.setDisabled = function (disabled) {
+        return { validFiles, invalidFiles };
+    }
+    setDisabled(disabled) {
         this.options.disabled = disabled;
-    };
-    FileInputModel.prototype.isDisabled = function () {
+    }
+    isDisabled() {
         return this.options.disabled;
-    };
-    return FileInputModel;
-}());
-export { FileInputModel };
+    }
+}

package/dist/temp/assets/scripts/fileInput/fileInputView.js

@@ -1,8 +1,14 @@
 import { FILE_INPUT_CLASS_NAMES, getFileInputSizeClassName, getHintTextClassName, getLabelClassName, } from './const/classNames';
-var HELP_ICON_SVG = "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"2\"/>\n  <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n</svg>";
-var SHARE_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"none\" class=\"ncua-btn__icon\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" 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\"/>\n</svg>";
-var FileInputView = /** @class */ (function () {
-    function FileInputView(options) {
+const HELP_ICON_SVG = `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor">
+  <circle cx="12" cy="12" r="10" stroke-width="2"/>
+  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <line x1="12" y1="17" x2="12.01" y2="17" stroke-width="2" stroke-linecap="round"/>
+</svg>`;
+const SHARE_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="none" class="ncua-btn__icon">
+  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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>`;
+export class FileInputView {
+    constructor(options) {
         this.options = options;
         this.element = this.createElement();
         this.fileInputElement = this.element.querySelector('input[type="file"]');
@@ -11,10 +17,10 @@ var FileInputView = /** @class */ (function () {
     /**
      * 메인 DOM 요소 생성
      */
-    FileInputView.prototype.createElement = function () {
-        var container = document.createElement('div');
-        var baseClasses = "".concat(FILE_INPUT_CLASS_NAMES.fileInput, " ").concat(getFileInputSizeClassName(this.options.size));
-        var customClasses = this.options.className ? " ".concat(this.options.className) : '';
+    createElement() {
+        const container = document.createElement('div');
+        const baseClasses = `${FILE_INPUT_CLASS_NAMES.fileInput} ${getFileInputSizeClassName(this.options.size)}`;
+        const customClasses = this.options.className ? ` ${this.options.className}` : '';
         container.className = baseClasses + customClasses;
         // Hidden file input 생성
         container.appendChild(this.createFileInput());
@@ -25,12 +31,12 @@ var FileInputView = /** @class */ (function () {
             container.appendChild(this.createHintList());
         }
         return container;
-    };
+    }
     /**
      * Hidden file input 생성
      */
-    FileInputView.prototype.createFileInput = function () {
-        var input = document.createElement('input');
+    createFileInput() {
+        const input = document.createElement('input');
         input.type = 'file';
         input.hidden = true;
         input.tabIndex = -1;
@@ -43,12 +49,12 @@ var FileInputView = /** @class */ (function () {
             input.multiple = true;
         }
         return input;
-    };
+    }
     /**
      * Input container 생성
      */
-    FileInputView.prototype.createInputContainer = function () {
-        var container = document.createElement('div');
+    createInputContainer() {
+        const container = document.createElement('div');
         container.className = FILE_INPUT_CLASS_NAMES.inputContainer;
         // Label
         if (this.options.label) {
@@ -61,14 +67,14 @@ var FileInputView = /** @class */ (function () {
             container.appendChild(this.createHintText());
         }
         return container;
-    };
+    }
     /**
      * Label container 생성
      */
-    FileInputView.prototype.createLabelContainer = function () {
-        var container = document.createElement('div');
+    createLabelContainer() {
+        const container = document.createElement('div');
         container.className = FILE_INPUT_CLASS_NAMES.label;
-        var label = document.createElement('label');
+        const label = document.createElement('label');
         label.className = getLabelClassName(this.options.isRequired);
         label.textContent = this.options.label;
         container.appendChild(label);
@@ -76,67 +82,64 @@ var FileInputView = /** @class */ (function () {
             container.appendChild(this.createHelpIcon());
         }
         return container;
-    };
+    }
     /**
      * Help icon 생성
      */
-    FileInputView.prototype.createHelpIcon = function () {
-        var iconContainer = document.createElement('span');
+    createHelpIcon() {
+        const iconContainer = document.createElement('span');
         iconContainer.className = FILE_INPUT_CLASS_NAMES.helpIcon;
         iconContainer.innerHTML = HELP_ICON_SVG;
         return iconContainer;
-    };
-    FileInputView.prototype.createButton = function () {
-        var button = document.createElement('button');
+    }
+    createButton() {
+        const button = document.createElement('button');
         button.type = 'button';
-        button.className = "ncua-btn ncua-btn--".concat(this.options.size, " ncua-btn--secondary-gray");
+        button.className = `ncua-btn ncua-btn--${this.options.size} ncua-btn--secondary-gray`;
         button.disabled = this.options.disabled;
         button.insertAdjacentHTML('beforeend', SHARE_ICON_SVG);
-        var label = document.createElement('span');
+        const label = document.createElement('span');
         label.className = 'ncua-btn__label';
         label.textContent = this.options.buttonLabel;
         button.appendChild(label);
         return button;
-    };
+    }
     /**
      * Hint text 생성
      */
-    FileInputView.prototype.createHintText = function () {
-        var hintText = document.createElement('div');
+    createHintText() {
+        const hintText = document.createElement('div');
         hintText.className = getHintTextClassName(this.options.destructive);
         hintText.textContent = this.options.hintText;
         return hintText;
-    };
+    }
     /**
      * Hint list 생성
      */
-    FileInputView.prototype.createHintList = function () {
-        var _a;
-        var ul = document.createElement('ul');
+    createHintList() {
+        const ul = document.createElement('ul');
         ul.className = FILE_INPUT_CLASS_NAMES.hintList;
-        (_a = this.options.hintItems) === null || _a === void 0 ? void 0 : _a.forEach(function (hint) {
-            var li = document.createElement('li');
+        this.options.hintItems?.forEach((hint) => {
+            const li = document.createElement('li');
             li.className = FILE_INPUT_CLASS_NAMES.hintItem;
             li.textContent = hint;
             ul.appendChild(li);
         });
         return ul;
-    };
-    FileInputView.prototype.setButtonDisabled = function (disabled) {
+    }
+    setButtonDisabled(disabled) {
         this.buttonElement.disabled = disabled;
-    };
-    FileInputView.prototype.getElement = function () {
+    }
+    getElement() {
         return this.element;
-    };
-    FileInputView.prototype.getFileInputElement = function () {
+    }
+    getFileInputElement() {
         return this.fileInputElement;
-    };
-    FileInputView.prototype.getButtonElement = function () {
+    }
+    getButtonElement() {
         return this.buttonElement;
-    };
-    FileInputView.prototype.destroy = function () {
+    }
+    destroy() {
         // View 리소스 정리 - 이벤트 리스너는 FileInput에서 관리
-    };
-    return FileInputView;
-}());
-export { FileInputView };
+    }
+}