@carbon/ibm-products 2.88.0 → 2.89.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/carbon.css +17 -4
- package/css/carbon.css.map +1 -1
- package/css/index-full-carbon.css +106 -33
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +54 -29
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +89 -29
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +104 -32
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/AboutModal/AboutModal.d.ts.map +1 -1
- package/es/components/AboutModal/AboutModal.js +2 -2
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts +17 -0
- package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/Coachmark.js +35 -5
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -9
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/CoachmarkContent.js +48 -47
- package/es/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +4 -1
- package/es/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +1 -1
- package/es/components/Coachmark/next/Coachmark/ContentHeader.js +26 -11
- package/es/components/Coachmark/next/Coachmark/context.d.ts +1 -0
- package/es/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts +1 -1
- package/es/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +4 -15
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +22 -15
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +6 -3
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +4 -14
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -1
- package/es/components/DelimitedList/DelimitedList.d.ts +1 -0
- package/es/components/DelimitedList/DelimitedList.d.ts.map +1 -1
- package/es/components/DelimitedList/DelimitedList.js +6 -0
- package/es/components/StringFormatter/StringFormatter.d.ts +1 -0
- package/es/components/StringFormatter/StringFormatter.d.ts.map +1 -1
- package/es/components/StringFormatter/StringFormatter.js +6 -0
- package/es/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/es/components/Tearsheet/next/Tearsheet.js +6 -9
- package/es/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetBody.js +5 -2
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
- package/es/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeader.js +11 -10
- package/es/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/es/components/Tearsheet/next/TearsheetHeaderContent.js +26 -7
- package/es/components/Tearsheet/next/context.d.ts +4 -2
- package/es/components/Tearsheet/next/context.d.ts.map +1 -1
- package/es/components/Tearsheet/next/context.js +4 -2
- package/es/global/js/hooks/useCollapsible.d.ts.map +1 -1
- package/es/global/js/hooks/useCollapsible.js +7 -5
- package/es/node_modules/@carbon/{icons-react/node_modules/@carbon/icon-helpers → icon-helpers}/es/index.js +1 -1
- package/es/node_modules/@carbon/icons-react/es/Icon.js +1 -1
- package/es/settings.js +8 -2
- package/lib/components/AboutModal/AboutModal.d.ts.map +1 -1
- package/lib/components/AboutModal/AboutModal.js +1 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts +17 -0
- package/lib/components/Coachmark/next/Coachmark/Coachmark.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/Coachmark.js +35 -5
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts +1 -9
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/CoachmarkContent.js +47 -46
- package/lib/components/Coachmark/next/Coachmark/CoachmarkTagline/CoachmarkTagline.js +4 -1
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.d.ts.map +1 -1
- package/lib/components/Coachmark/next/Coachmark/ContentHeader.js +26 -11
- package/lib/components/Coachmark/next/Coachmark/context.d.ts +1 -0
- package/lib/components/Coachmark/next/Coachmark/context.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +3 -14
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +22 -15
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +6 -3
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js +9 -3
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts.map +1 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +3 -13
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +1 -1
- package/lib/components/DelimitedList/DelimitedList.d.ts +1 -0
- package/lib/components/DelimitedList/DelimitedList.d.ts.map +1 -1
- package/lib/components/DelimitedList/DelimitedList.js +6 -0
- package/lib/components/StringFormatter/StringFormatter.d.ts +1 -0
- package/lib/components/StringFormatter/StringFormatter.d.ts.map +1 -1
- package/lib/components/StringFormatter/StringFormatter.js +6 -0
- package/lib/components/Tearsheet/next/Tearsheet.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/Tearsheet.js +6 -9
- package/lib/components/Tearsheet/next/TearsheetBody.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetBody.js +4 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeader.js +11 -10
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/TearsheetHeaderContent.js +24 -5
- package/lib/components/Tearsheet/next/context.d.ts +4 -2
- package/lib/components/Tearsheet/next/context.d.ts.map +1 -1
- package/lib/components/Tearsheet/next/context.js +4 -2
- package/lib/global/js/hooks/useCollapsible.d.ts.map +1 -1
- package/lib/global/js/hooks/useCollapsible.js +7 -5
- package/lib/node_modules/@carbon/{icons-react/node_modules/@carbon/icon-helpers → icon-helpers}/lib/index.js +2 -2
- package/lib/node_modules/@carbon/icons-react/lib/Icon.js +1 -1
- package/lib/settings.js +8 -1
- package/package.json +15 -15
- package/scss/components/Coachmark/_coachmark.scss +25 -1
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +16 -0
- package/scss/components/PageHeader/_page-header.scss +30 -22
- package/scss/components/Tearsheet/_tearsheet_next.scss +40 -7
- package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +0 -110
- package/es/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.js +0 -32
- package/es/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -416
- package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -509
- package/es/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -86
- package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -145
- package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -130
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubble.js +0 -111
- package/lib/components/Coachmark/next/Coachmark/CoachmarkBubble/CoachmarkBubbleHeader.js +0 -33
- package/lib/node_modules/@floating-ui/core/dist/floating-ui.core.js +0 -420
- package/lib/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +0 -515
- package/lib/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js +0 -92
- package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +0 -162
- package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +0 -149
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemOptionForValueField.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,SAAS,EAGT,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAOtC,UAAU,4BAA4B;IACpC,cAAc,EAAE,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,eAAO,MAAM,uBAAuB;0DAKjC,4BAA4B;;
|
|
1
|
+
{"version":3,"file":"ItemOptionForValueField.d.ts","sourceRoot":"","sources":["../../../../../src/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,EACL,SAAS,EAGT,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAOtC,UAAU,4BAA4B;IACpC,cAAc,EAAE,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,eAAO,MAAM,uBAAuB;0DAKjC,4BAA4B;;QAyO7B;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;CAfJ,CAAC"}
|
|
@@ -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
|
-
},
|
|
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` },
|
|
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;
|
|
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
|
|
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
|
|
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;
|
|
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
|
-
|
|
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`]: !!
|
|
112
|
-
[`${blockClass}--has-decorator`]: !!
|
|
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,
|
|
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
|
-
|
|
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
|
|
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,
|
|
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
|
|
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
|
-
|
|
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`]:
|
|
41
|
+
[`${blockClass}__header--with-close-icon`]: !hideCloseButton,
|
|
39
42
|
[`${blockClass}__header-collapsed`]: fullyCollapsed
|
|
40
43
|
}),
|
|
41
|
-
closeClassName:
|
|
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,
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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))
|
|
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;
|
|
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;
|
|
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
|
-
|
|
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
|
-
|
|
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/
|
|
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 "
|
|
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;
|
|
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.
|
|
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,
|
|
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"}
|