@carbon/ibm-products 2.43.2-canary.146 → 2.43.2-canary.149

Sign up to get free protection for your applications and to get access to all the features.
Files changed (86) hide show
  1. package/css/index-full-carbon.css +4 -6
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon.css +4 -6
  6. package/css/index-without-carbon.css.map +1 -1
  7. package/css/index-without-carbon.min.css +1 -1
  8. package/css/index-without-carbon.min.css.map +1 -1
  9. package/css/index.css +4 -6
  10. package/css/index.css.map +1 -1
  11. package/css/index.min.css +1 -1
  12. package/css/index.min.css.map +1 -1
  13. package/es/components/Card/Card.js +4 -2
  14. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +100 -24
  15. package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +19 -20
  16. package/es/components/ConditionBuilder/ConditionBuilder.d.ts +9 -2
  17. package/es/components/ConditionBuilder/ConditionBuilder.js +9 -6
  18. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +150 -0
  19. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +26 -12
  20. package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +6 -6
  21. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +62 -27
  22. package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +1 -2
  23. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +84 -37
  24. package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
  25. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +29 -14
  26. package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +5 -6
  27. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +40 -20
  28. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +32 -30
  29. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +10 -49
  30. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +20 -29
  31. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +81 -31
  32. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +5 -5
  33. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +27 -12
  34. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
  35. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +30 -12
  36. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +11 -6
  37. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +33 -12
  38. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +5 -4
  39. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +32 -12
  40. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +3 -3
  41. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +35 -14
  42. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +4 -4
  43. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +25 -10
  44. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +44 -17
  45. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +39 -32
  46. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +30 -13
  47. package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +1 -2
  48. package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -1
  49. package/lib/components/Card/Card.js +3 -1
  50. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +100 -24
  51. package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +19 -20
  52. package/lib/components/ConditionBuilder/ConditionBuilder.d.ts +9 -2
  53. package/lib/components/ConditionBuilder/ConditionBuilder.js +9 -6
  54. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +150 -0
  55. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +26 -12
  56. package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +6 -6
  57. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +62 -27
  58. package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +1 -2
  59. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +84 -37
  60. package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
  61. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +29 -14
  62. package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +5 -6
  63. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +40 -20
  64. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +32 -30
  65. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +10 -49
  66. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +20 -29
  67. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +81 -31
  68. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +5 -5
  69. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +27 -12
  70. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
  71. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +30 -12
  72. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +11 -6
  73. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +33 -12
  74. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +5 -4
  75. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +32 -12
  76. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +3 -3
  77. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +35 -14
  78. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +4 -4
  79. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +25 -10
  80. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +44 -17
  81. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +39 -32
  82. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +30 -13
  83. package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +1 -2
  84. package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -1
  85. package/package.json +3 -3
  86. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +21 -19
