@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.
Files changed (137) hide show
  1. package/css/carbon.css +17 -4
  2. package/css/carbon.css.map +1 -1
  3. package/css/index-full-carbon.css +106 -33
  4. package/css/index-full-carbon.css.map +1 -1
  5. package/css/index-full-carbon.min.css +1 -1
  6. package/css/index-full-carbon.min.css.map +1 -1
  7. package/css/index-without-carbon-released-only.css +54 -29
  8. package/css/index-without-carbon-released-only.css.map +1 -1
  9. package/css/index-without-carbon-released-only.min.css +1 -1
  10. package/css/index-without-carbon-released-only.min.css.map +1 -1
  11. package/css/index-without-carbon.css +89 -29
  12. package/css/index-without-carbon.css.map +1 -1
  13. package/css/index-without-carbon.min.css +1 -1
  14. package/css/index-without-carbon.min.css.map +1 -1
  15. package/css/index.css +104 -32
  16. package/css/index.css.map +1 -1
  17. package/css/index.min.css +1 -1
  18. package/css/index.min.css.map +1 -1
  19. package/es/components/AboutModal/AboutModal.d.ts.map +1 -1
  20. package/es/components/AboutModal/AboutModal.js +2 -2
  21. package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +17 -0
  22. package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
  23. package/es/components/Coachmark/next/Coachmark/Coachmark.js +35 -5
  24. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -9
  25. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
  26. package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +48 -47
  27. package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +4 -1
  28. package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +1 -1
  29. package/es/components/Coachmark/next/Coachmark/ContentHeader.js +26 -11
  30. package/es/components/Coachmark/next/Coachmark/context.d.ts +1 -0
  31. package/es/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
  32. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +1 -1
  33. package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
  34. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
  35. package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +4 -15
  36. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -1
  37. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
  38. package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +22 -15
  39. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts.map +1 -1
  40. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +6 -3
  41. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
  42. package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
  43. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
  44. package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -14
  45. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -1
  46. package/es/components/DelimitedList/DelimitedList.d.ts +1 -0
  47. package/es/components/DelimitedList/DelimitedList.d.ts.map +1 -1
  48. package/es/components/DelimitedList/DelimitedList.js +6 -0
  49. package/es/components/StringFormatter/StringFormatter.d.ts +1 -0
  50. package/es/components/StringFormatter/StringFormatter.d.ts.map +1 -1
  51. package/es/components/StringFormatter/StringFormatter.js +6 -0
  52. package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
  53. package/es/components/Tearsheet/next/Tearsheet.js +6 -9
  54. package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
  55. package/es/components/Tearsheet/next/TearsheetBody.js +5 -2
  56. package/es/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
  57. package/es/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
  58. package/es/components/Tearsheet/next/TearsheetHeader.js +11 -10
  59. package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
  60. package/es/components/Tearsheet/next/TearsheetHeaderContent.js +26 -7
  61. package/es/components/Tearsheet/next/context.d.ts +4 -2
  62. package/es/components/Tearsheet/next/context.d.ts.map +1 -1
  63. package/es/components/Tearsheet/next/context.js +4 -2
  64. package/es/global/js/hooks/useCollapsible.d.ts.map +1 -1
  65. package/es/global/js/hooks/useCollapsible.js +7 -5
  66. package/es/node_modules/@carbon/{icons-react/node_modules/@carbon/icon-helpers → icon-helpers}/es/index.js +1 -1
  67. package/es/node_modules/@carbon/icons-react/es/Icon.js +1 -1
  68. package/es/settings.js +8 -2
  69. package/lib/components/AboutModal/AboutModal.d.ts.map +1 -1
  70. package/lib/components/AboutModal/AboutModal.js +1 -1
  71. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +17 -0
  72. package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
  73. package/lib/components/Coachmark/next/Coachmark/Coachmark.js +35 -5
  74. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -9
  75. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
  76. package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +47 -46
  77. package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +4 -1
  78. package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +1 -1
  79. package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +26 -11
  80. package/lib/components/Coachmark/next/Coachmark/context.d.ts +1 -0
  81. package/lib/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
  82. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +1 -1
  83. package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
  84. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
  85. package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +3 -14
  86. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -1
  87. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
  88. package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +22 -15
  89. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts.map +1 -1
  90. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +6 -3
  91. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
  92. package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
  93. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
  94. package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +3 -13
  95. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -1
  96. package/lib/components/DelimitedList/DelimitedList.d.ts +1 -0
  97. package/lib/components/DelimitedList/DelimitedList.d.ts.map +1 -1
  98. package/lib/components/DelimitedList/DelimitedList.js +6 -0
  99. package/lib/components/StringFormatter/StringFormatter.d.ts +1 -0
  100. package/lib/components/StringFormatter/StringFormatter.d.ts.map +1 -1
  101. package/lib/components/StringFormatter/StringFormatter.js +6 -0
  102. package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
  103. package/lib/components/Tearsheet/next/Tearsheet.js +6 -9
  104. package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
  105. package/lib/components/Tearsheet/next/TearsheetBody.js +4 -1
  106. package/lib/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
  107. package/lib/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
  108. package/lib/components/Tearsheet/next/TearsheetHeader.js +11 -10
  109. package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
  110. package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +24 -5
  111. package/lib/components/Tearsheet/next/context.d.ts +4 -2
  112. package/lib/components/Tearsheet/next/context.d.ts.map +1 -1
  113. package/lib/components/Tearsheet/next/context.js +4 -2
  114. package/lib/global/js/hooks/useCollapsible.d.ts.map +1 -1
  115. package/lib/global/js/hooks/useCollapsible.js +7 -5
  116. package/lib/node_modules/@carbon/{icons-react/node_modules/@carbon/icon-helpers → icon-helpers}/lib/index.js +2 -2
  117. package/lib/node_modules/@carbon/icons-react/lib/Icon.js +1 -1
  118. package/lib/settings.js +8 -1
  119. package/package.json +15 -15
  120. package/scss/components/Coachmark/_coachmark.scss +25 -1
  121. package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +16 -0
  122. package/scss/components/PageHeader/_page-header.scss +30 -22
  123. package/scss/components/Tearsheet/_tearsheet_next.scss +40 -7
  124. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +0 -110
  125. package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.js +0 -32
  126. package/es/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -416
  127. package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -509
  128. package/es/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -86
  129. package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -145
  130. package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -130
  131. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +0 -111
  132. package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.js +0 -33
  133. package/lib/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -420
  134. package/lib/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -515
  135. package/lib/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -92
  136. package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -162
  137. package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -149
