@ncds/ui-admin 1.8.1 → 1.8.3

package/dist/esm/src/components/tooltip/Tooltip.js

@@ -1,156 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertCircle, AlertCircleFill, HelpCircle, HelpCircleFill } from '@ncds/ui-admin-icon';
-import classNames from 'classnames';
-import { useCallback, useMemo, useRef, useState } from 'react';
-import { ButtonCloseX } from '../button/ButtonCloseX';
-const ICON_SIZE_SM = 14;
-const ICON_SIZE_DEFAULT = 16;
-const MARGIN = 10;
-const DEFAULT_TOOLTIP_WIDTH = 200;
-const DEFAULT_TOOLTIP_HEIGHT = 60;
-const POSITION_PRIORITY = ['bottom', 'top', 'right', 'left'];
-// 수직 위치(top/bottom)일 때 수평 정렬 보정
-const resolveVerticalAlignment = (position, triggerRect, tooltipWidth, viewportWidth) => {
-  const centerX = triggerRect.left + triggerRect.width / 2;
-  const tooltipHalfWidth = tooltipWidth / 2;
-  if (centerX - tooltipHalfWidth < MARGIN) {
-    return `${position}-left`;
-  }
-  if (centerX + tooltipHalfWidth > viewportWidth - MARGIN) {
-    return `${position}-right`;
-  }
-  return position;
-};
-// 해당 위치에 툴팁을 배치할 충분한 공간이 있는지 확인
-const hasEnoughSpace = (position, spaces, tooltipWidth, tooltipHeight) => {
-  const isVertical = position === 'bottom' || position === 'top';
-  const requiredSpace = isVertical ? tooltipHeight : tooltipWidth;
-  return spaces[position] >= requiredSpace + MARGIN;
-};
-// 위치 계산 position='auto' 일 때 사용
-const calculateOptimalPosition = function (triggerElement, tooltipElement) {
-  let preferredPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'bottom';
-  const triggerRect = triggerElement.getBoundingClientRect();
-  const tooltipRect = tooltipElement.getBoundingClientRect();
-  const {
-    innerWidth: viewportWidth,
-    innerHeight: viewportHeight
-  } = window;
-  const spaces = {
-    top: triggerRect.top,
-    bottom: viewportHeight - triggerRect.bottom,
-    left: triggerRect.left,
-    right: viewportWidth - triggerRect.right
-  };
-  const tooltipWidth = tooltipRect.width || DEFAULT_TOOLTIP_WIDTH;
-  const tooltipHeight = tooltipRect.height || DEFAULT_TOOLTIP_HEIGHT;
-  for (const position of POSITION_PRIORITY) {
-    if (!hasEnoughSpace(position, spaces, tooltipWidth, tooltipHeight)) {
-      continue;
-    }
-    const isVertical = position === 'bottom' || position === 'top';
-    if (isVertical) {
-      return resolveVerticalAlignment(position, triggerRect, tooltipWidth, viewportWidth);
-    }
-    return position;
-  }
-  return preferredPosition;
-};
-export const Tooltip = _ref => {
-  let {
-    tooltipType = 'white',
-    iconType = 'stroke',
-    position = 'auto',
-    size = 'sm',
-    title,
-    content,
-    hideArrow = false,
-    type = 'short',
-    iconColor = 'var(--gray-300)',
-    iconStyle = 'help-circle',
-    className
-  } = _ref;
-  const iconSize = size === 'sm' ? ICON_SIZE_SM : ICON_SIZE_DEFAULT;
-  const tooltipRef = useRef(null);
-  const tooltipBgRef = useRef(null);
-  const [calculatedPosition, setCalculatedPosition] = useState(position === 'auto' ? 'bottom' : position);
-  const [isVisible, setIsVisible] = useState(false);
-  const [isManuallyClose, setIsManuallyClose] = useState(false);
-  const [isMeasuring, setIsMeasuring] = useState(false);
-  const handleMouseEnter = useCallback(() => {
-    if (isManuallyClose) return;
-    setIsVisible(true);
-    if (position === 'auto' && tooltipRef.current && tooltipBgRef.current) {
-      // 크기 측정을 위해 임시로 measuring 클래스 추가
-      setIsMeasuring(true);
-      // 다음 렌더링 사이클에서 크기 측정
-      setTimeout(() => {
-        if (tooltipRef.current && tooltipBgRef.current) {
-          const optimalPosition = calculateOptimalPosition(tooltipRef.current, tooltipBgRef.current, 'bottom');
-          setCalculatedPosition(optimalPosition);
-          setIsMeasuring(false);
-        }
-      }, 0);
-    }
-  }, [position, isManuallyClose]);
-  const handleMouseLeave = useCallback(() => {
-    if (type === 'short') {
-      setIsVisible(false);
-    }
-    setIsManuallyClose(false);
-  }, [type]);
-  const handleCloseClick = useCallback(() => {
-    setIsVisible(false);
-    setIsManuallyClose(true);
-  }, []);
-  const finalPosition = position === 'auto' ? calculatedPosition : position;
-  const tooltipClassName = useMemo(() => classNames('ncua-tooltip', `ncua-tooltip--${size}`, `ncua-tooltip--${type}`, {
-    'ncua-tooltip--hidden-arrow': hideArrow,
-    'ncua-tooltip--stroke': iconType === 'stroke',
-    'ncua-tooltip--auto': position === 'auto'
-  }, className), [size, type, hideArrow, iconType, position, className]);
-  const tooltipBgClassName = useMemo(() => classNames('ncua-tooltip__bg', `ncua-tooltip__bg--${tooltipType}`, `ncua-tooltip__bg--${finalPosition}`, {
-    'ncua-tooltip__bg--visible': isVisible,
-    'ncua-tooltip__bg--measuring': isMeasuring,
-    'ncua-tooltip__bg--force-hidden': isManuallyClose
-  }), [tooltipType, finalPosition, isVisible, isMeasuring, isManuallyClose]);
-  return _jsxs("span", {
-    ref: tooltipRef,
-    className: tooltipClassName,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    children: [iconStyle === 'help-circle' && (iconType === 'stroke' ? _jsx(HelpCircle, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    }) : _jsx(HelpCircleFill, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    })), iconStyle === 'alert-circle' && (iconType === 'stroke' ? _jsx(AlertCircle, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    }) : _jsx(AlertCircleFill, {
-      width: iconSize,
-      height: iconSize,
-      color: iconColor
-    })), _jsxs("span", {
-      ref: tooltipBgRef,
-      className: tooltipBgClassName,
-      children: [title && _jsx("span", {
-        className: "ncua-tooltip__title",
-        children: title
-      }), content && _jsx("span", {
-        className: "ncua-tooltip__content",
-        children: content
-      }), type === 'long' && _jsx(ButtonCloseX, {
-        className: "ncua-tooltip__close-button",
-        size: "xs",
-        theme: tooltipType === 'white' ? 'dark' : 'light',
-        onClick: handleCloseClick,
-        "aria-label": "\uD234\uD301 \uB2EB\uAE30"
-      })]
-    })]
-  });
-};

