@ncds/ui-admin 1.8.1 → 1.8.2

package/dist/temp/assets/scripts/selectBox.d.ts

@@ -1,50 +0,0 @@
-import { OptionValue } from '../../src/types';
-import { BaseBox } from './baseBox';
-import { DropdownOption } from './utils/unifiedBox/dropdownModel';
-export interface SelectBoxOptionType {
-    id: string | number;
-    text: string;
-    disabled?: boolean;
-}
-export interface SelectBoxConfig {
-    options?: DropdownOption[] | SelectBoxOptionType[];
-    placeholder?: string;
-    value?: OptionValue;
-    onChange?: (value: OptionValue) => void;
-    maxHeight?: number;
-    disabled?: boolean;
-    type?: 'default' | 'simple';
-    size?: 'xs' | 'sm' | 'md';
-    multiple?: boolean;
-    showFooterButtons?: boolean;
-    onEdit?: () => void;
-    onSelectAll?: () => void;
-    onComplete?: () => void;
-}
-export declare class SelectBox extends BaseBox {
-    protected get defaultPlaceholder(): string;
-    constructor(element: HTMLElement, config?: SelectBoxConfig);
-    /**
-     * JavaScript 옵션을 DropdownOption 형식으로 변환
-     */
-    private normalizeOptions;
-    /**
-     * HTML select에서 옵션 파싱
-     */
-    private parseOptionsFromHTML;
-    /**
-     * 값 변환 - originalValue 매핑
-     */
-    protected resolveValue(value: string | number): string;
-    /**
-     * ID로부터 실제 HTML select의 value 값을 가져오기
-     */
-    private getRealValueFromId;
-    /**
-     * 실제 HTML select의 value 값으로부터 내부 ID를 가져오기
-     */
-    private getIdFromRealValue;
-    getValues(): DropdownOption[];
-    setValues(value: DropdownOption[]): void;
-    getSelectedCount(): number;
-}

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

