@helpdice/ui 1.4.4 → 1.4.5

package/dist/index.js

@@ -42899,6 +42899,8 @@ function DataTable(_ref) {
     nextCursor = _ref.nextCursor,
     _ref$hasMore = _ref.hasMore,
     hasMore = _ref$hasMore === undefined ? false : _ref$hasMore,
+    _ref$stickyHeader = _ref.stickyHeader,
+    stickyHeader = _ref$stickyHeader === undefined ? false : _ref$stickyHeader,
     onNextPage = _ref.onNextPage,
     onPreviousPage = _ref.onPreviousPage;
   var TABLE_ID = _.uniqueId('tbl');
@@ -42924,9 +42926,9 @@ function DataTable(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     openFilter = _useState6[0],
     setOpenFilter = _useState6[1];
-  var handleShowFilter = function handleShowFilter() {
+  function handleShowFilter() {
     return setOpenFilter(!openFilter);
-  };
+  }
   React.useEffect(function () {
     if (selected.length > 0 && onSelected) {
       onSelected(selected);
@@ -42946,8 +42948,8 @@ function DataTable(_ref) {
         });
       }
     });
-  }, [hideColumn, cols, rows]);
-  var handleHideColumnClick = function handleHideColumnClick(_event, _id) {
+  }, [hideColumn, cols]);
+  function handleHideColumnClick(_event, _id) {
     var _String2;
     var id = (_String2 = String(_id)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
     var selectedIndex = hideColumn.indexOf(id);
@@ -42962,7 +42964,7 @@ function DataTable(_ref) {
       newSelected = newSelected.concat(hideColumn.slice(0, selectedIndex), hideColumn.slice(selectedIndex + 1));
     }
     setHideColumn(newSelected);
-  };
+  }
 
   // Children change reset selected
   React.useEffect(function () {
@@ -43037,6 +43039,7 @@ function DataTable(_ref) {
       fontSize: 'larger'
     }
   }, children && /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     auto: true,
     scale: 2 / 3,
     px: 0.6,
@@ -43066,6 +43069,7 @@ function DataTable(_ref) {
     },
     iconRight: /*#__PURE__*/React.createElement(Edit, null),
     auto: true,
+    htmlType: "button",
     scale: 2 / 3,
     px: 0.6
   })) : null, onSelectedDelete && selected.length > 1 ? /*#__PURE__*/React.createElement(Tooltip, {
@@ -43082,6 +43086,7 @@ function DataTable(_ref) {
     auto: true,
     scale: 2 / 3,
     px: 0.6,
+    htmlType: "button",
     iconRight: /*#__PURE__*/React.createElement(Delete$1, null)
   })) : null, onRefresh ? /*#__PURE__*/React.createElement(Tooltip, {
     text: "Refresh",
@@ -43091,6 +43096,7 @@ function DataTable(_ref) {
     py: 0.4,
     type: "dark"
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: function onClick() {
       return onRefresh();
     },
@@ -43106,6 +43112,7 @@ function DataTable(_ref) {
     py: 0.4,
     type: "dark"
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: handleShowFilter,
     auto: true,
     scale: 2 / 3,
@@ -43123,6 +43130,7 @@ function DataTable(_ref) {
     placement: "bottomEnd",
     child: content
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: function onClick() {},
     auto: true,
     scale: 2 / 3,
@@ -43160,7 +43168,8 @@ function DataTable(_ref) {
       width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
     }, style)
   }, /*#__PURE__*/React.createElement(Table, {
-    stickyHeader: true,
+    stickyHeader: stickyHeader,
+    readOnly: readOnly,
     cursorPagination: cursorPagination,
     previousCursor: previousCursor,
     nextCursor: nextCursor,

package/dist/table/data-table.d.ts

@@ -39,6 +39,6 @@ type DataTableProps = {
     onPreviousPage?: (prev?: string) => void;
 };
 declare function DataTable({ cols, rows, readOnly, heading, filter, menu, sideMenu, style, children, onBack, onRefresh, // Function
-onFilters, onSelectedDelete, onSelectedEdit, onSelected, disableViewColumn, rowDraggable, onDragOver, onDragEnter, onDragLeave, onDrop, onRowClick, dataLength, viewLength, onPageChange, disableMenu, cursorPagination, previousCursor, nextCursor, hasMore, onNextPage, onPreviousPage, }: DataTableProps): React.JSX.Element;
+onFilters, onSelectedDelete, onSelectedEdit, onSelected, disableViewColumn, rowDraggable, onDragOver, onDragEnter, onDragLeave, onDrop, onRowClick, dataLength, viewLength, onPageChange, disableMenu, cursorPagination, previousCursor, nextCursor, hasMore, stickyHeader, onNextPage, onPreviousPage, }: DataTableProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof DataTable>;
 export default _default;

package/dist/table/index.js

@@ -31602,6 +31602,8 @@ function DataTable(_ref) {
     nextCursor = _ref.nextCursor,
     _ref$hasMore = _ref.hasMore,
     hasMore = _ref$hasMore === undefined ? false : _ref$hasMore,
+    _ref$stickyHeader = _ref.stickyHeader,
+    stickyHeader = _ref$stickyHeader === undefined ? false : _ref$stickyHeader,
     onNextPage = _ref.onNextPage,
     onPreviousPage = _ref.onPreviousPage;
   var TABLE_ID = _.uniqueId('tbl');
@@ -31627,9 +31629,9 @@ function DataTable(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     openFilter = _useState6[0],
     setOpenFilter = _useState6[1];
-  var handleShowFilter = function handleShowFilter() {
+  function handleShowFilter() {
     return setOpenFilter(!openFilter);
-  };
+  }
   React.useEffect(function () {
     if (selected.length > 0 && onSelected) {
       onSelected(selected);
@@ -31649,8 +31651,8 @@ function DataTable(_ref) {
         });
       }
     });
-  }, [hideColumn, cols, rows]);
-  var handleHideColumnClick = function handleHideColumnClick(_event, _id) {
+  }, [hideColumn, cols]);
+  function handleHideColumnClick(_event, _id) {
     var _String2;
     var id = (_String2 = String(_id)) === null || _String2 === undefined ? undefined : _String2.replace(' ', '_').toLowerCase();
     var selectedIndex = hideColumn.indexOf(id);
@@ -31665,7 +31667,7 @@ function DataTable(_ref) {
       newSelected = newSelected.concat(hideColumn.slice(0, selectedIndex), hideColumn.slice(selectedIndex + 1));
     }
     setHideColumn(newSelected);
-  };
+  }
 
   // Children change reset selected
   React.useEffect(function () {
@@ -31740,6 +31742,7 @@ function DataTable(_ref) {
       fontSize: 'larger'
     }
   }, children && /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     auto: true,
     scale: 2 / 3,
     px: 0.6,
@@ -31769,6 +31772,7 @@ function DataTable(_ref) {
     },
     iconRight: /*#__PURE__*/React.createElement(Edit, null),
     auto: true,
+    htmlType: "button",
     scale: 2 / 3,
     px: 0.6
   })) : null, onSelectedDelete && selected.length > 1 ? /*#__PURE__*/React.createElement(Tooltip, {
@@ -31785,6 +31789,7 @@ function DataTable(_ref) {
     auto: true,
     scale: 2 / 3,
     px: 0.6,
+    htmlType: "button",
     iconRight: /*#__PURE__*/React.createElement(Delete$1, null)
   })) : null, onRefresh ? /*#__PURE__*/React.createElement(Tooltip, {
     text: "Refresh",
@@ -31794,6 +31799,7 @@ function DataTable(_ref) {
     py: 0.4,
     type: "dark"
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: function onClick() {
       return onRefresh();
     },
@@ -31809,6 +31815,7 @@ function DataTable(_ref) {
     py: 0.4,
     type: "dark"
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: handleShowFilter,
     auto: true,
     scale: 2 / 3,
@@ -31826,6 +31833,7 @@ function DataTable(_ref) {
     placement: "bottomEnd",
     child: content
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: function onClick() {},
     auto: true,
     scale: 2 / 3,
@@ -31863,7 +31871,8 @@ function DataTable(_ref) {
       width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
     }, style)
   }, /*#__PURE__*/React.createElement(Table, {
-    stickyHeader: true,
+    stickyHeader: stickyHeader,
+    readOnly: readOnly,
     cursorPagination: cursorPagination,
     previousCursor: previousCursor,
     nextCursor: nextCursor,

package/esm/table/data-table.d.ts

@@ -39,6 +39,6 @@ type DataTableProps = {
     onPreviousPage?: (prev?: string) => void;
 };
 declare function DataTable({ cols, rows, readOnly, heading, filter, menu, sideMenu, style, children, onBack, onRefresh, // Function
-onFilters, onSelectedDelete, onSelectedEdit, onSelected, disableViewColumn, rowDraggable, onDragOver, onDragEnter, onDragLeave, onDrop, onRowClick, dataLength, viewLength, onPageChange, disableMenu, cursorPagination, previousCursor, nextCursor, hasMore, onNextPage, onPreviousPage, }: DataTableProps): React.JSX.Element;
+onFilters, onSelectedDelete, onSelectedEdit, onSelected, disableViewColumn, rowDraggable, onDragOver, onDragEnter, onDragLeave, onDrop, onRowClick, dataLength, viewLength, onPageChange, disableMenu, cursorPagination, previousCursor, nextCursor, hasMore, stickyHeader, onNextPage, onPreviousPage, }: DataTableProps): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof DataTable>;
 export default _default;

package/esm/table/data-table.js

@@ -58,6 +58,8 @@ function DataTable(_ref) {
     nextCursor = _ref.nextCursor,
     _ref$hasMore = _ref.hasMore,
     hasMore = _ref$hasMore === void 0 ? false : _ref$hasMore,
+    _ref$stickyHeader = _ref.stickyHeader,
+    stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
     onNextPage = _ref.onNextPage,
     onPreviousPage = _ref.onPreviousPage;
   var TABLE_ID = _.uniqueId('tbl');
@@ -83,9 +85,9 @@ function DataTable(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     openFilter = _useState6[0],
     setOpenFilter = _useState6[1];
-  var handleShowFilter = function handleShowFilter() {
+  function handleShowFilter() {
     return setOpenFilter(!openFilter);
-  };
+  }
   useEffect(function () {
     if (selected.length > 0 && onSelected) {
       onSelected(selected);
@@ -105,8 +107,8 @@ function DataTable(_ref) {
         });
       }
     });
-  }, [hideColumn, cols, rows]);
-  var handleHideColumnClick = function handleHideColumnClick(_event, _id) {
+  }, [hideColumn, cols]);
+  function handleHideColumnClick(_event, _id) {
     var _String2;
     var id = (_String2 = String(_id)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
     var selectedIndex = hideColumn.indexOf(id);
@@ -121,7 +123,7 @@ function DataTable(_ref) {
       newSelected = newSelected.concat(hideColumn.slice(0, selectedIndex), hideColumn.slice(selectedIndex + 1));
     }
     setHideColumn(newSelected);
-  };
+  }
 
   // Children change reset selected
   useEffect(function () {
@@ -196,6 +198,7 @@ function DataTable(_ref) {
       fontSize: 'larger'
     }
   }, children && /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     auto: true,
     scale: 2 / 3,
     px: 0.6,
@@ -225,6 +228,7 @@ function DataTable(_ref) {
     },
     iconRight: /*#__PURE__*/React.createElement(Edit, null),
     auto: true,
+    htmlType: "button",
     scale: 2 / 3,
     px: 0.6
   })) : null, onSelectedDelete && selected.length > 1 ? /*#__PURE__*/React.createElement(Tooltip, {
@@ -241,6 +245,7 @@ function DataTable(_ref) {
     auto: true,
     scale: 2 / 3,
     px: 0.6,
+    htmlType: "button",
     iconRight: /*#__PURE__*/React.createElement(Delete, null)
   })) : null, onRefresh ? /*#__PURE__*/React.createElement(Tooltip, {
     text: "Refresh",
@@ -250,6 +255,7 @@ function DataTable(_ref) {
     py: 0.4,
     type: "dark"
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: function onClick() {
       return onRefresh();
     },
@@ -265,6 +271,7 @@ function DataTable(_ref) {
     py: 0.4,
     type: "dark"
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: handleShowFilter,
     auto: true,
     scale: 2 / 3,
@@ -282,6 +289,7 @@ function DataTable(_ref) {
     placement: "bottomEnd",
     child: content
   }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
     onClick: function onClick() {},
     auto: true,
     scale: 2 / 3,
@@ -319,7 +327,8 @@ function DataTable(_ref) {
       width: sideMenu ? 'calc(100vw - 17.2rem)' : 'inherit !important'
     }, style)
   }, /*#__PURE__*/React.createElement(Table, {
-    stickyHeader: true,
+    stickyHeader: stickyHeader,
+    readOnly: readOnly,
     cursorPagination: cursorPagination,
     previousCursor: previousCursor,
     nextCursor: nextCursor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -22,7 +22,7 @@
     "build:after": "node scripts/move-built-in.js",
     "build:types": "tsc -p ./scripts & tsc -p ./scripts --outDir ./esm",
     "build": "yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
-    "release": "yarn build && yarn publish --access public --non-interactive"
+    "push": "yarn build && yarn publish --access public --non-interactive"
   },
   "license": "MIT",
   "description": "Modern React UI library.",
@@ -104,10 +104,12 @@
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "polished": "^4.3.1",
+    "push": "^0.1.1",
     "react-fast-compare": "^3.2.2",
     "react-is": "^19.0.0",
     "react-syntax-highlighter": "^15.6.1",
     "react-transition-group": "^4.4.5",
+    "release": "^6.3.1",
     "rollup-plugin-local-resolve": "^1.0.7",
     "styled-components": "^6.1.14",
     "tiny-warning": "^1.0.3",