package/dist/esm/src/components/vertical-tab/VerticalTab.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { Select } from '../select/Select';
-import { TabButton } from '../tab/TabButton';
-export const VerticalTab = _ref => {
-  let {
-    type = 'button-primary',
-    breakPoint = 'pc',
-    activeTab,
-    menus,
-    onSelect
-  } = _ref;
-  const handleSelectChange = e => {
-    onSelect?.(e.target.value);
-  };
-  const optionItems = menus?.map(menu => ({
-    id: menu.id || '',
-    label: menu.label || ''
-  })) || [];
-  if (breakPoint === 'mobile') {
-    return _jsx(Select, {
-      value: activeTab,
-      onChange: handleSelectChange,
-      optionItems: optionItems,
-      size: "md"
-    });
-  }
-  return _jsx("div", {
-    className: classNames('ncua-vertical-tab', `ncua-vertical-tab--${type}`),
-    children: menus?.map(menu => {
-      const isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
-      return _jsx(TabButton, {
-        ...menu,
-        isActive: isActive,
-        tabButtonType: type,
-        size: "md"
-      }, menu.id);
-    })
-  });
-};

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

@@ -1,55 +0,0 @@
-import { OptionValue } from '../../src/types';
-import { DropdownOption } from './utils/unifiedBox/dropdownModel';
-import { UnifiedBoxManager } from './utils/unifiedBox/unifiedBoxManager';
-/**
- * SelectBox와 ComboBox의 공통 기능을 담는 베이스 클래스
- */
-export declare abstract class BaseBox {
-    protected element: HTMLElement;
-    protected unifiedSelectBox: UnifiedBoxManager;
-    protected targetSelect: HTMLSelectElement | null;
-    protected isInitializing: boolean;
-    protected lastValue: OptionValue;
-    /** 서브클래스에서 기본 placeholder를 지정 */
-    protected abstract get defaultPlaceholder(): string;
-    constructor(element: HTMLElement);
-    /** 초기화 완료 처리 (서브클래스 생성자 마지막에 호출) */
-    protected completeInitialization(): void;
-    /**
-     * 타겟 select 요소 찾기
-     */
-    protected findTargetSelect(element: HTMLElement): HTMLSelectElement | null;
-    /**
-     * HTML에서 속성 파싱
-     */
-    protected parseAttributesFromHTML(): {
-        placeholder?: string;
-        value?: string;
-        disabled?: boolean;
-        size?: 'xs' | 'sm' | 'md';
-    };
-    /**
-     * 값 변환 훅 - SelectBox에서 originalValue 매핑을 위해 오버라이드
-     * 기본 동작: 그대로 문자열 변환
-     */
-    protected resolveValue(value: string | number): string;
-    /**
-     * 타겟 select와 동기화 (Single 모드)
-     */
-    protected syncWithTargetSelect(value: string | number): void;
-    /**
-     * 타겟 select와 동기화 (Multiple 모드)
-     */
-    protected syncWithTargetSelectMultiple(values: (string | number)[]): void;
-    getOptions(): DropdownOption[];
-    updateOptions(newOptions: DropdownOption[]): void;
-    setDisabled(disabled: boolean): void;
-    open(): void;
-    close(): void;
-    focus(): void;
-    destroy(): void;
-    selectAll(): void;
-    deselectAll(): void;
-    isMultiple(): boolean;
-    toggleSelectAll(): void;
-}

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