@@ -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;;QA+N7B;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;CAfJ,CAAC"}
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"}
@@ -70,7 +70,7 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
70
70
  return /* @__PURE__ */ React.createElement("div", {
71
71
  className: `${blockClass}__item-option`,
72
72
  ref: contentRef
73
- }, popOverSearchThreshold && allOptions.length > popOverSearchThreshold && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__item-option__search` }, /* @__PURE__ */ React.createElement(Search, {
73
+ }, allOptions.length > popOverSearchThreshold ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__item-option__search` }, /* @__PURE__ */ React.createElement(Search, {
74
74
  size: "sm",
75
75
  labelText: clearSearchText,
76
76
  closeButtonLabelText: clearSearchText,
@@ -78,7 +78,7 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
78
78
  onKeyDown: (evt) => {
79
79
  onKeyDownHandlerForSearch(evt, conditionBuilderRef, closePopover);
80
80
  }
81
- })), multiSelectable && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__multiselectSelectionStatusContainer` }, /* @__PURE__ */ React.createElement("label", null, selection.length, "/", allOptions.length, " Selected"), /* @__PURE__ */ React.createElement(Button, {
81
+ })) : null, multiSelectable && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__multiselectSelectionStatusContainer` }, /* @__PURE__ */ React.createElement("label", null, selection.length, "/", allOptions.length, " Selected"), /* @__PURE__ */ React.createElement(Button, {
82
82
  kind: "ghost",
83
83
  size: "sm",
84
84
  "data-selected-all": `${selection.length == 0 ? true : false}`,
@@ -101,7 +101,13 @@ const ItemOptionForValueField = ({ conditionState = {}, config = {}, onChange, c
101
101
  return false;
102
102
  },
103
103
  onClick: (evt) => onClickHandler(evt, option, isSelected)
104
- }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__item-option__option-content` }, multiSelectable ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__option-check-box` }, isSelected ? /* @__PURE__ */ React.createElement(CheckboxCheckedFilled, null) : /* @__PURE__ */ React.createElement(Checkbox$1, null)), /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__item-option__option-label` }, option.label), Icon && /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__option-icon` }, /* @__PURE__ */ React.createElement(Icon, null))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__item-option__option-label` }, Icon && /* @__PURE__ */ React.createElement(Icon, null), option.label), isSelected && /* @__PURE__ */ React.createElement(Checkmark, { className: `${blockClass}__checkmark` }))));
104
+ }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__item-option__option-content` }, multiSelectable ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__option-check-box` }, isSelected ? /* @__PURE__ */ React.createElement(CheckboxCheckedFilled, null) : /* @__PURE__ */ React.createElement(Checkbox$1, null)), /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__item-option__option-label` }, /* @__PURE__ */ React.createElement("span", {
105
+ className: `${blockClass}__item-option__option-label-text`,
106
+ title: option.label
107
+ }, option.label), Icon && /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__option-icon` }, /* @__PURE__ */ React.createElement(Icon, null)))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__item-option__option-label` }, Icon && /* @__PURE__ */ React.createElement(Icon, null), /* @__PURE__ */ React.createElement("span", {
108
+ className: `${blockClass}__item-option__option-label-text`,
109
+ title: option.label
110
+ }, option.label)), isSelected && /* @__PURE__ */ React.createElement(Checkmark, { className: `${blockClass}__checkmark` }))));
105
111
  })));
106
112
  };
107
113
  ItemOptionForValueField.propTypes = {
@@ -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;AAEnC;;;;;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;;QA6f3B;;WAEG;;QAGH;;WAEG;QACH;;WAEG;;;QAIH;;WAEG;;QAEH;;WAEG;;;CAxBJ,CAAC;AAEF,eAAe,qBAAqB,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"}
@@ -9,7 +9,7 @@ import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
9
9
  import { require_classnames } from "../../../node_modules/classnames/index.js";
10
10
  import uuidv4 from "../../../global/js/utils/uuidv4.js";
11
11
  import { HIERARCHICAL_VARIANT, NON_HIERARCHICAL_VARIANT, blockClass, focusThisField, manageTabIndexAndFocus } from "../utils/util.js";
12
- import { ConditionBuilderContext } from "../ConditionBuilderContext/ConditionBuilderProvider.js";
12
+ import { ConditionBuilderContext, getEmptyState } from "../ConditionBuilderContext/ConditionBuilderProvider.js";
13
13
  import { useTranslations } from "../utils/useTranslations.js";
14
14
  import { ConditionBuilderItem } from "../ConditionBuilderItem/ConditionBuilderItem.js";
15
15
  import { ItemOption } from "../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js";
@@ -35,7 +35,7 @@ const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) =
35
35
  "conditionBuilderText"
