sag_components 2.0.0-beta6 → 2.0.0-beta61

package/dist/types/components/FilterPanel/FilterPanel.stories.d.ts

@@ -1,824 +1,172 @@
-declare namespace _default {
-    export const title: string;
-    export { FilterPanel as component };
-    export const tags: string[];
-    export namespace argTypes {
-        namespace width {
-            const name: string;
-            namespace control {
-                const type: string;
-            }
-            const description: string;
-        }
-        namespace height {
-            const name_1: string;
-            export { name_1 as name };
-            export namespace control_1 {
-                const type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            const description_1: string;
-            export { description_1 as description };
-        }
-        namespace borderColor {
-            const name_2: string;
-            export { name_2 as name };
-            const description_2: string;
-            export { description_2 as description };
-            export namespace control_2 {
-                const type_2: string;
-                export { type_2 as type };
-                export const presetColors: string[];
-            }
-            export { control_2 as control };
-        }
-        namespace okButtonBackgroundColor {
-            const name_3: string;
-            export { name_3 as name };
-            const description_3: string;
-            export { description_3 as description };
-            export namespace control_3 {
-                const type_3: string;
-                export { type_3 as type };
-                const presetColors_1: string[];
-                export { presetColors_1 as presetColors };
-            }
-            export { control_3 as control };
-        }
-        namespace okButtonHoverColor {
-            const name_4: string;
-            export { name_4 as name };
-            const description_4: string;
-            export { description_4 as description };
-            export namespace control_4 {
-                const type_4: string;
-                export { type_4 as type };
-                const presetColors_2: string[];
-                export { presetColors_2 as presetColors };
-            }
-            export { control_4 as control };
-        }
-        namespace resetButtonBackgroundColor {
-            const name_5: string;
-            export { name_5 as name };
-            const description_5: string;
-            export { description_5 as description };
-            export namespace control_5 {
-                const type_5: string;
-                export { type_5 as type };
-                const presetColors_3: string[];
-                export { presetColors_3 as presetColors };
-            }
-            export { control_5 as control };
-        }
-        namespace resetButtonHoverColor {
-            const name_6: string;
-            export { name_6 as name };
-            const description_6: string;
-            export { description_6 as description };
-            export namespace control_6 {
-                const type_6: string;
-                export { type_6 as type };
-                const presetColors_4: string[];
-                export { presetColors_4 as presetColors };
-            }
-            export { control_6 as control };
-        }
-        namespace onOkClick {
-            const name_7: string;
-            export { name_7 as name };
-            export const action: string;
-            const description_7: string;
-            export { description_7 as description };
-        }
-        namespace onResetClick {
-            const name_8: string;
-            export { name_8 as name };
-            const action_1: string;
-            export { action_1 as action };
-            const description_8: string;
-            export { description_8 as description };
-        }
-        namespace onItemValueChanged {
-            const name_9: string;
-            export { name_9 as name };
-            const action_2: string;
-            export { action_2 as action };
-            const description_9: string;
-            export { description_9 as description };
-        }
-        namespace fieldsData {
-            const description_10: string;
-            export { description_10 as description };
-        }
-        namespace disableOKButton {
-            const name_10: string;
-            export { name_10 as name };
-            export namespace control_7 {
-                const type_7: string;
-                export { type_7 as type };
-            }
-            export { control_7 as control };
-            const description_11: string;
-            export { description_11 as description };
-        }
-        namespace className {
-            const name_11: string;
-            export { name_11 as name };
-            export namespace control_8 {
-                const type_8: string;
-                export { type_8 as type };
-            }
-            export { control_8 as control };
-            const description_12: string;
-            export { description_12 as description };
-        }
-        namespace showShadow {
-            const name_12: string;
-            export { name_12 as name };
-            export namespace control_9 {
-                const type_9: string;
-                export { type_9 as type };
-            }
-            export { control_9 as control };
-            const description_13: string;
-            export { description_13 as description };
-        }
-        namespace tooltipTextGoButton {
-            const name_13: string;
-            export { name_13 as name };
-            export namespace control_10 {
-                const type_10: string;
-                export { type_10 as type };
-            }
-            export { control_10 as control };
-            const description_14: string;
-            export { description_14 as description };
-        }
-    }
-}
-export default _default;
-export function DisableOKButton(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace DisableOKButton {
-    namespace args {
-        export { NewItemCenterData as fieldsData };
-        const width_1: string;
-        export { width_1 as width };
-        const height_1: string;
-        export { height_1 as height };
-        const okButtonBackgroundColor_1: string;
-        export { okButtonBackgroundColor_1 as okButtonBackgroundColor };
-        const okButtonHoverColor_1: string;
-        export { okButtonHoverColor_1 as okButtonHoverColor };
-        const resetButtonHoverColor_1: string;
-        export { resetButtonHoverColor_1 as resetButtonHoverColor };
-        const borderColor_1: string;
-        export { borderColor_1 as borderColor };
-        const disableOKButton_1: boolean;
-        export { disableOKButton_1 as disableOKButton };
-        const tooltipTextGoButton_1: string;
-        export { tooltipTextGoButton_1 as tooltipTextGoButton };
-    }
-}
-export function MultiDropdown(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace MultiDropdown {
-    export namespace args_1 {
-        export { NewItemCenterMultiData as fieldsData };
-        const width_2: string;
-        export { width_2 as width };
-        const height_2: string;
-        export { height_2 as height };
-        const okButtonBackgroundColor_2: string;
-        export { okButtonBackgroundColor_2 as okButtonBackgroundColor };
-        const okButtonHoverColor_2: string;
-        export { okButtonHoverColor_2 as okButtonHoverColor };
-        const resetButtonHoverColor_2: string;
-        export { resetButtonHoverColor_2 as resetButtonHoverColor };
-        const borderColor_2: string;
-        export { borderColor_2 as borderColor };
-        const disableOKButton_2: boolean;
-        export { disableOKButton_2 as disableOKButton };
-    }
-    export { args_1 as args };
-}
-export function FilterPanelBlue(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace FilterPanelBlue {
-    export namespace args_2 {
-        export { NewItemCenterData as fieldsData };
-        const width_3: string;
-        export { width_3 as width };
-        const height_3: string;
-        export { height_3 as height };
-        const okButtonBackgroundColor_3: string;
-        export { okButtonBackgroundColor_3 as okButtonBackgroundColor };
-        const okButtonHoverColor_3: string;
-        export { okButtonHoverColor_3 as okButtonHoverColor };
-        const resetButtonHoverColor_3: string;
-        export { resetButtonHoverColor_3 as resetButtonHoverColor };
-        const borderColor_3: string;
-        export { borderColor_3 as borderColor };
-        const disableOKButton_3: boolean;
-        export { disableOKButton_3 as disableOKButton };
-        const tooltipTextGoButton_2: string;
-        export { tooltipTextGoButton_2 as tooltipTextGoButton };
-    }
-    export { args_2 as args };
-}
-export function NewItemCenterEventsPage(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace NewItemCenterEventsPage {
-    export namespace args_3 {
-        export { NewItemCenterData as fieldsData };
-        const width_4: string;
-        export { width_4 as width };
-        const height_4: string;
-        export { height_4 as height };
-        const okButtonBackgroundColor_4: string;
-        export { okButtonBackgroundColor_4 as okButtonBackgroundColor };
-        const okButtonHoverColor_4: string;
-        export { okButtonHoverColor_4 as okButtonHoverColor };
-        const resetButtonHoverColor_4: string;
-        export { resetButtonHoverColor_4 as resetButtonHoverColor };
-        const borderColor_4: string;
-        export { borderColor_4 as borderColor };
-        const disableOKButton_4: boolean;
-        export { disableOKButton_4 as disableOKButton };
-    }
-    export { args_3 as args };
-}
-export function FilterQuatertlyReport(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace FilterQuatertlyReport {
-    export namespace args_4 {
-        export { QuatertlyData as fieldsData };
-        const width_5: string;
-        export { width_5 as width };
-        const height_5: string;
-        export { height_5 as height };
-        const okButtonBackgroundColor_5: string;
-        export { okButtonBackgroundColor_5 as okButtonBackgroundColor };
-        const okButtonHoverColor_5: string;
-        export { okButtonHoverColor_5 as okButtonHoverColor };
-        const resetButtonHoverColor_5: string;
-        export { resetButtonHoverColor_5 as resetButtonHoverColor };
-        const borderColor_5: string;
-        export { borderColor_5 as borderColor };
-        const disableOKButton_5: boolean;
-        export { disableOKButton_5 as disableOKButton };
-        export const availableQuarters: string[];
-        export const availableMonths: string[];
-        export const availableYears: string[];
-    }
-    export { args_4 as args };
-}
-export function NoXClearOptionPage(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace NoXClearOptionPage {
-    export namespace args_5 {
-        export { NewItemCenterNoShowXClearOptionData as fieldsData };
-        const width_6: string;
-        export { width_6 as width };
-        const height_6: string;
-        export { height_6 as height };
-        const okButtonBackgroundColor_6: string;
-        export { okButtonBackgroundColor_6 as okButtonBackgroundColor };
-        const okButtonHoverColor_6: string;
-        export { okButtonHoverColor_6 as okButtonHoverColor };
-        const resetButtonHoverColor_6: string;
-        export { resetButtonHoverColor_6 as resetButtonHoverColor };
-        const borderColor_6: string;
-        export { borderColor_6 as borderColor };
-        const disableOKButton_6: boolean;
-        export { disableOKButton_6 as disableOKButton };
-    }
-    export { args_5 as args };
-}
-export function PeriodPickerWithInitialValueDaterange(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PeriodPickerWithInitialValueDaterange {
-    export namespace args_6 {
-        export { PeriodPickerWithInitialDaterangeData as fieldsData };
-        const width_7: string;
-        export { width_7 as width };
-        const height_7: string;
-        export { height_7 as height };
-        const okButtonBackgroundColor_7: string;
-        export { okButtonBackgroundColor_7 as okButtonBackgroundColor };
-        const okButtonHoverColor_7: string;
-        export { okButtonHoverColor_7 as okButtonHoverColor };
-        const resetButtonHoverColor_7: string;
-        export { resetButtonHoverColor_7 as resetButtonHoverColor };
-        const borderColor_7: string;
-        export { borderColor_7 as borderColor };
-        const disableOKButton_7: boolean;
-        export { disableOKButton_7 as disableOKButton };
-        export const useExternalFilterState: boolean;
-    }
-    export { args_6 as args };
-}
-export function PeriodPickerWithInitialValueQuarter(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PeriodPickerWithInitialValueQuarter {
-    export namespace args_7 {
-        export { PeriodPickerWithInitialQuarterData as fieldsData };
-        const width_8: string;
-        export { width_8 as width };
-        const height_8: string;
-        export { height_8 as height };
-        const okButtonBackgroundColor_8: string;
-        export { okButtonBackgroundColor_8 as okButtonBackgroundColor };
-        const okButtonHoverColor_8: string;
-        export { okButtonHoverColor_8 as okButtonHoverColor };
-        const resetButtonHoverColor_8: string;
-        export { resetButtonHoverColor_8 as resetButtonHoverColor };
-        const borderColor_8: string;
-        export { borderColor_8 as borderColor };
-        const disableOKButton_8: boolean;
-        export { disableOKButton_8 as disableOKButton };
-        const useExternalFilterState_1: boolean;
-        export { useExternalFilterState_1 as useExternalFilterState };
-    }
-    export { args_7 as args };
-}
-export function PeriodPickerWithInitialValueMonth(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PeriodPickerWithInitialValueMonth {
-    export namespace args_8 {
-        export { PeriodPickerWithInitialMonthData as fieldsData };
-        const width_9: string;
-        export { width_9 as width };
-        const height_9: string;
-        export { height_9 as height };
-        const okButtonBackgroundColor_9: string;
-        export { okButtonBackgroundColor_9 as okButtonBackgroundColor };
-        const okButtonHoverColor_9: string;
-        export { okButtonHoverColor_9 as okButtonHoverColor };
-        const resetButtonHoverColor_9: string;
-        export { resetButtonHoverColor_9 as resetButtonHoverColor };
-        const borderColor_9: string;
-        export { borderColor_9 as borderColor };
-        const disableOKButton_9: boolean;
-        export { disableOKButton_9 as disableOKButton };
-        const useExternalFilterState_2: boolean;
-        export { useExternalFilterState_2 as useExternalFilterState };
-    }
-    export { args_8 as args };
-}
-export function PeriodPickerWithInitialValueYear(args: any): import("react/jsx-runtime").JSX.Element;
-export namespace PeriodPickerWithInitialValueYear {
-    export namespace args_9 {
-        export { PeriodPickerWithInitialYearData as fieldsData };
-        const width_10: string;
-        export { width_10 as width };
-        const height_10: string;
-        export { height_10 as height };
-        const okButtonBackgroundColor_10: string;
-        export { okButtonBackgroundColor_10 as okButtonBackgroundColor };
-        const okButtonHoverColor_10: string;
-        export { okButtonHoverColor_10 as okButtonHoverColor };
-        const resetButtonHoverColor_10: string;
-        export { resetButtonHoverColor_10 as resetButtonHoverColor };
-        const borderColor_10: string;
-        export { borderColor_10 as borderColor };
-        const disableOKButton_10: boolean;
-        export { disableOKButton_10 as disableOKButton };
-        const useExternalFilterState_3: boolean;
-        export { useExternalFilterState_3 as useExternalFilterState };
-        const showShadow_1: boolean;
-        export { showShadow_1 as showShadow };
-    }
-    export { args_9 as args };
-}
-import FilterPanel from "./FilterPanel";
-declare const NewItemCenterData: ({
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    xIconShow: boolean;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    defaultValue: {
-        value: string;
-        label: string;
-    }[];
-    showInfo?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    xIconShow?: undefined;
-    defaultValue?: undefined;
-    showInfo?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    showInfo: boolean;
-    placeHolder: string;
-    xIconShow?: undefined;
-    dropdownOptions?: undefined;
-    defaultValue?: undefined;
-})[];
-declare const NewItemCenterMultiData: ({
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    xIconShow: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    defaultValue: {
-        value: string;
-        label: string;
-    }[];
-    showInfo?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    xIconShow?: undefined;
-    defaultValue?: undefined;
-    showInfo?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    showInfo: boolean;
-    placeHolder: string;
-    xIconShow?: undefined;
-    dropdownOptions?: undefined;
-    defaultValue?: undefined;
-})[];
-declare const QuatertlyData: ({
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    xIconShow: boolean;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    availableYears?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    xIconShow?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    availableYears?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    availableQuarters: string[];
-    availableMonths: string[];
-    availableYears: string[];
-    defaultValueYears: {
-        value: string;
-        label: string;
-    };
-    xIconShow?: undefined;
-})[];
-declare const NewItemCenterNoShowXClearOptionData: ({
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    xIconShow: boolean;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    defaultValue: {
-        value: string;
-        label: string;
-    }[];
-    showInfo?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    xIconShow: boolean;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    defaultValue?: undefined;
-    showInfo?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    showInfo: boolean;
-    placeHolder: string;
-    xIconShow?: undefined;
-    dropdownOptions?: undefined;
-    defaultValue?: undefined;
-})[];
-declare const PeriodPickerWithInitialDaterangeData: ({
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    xIconShow: boolean;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    periodPickerSelectedValue?: undefined;
-    selectedValue?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    xIconShow?: undefined;
-    periodPickerSelectedValue?: undefined;
-    selectedValue?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    periodPickerSelectedValue: {
-        value: string;
-        label: string;
-    }[];
-    selectedValue: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    availableQuarters: string[];
-    availableMonths: string[];
-    defaultValueYears: {
-        value: string;
-        label: string;
-    };
-    xIconShow?: undefined;
-})[];
-declare const PeriodPickerWithInitialQuarterData: ({
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    xIconShow: boolean;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    periodPickerSelectedValue?: undefined;
-    selectedValue?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    xIconShow?: undefined;
-    periodPickerSelectedValue?: undefined;
-    selectedValue?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    periodPickerSelectedValue: {
-        value: string;
-        label: string;
-    }[];
-    selectedValue: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    availableQuarters: string[];
-    availableMonths: string[];
-    defaultValueYears: {
-        value: string;
-        label: string;
-    };
-    xIconShow?: undefined;
-})[];
-declare const PeriodPickerWithInitialMonthData: ({
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    xIconShow: boolean;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    periodPickerSelectedValue?: undefined;
-    selectedValue?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    xIconShow?: undefined;
-    periodPickerSelectedValue?: undefined;
-    selectedValue?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    periodPickerSelectedValue: {
-        value: string;
-        label: string;
-    }[];
-    selectedValue: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    availableQuarters: string[];
-    availableMonths: string[];
-    defaultValueYears: {
-        value: string;
-        label: string;
-    };
-    xIconShow?: undefined;
-})[];
-declare const PeriodPickerWithInitialYearData: ({
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    xIconShow: boolean;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    periodPickerSelectedValue?: undefined;
-    selectedValue?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    xIconShow?: undefined;
-    periodPickerSelectedValue?: undefined;
-    selectedValue?: undefined;
-    availableQuarters?: undefined;
-    availableMonths?: undefined;
-    defaultValueYears?: undefined;
-} | {
-    name: string;
-    label: string;
-    labelEmptyValue: string;
-    disabled: boolean;
-    required: boolean;
-    inputType: string;
-    periodPickerSelectedValue: {
-        value: string;
-        label: string;
-    }[];
-    selectedValue: string;
-    placeHolder: string;
-    dropdownOptions: {
-        value: string;
-        label: string;
-    }[];
-    availableQuarters: string[];
-    availableMonths: string[];
-    defaultValueYears: {
-        value: string;
-        label: string;
-    };
-    xIconShow?: undefined;
-})[];
+declare namespace _default {
+    export let title: string;
+    export { FilterPanel as component };
+    export let tags: string[];
+    export namespace argTypes {
+        namespace width {
+            let name: string;
+            namespace control {
+                let type: string;
+            }
+            let description: string;
+        }
+        namespace height {
+            let name_1: string;
+            export { name_1 as name };
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            let description_1: string;
+            export { description_1 as description };
+        }
+        namespace borderColor {
+            let name_2: string;
+            export { name_2 as name };
+            let description_2: string;
+            export { description_2 as description };
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+                export let presetColors: string[];
+            }
+            export { control_2 as control };
+        }
+        namespace okButtonBackgroundColor {
+            let name_3: string;
+            export { name_3 as name };
+            let description_3: string;
+            export { description_3 as description };
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+                let presetColors_1: string[];
+                export { presetColors_1 as presetColors };
+            }
+            export { control_3 as control };
+        }
+        namespace okButtonHoverColor {
+            let name_4: string;
+            export { name_4 as name };
+            let description_4: string;
+            export { description_4 as description };
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+                let presetColors_2: string[];
+                export { presetColors_2 as presetColors };
+            }
+            export { control_4 as control };
+        }
+        namespace resetButtonBackgroundColor {
+            let name_5: string;
+            export { name_5 as name };
+            let description_5: string;
+            export { description_5 as description };
+            export namespace control_5 {
+                let type_5: string;
+                export { type_5 as type };
+                let presetColors_3: string[];
+                export { presetColors_3 as presetColors };
+            }
+            export { control_5 as control };
+        }
+        namespace resetButtonHoverColor {
+            let name_6: string;
+            export { name_6 as name };
+            let description_6: string;
+            export { description_6 as description };
+            export namespace control_6 {
+                let type_6: string;
+                export { type_6 as type };
+                let presetColors_4: string[];
+                export { presetColors_4 as presetColors };
+            }
+            export { control_6 as control };
+        }
+        namespace onOkClick {
+            let name_7: string;
+            export { name_7 as name };
+            export let action: string;
+            let description_7: string;
+            export { description_7 as description };
+        }
+        namespace onResetClick {
+            let name_8: string;
+            export { name_8 as name };
+            let action_1: string;
+            export { action_1 as action };
+            let description_8: string;
+            export { description_8 as description };
+        }
+        namespace onItemValueChanged {
+            let name_9: string;
+            export { name_9 as name };
+            let action_2: string;
+            export { action_2 as action };
+            let description_9: string;
+            export { description_9 as description };
+        }
+        namespace fieldsData {
+            let description_10: string;
+            export { description_10 as description };
+        }
+        namespace disableOKButton {
+            let name_10: string;
+            export { name_10 as name };
+            export namespace control_7 {
+                let type_7: string;
+                export { type_7 as type };
+            }
+            export { control_7 as control };
+            let description_11: string;
+            export { description_11 as description };
+        }
+        namespace className {
+            let name_11: string;
+            export { name_11 as name };
+            export namespace control_8 {
+                let type_8: string;
+                export { type_8 as type };
+            }
+            export { control_8 as control };
+            let description_12: string;
+            export { description_12 as description };
+        }
+        namespace showShadow {
+            let name_12: string;
+            export { name_12 as name };
+            export namespace control_9 {
+                let type_9: string;
+                export { type_9 as type };
+            }
+            export { control_9 as control };
+            let description_13: string;
+            export { description_13 as description };
+        }
+        namespace tooltipTextGoButton {
+            let name_13: string;
+            export { name_13 as name };
+            export namespace control_10 {
+                let type_10: string;
+                export { type_10 as type };
+            }
+            export { control_10 as control };
+            let description_14: string;
+            export { description_14 as description };
+        }
+    }
+}
+export default _default;
+export const DisableOKButton: any;
+export const MultiDropdown: any;
+export const FilterPanelBlue: any;
+export const NewItemCenterEventsPage: any;
+export const FilterQuatertlyReport: any;
+export const NoXClearOptionPage: any;
+export const PeriodPickerWithInitialValueDaterange: any;
+export const PeriodPickerWithInitialValueQuarter: any;
+export const PeriodPickerWithInitialValueMonth: any;
+export const PeriodPickerWithInitialValueYear: any;
+import FilterPanel from './FilterPanel';