@dnb/eufemia/cjs/extensions/forms/Field/MultiSelection/MultiSelectionSearch.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MultiSelectionSearch = MultiSelectionSearch;
var _index = require("../../../../components/index.js");
var _index2 = require("../../../../elements/index.js");
var _jsxRuntime = require("react/jsx-runtime");
var _Hr;
function MultiSelectionSearch({
  show,
  placeholder,
  value,
  disabled,
  onSearchChange
}) {
  if (!show) {
    return null;
  }
  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
    children: [(0, _jsxRuntime.jsx)(_index.Input, {
      label: false,
      icon: "loupe",
      iconPosition: "left",
      placeholder: placeholder,
      value: value,
      onChange: e => onSearchChange(e.value),
      disabled: disabled,
      stretch: true,
      showClearButton: value.length > 0,
      onClear: () => onSearchChange(''),
      className: "dnb-forms-field-multi-selection__search"
    }), _Hr || (_Hr = (0, _jsxRuntime.jsx)(_index2.Hr, {
      space: 0,
      className: "dnb-forms-field-multi-selection__separator"
    }))]
  });
}
//# sourceMappingURL=MultiSelectionSearch.js.map