36
36
  ]);
37
37
  const { statementConfig } = useDataConfigs();
38
- const { variant, conditionBuilderRef } = useContext(ConditionBuilderContext);
38
+ const { variant, conditionBuilderRef, statementConfigCustom } = useContext(ConditionBuilderContext);
39
39
  const [showConditionPreview, setShowConditionPreview] = useState(-1);
40
40
  const [showConditionSubGroupPreview, setShowConditionSubGroupPreview] = useState(-1);
41
41
  useState(false);
@@ -151,22 +151,12 @@ const ConditionGroupBuilder = ({ group, aria, onRemove, onChange, className }) =
151
151
  }
152
152
  };
153
153
  const addConditionSubGroupHandler = (conditionIndex) => {
154
+ const newSubGroup = getEmptyState(statementConfigCustom).groups?.[0];
154
155
  onChange({
155
156
  ...group,
156
157
  conditions: [
157
158
  ...group.conditions ? group.conditions.slice(0, conditionIndex + 1) : [],
158
- {
159
- statement: "ifAll",
160
- groupOperator: "and",
161
- conditions: [{
162
- property: void 0,
163
- operator: "",
164
- value: "",
165
- popoverToOpen: "propertyField",
166
- id: uuidv4()
167
- }],
168
- id: uuidv4()
169
- },
159
+ newSubGroup,
170
160
  ...group.conditions ? group.conditions.slice(conditionIndex + 1) : []
171
161
  ]
172
162
  });
@@ -226,7 +226,7 @@ const useFilters = ({ updateMethod, filters = emptyArray, setAllFilters, variati
226
226
  break;
227
227
  case MULTISELECT: {
228
228
  const isStringArray = components.MultiSelect.items.length && typeof components.MultiSelect.items[0] === "string";
229
- const selectedFilters = filtersState[column]?.value.filter((i) => i.selected);
229
+ const selectedFilters = Array.isArray(filtersState[column]?.value) ? filtersState[column].value.filter((i) => i.selected) : [];
230
230
  const filteredItems = components.MultiSelect.items.map((item) => {
231
231
  if (selectedFilters.filter((a) => isStringArray ? a.id === item : a.id === item.id).length) return item;
232
232
  return null;
@@ -26,6 +26,7 @@ export interface DelimitedListProps extends PropsWithChildren {
26
26
  /**
27
27
  * `DelimitedList` converts an array of items into a single line of
28
28
  * comma-separated values.
29
+ * @deprecated This component is deprecated and will be removed in the next major version.
29
30
  */
30
31
  export declare const DelimitedList: React.ForwardRefExoticComponent<DelimitedListProps & React.RefAttributes<HTMLDivElement>>;
31
32
  //# sourceMappingURL=DelimitedList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DelimitedList.d.ts","sourceRoot":"","sources":["../../../src/components/DelimitedList/DelimitedList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgBjD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2FA8BzB,CAAC"}
1
+ {"version":3,"file":"DelimitedList.d.ts","sourceRoot":"","sources":["../../../src/components/DelimitedList/DelimitedList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgBjD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,2FA8BzB,CAAC"}
@@ -30,6 +30,7 @@ const defaults = {
30
30
  /**
31
31
  * `DelimitedList` converts an array of items into a single line of
32
32
  * comma-separated values.
33
+ * @deprecated This component is deprecated and will be removed in the next major version.
33
34
  */
34
35
  const DelimitedList = React.forwardRef(({ className, delimiter = defaults.delimiter, items = defaults.items, truncate = defaults.truncate, ...rest }, ref) => {
35
36
  return /* @__PURE__ */ React.createElement("div", {
@@ -39,6 +40,11 @@ const DelimitedList = React.forwardRef(({ className, delimiter = defaults.delimi
39
40
  ...getDevtoolsProps(componentName)
40
41
  }, items.length > 0 ? items.join(delimiter) : "–");
41
42
  });
43
+ /**@ts-ignore*/
44
+ DelimitedList.deprecated = {
45
+ level: "warn",
46
+ details: `${componentName} is deprecated and will be removed in the next major version`
47
+ };
42
48
  DelimitedList.displayName = componentName;
43
49
  DelimitedList.propTypes = {
44
50
  className: PropTypes.string,
@@ -1,6 +1,7 @@
1
1
  /**
2
2
  * StringFormatter allows for truncating text while displaying a tooltip
3
3
  * overlay on hover or focus with the entirety of the provided copy.
4
+ * @deprecated This component is deprecated and will be removed in the next major version. Please use TruncatedText instead.
4
5
  */
5
6
  export let StringFormatter: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
6
7
  import React from 'react';
@@ -1 +1 @@
1
- {"version":3,"file":"StringFormatter.d.ts","sourceRoot":"","sources":["../../../src/components/StringFormatter/StringFormatter.jsx"],"names":[],"mappings":"AAmCA;;;GAGG;AACH,sFAuFE;kBAvHsC,OAAO"}
1
+ {"version":3,"file":"StringFormatter.d.ts","sourceRoot":"","sources":["../../../src/components/StringFormatter/StringFormatter.jsx"],"names":[],"mappings":"AAmCA;;;;GAIG;AACH,sFAuFE;kBAxHsC,OAAO"}
@@ -36,6 +36,7 @@ const defaults = {
36
36
  /**
37
37
  * StringFormatter allows for truncating text while displaying a tooltip
38
38
  * overlay on hover or focus with the entirety of the provided copy.
39
+ * @deprecated This component is deprecated and will be removed in the next major version. Please use TruncatedText instead.
39
40
  */
40
41
  let StringFormatter = React.forwardRef(({ className, autoAlign = defaults.autoAlign, lines = defaults.lines, tooltipDirection = defaults.tooltipDirection, truncate = defaults.truncate, width = defaults.width, value, ...rest }, ref) => {
41
42
  const outerRef = useRef(null);
@@ -87,6 +88,11 @@ let StringFormatter = React.forwardRef(({ className, autoAlign = defaults.autoAl
87
88
  openOnHover: true
88
89
  }, stringFormatterContent) : stringFormatterContent);
89
90
  });
91
+ /**@ts-ignore*/
92
+ StringFormatter.deprecated = {
93
+ level: "warn",
94
+ details: `Please replace ${componentName} with TruncatedText`
95
+ };
90
96
  StringFormatter = pkg.checkComponentEnabled(StringFormatter, componentName);
91
97
  StringFormatter.displayName = componentName;
92
98
  StringFormatter.validateAlignment = () => (props, propName, componentName) => {
@@ -1 +1 @@
1
- {"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAKf,OAAO,EAEL,kBAAkB,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AA4NF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
1
+ {"version":3,"file":"Tearsheet.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/Tearsheet.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAKZ,SAAS,EAET,EAAE,EAEH,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,kBAAkB,EAKnB,MAAM,eAAe,CAAC;AAEvB,OAAwB,EACtB,oBAAoB,EAEpB,2BAA2B,EAE3B,0BAA0B,EAC3B,MAAM,mBAAmB,CAAC;AAC3B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAsB,EAEpB,eAAe,EAEf,gBAAgB,EAEhB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,8BAA8B,EAE9B,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ1E;;;;GAIG;AAEH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,yBAAyB,CAClE,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC;IAChC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,YAAY,EAAE,EAAE,CAAC,0BAA0B,CAAC,CAAC;IAC7C,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,gBAAgB,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC;IACrD,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAClC,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC7B,MAAM,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC;CAClC,CAAC;AAkNF;;;GAGG;AACH,eAAO,MAAM,SAAS,EA0BjB,sBAAsB,CAAC"}
@@ -36,7 +36,7 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
36
36
  * Internal component that handles the actual tearsheet rendering.
37
37
  * This component is always "present" when mounted - the wrapper handles presence logic.
38
38
  */
39
- const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFloatingMenus = [], className, influencerWidth, summaryContentWidth, ariaLabel, onClose, selectorPrimaryFocus, open = false, portalTarget, disablePortal = false, verticalGap, containerClassName, keepMounted = false, isExiting = false, presenceRef, ...rest }, ref) => {
39
+ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFloatingMenus = [], className, influencerWidth, summaryContentWidth, ariaLabel, onClose, selectorPrimaryFocus, open = false, portalTarget, disablePortal = false, verticalGap, containerClassName, keepMounted = false, isExiting = false, presenceRef, decorator, ...rest }, ref) => {
40
40
  const carbonPrefix = usePrefix();
41
41
  const localRef = useRef(null);
42
42
  const bodyRef = useRef(null);
@@ -46,7 +46,6 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
46
46
  presenceRef
47
47
  ]);
48
48
  const isSm = useMatchMedia(`(max-width: ${breakpoints.md.width})`) || variant === "narrow";
49
- const [hasCloseIcon, setHasCloseIcon] = useState(true);
50
49
  const [fullyCollapsed, setFullyCollapsed] = useState(false);
51
50
  const [disableHeaderCollapse, setDisableHeaderCollapse] = useState(false);
52
51
  const arr = React.Children.toArray(children);
@@ -69,7 +68,7 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
69
68
  if (verticalGap) document.documentElement.style.setProperty("--tearsheet-vertical-gap", `${verticalGap}`);
70
69
  }, [
71
70
  isSm,
72
- rest.decorator,
71
+ decorator,
73
72
  influencerWidth,
74
73
  summaryContentWidth,
75
74
  verticalGap
@@ -91,15 +90,14 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
91
90
  }
92
91
  }, [stack]);
93
92
  const content = /* @__PURE__ */ React.createElement(TearsheetContext.Provider, { value: {
94
- hasCloseIcon,
95
- setHasCloseIcon,
96
93
  fullyCollapsed,
97
94
  setFullyCollapsed,
98
95
  onClose,
99
96
  disableHeaderCollapse,
100
97
  setDisableHeaderCollapse,
101
98
  variant,
102
- isSm
99
+ isSm,
100
+ decorator
103
101
  } }, /* @__PURE__ */ React.createElement(unstable_FeatureFlags, { enableExperimentalFocusWrapWithoutSentinels: true }, /* @__PURE__ */ React.createElement(ComposedModal, {
104
102
  ...rest,
105
103
  "aria-label": ariaLabel,
@@ -108,9 +106,8 @@ const TearsheetInternal = forwardRef(({ children, variant = "wide", selectorsFlo
108
106
  [`${blockClass}--narrow`]: variant === "narrow",
109
107
  [`${blockClass}--stacked`]: depth > 0,
110
108
  [`${blockClass}--stack-activated`]: stack.length > 1,
111
- [`${blockClass}--has-ai-label`]: !!rest.decorator && rest.decorator["type"]?.displayName === "AILabel",
112
- [`${blockClass}--has-decorator`]: !!rest.decorator && rest.decorator["type"]?.displayName !== "AILabel",
113
- [`${blockClass}--has-close`]: hasCloseIcon,
109
+ [`${blockClass}--has-ai-label`]: !!decorator && decorator["type"]?.displayName === "AILabel",
110
+ [`${blockClass}--has-decorator`]: !!decorator && decorator["type"]?.displayName !== "AILabel",
114
111
  ["is-visible"]: keepMounted ? open : true,
115
112
  [`${blockClass}--keep-mounted`]: keepMounted
116
113
  }),
@@ -1 +1 @@
1
- {"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAOpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAkDvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,cAAc,4FAiC1B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,UAAU,wFAkCtB,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"TearsheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAOpB;AAED,QAAA,MAAM,aAAa,2FAQlB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD;;;;GAIG;AACH,eAAO,MAAM,WAAW,yFAuDvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,cAAc,4FAiC1B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,sBAAsB,CAAC,IAAI,IAAI,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,UAAU,wFAkCtB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -10,7 +10,7 @@ import { require_classnames } from "../../../node_modules/classnames/index.js";
10
10
  import { SidePanel } from "../../SidePanel/SidePanel.js";
11
11
  import { TearsheetContext, blockClass } from "./context.js";
12
12
  import { useCollapsible } from "../../../global/js/hooks/useCollapsible.js";
13
- import React, { forwardRef, useContext, useRef } from "react";
13
+ import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
14
14
  import { Layer } from "@carbon/react";
15
15
 
16
16
  //#region src/components/Tearsheet/next/TearsheetBody.tsx
@@ -35,8 +35,11 @@ const TearsheetBody = forwardRef(({ children, className }, ref) => {
35
35
  const MainContent = forwardRef(({ children, className, isFlush, ...rest }, ref) => {
36
36
  const localRef = useRef(null);
37
37
  const mainContentRef = ref || localRef;
38
+ const [container, setContainer] = useState(null);
38
39
  const { setFullyCollapsed, disableHeaderCollapse } = useContext(TearsheetContext);
39
- const container = typeof mainContentRef === "function" ? null : mainContentRef?.current ?? null;
40
+ useEffect(() => {
41
+ setContainer(typeof mainContentRef === "function" ? null : mainContentRef?.current ?? null);
42
+ }, [mainContentRef]);
40
43
  const collapseHeader = (collapse) => {
41
44
  if (container) {
42
45
  if (collapse) {
@@ -21,7 +21,7 @@ export interface TearsheetHeaderProps {
21
21
  * The accessibility title for the close icon (if shown).
22
22
  *
23
23
  * **Note:** This prop is only required if a close icon is shown, i.e. if
24
- * there are a no navigation actions and/or hasCloseIcon is true.
24
+ * there are a no navigation actions and/or hideCloseButton is false.
25
25
  */
26
26
  closeIconDescription?: string;
27
27
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"TearsheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAe,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,6FA6CpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,oGAajC,CAAC;AAEH;;;;GAIG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,mGA6ChC,CAAC"}
1
+ {"version":3,"file":"TearsheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeader.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAc,eAAe,EAAe,MAAM,eAAe,CAAC;AACzE,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAMf;;;;GAIG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,6FA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC;AAE/B;;;;GAIG;AAEH,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,sBAAsB,oGAajC,CAAC;AAEH;;;;GAIG;AAEH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,mGA6ChC,CAAC"}
@@ -22,27 +22,28 @@ import { ChevronUp } from "@carbon/react/icons";
22
22
  var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
23
23
  const TearsheetHeader = React.forwardRef((props, ref) => {
24
24
  const { children, closeIconDescription, hideCloseButton = false, className, disableHeaderCollapse, ...rest } = props;
25
- const { setHasCloseIcon, fullyCollapsed, onClose, setDisableHeaderCollapse } = useContext(TearsheetContext);
25
+ const parentContext = useContext(TearsheetContext);
26
+ const { fullyCollapsed, setDisableHeaderCollapse } = parentContext;
26
27
  const localRef = useRef(void 0);
27
28
  const headerRef = ref || localRef;
28
- useEffect(() => {
29
- setHasCloseIcon?.(!!hideCloseButton);
30
- }, [hideCloseButton, setHasCloseIcon]);
31
29
  useEffect(() => {
32
30
  setDisableHeaderCollapse?.(!!disableHeaderCollapse);
33
31
  }, [disableHeaderCollapse, setDisableHeaderCollapse]);
34
- return /* @__PURE__ */ React.createElement(ModalHeader, {
32
+ const enhancedContext = {
33
+ ...parentContext,
34
+ closeIconDescription,
35
+ hideCloseButton
36
+ };
37
+ return /* @__PURE__ */ React.createElement(TearsheetContext.Provider, { value: enhancedContext }, /* @__PURE__ */ React.createElement(ModalHeader, {
35
38
  ref: headerRef,
36
39
  className: (0, import_classnames.default)(`${blockClass}__header`, {
37
40
  [`${className}`]: true,
38
- [`${blockClass}__header--with-close-icon`]: !!hideCloseButton,
41
+ [`${blockClass}__header--with-close-icon`]: !hideCloseButton,
39
42
  [`${blockClass}__header-collapsed`]: fullyCollapsed
40
43
  }),
41
- closeClassName: (0, import_classnames.default)({ [`${blockClass}__header--no-close-icon`]: hideCloseButton }),
42
- closeModal: onClose,
43
- iconDescription: closeIconDescription,
44
+ closeClassName: `${blockClass}__header--no-close-icon`,
44
45
  ...rest
45
- }, children);
46
+ }, children));
46
47
  });
47
48
  const TearsheetNavigationBar = React.forwardRef((props, ref) => {
48
49
  const { children, scroller, className, ...rest } = props;
@@ -1 +1 @@
1
- {"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKrD,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,oGAmD1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
1
+ {"version":3,"file":"TearsheetHeaderContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/TearsheetHeaderContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAIZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,sBAAsB,oGA4G1B,CAAC;AAEH,eAAe,sBAAsB,CAAC"}
@@ -8,8 +8,10 @@
8
8
  import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
9
9
  import { require_classnames } from "../../../node_modules/classnames/index.js";
10
10
  import { TruncatedText } from "../../TruncatedText/TruncatedText.js";
11
- import { blockClass } from "./context.js";
12
- import React from "react";
11
+ import { TearsheetContext, blockClass } from "./context.js";
12
+ import React, { cloneElement, isValidElement, useContext } from "react";
13
+ import { AILabel, IconButton, usePrefix } from "@carbon/react";
14
+ import { Close } from "@carbon/react/icons";
13
15
 
14
16
  //#region src/components/Tearsheet/next/TearsheetHeaderContent.tsx
15
17
  /**
@@ -21,16 +23,33 @@ import React from "react";
21
23
  var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
22
24
  const TearsheetHeaderContent = React.forwardRef((props, ref) => {
23
25
  const { children, label, title, description, headerActions, titleStart, titleEnd, ...rest } = props;
24
- return /* @__PURE__ */ React.createElement("div", {
25
- className: `${blockClass}__header-content-wrapper`,
26
- ref
27
- }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content` }, label ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-label` }, label) : null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("h2", { className: (0, import_classnames.default)(`${blockClass}__header-title`) }, titleStart ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-start` }, titleStart) : null, /* @__PURE__ */ React.createElement(TruncatedText, {
26
+ const carbonPrefix = usePrefix();
27
+ const { isSm, onClose, decorator, closeIconDescription, hideCloseButton = false } = useContext(TearsheetContext);
28
+ const normalizedDecorator = isValidElement(decorator) && decorator.type === AILabel ? cloneElement(decorator, { size: "sm" }) : decorator;
29
+ const headerContent = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content` }, label ? /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-label` }, label) : null, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__content__title-wrapper` }, /* @__PURE__ */ React.createElement("h2", { className: (0, import_classnames.default)(`${blockClass}__header-title`) }, titleStart ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-start` }, titleStart) : null, /* @__PURE__ */ React.createElement(TruncatedText, {
28
30
  id: `${blockClass}__header-title__truncatedText`,
29
31
  className: `${blockClass}__content__title`,
30
32
  align: "bottom",
31
33
  autoAlign: true,
32
34
  value: title
33
- }), titleEnd ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-end` }, titleEnd) : null)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-description` }, description), children && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content--extra` }, children)), headerActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-actions` }, headerActions));
35
+ }), titleEnd ? /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-end` }, titleEnd) : null)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-description` }, description), children && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-content--extra` }, children));
36
+ const headerActionsElement = headerActions && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__header-actions` }, headerActions);
37
+ const decoratorElement = decorator && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__decorator` }, normalizedDecorator);
38
+ const closeButtonElement = !hideCloseButton && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__close-button ${carbonPrefix}--modal-close-button` }, /* @__PURE__ */ React.createElement(IconButton, {
39
+ className: `${carbonPrefix}--modal-close`,
40
+ label: closeIconDescription || "Close",
41
+ onClick: onClose,
42
+ align: "left"
43
+ }, /* @__PURE__ */ React.createElement(Close, {
44
+ size: 20,
45
+ "aria-hidden": "true",
46
+ tabIndex: "-1",
47
+ className: `${carbonPrefix}--modal-close__icon`
48
+ })));
49
+ return /* @__PURE__ */ React.createElement("div", {
50
+ className: `${blockClass}__header-content-wrapper`,
51
+ ref
52
+ }, !isSm ? /* @__PURE__ */ React.createElement(React.Fragment, null, headerActionsElement, decoratorElement, closeButtonElement, headerContent) : /* @__PURE__ */ React.createElement(React.Fragment, null, decoratorElement, closeButtonElement, headerContent, headerActionsElement));
34
53
  });
35
54
 
36
55
  //#endregion
@@ -4,14 +4,13 @@
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.
6
6
  */
7
+ import { ReactNode } from 'react';
7
8
  /**
8
9
  * -------------
9
10
  * Context setup
10
11
  * -------------
11
12
  */
12
13
  interface TearsheetContextType {
13
- hasCloseIcon: boolean;
14
- setHasCloseIcon?: (value: boolean) => void;
15
14
  fullyCollapsed: boolean;
16
15
  setFullyCollapsed?: (value: boolean) => void;
17
16
  refs?: any;
@@ -20,6 +19,9 @@ interface TearsheetContextType {
20
19
  setDisableHeaderCollapse?: (value: boolean) => void;
21
20
  variant: 'wide' | 'narrow';
22
21
  isSm: boolean;
22
+ decorator?: ReactNode;
23
+ closeIconDescription?: string;
24
+ hideCloseButton?: boolean;
23
25
  }
24
26
  export declare const TearsheetContext: import("react").Context<TearsheetContextType>;
25
27
  export declare const blockClass: string;
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;;;;GAIG;AAEH,UAAU,oBAAoB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;CACf;AACD,eAAO,MAAM,gBAAgB,+CAM3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Tearsheet/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAiB,SAAS,EAAyB,MAAM,OAAO,CAAC;AAGxE;;;;GAIG;AAEH,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AACD,eAAO,MAAM,gBAAgB,+CAQ3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAAmC,CAAC"}
@@ -16,11 +16,13 @@ import { createContext } from "react";
16
16
  * LICENSE file in the root directory of this source tree.
17
17
  */
18
18
  const TearsheetContext = createContext({
19
- hasCloseIcon: true,
20
19
  fullyCollapsed: false,
21
20
  disableHeaderCollapse: false,
22
21
  variant: "wide",
23
- isSm: false
22
+ isSm: false,
23
+ decorator: void 0,
24
+ closeIconDescription: void 0,
25
+ hideCloseButton: false
24
26
  });
25
27
  const blockClass = `${pkg.prefix}--tearsheet__next`;
26
28
 
@@ -1 +1 @@
1
- {"version":3,"file":"useCollapsible.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useCollapsible.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,UAAU,2BAA2B;IACnC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,eAAe,EACf,qBAA6B,GAC9B,EAAE,2BAA2B,QAqD7B"}
1
+ {"version":3,"file":"useCollapsible.d.ts","sourceRoot":"","sources":["../../../../src/global/js/hooks/useCollapsible.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,UAAU,2BAA2B;IACnC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAKD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,eAAe,EACf,qBAA6B,GAC9B,EAAE,2BAA2B,QAqD7B"}
@@ -14,6 +14,7 @@ import { useEffect } from "react";
14
14
  * This source code is licensed under the Apache-2.0 license found in the
15
15
  * LICENSE file in the root directory of this source tree.
16
16
  */
17
+ const DRAG_THRESHOLD = 5;
17
18
  /**
18
19
  * Custom hook to manage collapsible header behavior based on scroll and drag gestures.
19
20
  *
@@ -25,15 +26,17 @@ function useCollapsible({ container, triggerCollapse, disableHeaderCollapse = fa
25
26
  if (!container || disableHeaderCollapse) return;
26
27
  let startY = null;
27
28
  let isDragging = false;
29
+ const evaluateDragDirection = (diffY) => {
30
+ if (diffY > DRAG_THRESHOLD) triggerCollapse(true);
31
+ else if (diffY < -DRAG_THRESHOLD) triggerCollapse(false);
32
+ };
28
33
  const onPointerDown = (e) => {
29
34
  startY = e.clientY;
30
35
  isDragging = true;
31
36
  };
32
37
  const onPointerMove = (e) => {
33
38
  if (!isDragging || startY === null) return;
34
- const diffY = startY - e.clientY;
35
- if (diffY > 5) triggerCollapse(true);
36
- else if (diffY < -5) triggerCollapse(false);
39
+ evaluateDragDirection(startY - e.clientY);
37
40
  };
38
41
  const onPointerUp = () => {
39
42
  isDragging = false;
@@ -41,8 +44,7 @@ function useCollapsible({ container, triggerCollapse, disableHeaderCollapse = fa
41
44
  document.body.style.cursor = "default";
42
45
  };
43
46
  const onWheel = (e) => {
44
- if (e.deltaY > 0) triggerCollapse(true);
45
- else if (e.deltaY < 0) triggerCollapse(false);
47
+ triggerCollapse(e.deltaY > 0);
46
48
  };
47
49
  container.addEventListener("pointerdown", onPointerDown);
48
50
  container.addEventListener("pointermove", onPointerMove);
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- //#region ../../node_modules/@carbon/icons-react/node_modules/@carbon/icon-helpers/es/index.js
8
+ //#region ../../node_modules/@carbon/icon-helpers/es/index.js
9
9
  /**
10
10
  * Copyright IBM Corp. 2018, 2026
11
11
  *
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- import { getAttributes } from "../node_modules/@carbon/icon-helpers/es/index.js";
8
+ import { getAttributes } from "../../icon-helpers/es/index.js";
9
9
  import React, { forwardRef } from "react";
10
10
  import PropTypes from "prop-types";
11
11
 
package/es/settings.js CHANGED
@@ -9,7 +9,7 @@ import package_settings_default from "./global/js/package-settings.js";
9
9
  import { Canary } from "./components/_Canary/Canary.js";
10
10
  import pconsole_default from "./global/js/utils/pconsole.js";
11
11
  import React from "react";
12
- import "@carbon/themes";
12
+ import { themes } from "@carbon/themes";
13
13
 
14
14
  //#region src/settings.js
15
15
  /**
@@ -18,6 +18,12 @@ import "@carbon/themes";
18
18
  * This source code is licensed under the Apache-2.0 license found in the
19
19
  * LICENSE file in the root directory of this source tree.
20
20
  */
21
+ const carbon = {
22
+ get themes() {
23
+ return themes;
24
+ },
25
+ prefix: "cds"
26
+ };
21
27
  const componentDeprecatedWarning = (name, details) => `Carbon for IBM Products (WARNING): Component "${name}" is deprecated. ${details}`;
22
28
  package_settings_default.logDeprecated = (component, name) => {
23
29
  if (component?.deprecated) {
@@ -43,4 +49,4 @@ package_settings_default.checkComponentEnabled = (component, name) => {
43
49
  const pkg = package_settings_default;
44
50
 
45
51
  //#endregion
46
- export { pkg };
52
+ export { carbon, pkg };
@@ -1 +1 @@
1
- {"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,OAAO,KAAK,EAAE,EAAoB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAe9E,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IAEpB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC;IAE/B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAID;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,wFAkGtB,CAAC"}
1
+ {"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,OAAO,KAAK,EAAE,EAAoB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAe9E,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IAEpB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC;IAE/B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAID;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,wFAgGtB,CAAC"}
@@ -67,7 +67,7 @@ const AboutModal = react.default.forwardRef(({ additionalInfo, className, closeI
67
67
  className: `${blockClass}__body-content`,
68
68
  ref: contentRef,
69
69
  id: contentId
70
- }, /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}__version` }, version), links && links.length > 0 && /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}__links-container` }, links.map((link, i) => /* @__PURE__ */ react.default.createElement(react.default.Fragment, { key: i }, link))), content && /* @__PURE__ */ react.default.createElement("p", { className: `${blockClass}__content` }, content), copyrightText && /* @__PURE__ */ react.default.createElement("p", { className: `${blockClass}__copyright-text` }, copyrightText))), additionalInfo && /* @__PURE__ */ react.default.createElement(_carbon_react.Theme, { theme: "g100" }, /* @__PURE__ */ react.default.createElement(_carbon_react.ModalFooter, { className: `${blockClass}__footer` }, additionalInfo)))));
70
+ }, /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}__version` }, version), links && links.length > 0 && /* @__PURE__ */ react.default.createElement("div", { className: `${blockClass}__links-container` }, links.map((link, i) => /* @__PURE__ */ react.default.createElement(react.default.Fragment, { key: i }, link))), content && /* @__PURE__ */ react.default.createElement("p", { className: `${blockClass}__content` }, content), copyrightText && /* @__PURE__ */ react.default.createElement("p", { className: `${blockClass}__copyright-text` }, copyrightText))), additionalInfo && /* @__PURE__ */ react.default.createElement(_carbon_react.ModalFooter, { className: `${blockClass}__footer` }, additionalInfo))));
71
71
  });
