@carbon/ibm-products 2.98.0 → 2.99.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/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +463 -463
- package/css/carbon.css +9599 -6352
- package/css/carbon.css.map +1 -1
- package/css/index-full-carbon.css +5121 -1880
- 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 +29 -186
- 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 +29 -186
- 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 +397 -447
- 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/AddSelect/AddSelectColumn.js +4 -4
- package/es/components/AddSelect/next/AddSelectColumn.js +2 -2
- package/es/components/ConditionBuilder/ConditionBuilder.d.ts +21 -0
- package/es/components/ConditionBuilder/ConditionBuilder.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilder.js +51 -44
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +47 -9
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -2
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +16 -3
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +37 -17
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +1 -0
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -0
- package/es/components/ConditionBuilder/index.d.ts +1 -1
- package/es/components/ConditionBuilder/index.d.ts.map +1 -1
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +2 -2
- package/es/components/EmptyStates/assets/ErrorIllustration.js +2 -2
- package/es/components/EmptyStates/assets/NoDataIllustration.js +2 -2
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +2 -2
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +2 -2
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +2 -2
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +2 -2
- package/es/components/NotificationsPanel/NotificationsPanel.js +2 -2
- package/es/components/PageHeader/next/PageHeader.d.ts +10 -0
- package/es/components/PageHeader/next/PageHeader.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeader.js +6 -3
- package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderBreadcrumbBar.js +6 -3
- package/es/components/PageHeader/next/PageHeaderBreadcrumbPageActions.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderBreadcrumbPageActions.js +4 -10
- package/es/components/PageHeader/next/PageHeaderContent.d.ts +3 -2
- package/es/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderContent.js +14 -11
- package/es/components/PageHeader/next/PageHeaderContentPageActions.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderContentPageActions.js +3 -2
- package/es/components/PageHeader/next/PageHeaderScrollButton.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderScrollButton.js +3 -0
- package/es/components/PageHeader/next/PageHeaderTabBar.js +11 -3
- package/es/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
- package/es/components/PageHeader/next/PageHeaderTagOverflow.js +10 -2
- package/es/components/PageHeader/next/context.d.ts +2 -0
- package/es/components/PageHeader/next/context.d.ts.map +1 -1
- package/es/components/PageHeader/next/context.js +3 -1
- package/es/components/StatusIcon/StatusIcon.d.ts +11 -9
- package/es/components/StatusIcon/StatusIcon.d.ts.map +1 -1
- package/es/components/StatusIcon/StatusIcon.js +16 -0
- package/es/components/TagOverflow/TagOverflow.d.ts +9 -2
- package/es/components/TagOverflow/TagOverflow.d.ts.map +1 -1
- package/es/components/TagOverflow/TagOverflow.js +10 -4
- package/es/components/TagOverflow/TagOverflowModal.d.ts +22 -4
- package/es/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
- package/es/components/TagOverflow/TagOverflowModal.js +15 -6
- package/es/components/Tearsheet/TearsheetShell.js +2 -2
- package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.js +4 -3
- package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetBody.js +1 -3
- package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts +3 -2
- package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeaderContent.js +3 -3
- package/es/components/index.d.ts +1 -1
- package/es/components/index.d.ts.map +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +1 -8
- package/es/global/js/utils/useId.js +2 -2
- package/es/index.js +3 -3
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-11.js +342 -310
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +48 -56
- package/es/settings.d.ts +4 -4
- package/lib/components/ConditionBuilder/ConditionBuilder.d.ts +21 -0
- package/lib/components/ConditionBuilder/ConditionBuilder.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilder.js +51 -44
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +47 -9
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +16 -3
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +36 -16
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +1 -0
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +1 -0
- package/lib/components/ConditionBuilder/index.d.ts +1 -1
- package/lib/components/ConditionBuilder/index.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +2 -2
- package/lib/components/PageHeader/next/PageHeader.d.ts +10 -0
- package/lib/components/PageHeader/next/PageHeader.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeader.js +6 -3
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbBar.js +6 -3
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbPageActions.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderBreadcrumbPageActions.js +3 -9
- package/lib/components/PageHeader/next/PageHeaderContent.d.ts +3 -2
- package/lib/components/PageHeader/next/PageHeaderContent.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderContent.js +13 -10
- package/lib/components/PageHeader/next/PageHeaderContentPageActions.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderContentPageActions.js +3 -2
- package/lib/components/PageHeader/next/PageHeaderScrollButton.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderScrollButton.js +3 -0
- package/lib/components/PageHeader/next/PageHeaderTabBar.js +11 -3
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.d.ts.map +1 -1
- package/lib/components/PageHeader/next/PageHeaderTagOverflow.js +10 -2
- package/lib/components/PageHeader/next/context.d.ts +2 -0
- package/lib/components/PageHeader/next/context.d.ts.map +1 -1
- package/lib/components/PageHeader/next/context.js +3 -1
- package/lib/components/StatusIcon/StatusIcon.d.ts +11 -9
- package/lib/components/StatusIcon/StatusIcon.d.ts.map +1 -1
- package/lib/components/StatusIcon/StatusIcon.js +16 -0
- package/lib/components/TagOverflow/TagOverflow.d.ts +9 -2
- package/lib/components/TagOverflow/TagOverflow.d.ts.map +1 -1
- package/lib/components/TagOverflow/TagOverflow.js +10 -4
- package/lib/components/TagOverflow/TagOverflowModal.d.ts +22 -4
- package/lib/components/TagOverflow/TagOverflowModal.d.ts.map +1 -1
- package/lib/components/TagOverflow/TagOverflowModal.js +15 -6
- package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.js +2 -1
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetBody.js +1 -3
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts +3 -2
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +3 -3
- package/lib/components/index.d.ts +1 -1
- package/lib/components/index.d.ts.map +1 -1
- package/lib/global/js/hooks/useCreateComponentFocus.js +1 -8
- package/lib/index.js +5 -9
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-0.js +33 -33
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-1.js +26 -29
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-10.js +336 -365
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-11.js +365 -333
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-12.js +600 -644
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-13.js +724 -662
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-14.js +608 -624
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-15.js +663 -662
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-16.js +533 -551
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-17.js +701 -725
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-18.js +669 -645
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-19.js +521 -496
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-2.js +29 -26
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-20.js +592 -633
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-21.js +688 -174
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-22.js +210 -0
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-3.js +52 -60
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-4.js +60 -52
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-5.js +65 -83
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-6.js +129 -121
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-7.js +199 -231
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-8.js +296 -264
- package/lib/node_modules/@carbon/icons-react/lib/generated/bucket-9.js +303 -336
- package/lib/node_modules/@carbon/icons-react/lib/index.js +535 -486
- package/lib/settings.d.ts +4 -4
- package/package.json +17 -17
- package/scss/components/PageHeader/_page-header.scss +32 -32
- package/scss/components/Tearsheet/_tearsheet_next.scss +10 -8
- package/telemetry.yml +7 -3
- package/es/components/Card/next/Card.js +0 -180
- package/es/components/Card/next/CardAction.js +0 -57
- package/es/components/Card/next/CardActions.js +0 -112
- package/es/components/Card/next/CardBody.js +0 -47
- package/es/components/Card/next/CardContext.js +0 -31
- package/es/components/Card/next/CardFooter.js +0 -47
- package/es/components/Card/next/CardHeader.js +0 -62
- package/es/components/Card/next/CardHeaderMedia.js +0 -46
- package/es/components/Card/next/CardMedia.js +0 -59
- package/es/components/Card/next/CardTitle.js +0 -121
- package/es/components/Card/next/CardTitleMedia.js +0 -49
- package/es/components/Card/next/index.js +0 -33
- package/lib/components/Card/next/Card.js +0 -182
- package/lib/components/Card/next/CardAction.js +0 -64
- package/lib/components/Card/next/CardActions.js +0 -119
- package/lib/components/Card/next/CardBody.js +0 -54
- package/lib/components/Card/next/CardContext.js +0 -33
- package/lib/components/Card/next/CardFooter.js +0 -54
- package/lib/components/Card/next/CardHeader.js +0 -69
- package/lib/components/Card/next/CardHeaderMedia.js +0 -53
- package/lib/components/Card/next/CardMedia.js +0 -66
- package/lib/components/Card/next/CardTitle.js +0 -128
- package/lib/components/Card/next/CardTitleMedia.js +0 -56
- package/lib/components/Card/next/index.js +0 -38
|
@@ -18,6 +18,30 @@ import { jsx } from "react/jsx-runtime";
|
|
|
18
18
|
*
|
|
19
19
|
* Code generated by @carbon/icon-build-helpers. DO NOT EDIT.
|
|
20
20
|
*/
|
|
21
|
+
const ChartDualYAxis = /* @__PURE__ */ React.forwardRef(function ChartDualYAxis({ children, size = 16, ...rest }, ref) {
|
|
22
|
+
return React.createElement(Icon, {
|
|
23
|
+
width: size,
|
|
24
|
+
height: size,
|
|
25
|
+
ref,
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
viewBox: "0 0 32 32",
|
|
28
|
+
fill: "currentColor",
|
|
29
|
+
...rest
|
|
30
|
+
}, /* @__PURE__ */ jsx("path", { d: "m28,2v5.7222l-7.5317,6.9521L12.3818,6.5879c-.3918-.3911-.9111-.5918-1.4302-.5879-.4644.0034-.9285.1714-1.301.4976l-5.6506,4.9443V2h-2v26c0,1.1025.8972,2,2,2h24c1.1028,0,2-.8975,2-2V2h-2Zm0,8.4438v11.7622l-6.1165-6.1162,6.1165-5.646Zm-17.0322-2.4414l8.0298,8.0298-3.2141,2.9668-3.4148-3.415c-.3711-.3706-.8564-.5674-1.3479-.584s-.9885.1475-1.3833.4932l-5.6375,4.9326v-6.3262l6.9678-6.0972Zm-6.9678,19.9976v-4.9165l6.9546-6.085,3.4146,3.4146c.3809.3809.8755.5771,1.374.5869s1.0007-.166,1.3967-.5312l3.2729-3.0215,7.5872,7.5869v2.9658H4Z" }), children);
|
|
31
|
+
});
|
|
32
|
+
ChartDualYAxis.propTypes = iconPropTypes;
|
|
33
|
+
const ChartErrorBar = /* @__PURE__ */ React.forwardRef(function ChartErrorBar({ children, size = 16, ...rest }, ref) {
|
|
34
|
+
return React.createElement(Icon, {
|
|
35
|
+
width: size,
|
|
36
|
+
height: size,
|
|
37
|
+
ref,
|
|
38
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
39
|
+
viewBox: "0 0 32 32",
|
|
40
|
+
fill: "currentColor",
|
|
41
|
+
...rest
|
|
42
|
+
}, /* @__PURE__ */ jsx("path", { d: "M22,28V12H18V8h2V6H14V8h2v4H12V28H4V2H2V28a2,2,0,0,0,2,2H30V28ZM14,14h2v4H14Zm6,14H14V20h6Zm0-10H18V14h2Z" }), children);
|
|
43
|
+
});
|
|
44
|
+
ChartErrorBar.propTypes = iconPropTypes;
|
|
21
45
|
const ChartErrorBarAlt = /* @__PURE__ */ React.forwardRef(function ChartErrorBarAlt({ children, size = 16, ...rest }, ref) {
|
|
22
46
|
return React.createElement(Icon, {
|
|
23
47
|
width: size,
|
|
@@ -800,6 +824,18 @@ const Checkmark = /* @__PURE__ */ React.forwardRef(function Checkmark({ children
|
|
|
800
824
|
}, /* @__PURE__ */ jsx("path", { d: "M13 24 4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24z" }), children);
|
|
801
825
|
});
|
|
802
826
|
Checkmark.propTypes = iconPropTypes;
|
|
827
|
+
const CheckmarkDouble = /* @__PURE__ */ React.forwardRef(function CheckmarkDouble({ children, size = 16, ...rest }, ref) {
|
|
828
|
+
return React.createElement(Icon, {
|
|
829
|
+
width: size,
|
|
830
|
+
height: size,
|
|
831
|
+
ref,
|
|
832
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
833
|
+
viewBox: "0 0 32 32",
|
|
834
|
+
fill: "currentColor",
|
|
835
|
+
...rest
|
|
836
|
+
}, /* @__PURE__ */ jsx("path", { d: "M18,21.4141l-3.5356-3.5352,1.4141-1.4141,2.1216,2.1211,9.8994-9.8994,1.4141,1.4141-11.3135,11.3135ZM10,20.4141l-6.3638-6.3638,1.4141-1.4141,4.9497,4.9497,9.8994-9.8994,1.4141,1.4141-11.3135,11.3135Z" }), children);
|
|
837
|
+
});
|
|
838
|
+
CheckmarkDouble.propTypes = iconPropTypes;
|
|
803
839
|
const CheckmarkFilled = /* @__PURE__ */ React.forwardRef(function CheckmarkFilled({ children, size = 16, ...rest }, ref) {
|
|
804
840
|
if (size === 16 || size === "16" || size === "16px") return React.createElement(Icon, {
|
|
805
841
|
width: size,
|
|
@@ -1594,6 +1630,18 @@ const Classification = /* @__PURE__ */ React.forwardRef(function Classification(
|
|
|
1594
1630
|
}), /* @__PURE__ */ jsx("path", { d: "M27.7,9.3l-7-7A.9087.9087,0,0,0,20,2H10A2.0058,2.0058,0,0,0,8,4V14H6a2.0023,2.0023,0,0,0-2,2v6a2.0023,2.0023,0,0,0,2,2H8v4a2.0058,2.0058,0,0,0,2,2H26a2.0058,2.0058,0,0,0,2-2V10A.9092.9092,0,0,0,27.7,9.3ZM20,4.4,25.6,10H20ZM6,16h9.5972L19,19l-3.3926,3H6ZM26,28H10V24h5.6089a2.0076,2.0076,0,0,0,1.3135-.4927l3.3833-2.9917a2.0015,2.0015,0,0,0,.01-3.0229l-3.4033-3.0083A1.9961,1.9961,0,0,0,15.6089,14H10V4h8v6a2.0058,2.0058,0,0,0,2,2h6Z" }), children);
|
|
1595
1631
|
});
|
|
1596
1632
|
Classification.propTypes = iconPropTypes;
|
|
1633
|
+
const ClassificationGroups = /* @__PURE__ */ React.forwardRef(function ClassificationGroups({ children, size = 16, ...rest }, ref) {
|
|
1634
|
+
return React.createElement(Icon, {
|
|
1635
|
+
width: size,
|
|
1636
|
+
height: size,
|
|
1637
|
+
ref,
|
|
1638
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1639
|
+
viewBox: "0 0 32 32",
|
|
1640
|
+
fill: "currentColor",
|
|
1641
|
+
...rest
|
|
1642
|
+
}, /* @__PURE__ */ jsx("path", { d: "M8,17h5l2,2-2,2h-5v-4ZM30,28V4c0-1.103-.8975-2-2-2h-4v2h4v24h-4v2h4c1.1025,0,2-.8975,2-2ZM8,28h-4V4h4v-2h-4c-1.103,0-2,.897-2,2v24c0,1.1025.897,2,2,2h4v-2ZM24,23v-10c0-.2651-.1055-.5195-.293-.707l-5-5c-.1875-.1875-.4414-.293-.707-.293h-6c-1.103,0-2,.897-2,2v6h2v-6h4v4c0,1.103.897,2,2,2h4v8h-12c0,1.1025.897,2,2,2h10c1.1025,0,2-.8975,2-2ZM21.5859,13h-3.5859v-3.5859l3.5859,3.5859Z" }), children);
|
|
1643
|
+
});
|
|
1644
|
+
ClassificationGroups.propTypes = iconPropTypes;
|
|
1597
1645
|
const ClassifierLanguage = /* @__PURE__ */ React.forwardRef(function ClassifierLanguage({ children, size = 16, ...rest }, ref) {
|
|
1598
1646
|
return React.createElement(Icon, {
|
|
1599
1647
|
width: size,
|
|
@@ -1880,61 +1928,5 @@ const CloudCeiling = /* @__PURE__ */ React.forwardRef(function CloudCeiling({ ch
|
|
|
1880
1928
|
}, /* @__PURE__ */ jsx("path", { d: "M2 28H11V30H2z" }), /* @__PURE__ */ jsx("path", { d: "M21 28H30V30H21z" }), /* @__PURE__ */ jsx("path", { d: "M17 26.167 17 17.832 19.586 20.414 21 19 16 14 11 19 12.413 20.415 15 17.832 15 26.167 12.413 23.584 11 25 16 30 21 25 19.586 23.586 17 26.167z" }), /* @__PURE__ */ jsx("path", { d: "M23,16H21V14h2a3,3,0,0,0,0-6c-.0938.0144-.1538.0219-.2153.0263l-.8037.0572L21.7544,7.31a5.9927,5.9927,0,0,0-11.1758-.8655l-.2832.5994-.8423-.0455A3.5008,3.5008,0,0,0,9.5,14H11v2H9.5A5.5,5.5,0,0,1,9.07,5.0166,7.9909,7.9909,0,0,1,23.42,6.0175,5,5,0,0,1,23,16Z" }), children);
|
|
1881
1929
|
});
|
|
1882
1930
|
CloudCeiling.propTypes = iconPropTypes;
|
|
1883
|
-
const CloudFoundry_1 = /* @__PURE__ */ React.forwardRef(function CloudFoundry_1({ children, size = 16, ...rest }, ref) {
|
|
1884
|
-
return React.createElement(Icon, {
|
|
1885
|
-
width: size,
|
|
1886
|
-
height: size,
|
|
1887
|
-
ref,
|
|
1888
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1889
|
-
viewBox: "0 0 32 32",
|
|
1890
|
-
fill: "currentColor",
|
|
1891
|
-
...rest
|
|
1892
|
-
}, /* @__PURE__ */ jsx("path", { d: "M16,7h0a7.66,7.66,0,0,1,1.51.15,8,8,0,0,1,6.35,6.34l.26,1.35,1.35.24a5.5,5.5,0,0,1-1,10.92H7.5a5.5,5.5,0,0,1-1-10.92l1.34-.24.26-1.35A8,8,0,0,1,16,7m0-2a10,10,0,0,0-9.83,8.12A7.5,7.5,0,0,0,7.49,28h17a7.5,7.5,0,0,0,1.32-14.88,10,10,0,0,0-7.94-7.94A10.27,10.27,0,0,0,16,5Z" }), /* @__PURE__ */ jsx("path", { d: "M14,24H11a2,2,0,0,1-2-2V19a2,2,0,0,1,2-2h3v2H11v3h3Z" }), /* @__PURE__ */ jsx("path", { d: "M21,15V13H19a2,2,0,0,0-2,2v2H16v2h1v5h2V19h2V17H19V15Z" }), children);
|
|
1893
|
-
});
|
|
1894
|
-
CloudFoundry_1.propTypes = iconPropTypes;
|
|
1895
|
-
const CloudFoundry_2 = /* @__PURE__ */ React.forwardRef(function CloudFoundry_2({ children, size = 16, ...rest }, ref) {
|
|
1896
|
-
return React.createElement(Icon, {
|
|
1897
|
-
width: size,
|
|
1898
|
-
height: size,
|
|
1899
|
-
ref,
|
|
1900
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1901
|
-
viewBox: "0 0 32 32",
|
|
1902
|
-
fill: "currentColor",
|
|
1903
|
-
...rest
|
|
1904
|
-
}, /* @__PURE__ */ jsx("path", { d: "M25 11 25 9 17 9 17 23 19 23 19 17 24 17 24 15 19 15 19 11 25 11z" }), /* @__PURE__ */ jsx("path", { d: "M15,23H9a2,2,0,0,1-2-2V11A2,2,0,0,1,9,9h6v2H9V21h6Z" }), children);
|
|
1905
|
-
});
|
|
1906
|
-
CloudFoundry_2.propTypes = iconPropTypes;
|
|
1907
|
-
const CloudRegistry = /* @__PURE__ */ React.forwardRef(function CloudRegistry({ children, size = 16, ...rest }, ref) {
|
|
1908
|
-
return React.createElement(Icon, {
|
|
1909
|
-
width: size,
|
|
1910
|
-
height: size,
|
|
1911
|
-
ref,
|
|
1912
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1913
|
-
viewBox: "0 0 32 32",
|
|
1914
|
-
fill: "currentColor",
|
|
1915
|
-
...rest
|
|
1916
|
-
}, /* @__PURE__ */ jsx("path", { d: "M28,30H23a2.0023,2.0023,0,0,1-2-2V23a2.0023,2.0023,0,0,1,2-2h5a2.0023,2.0023,0,0,1,2,2v5A2.0023,2.0023,0,0,1,28,30Zm-5-7h-.0012L23,28h5V23Z" }), /* @__PURE__ */ jsx("path", { d: "M16,23H11a2.0023,2.0023,0,0,1-2-2V11a2.0023,2.0023,0,0,1,2-2H21a2.0023,2.0023,0,0,1,2,2v5H21V11H11V21h5Z" }), /* @__PURE__ */ jsx("path", { d: "M16,30H4a2.0023,2.0023,0,0,1-2-2V4A2.0023,2.0023,0,0,1,4,2H28a2.0023,2.0023,0,0,1,2,2V16H28V4H4V28H16Z" }), children);
|
|
1917
|
-
});
|
|
1918
|
-
CloudRegistry.propTypes = iconPropTypes;
|
|
1919
|
-
const CloudSatellite = /* @__PURE__ */ React.forwardRef(function CloudSatellite({ children, size = 16, ...rest }, ref) {
|
|
1920
|
-
return React.createElement(Icon, {
|
|
1921
|
-
width: size,
|
|
1922
|
-
height: size,
|
|
1923
|
-
ref,
|
|
1924
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1925
|
-
viewBox: "0 0 32 32",
|
|
1926
|
-
fill: "currentColor",
|
|
1927
|
-
...rest
|
|
1928
|
-
}, /* @__PURE__ */ jsx("circle", {
|
|
1929
|
-
cx: "9",
|
|
1930
|
-
cy: "20",
|
|
1931
|
-
r: "2"
|
|
1932
|
-
}), /* @__PURE__ */ jsx("path", { d: "M16,20a4,4,0,1,1,4-4A4.0118,4.0118,0,0,1,16,20Zm0-6a2,2,0,1,0,2,2A2.0059,2.0059,0,0,0,16,14Z" }), /* @__PURE__ */ jsx("circle", {
|
|
1933
|
-
cx: "23",
|
|
1934
|
-
cy: "12",
|
|
1935
|
-
r: "2"
|
|
1936
|
-
}), /* @__PURE__ */ jsx("path", { d: "M16,31a.9988.9988,0,0,1-.5039-.1357l-12-7A1.0008,1.0008,0,0,1,3,23V9a.9994.9994,0,0,1,.4961-.8638l12-7a1,1,0,0,1,1.0078,0l12,7L27.4961,9.8638,16,3.1577,5,9.5742V22.4258l11,6.417,11-6.417V15h2v8a1.0008,1.0008,0,0,1-.4961.8643l-12,7A.9988.9988,0,0,1,16,31Z" }), children);
|
|
1937
|
-
});
|
|
1938
|
-
CloudSatellite.propTypes = iconPropTypes;
|
|
1939
1931
|
//#endregion
|
|
1940
1932
|
export { ChevronDown };
|
package/es/settings.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export namespace carbon {
|
|
2
2
|
const themes: {
|
|
3
|
-
white: typeof import("@carbon/themes/
|
|
4
|
-
g10: typeof import("@carbon/themes/
|
|
5
|
-
g90: typeof import("@carbon/themes/
|
|
6
|
-
g100: typeof import("@carbon/themes/
|
|
3
|
+
white: typeof import("@carbon/themes/js/generated/themes/white");
|
|
4
|
+
g10: typeof import("@carbon/themes/js/generated/themes/g10");
|
|
5
|
+
g90: typeof import("@carbon/themes/js/generated/themes/g90");
|
|
6
|
+
g100: typeof import("@carbon/themes/js/generated/themes/g100");
|
|
7
7
|
};
|
|
8
8
|
let prefix: string;
|
|
9
9
|
}
|
|
@@ -5,9 +5,30 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
|
+
export { getDeprecatedArgTypes } from '../../global/js/utils/props-helper';
|
|
8
9
|
import { ConditionBuilderProps } from './ConditionBuilder.types';
|
|
9
10
|
/**
|
|
10
11
|
* TODO: A description of the component.
|
|
11
12
|
*/
|
|
12
13
|
export declare const ConditionBuilder: React.ForwardRefExoticComponent<ConditionBuilderProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare const deprecatedProps: {
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Use the `value` prop instead. `initialState` will be removed
|
|
17
|
+
* in a future major release.
|
|
18
|
+
*
|
|
19
|
+
* Optional prop to pass a saved condition state. `state` holds the
|
|
20
|
+
* condition structure; `enabledDefault: true` renders the builder
|
|
21
|
+
* immediately, `enabledDefault: false` (default) requires the user to
|
|
22
|
+
* click the start button first.
|
|
23
|
+
*/
|
|
24
|
+
/**@ts-ignore */
|
|
25
|
+
initialState: (props: any, propName: any, comp: any, loc: any, propFullName: any, secret: any) => any;
|
|
26
|
+
/**
|
|
27
|
+
* @deprecated Use `onChange` instead. `getConditionState` will be removed
|
|
28
|
+
* in a future major release.
|
|
29
|
+
*
|
|
30
|
+
* Callback that receives the updated condition state on every change.
|
|
31
|
+
*/
|
|
32
|
+
getConditionState: (props: any, propName: any, comp: any, loc: any, propFullName: any, secret: any) => any;
|
|
33
|
+
};
|
|
13
34
|
//# sourceMappingURL=ConditionBuilder.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAWpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAM3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AA0BjE;;GAEG;AAEH,eAAO,MAAM,gBAAgB,8FAgF5B,CAAC;AAUF,eAAO,MAAM,eAAe;IAC1B;;;;;;;;OAQG;IACH,gBAAgB;;IAShB;;;;;OAKG;;CAKJ,CAAC"}
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
const require_runtime = require("../../_virtual/_rolldown/runtime.js");
|
|
9
9
|
const require_index = require("../../node_modules/classnames/index.js");
|
|
10
10
|
const require_devtools = require("../../global/js/utils/devtools.js");
|
|
11
|
+
const require_props_helper = require("../../global/js/utils/props-helper.js");
|
|
11
12
|
const require_util = require("./utils/util.js");
|
|
12
13
|
const require_ConditionBuilderProvider = require("./ConditionBuilderContext/ConditionBuilderProvider.js");
|
|
13
14
|
const require_handleKeyboardEvents = require("./utils/handleKeyboardEvents.js");
|
|
@@ -30,7 +31,7 @@ const componentName = "ConditionBuilder";
|
|
|
30
31
|
/**
|
|
31
32
|
* TODO: A description of the component.
|
|
32
33
|
*/
|
|
33
|
-
const ConditionBuilder = react.default.forwardRef(({ className, inputConfig, startConditionLabel = "Add Condition", popOverSearchThreshold, getOptions, initialState, getConditionState, getActionsState, variant = require_util.NON_HIERARCHICAL_VARIANT, actions, translateWithId, statementConfigCustom, onAddItem, onRemoveItem, readOnly, ...rest }, ref) => {
|
|
34
|
+
const ConditionBuilder = react.default.forwardRef(({ className, inputConfig, startConditionLabel = "Add Condition", popOverSearchThreshold = 4, getOptions, initialState, getConditionState, getActionsState, variant = require_util.NON_HIERARCHICAL_VARIANT, actions, translateWithId, statementConfigCustom, onAddItem, onRemoveItem, readOnly, startActive = true, value, onChange, ...rest }, ref) => {
|
|
34
35
|
const localRef = (0, react.useRef)(null);
|
|
35
36
|
const conditionBuilderRef = ref || localRef;
|
|
36
37
|
const handleKeyDownHandler = (evt) => {
|
|
@@ -46,7 +47,10 @@ const ConditionBuilder = react.default.forwardRef(({ className, inputConfig, sta
|
|
|
46
47
|
statementConfigCustom,
|
|
47
48
|
onAddItem,
|
|
48
49
|
onRemoveItem,
|
|
49
|
-
readOnly: !!readOnly
|
|
50
|
+
readOnly: !!readOnly,
|
|
51
|
+
startActive,
|
|
52
|
+
value,
|
|
53
|
+
onChange
|
|
50
54
|
}, /* @__PURE__ */ react.default.createElement("div", {
|
|
51
55
|
...rest,
|
|
52
56
|
className: (0, import_classnames.default)(require_util.blockClass, className, { [`${require_util.blockClass}__readonly`]: readOnly }, {}),
|
|
@@ -64,6 +68,29 @@ const ConditionBuilder = react.default.forwardRef(({ className, inputConfig, sta
|
|
|
64
68
|
}))));
|
|
65
69
|
});
|
|
66
70
|
ConditionBuilder.displayName = componentName;
|
|
71
|
+
const deprecatedProps = {
|
|
72
|
+
/**
|
|
73
|
+
* @deprecated Use the `value` prop instead. `initialState` will be removed
|
|
74
|
+
* in a future major release.
|
|
75
|
+
*
|
|
76
|
+
* Optional prop to pass a saved condition state. `state` holds the
|
|
77
|
+
* condition structure; `enabledDefault: true` renders the builder
|
|
78
|
+
* immediately, `enabledDefault: false` (default) requires the user to
|
|
79
|
+
* click the start button first.
|
|
80
|
+
*/
|
|
81
|
+
/**@ts-ignore */
|
|
82
|
+
initialState: require_props_helper.deprecateProp(prop_types.default.shape({
|
|
83
|
+
state: prop_types.default.object,
|
|
84
|
+
enabledDefault: prop_types.default.bool
|
|
85
|
+
}), "Use the `value` prop instead (pair with `onChange` for controlled mode)."),
|
|
86
|
+
/**
|
|
87
|
+
* @deprecated Use `onChange` instead. `getConditionState` will be removed
|
|
88
|
+
* in a future major release.
|
|
89
|
+
*
|
|
90
|
+
* Callback that receives the updated condition state on every change.
|
|
91
|
+
*/
|
|
92
|
+
getConditionState: require_props_helper.deprecateProp(prop_types.default.func, "Use the `onChange` prop instead.")
|
|
93
|
+
};
|
|
67
94
|
ConditionBuilder.propTypes = {
|
|
68
95
|
/**
|
|
69
96
|
* optional array of actions
|
|
@@ -82,51 +109,13 @@ ConditionBuilder.propTypes = {
|
|
|
82
109
|
*/
|
|
83
110
|
getActionsState: prop_types.default.func,
|
|
84
111
|
/**
|
|
85
|
-
* This is a callback that gives back updated condition state
|
|
86
|
-
*/
|
|
87
|
-
getConditionState: prop_types.default.func.isRequired,
|
|
88
|
-
/**
|
|
89
112
|
* Callback triggered to dynamically fetch options for a property of type 'option'.
|
|
90
113
|
* This is invoked when no static options array is provided in the input config.
|
|
91
114
|
* The function should return a Promise that resolves with an array of options in the required format.
|
|
92
|
-
|
|
93
115
|
*/
|
|
94
116
|
getOptions: prop_types.default.func,
|
|
95
117
|
/**
|
|
96
|
-
* Optional prop if you want to pass a saved condition state, pass as "initialState.state".
|
|
97
|
-
* "initialState.enabledDefault" will populate the builder with the provided initial state before clicking Add Condition button.
|
|
98
|
-
*
|
|
99
|
-
* This state should respect the structure of condition state that is available in getConditionState callback
|
|
100
|
-
*/
|
|
101
|
-
/**@ts-ignore */
|
|
102
|
-
initialState: prop_types.default.shape({
|
|
103
|
-
state: prop_types.default.shape({
|
|
104
|
-
groups: prop_types.default.arrayOf(prop_types.default.shape({
|
|
105
|
-
groupOperator: prop_types.default.string,
|
|
106
|
-
statement: prop_types.default.string,
|
|
107
|
-
conditions: prop_types.default.arrayOf(prop_types.default.oneOfType([prop_types.default.shape({
|
|
108
|
-
property: prop_types.default.string,
|
|
109
|
-
operator: prop_types.default.string,
|
|
110
|
-
value: prop_types.default.oneOfType([
|
|
111
|
-
prop_types.default.string,
|
|
112
|
-
prop_types.default.arrayOf(prop_types.default.shape({
|
|
113
|
-
id: prop_types.default.string,
|
|
114
|
-
label: prop_types.default.string
|
|
115
|
-
})),
|
|
116
|
-
prop_types.default.shape({
|
|
117
|
-
id: prop_types.default.string,
|
|
118
|
-
label: prop_types.default.string
|
|
119
|
-
})
|
|
120
|
-
])
|
|
121
|
-
}), prop_types.default.object]))
|
|
122
|
-
})),
|
|
123
|
-
operator: prop_types.default.string
|
|
124
|
-
}),
|
|
125
|
-
enabledDefault: prop_types.default.bool
|
|
126
|
-
}),
|
|
127
|
-
/**
|
|
128
118
|
* This is a mandatory prop that defines the input to the condition builder.
|
|
129
|
-
|
|
130
119
|
*/
|
|
131
120
|
/**@ts-ignore */
|
|
132
121
|
inputConfig: prop_types.default.shape({ properties: prop_types.default.arrayOf(prop_types.default.shape({
|
|
@@ -165,19 +154,30 @@ ConditionBuilder.propTypes = {
|
|
|
165
154
|
*/
|
|
166
155
|
onAddItem: prop_types.default.func,
|
|
167
156
|
/**
|
|
157
|
+
* Called with the full new state on every change. Use with `value` for
|
|
158
|
+
* controlled mode, or standalone instead of `getConditionState`.
|
|
159
|
+
*/
|
|
160
|
+
onChange: prop_types.default.func,
|
|
161
|
+
/**
|
|
168
162
|
* this is an optional callback triggered before removing any condition , subgroup, group or action.
|
|
169
163
|
* User can optionally perform any validation and can stop remove action if they return back {preventRemove:true}
|
|
170
164
|
*/
|
|
171
165
|
onRemoveItem: prop_types.default.func,
|
|
172
166
|
/**
|
|
173
|
-
* This will enable search in option popovers when option list length is more than this threshold
|
|
167
|
+
* This will enable search in option popovers when option list length is more than this threshold.
|
|
168
|
+
* Defaults to 4 when not provided.
|
|
174
169
|
*/
|
|
175
|
-
popOverSearchThreshold: prop_types.default.number
|
|
170
|
+
popOverSearchThreshold: prop_types.default.number,
|
|
176
171
|
/**
|
|
177
172
|
* Whether the conditionBuilder should be readOnly
|
|
178
173
|
*/
|
|
179
174
|
readOnly: prop_types.default.bool,
|
|
180
175
|
/**
|
|
176
|
+
* When false, the builder starts behind the "Add condition" button even
|
|
177
|
+
* if value contains groups. Defaults to true.
|
|
178
|
+
*/
|
|
179
|
+
startActive: prop_types.default.bool,
|
|
180
|
+
/**
|
|
181
181
|
* Provide a label to the button that starts condition builder
|
|
182
182
|
*/
|
|
183
183
|
startConditionLabel: prop_types.default.string,
|
|
@@ -194,14 +194,21 @@ ConditionBuilder.propTypes = {
|
|
|
194
194
|
/**
|
|
195
195
|
* Optional prop, if you need to pass translations to the texts on the component instead of the defined defaults.
|
|
196
196
|
* This callback function will receive the message id and you need to return the corresponding text for that id.
|
|
197
|
-
|
|
198
197
|
*/
|
|
199
198
|
/**@ts-ignore */
|
|
200
199
|
translateWithId: prop_types.default.func,
|
|
201
200
|
/**
|
|
201
|
+
* Seed state or controlled state for the builder. When passed alongside
|
|
202
|
+
* `onChange`, updates to `value` from outside will sync the builder.
|
|
203
|
+
* Use without `onChange` for a one-time seed (uncontrolled).
|
|
204
|
+
*/
|
|
205
|
+
/**@ts-ignore */
|
|
206
|
+
value: prop_types.default.object,
|
|
207
|
+
/**
|
|
202
208
|
* Provide the condition builder variant: Non-Hierarchical/ Hierarchical
|
|
203
209
|
*/
|
|
204
|
-
variant: prop_types.default.oneOf(["Non-Hierarchical", "Hierarchical"])
|
|
210
|
+
variant: prop_types.default.oneOf(["Non-Hierarchical", "Hierarchical"]),
|
|
211
|
+
...deprecatedProps
|
|
205
212
|
};
|
|
206
213
|
//#endregion
|
|
207
214
|
exports.ConditionBuilder = ConditionBuilder;
|
|
@@ -147,27 +147,62 @@ type RemoveItemConfig = {
|
|
|
147
147
|
item?: Condition | ConditionGroup | Action;
|
|
148
148
|
group?: ConditionGroup;
|
|
149
149
|
};
|
|
150
|
-
type ConditionBuilderTextKeys = 'ifText' | 'unlessText' | 'excl_if' | 'and' | 'or' | 'is' | 'ifAll' | 'ifAny' | 'unlessAll' | 'unlessAny' | 'greater' | 'greaterEqual' | 'lower' | 'lowerEqual' | 'startsWith' | 'endsWith' | 'contains' | 'oneOf' | 'before' | 'after' | 'between' | 'addConditionText' | 'addConditionGroupText' | 'addSubgroupText' | 'conditionText' | 'propertyText' | 'operatorText' | 'valueText' | 'connectorText' | 'conditionRowText' | 'conditionRowGroupText' | 'removeConditionText' | 'addConditionRowText' | 'startText' | 'endText' | 'clearSearchText' | 'actionsText' | 'then' | 'removeActionText' | 'addActionText' | 'invalidText' | 'invalidNumberWarnText' | 'conditionBuilderText' | 'actionSectionText' | 'conditionHeadingText' | 'addPropertyText' | 'addOperatorText' | 'addValueText' | 'conditionBuilderHierarchicalText';
|
|
150
|
+
export type ConditionBuilderTextKeys = 'ifText' | 'unlessText' | 'excl_if' | 'and' | 'or' | 'is' | 'ifAll' | 'ifAny' | 'unlessAll' | 'unlessAny' | 'greater' | 'greaterEqual' | 'lower' | 'lowerEqual' | 'startsWith' | 'endsWith' | 'contains' | 'oneOf' | 'before' | 'after' | 'between' | 'addConditionText' | 'addConditionGroupText' | 'addSubgroupText' | 'conditionText' | 'propertyText' | 'operatorText' | 'valueText' | 'connectorText' | 'conditionRowText' | 'conditionRowGroupText' | 'removeConditionText' | 'addConditionRowText' | 'startText' | 'endText' | 'searchPropertiesText' | 'clearSearchText' | 'actionsText' | 'then' | 'removeActionText' | 'addActionText' | 'invalidText' | 'invalidNumberWarnText' | 'conditionBuilderText' | 'conditionBuilderGroupText' | 'actionSectionText' | 'conditionHeadingText' | 'addPropertyText' | 'addOperatorText' | 'addValueText' | 'conditionBuilderHierarchicalText' | 'conditionRemovedText';
|
|
151
151
|
export type ConditionBuilderProps = {
|
|
152
152
|
inputConfig: inputConfig;
|
|
153
|
+
/**
|
|
154
|
+
* @deprecated Use `value` (and `onChange` for controlled mode) instead.
|
|
155
|
+
* `initialState` will be removed in a future major release.
|
|
156
|
+
*/
|
|
153
157
|
initialState?: InitialState;
|
|
154
158
|
getActionsState?: (state: Action[] | undefined) => void;
|
|
155
|
-
|
|
159
|
+
/**
|
|
160
|
+
* @deprecated Use `onChange` instead. `getConditionState` will be removed
|
|
161
|
+
* in a future major release.
|
|
162
|
+
*/
|
|
163
|
+
getConditionState?: (state: ConditionBuilderState | undefined) => void;
|
|
156
164
|
getOptions?: (state: ConditionBuilderState, condition: Condition) => Promise<Option[]>;
|
|
157
165
|
actions?: Action[];
|
|
158
166
|
className?: string;
|
|
159
|
-
|
|
167
|
+
/** When omitted, defaults to 4. A search field appears in option popovers
|
|
168
|
+
* when the option list length exceeds this threshold. */
|
|
169
|
+
popOverSearchThreshold?: number;
|
|
160
170
|
startConditionLabel?: string;
|
|
161
171
|
variant?: 'Non-Hierarchical' | 'Hierarchical';
|
|
162
172
|
translateWithId?: (id: ConditionBuilderTextKeys) => string;
|
|
163
|
-
|
|
173
|
+
/** Override the default four statements (if all / if any / unless all / unless any).
|
|
174
|
+
* When omitted, the built-in defaults are used. */
|
|
175
|
+
statementConfigCustom?: statementConfig[];
|
|
164
176
|
onAddItem?: (config: AddItemConfig) => {
|
|
165
177
|
preventAdd: boolean;
|
|
166
|
-
};
|
|
178
|
+
} | void;
|
|
167
179
|
onRemoveItem?: (config: RemoveItemConfig) => {
|
|
168
180
|
preventRemove: boolean;
|
|
169
|
-
};
|
|
181
|
+
} | void;
|
|
170
182
|
readOnly?: boolean;
|
|
183
|
+
/**
|
|
184
|
+
* When `false`, the builder starts behind the "Add condition" button even
|
|
185
|
+
* if `value` contains groups. The user must click the button to activate.
|
|
186
|
+
* Defaults to `true` (builder activates immediately when groups are present).
|
|
187
|
+
*/
|
|
188
|
+
startActive?: boolean;
|
|
189
|
+
/**
|
|
190
|
+
* Pre-populate the builder with an existing condition state.
|
|
191
|
+
*
|
|
192
|
+
* - **Uncontrolled seed** (no `onChange`): the builder uses this as its
|
|
193
|
+
* starting state and then manages state internally — equivalent to
|
|
194
|
+
* `initialState.state` but without the `enabledDefault` flag.
|
|
195
|
+
* - **Controlled** (with `onChange`): the parent owns the state on every
|
|
196
|
+
* render. Must be kept in sync via `onChange`.
|
|
197
|
+
*/
|
|
198
|
+
value?: ConditionBuilderState;
|
|
199
|
+
/**
|
|
200
|
+
* Called with the full new state on every change.
|
|
201
|
+
* - Pair with `value` for fully controlled mode.
|
|
202
|
+
* - Omit to use `value` as a one-time uncontrolled seed.
|
|
203
|
+
* - Can also be used standalone instead of `getConditionState`.
|
|
204
|
+
*/
|
|
205
|
+
onChange?: (state: ConditionBuilderState) => void;
|
|
171
206
|
};
|
|
172
207
|
export type InitialState = {
|
|
173
208
|
state: ConditionBuilderState;
|
|
@@ -176,13 +211,16 @@ export type InitialState = {
|
|
|
176
211
|
export interface ConditionBuilderContextInputProps extends PropsWithChildren {
|
|
177
212
|
children?: ReactNode;
|
|
178
213
|
inputConfig?: inputConfig;
|
|
179
|
-
popOverSearchThreshold
|
|
214
|
+
popOverSearchThreshold?: number;
|
|
180
215
|
getOptions?: (state: ConditionBuilderState, condition: Condition) => Promise<Option[]>;
|
|
181
216
|
variant?: string;
|
|
182
217
|
translateWithId?: (id: ConditionBuilderTextKeys) => string;
|
|
183
218
|
statementConfigCustom?: statementConfig[];
|
|
184
219
|
conditionBuilderRef?: ForwardedRef<HTMLDivElement>;
|
|
185
220
|
readOnly?: boolean;
|
|
221
|
+
startActive?: boolean;
|
|
222
|
+
value?: ConditionBuilderState;
|
|
223
|
+
onChange?: (state: ConditionBuilderState) => void;
|
|
186
224
|
}
|
|
187
225
|
export type ConditionBuilderContextProps = {
|
|
188
226
|
rootState?: ConditionBuilderState;
|
|
@@ -191,10 +229,10 @@ export type ConditionBuilderContextProps = {
|
|
|
191
229
|
setActionState?: Dispatch<SetStateAction<Action[]>>;
|
|
192
230
|
onAddItem?: (config: AddItemConfig) => {
|
|
193
231
|
preventAdd: boolean;
|
|
194
|
-
};
|
|
232
|
+
} | void;
|
|
195
233
|
onRemoveItem?: (config: RemoveItemConfig) => {
|
|
196
234
|
preventRemove: boolean;
|
|
197
|
-
};
|
|
235
|
+
} | void;
|
|
198
236
|
} & ConditionBuilderContextInputProps;
|
|
199
237
|
export {};
|
|
200
238
|
//# sourceMappingURL=ConditionBuilder.types.d.ts.map
|
|
@@ -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
CHANGED
|
@@ -9,8 +9,10 @@ import PropTypes from 'prop-types';
|
|
|
9
9
|
import { Action, ConditionBuilderState, InitialState } from '../ConditionBuilder.types';
|
|
10
10
|
interface ConditionBuilderContentProps {
|
|
11
11
|
startConditionLabel: string;
|
|
12
|
-
|
|
12
|
+
/** @deprecated Use `onChange` (from context) instead. */
|
|
13
|
+
getConditionState?: (state: ConditionBuilderState) => void;
|
|
13
14
|
getActionsState?: (state: Action[]) => void;
|
|
15
|
+
/** @deprecated Use `value` (and `onChange` for controlled mode) instead. */
|
|
14
16
|
initialState?: InitialState;
|
|
15
17
|
actions?: Action[];
|
|
16
18
|
}
|
|
@@ -29,10 +31,15 @@ declare const ConditionBuilderContent: {
|
|
|
29
31
|
*/
|
|
30
32
|
getActionsState: PropTypes.Requireable<(...args: any[]) => any>;
|
|
31
33
|
/**
|
|
34
|
+
* @deprecated Use `onChange` instead. `getConditionState` will be removed
|
|
35
|
+
* in a future major release.
|
|
36
|
+
*
|
|
32
37
|
* This is a callback function that returns the updated state
|
|
33
38
|
*/
|
|
34
|
-
getConditionState: PropTypes.
|
|
39
|
+
getConditionState: PropTypes.Requireable<(...args: any[]) => any>;
|
|
35
40
|
/**
|
|
41
|
+
* @deprecated Use `value` (and `onChange` for controlled mode) instead.
|
|
42
|
+
*
|
|
36
43
|
* Optional prop if the condition building need to start from a predefined initial state
|
|
37
44
|
*/
|
|
38
45
|
initialState: PropTypes.Requireable<PropTypes.InferProps<{
|
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;
|
|
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,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC3D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,4EAA4E;IAC5E,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AACD,QAAA,MAAM,uBAAuB;0FAM1B,4BAA4B;;QAmT7B;;WAEG;;;;;QAOH;;WAEG;;QAEH;;;;;WAKG;;QAEH;;;;WAIG;;;;;;;;;;;;;;CA7BJ,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -30,8 +30,9 @@ let _carbon_react_icons = require("@carbon/react/icons");
|
|
|
30
30
|
*/
|
|
31
31
|
/**@ts-ignore */
|
|
32
32
|
const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getActionsState, initialState, actions }) => {
|
|
33
|
-
const { rootState, setRootState, variant, actionState, onAddItem, onRemoveItem, readOnly, statementConfigCustom } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
|
|
33
|
+
const { rootState, setRootState, variant, actionState, onAddItem, onRemoveItem, readOnly, statementConfigCustom, value: seedValue, onChange, startActive } = (0, react.useContext)(require_ConditionBuilderProvider.ConditionBuilderContext);
|
|
34
34
|
const initialConditionState = (0, react.useRef)(initialState?.state ? JSON.parse(JSON.stringify(initialState?.state)) : null);
|
|
35
|
+
const userActivated = (0, react.useRef)(false);
|
|
35
36
|
const [isConditionBuilderActive, setIsConditionBuilderActive] = (0, react.useState)(false);
|
|
36
37
|
const [showConditionGroupPreview, setShowConditionGroupPreview] = (0, react.useState)(false);
|
|
37
38
|
const [addConditionGroupText, conditionHeadingText, conditionBuilderHierarchicalText, conditionRemovedText] = require_useTranslations.useTranslations([
|
|
@@ -49,6 +50,10 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
|
|
|
49
50
|
setShowConditionGroupPreview(false);
|
|
50
51
|
};
|
|
51
52
|
(0, react.useEffect)(() => {
|
|
53
|
+
if (startActive === false && !userActivated.current) {
|
|
54
|
+
if (getConditionState) getConditionState(rootState ?? {});
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
52
57
|
if (rootState?.groups?.length) setIsConditionBuilderActive(true);
|
|
53
58
|
else setIsConditionBuilderActive(false);
|
|
54
59
|
if (getConditionState) getConditionState(rootState ?? {});
|
|
@@ -57,10 +62,13 @@ const ConditionBuilderContent = ({ startConditionLabel, getConditionState, getAc
|
|
|
57
62
|
getActionsState?.(actionState ?? []);
|
|
58
63
|
}, [actionState]);
|
|
59
64
|
(0, react.useEffect)(() => {
|
|
60
|
-
if (initialState?.enabledDefault) setRootState?.(initialState.state);
|
|
65
|
+
if (initialState?.enabledDefault && seedValue === void 0) setRootState?.(initialState.state);
|
|
61
66
|
}, [initialState]);
|
|
62
67
|
const onStartConditionBuilder = () => {
|
|
68
|
+
userActivated.current = true;
|
|
63
69
|
setIsConditionBuilderActive(true);
|
|
70
|
+
if (seedValue !== void 0 && onChange !== void 0) return;
|
|
71
|
+
if (seedValue !== void 0 && rootState?.groups?.length) return;
|
|
64
72
|
if (initialConditionState?.current?.groups?.length) {
|
|
65
73
|
setRootState?.(initialConditionState.current);
|
|
66
74
|
initialConditionState.current = null;
|
|
@@ -208,10 +216,15 @@ ConditionBuilderContent.propTypes = {
|
|
|
208
216
|
*/
|
|
209
217
|
getActionsState: prop_types.default.func,
|
|
210
218
|
/**
|
|
219
|
+
* @deprecated Use `onChange` instead. `getConditionState` will be removed
|
|
220
|
+
* in a future major release.
|
|
221
|
+
*
|
|
211
222
|
* This is a callback function that returns the updated state
|
|
212
223
|
*/
|
|
213
|
-
getConditionState: prop_types.default.func
|
|
224
|
+
getConditionState: prop_types.default.func,
|
|
214
225
|
/**
|
|
226
|
+
* @deprecated Use `value` (and `onChange` for controlled mode) instead.
|
|
227
|
+
*
|
|
215
228
|
* Optional prop if the condition building need to start from a predefined initial state
|
|
216
229
|
*/
|
|
217
230
|
initialState: prop_types.default.shape({
|
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,
|
|
1
|
+
{"version":3,"file":"ConditionBuilderProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqD,MAAM,OAAO,CAAC;AAG1E,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,CAgE7B,CAAC"}
|