@@ -0,0 +1,150 @@
1
+ /// <reference path="../../../src/custom-typings/index.d.ts" />
2
+ /**
3
+ * Copyright IBM Corp. 2024
4
+ *
5
+ * This source code is licensed under the Apache-2.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ import { TextAreaProps, TextInputProps } from '@carbon/react';
9
+ import { CarbonIconType } from '@carbon/react/icons';
10
+ import { NumberInputProps } from '@carbon/react/lib/components/NumberInput/NumberInput';
11
+ import { Dispatch, ForwardedRef, PropsWithChildren, ReactNode, SetStateAction } from 'react';
12
+ export type LogicalOperator = 'and' | 'or';
13
+ export type StatementOperator = 'if' | 'if-not';
14
+ type CoreOperator = 'is';
15
+ type NumberOperator = 'greater' | 'greaterEqual' | 'lower' | 'lowerEqual';
16
+ type StringOperator = 'startsWith' | 'endsWith';
17
+ type ArrayOperator = 'contains';
18
+ type OptionOperator = 'oneOf';
19
+ type DateOperator = 'before' | 'after';
20
+ export type Operator = LogicalOperator | StatementOperator | CoreOperator | NumberOperator | StringOperator | ArrayOperator | OptionOperator | DateOperator;
21
+ export type OperatorGroups = 'logical' | 'statement' | 'core' | 'number' | 'string' | 'array' | 'option' | 'date';
22
+ export type Operators = {
23
+ logical: LogicalOperator;
24
+ statement: StatementOperator;
25
+ core: CoreOperator;
26
+ number: NumberOperator;
27
+ string: StringOperator;
28
+ array: ArrayOperator;
29
+ option: OptionOperator;
30
+ date: DateOperator;
31
+ };
32
+ export type PropertyConfigOption = {
33
+ type: 'option';
34
+ config?: {
35
+ options?: {
36
+ id: string;
37
+ label: string;
38
+ icon?: CarbonIconType;
39
+ }[];
40
+ };
41
+ };
42
+ export interface PropertyConfigText {
43
+ type: 'text';
44
+ config: TextInputProps;
45
+ }
46
+ export interface PropertyConfigTextArea {
47
+ type: 'textarea';
48
+ config: TextAreaProps;
49
+ }
50
+ export interface PropertyConfigNumber {
51
+ type: 'number';
52
+ config: {
53
+ min?: number;
54
+ max?: number;
55
+ step?: number;
56
+ unit?: string;
57
+ } & NumberInputProps;
58
+ }
59
+ export type PropertyConfigDate = {
60
+ type: 'date';
61
+ config: object;
62
+ };
63
+ export type PropertyConfigTime = {
64
+ type: 'time';
65
+ config: {
66
+ timeZones: string[];
67
+ };
68
+ };
69
+ export type PropertyConfigCustom = {
70
+ type: 'custom';
71
+ config: {
72
+ component: React.ComponentType<any>;
73
+ operators: {
74
+ label: string;
75
+ id: string;
76
+ }[];
77
+ };
78
+ };
79
+ export type PropertyConfig = {
80
+ option: PropertyConfigOption;
81
+ text: PropertyConfigText;
82
+ textarea: PropertyConfigTextArea;
83
+ number: PropertyConfigNumber;
84
+ date: PropertyConfigDate;
85
+ time: PropertyConfigTime;
86
+ custom: PropertyConfigCustom;
87
+ };
88
+ export type Property = {
89
+ id: string;
90
+ label: string;
91
+ icon?: CarbonIconType;
92
+ } & (PropertyConfig['option'] | PropertyConfig['text'] | PropertyConfig['number'] | PropertyConfig['date'] | PropertyConfig['textarea'] | PropertyConfig['time'] | PropertyConfig['custom']);
93
+ export type inputConfig = {
94
+ properties: Property[];
95
+ };
96
+ export type Option = {
97
+ id: string;
98
+ label: string;
99
+ icon?: CarbonIconType;
100
+ };
101
+ export type Condition = {
102
+ property?: string;
103
+ operator?: Operator | '' | 'INVALID';
104
+ value?: string | Option[] | Option;
105
+ id?: string | number;
106
+ popoverToOpen?: string;
107
+ };
108
+ export type ConditionGroup = {
109
+ conditions?: (ConditionGroup | Condition)[];
110
+ groupOperator?: LogicalOperator;
111
+ statement?: StatementOperator;
112
+ id: string;
113
+ };
114
+ export type ConditionBuilderState = {
115
+ groups?: ConditionGroup[];
116
+ operator?: LogicalOperator;
117
+ };
118
+ export type Action = {
119
+ id?: string | number;
120
+ label?: string;
121
+ };
122
+ export type ConditionBuilderProps = {
123
+ inputConfig: inputConfig;
124
+ initialState?: ConditionBuilderState;
125
+ getActionsState?: (state: Action[] | undefined) => void;
126
+ getConditionState: (state: ConditionBuilderState | undefined) => void;
127
+ getOptions?: (state: ConditionBuilderState, condition: Condition) => Promise<Option[]>;
128
+ actions?: Action[];
129
+ className?: string;
130
+ popOverSearchThreshold: number;
131
+ startConditionLabel: string;
132
+ variant?: 'sentence' | 'tree';
133
+ translateWithId: (id: string) => string;
134
+ };
135
+ export interface ConditionBuilderContextInputProps extends PropsWithChildren {
136
+ children?: ReactNode;
137
+ inputConfig?: inputConfig;
138
+ popOverSearchThreshold?: number;
139
+ getOptions?: (state: ConditionBuilderState, condition: Condition) => Promise<Option[]>;
140
+ variant?: string;
141
+ translateWithId?: (id: string) => string;
142
+ conditionBuilderRef?: ForwardedRef<HTMLDivElement>;
143
+ }
144
+ export type ConditionBuilderContextProps = {
145
+ rootState?: ConditionBuilderState;
146
+ setRootState?: Dispatch<SetStateAction<ConditionBuilderState>>;
147
+ actionState?: Action[];
148
+ setActionState?: Dispatch<SetStateAction<Action[]>>;
149
+ } & ConditionBuilderContextInputProps;
150
+ export {};
@@ -1,15 +1,29 @@
1
- export default ConditionBuilderActions;
2
- declare function ConditionBuilderActions({ actions, className }: {
3
- actions: any;
4
- className: any;
5
- }): import("react/jsx-runtime").JSX.Element;
6
- declare namespace ConditionBuilderActions {
7
- namespace propTypes {
8
- let actions: PropTypes.Requireable<(PropTypes.InferProps<{
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import PropTypes from 'prop-types';
8
+ import { Action, Option } from '../ConditionBuilder.types';
9
+ interface ConditionBuilderActionsProps {
10
+ actions: Action[] | Option[];
11
+ className?: string;
12
+ }
13
+ declare const ConditionBuilderActions: {
14
+ ({ actions, className, }: ConditionBuilderActionsProps): import("react/jsx-runtime").JSX.Element;
15
+ propTypes: {
16
+ /**
17
+ * optional array of object that give the list of actions.
18
+ */
19
+ actions: PropTypes.Requireable<(PropTypes.InferProps<{
9
20
  id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
10
21
  label: PropTypes.Validator<string>;
11
22
  }> | null | undefined)[]>;
