@popsure/dirty-swan 0.30.4 → 0.30.6
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 +8 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/comparisonTable/index.js +9 -7
- package/dist/esm/components/comparisonTable/index.js.map +1 -1
- package/package.json +1 -1
- package/src/lib/components/comparisonTable/hooks/useComparisonTable.ts +6 -3
- package/src/lib/components/comparisonTable/index.tsx +3 -3
package/dist/cjs/index.js
CHANGED
|
@@ -13813,9 +13813,11 @@ var useComparisonTable = function () {
|
|
|
13813
13813
|
if (!headerRef.current) {
|
|
13814
13814
|
return;
|
|
13815
13815
|
}
|
|
13816
|
-
var
|
|
13817
|
-
|
|
13818
|
-
|
|
13816
|
+
var headerWidth = headerRef.current.getBoundingClientRect().width;
|
|
13817
|
+
var currentTabIndex = Math.round(headerRef.current.scrollLeft / headerWidth);
|
|
13818
|
+
if (headerWidth < 544) {
|
|
13819
|
+
setSelectedTabIndex(currentTabIndex);
|
|
13820
|
+
}
|
|
13819
13821
|
};
|
|
13820
13822
|
var debouncedTableScroll = lodash_debounce(handleTableScroll, 150);
|
|
13821
13823
|
require$$0.useEffect(function () {
|
|
@@ -13900,15 +13902,15 @@ var ComparisonTable = function (props) {
|
|
|
13900
13902
|
return (jsxRuntime.jsx(Row$1, { rowId: rowId, cell: cell, data: data }, rowId));
|
|
13901
13903
|
});
|
|
13902
13904
|
var idString = "headerGroup-" + headerGroup.id;
|
|
13903
|
-
return (jsxRuntime.jsx(
|
|
13905
|
+
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 = {},
|
|
13904
13906
|
_a[baseStyles.noScrollBars] = hideScrollBars,
|
|
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) }),
|
|
13907
|
+
_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 = {},
|
|
13906
13908
|
_b[baseStyles.noScrollBars] = hideScrollBars,
|
|
13907
13909
|
_b)) }, { children: jsxRuntime.jsx("div", __assign({ className: classNames(baseStyles['overflow-container']) }, { children: jsxRuntime.jsxs("div", __assign({ className: baseStyles['group-container'] }, { children: [
|
|
13908
13910
|
/**
|
|
13909
13911
|
* Print a table subheader if the `label` value is present
|
|
13910
13912
|
*/
|
|
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)) },
|
|
13913
|
+
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));
|
|
13912
13914
|
}),
|
|
13913
13915
|
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));
|
|
13914
13916
|
};
|