@bigbinary/neetoui 8.2.68 → 8.2.70

package/dist/DatePicker.js

@@ -26,7 +26,7 @@ import 'react-i18next';
 import './useRecentlyUsedColors-CvgVrIg-.js';
 import './Dropdown.js';
 import './index-C9RIWUPw.js';
-export { D as default } from './index-yn29djNX.js';
+export { D as default } from './index-C_NVUIv9.js';
 import './Input.js';
 import './Label.js';
 import './MultiEmailInput.js';
@@ -62,7 +62,7 @@ import './Switch.js';
 import './Tab.js';
 import 'antd/lib/table';
 import 'react-drag-listview';
-import './useRestoreScrollPosition-Bpc2-JNF.js';
+import './useRestoreScrollPosition-BTy4iNK-.js';
 import 'react-resizable';
 import './Tag.js';
 import './Toastr.js';

package/dist/Table.js

@@ -7,8 +7,8 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default, { useRef, useEffect, useState, useMemo, useCallback } from 'react';
 import classnames from 'classnames';
 import { isPresent, noop, snakeToCamelCase, camelToSnakeCase, isNotEmpty, modifyBy, dynamicArray } from '@bigbinary/neeto-cist';
-import { UpArrow, DownArrow, Left, Right, MenuHorizontal } from '@bigbinary/neeto-icons';
-import { isNil, move, isEmpty, all, includes, __, pipe, filter, pluck, has, without, append, union, equals, props, mergeLeft, assoc } from 'ramda';
+import { UpArrow, DownArrow, InfoRound, Left, Right, MenuHorizontal } from '@bigbinary/neeto-icons';
+import { isNil, move, isEmpty, all, includes, __, pipe, filter, pluck, equals, has, without, append, union, props, mergeLeft, assoc } from 'ramda';
 import ReactDragListView from 'react-drag-listview';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
@@ -20,8 +20,9 @@ import { u as useQueryParams } from './useQueryParams-b60CHFUx.js';
 import Button from './Button.js';
 import Callout from './Callout.js';
 import Typography from './Typography.js';
-import { T as TABLE_SORT_ORDERS, U as URL_SORT_ORDERS, H as HeaderCellMenu, C as COLUMN_FIXED_VALUES, S as SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT, a as SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT, u as useRestoreScrollPosition } from './useRestoreScrollPosition-Bpc2-JNF.js';
+import { T as TABLE_SORT_ORDERS, U as URL_SORT_ORDERS, H as HeaderCellMenu, C as COLUMN_FIXED_VALUES, S as SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT, a as SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT, u as useRestoreScrollPosition } from './useRestoreScrollPosition-BTy4iNK-.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import Popover from './Popover.js';
 import { Resizable } from 'react-resizable';
 import Spinner from './Spinner.js';
 import 'antd/locale/de_DE';
@@ -44,7 +45,6 @@ import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';
 import './Dropdown.js';