12
- let className: PropTypes.Requireable<string>;
13
- }
14
- }
15
- import PropTypes from 'prop-types';
23
+ /**
24
+ * Provide an optional class to be applied to the containing node.
25
+ */
26
+ className: PropTypes.Requireable<string>;
27
+ };
28
+ };
29
+ export default ConditionBuilderActions;
@@ -33,7 +33,8 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
33
33
  var actions = _ref.actions,
34
34
  className = _ref.className;
35
35
  var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
36
- actionState = _useContext.actionState,
36
+ _useContext$actionSta = _useContext.actionState,
37
+ actionState = _useContext$actionSta === void 0 ? [] : _useContext$actionSta,
37
38
  setActionState = _useContext.setActionState;
38
39
  var _useState = React.useState(-1),
39
40
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -53,7 +54,7 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
53
54
  label: undefined,
54
55
  popoverToOpen: 'valueField'
55
56
  };
56
- setActionState([].concat(_rollupPluginBabelHelpers.toConsumableArray(actionState), [action]));
57
+ setActionState === null || setActionState === void 0 || setActionState([].concat(_rollupPluginBabelHelpers.toConsumableArray(actionState), [action]));
57
58
  };
58
59
  var onchangeHandler = function onchangeHandler(selectedId, actionIndex) {
59
60
  var action = actions.find(function (action) {
@@ -64,10 +65,10 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
64
65
  var newAction = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, action), {}, {
65
66
  id: actionState[actionIndex].id
66
67
  });
67
- setActionState([].concat(_rollupPluginBabelHelpers.toConsumableArray(actionState.slice(0, actionIndex)), [newAction], _rollupPluginBabelHelpers.toConsumableArray(actionState.slice(actionIndex + 1))));
68
+ setActionState === null || setActionState === void 0 || setActionState([].concat(_rollupPluginBabelHelpers.toConsumableArray(actionState.slice(0, actionIndex)), [newAction], _rollupPluginBabelHelpers.toConsumableArray(actionState.slice(actionIndex + 1))));
68
69
  };
69
70
  var onRemove = function onRemove(selectedId) {
70
- setActionState(actionState.filter(function (action) {
71
+ setActionState === null || setActionState === void 0 || setActionState(actionState.filter(function (action) {
71
72
  return action.id !== selectedId;
72
73
  }));
73
74
  };
@@ -145,7 +146,6 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
145
146
  tabIndex: 0
146
147
  })));
147
148
  };
