@carbon/ibm-products 2.80.0 → 2.81.0-rc.0

package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js

@@ -1,148 +0,0 @@
-/**
- * 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 { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useContext } from 'react';
-import cx from 'classnames';
-import { AddAlt, TextNewLine } from '@carbon/react/icons';
-import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
-import PropTypes from '../../../_virtual/index.js';
-import { useTranslations } from '../utils/useTranslations.js';
-import { blockClass } from '../utils/util.js';
-import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
-
-const ConditionBuilderAdd = _ref => {
-  let {
-    className,
-    onClick,
-    addConditionSubGroupHandler,
-    showConditionSubGroupPreviewHandler,
-    hideConditionSubGroupPreviewHandler,
-    showConditionPreviewHandler,
-    hideConditionPreviewHandler,
-    enableSubGroup,
-    buttonLabel,
-    tabIndex,
-    group
-  } = _ref;
-  const [addConditionText, addConditionRowText, addSubgroupText] = useTranslations(['addConditionText', 'addConditionRowText', 'addSubgroupText']);
-  const {
-    onAddItem,
-    rootState
-  } = useContext(ConditionBuilderContext);
-  const onClickHandler = () => {
-    const {
-      preventAdd
-    } = onAddItem?.({
-      type: 'condition',
-      state: rootState,
-      group
-    }) ?? {};
-    if (!preventAdd) {
-      hideConditionPreviewHandler?.();
-      onClick();
-    }
-  };
-  const previewHandlers = () => {
-    return enableSubGroup ? {
-      onMouseEnter: showConditionPreviewHandler,
-      onMouseLeave: hideConditionPreviewHandler,
-      onFocus: showConditionPreviewHandler,
-      onBlur: hideConditionPreviewHandler
-    } : {};
-  };
-  const previewHandlersForSubgroup = () => ({
-    onMouseEnter: showConditionSubGroupPreviewHandler,
-    onMouseLeave: hideConditionSubGroupPreviewHandler,
-    onFocus: showConditionSubGroupPreviewHandler,
-    onBlur: hideConditionSubGroupPreviewHandler
-  });
-  const handleAddSubGroup = () => {
-    const {
-      preventAdd
-    } = onAddItem?.({
-      type: 'subgroup',
-      state: rootState,
-      group
-    }) ?? {};
-    if (!preventAdd) {
-      addConditionSubGroupHandler?.();
-    }
-  };
-  const getAriaLabel = () => {
-    return buttonLabel ? buttonLabel : !enableSubGroup ? addConditionRowText : undefined;
-  };
-  const wrapperProps = enableSubGroup ? {
-    role: 'gridcell'
-  } : {};
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: `${className} ${blockClass}__add-button-wrapper`,
-    role: !enableSubGroup ? 'gridcell' : 'none',
-    "aria-label": getAriaLabel()
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, _extends({
-    renderIcon: AddAlt,
-    onClick: onClickHandler
-  }, previewHandlers(), {
-    wrapperProps: wrapperProps,
-    className: `${blockClass}__add-button`,
-    hideLabel: true,
-    "data-name": "addButton",
-    label: buttonLabel ?? addConditionText,
-    tabIndex: tabIndex,
-    wrapperClassName: `${blockClass}__add-condition-wrapper`
-  })), enableSubGroup && /*#__PURE__*/React__default.createElement(ConditionBuilderButton, _extends({
-    renderIcon: TextNewLine,
-    onClick: handleAddSubGroup,
-    className: cx(`${blockClass}__add-condition-sub-group`),
-    hideLabel: true,
-    label: addSubgroupText,
-    wrapperProps: wrapperProps,
-    wrapperClassName: `${blockClass}__add-condition-sub-group-wrapper ${blockClass}__gap-left`
-  }, previewHandlersForSubgroup())));
-};
-ConditionBuilderAdd.propTypes = {
-  /**
-   * handler for hiding sub group preview
-   */
-  addConditionSubGroupHandler: PropTypes.func,
-  /**
-   * handler for hiding sub group preview
-   */ /**
-      * tooltip label for plus button
-      */
-  buttonLabel: PropTypes.string,
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: PropTypes.string,
-  /**
-   * boolean to enable sub groups for the tree variant
-   */
-  enableSubGroup: PropTypes.bool,
-  /**
-   * handler for hiding sub group preview
-   */
-  hideConditionPreviewHandler: PropTypes.func,
-  hideConditionSubGroupPreviewHandler: PropTypes.func,
-  /**
-   * handler for hiding sub group preview
-   */ /**
-      * callback triggered on click of add button
-      */
-  onClick: PropTypes.func,
-  showConditionPreviewHandler: PropTypes.func,
-  showConditionSubGroupPreviewHandler: PropTypes.func,
-  /**
-   * handler for hiding sub group preview
-   */
-  /**
-   * Tab index
-   */
-  tabIndex: PropTypes.number
-};
-
-export { ConditionBuilderAdd as default };

