@thecb/components 10.10.0 → 10.10.1-beta.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 +9 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.esm.js +9 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/search/Search.js +3 -1
- package/src/components/atoms/search/index.d.ts +1 -0
- package/src/components/atoms/sortable-table-heading/SortableTableHeading.js +4 -1
- package/src/components/atoms/sortable-table-heading/index.d.ts +1 -0
package/dist/index.d.ts
CHANGED
|
@@ -609,6 +609,7 @@ declare const Card: React.FC<Expand<CardProps> &
|
|
|
609
609
|
type SortOrder = "asc" | "desc" | null;
|
|
610
610
|
interface SortableTableHeadingProps {
|
|
611
611
|
ariaControlsId: string;
|
|
612
|
+
disabled?: boolean; // If you want to render the component while data is fetching, this can disable the button
|
|
612
613
|
displayName: string; // The name displayed in the <th> element
|
|
613
614
|
onSortChange: () => void;
|
|
614
615
|
sortOrder: SortOrder;
|
|
@@ -1046,6 +1047,7 @@ interface SearchProps {
|
|
|
1046
1047
|
field: Field;
|
|
1047
1048
|
fieldActions: FieldActions;
|
|
1048
1049
|
dataset: FlexibleObjectArray;
|
|
1050
|
+
disableFilter?: boolean;
|
|
1049
1051
|
valuesToSearchFor: string[];
|
|
1050
1052
|
onSearchCallback: () => void;
|
|
1051
1053
|
onClearCallback: () => void;
|
package/dist/index.esm.js
CHANGED
|
@@ -23633,6 +23633,8 @@ var TableHeading = styled.th.withConfig({
|
|
|
23633
23633
|
|
|
23634
23634
|
var SortableTableHeading = function SortableTableHeading(_ref) {
|
|
23635
23635
|
var ariaControlsId = _ref.ariaControlsId,
|
|
23636
|
+
_ref$disabled = _ref.disabled,
|
|
23637
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
23636
23638
|
displayName = _ref.displayName,
|
|
23637
23639
|
onSortChange = _ref.onSortChange,
|
|
23638
23640
|
_ref$sortOrder = _ref.sortOrder,
|
|
@@ -23646,8 +23648,11 @@ var SortableTableHeading = function SortableTableHeading(_ref) {
|
|
|
23646
23648
|
return themeValues.inactiveColor;
|
|
23647
23649
|
};
|
|
23648
23650
|
return /*#__PURE__*/React.createElement(TableHeading, {
|
|
23651
|
+
disabled: disabled,
|
|
23649
23652
|
extraStyles: "cursor: pointer; ".concat(extraStyles),
|
|
23650
|
-
onClick:
|
|
23653
|
+
onClick: function onClick(event) {
|
|
23654
|
+
return disabled ? noop : onSortChange(event);
|
|
23655
|
+
},
|
|
23651
23656
|
"aria-controls": ariaControlsId
|
|
23652
23657
|
}, /*#__PURE__*/React.createElement(Cluster, {
|
|
23653
23658
|
justify: "space-between"
|
|
@@ -28782,6 +28787,8 @@ var Search = function Search(_ref) {
|
|
|
28782
28787
|
var field = _ref.field,
|
|
28783
28788
|
fieldActions = _ref.fieldActions,
|
|
28784
28789
|
dataset = _ref.dataset,
|
|
28790
|
+
_ref$disableFilter = _ref.disableFilter,
|
|
28791
|
+
disableFilter = _ref$disableFilter === void 0 ? false : _ref$disableFilter,
|
|
28785
28792
|
valuesToSearchFor = _ref.valuesToSearchFor,
|
|
28786
28793
|
onSearchCallback = _ref.onSearchCallback,
|
|
28787
28794
|
onClearCallback = _ref.onClearCallback,
|
|
@@ -28806,7 +28813,7 @@ var Search = function Search(_ref) {
|
|
|
28806
28813
|
});
|
|
28807
28814
|
};
|
|
28808
28815
|
var handleSubmit = function handleSubmit() {
|
|
28809
|
-
return onSearchCallback(getFilteredDataset());
|
|
28816
|
+
return disableFilter ? onSearchCallback() : onSearchCallback(getFilteredDataset());
|
|
28810
28817
|
};
|
|
28811
28818
|
return /*#__PURE__*/React.createElement(Cluster, {
|
|
28812
28819
|
extraStyles: "overflow: visible; width: ".concat(width, "; ").concat(extraStyles)
|