148
- var ConditionBuilderActions$1 = ConditionBuilderActions;
149
149
  ConditionBuilderActions.propTypes = {
150
150
  /**
151
151
  * optional array of object that give the list of actions.
@@ -160,4 +160,4 @@ ConditionBuilderActions.propTypes = {
160
160
  className: index["default"].string
161
161
  };
162
162
 
163
- exports["default"] = ConditionBuilderActions$1;
163
+ exports["default"] = ConditionBuilderActions;
@@ -1,28 +1,63 @@
1
- export default ConditionBuilderAdd;
2
- declare function ConditionBuilderAdd({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, tabIndex, }: {
3
- className: any;
4
- onClick: any;
5
- addConditionSubGroupHandler: any;
6
- showConditionSubGroupPreviewHandler: any;
7
- hideConditionSubGroupPreviewHandler: any;
8
- showConditionPreviewHandler: any;
9
- hideConditionPreviewHandler: any;
10
- enableSubGroup: any;
11
- buttonLabel: any;
12
- tabIndex: any;
13
- }): import("react/jsx-runtime").JSX.Element;
14
- declare namespace ConditionBuilderAdd {
15
- namespace propTypes {
16
- let addConditionSubGroupHandler: PropTypes.Requireable<(...args: any[]) => any>;
17
- let buttonLabel: PropTypes.Requireable<string>;
18
- let className: PropTypes.Requireable<string>;
19
- let enableSubGroup: PropTypes.Requireable<boolean>;
20
- let hideConditionPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
21
- let hideConditionSubGroupPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
22
- let onClick: PropTypes.Requireable<(...args: any[]) => any>;
23
- let showConditionPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
24
- let showConditionSubGroupPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
25
- let tabIndex: PropTypes.Requireable<number>;
26
- }
27
- }
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
28
7
  import PropTypes from 'prop-types';
8
+ interface ConditionBuilderAddProps {
9
+ className?: string;
10
+ onClick: () => void;
11
+ addConditionSubGroupHandler?: () => void;
12
+ showConditionSubGroupPreviewHandler?: () => void;
13
+ hideConditionSubGroupPreviewHandler?: () => void;
14
+ showConditionPreviewHandler?: () => void;
15
+ hideConditionPreviewHandler?: () => void;
16
+ enableSubGroup?: boolean;
17
+ buttonLabel?: string;
18
+ tabIndex?: number;
19
+ }
20
+ declare const ConditionBuilderAdd: {
21
+ ({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, tabIndex, }: ConditionBuilderAddProps): import("react/jsx-runtime").JSX.Element;
22
+ propTypes: {
23
+ /**
24
+ * handler for hiding sub group preview
25
+ */
26
+ addConditionSubGroupHandler: PropTypes.Requireable<(...args: any[]) => any>;
27
+ /**
28
+ * handler for hiding sub group preview
29
+ */ /**
30
+ * tooltip label for plus button
31
+ */
32
+ buttonLabel: PropTypes.Requireable<string>;
33
+ /**
34
+ * Provide an optional class to be applied to the containing node.
35
+ */
36
+ className: PropTypes.Requireable<string>;
37
+ /**
38
+ * boolean to enable sub groups for the tree variant
39
+ */
40
+ enableSubGroup: PropTypes.Requireable<boolean>;
41
+ /**
42
+ * handler for hiding sub group preview
43
+ */
44
+ hideConditionPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
45
+ hideConditionSubGroupPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
46
+ /**
47
+ * handler for hiding sub group preview
48
+ */ /**
49
+ * callback triggered on click of add button
50
+ */
51
+ onClick: PropTypes.Requireable<(...args: any[]) => any>;
52
+ showConditionPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
53
+ showConditionSubGroupPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
54
+ /**
55
+ * handler for hiding sub group preview
56
+ */
57
+ /**
58
+ * Tab index
59
+ */
60
+ tabIndex: PropTypes.Requireable<number>;
61
+ };
62
+ };
63
+ export default ConditionBuilderAdd;
@@ -90,7 +90,6 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
90
90
  wrapperClassName: "".concat(DataConfigs.blockClass, "__add-condition-sub-group-wrapper ").concat(DataConfigs.blockClass, "__gap-left")
91
91
  }, previewHandlersForSubgroup())));
92
92
  };