@@ -1,140 +0,0 @@
-/**
- * SelectBox와 ComboBox의 공통 기능을 담는 베이스 클래스
- */
-export class BaseBox {
-    constructor(element) {
-        this.targetSelect = null;
-        this.isInitializing = true;
-        this.lastValue = '';
-        this.element = element;
-        this.targetSelect = this.findTargetSelect(element);
-    }
-    /** 초기화 완료 처리 (서브클래스 생성자 마지막에 호출) */
-    completeInitialization() {
-        setTimeout(() => {
-            this.isInitializing = false;
-        }, 0);
-    }
-    /**
-     * 타겟 select 요소 찾기
-     */
-    findTargetSelect(element) {
-        // 1. 직접 select 태그인 경우
-        if (element.tagName === 'SELECT') {
-            return element;
-        }
-        // 2. 자식으로 select 태그가 있는 경우
-        const selectChild = element.querySelector('select');
-        if (selectChild) {
-            return selectChild;
-        }
-        // 3. data-target 속성으로 지정된 경우
-        const targetId = element.getAttribute('data-target');
-        if (targetId) {
-            const targetElement = document.getElementById(targetId);
-            if (targetElement && targetElement.tagName === 'SELECT') {
-                return targetElement;
-            }
-        }
-        return null;
-    }
-    /**
-     * HTML에서 속성 파싱
-     */
-    parseAttributesFromHTML() {
-        const attributes = {};
-        if (this.targetSelect) {
-            // select 요소의 속성들
-            if (this.targetSelect.disabled)
-                attributes.disabled = true;
-            if (this.targetSelect.value)
-                attributes.value = this.targetSelect.value;
-            // placeholder는 첫 번째 빈 option에서 가져오기
-            const firstOption = this.targetSelect.querySelector('option[value=""], option:not([value])');
-            if (firstOption) {
-                attributes.placeholder = firstOption.textContent || this.defaultPlaceholder;
-            }
-        }
-        // 컨테이너 요소의 data 속성들
-        const containerAttributes = this.element.dataset;
-        if (containerAttributes.placeholder)
-            attributes.placeholder = containerAttributes.placeholder;
-        if (containerAttributes.size)
-            attributes.size = containerAttributes.size;
-        if (containerAttributes.disabled === 'true')
-            attributes.disabled = true;
-        return attributes;
-    }
-    /**
-     * 값 변환 훅 - SelectBox에서 originalValue 매핑을 위해 오버라이드
-     * 기본 동작: 그대로 문자열 변환
-     */
-    resolveValue(value) {
-        return String(value);
-    }
-    /**
-     * 타겟 select와 동기화 (Single 모드)
-     */
-    syncWithTargetSelect(value) {
-        if (this.targetSelect) {
-            this.targetSelect.value = this.resolveValue(value);
-            const event = new Event('change', { bubbles: true });
-            this.targetSelect.dispatchEvent(event);
-        }
-    }
-    /**
-     * 타겟 select와 동기화 (Multiple 모드)
-     */
-    syncWithTargetSelectMultiple(values) {
-        if (this.targetSelect && this.targetSelect.multiple) {
-            // 모든 옵션 선택 해제
-            Array.from(this.targetSelect.options).forEach((option) => {
-                option.selected = false;
-            });
-            // 선택된 값들에 해당하는 옵션들 선택
-            values.forEach((value) => {
-                const resolved = this.resolveValue(value);
-                const option = this.targetSelect.querySelector(`option[value="${resolved}"]`);
-                if (option) {
-                    option.selected = true;
-                }
-            });
-            const event = new Event('change', { bubbles: true });
-            this.targetSelect.dispatchEvent(event);
-        }
-    }
-    // UnifiedBoxManager 위임 메서드들
-    getOptions() {
-        return this.unifiedSelectBox.getOptions();
-    }
-    updateOptions(newOptions) {
-        this.unifiedSelectBox.updateOptions(newOptions);
-    }
-    setDisabled(disabled) {
-        this.unifiedSelectBox.setDisabled(disabled);
-    }
-    open() {
-        this.unifiedSelectBox.open();
-    }
-    close() {
-        this.unifiedSelectBox.close();
-    }
-    focus() {
-        this.unifiedSelectBox.focus();
-    }
-    destroy() {
-        this.unifiedSelectBox.destroy();
-    }
-    selectAll() {
-        this.unifiedSelectBox.selectAll();
-    }
-    deselectAll() {
-        this.unifiedSelectBox.deselectAll();
-    }
-    isMultiple() {
-        return this.unifiedSelectBox.isMultiple();
-    }
-    toggleSelectAll() {
-        this.unifiedSelectBox.toggleSelectAll();
-    }
-}

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

