@popsure/dirty-swan 0.30.3 → 0.30.5
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/dist/cjs/index.js +9 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js +6 -1
- package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/index.js +4 -4
- package/dist/esm/components/comparisonTable/index.js.map +1 -1
- package/package.json +1 -1
- package/src/lib/components/comparisonTable/components/TableInfoButton/index.tsx +7 -0
- package/src/lib/components/comparisonTable/index.tsx +3 -3
package/dist/cjs/index.js
CHANGED
|
@@ -13716,7 +13716,12 @@ styleInject(css_248z$5);
|
|
|
13716
13716
|
|
|
13717
13717
|
var TableInfoButton = function (_a) {
|
|
13718
13718
|
var onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
13719
|
-
return (jsxRuntime.jsx("span", __assign({ role: "button", className: "p-btn--secondary " + styles$4.button + " " + className, onClick: onClick,
|
|
13719
|
+
return (jsxRuntime.jsx("span", __assign({ role: "button", className: "p-btn--secondary " + styles$4.button + " " + className, onClick: onClick, onKeyDown: function (e) {
|
|
13720
|
+
e.stopPropagation();
|
|
13721
|
+
if (e.key === 'Enter' || e.key === " ") {
|
|
13722
|
+
onClick();
|
|
13723
|
+
}
|
|
13724
|
+
}, tabIndex: 0 }, { children: jsxRuntime.jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2.66667C5.94991 2.66667 2.66667 5.94991 2.66667 10C2.66667 14.0501 5.94991 17.3333 10 17.3333C14.0501 17.3333 17.3333 14.0501 17.3333 10C17.3333 5.94991 14.0501 2.66667 10 2.66667ZM0.666667 10C0.666667 4.84534 4.84534 0.666667 10 0.666667C15.1547 0.666667 19.3333 4.84534 19.3333 10C19.3333 15.1547 15.1547 19.3333 10 19.3333C4.84534 19.3333 0.666667 15.1547 0.666667 10Z" }, void 0),
|
|
13720
13725
|
jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 9C10.5523 9 11 9.44772 11 10V13.3333C11 13.8856 10.5523 14.3333 10 14.3333C9.44772 14.3333 9 13.8856 9 13.3333V10C9 9.44772 9.44772 9 10 9Z" }, void 0),
|
|
13721
13726
|
jsxRuntime.jsx("path", { d: "M10.8333 6.66667C10.8333 7.1269 10.4602 7.5 10 7.5C9.53976 7.5 9.16667 7.1269 9.16667 6.66667C9.16667 6.20643 9.53976 5.83333 10 5.83333C10.4602 5.83333 10.8333 6.20643 10.8333 6.66667Z" }, void 0)] }), void 0) }), void 0));
|
|
13722
13727
|
};
|
|
@@ -13895,15 +13900,15 @@ var ComparisonTable = function (props) {
|
|
|
13895
13900
|
return (jsxRuntime.jsx(Row$1, { rowId: rowId, cell: cell, data: data }, rowId));
|
|
13896
13901
|
});
|
|
13897
13902
|
var idString = "headerGroup-" + headerGroup.id;
|
|
13898
|
-
return (jsxRuntime.jsx(
|
|
13903
|
+
return (jsxRuntime.jsx(require$$0.Fragment, { children: headerGroup.label && collapsibleSections ? (jsxRuntime.jsx(AccordionItem, __assign({ className: "mt8", label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); } }, { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_a = {},
|
|
13899
13904
|
_a[baseStyles.noScrollBars] = hideScrollBars,
|
|
13900
|
-
_a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }),
|
|
13905
|
+
_a)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsx("div", __assign({ className: baseStyles['group-container'] }, { children: content }), void 0) }), void 0) }), void 0) }, void 0) }), void 0)) : (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(dist.exports.ScrollSyncPane, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles.container, styles === null || styles === void 0 ? void 0 : styles.container, (_b = {},
|
|
13901
13906
|
_b[baseStyles.noScrollBars] = hideScrollBars,
|
|
13902
13907
|
_b)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [
|
|
13903
13908
|
/**
|
|
13904
13909
|
* Print a table subheader if the `label` value is present
|
|
13905
13910
|
*/
|
|
13906
|
-
headerGroup.label && !collapsibleSections && (jsxRuntime.jsx("div", __assign({ className: baseStyles['group-title'] }, { children: jsxRuntime.jsx("h4", __assign({ className: "p-h4 " + baseStyles.sticky }, { children: headerGroup.label }), void 0) }), void 0)), content] }), void 0) }), void 0) }), void 0) }, void 0) }, idString)) },
|
|
13911
|
+
headerGroup.label && !collapsibleSections && (jsxRuntime.jsx("div", __assign({ className: baseStyles['group-title'] }, { children: jsxRuntime.jsx("h4", __assign({ className: "p-h4 " + baseStyles.sticky }, { children: headerGroup.label }), void 0) }), void 0)), content] }), void 0) }), void 0) }), void 0) }, void 0) }, idString)) }, idString));
|
|
13907
13912
|
}),
|
|
13908
13913
|
hideDetails && (jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48') }, { children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", __assign({ className: "w100 d-flex p-a p-h4 c-pointer " + baseStyles['show-details-button'], onClick: toggleMoreRows, type: "button" }, { children: [showMore ? 'Hide details' : 'Show details', jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] }, void 0)] }), void 0) }, void 0) }), void 0))] }), void 0)] }), void 0) }, void 0));
|
|
13909
13914
|
};
|