UNPKG

@carbon/ibm-products

Version:

Carbon for IBM Products

59 lines (53 loc) 1.93 kB
/** * Copyright IBM Corp. 2020, 2025 * * This source code is licensed under the Apache-2.0 license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var React = require('react'); var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js'); var ItemOption = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js'); var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js'); var useTranslations = require('../utils/useTranslations.js'); var util = require('../utils/util.js'); var useDataConfigs = require('../utils/useDataConfigs.js'); const GroupConnector = () => { const { rootState, setRootState } = React.useContext(ConditionBuilderProvider.ConditionBuilderContext); const [conditionText] = useTranslations.useTranslations(['conditionText']); const { connectorConfig } = useDataConfigs.useDataConfigs(); const onStatementChangeHandler = updatedStatement => { setRootState({ ...rootState, operator: updatedStatement }); }; return /*#__PURE__*/React.createElement("div", { className: `${util.blockClass}__group-separator ${util.blockClass}__group-separator-row`, role: "row", tabIndex: -1, "aria-level": 1 }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, { label: rootState.operator, title: conditionText, "data-name": "connectorField", popOverClassName: `${util.blockClass}__gap`, className: `${util.blockClass}__statement-button` }, /*#__PURE__*/React.createElement(ItemOption.ItemOption, { conditionState: { value: rootState.operator, label: conditionText }, onChange: onStatementChangeHandler, config: { options: connectorConfig } }))); }; exports.default = GroupConnector;