@@ -1,60 +0,0 @@
-import type { Size } from '../../constant/size';
-import type { OptionValue } from '../../src/types';
-import { BaseBox } from './baseBox';
-import type { DropdownOption } from './utils/unifiedBox/dropdownModel';
-import { type UnifiedBoxManagerConfig } from './utils/unifiedBox/unifiedBoxManager';
-export interface ComboBoxOptionType {
-    id: string | number;
-    label: string;
-    disabled?: boolean;
-}
-export interface ComboBoxConfig {
-    options?: ComboBoxOptionType[];
-    placeholder?: string;
-    value?: OptionValue;
-    onChange?: (value: OptionValue) => void;
-    onSearch?: (searchValue: string) => void;
-    onEdit?: () => void;
-    onSelectAll?: () => void;
-    onSearchAll?: () => void;
-    onComplete?: () => void;
-    onTagRemove?: (tagId: string | number) => void;
-    onScrollBottom?: () => void;
-    searchDebounceMs?: number;
-    maxHeight?: number;
-    disabled?: boolean;
-    size?: Extract<Size, 'xs' | 'sm'>;
-    multiple?: boolean;
-    showFooterButtons?: boolean;
-    label?: string;
-    required?: boolean;
-}
-export declare class ComboBox extends BaseBox {
-    protected get defaultPlaceholder(): string;
-    constructor(element: HTMLElement, config?: ComboBoxConfig);
-    /**
-     * HTML select에서 옵션 파싱
-     */
-    private parseOptionsFromHTML;
-    getValues(): DropdownOption[];
-    setValues(value: DropdownOption[]): void;
-    clearInput(): void;
-    getDebugInfo(): {
-        config: UnifiedBoxManagerConfig;
-        modelState: any;
-        isOpen: boolean;
-    };
-    getSelectedCount(): number;
-    /**
-     * 드롭다운을 스크롤의 바닥으로 이동
-     */
-    scrollToBottom(): void;
-    /**
-     * 전체 선택 버튼의 텍스트를 외부에서 변경
-     */
-    setSelectAllButtonText(text: string): void;
-    /**
-     * 특정 인덱스의 옵션으로 포커스 이동
-     */
-    setFocusIndex(index: number): void;
-}

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

