@thecb/components 10.10.0-beta.0 → 10.10.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/dist/index.cjs.js +11 -10
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +6 -9
- package/dist/index.esm.js +11 -10
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/sortable-table-heading/SortableTableHeading.js +13 -13
- package/src/components/atoms/sortable-table-heading/SortableTableHeading.stories.js +2 -1
- package/src/components/atoms/sortable-table-heading/index.d.ts +5 -8
- package/src/components/atoms/table/Table.stories.js +4 -3
package/dist/index.cjs.js
CHANGED
|
@@ -23640,11 +23640,13 @@ var TableHeading = styled__default.th.withConfig({
|
|
|
23640
23640
|
});
|
|
23641
23641
|
|
|
23642
23642
|
var SortableTableHeading = function SortableTableHeading(_ref) {
|
|
23643
|
-
var
|
|
23643
|
+
var ariaControlsId = _ref.ariaControlsId,
|
|
23644
|
+
displayName = _ref.displayName,
|
|
23645
|
+
onSortChange = _ref.onSortChange,
|
|
23644
23646
|
_ref$sortOrder = _ref.sortOrder,
|
|
23645
23647
|
sortOrder = _ref$sortOrder === void 0 ? null : _ref$sortOrder,
|
|
23646
|
-
|
|
23647
|
-
|
|
23648
|
+
themeValues = _ref.themeValues,
|
|
23649
|
+
extraStyles = _ref.extraStyles;
|
|
23648
23650
|
var getCaretColor = function getCaretColor(order) {
|
|
23649
23651
|
if (sortOrder === order) {
|
|
23650
23652
|
return themeValues.activeColor;
|
|
@@ -23652,19 +23654,18 @@ var SortableTableHeading = function SortableTableHeading(_ref) {
|
|
|
23652
23654
|
return themeValues.inactiveColor;
|
|
23653
23655
|
};
|
|
23654
23656
|
return /*#__PURE__*/React__default.createElement(TableHeading, {
|
|
23655
|
-
extraStyles: "cursor: pointer;",
|
|
23656
|
-
onClick: onSortChange
|
|
23657
|
+
extraStyles: "cursor: pointer; ".concat(extraStyles),
|
|
23658
|
+
onClick: onSortChange,
|
|
23659
|
+
"aria-controls": ariaControlsId
|
|
23657
23660
|
}, /*#__PURE__*/React__default.createElement(Cluster, {
|
|
23658
23661
|
justify: "space-between"
|
|
23659
|
-
},
|
|
23662
|
+
}, displayName, /*#__PURE__*/React__default.createElement(Stack, {
|
|
23660
23663
|
justify: "center",
|
|
23661
23664
|
childGap: "2px"
|
|
23662
23665
|
}, /*#__PURE__*/React__default.createElement(CaretArrowUp$1, {
|
|
23663
|
-
color: getCaretColor("asc")
|
|
23664
|
-
activeColor: themeValues.activeColor
|
|
23666
|
+
color: getCaretColor("asc")
|
|
23665
23667
|
}), /*#__PURE__*/React__default.createElement(CaretArrowDown$1, {
|
|
23666
|
-
color: getCaretColor("desc")
|
|
23667
|
-
activeColor: themeValues.activeColor
|
|
23668
|
+
color: getCaretColor("desc")
|
|
23668
23669
|
}))));
|
|
23669
23670
|
};
|
|
23670
23671
|
var SortableTableHeading$1 = themeComponent(SortableTableHeading, "SortableTableHeading", fallbackValues$f);
|