/*
 * 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.
 */

import {GridModel, GridAutosizeOptions} from '@xh/hoist/cmp/grid';
import {hoistCmp, useContextModel} from '@xh/hoist/core';
import {Icon} from '@xh/hoist/icon';
import {button, ButtonProps} from '@xh/hoist/mobile/cmp/button';
import '@xh/hoist/mobile/register';
import {logError, withDefault} from '@xh/hoist/utils/js';

export interface ColAutosizeButtonProps extends ButtonProps {
    /** GridModel to which this button should bind. Will find nearest in context if not provided. */
    gridModel?: GridModel;

    /** Options to override grid's default or configured autosize settings. */
    autosizeOptions?: Omit<GridAutosizeOptions, 'mode'>;
}

/**
 * A convenience button to autosize visible Grid columns.
 */
export const [ColAutosizeButton, colAutosizeButton] = hoistCmp.withFactory<ColAutosizeButtonProps>({
    displayName: 'ColAutosizeButton',
    className: 'xh-col-autosize-button',
    model: false,

    render({className, gridModel, icon, onClick, disabled, autosizeOptions = {}, ...props}) {
        gridModel = withDefault(gridModel, useContextModel(GridModel));

        // Validate bound model available and suitable for use.
        if (!onClick) {
            if (!gridModel) {
                logError(
                    'No GridModel available - provide via a `gridModel` prop or context - button will be disabled.',
                    ColAutosizeButton
                );
                disabled = true;
            } else if (!gridModel.autosizeEnabled) {
                logError(
                    'Autosize not enabled on bound GridModel - button will be disabled.',
                    ColAutosizeButton
                );
                disabled = true;
            }
        }

        onClick =
            onClick ??
            (() =>
                gridModel.autosizeAsync({
                    showMask: true,
                    ...autosizeOptions
                }));

        return button({
            icon: withDefault(icon, Icon.magic()),
            disabled: withDefault(disabled, gridModel?.empty),
            className,
            onClick,
            ...props
        });
    }
});