@@ -1,132 +0,0 @@
-import { BaseBox } from './baseBox';
-import { UnifiedBoxManager } from './utils/unifiedBox/unifiedBoxManager';
-export class ComboBox extends BaseBox {
-    get defaultPlaceholder() {
-        return '검색하고 선택하세요';
-    }
-    constructor(element, config = {}) {
-        super(element);
-        // HTML에서 옵션 파싱 (config.options가 없을 경우)
-        const htmlOptions = this.parseOptionsFromHTML();
-        // JavaScript 옵션을 DropdownOption 형식으로 변환 (이제 구조가 동일하므로 단순 복사)
-        const normalizedOptions = config.options ? [...config.options] : htmlOptions;
-        const finalOptions = normalizedOptions;
-        // HTML에서 속성 파싱
-        const htmlAttributes = this.parseAttributesFromHTML();
-        // 기존 API를 새 API로 변환
-        const unifiedConfig = {
-            ...config,
-            type: 'combobox',
-            multiple: config.multiple ?? false,
-            showFooterButtons: config.showFooterButtons ?? false,
-            onSelectAll: config.onSelectAll,
-            onSearchAll: config.onSearchAll,
-            onComplete: config.onComplete,
-            onScrollBottom: config.onScrollBottom,
-            searchDebounceMs: config.searchDebounceMs,
-            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);
-                }
-                config.onChange?.(value);
-            },
-        };
-        this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
-        this.completeInitialization();
-    }
-    /**
-     * HTML select에서 옵션 파싱
-     */
-    parseOptionsFromHTML() {
-        if (!this.targetSelect)
-            return [];
-        const options = [];
-        const optionElements = this.targetSelect.querySelectorAll('option');
-        optionElements.forEach((optionElement) => {
-            if (optionElement.value) {
-                // value가 있는 옵션만 추가
-                options.push({
-                    id: optionElement.value,
-                    label: optionElement.textContent || optionElement.value,
-                    disabled: optionElement.disabled,
-                });
-            }
-        });
-        return options;
-    }
-    // ComboBox 고유 API
-    getValues() {
-        return this.unifiedSelectBox.getValues();
-    }
-    setValues(value) {
-        // 옵션 객체 배열에서 id 배열로 변환하여 lastValue 비교
-        const ids = value.map((option) => option.id);
-        const valueForComparison = this.unifiedSelectBox.isMultiple() ? ids : ids[0] || '';
-        // 값이 변경되지 않았으면 무시
-        if (JSON.stringify(this.lastValue) === JSON.stringify(valueForComparison)) {
-            return;
-        }
-        this.lastValue = valueForComparison;
-        this.unifiedSelectBox.setValues(value);
-        // setValues 호출 시에도 타겟 select와 동기화
-        if (this.targetSelect) {
-            if (this.unifiedSelectBox.isMultiple()) {
-                this.syncWithTargetSelectMultiple(ids);
-            }
-            else {
-                this.syncWithTargetSelect(ids[0] || '');
-            }
-        }
-    }
-    clearInput() {
-        // UnifiedBoxManager의 handleClearInput과 동일한 로직
-        this.unifiedSelectBox.close();
-    }
-    getDebugInfo() {
-        return this.unifiedSelectBox.getDebugInfo();
-    }
-    getSelectedCount() {
-        const value = this.getValues();
-        if (Array.isArray(value)) {
-            return value.length;
-        }
-        return value ? 1 : 0;
-    }
-    /**
-     * 드롭다운을 스크롤의 바닥으로 이동
-     */
-    scrollToBottom() {
-        this.unifiedSelectBox.scrollToBottom();
-    }
-    /**
-     * 전체 선택 버튼의 텍스트를 외부에서 변경
-     */
-    setSelectAllButtonText(text) {
-        this.unifiedSelectBox.setSelectAllButtonText(text);
-    }
-    /**
-     * 특정 인덱스의 옵션으로 포커스 이동
-     */
-    setFocusIndex(index) {
-        this.unifiedSelectBox.setFocusIndex(index);
-    }
-}

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

