loon-bulma-react 2021.1.35 → 2022.0.0

package/dist/components/Titles/Titles.d.ts

@@ -13,7 +13,7 @@ export declare function Title(props: TitleProps): JSX.Element;
  */
 export declare function Subtitle(props: SubtitleProps): JSX.Element;
 /**
- * Combineeer een title en een subtitle
+ * Combineer een title en een subtitle
  * @param props titleTxt as string, subtitleTxt as string, bulmaSize as number (1-4) en headingSize as number (1-4)
  * De subtitle sizes worden +2 gedaan, dus bij title bulmaSize = 1 en headingSize = 3 (<h3 class="title is-1">)
  * komt een subtitle van (<h6 class="subtitle is-4">)

package/dist/index.js

@@ -527,9 +527,6 @@ function dataTableReducer(state, action) {
         visibleItems: [].concat(state.filteredItems).splice(action.value * state.maxRows, state.maxRows),
         currentPage: action.value
       });
-
-    default:
-      return state;
   }
 }
 
@@ -600,7 +597,7 @@ function DataTable(props) {
     });
     if (!sortColumn) return;
     var sorted = [];
-    var sortOn = typeof sortColumn.value == 'string' ? sortColumn.value : sortColumn.header;
+    var sortOn = typeof sortColumn.value == 'string' ? sortColumn.value : sortColumn.header || undefined;
 
     var defaultSort = function defaultSort(a, b) {
       if (!sortOn) {
@@ -772,15 +769,18 @@ function Footer$1(props) {
   }
 
   return React__default.createElement("div", {
-    className: "datatable-footer pagination is-centered is-small px-6 mb-3"
+    className: "datatable-footer pagination is-centered is-small px-6 mb-3",
+    role: "pagination"
   }, React__default.createElement(React__default.Fragment, null, React__default.createElement("button", {
     type: "button",
+    disabled: props.currentPage == 0,
     className: "pagination-previous",
     onClick: function onClick() {
       return props.onPageChange(props.currentPage != 0 ? props.currentPage - 1 : props.pageCount - 1);
     }
   }, "Vorige"), React__default.createElement("button", {
     type: "button",
+    disabled: props.currentPage == props.pageCount - 1,
     className: "pagination-next",
     onClick: function onClick() {
       return props.onPageChange(props.currentPage != props.pageCount - 1 ? props.currentPage + 1 : 0);
@@ -1485,7 +1485,8 @@ function Title(props) {
   var hSize = typeof props.headingSize == 'string' ? +props.headingSize.replace('h', '') : props.headingSize;
   var heading = props.headingSize ? hSize : bulmaSize;
   var classes = "title is-" + bulmaSize;
-  var txt = props.children ? props.children : props.txt ? props.txt : '';
+  var txt = props.children || props.txt;
+  if (!txt) throw Error('Title moet children OF txt="..." hebben');
 
   switch (heading) {
     case 1:
@@ -1498,11 +1499,6 @@ function Title(props) {
         className: classes
       }, txt);
 
-    case 3:
-      return React__default.createElement("h3", {
-        className: classes
-      }, txt);
-
     case 4:
       return React__default.createElement("h4", {
         className: classes
@@ -1529,7 +1525,8 @@ function Subtitle(props) {
   var hSize = typeof props.headingSize == 'string' ? +props.headingSize.replace('h', '') : props.headingSize;
   var heading = props.headingSize ? hSize : bulmaSize;
   var classes = "subtitle is-" + bulmaSize;
-  var txt = props.children ? props.children : props.txt ? props.txt : '';
+  var txt = props.children || props.txt;
+  if (!txt) throw Error('Subtitle moet children OF txt="..." hebben.');
 
   switch (heading) {
     case 1:
@@ -1552,11 +1549,6 @@ function Subtitle(props) {
         className: classes
       }, txt);
 
-    case 5:
-      return React__default.createElement("h5", {
-        className: classes
-      }, txt);
-
     case 6:
       return React__default.createElement("h6", {
         className: classes
@@ -1571,15 +1563,15 @@ function Subtitle(props) {
 function TitleWithSubtitle(props) {
   var bulmaSize = props.bulmaSize ? +props.bulmaSize : 3;
   var hSize = typeof props.headingSize == 'string' ? +props.headingSize.replace('h', '') : props.headingSize;
-  var heading = props.headingSize ? hSize : bulmaSize;
+  var heading = hSize || bulmaSize;
   return React__default.createElement("div", null, React__default.createElement(Title, {
     txt: props.titleTxt,
     bulmaSize: bulmaSize,
     headingSize: heading
   }), React__default.createElement(Subtitle, {
     txt: props.subtitleTxt,
-    bulmaSize: bulmaSize + 3,
-    headingSize: heading ? heading + 1 : undefined
+    bulmaSize: bulmaSize + 2,
+    headingSize: heading + 1
   }));
 }