@carbon/ibm-products 2.43.2-canary.145 → 2.43.2-canary.149
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +4 -6
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon.css +4 -6
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +4 -6
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Card/Card.js +4 -2
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +100 -24
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +19 -20
- package/es/components/ConditionBuilder/ConditionBuilder.d.ts +9 -2
- package/es/components/ConditionBuilder/ConditionBuilder.js +9 -6
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +150 -0
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +26 -12
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +6 -6
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +62 -27
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +1 -2
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +84 -37
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +29 -14
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +5 -6
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +40 -20
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +32 -30
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +10 -49
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +20 -29
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +81 -31
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +5 -5
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +27 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +30 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +11 -6
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +33 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +5 -4
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +32 -12
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +3 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +35 -14
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +4 -4
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +25 -10
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +44 -17
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +39 -32
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +30 -13
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +1 -2
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -1
- package/es/components/Datagrid/useFiltering.d.ts +1 -0
- package/es/components/Datagrid/useFiltering.js +14 -3
- package/lib/components/Card/Card.js +3 -1
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts +100 -24
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +19 -20
- package/lib/components/ConditionBuilder/ConditionBuilder.d.ts +9 -2
- package/lib/components/ConditionBuilder/ConditionBuilder.js +9 -6
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +150 -0
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +26 -12
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +6 -6
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +62 -27
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +1 -2
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +84 -37
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.d.ts +29 -14
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +5 -6
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +40 -20
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +32 -30
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +10 -49
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +20 -29
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +81 -31
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +5 -5
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +27 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts +30 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +11 -6
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +33 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +5 -4
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts +32 -12
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +3 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +35 -14
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +4 -4
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts +25 -10
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +44 -17
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +39 -32
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +30 -13
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +1 -2
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +1 -1
- package/lib/components/Datagrid/useFiltering.d.ts +1 -0
- package/lib/components/Datagrid/useFiltering.js +13 -1
- package/package.json +3 -3
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +21 -19
@@ -27,7 +27,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
27
|
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
28
28
|
|
29
29
|
var _excluded = ["className", "inputConfig", "startConditionLabel", "popOverSearchThreshold", "getOptions", "initialState", "getConditionState", "getActionsState", "variant", "actions", "translateWithId"];
|
30
|
-
|
31
30
|
// Carbon and package components we use.
|
32
31
|
/* TODO: @import(s) of carbon components and other package components. */
|
33
32
|
|
@@ -67,7 +66,7 @@ exports.ConditionBuilder = /*#__PURE__*/React__default["default"].forwardRef(fun
|
|
67
66
|
actions = _ref.actions,
|
68
67
|
translateWithId = _ref.translateWithId,
|
69
68
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
70
|
-
var localRef = React.useRef();
|
69
|
+
var localRef = React.useRef(null);
|
71
70
|
var conditionBuilderRef = ref || localRef;
|
72
71
|
var handleKeyDownHandler = function handleKeyDownHandler(evt) {
|
73
72
|
handleKeyboardEvents.handleKeyDown(evt, conditionBuilderRef, variant);
|
@@ -117,6 +116,7 @@ exports.ConditionBuilder.propTypes = {
|
|
117
116
|
/**
|
118
117
|
* optional array of actions
|
119
118
|
*/
|
119
|
+
/**@ts-ignore */
|
120
120
|
actions: index["default"].arrayOf(index["default"].shape({
|
121
121
|
id: index["default"].oneOfType([index["default"].string, index["default"].number]).isRequired,
|
122
122
|
label: index["default"].string.isRequired
|
@@ -158,13 +158,14 @@ exports.ConditionBuilder.propTypes = {
|
|
158
158
|
* Optional prop if you want to pass a saved condition state.
|
159
159
|
* This object should respect the structure of condition state that is available in getConditionState callback
|
160
160
|
*/
|
161
|
+
/**@ts-ignore */
|
161
162
|
initialState: index["default"].shape({
|
162
163
|
groups: index["default"].arrayOf(index["default"].shape({
|
163
|
-
groupOperator: index["default"].string
|
164
|
-
statement: index["default"].string
|
164
|
+
groupOperator: index["default"].string,
|
165
|
+
statement: index["default"].string,
|
165
166
|
conditions: index["default"].arrayOf(index["default"].oneOfType([index["default"].shape({
|
166
|
-
property: index["default"].string
|
167
|
-
operator: index["default"].string
|
167
|
+
property: index["default"].string,
|
168
|
+
operator: index["default"].string,
|
168
169
|
value: index["default"].oneOfType([index["default"].string, index["default"].arrayOf(index["default"].shape({
|
169
170
|
id: index["default"].string,
|
170
171
|
label: index["default"].string
|
@@ -180,6 +181,7 @@ exports.ConditionBuilder.propTypes = {
|
|
180
181
|
* This is a mandatory prop that defines the input to the condition builder.
|
181
182
|
|
182
183
|
*/
|
184
|
+
/**@ts-ignore */
|
183
185
|
inputConfig: index["default"].shape({
|
184
186
|
properties: index["default"].arrayOf(index["default"].shape({
|
185
187
|
id: index["default"].string.isRequired,
|
@@ -214,6 +216,7 @@ exports.ConditionBuilder.propTypes = {
|
|
214
216
|
* The message id will be one of [ "ifText","addConditionText", "addConditionGroupText", "addSubgroupText", "conditionText", "propertyText", "operatorText", "valueText", "connectorText", "conditionRowText","conditionRowGroupText","conditionBuilderText","actionSectionText", "removeConditionText", "addConditionRowText", "startText", "endText", "clearSearchText", "actionsText", "then", "removeActionText", "addActionText", "invalidText", "invalidNumberWarnText"]
|
215
217
|
]
|
216
218
|
*/
|
219
|
+
/**@ts-ignore */
|
217
220
|
translateWithId: index["default"].func,
|
218
221
|
/* TODO: add types and DocGen for all props. */
|
219
222
|
/**
|
@@ -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 {};
|
package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts
CHANGED
@@ -1,15 +1,29 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
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
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
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
|
-
|
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
|
163
|
+
exports["default"] = ConditionBuilderActions;
|
@@ -1,28 +1,63 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
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
|
134
|
+
exports["default"] = ConditionBuilderAdd;
|
@@ -1,38 +1,85 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
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
|
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
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
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
|
105
|
+
exports["default"] = ConditionConnector;
|