@carbon/ibm-products 2.70.0 → 2.71.0-rc.0

package/es/_virtual/index2.js

@@ -5,10 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireLodash_debounce } from '../node_modules/lodash.debounce/index.js';
+var propTypes = {exports: {}};
 
-var lodash_debounceExports = requireLodash_debounce();
-var debounce = /*@__PURE__*/getDefaultExportFromCjs(lodash_debounceExports);
-
-export { debounce as default };
+export { propTypes as __module };

package/es/components/APIKeyModal/APIKeyDownloader.d.ts

@@ -1,22 +1,64 @@
-export function APIKeyDownloader({ apiKey, body, fileName, fileType, linkText, downloadLinkLabel, }: {
-    apiKey: any;
-    body: any;
-    fileName: any;
-    fileType: any;
-    linkText: any;
+/**
+ * Copyright IBM Corp. 2021, 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 from 'react';
+interface APIKeyDownloaderProps {
+    /**
+     * the api key that's displayed to the user when a request to create is fulfilled.
+     */
+    apiKey?: string;
+    /**
+     * the content that appears that indicates the key is downloadable
+     */
+    body?: string;
+    /**
+     * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
+     */
+    fileName?: string;
+    /**
+     * designates the file type for the downloadable key
+     */
+    fileType: 'txt' | 'json';
+    /**
+     * anchor text for the download link
+     */
+    linkText: string;
+    /**
+     * Aria-label for the download link
+     */
     downloadLinkLabel: any;
-}): React.JSX.Element;
-export namespace APIKeyDownloader {
-    export { componentName as displayName };
-    export namespace propTypes {
-        let apiKey: any;
-        let body: any;
-        let downloadLinkLabel: any;
-        let fileName: any;
-        let fileType: any;
-        let linkText: any;
-    }
 }
-import React from 'react';
-declare const componentName: "APIKeyDownloader";
+export declare const APIKeyDownloader: {
+    (props: APIKeyDownloaderProps): React.JSX.Element;
+    displayName: string;
+    propTypes: {
+        /**
+         * the api key that's displayed to the user when a request to create is fulfilled.
+         */
+        apiKey: any;
+        /**
+         * body content for the downloader
+         */
+        body: any;
+        /**
+         * aria-label for the download link
+         */
+        downloadLinkLabel: any;
+        /**
+         * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
+         */
+        fileName: any;
+        /**
+         * designates the file type for the downloadable key
+         */
+        fileType: any;
+        /**
+         * anchor text for the download link
+         */
+        linkText: any;
+    };
+};
 export {};

package/es/components/APIKeyModal/APIKeyDownloader.js

@@ -11,15 +11,15 @@ import PropTypes from '../../_virtual/index.js';
 import { pkg } from '../../settings.js';
 
 const componentName = 'APIKeyDownloader';
