@carbon/ibm-products
Version:
Carbon for IBM Products
55 lines (51 loc) • 1.8 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.
*/
import React__default, { useContext } from 'react';
import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
import { ItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js';
import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
import { useTranslations } from '../utils/useTranslations.js';
import { blockClass } from '../utils/util.js';
import { useDataConfigs } from '../utils/useDataConfigs.js';
const GroupConnector = () => {
const {
rootState,
setRootState
} = useContext(ConditionBuilderContext);
const [conditionText] = useTranslations(['conditionText']);
const {
connectorConfig
} = useDataConfigs();
const onStatementChangeHandler = updatedStatement => {
setRootState({
...rootState,
operator: updatedStatement
});
};
return /*#__PURE__*/React__default.createElement("div", {
className: `${blockClass}__group-separator ${blockClass}__group-separator-row`,
role: "row",
tabIndex: -1,
"aria-level": 1
}, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
label: rootState.operator,
title: conditionText,
"data-name": "connectorField",
popOverClassName: `${blockClass}__gap`,
className: `${blockClass}__statement-button`
}, /*#__PURE__*/React__default.createElement(ItemOption, {
conditionState: {
value: rootState.operator,
label: conditionText
},
onChange: onStatementChangeHandler,
config: {
options: connectorConfig
}
})));
};
export { GroupConnector as default };