@bigbinary/neetoui 6.1.2 → 6.2.0

package/index.d.ts

@@ -270,10 +270,11 @@ export interface DropdownProps {
   [key: string]: any;
 }
 
-export interface MenuItemProps extends React.DetailedHTMLProps<
-  React.LiHTMLAttributes<HTMLLIElement>,
-  HTMLLIElement
-> {
+export interface MenuItemProps
+  extends React.DetailedHTMLProps<
+    React.LiHTMLAttributes<HTMLLIElement>,
+    HTMLLIElement
+  > {
   tooltipProps?: TooltipProps;
 }
 
@@ -425,6 +426,7 @@ export interface TableProps {
   onColumnDelete?: (key: string) => void;
   preserveTableStateInQuery?: boolean;
   onColumnHide?: (columnKey: string) => void;
+  onMoreActionClick?: (actionType: string, column: any) => void;
   [key: string]: any;
 }
 

package/index.js

@@ -1,6 +1,6 @@
 import * as React$3 from 'react';
 import React__default, { createContext, useLayoutEffect, useEffect, useContext, useRef, useInsertionEffect as useInsertionEffect$1, useCallback, useMemo, forwardRef as forwardRef$1, createElement, useId as useId$1, useState, cloneElement as cloneElement$1, Children, isValidElement, useSyncExternalStore, Fragment, Component, memo as memo$1 } from 'react';
-import { isEmpty, equals, complement, toPairs, pipe as pipe$1, omit, isNil, mergeLeft, replace as replace$2, assoc, pluck, prop, flatten, move, props } from 'ramda';
+import { isEmpty, equals, complement, toPairs, pipe as pipe$1, omit, isNil, mergeLeft, replace as replace$2, assoc, pluck, prop, flatten, move, has as has$b, props } from 'ramda';
 import { Right, Down, Close, Info, Focus, Left, Calendar, Check, UpArrow, DownArrow, MenuHorizontal, Clock as Clock$1, CheckCircle, Warning, CloseCircle } from '@bigbinary/neeto-icons';
 import { preprocessForSerialization, isPresent, _existsBy, noop as noop$5, camelToSnakeCase, modifyBy, snakeToCamelCase, dynamicArray } from '@bigbinary/neeto-cist';
 import require$$0 from 'util';
@@ -33091,6 +33091,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
     handleSort = _ref.handleSort,
     sortedInfo = _ref.sortedInfo,
     onColumnHide = _ref.onColumnHide,
+    onMoreActionClick = _ref.onMoreActionClick,
     tableOnChangeProps = _ref.tableOnChangeProps;
   var handleResize = function handleResize(index) {
     return function (_, _ref2) {
@@ -33116,6 +33117,7 @@ var useResizableColumns = function useResizableColumns(_ref) {
             onSort: handleSort,
             sortedInfo: sortedInfo,
             onColumnHide: onColumnHide,
+            onMoreActionClick: onMoreActionClick,
             isAddEnabled: isAddEnabled && !col.fixed,
             onAddColumn: function onAddColumn(positionOffset) {
               return onColumnAdd(index + positionOffset);
@@ -33123,13 +33125,14 @@ var useResizableColumns = function useResizableColumns(_ref) {
             onColumnDelete: onColumnDelete,
             isHidable: col.isHidable,
             isDeletable: col.isDeletable,
+            moreActions: col.moreActions,
             column: col
           };
         },
         sortIcon: SortIcon,
         sortOrder: sortedInfo.field === col.dataIndex || sortedInfo.field === col.key ? sortedInfo.order : null
       });
-      if (!col.ellipsis) {
+      if (!has$b("ellipsis", col)) {
         modifiedColumn.ellipsis = true;
       }
       return modifiedColumn;
@@ -33155,6 +33158,7 @@ var useColumns = function useColumns(_ref) {
     sortedInfo = _ref.sortedInfo,
     setSortedInfo = _ref.setSortedInfo,
     onColumnHide = _ref.onColumnHide,
+    onMoreActionClick = _ref.onMoreActionClick,
     onTableChange = _ref.onTableChange,
     tableOnChangeProps = _ref.tableOnChangeProps,
     handleTableSortChange = _ref.handleTableSortChange,
@@ -33193,6 +33197,7 @@ var useColumns = function useColumns(_ref) {
       handleSort: handleSort,
       sortedInfo: sortedInfo,
       onColumnHide: onColumnHide,
+      onMoreActionClick: onMoreActionClick,
       tableOnChangeProps: tableOnChangeProps
     }),
     computedColumnsData = _useResizableColumns.columns;
@@ -33233,8 +33238,12 @@ var HeaderCellMenu = function HeaderCellMenu(_ref) {
     onColumnHide = _ref.onColumnHide,
     onAddColumn = _ref.onAddColumn,
     onColumnDelete = _ref.onColumnDelete,
+    hasMoreActions = _ref.hasMoreActions,
+    onMoreActionClick = _ref.onMoreActionClick,
     _ref$columnTitle = _ref.columnTitle,
-    columnTitle = _ref$columnTitle === void 0 ? null : _ref$columnTitle;
+    columnTitle = _ref$columnTitle === void 0 ? null : _ref$columnTitle,
+    _ref$moreActions = _ref.moreActions,
+    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions;
   var columnInfoButtonReference = useRef();
   return /*#__PURE__*/React__default.createElement("div", {
     onClick: function onClick(event) {
@@ -33299,7 +33308,7 @@ var HeaderCellMenu = function HeaderCellMenu(_ref) {
     className: "cursor-auto",
     hideOnClick: false,
     interactiveDebounce: 20,
-    offset: [0, 0],
+    offset: [0, 15],
     position: "right",
     reference: columnInfoButtonReference,
     strategy: "fixed"
@@ -33316,10 +33325,17 @@ var HeaderCellMenu = function HeaderCellMenu(_ref) {
     onClick: function onClick() {
       return onColumnDelete(column.id);
     }
-  }, "Delete column"))));
+  }, "Delete column"), hasMoreActions && moreActions.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+      key: index,
+      onClick: function onClick() {
+        return onMoreActionClick(item.type, column);
+      }
+    }, item.label);
+  }))));
 };
 
