suomifi-ui-components/dist/cjs/core/Form/Select/MultiSelect/MultiSelectRemoveAllButton/MultiSelectRemoveAllButton.js

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var React = require('react');
var suomifiIcons = require('suomifi-icons');
var Button = require('../../../../Button/Button.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

var MultiSelectRemoveAllButton = function MultiSelectRemoveAllButton(props) {
  var className = props.className,
    selectedItems = props.selectedItems,
    children = props.children,
    onClick = props.onClick,
    passProps = tslib.__rest(props, ["className", "selectedItems", "children", "onClick"]);
  var selectedAndEnabledKeysCount = selectedItems.reduce(function (count, item) {
    if (item.disabled) {
      var newCount = count + 1;
      return newCount;
    }
    return count;
  }, 0);
  var showRemoveAllButton = children && Object.keys(selectedItems).length > 0 && Object.keys(selectedItems).length !== selectedAndEnabledKeysCount;
  return showRemoveAllButton ? ( /*#__PURE__*/React__default.default.createElement(Button.Button, tslib.__assign({
    className: className,
    variant: "secondaryLight",
    icon: /*#__PURE__*/React__default.default.createElement(suomifiIcons.IconRemove, null),
    onClick: onClick
  }, passProps), children)) : null;
};

exports.MultiSelectRemoveAllButton = MultiSelectRemoveAllButton;
//# sourceMappingURL=MultiSelectRemoveAllButton.js.map