@@ -1,170 +0,0 @@
-import { BaseBox } from './baseBox';
-import { UnifiedBoxManager } from './utils/unifiedBox/unifiedBoxManager';
-export class SelectBox extends BaseBox {
-    get defaultPlaceholder() {
-        return '선택하세요';
-    }
-    constructor(element, config = {}) {
-        super(element);
-        // HTML에서 옵션 파싱 (config.options가 없을 경우)
-        const htmlOptions = this.parseOptionsFromHTML();
-        // JavaScript 옵션을 DropdownOption 형식으로 변환
-        const normalizedOptions = config.options ? this.normalizeOptions(config.options) : htmlOptions;
-        const finalOptions = normalizedOptions;
-        // HTML에서 속성 파싱
-        const htmlAttributes = this.parseAttributesFromHTML();
-        // 기존 API를 새 API로 변환
-        const unifiedConfig = {
-            ...config,
-            type: 'selectbox',
-            multiple: config.multiple ?? false,
-            showFooterButtons: config.showFooterButtons ?? false,
-            onEdit: config.onEdit,
-            onSelectAll: config.onSelectAll,
-            onComplete: config.onComplete,
-            options: finalOptions,
-            placeholder: config.placeholder || htmlAttributes.placeholder || this.defaultPlaceholder,
-            value: config.value ?? htmlAttributes.value ?? (config.multiple ? [] : ''),
-            disabled: config.disabled ?? htmlAttributes.disabled ?? false,
-            size: config.size || htmlAttributes.size || 'md',
-            onChange: (value) => {
-                // 초기화 중에는 동기화하지 않음 (무한 루프 방지)
-                if (this.isInitializing) {
-                    this.lastValue = value; // 초기값 저장
-                    return;
-                }
-                // 값이 실제로 변경되지 않았으면 동기화 생략 (무한 루프 방지)
-                if (JSON.stringify(this.lastValue) === JSON.stringify(value)) {
-                    return;
-                }
-                this.lastValue = value; // 새 값 저장
-                // 타겟 select와 동기화
-                if (config.multiple) {
-                    this.syncWithTargetSelectMultiple(value);
-                }
-                else {
-                    this.syncWithTargetSelect(value);
-                }
-                // onChange 콜백에는 실제 value를 전달
-                const realValue = config.multiple
-                    ? value.map((v) => this.getRealValueFromId(v))
-                    : this.getRealValueFromId(value);
-                config.onChange?.(realValue);
-            },
-        };
-        this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
-        this.completeInitialization();
-    }
-    /**
-     * JavaScript 옵션을 DropdownOption 형식으로 변환
-     */
-    normalizeOptions(options) {
-        return options.map((option) => {
-            // 이미 DropdownOption 형식인 경우
-            if ('label' in option) {
-                return option;
-            }
-            // SelectBoxOptionType 형식인 경우 (text -> label 변환)
-            const selectBoxOption = option;
-            return {
-                id: selectBoxOption.id,
-                label: selectBoxOption.text,
-                disabled: selectBoxOption.disabled,
-            };
-        });
-    }
-    /**
-     * HTML select에서 옵션 파싱
-     */
-    parseOptionsFromHTML() {
-        if (!this.targetSelect)
-            return [];
-        const options = [];
-        const optionElements = this.targetSelect.querySelectorAll('option');
-        // 빈 값 옵션 개수 확인 (최적화를 위해)
-        const emptyValueCount = Array.from(optionElements).filter((opt) => opt.value === '').length;
-        optionElements.forEach((optionElement, index) => {
-            const optionValue = optionElement.value;
-            // 빈 값 옵션이 1개뿐이면 단순 처리, 여러 개면 고유 ID 생성
-            let optionId;
-            if (optionValue !== '') {
-                optionId = optionValue;
-            }
-            else if (emptyValueCount === 1) {
-                // 빈 값 옵션이 하나뿐이면 그냥 빈 문자열 사용 (단순화)
-                optionId = '';
-            }
-            else {
-                // 빈 값 옵션이 여러 개면 고유 ID 생성 (구분 필요)
-                optionId = `__empty_option_${index}`;
-            }
-            options.push({
-                id: optionId,
-                label: optionElement.textContent || optionElement.value || this.defaultPlaceholder,
-                disabled: optionElement.disabled,
-                // 원본 value 저장 (동기화를 위해)
-                originalValue: optionValue,
-            });
-        });
-        return options;
-    }
-    /**
-     * 값 변환 - originalValue 매핑
-     */
-    resolveValue(value) {
-        return this.getRealValueFromId(value);
-    }
-    /**
-     * ID로부터 실제 HTML select의 value 값을 가져오기
-     */
-    getRealValueFromId(id) {
-        const options = this.unifiedSelectBox.getOptions();
-        const option = options.find((opt) => opt.id === id);
-        // originalValue가 있으면 그것을 사용, 없으면 id를 문자열로 변환
-        return option?.originalValue !== undefined ? option.originalValue : String(id);
-    }
-    /**
-     * 실제 HTML select의 value 값으로부터 내부 ID를 가져오기
-     */
-    getIdFromRealValue(value) {
-        const options = this.unifiedSelectBox.getOptions();
-        const option = options.find((opt) => opt.originalValue === String(value));
-        // originalValue가 일치하는 옵션을 찾으면 그 ID를 반환, 없으면 value 그대로 반환
-        return option ? option.id : value;
-    }
-    // SelectBox 고유 API
-    getValues() {
-        const internalValue = this.unifiedSelectBox.getValues();
-        return internalValue.map((option) => ({
-            ...option,
-            id: this.getRealValueFromId(option.id),
-        }));
-    }
-    setValues(value) {
-        const internalValue = value.map((v) => this.getIdFromRealValue(v.id));
-        if (JSON.stringify(this.lastValue) === JSON.stringify(internalValue)) {
-            return;
-        }
-        this.lastValue = internalValue;
-        // id 배열을 옵션 객체 배열로 변환
-        const allOptions = this.unifiedSelectBox.getOptions();
-        const optionArray = internalValue
-            .map((id) => allOptions.find((opt) => opt.id === id))
-            .filter((opt) => opt !== undefined);
-        this.unifiedSelectBox.setValues(optionArray);
-        // setValues 호출 시에도 타겟 select와 동기화
-        if (this.targetSelect) {
-            if (this.unifiedSelectBox.isMultiple()) {
-                this.syncWithTargetSelectMultiple(internalValue);
-            }
-            else {
-                // 단일 선택 모드인 경우 첫 번째 값만 사용
-                this.syncWithTargetSelect(internalValue[0] || '');
-            }
-        }
-    }
-    getSelectedCount() {
-        const values = this.getValues();
-        return values.length;
-    }
-}

package/dist/temp/assets/scripts/shared/ButtonCloseX.d.ts

