@carbon/ibm-products
Version:
Carbon for IBM Products
59 lines (53 loc) • 1.93 kB
JavaScript
/**
* 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.
*/
;
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;