package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts

@@ -1,86 +0,0 @@
-/**
- * Copyright IBM Corp. 2024
- *
- * 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 from 'react';
-import { PopoverAlignment } from '@carbon/react';
-import { CarbonIconType } from '@carbon/react/icons';
-interface ConditionBuilderButtonProps {
-    className?: string;
-    label: string;
-    hideLabel?: boolean;
-    tooltipAlign?: PopoverAlignment;
-    renderIcon?: CarbonIconType;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    onBlur?: React.FocusEventHandler<HTMLButtonElement>;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
-    onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    showToolTip?: boolean;
-    wrapperProps?: object;
-    isInvalid?: boolean;
-    wrapperClassName?: string;
-    tabIndex?: number;
-    description?: string;
-}
-export declare const ConditionBuilderButton: {
-    ({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, wrapperProps, onBlur, onFocus, onMouseEnter, onMouseLeave, isInvalid, wrapperClassName, tabIndex, description, ...rest }: ConditionBuilderButtonProps): React.JSX.Element;
-    propTypes: {
-        /**
-         * Provide an optional class to be applied to the containing node.
-         */
-        className: any;
-        /**
-         * decides if label and tooltip to be hidden
-         */
-        hideLabel: any;
-        /**
-         * boolean to know the updated value in not valid
-         */
-        isInvalid: any;
-        /**
-         * label of the button
-         */
-        label: any;
-        /**
-         * mouse events callbacks
-         */
-        onBlur: any;
-        /**
-         * callback triggered on click of add button
-         */
-        onClick: any;
-        onFocus: any;
-        onMouseEnter: any;
-        onMouseLeave: any;
-        /**
-         * Optional prop to allow overriding the icon rendering.
-         */
-        renderIcon: any;
-        /**
-         */
-        /**
-         *decides if  tooltip to be shown
-         */
-        showToolTip: any;
-        /**
-         * Tab index
-         */
-        tabIndex: any;
-        /**
-         * tooltip position
-         */
-        tooltipAlign: any;
-        /**
-         * classname applies to the wrapper of popover
-         */
-        wrapperClassName: any;
-        /**
-         * optional props for tree grid to add role and aria-label to wrapper span
-         */
-        wrapperProps: any;
-    };
-};
-export {};

package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js