-var _excluded$b = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "onColumnHide", "onAddColumn", "onColumnDelete", "column"];
+var _excluded$b = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "onColumnHide", "onAddColumn", "onColumnDelete", "onMoreActionClick", "column", "moreActions"];
 var CellContent = function CellContent(_ref) {
   var children = _ref.children,
     isSortable = _ref.isSortable,
@@ -33333,11 +33349,15 @@ var CellContent = function CellContent(_ref) {
     onColumnHide = _ref.onColumnHide,
     onAddColumn = _ref.onAddColumn,
     onColumnDelete = _ref.onColumnDelete,
+    onMoreActionClick = _ref.onMoreActionClick,
     column = _ref.column,
+    _ref$moreActions = _ref.moreActions,
+    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions,
     headerProps = _objectWithoutProperties$1(_ref, _excluded$b);
   var isColumnHidable = isHidable && isPresent(onColumnHide);
   var isColumnDeletable = isDeletable && isPresent(onColumnDelete);
-  var hasMoreMenu = isSortable || isPresent(column === null || column === void 0 ? void 0 : column.description) || isColumnHidable || isAddEnabled;
+  var hasMoreActions = !isEmpty(moreActions) && isPresent(onMoreActionClick);
+  var hasMoreMenu = isSortable || isPresent(column === null || column === void 0 ? void 0 : column.description) || isColumnHidable || isAddEnabled || hasMoreActions;
   return /*#__PURE__*/React__default.createElement("th", _extends$4({}, headerProps, {
     title: "",
     onClick: isSortable ? noop$5 : headerProps.onClick
@@ -33347,12 +33367,15 @@ var CellContent = function CellContent(_ref) {
     className: "min-w-0 flex-grow"
   }, children), hasMoreMenu && /*#__PURE__*/React__default.createElement(HeaderCellMenu, {
     column: column,
+    hasMoreActions: hasMoreActions,
     isAddEnabled: isAddEnabled,
     isColumnDeletable: isColumnDeletable,
     isSortable: isSortable,
+    moreActions: moreActions,
     onAddColumn: onAddColumn,
     onColumnDelete: onColumnDelete,
     onColumnHide: onColumnHide,
+    onMoreActionClick: onMoreActionClick,
     onSort: onSort,
     sortedInfo: sortedInfo,
     columnTitle: headerProps.title,
@@ -35794,7 +35817,7 @@ var getHeaderCell = function getHeaderCell(_ref) {
   };
 };
 
-var _excluded$5 = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "enableAddColumn", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "onColumnHide", "onColumnAdd", "onColumnDelete", "onChange"];
+var _excluded$5 = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "enableAddColumn", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "onColumnHide", "onColumnAdd", "onColumnDelete", "onChange", "onMoreActionClick"];
 function ownKeys$6(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$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TABLE_PAGINATION_HEIGHT = 64;
@@ -35848,6 +35871,7 @@ var Table = function Table(_ref) {
     onColumnAdd = _ref$onColumnAdd === void 0 ? noop$3 : _ref$onColumnAdd,
     onColumnDelete = _ref.onColumnDelete,
     onChange = _ref.onChange,
+    onMoreActionClick = _ref.onMoreActionClick,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$5);
   var _useState = useState(null),
     _useState2 = _slicedToArray$3(_useState, 2),
@@ -35901,6 +35925,7 @@ var Table = function Table(_ref) {
       sortedInfo: sortedInfo,
       setSortedInfo: setSortedInfo,
       onColumnHide: onColumnHide,
+      onMoreActionClick: onMoreActionClick,
       onColumnAdd: onColumnAdd,
       onColumnDelete: onColumnDelete,
       tableOnChangeProps: tableOnChangeProps,