93
- var ConditionBuilderAdd$1 = ConditionBuilderAdd;
94
93
  ConditionBuilderAdd.propTypes = {
95
94
  /**
96
95
  * handler for hiding sub group preview
@@ -132,4 +131,4 @@ ConditionBuilderAdd.propTypes = {
132
131
  tabIndex: index["default"].number
133
132
  };
134
133
 
135
- exports["default"] = ConditionBuilderAdd$1;
134
+ exports["default"] = ConditionBuilderAdd;
@@ -1,38 +1,85 @@
1
- export function ConditionBuilderButton({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, wrapperProps, onBlur, onFocus, onMouseEnter, onMouseLeave, isInvalid, wrapperClassName, tabIndex, ...rest }: {
2
- [x: string]: any;
3
- className: any;
4
- label: any;
5
- hideLabel: any;
6
- tooltipAlign: any;
7
- renderIcon: any;
8
- onClick: any;
9
- showToolTip: any;
10
- wrapperProps: any;
11
- onBlur: any;
12
- onFocus: any;
13
- onMouseEnter: any;
14
- onMouseLeave: any;
15
- isInvalid: any;
16
- wrapperClassName: any;
17
- tabIndex: any;
18
- }): import("react/jsx-runtime").JSX.Element;
19
- export namespace ConditionBuilderButton {
20
- namespace propTypes {
21
- let className: PropTypes.Requireable<string>;
22
- let hideLabel: PropTypes.Requireable<boolean>;
23
- let isInvalid: PropTypes.Requireable<boolean>;
24
- let label: PropTypes.Requireable<string>;
25
- let onBlur: PropTypes.Requireable<(...args: any[]) => any>;
26
- let onClick: PropTypes.Requireable<(...args: any[]) => any>;
27
- let onFocus: PropTypes.Requireable<(...args: any[]) => any>;
28
- let onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
29
- let onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
30
- let renderIcon: PropTypes.Requireable<object>;
31
- let showToolTip: PropTypes.Requireable<boolean>;
32
- let tabIndex: PropTypes.Requireable<number>;
33
- let tooltipAlign: PropTypes.Requireable<string>;
34
- let wrapperClassName: PropTypes.Requireable<string>;
35
- let wrapperProps: PropTypes.Requireable<object>;
36
- }
37
- }
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import React from 'react';
38
8
  import PropTypes from 'prop-types';
9
+ import { CarbonIconType } from '@carbon/react/icons';
10
+ interface ConditionBuilderButtonProps {
11
+ className?: string;
12
+ label: string;
13
+ hideLabel?: boolean;
14
+ tooltipAlign?: string;
15
+ renderIcon?: CarbonIconType;
16
+ onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
17
+ onBlur?: React.FocusEventHandler<HTMLButtonElement>;
18
+ onFocus?: React.FocusEventHandler<HTMLButtonElement>;
19
+ onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
20
+ onMouseLeave?: (e: React.MouseEvent<HTMLButtonElement>) => void;
21
+ showToolTip?: boolean;
22
+ wrapperProps?: object;
23
+ isInvalid?: boolean;
24
+ wrapperClassName?: string;
25
+ tabIndex?: number;
26
+ }
27
+ export declare const ConditionBuilderButton: {
28
+ ({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, wrapperProps, onBlur, onFocus, onMouseEnter, onMouseLeave, isInvalid, wrapperClassName, tabIndex, ...rest }: ConditionBuilderButtonProps): import("react/jsx-runtime").JSX.Element;
29
+ propTypes: {
30
+ /**
31
+ * Provide an optional class to be applied to the containing node.
32
+ */
33
+ className: PropTypes.Requireable<string>;
34
+ /**
35
+ * decides if label and tooltip to be hidden
36
+ */
37
+ hideLabel: PropTypes.Requireable<boolean>;
38
+ /**
39
+ * boolean to know the updated value in not valid
40
+ */
41
+ isInvalid: PropTypes.Requireable<boolean>;
42
+ /**
43
+ * label of the button
44
+ */
45
+ label: PropTypes.Requireable<string>;
46
+ /**
47
+ * mouse events callbacks
48
+ */
49
+ onBlur: PropTypes.Requireable<(...args: any[]) => any>;
50
+ /**
51
+ * callback triggered on click of add button
52
+ */
53
+ onClick: PropTypes.Requireable<(...args: any[]) => any>;
54
+ onFocus: PropTypes.Requireable<(...args: any[]) => any>;
55
+ onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
56
+ onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
57
+ /**
58
+ * Optional prop to allow overriding the icon rendering.
59
+ */
60
+ renderIcon: PropTypes.Requireable<object>;
61
+ /**
62
+ */
63
+ /**
64
+ *decides if tooltip to be shown
65
+ */
66
+ showToolTip: PropTypes.Requireable<boolean>;
67
+ /**
68
+ * Tab index
69
+ */
70
+ tabIndex: PropTypes.Requireable<number>;
71
+ /**
72
+ * tooltip position
73
+ */
74
+ tooltipAlign: PropTypes.Requireable<string>;
75
+ /**
76
+ * classname applies to the wrapper of popover
77
+ */
78
+ wrapperClassName: PropTypes.Requireable<string>;
79
+ /**
80
+ * optional props for tree grid to add role and aria-label to wrapper span
81
+ */
82
+ wrapperProps: PropTypes.Requireable<object>;
83
+ };
84
+ };
85
+ export {};
@@ -47,7 +47,7 @@ var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
47
47
  var _rest$dataName;
