import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__ from "@tachybase/utils/client";
import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
import * as __WEBPACK_EXTERNAL_MODULE__FormulaSelect_mjs__ from "./FormulaSelect.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__ from "./ReadPretty.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__utils_mjs__ from "./utils.mjs";
const isEmptyObject = (val)=>!(0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.isValid)(val) || 'object' == typeof val && 0 === Object.keys(val).length;
const ObjectSelect = (props)=>{
    const { value, options, onChange, fieldNames, mode, loading, rawOptions, defaultValue, ...others } = props;
    const toValue = (v)=>{
        var _getCurrentOptions;
        if (isEmptyObject(v)) return;
        const values = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.toArr)(v).filter((item)=>item).map((val)=>(0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.isPlainObject)(val) ? val[fieldNames.value] : val);
        const currentOptions = null === (_getCurrentOptions = (0, __WEBPACK_EXTERNAL_MODULE__utils_mjs__.getCurrentOptions)(values, options, fieldNames)) || void 0 === _getCurrentOptions ? void 0 : _getCurrentOptions.map((val)=>({
                label: val[fieldNames.label],
                value: val[fieldNames.value]
            }));
        if ([
            'tags',
            'multiple'
        ].includes(mode) || props.multiple) return currentOptions;
        return currentOptions.shift();
    };
    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Select, {
        role: "button",
        "data-testid": "select-object-".concat(mode || 'single'),
        value: toValue(value),
        defaultValue: toValue(defaultValue),
        allowClear: {
            clearIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseCircleFilled, {
                role: "button",
                "aria-label": "icon-close-select"
            })
        },
        labelInValue: true,
        notFoundContent: loading ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Spin, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Empty, {
            image: __WEBPACK_EXTERNAL_MODULE_antd__.Empty.PRESENTED_IMAGE_SIMPLE
        }),
        options: options,
        fieldNames: fieldNames,
        showSearch: true,
        popupMatchSelectWidth: false,
        filterOption: (input, option)=>{
            var _option_;
            return (null !== (_option_ = null == option ? void 0 : option[fieldNames.label || 'label']) && void 0 !== _option_ ? _option_ : '').includes(input);
        },
        filterSort: (optionA, optionB)=>{
            var _optionA_, _optionB_;
            return (null !== (_optionA_ = null == optionA ? void 0 : optionA[fieldNames.label || 'label']) && void 0 !== _optionA_ ? _optionA_ : '').toLowerCase().localeCompare((null !== (_optionB_ = null == optionB ? void 0 : optionB[fieldNames.label || 'label']) && void 0 !== _optionB_ ? _optionB_ : '').toLowerCase());
        },
        onChange: (changed)=>{
            const current = (0, __WEBPACK_EXTERNAL_MODULE__utils_mjs__.getCurrentOptions)((0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.toArr)(changed).map((v)=>v.value), rawOptions || options, fieldNames);
            if ([
                'tags',
                'multiple'
            ].includes(mode) || props.multiple) null == onChange || onChange(current);
            else null == onChange || onChange(current.shift() || null);
        },
        mode: mode,
        tagRender: (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tag, {
                role: "button",
                "aria-label": props.label,
                closeIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseOutlined, {
                    role: "button",
                    "aria-label": "icon-close-tag"
                }),
                ...props,
                children: props.label
            }),
        ...others
    });
};
const filterOption = (input, option)=>{
    var _option_label;
    return (null !== (_option_label = null == option ? void 0 : option.label) && void 0 !== _option_label ? _option_label : '').toLowerCase().includes((input || '').toLowerCase());
};
const InternalSelect = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.connect)((props)=>{
    const { objectValue, loading, value, rawOptions, defaultValue, ...others } = props;
    let mode = props.multiple ? 'multiple' : props.mode;
    if (mode && ![
        'multiple',
        'tags'
    ].includes(mode)) mode = void 0;
    if ([
        'CustomTitle'
    ].includes(props.mode) && ('formula' in others.fieldNames || 'collection' in props)) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__FormulaSelect_mjs__["default"], {
        ...props
    });
    if (objectValue) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(ObjectSelect, {
        rawOptions: rawOptions,
        ...others,
        defaultValue: defaultValue,
        value: value,
        mode: mode,
        loading: loading
    });
    const toValue = (v)=>{
        if ([
            'tags',
            'multiple'
        ].includes(props.mode) || props.multiple) {
            if (v) return (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.toArr)(v);
            return;
        }
        return v;
    };
    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Select, {
        role: "button",
        "data-testid": "select-".concat(mode || 'single'),
        showSearch: true,
        filterOption: filterOption,
        allowClear: {
            clearIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseCircleFilled, {
                role: "button",
                "aria-label": "icon-close-select"
            })
        },
        popupMatchSelectWidth: false,
        notFoundContent: loading ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Spin, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Empty, {
            image: __WEBPACK_EXTERNAL_MODULE_antd__.Empty.PRESENTED_IMAGE_SIMPLE
        }),
        value: toValue(value),
        defaultValue: toValue(defaultValue),
        tagRender: (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tag, {
                role: "button",
                "aria-label": props.label,
                closeIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.CloseOutlined, {
                    role: "button",
                    "aria-label": "icon-close-tag"
                }),
                ...props,
                children: props.label
            }),
        ...others,
        onChange: (changed)=>{
            var _props_onChange;
            null === (_props_onChange = props.onChange) || void 0 === _props_onChange || _props_onChange.call(props, void 0 === changed ? null : changed);
        },
        mode: mode
    });
}, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapProps)({
    dataSource: 'options'
}, (props, field)=>({
        ...props,
        fieldNames: {
            ...__WEBPACK_EXTERNAL_MODULE__utils_mjs__.defaultFieldNames,
            ...props.fieldNames
        },
        suffixIcon: (null == field ? void 0 : field['loading']) || (null == field ? void 0 : field['validating']) ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.LoadingOutlined, {}) : props.suffixIcon
    })), (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(__WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__.ReadPretty));
const InternalRadioGroup = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.connect)((props)=>{
    const { options, value, onChange } = props;
    const handleCancel = (e)=>{
        e.stopPropagation();
        const currentValue = e.target.value;
        if ('radio' === e.target.type && currentValue === value) null == onChange || onChange('');
    };
    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
        onClick: handleCancel,
        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Radio.Group, {
            ...props,
            value: value,
            options: options
        })
    });
}, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapProps)({
    dataSource: 'options',
    onInput: 'onChange',
    value: 'value'
}), (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(__WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__.ReadPretty));
const Select = (props)=>{
    switch(props.mode){
        case 'Radio group':
            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalRadioGroup, {
                ...props
            });
        case 'Select':
        default:
            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalSelect, {
                ...props
            });
    }
};
Select.ReadPretty = __WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__.ReadPretty;
const Select_rslib_entry_ = Select;
export { Select, Select_rslib_entry_ as default };