72
72
  AboutModal.displayName = componentName;
73
73
  AboutModal.propTypes = {
@@ -41,6 +41,23 @@ export interface CoachmarkPropsNext {
41
41
  * Specifies whether the component is floating or not.
42
42
  */
43
43
  floating?: boolean;
44
+ /**
45
+ * Specify whether the component should be rendered on high-contrast.
46
+ */
47
+ highContrast?: boolean;
48
+ /**
49
+ * Specify whether a drop shadow should be rendered on the popover.
50
+ */
51
+ dropShadow?: boolean;
52
+ /**
53
+ * Specify whether a caret should be rendered on the popover. This is intended to use only for coachmark patterns.
54
+ */
55
+ caret?: boolean;
56
+ /**
57
+ * CSS selector for the element that should receive focus when the coachmark opens.
58
+ * If not provided, no automatic focus management will occur.
59
+ */
60
+ selectorPrimaryFocus?: string;
44
61
  }
45
62
  type CoachmarkContentComponent = FC<CoachmarkContentProps> & {
46
63
  Header: FC<ContentHeaderProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAc,EACZ,EAAE,EACF,yBAAyB,EACzB,SAAS,EACT,aAAa,EAMd,MAAM,OAAO,CAAC;AAOf,OAAyB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAiB9D,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,yBAAyB,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG;IAC3D,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC/B,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CACxD,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CACnD,GAAG;IACF,OAAO,EAAE,yBAAyB,CAAC;CACpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAqGjB,kBAAkB,CAAC"}
1
+ {"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAc,EACZ,EAAE,EACF,yBAAyB,EACzB,SAAS,EACT,aAAa,EAMd,MAAM,OAAO,CAAC;AAOf,OAAyB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAW,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAiB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAiB9D,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,KAAK,yBAAyB,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG;IAC3D,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC;IAC/B,IAAI,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CACxD,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CACnD,GAAG;IACF,OAAO,EAAE,yBAAyB,CAAC;CACpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAuIjB,kBAAkB,CAAC"}