@talend/react-components/lib/Enumeration/Header/HeaderEnumeration.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.HeaderEnumeration = HeaderEnumeration;
var _Header = _interopRequireDefault(require("./Header.component"));
var _HeaderInput = _interopRequireDefault(require("./HeaderInput.component"));
var _HeaderSelected = _interopRequireDefault(require("./HeaderSelected.component"));
var _translate = _interopRequireDefault(require("../../translate"));
var _Enumeration = require("../Enumeration.propTypes");
var _displayModes = require("../displayModes");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function HeaderEnumeration({
  displayMode,
  headerError,
  onInputChange,
  onAddKeyDown,
  headerInput,
  headerDefault,
  headerSelected,
  id,
  items,
  required,
  inputValue,
  inputRef,
  label,
  t
}) {
  switch (displayMode) {
    case _displayModes.DISPLAY_MODE_SEARCH:
      {
        const propsInput = {
          headerInput,
          onInputChange,
          onAddKeyDown,
          headerError,
          id: `${id}_search`,
          inputRef,
          inputPlaceholder: t('ENUMERATION_PLACEHOLDER_SEARCH', {
            defaultValue: 'Search'
          }),
          inputLabel: t('ENUMERATION_SEARCH_LABEL', {
            defaultValue: 'Enter search term'
          })
        };
        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderInput.default, {
          ...propsInput
        });
      }
    case _displayModes.DISPLAY_MODE_ADD:
      {
        const propsInput = {
          headerInput,
          onInputChange,
          onAddKeyDown,
          headerError,
          id: `${id}_add`,
          inputRef,
          value: inputValue,
          inputPlaceholder: t('ENUMERATION_NEW_ENTRY', {
            defaultValue: 'New entry'
          }),
          inputLabel: t('ENUMERATION_NEW_ENTRY_LABEL', {
            defaultValue: 'Enter new entry name'
          })
        };
        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderInput.default, {
          ...propsInput
        });
      }
    case _displayModes.DISPLAY_MODE_DEFAULT:
      {
        const propsDefault = {
          headerDefault,
          required,
          label: label || t('ENUMERATION_HEADER_LABEL', {
            defaultValue: 'Values'
          })
        };
        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
          ...propsDefault
        });
      }
    case _displayModes.DISPLAY_MODE_SELECTED:
      {
        const propsSelected = {
          headerSelected,
          nbItemsSelected: items.filter(item => item.isSelected && item.isSelected === true).length
        };
        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderSelected.default, {
          ...propsSelected
        });
      }
    default:
      return null;
  }
}
HeaderEnumeration.propTypes = {
  headerError: _Enumeration.propTypes.headerError,
  displayMode: _Enumeration.propTypes.displayMode,
  headerInput: _Enumeration.propTypes.headerInput,
  headerDefault: _Enumeration.propTypes.headerDefault,
  headerSelected: _Enumeration.propTypes.headerSelected,
  onInputChange: _Enumeration.propTypes.onInputChange,
  onAddKeyDown: _Enumeration.propTypes.onAddKeyDown,
  id: _Enumeration.propTypes.id,
  items: _Enumeration.propTypes.items,
  required: _Enumeration.propTypes.required,
  inputValue: _Enumeration.propTypes.inputValue,
  inputRef: _Enumeration.propTypes.inputRef,
  label: _Enumeration.propTypes.label,
  t: _Enumeration.propTypes.t
};
HeaderEnumeration.defaultProps = {
  t: (0, _translate.default)()
};
//# sourceMappingURL=HeaderEnumeration.component.js.map