@zohodesk/dot/lib/v1/list/DepartmentDropDown/DepartmentDropDown.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _ToggleDropDown = _interopRequireDefault(require("../../dropdown/ToggleDropDown/ToggleDropDown"));

var _SecondaryText = require("../SecondaryText");

var _DepartmentDropDownModule = _interopRequireDefault(require("../../../list/DepartmentDropDown/DepartmentDropDown.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function DepartmentDropDown(props) {
  var departmentName = props.departmentName,
      _props$departmentList = props.departmentList,
      departmentList = _props$departmentList === void 0 ? [] : _props$departmentList,
      onSelectLabel = props.onSelectLabel,
      isEditable = props.isEditable,
      dataId = props.dataId,
      isFetching = props.isFetching,
      isPopupActive = props.isPopupActive,
      getNextOptions = props.getNextOptions,
      isNextOptions = props.isNextOptions,
      onSearch = props.onSearch,
      needSearchFetching = props.needSearchFetching,
      searchStr = props.searchStr,
      i18nKeys = props.i18nKeys,
      onMoveDepartment = props.onMoveDepartment,
      getDepartment = props.getDepartment;
  var _i18nKeys$title = i18nKeys.title,
      title = _i18nKeys$title === void 0 ? 'Move Department' : _i18nKeys$title,
      _i18nKeys$searchEmpty = i18nKeys.searchEmptyText,
      searchEmptyText = _i18nKeys$searchEmpty === void 0 ? 'No results found' : _i18nKeys$searchEmpty,
      _i18nKeys$searchError = i18nKeys.searchErrorText,
      searchErrorText = _i18nKeys$searchError === void 0 ? 'No results' : _i18nKeys$searchError,
      _i18nKeys$placeholder = i18nKeys.placeholder,
      placeholder = _i18nKeys$placeholder === void 0 ? 'Search Department' : _i18nKeys$placeholder;

  function onClick(e) {
    if (getDepartment) {
      getDepartment(e);
    }

    onSearch('');
  }

  function handleMoveDepartment(deptId) {
    onSearch('');
    onMoveDepartment(deptId);
  }

  return /*#__PURE__*/_react["default"].createElement(_ToggleDropDown["default"], {
    title: title,
    options: departmentList,
    value: /*#__PURE__*/_react["default"].createElement(_SecondaryText.DepartmentText, {
      text: departmentName,
      dataTitle: departmentName
    }),
    keyName: "name",
    idName: "id",
    onClick: handleMoveDepartment,
    isArrow: false,
    isEditable: isEditable,
    onSelectLabel: onSelectLabel,
    isPopupActive: isPopupActive,
    needExternalPopupState: true,
    isSearch: departmentList.length > 5 || searchStr.length !== 0,
    boxSize: "small",
    dataId: dataId,
    isDataLoaded: !isFetching,
    isPadding: false,
    searchErrorText: searchErrorText,
    searchEmptyHint: searchEmptyText,
    isNeedEffect: false,
    className: _DepartmentDropDownModule["default"].departmentBox,
    placeHolderText: placeholder,
    getNextOptions: getNextOptions,
    isNextOptions: isNextOptions,
    onSearch: onSearch,
    needSearchFetching: needSearchFetching
  });
}

DepartmentDropDown.defaultProps = _defaultProps.defaultProps;
DepartmentDropDown.propTypes = _propTypes.propTypes;
var _default = DepartmentDropDown; // if (__DOCS__) {
//   DepartmentDropDown.docs = {
//     folderName: 'List',
//     componentGroup: 'DepartmentDropDown'
//   };
// }

exports["default"] = _default;