@@ -1,5 +0,0 @@
-export type ButtonCloseXSize = 'xs' | 'sm' | 'md' | 'lg';
-export type ButtonCloseXTheme = 'dark' | 'light';
-export declare const SVG_SIZE: Record<ButtonCloseXSize, number>;
-export declare const X_CLOSE_SVG: (size: string) => string;
-export declare function ButtonCloseX(size: ButtonCloseXSize, theme?: ButtonCloseXTheme, additionalClasses?: string, ariaLabel?: string, onClick?: () => void): string;

package/dist/temp/assets/scripts/shared/ButtonCloseX.js

@@ -1,33 +0,0 @@
-// 공통 X버튼 로직 (React ButtonCloseX 컴포넌트와 동일한 구조)
-// React ButtonCloseX와 동일한 SVG 사이즈 매핑
-export const SVG_SIZE = {
-    xs: 16,
-    sm: 20,
-    md: 20,
-    lg: 24,
-};
-// X버튼 SVG 아이콘
-export const X_CLOSE_SVG = (size) => `<svg width="${size}" height="${size}" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-  </svg>`;
-// X버튼 렌더링 유틸리티 (React ButtonCloseX와 동일한 인터페이스)
-export function ButtonCloseX(size, theme = 'light', additionalClasses = '', ariaLabel = '닫기', onClick) {
-    const svgSize = SVG_SIZE[size];
-    const buttonId = `close-btn-${Math.random().toString(36).substr(2, 9)}`;
-    const buttonHTML = `
-    <button type="button" id="${buttonId}" class="ncua-button-close-x ncua-button-close-x--${size} ncua-button-close-x--${theme} ${additionalClasses}" aria-label="${ariaLabel}">
-      ${X_CLOSE_SVG(svgSize.toString())}
-    </button>
-  `;
-    // onClick이 제공된 경우 이벤트 바인딩
-    if (onClick) {
-        // DOM에 추가된 후 이벤트 바인딩을 위해 setTimeout 사용
-        setTimeout(() => {
-            const button = document.getElementById(buttonId);
-            if (button) {
-                button.addEventListener('click', onClick);
-            }
-        }, 0);
-    }
-    return buttonHTML;
-}

package/dist/temp/assets/scripts/tab.d.ts

@@ -1,7 +0,0 @@
-export declare class Tab {
-    private element;
-    private swiper;
-    constructor(element: HTMLElement | null);
-    private init;
-    destroy(): void;
-}

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

@@ -1,33 +0,0 @@
-import { Swiper } from 'swiper';
-export class Tab {
-    constructor(element) {
-        this.swiper = null;
-        if (!element) {
-            throw new Error('Tab element is required');
-        }
-        if (!(element instanceof HTMLElement)) {
-            throw new Error('Invalid element type provided to Tab');
-        }
-        this.element = element;
-        this.init();
-    }
-    init() {
-        this.swiper = new Swiper(this.element, {
-            slidesPerView: 'auto',
-            spaceBetween: 8,
-            grabCursor: true,
-            loop: false,
-            freeMode: {
-                enabled: true,
-                sticky: false,
-            },
-            mousewheel: true,
-        });
-    }
-    destroy() {
-        if (this.swiper) {
-            this.swiper.destroy();
-            this.swiper = null;
-        }
-    }
-}

package/dist/temp/assets/scripts/table/Table.d.ts

@@ -1,41 +0,0 @@
-import type { TableOptions } from './const/types';
-export declare class Table {
-    private element;
-    private tableElement;
-    private theadElement;
-    private tbodyElement;
-    private options;
-    private sortState;
-    private selectedIndices;
-    private abortController;
-    constructor(options: TableOptions);
-    private createElement;
-    private createOuterElement;
-    private createTableElement;
-    private wrapWithScrollContainer;
-    private updateOuterClasses;
-    private createColGroup;
-    private createHeader;
-    private createHeaderCheckboxCell;
-    private createHeaderDataCell;
-    private renderBody;
-    private renderEmptyState;
-    private renderHorizontalBody;
-    private createRowCheckboxCell;
-    private createHorizontalRow;
-    private renderVerticalBody;
-    private createVerticalRow;
-    private createVerticalValueCell;
-    private handleSort;
-    private getNextSortDirection;
-    private updateSortIcons;
-    private getAriaSortValue;
-    private handleSelectAll;
-    private handleRowSelect;
-    private updateRowSelectionStyles;
-    private updateHeaderCheckbox;
-    getElement(): HTMLDivElement;
-    setData(data: Record<string, unknown>[]): void;
-    getSelectedIndices(): number[];
-    destroy(): void;
-}