@helpdice/ui 1.6.6 → 1.6.8

package/dist/table/index.js

@@ -2814,11 +2814,9 @@ var TableCell = function TableCell(_ref) {
     onCellClick = _ref.onCellClick;
   /* eslint-disable react/jsx-no-useless-fragment */
   return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
-    var _String;
     var currentRowValue = row[column.prop];
     var cellValue = currentRowValue || emptyText;
     var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
-    var dataName = (_String = String(column === null || column === void 0 ? void 0 : column.label)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
     return /*#__PURE__*/React.createElement("td", {
       style: _objectSpread2({
         fontSize: "".concat(column === null || column === void 0 ? void 0 : column.fontSize),
@@ -2829,7 +2827,7 @@ var TableCell = function TableCell(_ref) {
         boxSizing: 'border-box',
         whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
       }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
-      "data-column": dataName,
+      "data-column": column.prop,
       key: "row-td-".concat(index, "-").concat(column.prop.toString()),
       onClick: function onClick() {
         return onCellClick && onCellClick(currentRowValue, rowIndex, index);
@@ -31652,22 +31650,20 @@ function DataTable(_ref) {
   }
   React.useEffect(function () {
     cols.forEach(function (col) {
-      var _String2;
-      var dataName = (_String2 = String(col === null || col === void 0 ? void 0 : col.name)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
       if (hideColumn.includes(col.name)) {
-        document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
+        document.querySelectorAll("[data-column=\"".concat(col.id, "\"]")).forEach(function (el) {
           el.style.display = 'none !important';
         });
       } else {
-        document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
+        document.querySelectorAll("[data-column=\"".concat(col.id, "\"]")).forEach(function (el) {
           el.style.display = '';
         });
       }
     });
   }, [hideColumn, cols]);
   function handleHideColumnClick(_event, _id) {
-    var _String3;
-    var id = (_String3 = String(_id)) === null || _String3 === void 0 ? void 0 : _String3.replace(' ', '_').toLowerCase();
+    var _String2;
+    var id = (_String2 = String(_id)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
     var selectedIndex = hideColumn.indexOf(id);
     var newSelected = [];
     if (selectedIndex === -1) {
@@ -31779,16 +31775,14 @@ function DataTable(_ref) {
 
   var content = function content() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, cols.map(function (option, _index) {
-      var _String4;
       // const colunqid = _.uniqueId(`${option.name}-${index}`);
-      var dataName = (_String4 = String(option.name)) === null || _String4 === void 0 ? void 0 : _String4.replace(' ', '_').toLowerCase();
-      var isSelected = !hideColumn.includes(dataName);
+      var isSelected = !hideColumn.includes(option.id);
       return /*#__PURE__*/React.createElement(Popover.Item, {
         selected: isSelected
         // key={colunqid}
         ,
         onClick: function onClick(e) {
-          return handleHideColumnClick(e, option.name);
+          return handleHideColumnClick(e, option.id);
         }
       }, /*#__PURE__*/React.createElement("span", null, option.name));
     }));
@@ -31806,7 +31800,7 @@ function DataTable(_ref) {
   // )
 
   var SELECTED = React.useMemo(function () {
-    if (selected.length > 0 && onSelected) {
+    if (onSelected) {
       return onSelected(selected);
     }
     return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -31847,7 +31841,7 @@ function DataTable(_ref) {
     },
     justify: "flex-end",
     alignContent: "center"
-  }, menu, !children && !readOnly ? /*#__PURE__*/React.createElement(React.Fragment, null, SELECTED, onSelectedEdit && selected.length === 1 ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, menu, !children && !readOnly ? /*#__PURE__*/React.createElement(React.Fragment, null, (selected === null || selected === void 0 ? void 0 : selected.length) > 0 && SELECTED, onSelectedEdit && selected.length === 1 ? /*#__PURE__*/React.createElement(Tooltip, {
     text: "Edit Selected",
     placement: "bottom",
     font: 0.8,

package/esm/button/button.compact.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 type CompactButtonProps = {
     children?: React.ReactNode;
     iconRight?: React.ReactNode;
@@ -11,5 +11,5 @@ type CompactButtonProps = {
     target?: string;
     onClick?: () => void;
 };
-declare const _default: import("react").NamedExoticComponent<CompactButtonProps>;
+declare const _default: React.NamedExoticComponent<CompactButtonProps>;
 export default _default;

package/esm/button/button.compact.js

@@ -1,4 +1,4 @@
-import { memo } from 'react';
+import React, { memo } from 'react';
 import Button from './button';
 var CompactButton = function CompactButton(_ref) {
   var _ref$to = _ref.to,

package/esm/table/data-table.js

@@ -100,22 +100,20 @@ function DataTable(_ref) {
   }
   useEffect(function () {
     cols.forEach(function (col) {
-      var _String2;
-      var dataName = (_String2 = String(col === null || col === void 0 ? void 0 : col.name)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
       if (hideColumn.includes(col.name)) {
-        document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
+        document.querySelectorAll("[data-column=\"".concat(col.id, "\"]")).forEach(function (el) {
           el.style.display = 'none !important';
         });
       } else {
-        document.querySelectorAll("[data-column=\"".concat(dataName, "\"]")).forEach(function (el) {
+        document.querySelectorAll("[data-column=\"".concat(col.id, "\"]")).forEach(function (el) {
           el.style.display = '';
         });
       }
     });
   }, [hideColumn, cols]);
   function handleHideColumnClick(_event, _id) {
-    var _String3;
-    var id = (_String3 = String(_id)) === null || _String3 === void 0 ? void 0 : _String3.replace(' ', '_').toLowerCase();
+    var _String2;
+    var id = (_String2 = String(_id)) === null || _String2 === void 0 ? void 0 : _String2.replace(' ', '_').toLowerCase();
     var selectedIndex = hideColumn.indexOf(id);
     var newSelected = [];
     if (selectedIndex === -1) {
@@ -227,16 +225,14 @@ function DataTable(_ref) {
 
   var content = function content() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, cols.map(function (option, _index) {
-      var _String4;
       // const colunqid = _.uniqueId(`${option.name}-${index}`);
-      var dataName = (_String4 = String(option.name)) === null || _String4 === void 0 ? void 0 : _String4.replace(' ', '_').toLowerCase();
-      var isSelected = !hideColumn.includes(dataName);
+      var isSelected = !hideColumn.includes(option.id);
       return /*#__PURE__*/React.createElement(Popover.Item, {
         selected: isSelected
         // key={colunqid}
         ,
         onClick: function onClick(e) {
-          return handleHideColumnClick(e, option.name);
+          return handleHideColumnClick(e, option.id);
         }
       }, /*#__PURE__*/React.createElement("span", null, option.name));
     }));
@@ -254,7 +250,7 @@ function DataTable(_ref) {
   // )
 
   var SELECTED = useMemo(function () {
-    if (selected.length > 0 && onSelected) {
+    if (onSelected) {
       return onSelected(selected);
     }
     return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -295,7 +291,7 @@ function DataTable(_ref) {
     },
     justify: "flex-end",
     alignContent: "center"
-  }, menu, !children && !readOnly ? /*#__PURE__*/React.createElement(React.Fragment, null, SELECTED, onSelectedEdit && selected.length === 1 ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, menu, !children && !readOnly ? /*#__PURE__*/React.createElement(React.Fragment, null, (selected === null || selected === void 0 ? void 0 : selected.length) > 0 && SELECTED, onSelectedEdit && selected.length === 1 ? /*#__PURE__*/React.createElement(Tooltip, {
     text: "Edit Selected",
     placement: "bottom",
     font: 0.8,

package/esm/table/table-cell.js

@@ -8,11 +8,9 @@ var TableCell = function TableCell(_ref) {
     onCellClick = _ref.onCellClick;
   /* eslint-disable react/jsx-no-useless-fragment */
   return /*#__PURE__*/React.createElement(React.Fragment, null, columns.map(function (column, index) {
-    var _String;
     var currentRowValue = row[column.prop];
     var cellValue = currentRowValue || emptyText;
     var shouldBeRenderElement = column.renderHandler(currentRowValue, row, rowIndex);
-    var dataName = (_String = String(column === null || column === void 0 ? void 0 : column.label)) === null || _String === void 0 ? void 0 : _String.replace(' ', '_').toLowerCase();
     return /*#__PURE__*/React.createElement("td", {
       style: _extends({
         fontSize: "".concat(column === null || column === void 0 ? void 0 : column.fontSize),
@@ -23,7 +21,7 @@ var TableCell = function TableCell(_ref) {
         boxSizing: 'border-box',
         whiteSpace: column !== null && column !== void 0 && column.noWrap ? 'nowrap' : 'normal'
       }, currentRowValue === null || currentRowValue === void 0 ? void 0 : currentRowValue.style),
-      "data-column": dataName,
+      "data-column": column.prop,
       key: "row-td-".concat(index, "-").concat(column.prop.toString()),
       onClick: function onClick() {
         return onCellClick && onCellClick(currentRowValue, rowIndex, index);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "1.6.6",
+  "version": "1.6.8",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -36,7 +36,7 @@
   },
   "prettier": "@helpdice/prettier-config",
   "keywords": [
-    "hui",
+    "iux",
     "helpdice ui",
     "components",
     "react components",