@wulperstudio/cms/node/organisms/DrawerCreateChat/components/AutocompleteCreate.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AutocompleteCreate = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["textFieldProps"];
var AutocompleteCreate = exports.AutocompleteCreate = function AutocompleteCreate(_ref) {
  var textFieldProps = _ref.textFieldProps,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.Box, {
    showBorder: props.showBorder,
    backgroundColor: props.backgroundColor,
    showBoxShadow: props.showBoxShadow,
    showDivider: props.showDivider,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.InputLabel, {
      htmlFor: props.id,
      children: props.label
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Autocomplete, Object.assign({
      value: props.value,
      multiple: true,
      limitTags: 2,
      id: props.id,
      options: props.data,
      getOptionLabel: function getOptionLabel(option) {
        return option.nickname;
      },
      fullWidth: true,
      renderInput: function renderInput(params) {
        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.CssTextField, Object.assign({}, params, {
          fullWidth: true,
          label: "",
          id: props.id
        }, textFieldProps, {
          backgroundColor: props.backgroundColor,
          borderColor: props.borderColor
        }));
      },
      onChange: function onChange(_, newValue) {
        return props.onChangeAutocomplete(newValue);
      }
    }, props.autocompleteProps))]
  });
};