var __assign = this && this.__assign || function () {
  __assign = Object.assign || function (t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
      s = arguments[i];

      for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
      }
    }

    return t;
  };

  return __assign.apply(this, arguments);
};

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) {
    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  }

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};

import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import * as React from 'react';
import RcTreeSelect, { TreeNode, SHOW_ALL, SHOW_PARENT, SHOW_CHILD } from 'rc-tree-select';
import classNames from 'classnames';
import Tag from "../tag";
import CheckBoxDemo from "../checkbox";
import Icon from "../icon";
import "./style/index.css";
export { SHOW_ALL, SHOW_PARENT, SHOW_CHILD };
var SelectTag = /*#__PURE__*/React.memo(function (props) {
  var label = props.label,
      closable = props.closable,
      onClose = props.onClose;
  return _jsx(Tag, {
    tag: label,
    closable: closable,
    onClickClose: onClose
  }, void 0);
});
var prefixCls = 'dmc-select';
var treeSelectPrefixCls = 'dmc-tree-select'; // eslint-disable-next-line @typescript-eslint/no-explicit-any

var TreeSelect = function TreeSelect(props) {
  var _a, _b; // eslint-disable-next-line @typescript-eslint/no-explicit-any


  var selectRef = React.useRef();
  var className = props.className,
      treeCheckable = props.treeCheckable,
      switcherIcon = props.switcherIcon,
      dropdownClassName = props.dropdownClassName,
      bordered = props.bordered,
      treeIcon = props.treeIcon,
      direction = props.direction,
      tagRender = props.tagRender,
      open = props.open,
      showSearch = props.showSearch,
      fullSelect = props.fullSelect;
  var mergedDropdownClassName = classNames(dropdownClassName, treeSelectPrefixCls + "-dropdown", (_a = {}, _a[treeSelectPrefixCls + "-dropdown-rtl"] = direction === 'rtl', _a[treeSelectPrefixCls + "-full"] = fullSelect, _a));
  var mergedClassName = classNames(treeSelectPrefixCls, (_b = {}, _b[prefixCls + "-rtl"] = direction === 'rtl', _b[prefixCls + "-borderless"] = !bordered, _b), className);

  var suffixIcon = _jsx(Icon, {
    icon: "arrow-down"
  }, void 0);

  if (open && showSearch) {
    suffixIcon = _jsx(Icon, {
      icon: "search"
    }, void 0);
  }

  var customerTagRender = tagRender || function (props) {
    return _jsx(SelectTag, __assign({}, props), void 0);
  };

  var mixIcon = function mixIcon(props) {
    var _a;

    var checkboxDisabled = props.disabled || ((_a = props.data) === null || _a === void 0 ? void 0 : _a.disableCheckbox);
    var iconRender = typeof treeIcon === 'function' ? treeIcon(props) : treeIcon;
    return _jsxs(_Fragment, {
      children: [treeCheckable && _jsx(CheckBoxDemo, {
        checked: props.checked,
        indeterminate: props.halfChecked,
        disabled: checkboxDisabled
      }, void 0), iconRender]
    }, void 0);
  };

  var otherProps = React.useMemo(function () {
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    var _ = props.fullSelect,
        otherProps = __rest(props, ["fullSelect"]);

    return otherProps;
  }, [props]);
  return _jsx(RcTreeSelect, __assign({}, otherProps, {
    ref: selectRef,
    prefixCls: prefixCls,
    className: mergedClassName,
    inputIcon: suffixIcon,
    tagRender: customerTagRender,
    switcherIcon: switcherIcon || function (nodeProps) {
      var isLeaf = nodeProps.isLeaf,
          expanded = nodeProps.expanded;
      var icons = ['arrow-right', 'arrow-down'];
      return !isLeaf ? _jsx(Icon, {
        icon: icons[Number(!!expanded)]
      }, void 0) : null;
    },
    treeIcon: mixIcon,
    dropdownClassName: mergedDropdownClassName,
    allowClear: false
  }), void 0);
};

TreeSelect.defaultProps = {
  virtual: true,
  fullSelect: false
};
var TreeSelectMemo = /*#__PURE__*/React.memo(TreeSelect);
TreeSelectMemo.displayName = 'TreeSelectMemo';
export { TreeSelectMemo, TreeNode };
TreeSelect.displayName = 'TreeSelect';
export default TreeSelect;

