@boomerang-io/carbon-addons-boomerang-react/dist/cjs/internal/ListBox/ListBox.js

Carbon Addons for Boomerang apps

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var React = require('react');
var cx = require('classnames');
var settings = require('../settings.js');

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

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

/*
IBM Confidential
694970X, 69497O0
© Copyright IBM Corp. 2022, 2024
*/
/**
 * Copyright IBM Corp. 2016, 2018
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
const handleOnKeyDown = (event) => {
    if (event.keyCode === 27) {
        event.stopPropagation();
    }
};
const handleClick = (event) => {
    event.preventDefault();
    event.stopPropagation();
};
/**
 * `ListBox` is a generic container component that handles creating the
 * container class name in response to certain props.
 */
const ListBox = React__default.default.forwardRef(function ListBox({ children, className: containerClassName, disabled = false, type = "default", size, invalid, invalidText, warn, warnText, light, isOpen, ...rest }, ref) {
    const showWarning = !invalid && warn;
    const className = cx__default.default({
        [containerClassName]: !!containerClassName,
        [`${settings.prefix}--list-box`]: true,
        [`${settings.prefix}--list-box--${size}`]: size,
        [`${settings.prefix}--list-box--inline`]: type === "inline",
        [`${settings.prefix}--list-box--disabled`]: disabled,
        [`${settings.prefix}--list-box--light`]: light,
        [`${settings.prefix}--list-box--expanded`]: isOpen,
        [`${settings.prefix}--list-box--warning`]: showWarning,
    });
    return (React__default.default.createElement(React__default.default.Fragment, null,
        React__default.default.createElement("div", { ...rest, className: className, ref: ref, onKeyDown: handleOnKeyDown, onClick: handleClick, "data-invalid": invalid || undefined }, children),
        invalid ? React__default.default.createElement("div", { className: `${settings.prefix}--form-requirement` }, invalidText) : null,
        showWarning ? React__default.default.createElement("div", { className: `${settings.prefix}--form-requirement` }, warnText) : null));
});
ListBox.displayName = "ListBox";

exports.default = ListBox;