@@ -1,133 +0,0 @@
-/**
- * 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 { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useContext } from 'react';
-import cx from 'classnames';
-import PropTypes from '../../../_virtual/index.js';
-import { usePrefix, Tooltip } from '@carbon/react';
-import { WarningAltFilled } from '@carbon/react/icons';
-import { blockClass } from '../utils/util.js';
-import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
-
-var _WarningAltFilled;
-const ConditionBuilderButton = _ref => {
-  var _Icon, _span;
-  let {
-    className,
-    label,
-    hideLabel,
-    tooltipAlign,
-    renderIcon: Icon,
-    onClick,
-    showToolTip,
-    wrapperProps,
-    onBlur,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    isInvalid,
-    wrapperClassName,
-    tabIndex,
-    description,
-    ...rest
-  } = _ref;
-  const tooltipText = description || label;
-  const carbonPrefix = usePrefix();
-  const Button = () => {
-    const dataName = rest['data-name'] ?? '';
-    const {
-      readOnly
-    } = useContext(ConditionBuilderContext);
-    const handleClick = e => {
-      if (readOnly) {
-        return;
-      }
-      onClick?.(e);
-    };
-    return /*#__PURE__*/React__default.createElement("button", _extends({
-      tabIndex: tabIndex !== undefined ? tabIndex : -1,
-      className: cx([className, `${blockClass}__button`, {
-        [`${blockClass}__text-ellipsis`]: showToolTip && !hideLabel && !isInvalid
-      }, {
-        [`${blockClass}__invalid-input`]: isInvalid
-      }]),
-      type: "button",
-      onClick: handleClick,
-      onBlur: onBlur,
-      onFocus: onFocus,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      "data-name": dataName,
-      "aria-disabled": readOnly
-    }, rest), Icon && (_Icon || (_Icon = /*#__PURE__*/React__default.createElement(Icon, null))), !hideLabel && (_span || (_span = /*#__PURE__*/React__default.createElement("span", null, label))), isInvalid && (_WarningAltFilled || (_WarningAltFilled = /*#__PURE__*/React__default.createElement(WarningAltFilled, null))));
-  };
-  return hideLabel || showToolTip || description ? /*#__PURE__*/React__default.createElement(Tooltip, _extends({
-    label: tooltipText,
-    align: tooltipAlign,
-    className: `${wrapperClassName} ${blockClass}__tooltip ${carbonPrefix}--icon-tooltip`
-  }, wrapperProps, {
-    leaveDelayMs: 0
-  }), Button()) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Button());
-};
-ConditionBuilderButton.propTypes = {
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: PropTypes.string,
-  /**
-   * decides if label and tooltip to be hidden
-   */
-  hideLabel: PropTypes.bool,
-  /**
-   * boolean to know the updated value in not valid
-   */
-  isInvalid: PropTypes.bool,
-  /**
-   * label of the button
-   */
-  label: PropTypes.string,
-  /**
-   * mouse events callbacks
-   */
-  onBlur: PropTypes.func,
-  /**
-   * callback triggered on click of add button
-   */
-  onClick: PropTypes.func,
-  onFocus: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  /**
-   * Optional prop to allow overriding the icon rendering.
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   */
-  /**
-   *decides if  tooltip to be shown
-   */
-  showToolTip: PropTypes.bool,
-  /**
-   * Tab index
-   */
-  tabIndex: PropTypes.number,
-  /**
-   * tooltip position
-   */
-  tooltipAlign: PropTypes.string,
-  /**
-   * classname applies to the wrapper of popover
-   */
-  wrapperClassName: PropTypes.string,
-  /**
-   * optional props for tree grid to add role and aria-label to wrapper span
-   */
-  wrapperProps: PropTypes.object
-};
-
-export { ConditionBuilderButton };

package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts

@@ -1,30 +0,0 @@
-/**
- * Copyright IBM Corp. 2024
- *
- * 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 from 'react';
-interface ConditionConnectorProps {
-    operator: string;
-    className: string;
-    onChange?: (op: string) => void;
-}
-declare const ConditionConnector: {
-    ({ operator, className, onChange, ...rest }: ConditionConnectorProps): React.JSX.Element;
-    propTypes: {
-        /**
-         * Provide an optional class to be applied to the containing node.
-         */
-        className: any;
-        /**
-         * callback to update the current condition of the state tree
-         */
-        onChange: any;
-        /**
-         * string that defines the connector operator (and/or)
-         */
-        operator: any;
-    };
-};
-export default ConditionConnector;

package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js