-const APIKeyDownloader = _ref => {
-  let {
+const APIKeyDownloader = props => {
+  const {
     apiKey,
     body,
     fileName,
     fileType,
     linkText,
     downloadLinkLabel
-  } = _ref;
+  } = props;
   const [linkProps, setLinkProps] = useState({});
   useEffect(() => {
     const generateLinkProps = async () => {

package/es/components/APIKeyModal/APIKeyModal.js

@@ -123,7 +123,7 @@ let APIKeyModal = /*#__PURE__*/forwardRef((_ref, ref) => {
   useEffect(() => {
     if (open) {
       // Focusing the first element or selectorPrimaryFocus element
-      claimFocus();
+      setTimeout(() => claimFocus(), 0);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [modalRef, open, firstElement]);

package/es/components/ActionSet/ActionSet.d.ts

@@ -33,6 +33,10 @@ export interface ActionSetProps {
      */
     size?: ButtonSize;
 }
+export declare const validateActionSetProps: ({ actions, size }: {
+    actions: any;
+    size: any;
+}) => any;
 /**
  * An ActionSet presents a set of action buttons, constructed from bundles
  * of prop values and applying some layout rules. When the size is 'sm'

package/es/components/ActionSet/ActionSet.js

@@ -12,6 +12,7 @@ import { allPropTypes, prepareProps } from '../../global/js/utils/props-helper.j
 import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
+import pconsole from '../../global/js/utils/pconsole.js';
 
 var _InlineLoading;
 const blockClass = `${pkg.prefix}--action-set`;
@@ -54,6 +55,41 @@ const willStack = (size, numberOfActions) => size === 'sm' || size === 'md' && n
 const defaults = {
   size: 'md'
 };
+const validateActionSetProps = _ref2 => {
+  let {
+    actions,
+    size
+  } = _ref2;
+  if (actions && actions.length) {
+    const problems = [];
+    const stacking = willStack(size, actions.length);
+    const countActions = kind => actions.filter(action => (action.kind || defaultKind) === kind).length;
+    const primaryActions = countActions('primary');
+    const secondaryActions = countActions('secondary');
+    const dangerActions = countActions('danger');
+    const ghostActions = countActions('ghost') + countActions('danger--ghost');
+    if (stacking && actions.length > 3) {
+      problems.push(`you cannot have more than three actions in this size of ${componentName}`);
+    }
+    if (actions.length > 4) {
+      problems.push(`you cannot have more than four actions in a ${componentName}`);
+    }
+    if (primaryActions > 1) {
+      problems.push(`you cannot have more than one 'primary' action in a ${componentName}`);
+    }
+    if (ghostActions > 1) {
+      problems.push(`you cannot have more than one 'ghost' action in a ${componentName}`);
+    }
+    if (stacking && actions.length > 1 && ghostActions > 0) {
+      problems.push(`you cannot have a 'ghost' button in conjunction with other action types in this size of ${componentName}`);
+    }
+    if (actions.length > primaryActions + secondaryActions + dangerActions + ghostActions) {
+      problems.push(`you can only have 'primary', 'danger', 'secondary', 'ghost' and 'danger--ghost' buttons in a ${componentName}`);
+    }
+    return problems.length > 0 ? pconsole.error(`Invalid prop \`actions\` supplied to \`${componentName}\`: ${problems.join(', and ')}.`) : null;
+  }
+};
+
 /**
  * An ActionSet presents a set of action buttons, constructed from bundles
  * of prop values and applying some layout rules. When the size is 'sm'
@@ -66,17 +102,18 @@ const defaults = {
  * it appears at the left side. If there is a primary button it appears at the
  * right.
  */
-const ActionSet = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
-  let {
-    // The component props, in alphabetical order (for consistency).
-
+const ActionSet = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
     actions,
     buttonSize,
     className,
     size = defaults.size,
-    // Collect any other property values passed in.
     ...rest
-  } = _ref2;
+  } = props;
+  validateActionSetProps({
+    actions,
+    size
+  });
   const buttons = actions && actions.slice?.(0) || [];
 
   // We stack the buttons in a sm set, or if there are three or more in a md set.
@@ -129,41 +166,7 @@ ActionSet.displayName = componentName;
  * @returns null if the actions meet the requirements, or an Error object with
  * an explanatory message.
  */
-/**@ts-ignore*/
-ActionSet.validateActions = sizeFn => (props, propName, componentName, location, propFullName) => {
-  const name = propFullName || propName;
-  const prop = props[name];
-  const actions = prop && prop?.length;
-  const problems = [];
-  if (actions > 0) {
-    const size = sizeFn ? sizeFn(props) : props.size || defaults.size;
-    const stacking = willStack(size, actions);
-    const countActions = kind => prop.filter(action => (action.kind || defaultKind) === kind).length;
-    const primaryActions = countActions('primary');
-    const secondaryActions = countActions('secondary');
-    const dangerActions = countActions('danger');
-    const ghostActions = countActions('ghost') + countActions('danger--ghost');
-    if (stacking && actions > 3) {
-      problems.push(`you cannot have more than three actions in this size of ${componentName}`);
-    }
-    if (actions > 4) {
-      problems.push(`you cannot have more than four actions in a ${componentName}`);
-    }
-    if (primaryActions > 1) {
-      problems.push(`you cannot have more than one 'primary' action in a ${componentName}`);
-    }
-    if (ghostActions > 1) {
-      problems.push(`you cannot have more than one 'ghost' action in a ${componentName}`);
-    }
-    if (stacking && actions > 1 && ghostActions > 0) {
-      problems.push(`you cannot have a 'ghost' button in conjunction with other action types in this size of ${componentName}`);
-    }
-    if (actions > primaryActions + secondaryActions + dangerActions + ghostActions) {
-      problems.push(`you can only have 'primary', 'danger', 'secondary', 'ghost' and 'danger--ghost' buttons in a ${componentName}`);
-    }
-  }
-  return problems.length > 0 ? new Error(`Invalid ${location} \`${name}\` supplied to \`${componentName}\`: ${problems.join(', and ')}.`) : null;
-};
+
 ActionSet.propTypes = {
   /**
    * The action buttons to show. Each action is specified as an
@@ -177,8 +180,7 @@ ActionSet.propTypes = {
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
-  actions: allPropTypes([/**@ts-ignore*/
-  ActionSet.validateActions(), PropTypes.arrayOf(PropTypes.shape({
+  actions: allPropTypes([PropTypes.arrayOf(PropTypes.shape({
     /**@ts-ignore*/
     ...Button.propTypes,
     kind: PropTypes.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
@@ -207,4 +209,4 @@ ActionSet.propTypes = {
   size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', '2xl'])
 };
 
-export { ActionSet };
+export { ActionSet, validateActionSetProps };

package/es/components/AddSelect/AddSelectBody.js

@@ -358,6 +358,6 @@ AddSelectBody.propTypes = {
   title: PropTypes.string,
   useNormalizedItems: PropTypes.bool
 };
-AddSelectBreadcrumbs.displayName = componentName;
+AddSelectBody.displayName = componentName;
 
 export { AddSelectBody };

package/es/components/Card/Card.d.ts

@@ -3,6 +3,7 @@ interface Metadata {
     id?: string;
     icon?: () => ReactNode;
     iconDescription?: string;
+    [key: `data-${string}`]: string;
 }
 type LinkType = {
     href: string;

package/es/components/Coachmark/CoachmarkOverlay.js

@@ -33,8 +33,8 @@ const defaults = {
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-let CoachmarkOverlay = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
+let CoachmarkOverlay = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
     children,
     onClose,
     fixedIsVisible,
@@ -42,7 +42,7 @@ let CoachmarkOverlay = /*#__PURE__*/forwardRef((_ref, ref) => {
     kind = defaults.kind,
     theme = defaults.theme,
     ...rest
-  } = _ref;
+  } = props;
   const {
     winHeight,
     winWidth
@@ -82,7 +82,7 @@ let CoachmarkOverlay = /*#__PURE__*/forwardRef((_ref, ref) => {
   const styledTune = useMemo(() => {
     const style = {};
     if (isBeacon || isDraggable) {
-      if (coachmark.targetRect) {
+      if (coachmark?.targetRect) {
         style.left = coachmark.targetRect.x + window.scrollX;
         style.top = coachmark.targetRect.y + window.scrollY;
       }
@@ -152,7 +152,7 @@ let CoachmarkOverlay = /*#__PURE__*/forwardRef((_ref, ref) => {
     }
   }, [styledTune, overlayRef]);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, `${blockClass}--${kind}`, `${blockClass}__${theme}`, (isBeacon || isDraggable) && `${blockClass}--${coachmark.align}`, fixedIsVisible && `${blockClass}--is-visible`, a11yDragMode && `${blockClass}--is-dragmode`, className),
+    className: cx(blockClass, `${blockClass}--${kind}`, `${blockClass}__${theme}`, (isBeacon || isDraggable) && coachmark?.align && `${blockClass}--${coachmark.align}`, fixedIsVisible && `${blockClass}--is-visible`, a11yDragMode && `${blockClass}--is-dragmode`, className),
     ref: overlayRef,
     "aria-labelledby": contentId,
     tabIndex: -1

package/es/components/Coachmark/CoachmarkTagline.js

@@ -39,13 +39,13 @@ let CoachmarkTagline = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   } = _ref;
   const coachmark = useCoachmark();
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, `${blockClass}__${theme}`, coachmark.isOpen && `${blockClass}--is-open`),
+    className: cx(blockClass, `${blockClass}__${theme}`, coachmark?.isOpen && `${blockClass}--is-open`),
     ref: ref
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("button", _extends({
     // {...rest}
     className: `${blockClass}__cta`,
     type: "button"
-  }, coachmark.buttonProps), /*#__PURE__*/React__default.createElement("div", {
+  }, coachmark?.buttonProps), /*#__PURE__*/React__default.createElement("div", {
     className: `${blockClass}__idea`
   }, _Idea || (_Idea = /*#__PURE__*/React__default.createElement(Idea, {
     size: 16

package/es/components/Coachmark/utils/context.d.ts

@@ -1,2 +1,28 @@
-export const CoachmarkContext: import("react").Context<any>;
-export function useCoachmark(): any;
+/**
+ * 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 { PopoverAlignment } from '@carbon/react';
+import { ButtonProps } from '@carbon/react';
+interface CoachmarkContextType {
+    buttonProps: ButtonProps<React.ElementType>;
+    closeButtonProps: {
+        onClick: () => void;
+    };
+    targetRect?: DOMRect;
+    targetOffset?: {
+        x: number;
+        y: number;
+    };
+    align?: PopoverAlignment;
+    positionTune?: {
+        x: number;
+        y: number;
+    };
+    isOpen: boolean;
+}
+export declare const CoachmarkContext: import("react").Context<CoachmarkContextType | null>;
+export declare const useCoachmark: () => CoachmarkContextType | null;
+export {};

package/es/components/Coachmark/utils/context.js

@@ -7,7 +7,7 @@
 
 import { useContext, createContext } from 'react';
 
-const CoachmarkContext = /*#__PURE__*/createContext();
+const CoachmarkContext = /*#__PURE__*/createContext(null);
 const useCoachmark = () => {
   return useContext(CoachmarkContext);
 };

package/es/components/CoachmarkStack/CoachmarkStack.js

@@ -141,16 +141,15 @@ let CoachmarkStack = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect(() => {
-    setTimeout(() => {
-      if (stackHomeRef.current) {
-        setParentHeight(stackHomeRef.current.clientHeight + 16);
-      }
-    }, 0);
-  }, [stackHomeRef]);
   useEffect(() => {
     const targetSelectedItem = selectedItemNumber - 1;
     if (!parentHeight) {
+      if (stackHomeRef.current) {
+        const height = stackHomeRef.current.clientHeight;
+        if (height > 0) {
+          setParentHeight(height);
+        }
+      }
       return;
     }
     if (stackHomeRef.current) {
@@ -158,14 +157,18 @@ let CoachmarkStack = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     }
     if (!isOpen || targetSelectedItem < 0) {
       if (stackHomeRef.current) {
+        stackHomeRef.current.classList.remove(`${blockClass}--scaled-home`);
+        stackHomeRef.current.classList.add(`${blockClass}--unscaled-home`);
         stackHomeRef.current.focus();
       }
       return;
     }
     const targetHomeHeight = stackedCoachmarkRefs.current[targetSelectedItem].clientHeight;
     if (stackHomeRef.current) {
-      stackHomeRef.current.style.height = `${targetHomeHeight}px`;
+      stackHomeRef.current.style.height = `calc(${targetHomeHeight}px + 3rem)`;
       stackedCoachmarkRefs.current[targetSelectedItem].focus();
+      stackHomeRef.current.classList.remove(`${blockClass}--unscaled-home`);
+      stackHomeRef.current.classList.add(`${blockClass}--scaled-home`);
     }
   }, [selectedItemNumber, isOpen, parentHeight]);
   const wrappedChildren = Children.map(childArray, (child, idx) => {

package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js

@@ -152,7 +152,7 @@ const ConditionBlock = props => {
       'aria-setsize': aria.setsize
     } : {};
   };
-  const renderChildren = popoverRef => {
+  const renderChildren = (popoverRef, closePopover) => {
     return /*#__PURE__*/React__default.createElement(ItemComponent, {
       conditionState: {
         property,
@@ -163,7 +163,21 @@ const ConditionBlock = props => {
       config: config,
       "data-name": "valueField",
       parentRef: popoverRef,
-      type: type
+      type: type,
+      closePopover: closePopover
+    });
+  };
+  const renderItemOption = (popoverRef, closePopover) => {
+    return /*#__PURE__*/React__default.createElement(ItemOption, {
+      conditionState: {
+        value: property,
+        label: propertyText
+      },
+      onChange: onPropertyChangeHandler,
+      config: {
+        options: inputConfig?.properties
+      },
+      closePopover: closePopover
     });
   };
   return /*#__PURE__*/React__default.createElement("div", _extends({
@@ -213,17 +227,9 @@ const ConditionBlock = props => {
     condition: condition,
     type: type,
     description: description,
-    onChange: onPropertyChangeHandler
-  }, /*#__PURE__*/React__default.createElement(ItemOption, {
-    conditionState: {
-      value: property,
-      label: propertyText
-    },
     onChange: onPropertyChangeHandler,
-    config: {
-      options: inputConfig?.properties
-    }
-  })), checkIsValid(property) && /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
+    renderChildren: renderItemOption
+  }), checkIsValid(property) && /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
     label: operator,
     title: operatorText,
     "data-name": "operatorField",

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

@@ -18,7 +18,7 @@ interface ConditionBuilderItemProps extends PropsWithChildren {
     description?: string;
     condition?: Action & Condition;
     config?: ConfigType;
-    renderChildren?: (ref: Ref<HTMLDivElement>) => ReactNode;
+    renderChildren?: (ref: Ref<HTMLDivElement | null>, closePopover: () => void) => ReactNode;
     onChange?: (val: string) => void;
     tabIndex?: number;
     onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js

@@ -89,7 +89,9 @@ const ConditionBuilderItem = _ref => {
       }
       if (condition.popoverToOpen == currentField) {
         //current popover need to be opened
-        openPopOver();
+        setTimeout(() => {
+          openPopOver();
+        });
       }
     } else {
       // when we change any statement(if/ excl.if) which is not part of condition state, label change is triggered.
@@ -126,7 +128,7 @@ const ConditionBuilderItem = _ref => {
     }
   };
   const handleKeyDownHandler = evt => {
-    handleKeyDownForPopover(evt, conditionBuilderRef, popoverRef);
+    handleKeyDownForPopover(evt, conditionBuilderRef, popoverRef, closePopover);
     if (evt.key === 'Escape') {
       manageInvalidSelection();
     }
@@ -178,7 +180,7 @@ const ConditionBuilderItem = _ref => {
     className: `${blockClass}__item__title`
   }, title), /*#__PURE__*/React__default.createElement("div", {
     className: `${blockClass}__popover-content`
-  }, renderChildren ? renderChildren(popoverRef) : children)))));
+  }, renderChildren ? renderChildren(popoverRef, closePopover) : children)))));
 };
 ConditionBuilderItem.propTypes = {
   /**

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts

@@ -17,9 +17,10 @@ interface ItemOptionProps {
         isStatement?: boolean;
     };
     onChange: (value: string, e: Event) => void;
+    closePopover?: () => void;
 }
 export declare const ItemOption: {
-    ({ conditionState, config, onChange, }: ItemOptionProps): React.JSX.Element | undefined;
+    ({ conditionState, config, onChange, closePopover, }: ItemOptionProps): React.JSX.Element | undefined;
     propTypes: {
         /**
          * current condition object

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js

@@ -17,7 +17,8 @@ const ItemOption = _ref => {
   let {
     conditionState = {},
     config = {},
-    onChange
+    onChange,
+    closePopover
   } = _ref;
   const {
     popOverSearchThreshold
@@ -71,7 +72,9 @@ const ItemOption = _ref => {
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
     onChange: onSearchChangeHandler,
-    onKeyDown: evt => onKeyDownHandlerForSearch(evt, conditionBuilderRef)
+    onKeyDown: evt => {
+      onKeyDownHandlerForSearch(evt, conditionBuilderRef, closePopover);
+    }
   })), /*#__PURE__*/React__default.createElement("ul", {
     "aria-label": getAriaLabel(),
     role: "listbox"

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts

@@ -12,9 +12,10 @@ interface ItemOptionForValueFieldProps {
     };
     config: PropertyConfigOption['config'];
     onChange: (value: any, e?: Event) => void;
+    closePopover?: () => void;
 }
 export declare const ItemOptionForValueField: {
-    ({ conditionState, config, onChange, }: ItemOptionForValueFieldProps): React.JSX.Element;
+    ({ conditionState, config, onChange, closePopover, }: ItemOptionForValueFieldProps): React.JSX.Element;
     propTypes: {
         /**
          * current condition object

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js

@@ -18,7 +18,8 @@ const ItemOptionForValueField = _ref => {
   let {
     conditionState = {},
     config = {},
-    onChange
+    onChange,
+    closePopover
   } = _ref;
   const multiSelectable = checkForMultiSelectOperator(conditionState, config);
   const {
@@ -123,7 +124,9 @@ const ItemOptionForValueField = _ref => {
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
     onChange: onSearchChangeHandler,
-    onKeyDown: evt => onKeyDownHandlerForSearch(evt, conditionBuilderRef)
+    onKeyDown: evt => {
+      onKeyDownHandlerForSearch(evt, conditionBuilderRef, closePopover);
+    }
   })), multiSelectable && /*#__PURE__*/React__default.createElement("div", {
     className: `${blockClass}__multiselectSelectionStatusContainer`
   }, /*#__PURE__*/React__default.createElement("label", null, selection.length, "/", allOptions.length, " Selected"), /*#__PURE__*/React__default.createElement(Button, {

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts

@@ -9,10 +9,18 @@ import { PropertyConfigTime } from '../../ConditionBuilder.types';
 interface ConditionBuilderItemTime {
     onChange: (value: string | undefined) => void;
     config: PropertyConfigTime['config'];
+    conditionState: {
+        label?: string;
+        value?: string;
+    };
 }
 export declare const ConditionBuilderItemTime: {
-    ({ onChange, config, }: ConditionBuilderItemTime): React.JSX.Element;
+    ({ onChange, config, conditionState, }: ConditionBuilderItemTime): React.JSX.Element;
     propTypes: {
+        /**
+         * current condition object
+         */
+        conditionState: any;
         /**
          * current config object that this property is part of
          */