/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */
//--------------------
// Blueprint Imports
//--------------------
import {
    Alert,
    Button,
    ButtonGroup,
    Callout,
    Card as BpCard,
    Checkbox,
    ControlGroup,
    Dialog as BpDialog,
    type DialogProps,
    Drawer,
    EditableText,
    FileInput,
    FormGroup,
    Hotkey,
    Hotkeys,
    InputGroup,
    Label,
    Menu,
    MenuDivider,
    MenuItem,
    Navbar,
    NavbarDivider,
    NavbarGroup,
    NavbarHeading,
    NumericInput,
    OverflowList,
    Overlay2 as Overlay,
    PopoverNext as BpPopover,
    popoverPropsToNextProps,
    type PopoverProps,
    PortalProvider,
    Radio,
    RadioGroup,
    RangeSlider,
    SegmentedControl as BpSegmentedControl,
    Slider,
    Switch,
    Tab,
    Tabs,
    Tag,
    TagInput,
    Text,
    TextArea,
    Tooltip,
    Tree
} from '@blueprintjs/core';
import {DatePicker} from '@blueprintjs/datetime';
import {elementFactory} from '@xh/hoist/core';
import React, {createElement as reactCreateElement} from 'react';

// Wrap Dialog and Popover to disable fade/scale-in transitions by default.
// See also popover & overlay related CSS overrides in ./styles.scss.
const Dialog: React.FC<DialogProps> = props =>
    reactCreateElement(BpDialog, {transitionDuration: 0, transitionName: 'none', ...props});

// `Popover` renders Blueprint's `PopoverNext` (Floating UI based, React 19 compatible) while
// preserving our legacy `PopoverProps` API: `popoverPropsToNextProps` maps `position`/`modifiers`/
// `minimal`/`boundary` and retains the legacy `shouldReturnFocusOnClose` default of `false`.
const Popover: React.FC<PopoverProps> = props =>
    reactCreateElement(BpPopover, {transitionDuration: 0, ...popoverPropsToNextProps(props)});

//---------------------
// Re-exports
//---------------------
export {
    Alert,
    BpSegmentedControl,
    Button,
    ButtonGroup,
    Callout,
    BpCard,
    Checkbox,
    ControlGroup,
    DatePicker,
    Dialog,
    Drawer,
    EditableText,
    FileInput,
    FormGroup,
    Hotkeys,
    Hotkey,
    InputGroup,
    Label,
    Menu,
    MenuItem,
    MenuDivider,
    Navbar,
    NavbarDivider,
    NavbarGroup,
    NavbarHeading,
    NumericInput,
    OverflowList,
    Overlay,
    Popover,
    PortalProvider,
    Radio,
    RadioGroup,
    RangeSlider,
    Slider,
    Switch,
    Tab,
    Tabs,
    Tag,
    TagInput,
    TextArea,
    Text,
    Tooltip,
    Tree
};

//----------------------------
// Primarily leaf Components
//-----------------------------
export const alert = elementFactory(Alert),
    bpSegmentedControl = elementFactory(BpSegmentedControl),
    button = elementFactory(Button),
    controlGroup = elementFactory(ControlGroup),
    checkbox = elementFactory(Checkbox),
    datePicker = elementFactory(DatePicker),
    menuDivider = elementFactory(MenuDivider),
    menuItem = elementFactory(MenuItem),
    navbarDivider = elementFactory(NavbarDivider),
    numericInput = elementFactory(NumericInput),
    overflowList = elementFactory(OverflowList),
    popover = elementFactory(Popover),
    radio = elementFactory(Radio),
    rangeSlider = elementFactory(RangeSlider),
    slider = elementFactory(Slider),
    switchControl = elementFactory(Switch),
    textArea = elementFactory(TextArea),
    tree = elementFactory(Tree),
    tagInput = elementFactory(TagInput),
    fileInput = elementFactory(FileInput),
    overlay = elementFactory(Overlay),
    tooltip = elementFactory(Tooltip);

//-----------------------
// Container Components
//-----------------------
export const buttonGroup = elementFactory(ButtonGroup),
    portalProvider = elementFactory(PortalProvider),
    callout = elementFactory(Callout),
    bpCard = elementFactory(BpCard),
    drawer = elementFactory(Drawer),
    editableText = elementFactory(EditableText),
    formGroup = elementFactory(FormGroup),
    hotkey = elementFactory(Hotkey),
    hotkeys = elementFactory(Hotkeys),
    inputGroup = elementFactory(InputGroup),
    label = elementFactory(Label),
    menu = elementFactory(Menu),
    navbar = elementFactory(Navbar),
    navbarHeading = elementFactory(NavbarHeading),
    navbarGroup = elementFactory(NavbarGroup),
    radioGroup = elementFactory(RadioGroup),
    tabs = elementFactory(Tabs),
    tab = elementFactory(Tab),
    tag = elementFactory(Tag),
    text = elementFactory(Text);

/**
 * Blueprint Dialog wrapped with transitions disabled. This is the standard way to create
 * custom modal dialogs in Hoist apps - import from `@xh/hoist/kit/blueprint` rather than
 * from Blueprint directly.
 *
 * Pair with a HoistModel that manages an observable `isOpen` property. The parent component
 * renders the dialog factory alongside its other children - it shows/hides based on `isOpen`.
 *
 * See the desktop package README (`desktop/README.md#dialogs`) for the full usage pattern.
 */
export const dialog = elementFactory(Dialog);