@@ -1,94 +0,0 @@
-/**
- * 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 { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useContext, useCallback } from 'react';
-import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
-import { ItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js';
-import PropTypes from '../../../_virtual/index.js';
-import { HIERARCHICAL_VARIANT, blockClass, focusThisField } from '../utils/util.js';
-import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
-import { useTranslations } from '../utils/useTranslations.js';
-import { useDataConfigs } from '../utils/useDataConfigs.js';
-import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
-
-const ConditionConnector = _ref => {
-  let {
-    operator,
-    className,
-    onChange,
-    ...rest
-  } = _ref;
-  const {
-    variant,
-    conditionBuilderRef
-  } = useContext(ConditionBuilderContext);
-  const [connectorText] = useTranslations(['connectorText']);
-  const {
-    connectorConfig
-  } = useDataConfigs();
-  const handleConnectorHover = useCallback((parentGroup, isHover) => {
-    if (isHover) {
-      parentGroup.classList.add('hoveredConnector');
-    } else {
-      parentGroup.classList.remove('hoveredConnector');
-    }
-  }, []);
-  const activeConnectorHandler = evt => {
-    const parentGroup = evt?.currentTarget.closest('.eachGroup');
-    handleConnectorHover(parentGroup, true);
-  };
-  const inActiveConnectorHandler = evt => {
-    const parentGroup = evt?.currentTarget.closest('.eachGroup');
-    handleConnectorHover(parentGroup, false);
-  };
-  const onChangeHandler = (op, evt) => {
-    onChange?.(op);
-    focusThisField(evt, conditionBuilderRef);
-  };
-  return variant == HIERARCHICAL_VARIANT ? /*#__PURE__*/React__default.createElement("span", {
-    className: `${className} ${blockClass}__connector ${blockClass}__connector--disabled`
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, {
-    label: operator
-  })) : /*#__PURE__*/React__default.createElement(ConditionBuilderItem, _extends({
-    label: operator,
-    title: connectorText,
-    "data-name": "connectorField",
-    onMouseEnter: activeConnectorHandler,
-    onMouseLeave: inActiveConnectorHandler,
-    onFocus: activeConnectorHandler,
-    onBlur: inActiveConnectorHandler
-  }, rest, {
-    popOverClassName: `${className} ${blockClass}__connector`,
-    className: `${blockClass}__connector-button`
-  }), /*#__PURE__*/React__default.createElement(ItemOption, {
-    config: {
-      options: connectorConfig
-    },
-    conditionState: {
-      value: operator,
-      label: connectorText
-    },
-    onChange: onChangeHandler
-  }));
-};
-ConditionConnector.propTypes = {
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: PropTypes.string,
-  /**
-   * callback to update the current condition of the state tree
-   */
-  onChange: PropTypes.func,
-  /**
-   * string that defines the connector operator (and/or)
-   */
-  operator: PropTypes.string
-};
-
-export { ConditionConnector as default };

package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts

@@ -1,3 +0,0 @@
-export default GroupConnector;
-declare function GroupConnector(): React.JSX.Element;
-import React from 'react';

package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js

@@ -1,54 +0,0 @@
-/**
- * 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 ${blockClass}__groupConnector`,
-    className: `${blockClass}__statement-button`
-  }, /*#__PURE__*/React__default.createElement(ItemOption, {
-    conditionState: {
-      value: rootState.operator,
-      label: conditionText
-    },
-    onChange: onStatementChangeHandler,
-    config: {
-      options: connectorConfig
-    }
-  })));
-};
-
-export { GroupConnector as default };

package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts

@@ -1,38 +0,0 @@
-/**
- * Copyright IBM Corp. 2024
- *
- * 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 from 'react';
-import { Action, ConditionBuilderState, InitialState } from '../ConditionBuilder.types';
-interface ConditionBuilderContentProps {
-    startConditionLabel: string;
-    getConditionState: (state: ConditionBuilderState) => void;
-    getActionsState?: (state: Action[]) => void;
-    initialState?: InitialState;
-    actions?: Action[];
-}
-declare const ConditionBuilderContent: {
-    ({ startConditionLabel, getConditionState, getActionsState, initialState, actions, }: ConditionBuilderContentProps): React.JSX.Element;
-    propTypes: {
-        /**
-         * optional array of object that give the list of actions.
-         */
-        actions: any;
-        /**
-         * callback functions that will provide the updated action state back.
-         */
-        getActionsState: any;
-        /**
-         * This is a callback function that returns the updated state
-         */
-        getConditionState: any;
-        /**
-         * Optional prop if the condition building need to start from a predefined initial state
-         */
-        initialState: any;
-        startConditionLabel: any;
-    };
-};
-export default ConditionBuilderContent;