@carbon/ibm-products 2.88.0 → 2.89.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/carbon.css +17 -4
- package/css/carbon.css.map +1 -1
- package/css/index-full-carbon.css +106 -33
- 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-released-only.css +54 -29
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +89 -29
- 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 +104 -32
- 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/AboutModal/AboutModal.d.ts.map +1 -1
- package/es/components/AboutModal/AboutModal.js +2 -2
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +17 -0
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/Coachmark.js +35 -5
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -9
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +48 -47
- package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +4 -1
- package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/ContentHeader.js +26 -11
- package/es/components/Coachmark/next/Coachmark/context.d.ts +1 -0
- package/es/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +1 -1
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +4 -15
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +22 -15
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +6 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -14
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -1
- package/es/components/DelimitedList/DelimitedList.d.ts +1 -0
- package/es/components/DelimitedList/DelimitedList.d.ts.map +1 -1
- package/es/components/DelimitedList/DelimitedList.js +6 -0
- package/es/components/StringFormatter/StringFormatter.d.ts +1 -0
- package/es/components/StringFormatter/StringFormatter.d.ts.map +1 -1
- package/es/components/StringFormatter/StringFormatter.js +6 -0
- package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.js +6 -9
- package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetBody.js +5 -2
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeader.js +11 -10
- package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeaderContent.js +26 -7
- package/es/components/Tearsheet/next/context.d.ts +4 -2
- package/es/components/Tearsheet/next/context.d.ts.map +1 -1
- package/es/components/Tearsheet/next/context.js +4 -2
- package/es/global/js/hooks/useCollapsible.d.ts.map +1 -1
- package/es/global/js/hooks/useCollapsible.js +7 -5
- package/es/node_modules/@carbon/{icons-react/node_modules/@carbon/icon-helpers → icon-helpers}/es/index.js +1 -1
- package/es/node_modules/@carbon/icons-react/es/Icon.js +1 -1
- package/es/settings.js +8 -2
- package/lib/components/AboutModal/AboutModal.d.ts.map +1 -1
- package/lib/components/AboutModal/AboutModal.js +1 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +17 -0
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.js +35 -5
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -9
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +47 -46
- package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +4 -1
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +26 -11
- package/lib/components/Coachmark/next/Coachmark/context.d.ts +1 -0
- package/lib/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +3 -14
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +22 -15
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +6 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +3 -13
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -1
- package/lib/components/DelimitedList/DelimitedList.d.ts +1 -0
- package/lib/components/DelimitedList/DelimitedList.d.ts.map +1 -1
- package/lib/components/DelimitedList/DelimitedList.js +6 -0
- package/lib/components/StringFormatter/StringFormatter.d.ts +1 -0
- package/lib/components/StringFormatter/StringFormatter.d.ts.map +1 -1
- package/lib/components/StringFormatter/StringFormatter.js +6 -0
- package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.js +6 -9
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetBody.js +4 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.js +11 -10
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +24 -5
- package/lib/components/Tearsheet/next/context.d.ts +4 -2
- package/lib/components/Tearsheet/next/context.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/context.js +4 -2
- package/lib/global/js/hooks/useCollapsible.d.ts.map +1 -1
- package/lib/global/js/hooks/useCollapsible.js +7 -5
- package/lib/node_modules/@carbon/{icons-react/node_modules/@carbon/icon-helpers → icon-helpers}/lib/index.js +2 -2
- package/lib/node_modules/@carbon/icons-react/lib/Icon.js +1 -1
- package/lib/settings.js +8 -1
- package/package.json +15 -15
- package/scss/components/Coachmark/_coachmark.scss +25 -1
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +16 -0
- package/scss/components/PageHeader/_page-header.scss +30 -22
- package/scss/components/Tearsheet/_tearsheet_next.scss +40 -7
- package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +0 -110
- package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.js +0 -32
- package/es/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -416
- package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -509
- package/es/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -86
- package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -145
- package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -130
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +0 -111
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.js +0 -33
- package/lib/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -420
- package/lib/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -515
- package/lib/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -92
- package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -162
- package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -149
|
@@ -17,6 +17,7 @@ let react = require("react");
|
|
|
17
17
|
react = require_runtime.__toESM(react);
|
|
18
18
|
let prop_types = require("prop-types");
|
|
19
19
|
prop_types = require_runtime.__toESM(prop_types);
|
|
20
|
+
let _carbon_react = require("@carbon/react");
|
|
20
21
|
|
|
21
22
|
//#region src/components/Coachmark/next/Coachmark/Coachmark.tsx
|
|
22
23
|
/**
|
|
@@ -36,7 +37,7 @@ const Coachmark = (0, react.forwardRef)((props, ref) => {
|
|
|
36
37
|
const { children, className, onClose, align = "bottom", open, position = {
|
|
37
38
|
x: 0,
|
|
38
39
|
y: 0
|
|
39
|
-
}, floating, ...rest } = props;
|
|
40
|
+
}, floating, dropShadow, highContrast, caret, selectorPrimaryFocus, ...rest } = props;
|
|
40
41
|
const triggerRef = (0, react.useRef)(null);
|
|
41
42
|
const internalRef = (0, react.useRef)(null);
|
|
42
43
|
const [contentRef, setContentRef] = (0, react.useState)(null);
|
|
@@ -46,6 +47,7 @@ const Coachmark = (0, react.forwardRef)((props, ref) => {
|
|
|
46
47
|
if (open === void 0) setOpenState(value);
|
|
47
48
|
};
|
|
48
49
|
const currentOpen = open ?? openState;
|
|
50
|
+
const caretValue = caret !== void 0 ? caret : floating === true ? false : true;
|
|
49
51
|
(0, react.useEffect)(() => {
|
|
50
52
|
const container = internalRef.current;
|
|
51
53
|
if (!container) return;
|
|
@@ -56,6 +58,17 @@ const Coachmark = (0, react.forwardRef)((props, ref) => {
|
|
|
56
58
|
const el = triggerRef.current;
|
|
57
59
|
if (el) el.setAttribute("aria-expanded", String(!!open));
|
|
58
60
|
}, [open]);
|
|
61
|
+
(0, react.useEffect)(() => {
|
|
62
|
+
if (!open && contentRef && floating) {
|
|
63
|
+
contentRef.style.transform = "none";
|
|
64
|
+
contentRef.style.left = "0px";
|
|
65
|
+
contentRef.style.top = "0px";
|
|
66
|
+
}
|
|
67
|
+
}, [
|
|
68
|
+
open,
|
|
69
|
+
contentRef,
|
|
70
|
+
floating
|
|
71
|
+
]);
|
|
59
72
|
require_useIsomorphicEffect.useIsomorphicEffect(() => {
|
|
60
73
|
const { x = 0, y = 0 } = position ?? {};
|
|
61
74
|
const el = internalRef.current;
|
|
@@ -66,6 +79,11 @@ const Coachmark = (0, react.forwardRef)((props, ref) => {
|
|
|
66
79
|
if (typeof ref === "function") ref(node);
|
|
67
80
|
else if (ref) ref.current = node;
|
|
68
81
|
};
|
|
82
|
+
const handleRequestClose = (event) => {
|
|
83
|
+
if (floating) return;
|
|
84
|
+
onClose?.();
|
|
85
|
+
setOpen(false);
|
|
86
|
+
};
|
|
69
87
|
return /* @__PURE__ */ react.default.createElement(require_context.CoachmarkContext.Provider, { value: {
|
|
70
88
|
onClose,
|
|
71
89
|
open: currentOpen,
|
|
@@ -75,13 +93,21 @@ const Coachmark = (0, react.forwardRef)((props, ref) => {
|
|
|
75
93
|
position,
|
|
76
94
|
contentRef,
|
|
77
95
|
setContentRef,
|
|
78
|
-
floating
|
|
96
|
+
floating,
|
|
97
|
+
selectorPrimaryFocus
|
|
79
98
|
} }, /* @__PURE__ */ react.default.createElement("div", {
|
|
80
99
|
...rest,
|
|
81
|
-
className: (0, import_classnames.default)(require_context.blockClass, className, { [`${require_context.blockClass}--floating`]: floating }),
|
|
82
100
|
ref: setRef,
|
|
101
|
+
className: (0, import_classnames.default)(require_context.blockClass, className, { [`${require_context.blockClass}--floating`]: floating }),
|
|
83
102
|
...require_devtools.getDevtoolsProps(componentName)
|
|
84
|
-
}, /* @__PURE__ */ react.default.createElement(
|
|
103
|
+
}, /* @__PURE__ */ react.default.createElement(_carbon_react.Popover, {
|
|
104
|
+
open: currentOpen,
|
|
105
|
+
onRequestClose: handleRequestClose,
|
|
106
|
+
align,
|
|
107
|
+
caret: caretValue,
|
|
108
|
+
highContrast: highContrast ?? true,
|
|
109
|
+
dropShadow
|
|
110
|
+
}, children)));
|
|
85
111
|
});
|
|
86
112
|
Coachmark.Content = require_CoachmarkContent.default;
|
|
87
113
|
Coachmark.Content.Header = require_ContentHeader.ContentHeader;
|
|
@@ -89,15 +115,19 @@ Coachmark.Content.Body = require_ContentBody.default;
|
|
|
89
115
|
Coachmark.displayName = componentName;
|
|
90
116
|
Coachmark.propTypes = {
|
|
91
117
|
align: prop_types.default.string,
|
|
118
|
+
caret: prop_types.default.bool,
|
|
92
119
|
children: prop_types.default.node.isRequired,
|
|
93
120
|
className: prop_types.default.string,
|
|
121
|
+
dropShadow: prop_types.default.bool,
|
|
94
122
|
floating: prop_types.default.bool,
|
|
123
|
+
highContrast: prop_types.default.bool,
|
|
95
124
|
onClose: prop_types.default.func,
|
|
96
125
|
open: prop_types.default.bool,
|
|
97
126
|
position: prop_types.default.shape({
|
|
98
127
|
x: prop_types.default.number,
|
|
99
128
|
y: prop_types.default.number
|
|
100
|
-
})
|
|
129
|
+
}),
|
|
130
|
+
selectorPrimaryFocus: prop_types.default.string
|
|
101
131
|
};
|
|
102
132
|
|
|
103
133
|
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright IBM Corp. 2024,
|
|
2
|
+
* Copyright IBM Corp. 2024, 2026
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -17,14 +17,6 @@ export interface CoachmarkContentProps {
|
|
|
17
17
|
* It can be a single child or an array of children depending on your need
|
|
18
18
|
*/
|
|
19
19
|
children: ReactElement | ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* Specify whether the component should be rendered on high-contrast.
|
|
22
|
-
*/
|
|
23
|
-
highContrast?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Specify whether a drop shadow should be rendered on the popover.
|
|
26
|
-
*/
|
|
27
|
-
dropShadow?: boolean;
|
|
28
20
|
}
|
|
29
21
|
export type CoachmarkContentComponent = ForwardRefExoticComponent<CoachmarkContentProps & RefAttributes<HTMLDivElement>> & {
|
|
30
22
|
Header: FC<ContentHeaderProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoachmarkContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/CoachmarkContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAc,EACZ,EAAE,EAEF,yBAAyB,EACzB,YAAY,EACZ,SAAS,EACT,aAAa,EAId,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CoachmarkContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/CoachmarkContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAc,EACZ,EAAE,EAEF,yBAAyB,EACzB,YAAY,EACZ,SAAS,EACT,aAAa,EAId,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKjD,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAC/D,qBAAqB,GAAG,aAAa,CAAC,cAAc,CAAC,CACtD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC/B,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAgGjB,yBAAyB,CAAC;AAE/B,eAAe,gBAAgB,CAAC"}
|
|
@@ -9,82 +9,83 @@ const require_runtime = require('../../../../_virtual/_rolldown/runtime.js');
|
|
|
9
9
|
const require_index = require('../../../../node_modules/classnames/index.js');
|
|
10
10
|
const require_settings = require('../../../../settings.js');
|
|
11
11
|
const require_context = require('./context.js');
|
|
12
|
-
const require_CoachmarkBubble = require('./CoachmarkBubble/CoachmarkBubble.js');
|
|
13
12
|
let react = require("react");
|
|
14
13
|
react = require_runtime.__toESM(react);
|
|
15
14
|
let prop_types = require("prop-types");
|
|
16
15
|
prop_types = require_runtime.__toESM(prop_types);
|
|
16
|
+
let _carbon_react = require("@carbon/react");
|
|
17
17
|
|
|
18
18
|
//#region src/components/Coachmark/next/Coachmark/CoachmarkContent.tsx
|
|
19
19
|
/**
|
|
20
|
-
* Copyright IBM Corp. 2024,
|
|
20
|
+
* Copyright IBM Corp. 2024, 2026
|
|
21
21
|
*
|
|
22
22
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
23
23
|
* LICENSE file in the root directory of this source tree.
|
|
24
24
|
*/
|
|
25
25
|
var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
|
|
26
26
|
const CoachmarkContent = (0, react.forwardRef)((props, ref) => {
|
|
27
|
-
const { className = "", children,
|
|
27
|
+
const { className = "", children, ...rest } = props;
|
|
28
28
|
const coachmarkContentBlockClass = `${require_context.blockClass}--coachmark-content`;
|
|
29
|
-
const
|
|
30
|
-
const { align, open, setOpen, triggerRef, setContentRef, floating } = (0, react.useContext)(require_context.CoachmarkContext);
|
|
31
|
-
const targetId = open ? triggerRef?.current?.id : null;
|
|
29
|
+
const { open, setContentRef, onClose, setOpen, triggerRef, selectorPrimaryFocus } = (0, react.useContext)(require_context.CoachmarkContext);
|
|
32
30
|
const handleRef = (0, react.useRef)(null);
|
|
33
|
-
const
|
|
31
|
+
const contentRef = ref || handleRef;
|
|
34
32
|
(0, react.useEffect)(() => {
|
|
35
|
-
if (open && "current" in
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
}, [open]);
|
|
33
|
+
if (open && "current" in contentRef && contentRef.current) {
|
|
34
|
+
const popoverContainer = contentRef.current?.closest(`.${require_settings.carbon.prefix}--popover`);
|
|
35
|
+
if (popoverContainer instanceof HTMLElement) setContentRef(popoverContainer);
|
|
36
|
+
}
|
|
37
|
+
}, [open, contentRef]);
|
|
43
38
|
(0, react.useEffect)(() => {
|
|
44
|
-
const
|
|
45
|
-
if (
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
const handleKeyDown = (event) => {
|
|
40
|
+
if (event.key === "Escape" && open) {
|
|
41
|
+
onClose?.();
|
|
42
|
+
setOpen(false);
|
|
43
|
+
if (triggerRef?.current) triggerRef.current.focus();
|
|
44
|
+
}
|
|
49
45
|
};
|
|
50
|
-
|
|
51
|
-
|
|
46
|
+
if (open) document.addEventListener("keydown", handleKeyDown);
|
|
47
|
+
return () => {
|
|
48
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
52
49
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
}, [
|
|
51
|
+
open,
|
|
52
|
+
onClose,
|
|
53
|
+
setOpen,
|
|
54
|
+
triggerRef
|
|
55
|
+
]);
|
|
56
|
+
(0, react.useEffect)(() => {
|
|
57
|
+
const handleKeyDown = (event) => {
|
|
58
|
+
if (event.key === "Escape" && open) {
|
|
59
|
+
onClose?.();
|
|
60
|
+
setOpen(false);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
if (open) document.addEventListener("keydown", handleKeyDown);
|
|
57
64
|
return () => {
|
|
58
|
-
document.removeEventListener("
|
|
59
|
-
window.removeEventListener("keydown", handleKeyDown);
|
|
65
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
60
66
|
};
|
|
61
67
|
}, [
|
|
62
68
|
open,
|
|
63
|
-
|
|
69
|
+
onClose,
|
|
64
70
|
setOpen
|
|
65
71
|
]);
|
|
66
72
|
(0, react.useEffect)(() => {
|
|
67
|
-
if (open &&
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
open,
|
|
78
|
-
target: `#${targetId}`,
|
|
79
|
-
caret: floating,
|
|
73
|
+
if (open && selectorPrimaryFocus) setTimeout(() => {
|
|
74
|
+
requestAnimationFrame(() => {
|
|
75
|
+
const elementToFocus = document.querySelector(selectorPrimaryFocus);
|
|
76
|
+
if (elementToFocus) elementToFocus.focus();
|
|
77
|
+
});
|
|
78
|
+
}, 100);
|
|
79
|
+
}, [open, selectorPrimaryFocus]);
|
|
80
|
+
return /* @__PURE__ */ react.default.createElement(_carbon_react.PopoverContent, {
|
|
81
|
+
ref: contentRef,
|
|
82
|
+
className: (0, import_classnames.default)(coachmarkContentBlockClass, className) || "",
|
|
80
83
|
...rest
|
|
81
|
-
}, children)
|
|
84
|
+
}, children);
|
|
82
85
|
});
|
|
83
86
|
CoachmarkContent.propTypes = {
|
|
84
87
|
children: prop_types.default.node,
|
|
85
|
-
className: prop_types.default.string
|
|
86
|
-
dropShadow: prop_types.default.bool,
|
|
87
|
-
highContrast: prop_types.default.bool
|
|
88
|
+
className: prop_types.default.string
|
|
88
89
|
};
|
|
89
90
|
|
|
90
91
|
//#endregion
|
|
@@ -44,7 +44,10 @@ const CoachmarkTagline = react.default.forwardRef(({ closeIconDescription = defa
|
|
|
44
44
|
className: `${blockClass}__cta`,
|
|
45
45
|
type: "button",
|
|
46
46
|
...buttonProps
|
|
47
|
-
}, /* @__PURE__ */ react.default.createElement("div", {
|
|
47
|
+
}, /* @__PURE__ */ react.default.createElement("div", {
|
|
48
|
+
className: `${blockClass}__idea`,
|
|
49
|
+
"aria-hidden": "true"
|
|
50
|
+
}, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Idea, { size: 16 })), /* @__PURE__ */ react.default.createElement("div", null, title)), /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}--close-btn-container` }, /* @__PURE__ */ react.default.createElement(_carbon_react.Button, {
|
|
48
51
|
kind: "ghost",
|
|
49
52
|
size: "sm",
|
|
50
53
|
renderIcon: _carbon_react_icons.Close,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/ContentHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"ContentHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/ContentHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,2FA6GzB,CAAC"}
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
|
|
8
8
|
const require_runtime = require('../../../../_virtual/_rolldown/runtime.js');
|
|
9
9
|
const require_index = require('../../../../node_modules/classnames/index.js');
|
|
10
|
+
const require_settings = require('../../../../settings.js');
|
|
10
11
|
const require_context = require('./context.js');
|
|
11
|
-
const require_CoachmarkBubbleHeader = require('./CoachmarkBubble/CoachmarkBubbleHeader.js');
|
|
12
12
|
const require_makeDraggable = require('../../../../global/js/utils/makeDraggable/makeDraggable.js');
|
|
13
13
|
let react = require("react");
|
|
14
14
|
react = require_runtime.__toESM(react);
|
|
@@ -19,7 +19,7 @@ let _carbon_react_icons = require("@carbon/react/icons");
|
|
|
19
19
|
|
|
20
20
|
//#region src/components/Coachmark/next/Coachmark/ContentHeader.tsx
|
|
21
21
|
/**
|
|
22
|
-
* Copyright IBM Corp. 2024,
|
|
22
|
+
* Copyright IBM Corp. 2024, 2026
|
|
23
23
|
*
|
|
24
24
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
25
25
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -38,28 +38,43 @@ const ContentHeader = (0, react.forwardRef)((props, ref) => {
|
|
|
38
38
|
};
|
|
39
39
|
(0, react.useEffect)(() => {
|
|
40
40
|
if (floating && contentRef && typeof handleRef === "object" && handleRef !== null && "current" in handleRef && handleRef.current && dragRef.current) {
|
|
41
|
-
|
|
41
|
+
const dragStyleContainer = contentRef.querySelector(`.${require_settings.carbon.prefix}--popover-content`);
|
|
42
|
+
contentRef.style.transform = "none";
|
|
43
|
+
contentRef.style.left = "0px";
|
|
44
|
+
contentRef.style.top = "0px";
|
|
45
|
+
const draggable = require_makeDraggable.makeDraggable({
|
|
42
46
|
el: contentRef,
|
|
43
47
|
dragHandle: handleRef.current,
|
|
44
48
|
focusableDragHandle: dragRef.current
|
|
45
49
|
});
|
|
46
50
|
const onDragStart = () => {
|
|
47
|
-
if (
|
|
48
|
-
|
|
49
|
-
|
|
51
|
+
if (dragStyleContainer) {
|
|
52
|
+
dragStyleContainer.classList.add(`${contentHeaderBlockClass}--is-dragging`);
|
|
53
|
+
dragStyleContainer.setAttribute("aria-label", "Coachmark is being dragged");
|
|
50
54
|
}
|
|
51
55
|
};
|
|
52
56
|
const onDragEnd = () => {
|
|
53
|
-
if (
|
|
54
|
-
|
|
55
|
-
|
|
57
|
+
if (dragStyleContainer) {
|
|
58
|
+
dragStyleContainer.classList.remove(`${contentHeaderBlockClass}--is-dragging`);
|
|
59
|
+
dragStyleContainer.removeAttribute("aria-label");
|
|
56
60
|
}
|
|
57
61
|
};
|
|
58
62
|
contentRef.addEventListener("dragstart", onDragStart);
|
|
59
63
|
contentRef.addEventListener("dragend", onDragEnd);
|
|
64
|
+
return () => {
|
|
65
|
+
contentRef.removeEventListener("dragstart", onDragStart);
|
|
66
|
+
contentRef.removeEventListener("dragend", onDragEnd);
|
|
67
|
+
draggable.cleanup();
|
|
68
|
+
};
|
|
60
69
|
}
|
|
61
|
-
}
|
|
62
|
-
|
|
70
|
+
}, [
|
|
71
|
+
floating,
|
|
72
|
+
contentRef,
|
|
73
|
+
handleRef,
|
|
74
|
+
dragRef,
|
|
75
|
+
contentHeaderBlockClass
|
|
76
|
+
]);
|
|
77
|
+
return /* @__PURE__ */ react.default.createElement("div", {
|
|
63
78
|
ref: handleRef,
|
|
64
79
|
className: (0, import_classnames.default)(contentHeaderBlockClass, className),
|
|
65
80
|
...rest
|
|
@@ -19,6 +19,7 @@ interface CoachmarkContextType {
|
|
|
19
19
|
contentRef: HTMLElement | null;
|
|
20
20
|
setContentRef: (value: any) => void;
|
|
21
21
|
floating?: boolean;
|
|
22
|
+
selectorPrimaryFocus?: string;
|
|
22
23
|
}
|
|
23
24
|
export declare const CoachmarkContext: import("react").Context<CoachmarkContextType>;
|
|
24
25
|
export declare const blockClass: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,+CAS3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}
|
|
@@ -166,7 +166,7 @@ export type InitialState = {
|
|
|
166
166
|
export interface ConditionBuilderContextInputProps extends PropsWithChildren {
|
|
167
167
|
children?: ReactNode;
|
|
168
168
|
inputConfig?: inputConfig;
|
|
169
|
-
popOverSearchThreshold
|
|
169
|
+
popOverSearchThreshold: number;
|
|
170
170
|
getOptions?: (state: ConditionBuilderState, condition: Condition) => Promise<Option[]>;
|
|
171
171
|
variant?: string;
|
|
172
172
|
translateWithId?: (id: ConditionBuilderTextKeys) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"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"}
|
package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBuilderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AAiBnC,OAAO,EACL,MAAM,EAEN,qBAAqB,EAErB,YAAY,EACb,MAAM,2BAA2B,CAAC;AAEnC,UAAU,4BAA4B;IACpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AACD,QAAA,MAAM,uBAAuB;0FAM1B,4BAA4B;;
|
|
1
|
+
{"version":3,"file":"ConditionBuilderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,YAAY,CAAC;AAiBnC,OAAO,EACL,MAAM,EAEN,qBAAqB,EAErB,YAAY,EACb,MAAM,2BAA2B,CAAC;AAEnC,UAAU,4BAA4B;IACpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AACD,QAAA,MAAM,uBAAuB;0FAM1B,4BAA4B;;QAgP7B;;WAEG;;;;;QAOH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;;;;;;;;;;;CAxBJ,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -31,7 +31,7 @@ let _carbon_react_icons = require("@carbon/react/icons");
|
|
|
31
31
|
*/
|
|
32
32
|
/**@ts-ignore */
|
|
33
33
|
const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getActionsState, initialState, actions }) => {
|
|
34
|
-
const { rootState, setRootState, variant, actionState, onAddItem, readOnly } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
|
|
34
|
+
const { rootState, setRootState, variant, actionState, onAddItem, readOnly, statementConfigCustom } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
|
|
35
35
|
const initialConditionState = (0, react.useRef)(initialState?.state ? JSON.parse(JSON.stringify(initialState?.state)) : null);
|
|
36
36
|
const [isConditionBuilderActive, setIsConditionBuilderActive] = (0, react.useState)(false);
|
|
37
37
|
const [showConditionGroupPreview, setShowConditionGroupPreview] = (0, react.useState)(false);
|
|
@@ -62,7 +62,7 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
|
|
|
62
62
|
if (initialConditionState?.current?.groups?.length) {
|
|
63
63
|
setRootState?.(initialConditionState.current);
|
|
64
64
|
initialConditionState.current = null;
|
|
65
|
-
} else setRootState?.(require_ConditionBuilderProvider.
|
|
65
|
+
} else setRootState?.(require_ConditionBuilderProvider.getEmptyState(statementConfigCustom));
|
|
66
66
|
};
|
|
67
67
|
const onRemove = (0, react.useCallback)((groupId) => {
|
|
68
68
|
const groups = rootState?.groups?.filter((group) => groupId !== group?.id);
|
|
@@ -95,18 +95,7 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
|
|
|
95
95
|
state: rootState
|
|
96
96
|
}) ?? {};
|
|
97
97
|
if (!preventAdd) {
|
|
98
|
-
const newGroup =
|
|
99
|
-
statement: "ifAll",
|
|
100
|
-
groupOperator: "and",
|
|
101
|
-
id: require_uuidv4.default(),
|
|
102
|
-
conditions: [{
|
|
103
|
-
property: void 0,
|
|
104
|
-
operator: "",
|
|
105
|
-
value: "",
|
|
106
|
-
popoverToOpen: "propertyField",
|
|
107
|
-
id: require_uuidv4.default()
|
|
108
|
-
}]
|
|
109
|
-
};
|
|
98
|
+
const newGroup = require_ConditionBuilderProvider.getEmptyState(statementConfigCustom).groups?.[0];
|
|
110
99
|
setRootState?.({
|
|
111
100
|
...rootState,
|
|
112
101
|
groups: rootState && rootState.groups ? [...rootState.groups, newGroup] : [newGroup]
|
package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { ConditionBuilderContextProps, ConditionBuilderState } from '../ConditionBuilder.types';
|
|
9
|
-
export declare const
|
|
9
|
+
export declare const getEmptyState: (statementConfigCustom?: ConditionBuilderContextProps["statementConfigCustom"]) => ConditionBuilderState;
|
|
10
10
|
export declare const ConditionBuilderContext: React.Context<ConditionBuilderContextProps>;
|
|
11
11
|
export declare const ConditionBuilderProvider: React.FC<ConditionBuilderContextProps>;
|
|
12
12
|
//# sourceMappingURL=ConditionBuilderProvider.d.ts.map
|
package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBuilderProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,EAEL,4BAA4B,EAC5B,qBAAqB,
|
|
1
|
+
{"version":3,"file":"ConditionBuilderProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,EAEL,4BAA4B,EAC5B,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,aAAa,GACxB,wBAAwB,4BAA4B,CAAC,uBAAuB,CAAC,KAC5E,qBAuBF,CAAC;AAEF,eAAO,MAAM,uBAAuB,6CAMhC,CAAC;AAEL,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,4BAA4B,CA4B7B,CAAC"}
|
|
@@ -19,22 +19,29 @@ prop_types = require_runtime.__toESM(prop_types);
|
|
|
19
19
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
20
20
|
* LICENSE file in the root directory of this source tree.
|
|
21
21
|
*/
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
22
|
+
const getEmptyState = (statementConfigCustom) => {
|
|
23
|
+
const defaultStatement = statementConfigCustom?.[0];
|
|
24
|
+
const defaultStatementId = defaultStatement?.id ?? "ifAll";
|
|
25
|
+
return {
|
|
26
|
+
operator: "or",
|
|
27
|
+
groups: [{
|
|
28
|
+
groupOperator: defaultStatement?.connector ?? "and",
|
|
29
|
+
statement: defaultStatementId,
|
|
30
|
+
id: require_uuidv4.default(),
|
|
31
|
+
conditions: [{
|
|
32
|
+
property: void 0,
|
|
33
|
+
operator: "",
|
|
34
|
+
value: "",
|
|
35
|
+
popoverToOpen: "propertyField",
|
|
36
|
+
id: require_uuidv4.default()
|
|
37
|
+
}]
|
|
34
38
|
}]
|
|
35
|
-
}
|
|
39
|
+
};
|
|
36
40
|
};
|
|
37
|
-
const ConditionBuilderContext = (0, react.createContext)({
|
|
41
|
+
const ConditionBuilderContext = (0, react.createContext)({
|
|
42
|
+
rootState: { groups: [] },
|
|
43
|
+
popOverSearchThreshold: 0
|
|
44
|
+
});
|
|
38
45
|
const ConditionBuilderProvider = (props) => {
|
|
39
46
|
const [rootState, setRootState] = (0, react.useState)({ groups: [] });
|
|
40
47
|
const [actionState, setActionState] = (0, react.useState)([]);
|
|
@@ -95,4 +102,4 @@ ConditionBuilderProvider.propTypes = {
|
|
|
95
102
|
//#endregion
|
|
96
103
|
exports.ConditionBuilderContext = ConditionBuilderContext;
|
|
97
104
|
exports.ConditionBuilderProvider = ConditionBuilderProvider;
|
|
98
|
-
exports.
|
|
105
|
+
exports.getEmptyState = getEmptyState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAMvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,cAAc,EACd,MAAM,EACN,QAAQ,EACR,eAAe,EAChB,MAAM,8BAA8B,CAAC;AAGtC,UAAU,eAAe;IACvB,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,GAAG,QAAQ,EAAE,CAAA;KAAE,GAAG;QAChE,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AACD,eAAO,MAAM,UAAU;iEAMpB,eAAe;;
|
|
1
|
+
{"version":3,"file":"ItemOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAMvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,cAAc,EACd,MAAM,EACN,QAAQ,EACR,eAAe,EAChB,MAAM,8BAA8B,CAAC;AAGtC,UAAU,eAAe;IACvB,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,GAAG,QAAQ,EAAE,CAAA;KAAE,GAAG;QAChE,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AACD,eAAO,MAAM,UAAU;iEAMpB,eAAe;;QAkIhB;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;CAfJ,CAAC"}
|
|
@@ -55,7 +55,7 @@ const ItemOption = ({ conditionState = {}, config = {}, onChange, closePopover,
|
|
|
55
55
|
return /* @__PURE__ */ react.default.createElement("div", {
|
|
56
56
|
className: `${require_util.blockClass}__item-option`,
|
|
57
57
|
ref: contentRef
|
|
58
|
-
},
|
|
58
|
+
}, allOptions.length > popOverSearchThreshold ? /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-option__search` }, /* @__PURE__ */ react.default.createElement(_carbon_react.Search, {
|
|
59
59
|
size: "sm",
|
|
60
60
|
labelText: clearSearchText,
|
|
61
61
|
closeButtonLabelText: clearSearchText,
|
|
@@ -63,7 +63,7 @@ const ItemOption = ({ conditionState = {}, config = {}, onChange, closePopover,
|
|
|
63
63
|
onKeyDown: (evt) => {
|
|
64
64
|
require_util.onKeyDownHandlerForSearch(evt, conditionBuilderRef, closePopover);
|
|
65
65
|
}
|
|
66
|
-
})), /* @__PURE__ */ react.default.createElement("ul", {
|
|
66
|
+
})) : null, /* @__PURE__ */ react.default.createElement("ul", {
|
|
67
67
|
"aria-label": getAriaLabel(),
|
|
68
68
|
role: "listbox"
|
|
69
69
|
}, filteredItems?.map((option) => {
|
|
@@ -89,7 +89,10 @@ const ItemOption = ({ conditionState = {}, config = {}, onChange, closePopover,
|
|
|
89
89
|
onClick: (evt) => onClickHandler(evt, option),
|
|
90
90
|
...disabled ? { "aria-disabled": "true" } : {},
|
|
91
91
|
...hidden ? { "aria-hidden": "true" } : {}
|
|
92
|
-
}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-option__option-content` }, /* @__PURE__ */ react.default.createElement("span", { className: `${require_util.blockClass}__item-option__option-label` }, Icon && /* @__PURE__ */ react.default.createElement(Icon, null),
|
|
92
|
+
}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-option__option-content` }, /* @__PURE__ */ react.default.createElement("span", { className: `${require_util.blockClass}__item-option__option-label` }, Icon && /* @__PURE__ */ react.default.createElement(Icon, null), /* @__PURE__ */ react.default.createElement("span", {
|
|
93
|
+
className: `${require_util.blockClass}__item-option__option-label-text`,
|
|
94
|
+
title: option.label
|
|
95
|
+
}, config?.isStatement ? getStatementContent(option) : option.label)), isSelected && /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Checkmark, { className: `${require_util.blockClass}__checkmark` })));
|
|
93
96
|
})));
|
|
94
97
|
};
|
|
95
98
|
ItemOption.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemOptionForValueField.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,SAAS,EAGT,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAOtC,UAAU,4BAA4B;IACpC,cAAc,EAAE,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,eAAO,MAAM,uBAAuB;0DAKjC,4BAA4B;;
|
|
1
|
+
{"version":3,"file":"ItemOptionForValueField.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,SAAS,EAGT,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAOtC,UAAU,4BAA4B;IACpC,cAAc,EAAE,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,eAAO,MAAM,uBAAuB;0DAKjC,4BAA4B;;QAyO7B;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;CAfJ,CAAC"}
|
|
@@ -73,7 +73,7 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
|
|
|
73
73
|
return /* @__PURE__ */ react.default.createElement("div", {
|
|
74
74
|
className: `${require_util.blockClass}__item-option`,
|
|
75
75
|
ref: contentRef
|
|
76
|
-
},
|
|
76
|
+
}, allOptions.length > popOverSearchThreshold ? /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-option__search` }, /* @__PURE__ */ react.default.createElement(_carbon_react.Search, {
|
|
77
77
|
size: "sm",
|
|
78
78
|
labelText: clearSearchText,
|
|
79
79
|
closeButtonLabelText: clearSearchText,
|
|
@@ -81,7 +81,7 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
|
|
|
81
81
|
onKeyDown: (evt) => {
|
|
82
82
|
require_util.onKeyDownHandlerForSearch(evt, conditionBuilderRef, closePopover);
|
|
83
83
|
}
|
|
84
|
-
})), multiSelectable && /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__multiselectSelectionStatusContainer` }, /* @__PURE__ */ react.default.createElement("label", null, selection.length, "/", allOptions.length, " Selected"), /* @__PURE__ */ react.default.createElement(_carbon_react.Button, {
|
|
84
|
+
})) : null, multiSelectable && /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__multiselectSelectionStatusContainer` }, /* @__PURE__ */ react.default.createElement("label", null, selection.length, "/", allOptions.length, " Selected"), /* @__PURE__ */ react.default.createElement(_carbon_react.Button, {
|
|
85
85
|
kind: "ghost",
|
|
86
86
|
size: "sm",
|
|
87
87
|
"data-selected-all": `${selection.length == 0 ? true : false}`,
|
|
@@ -104,7 +104,13 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
|
|
|
104
104
|
return false;
|
|
105
105
|
},
|
|
106
106
|
onClick: (evt) => onClickHandler(evt, option, isSelected)
|
|
107
|
-
}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-option__option-content` }, multiSelectable ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("span", { className: `${require_util.blockClass}__option-check-box` }, isSelected ? /* @__PURE__ */ react.default.createElement(_carbon_react_icons.CheckboxCheckedFilled, null) : /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Checkbox, null)), /* @__PURE__ */ react.default.createElement("span", { className: `${require_util.blockClass}__item-option__option-label` },
|
|
107
|
+
}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_util.blockClass}__item-option__option-content` }, multiSelectable ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("span", { className: `${require_util.blockClass}__option-check-box` }, isSelected ? /* @__PURE__ */ react.default.createElement(_carbon_react_icons.CheckboxCheckedFilled, null) : /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Checkbox, null)), /* @__PURE__ */ react.default.createElement("span", { className: `${require_util.blockClass}__item-option__option-label` }, /* @__PURE__ */ react.default.createElement("span", {
|
|
108
|
+
className: `${require_util.blockClass}__item-option__option-label-text`,
|
|
109
|
+
title: option.label
|
|
110
|
+
}, option.label), Icon && /* @__PURE__ */ react.default.createElement("span", { className: `${require_util.blockClass}__option-icon` }, /* @__PURE__ */ react.default.createElement(Icon, null)))) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("span", { className: `${require_util.blockClass}__item-option__option-label` }, Icon && /* @__PURE__ */ react.default.createElement(Icon, null), /* @__PURE__ */ react.default.createElement("span", {
|
|
111
|
+
className: `${require_util.blockClass}__item-option__option-label-text`,
|
|
112
|
+
title: option.label
|
|
113
|
+
}, option.label)), isSelected && /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Checkmark, { className: `${require_util.blockClass}__checkmark` }))));
|
|
108
114
|
})));
|
|
109
115
|
};
|
|
110
116
|
ItemOptionForValueField.propTypes = {
|
package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionGroupBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,OAAO,EAEL,cAAc,EAEf,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"ConditionGroupBuilder.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAO,SAAS,MAAM,YAAY,CAAC;AAkBnC,OAAO,EAEL,cAAc,EAEf,MAAM,2BAA2B,CAAC;AAGnC;;;;;GAKG;AAEH,UAAU,0BAA0B;IAClC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,QAAA,MAAM,qBAAqB;sDAMxB,0BAA0B;;QAof3B;;WAEG;;QAGH;;WAEG;QACH;;WAEG;;;QAIH;;WAEG;;QAEH;;WAEG;;;CAxBJ,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|