"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.n = (module)=>{
        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
        __webpack_require__.d(getter, {
            a: getter
        });
        return getter;
    };
})();
(()=>{
    __webpack_require__.d = (exports1, definition)=>{
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
    __webpack_require__.r = (exports1)=>{
        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
    Select: ()=>Select_Select,
    default: ()=>Select
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const schema_namespaceObject = require("@tachybase/schema");
const icons_namespaceObject = require("@ant-design/icons");
const client_namespaceObject = require("@tego/client");
const external_antd_namespaceObject = require("antd");
const external_FormulaSelect_js_namespaceObject = require("./FormulaSelect.js");
var external_FormulaSelect_js_default = /*#__PURE__*/ __webpack_require__.n(external_FormulaSelect_js_namespaceObject);
const external_ReadPretty_js_namespaceObject = require("./ReadPretty.js");
const external_utils_js_namespaceObject = require("./utils.js");
const isEmptyObject = (val)=>!(0, schema_namespaceObject.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, schema_namespaceObject.toArr)(v).filter((item)=>item).map((val)=>(0, client_namespaceObject.isPlainObject)(val) ? val[fieldNames.value] : val);
        const currentOptions = null == (_getCurrentOptions = (0, external_utils_js_namespaceObject.getCurrentOptions)(values, options, fieldNames)) ? 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, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Select, {
        role: "button",
        "data-testid": "select-object-".concat(mode || 'single'),
        value: toValue(value),
        defaultValue: toValue(defaultValue),
        allowClear: {
            clearIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CloseCircleFilled, {
                role: "button",
                "aria-label": "icon-close-select"
            })
        },
        labelInValue: true,
        notFoundContent: loading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Spin, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Empty, {
            image: external_antd_namespaceObject.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']) ? _option_ : '').includes(input);
        },
        filterSort: (optionA, optionB)=>{
            var _optionA_, _optionB_;
            return (null != (_optionA_ = null == optionA ? void 0 : optionA[fieldNames.label || 'label']) ? _optionA_ : '').toLowerCase().localeCompare((null != (_optionB_ = null == optionB ? void 0 : optionB[fieldNames.label || 'label']) ? _optionB_ : '').toLowerCase());
        },
        onChange: (changed)=>{
            const current = (0, external_utils_js_namespaceObject.getCurrentOptions)((0, schema_namespaceObject.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, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tag, {
                role: "button",
                "aria-label": props.label,
                closeIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.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) ? _option_label : '').toLowerCase().includes((input || '').toLowerCase());
};
const InternalSelect = (0, schema_namespaceObject.connect)((props)=>{
    const { objectValue, loading, value, rawOptions, defaultValue, ...others } = props;
    let mode = props.multiple ? 'multiple' : props.mode;
    if (mode && ![
        'multiple',
        'tags',
        'CustomTitle'
    ].includes(mode)) mode = void 0;
    let options = props.options ? [
        ...props.options
    ] : [];
    if ([
        'CustomTitle'
    ].includes(props.mode) && ('formula' in others.fieldNames || 'collection' in props)) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_FormulaSelect_js_default(), {
        ...props
    });
    if (objectValue) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.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, schema_namespaceObject.toArr)(v);
            return;
        }
        return v;
    };
    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Select, {
        role: "button",
        "data-testid": "select-".concat(mode || 'single'),
        showSearch: true,
        filterOption: filterOption,
        allowClear: {
            clearIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CloseCircleFilled, {
                role: "button",
                "aria-label": "icon-close-select"
            })
        },
        options: options,
        popupMatchSelectWidth: false,
        notFoundContent: loading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Spin, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Empty, {
            image: external_antd_namespaceObject.Empty.PRESENTED_IMAGE_SIMPLE
        }),
        value: toValue(value),
        defaultValue: toValue(defaultValue),
        tagRender: (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Tag, {
                role: "button",
                "aria-label": props.label,
                closeIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CloseOutlined, {
                    role: "button",
                    "aria-label": "icon-close-tag"
                }),
                ...props,
                children: props.label
            }),
        ...others,
        onChange: (changed)=>{
            var _props_onChange;
            null == (_props_onChange = props.onChange) || _props_onChange.call(props, void 0 === changed ? null : changed);
        },
        mode: mode
    });
}, (0, schema_namespaceObject.mapProps)({
    dataSource: 'options'
}, (props, field)=>({
        ...props,
        fieldNames: {
            ...external_utils_js_namespaceObject.defaultFieldNames,
            ...props.fieldNames
        },
        suffixIcon: (null == field ? void 0 : field['loading']) || (null == field ? void 0 : field['validating']) ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.LoadingOutlined, {}) : props.suffixIcon
    })), (0, schema_namespaceObject.mapReadPretty)(external_ReadPretty_js_namespaceObject.ReadPretty));
const InternalRadioGroup = (0, schema_namespaceObject.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, jsx_runtime_namespaceObject.jsx)("div", {
        onClick: handleCancel,
        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Radio.Group, {
            ...props,
            value: value,
            options: options
        })
    });
}, (0, schema_namespaceObject.mapProps)({
    dataSource: 'options',
    onInput: 'onChange',
    value: 'value'
}), (0, schema_namespaceObject.mapReadPretty)(external_ReadPretty_js_namespaceObject.ReadPretty));
const Select_Select = (props)=>{
    switch(props.mode){
        case 'Radio group':
            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InternalRadioGroup, {
                ...props
            });
        case 'Select':
        default:
            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InternalSelect, {
                ...props
            });
    }
};
Select_Select.ReadPretty = external_ReadPretty_js_namespaceObject.ReadPretty;
const Select = Select_Select;
exports.Select = __webpack_exports__.Select;
exports["default"] = __webpack_exports__["default"];
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
    "Select",
    "default"
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
Object.defineProperty(exports, '__esModule', {
    value: true
});