48
48
  var dataName = (_rest$dataName = rest['data-name']) !== null && _rest$dataName !== void 0 ? _rest$dataName : '';
49
49
  return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
50
- tabIndex: tabIndex != undefined ? tabIndex : -1,
50
+ tabIndex: tabIndex !== undefined ? tabIndex : -1,
51
51
  className: cx__default["default"]([className, "".concat(DataConfigs.blockClass, "__button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__text-ellipsis"), showToolTip && !hideLabel && !isInvalid), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__invalid-input"), isInvalid)]),
52
52
  type: "button",
53
53
  onClick: onClick,
@@ -1,15 +1,30 @@
1
- export default ConditionConnector;
2
- declare function ConditionConnector({ operator, className, onChange, ...rest }: {
3
- [x: string]: any;
4
- operator: any;
5
- className: any;
6
- onChange: any;
7
- }): import("react/jsx-runtime").JSX.Element;
8
- declare namespace ConditionConnector {
9
- namespace propTypes {
10
- let className: PropTypes.Requireable<string>;
11
- let onChange: PropTypes.Requireable<(...args: any[]) => any>;
12
- let operator: PropTypes.Requireable<string>;
13
- }
14
- }
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
15
7
  import PropTypes from 'prop-types';
8
+ interface ConditionConnectorProps {
9
+ operator: string;
10
+ className: string;
11
+ onChange?: (op: string) => void;
12
+ }
13
+ declare const ConditionConnector: {
14
+ ({ operator, className, onChange, ...rest }: ConditionConnectorProps): import("react/jsx-runtime").JSX.Element;
15
+ propTypes: {
16
+ /**
17
+ * Provide an optional class to be applied to the containing node.
18
+ */
19
+ className: PropTypes.Requireable<string>;
20
+ /**
21
+ * callback to update the current condition of the state tree
22
+ */
23
+ onChange: PropTypes.Requireable<(...args: any[]) => any>;
24
+ /**
25
+ * string that defines the connector operator (and/or)
26
+ */
27
+ operator: PropTypes.Requireable<string>;
28
+ };
29
+ };
30
+ export default ConditionConnector;
@@ -44,15 +44,15 @@ var ConditionConnector = function ConditionConnector(_ref) {
44
44
  }
45
45
  }, []);
46
46
  var activeConnectorHandler = function activeConnectorHandler(evt) {
47
- var parentGroup = evt.currentTarget.closest('.eachGroup');
47
+ var parentGroup = evt === null || evt === void 0 ? void 0 : evt.currentTarget.closest('.eachGroup');
48
48
  handleConnectorHover(parentGroup, true);
49
49
  };
50
50
  var inActiveConnectorHandler = function inActiveConnectorHandler(evt) {
51
- var parentGroup = evt.currentTarget.closest('.eachGroup');
51
+ var parentGroup = evt === null || evt === void 0 ? void 0 : evt.currentTarget.closest('.eachGroup');
52
52
  handleConnectorHover(parentGroup, false);
53
53
  };
54
54
  var onChangeHandler = function onChangeHandler(op, evt) {
55
- onChange(op);
55
+ onChange === null || onChange === void 0 || onChange(op);
56
56
  util.focusThisField(evt, conditionBuilderRef);
57
57
  };
