@bigbinary/neetoui 8.3.43 → 8.3.45

package/dist/cjs/Table.js

@@ -18,13 +18,13 @@ var reactRouterDom = require('react-router-dom');
 var constants = require('./constants.js');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-var index = require('./index-CcLewRhe.js');
+var index = require('./index-BlcVTw2b.js');
 var useQueryParams = require('./useQueryParams-BrrbBvY_.js');
 var Button = require('./Button.js');
 var Callout = require('./Callout.js');
 var Typography = require('./Typography.js');
 var jsxRuntime = require('react/jsx-runtime');
-var useRestoreScrollPosition = require('./useRestoreScrollPosition-6TwcjUT5.js');
+var DatePicker = require('./index-DruCXsxo.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var DownArrow = require('@bigbinary/neeto-icons/DownArrow');
 var UpArrow = require('@bigbinary/neeto-icons/UpArrow');
@@ -42,7 +42,7 @@ require('antd/locale/pt_PT');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('qs');
-require('./en-BoX6pwZe.js');
+require('./en-BfFI1Si2.js');
 require('dayjs');
 require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
@@ -51,10 +51,78 @@ require('dayjs/plugin/weekOfYear');
 require('./Tooltip.js');
 require('@tippyjs/react');
 require('tippy.js');
-require('@bigbinary/neeto-icons/Check');
+require('@bigbinary/neeto-icons/Clock');
+require('./Accordion.js');
+require('framer-motion');
+require('./ActionDropdown.js');
 require('./Dropdown.js');
 require('@bigbinary/neeto-icons/Down');
+require('./Modal.js');
+require('@bigbinary/neeto-icons/Close');
+require('./useOverlayManager-T0kuI6q4.js');
+require('@babel/runtime/helpers/esm/extends');
+require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
+require('@babel/runtime/helpers/esm/inheritsLoose');
+require('react-dom');
+require('avvvatars-react');
+require('./Checkbox.js');
+require('./useId-DXHUzdxd.js');
+require('./Label.js');
+require('@bigbinary/neeto-icons/Help');
+require('@babel/runtime/helpers/asyncToGenerator');
+require('@babel/runtime/regenerator');
+require('@bigbinary/neeto-icons/ColorPicker');
+require('react-colorful');
+require('./useRecentlyUsedColors-CThW5BOM.js');
+require('antd/lib/date-picker');
+require('@bigbinary/neeto-icons/Calendar');
+require('./Input.js');
+require('./MultiEmailInput.js');
+require('./react-select-creatable.esm-lcdODVBz.js');
+require('@babel/runtime/helpers/esm/objectSpread2');
+require('@babel/runtime/helpers/esm/classCallCheck');
+require('@babel/runtime/helpers/esm/createClass');
+require('@babel/runtime/helpers/esm/inherits');
+require('@babel/runtime/helpers/esm/createSuper');
+require('@babel/runtime/helpers/esm/toConsumableArray');
+require('@babel/runtime/helpers/extends');
+require('@babel/runtime/helpers/esm/taggedTemplateLiteral');
+require('@babel/runtime/helpers/esm/objectWithoutProperties');
+require('@babel/runtime/helpers/esm/slicedToArray');
+require('@babel/runtime/helpers/esm/typeof');
+require('@babel/runtime/helpers/esm/defineProperty');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/inherits');
+require('@babel/runtime/helpers/createSuper');
+require('@babel/runtime/helpers/taggedTemplateLiteral');
+require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/helpers/toArray');
+require('./Tag.js');
+require('./Textarea-DzetFleJ.js');
+require('./Pane.js');
+require('./Radio.js');
+require('antd/lib/slider');
+require('./Switch.js');
+require('@bigbinary/neeto-icons/Check');
+require('./Tab.js');
+require('@bigbinary/neeto-icons/Ascending');
+require('@bigbinary/neeto-icons/Descending');
+require('@bigbinary/neeto-icons/Pin');
+require('@bigbinary/neeto-icons/ColumnToLeft');
+require('@bigbinary/neeto-icons/ColumnToRight');
+require('@bigbinary/neeto-icons/Hide');
 require('zustand');
+require('./Toastr.js');
+require('i18next');
+require('@bigbinary/neeto-icons/CheckCircle');
+require('@bigbinary/neeto-icons/Warning');
+require('@bigbinary/neeto-icons/Info');
+require('react-toastify');
+require('linkify-react');
+require('antd/lib/tree');
+require('./TreeSelect.js');
+require('antd/lib/tree-select');
+require('./Select.js');
 
 var useTimeout = function useTimeout(callback, delay) {
   var savedCallback = React.useRef(callback);
@@ -151,7 +219,7 @@ var useReorderColumns = function useReorderColumns(_ref) {
   var isEnabled = _ref.isEnabled,
     columns = _ref.columns,
     setColumns = _ref.setColumns,
-    onColumnUpdate = _ref.onColumnUpdate,
+    onColumnUpdateWithChanges = _ref.onColumnUpdateWithChanges,
     rowSelection = _ref.rowSelection;
   if (!isEnabled) return {
     dragProps: {},
@@ -172,7 +240,7 @@ var useReorderColumns = function useReorderColumns(_ref) {
       if (isColumnFixed(columns[from]) || isColumnFixed(columns[to])) return;
       var newColumns = ramda.move(from, to, columns);
       setColumns(newColumns);
-      onColumnUpdate(newColumns);
+      onColumnUpdateWithChanges(newColumns);
     },
     nodeSelector: "th:not(.ant-table-cell-fix-left):not(.ant-table-cell-scrollbar)",
     handleSelector: ".drag-handler",
@@ -186,12 +254,12 @@ var useReorderColumns = function useReorderColumns(_ref) {
 
 var SortIcon = function SortIcon(_ref) {
   var sortOrder = _ref.sortOrder;
-  if (sortOrder === useRestoreScrollPosition.TABLE_SORT_ORDERS.asc || sortOrder === useRestoreScrollPosition.URL_SORT_ORDERS.ascend) {
+  if (sortOrder === DatePicker.TABLE_SORT_ORDERS.asc || sortOrder === DatePicker.URL_SORT_ORDERS.ascend) {
     return /*#__PURE__*/jsxRuntime.jsx(UpArrow, {
       size: 14
     });
   }
-  if (sortOrder === useRestoreScrollPosition.TABLE_SORT_ORDERS.desc || sortOrder === useRestoreScrollPosition.URL_SORT_ORDERS.descend) {
+  if (sortOrder === DatePicker.TABLE_SORT_ORDERS.desc || sortOrder === DatePicker.URL_SORT_ORDERS.descend) {
     return /*#__PURE__*/jsxRuntime.jsx(DownArrow, {
       size: 14
     });
@@ -232,7 +300,7 @@ var TitleWithInfoIcon = function TitleWithInfoIcon(_ref) {
 };
 var TitleWithInfoIcon$1 = /*#__PURE__*/React.memo(TitleWithInfoIcon);
 
-var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "isFixedColumn", "isColumnFreezeEnabled", "onColumnHide", "onAddColumn", "onColumnDelete", "onColumnFreeze", "onMoreActionClick", "column", "moreActions"];
+var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "isFixedColumn", "isColumnFreezeEnabled", "isMoveToLeftEnabled", "isMoveToRightEnabled", "onColumnHide", "onColumnUpdate", "onAddColumn", "onColumnDelete", "onColumnFreeze", "onMoreActionClick", "column", "moreActions"];
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CellContent = function CellContent(_ref) {
@@ -247,7 +315,10 @@ var CellContent = function CellContent(_ref) {
     isDeletable = _ref$isDeletable === void 0 ? false : _ref$isDeletable,
     isFixedColumn = _ref.isFixedColumn,
     isColumnFreezeEnabled = _ref.isColumnFreezeEnabled,
+    isMoveToLeftEnabled = _ref.isMoveToLeftEnabled,
+    isMoveToRightEnabled = _ref.isMoveToRightEnabled,
     onColumnHide = _ref.onColumnHide,
+    onColumnUpdate = _ref.onColumnUpdate,
     onAddColumn = _ref.onAddColumn,
     onColumnDelete = _ref.onColumnDelete,
     onColumnFreeze = _ref.onColumnFreeze,
@@ -269,19 +340,22 @@ var CellContent = function CellContent(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-ui-min-w-0 neeto-ui-flex-grow neeto-ui-truncate neeto-ui-table__column-title-content",
         children: children
-      }), hasMoreMenu && /*#__PURE__*/jsxRuntime.jsx(useRestoreScrollPosition.HeaderCellMenu, {
+      }), hasMoreMenu && /*#__PURE__*/jsxRuntime.jsx(DatePicker.HeaderCellMenu, {
         column: column,
         hasMoreActions: hasMoreActions,
         isAddEnabled: isAddEnabled,
         isColumnDeletable: isColumnDeletable,
         isColumnFreezeEnabled: isColumnFreezeEnabled,
         isFixedColumn: isFixedColumn,
+        isMoveToLeftEnabled: isMoveToLeftEnabled,
+        isMoveToRightEnabled: isMoveToRightEnabled,
         isSortable: isSortable,
         moreActions: moreActions,
         onAddColumn: onAddColumn,
         onColumnDelete: onColumnDelete,
         onColumnFreeze: onColumnFreeze,
         onColumnHide: onColumnHide,
+        onColumnUpdate: onColumnUpdate,
         onMoreActionClick: onMoreActionClick,
         onSort: onSort,
         sortedInfo: sortedInfo,
@@ -418,7 +492,7 @@ var isIncludedIn = function isIncludedIn(array1, array2) {
   return ramda.all(ramda.includes(ramda.__, array1), array2);
 };
 var getSelectAllRowsCalloutHeight = function getSelectAllRowsCalloutHeight() {
-  return window.innerWidth < 768 ? useRestoreScrollPosition.SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT : useRestoreScrollPosition.SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT;
+  return window.innerWidth < 768 ? DatePicker.SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT : DatePicker.SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT;
 };
 var sortFrozenColumns = function sortFrozenColumns(columnData) {
   var originalIndices = new Map(columnData.map(function (col, index) {
@@ -443,7 +517,7 @@ var getColumnSortOrder = function getColumnSortOrder(col, sortedInfo) {
   return ramda.equals(sortedInfo.field, col.dataIndex) || ramda.equals(sortedInfo.field, col.key) ? sortedInfo.order : null;
 };
 var getColumFixedValue = function getColumFixedValue(col, frozenColumns) {
-  return (frozenColumns === null || frozenColumns === void 0 ? void 0 : frozenColumns.indexOf(col.dataIndex)) !== -1 ? useRestoreScrollPosition.COLUMN_FIXED_VALUES.LEFT : null;
+  return (frozenColumns === null || frozenColumns === void 0 ? void 0 : frozenColumns.indexOf(col.dataIndex)) !== -1 ? DatePicker.COLUMN_FIXED_VALUES.LEFT : null;
 };
 var getFrozenColumnsLocalStorageKey = function getFrozenColumnsLocalStorageKey(localStorageKeyPrefix) {
   var prefix = neetoCist.isPresent(localStorageKeyPrefix) ? localStorageKeyPrefix : convertLocationPathnameToId();
@@ -451,9 +525,9 @@ var getFrozenColumnsLocalStorageKey = function getFrozenColumnsLocalStorageKey(l
 };
 var getSortInfoFromQueryParams = function getSortInfoFromQueryParams(queryParams) {
   var sortedInfo = {};
-  if (neetoCist.isPresent(queryParams.sort_by) && neetoCist.isPresent(queryParams.order_by) && neetoCist.isPresent(useRestoreScrollPosition.TABLE_SORT_ORDERS[queryParams.order_by])) {
+  if (neetoCist.isPresent(queryParams.sort_by) && neetoCist.isPresent(queryParams.order_by) && neetoCist.isPresent(DatePicker.TABLE_SORT_ORDERS[queryParams.order_by])) {
     sortedInfo.field = queryParams.sort_by.includes("+") ? queryParams.sort_by.split("+").map(neetoCist.snakeToCamelCase) : neetoCist.snakeToCamelCase(queryParams.sort_by);
-    sortedInfo.order = useRestoreScrollPosition.TABLE_SORT_ORDERS[queryParams.order_by];
+    sortedInfo.order = DatePicker.TABLE_SORT_ORDERS[queryParams.order_by];
   }
   return sortedInfo;
 };
@@ -465,7 +539,7 @@ var getSortField = function getSortField(field) {
 };
 var calculateRowsPerPage = function calculateRowsPerPage() {
   var viewportHeight = window.innerHeight;
-  var rowsPerPage = Math.floor((viewportHeight - useRestoreScrollPosition.TABLE_PAGINATION_HEIGHT) / useRestoreScrollPosition.TABLE_ROW_HEIGHT * 3);
+  var rowsPerPage = Math.floor((viewportHeight - DatePicker.TABLE_PAGINATION_HEIGHT) / DatePicker.TABLE_ROW_HEIGHT * 3);
   return Math.ceil(rowsPerPage / 10) * 10;
 };
 
@@ -481,6 +555,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
     isColumnFreezeEnabled = _ref.isColumnFreezeEnabled,
     onColumnAdd = _ref.onColumnAdd,
     onColumnUpdate = _ref.onColumnUpdate,
+    onColumnUpdateWithChanges = _ref.onColumnUpdateWithChanges,
     onColumnDelete = _ref.onColumnDelete,
     handleSort = _ref.handleSort,
     sortedInfo = _ref.sortedInfo,
@@ -516,9 +591,10 @@ var useResizableColumns = function useResizableColumns(_ref) {
         onHeaderCell: function onHeaderCell(column) {
           return {
             width: col.width,
+            onColumnUpdate: onColumnUpdate,
             onResize: isEnabled ? handleResize(index) : neetoCist.noop,
             onResizeStop: function onResizeStop() {
-              return isEnabled ? onColumnUpdate(columns) : neetoCist.noop;
+              return isEnabled ? onColumnUpdateWithChanges(columns) : neetoCist.noop;
             },
             isSortable: neetoCist.isPresent(col.sorter),
             onSort: handleSort,
@@ -526,6 +602,8 @@ var useResizableColumns = function useResizableColumns(_ref) {
             onColumnHide: onColumnHide,
             onColumnFreeze: onColumnFreeze,
             onMoreActionClick: onMoreActionClick,
+            isMoveToLeftEnabled: index > 0,
+            isMoveToRightEnabled: index < columns.length - 1,
             isColumnFreezeEnabled: isColumnFreezeEnabled,
             isAddEnabled: isAddEnabled && !fixed,
             onAddColumn: function onAddColumn(positionOffset) {
@@ -571,6 +649,7 @@ var useColumns = function useColumns(_ref) {
     isColumnFreezeEnabled = _ref.isColumnFreezeEnabled,
     onColumnAdd = _ref.onColumnAdd,
     onColumnUpdate = _ref.onColumnUpdate,
+    onColumnUpdateWithChanges = _ref.onColumnUpdateWithChanges,
     onColumnDelete = _ref.onColumnDelete,
     rowSelection = _ref.rowSelection,
     sortedInfo = _ref.sortedInfo,
@@ -600,7 +679,7 @@ var useColumns = function useColumns(_ref) {
       isEnabled: isReorderEnabled,
       columns: columns,
       setColumns: setColumns,
-      onColumnUpdate: onColumnUpdate,
+      onColumnUpdateWithChanges: onColumnUpdateWithChanges,
       rowSelection: rowSelection
     }),
     dragProps = _useReorderColumns.dragProps;
@@ -629,6 +708,7 @@ var useColumns = function useColumns(_ref) {
       isColumnFreezeEnabled: isColumnFreezeEnabled,
       onColumnAdd: onColumnAdd,
       onColumnUpdate: onColumnUpdate,
+      onColumnUpdateWithChanges: onColumnUpdateWithChanges,
       onColumnDelete: onColumnDelete,
       handleSort: handleSort,
       sortedInfo: sortedInfo,
@@ -676,7 +756,7 @@ var useScroll = function useScroll(_ref) {
       observer.disconnect();
     }
   }, [resizeObserver.current, fixedHeight, enableColumnReorder]);
-  var _useRestoreScrollPosi = useRestoreScrollPosition.useRestoreScrollPosition({
+  var _useRestoreScrollPosi = DatePicker.useRestoreScrollPosition({
       tableRef: tableRef,
       scrollRef: scrollRef,
       loading: loading
@@ -688,7 +768,7 @@ var useScroll = function useScroll(_ref) {
     if (shouldShowSelectAllRowsCallout || shouldShowAllRowsSelectedCallout) {
       selectAllRowsCalloutHeight = getSelectAllRowsCalloutHeight();
     }
-    return containerHeight - headerHeight - (isPaginationVisible ? useRestoreScrollPosition.TABLE_PAGINATION_HEIGHT : 0) - selectAllRowsCalloutHeight;
+    return containerHeight - headerHeight - (isPaginationVisible ? DatePicker.TABLE_PAGINATION_HEIGHT : 0) - selectAllRowsCalloutHeight;
   };
   return {
     tableRef: tableRef,
@@ -716,7 +796,7 @@ var useTableSort = function useTableSort() {
   var handleTableChange = function handleTableChange(pagination, sorter) {
     var params = {
       sort_by: sorter.order ? getSortField(sorter.field) : undefined,
-      order_by: useRestoreScrollPosition.URL_SORT_ORDERS[sorter.order],
+      order_by: DatePicker.URL_SORT_ORDERS[sorter.order],
       page: pagination.current
     };
     var pathname = window.location.pathname;
@@ -765,7 +845,7 @@ var useVirtualScroll = function useVirtualScroll(_ref) {
       selectAllRowsCalloutHeight = getSelectAllRowsCalloutHeight();
     }
     var containerHeight = window.innerHeight - containerRect.top;
-    return containerHeight - headerHeight - (isPaginationVisible ? useRestoreScrollPosition.TABLE_PAGINATION_HEIGHT : 0) - selectAllRowsCalloutHeight;
+    return containerHeight - headerHeight - (isPaginationVisible ? DatePicker.TABLE_PAGINATION_HEIGHT : 0) - selectAllRowsCalloutHeight;
   };
   return {
     tableRef: null,
@@ -824,8 +904,7 @@ var Table = function Table(_ref) {
     shouldDynamicallyRenderRowSize = _ref$shouldDynamicall === void 0 ? false : _ref$shouldDynamicall,
     _ref$bordered = _ref.bordered,
     bordered = _ref$bordered === void 0 ? true : _ref$bordered,
-    _ref$onColumnUpdate = _ref.onColumnUpdate,
-    onColumnUpdate = _ref$onColumnUpdate === void 0 ? index.noop : _ref$onColumnUpdate,
+    onColumnUpdate = _ref.onColumnUpdate,
     _ref$components = _ref.components,
     components = _ref$components === void 0 ? {} : _ref$components,
     onColumnHide = _ref.onColumnHide,
@@ -841,7 +920,7 @@ var Table = function Table(_ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = reactI18next.useTranslation(),
     i18n = _useTranslation.i18n;
-  var _useState = React.useState(useRestoreScrollPosition.TABLE_DEFAULT_HEADER_HEIGHT),
+  var _useState = React.useState(DatePicker.TABLE_DEFAULT_HEADER_HEIGHT),
     _useState2 = _slicedToArray(_useState, 2),
     headerHeight = _useState2[0],
     setHeaderHeight = _useState2[1];
@@ -868,10 +947,10 @@ var Table = function Table(_ref) {
   var headerRef = React.useRef();
   var tableOnChangeProps = React.useRef({});
   useTimeout(function () {
-    var headerHeight = headerRef.current ? headerRef.current.offsetHeight : useRestoreScrollPosition.TABLE_DEFAULT_HEADER_HEIGHT;
+    var headerHeight = headerRef.current ? headerRef.current.offsetHeight : DatePicker.TABLE_DEFAULT_HEADER_HEIGHT;
     setHeaderHeight(headerHeight);
   }, 10);
-  var handleColumnUpdateWithChanges = function handleColumnUpdateWithChanges(updatedColumns) {
+  var onColumnUpdateWithChanges = function onColumnUpdateWithChanges(updatedColumns) {
     var newChanges = {};
     updatedColumns.forEach(function (col) {
       var originalCol = columnData.find(function (c) {
@@ -888,7 +967,7 @@ var Table = function Table(_ref) {
     setColumnChanges(function (prev) {
       return _objectSpread(_objectSpread({}, prev), newChanges);
     });
-    onColumnUpdate(updatedColumns);
+    onColumnUpdate === null || onColumnUpdate === void 0 ? void 0 : onColumnUpdate(updatedColumns);
   };
   var _useColumns = useColumns({
       isReorderEnabled: enableColumnReorder,
@@ -899,7 +978,8 @@ var Table = function Table(_ref) {
       columns: columns,
       columnData: columnData,
       setColumns: setColumns,
-      onColumnUpdate: handleColumnUpdateWithChanges,
+      onColumnUpdate: onColumnUpdate,
+      onColumnUpdateWithChanges: onColumnUpdateWithChanges,
       rowSelection: rowSelection,
       sortedInfo: sortedInfo,
       setSortedInfo: setSortedInfo,
@@ -919,7 +999,7 @@ var Table = function Table(_ref) {
     var _queryParams$sort_by;
     return neetoCist.modifyBy({
       dataIndex: neetoCist.snakeToCamelCase((_queryParams$sort_by = queryParams.sort_by) !== null && _queryParams$sort_by !== void 0 ? _queryParams$sort_by : "")
-    }, ramda.assoc("sortOrder", useRestoreScrollPosition.TABLE_SORT_ORDERS[queryParams.order_by]), columnData);
+    }, ramda.assoc("sortOrder", DatePicker.TABLE_SORT_ORDERS[queryParams.order_by]), columnData);
   };
   var sortedColumns = isDefaultPageChangeHandler ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
   var locale = {
@@ -1140,7 +1220,9 @@ var Table = function Table(_ref) {
             }
           };
         }
-      }, otherProps))]
+      }, otherProps)), /*#__PURE__*/jsxRuntime.jsx(DatePicker.TableInfoPane, {
+        onColumnUpdate: onColumnUpdate
+      })]
     });
   };
   var renderTableVirtual = function renderTableVirtual() {