@@ -1,86 +0,0 @@
-import { Options as FlatpickrOptions } from 'flatpickr/dist/types/options';
-export type DatePickerSize = 'xs' | 'sm';
-export interface ValidationError {
-    index: number;
-    date: string | Date;
-    minDate?: string | Date;
-    maxDate?: string | Date;
-    violations: Array<'minDate' | 'maxDate'>;
-    previousDate?: string | Date;
-}
-interface Options {
-    buttons?: DatePickerButton[];
-    size: DatePickerSize;
-    autoComplete?: 'on' | 'off';
-    datePickerOptions: DatePickerOptionWrapper[];
-    onValidationError?: (error: ValidationError) => void;
-}
-interface DatePickerOptionWrapper {
-    element: string;
-    attrName?: string;
-    placeholder?: string;
-    options: FlatpickrOptions;
-}
-interface DatePickerButton {
-    text: string;
-    period: number;
-    unit: 'days' | 'weeks' | 'months' | 'years';
-    isCurrent: boolean;
-}
-export declare class DatePicker {
-    private static instanceCounter;
-    private static usedWrappers;
-    private readonly contentWrapper;
-    private readonly datePickerOptions;
-    private readonly size;
-    private readonly instanceId;
-    private separator;
-    private autoComplete;
-    private buttons;
-    private flatpickrInstances;
-    private currentButton;
-    private dateFormat;
-    private onValidationError?;
-    constructor(wrapper: HTMLElement, options: Options);
-    private validateWrapper;
-    private init;
-    private validationDependencies;
-    private initializeWrapper;
-    private initButtonGroup;
-    private createButtonElement;
-    private reRenderButtonGroup;
-    private initDatePicker;
-    private initializeFlatpickr;
-    private createBlurHandler;
-    private setupFlatpickrLocale;
-    private createInputHandler;
-    private findFlatpickrInstanceByInput;
-    private clearInputValue;
-    private restorePreviousDate;
-    private createHourInputHandler;
-    private createMinuteInputHandler;
-    private createMouseDownHandler;
-    private createOnChangeHandler;
-    private invokeOriginalOnChange;
-    private isValidDate;
-    private validateAndRestoreIfNeeded;
-    private findFlatpickrInstanceIndexByInput;
-    private restoreDateToInstance;
-    private createOnReadyHandler;
-    private createOnDestroyHandler;
-    private convertDateOption;
-    private validateDate;
-    private checkDateViolations;
-    setDate(dates: string[]): void;
-    private formatDateForOption;
-    private parseDateWithMultipleFormats;
-    private formatMomentDate;
-    private calculatePeriod;
-    private updateDateWithButton;
-    private setMultipleDates;
-    private updateButtonsByPeriod;
-    private calculateDatesFromButton;
-    private convertFlatpickrFormatToMoment;
-    getDates(): string[];
-}
-export {};