-import './Popover.js';
 import 'zustand';
 
 var useTimeout = function useTimeout(callback, delay) {
@@ -181,6 +181,31 @@ var SortIcon = function SortIcon(_ref) {
   return null;
 };
 
+var _excluded$5 = ["title", "description"];
+var TitleWithInfoIcon = function TitleWithInfoIcon(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    rest = _objectWithoutProperties(_ref, _excluded$5);
+  var popoverRef = useRef();
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: "relative pr-5"
+  }, typeof title === "function" ? title(rest) : title, description && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
+    className: "neeto-ui-table__column-title-info-icon",
+    ref: popoverRef
+  }, /*#__PURE__*/React__default.createElement(InfoRound, {
+    color: "currentColor",
+    size: 14
+  })), /*#__PURE__*/React__default.createElement(Popover, {
+    appendTo: function appendTo() {
+      return document.body;
+    },
+    reference: popoverRef
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    lineHeight: "normal",
+    style: "body2"
+  }, description))));
+};
+
 var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "isFixedColumn", "isColumnFreezeEnabled", "onColumnHide", "onAddColumn", "onColumnDelete", "onColumnFreeze", "onMoreActionClick", "column", "moreActions"];
 var CellContent = function CellContent(_ref) {
   var children = _ref.children,
@@ -206,7 +231,7 @@ var CellContent = function CellContent(_ref) {
   var isColumnHidable = isHidable && isPresent(onColumnHide);
   var isColumnDeletable = isDeletable && isPresent(onColumnDelete);
   var hasMoreActions = !isEmpty(moreActions) && isPresent(onMoreActionClick);
-  var hasMoreMenu = isSortable || isPresent(column === null || column === void 0 ? void 0 : column.description) || isColumnHidable || isAddEnabled || hasMoreActions || isPresent(column) && isColumnFreezeEnabled;
+  var hasMoreMenu = isSortable || isColumnHidable || isAddEnabled || hasMoreActions || isPresent(column) && isColumnFreezeEnabled;
   return /*#__PURE__*/React__default.createElement("th", _extends({}, headerProps, {
     title: "",
     onClick: isSortable ? noop : headerProps.onClick
@@ -214,7 +239,7 @@ var CellContent = function CellContent(_ref) {
     className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-between",
     "data-cy": "".concat(hyphenize(headerProps.title), "-header-title")
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-min-w-0 neeto-ui-flex-grow neeto-ui-truncate"
+    className: "neeto-ui-min-w-0 neeto-ui-flex-grow neeto-ui-truncate neeto-ui-table__column-title-content"
   }, children), hasMoreMenu && /*#__PURE__*/React__default.createElement(HeaderCellMenu, {
     column: column,
     hasMoreActions: hasMoreActions,
@@ -231,7 +256,6 @@ var CellContent = function CellContent(_ref) {
     onMoreActionClick: onMoreActionClick,
     onSort: onSort,
     sortedInfo: sortedInfo,
-    columnTitle: headerProps.title,
     isHidable: isColumnHidable
   })));
 };
@@ -361,7 +385,7 @@ var getFixedColumns = function getFixedColumns(columnData) {
   }), pluck("dataIndex"))(columnData);
 };
 var getColumnSortOrder = function getColumnSortOrder(col, sortedInfo) {
-  return sortedInfo.field === col.dataIndex || sortedInfo.field === col.key ? sortedInfo.order : null;
+  return equals(sortedInfo.field, col.dataIndex) || equals(sortedInfo.field, col.key) ? sortedInfo.order : null;
 };
 var getColumFixedValue = function getColumFixedValue(col, frozenColumns) {
   return frozenColumns.indexOf(col.dataIndex) !== -1 ? COLUMN_FIXED_VALUES.LEFT : null;
@@ -370,6 +394,20 @@ var getFrozenColumnsLocalStorageKey = function getFrozenColumnsLocalStorageKey(l
   var prefix = isPresent(localStorageKeyPrefix) ? localStorageKeyPrefix : convertLocationPathnameToId();
   return "NEETOUI-".concat(prefix, "-FIXED_COLUMNS");
 };
+var getSortInfoFromQueryParams = function getSortInfoFromQueryParams(queryParams) {
+  var sortedInfo = {};
+  if (isPresent(queryParams.sort_by) && isPresent(queryParams.order_by) && isPresent(TABLE_SORT_ORDERS[queryParams.order_by])) {
+    sortedInfo.field = queryParams.sort_by.includes("+") ? queryParams.sort_by.split("+").map(snakeToCamelCase) : snakeToCamelCase(queryParams.sort_by);
+    sortedInfo.order = TABLE_SORT_ORDERS[queryParams.order_by];
+  }
+  return sortedInfo;
+};
+var getSortField = function getSortField(field) {
+  if (Array.isArray(field)) {
+    return field.map(camelToSnakeCase).join("+");
+  }
+  return camelToSnakeCase(field);
+};
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -427,12 +465,19 @@ var useResizableColumns = function useResizableColumns(_ref) {
             isHidable: col.isHidable,
             isDeletable: col.isDeletable,
             moreActions: col.moreActions,
-            column: col
+            column: col,
+            "data-text-align": column.align
           };
         },
         sortIcon: SortIcon,
         sortOrder: getColumnSortOrder(col, sortedInfo),
-        fixed: fixed
+        fixed: fixed,
+        title: col.description ? function (props) {
+          return /*#__PURE__*/React__default.createElement(TitleWithInfoIcon, _extends({}, props, {
+            description: col.description,
+            title: col.title
+          }));
+        } : col.title
       });
       if (!has("ellipsis", col)) modifiedColumn.ellipsis = true;
       return modifiedColumn;
@@ -530,14 +575,6 @@ var useColumns = function useColumns(_ref) {
   };
 };
 
-var getSortInfoFromQueryParams = function getSortInfoFromQueryParams(queryParams) {
-  var sortedInfo = {};
-  if (isPresent(queryParams.sort_by) && isPresent(queryParams.order_by) && isPresent(TABLE_SORT_ORDERS[queryParams.order_by])) {
-    sortedInfo.field = snakeToCamelCase(queryParams.sort_by);
-    sortedInfo.order = TABLE_SORT_ORDERS[queryParams.order_by];
-  }
-  return sortedInfo;
-};
 var useTableSort = function useTableSort() {
   var queryParams = useQueryParams();
   var _useState = useState(function () {
@@ -552,7 +589,7 @@ var useTableSort = function useTableSort() {
   var history = useHistory();
   var handleTableChange = function handleTableChange(pagination, sorter) {
     var params = {
-      sort_by: sorter.order ? camelToSnakeCase(sorter.field) : undefined,
+      sort_by: sorter.order ? getSortField(sorter.field) : undefined,
       order_by: URL_SORT_ORDERS[sorter.order],
       page: pagination.current
     };
@@ -721,16 +758,6 @@ var Table = function Table(_ref) {
       style: "body2"
     }, "No Data")
   };
-  var sortedColumnsWithAlignment = sortedColumns.map(function (sortedColumn) {
-    return _objectSpread(_objectSpread({}, sortedColumn), {}, {
-      onHeaderCell: function onHeaderCell(column) {
-        var _sortedColumn$onHeade;
-        return _objectSpread(_objectSpread({}, (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column)), {}, {
-          "data-text-align": column.align
-        });
-      }
-    });
-  });
   var selectedRowKeys = bulkSelectedAllRows ? pluck(rowKey, rowData) : initialSelectedRowKeys;
   var showBulkSelectionCallout = useMemo(function () {
     return isIncludedIn(selectedRowKeys, pluck(rowKey, rowData)) && selectedRowKeys.length !== totalCount && !bulkSelectedAllRows;
@@ -893,7 +920,7 @@ var Table = function Table(_ref) {
       bordered: bordered,
       locale: locale,
       rowKey: rowKey,
-      columns: sortedColumnsWithAlignment,
+      columns: sortedColumns,
       components: componentOverrides,
       dataSource: rowData,
       loading: {