58
58
  return variant == 'tree' ? /*#__PURE__*/React__default["default"].createElement("span", {
@@ -72,7 +72,7 @@ var ConditionConnector = function ConditionConnector(_ref) {
72
72
  onBlur: inActiveConnectorHandler
73
73
  }, rest, {
74
74
  popOverClassName: className,
75
- className: "".concat(DataConfigs.blockClass, "__connector-button ")
75
+ className: "".concat(DataConfigs.blockClass, "__connector-button")
76
76
  }), /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
77
77
  config: {
78
78
  options: DataConfigs.connectorConfig
@@ -87,7 +87,6 @@ var ConditionConnector = function ConditionConnector(_ref) {
87
87
  // </div>
88
88
  ;
89
89
  };
90
- var ConditionConnector$1 = ConditionConnector;
91
90
  ConditionConnector.propTypes = {
92
91
  /**
93
92
  * Provide an optional class to be applied to the containing node.
@@ -103,4 +102,4 @@ ConditionConnector.propTypes = {
103
102
  operator: index["default"].string
104
103
  };
105
104
 
106
- exports["default"] = ConditionConnector$1;
105
+ exports["default"] = ConditionConnector;
@@ -1,28 +1,48 @@
1
- export default ConditionBuilderContent;
2
- declare function ConditionBuilderContent({ startConditionLabel, getConditionState, getActionsState, initialState, actions, }: {
3
- startConditionLabel: any;
4
- getConditionState: any;
5
- getActionsState: any;
6
- initialState: any;
7
- actions: any;
8
- }): import("react/jsx-runtime").JSX.Element;
9
- declare namespace ConditionBuilderContent {
10
- namespace propTypes {
11
- let actions: PropTypes.Requireable<(PropTypes.InferProps<{
1
+ /**
2
+ * Copyright IBM Corp. 2024
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import PropTypes from 'prop-types';
8
+ import { Action, ConditionBuilderState } from '../ConditionBuilder.types';
9
+ interface ConditionBuilderContentProps {
10
+ startConditionLabel: string;
11
+ getConditionState: (state: ConditionBuilderState) => void;
12
+ getActionsState?: (state: Action[]) => void;
13
+ initialState?: ConditionBuilderState;
14
+ actions?: Action[];
15
+ }
16
+ declare const ConditionBuilderContent: {
17
+ ({ startConditionLabel, getConditionState, getActionsState, initialState, actions, }: ConditionBuilderContentProps): import("react/jsx-runtime").JSX.Element;
18
+ propTypes: {
19
+ /**
20
+ * optional array of object that give the list of actions.
21
+ */
22
+ actions: PropTypes.Requireable<(PropTypes.InferProps<{
12
23
  id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
13
24
  label: PropTypes.Validator<string>;
14
25
  }> | null | undefined)[]>;
15
- let getActionsState: PropTypes.Requireable<(...args: any[]) => any>;
16
- let getConditionState: PropTypes.Validator<(...args: any[]) => any>;
17
- let initialState: PropTypes.Requireable<PropTypes.InferProps<{
26
+ /**
27
+ * callback functions that will provide the updated action state back.
28
+ */
29
+ getActionsState: PropTypes.Requireable<(...args: any[]) => any>;
30
+ /**
31
+ * This is a callback function that returns the updated state
32
+ */
33
+ getConditionState: PropTypes.Validator<(...args: any[]) => any>;
34
+ /**
35
+ * Optional prop if the condition building need to start from a predefined initial state
36
+ */
37
+ initialState: PropTypes.Requireable<PropTypes.InferProps<{
18
38
  groups: PropTypes.Requireable<(PropTypes.InferProps<{
19
- groupOperator: PropTypes.Validator<string>;
20
- statement: PropTypes.Validator<string>;
39
+ groupOperator: PropTypes.Requireable<string>;
40
+ statement: PropTypes.Requireable<string>;
21
41
  conditions: PropTypes.Requireable<(object | null | undefined)[]>;
22
42
  }> | null | undefined)[]>;
23
43
  operator: PropTypes.Requireable<string>;
24
44
  }>>;
25
- let startConditionLabel: PropTypes.Validator<string>;
26
- }
27
- }
28
- import PropTypes from 'prop-types';
45
+ startConditionLabel: PropTypes.Validator<string>;
46
+ };
47
+ };
48
+ export default ConditionBuilderContent;