@bigbinary/neetoui 8.3.43 → 8.3.44

package/dist/cjs/{index-CHSpscO7.js → index-i_QMY9OC.js}

@@ -9,13 +9,13 @@ var Clock = require('@bigbinary/neeto-icons/Clock');
 var reactI18next = require('react-i18next');
 require('./Accordion.js');
 require('./ActionDropdown.js');
-require('./Button.js');
+var Button = require('./Button.js');
 require('./Modal.js');
 var Typography = require('./Typography.js');
 var jsxRuntime = require('react/jsx-runtime');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 require('avvvatars-react');
-require('ramda');
+var ramda = require('ramda');
 require('@tippyjs/react');
 require('tippy.js');
 require('./Callout.js');
@@ -26,9 +26,9 @@ require('@babel/runtime/regenerator');
 require('@bigbinary/neeto-icons/Down');
 require('@bigbinary/neeto-icons/ColorPicker');
 require('react-colorful');
-require('./useRecentlyUsedColors-Cfbf5D9L.js');
-require('./Dropdown.js');
-var index = require('./index-CcLewRhe.js');
+require('./useRecentlyUsedColors-CThW5BOM.js');
+var Dropdown = require('./Dropdown.js');
+var index = require('./index-BlcVTw2b.js');
 var _DatePicker = require('antd/lib/date-picker');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Left = require('@bigbinary/neeto-icons/Left');
@@ -43,8 +43,8 @@ var useId = require('./useId-DXHUzdxd.js');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 require('qs');
-var Textarea = require('./Textarea-BF9uNO2J.js');
-require('./Pane.js');
+var Textarea = require('./Textarea-DzetFleJ.js');
+var Pane = require('./Pane.js');
 require('./Popover.js');
 require('framer-motion');
 require('./Radio.js');
@@ -68,12 +68,19 @@ require('antd/locale/pt_PT');
 require('./Switch.js');
 require('./Tab.js');
 require('antd/lib/table');
-require('@bigbinary/neeto-icons/MenuHorizontal');
+var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
 require('react-drag-listview');
 require('@bigbinary/neeto-icons/DownArrow');
 require('@bigbinary/neeto-icons/UpArrow');
-require('@bigbinary/neeto-icons/InfoRound');
-require('./useRestoreScrollPosition-6TwcjUT5.js');
+var InfoRound = require('@bigbinary/neeto-icons/InfoRound');
+var Check = require('@bigbinary/neeto-icons/Check');
+var Ascending = require('@bigbinary/neeto-icons/Ascending');
+var Descending = require('@bigbinary/neeto-icons/Descending');
+var Pin = require('@bigbinary/neeto-icons/Pin');
+var ColumnToLeft = require('@bigbinary/neeto-icons/ColumnToLeft');
+var ColumnToRight = require('@bigbinary/neeto-icons/ColumnToRight');
+var Hide = require('@bigbinary/neeto-icons/Hide');
+var zustand = require('zustand');
 require('react-resizable');
 var Tag = require('./Tag.js');
 var constants = require('./constants.js');
@@ -83,6 +90,24 @@ require('antd/lib/tree');
 require('./TreeSelect.js');
 var Select = require('./Select.js');
 
+var useFuncDebounce = function useFuncDebounce(func) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
+  var timer = React.useRef(null);
+  var debouncedFunc = function debouncedFunc() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    clearTimeout(timer.current);
+    timer.current = setTimeout(function () {
+      return func.apply(void 0, args);
+    }, delay);
+  };
+  debouncedFunc.cancel = function () {
+    return clearTimeout(timer.current);
+  };
+  return debouncedFunc;
+};
+
 var IconOverride = function IconOverride(_ref) {
   var Icon = _ref.icon;
   return /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -94,8 +119,8 @@ var IconOverride = function IconOverride(_ref) {
   });
 };
 
-function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Provider = function Provider(_ref) {
   var children = _ref.children;
   var _useTranslation = reactI18next.useTranslation(),
@@ -103,7 +128,7 @@ var Provider = function Provider(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx(_ConfigProvider, {
     locale: constants.ANTD_LOCALE[i18n.language || "en"],
     theme: {
-      token: _objectSpread$2({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+      token: _objectSpread$3({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
       components: {
         DatePicker: {
           activeBg: "rgb(var(--neeto-ui-white))",
@@ -234,9 +259,9 @@ var TimezoneSelect = function TimezoneSelect(_ref) {
   });
 };
 
-var _excluded$1 = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "placeholder", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required", "allowClear", "maxDate", "minDate", "timePickerProps", "timezone", "onTimezoneChange", "onOpenChange", "onKeyDown"];
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$2 = ["className", "label", "size", "dropdownClassName", "popupClassName", "dateFormat", "timeFormat", "placeholder", "onChange", "onOk", "picker", "showTime", "type", "nakedInput", "error", "defaultValue", "value", "labelProps", "required", "allowClear", "maxDate", "minDate", "timePickerProps", "timezone", "onTimezoneChange", "onOpenChange", "onKeyDown"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var INPUT_SIZES$1 = {
   medium: "medium"};
 var RangePicker$1 = _DatePicker.RangePicker;
@@ -289,7 +314,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onTimezoneChange = _ref.onTimezoneChange,
     onOpenChange = _ref.onOpenChange,
     onKeyDown = _ref.onKeyDown,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+    otherProps = _objectWithoutProperties(_ref, _excluded$2);
   var _useState = React.useState(inputValue),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -361,16 +386,16 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/jsxRuntime.jsx(Provider, {
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-ui-input__wrapper",
-      children: [label && /*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$1(_objectSpread$1({}, _objectSpread$1({
+      children: [label && /*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
         required: required
       }, labelProps)), {}, {
         children: label
-      })), /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$1(_objectSpread$1({
+      })), /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$2(_objectSpread$2({
         "data-cy": label ? "".concat(index.hyphenize(label), "-input") : "picker-input",
         defaultValue: index.convertToDayjsObjects(defaultValue),
         placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : format,
         ref: datePickerRef,
-        showTime: showTime && _objectSpread$1({
+        showTime: showTime && _objectSpread$2({
           format: timeFormat
         }, timePickerProps),
         value: index.convertToDayjsObjects(value),
@@ -389,7 +414,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         onChange: handleOnChange,
         onKeyDown: handleOnKeyDown,
         onOpenChange: handleOnOpenChange
-      }, _objectSpread$1(_objectSpread$1({
+      }, _objectSpread$2(_objectSpread$2({
         format: format,
         maxDate: maxDate,
         minDate: minDate,
@@ -440,6 +465,341 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 DatePicker.displayName = "DatePicker";
 
+var URL_SORT_ORDERS = {
+  ascend: "asc",
+  descend: "desc"
+};
+var TABLE_SORT_ORDERS = {
+  asc: "ascend",
+  desc: "descend"
+};
+var COLUMN_ADD_DIRECTION = {
+  left: 0,
+  right: 1
+};
+var SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT = 57;
+var SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT = 78;
+var COLUMN_FIXED_VALUES = {
+  LEFT: "left"};
+var TABLE_PAGINATION_HEIGHT = 64;
+var TABLE_DEFAULT_HEADER_HEIGHT = 40;
+var TABLE_ROW_HEIGHT = 52;
+
+var useTableStore = zustand.create(function (set) {
+  return {
+    infoPaneState: {
+      isOpen: false,
+      column: null
+    },
+    setInfoPaneState: function setInfoPaneState(state) {
+      return set({
+        infoPaneState: state
+      });
+    }
+  };
+});
+
+var _excluded$1 = ["isActive", "icon", "label"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
+var ActionItem = function ActionItem(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+    Icon = _ref.icon,
+    label = _ref.label,
+    rest = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/jsxRuntime.jsxs(MenuItem.Button, _objectSpread$1(_objectSpread$1({
+    className: "neeto-ui-flex neeto-ui-items-center neeto-ui-justify-between"
+  }, rest), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-3",
+      children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
+        className: "neeto-ui-text-gray-500",
+        size: 18
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        children: label
+      })]
+    }), isActive && /*#__PURE__*/jsxRuntime.jsx(Check, {
+      className: "neeto-ui-text-success-500",
+      size: 20
+    })]
+  }));
+};
+
+// eslint-disable-next-line @bigbinary/neeto/no-dumb-components-with-use-translation
+var HeaderCellMenu = function HeaderCellMenu(_ref2) {
+  var onSort = _ref2.onSort,
+    _ref2$column = _ref2.column,
+    column = _ref2$column === void 0 ? {} : _ref2$column,
+    sortedInfo = _ref2.sortedInfo,
+    isSortable = _ref2.isSortable,
+    isAddEnabled = _ref2.isAddEnabled,
+    isFixedColumn = _ref2.isFixedColumn,
+    isColumnDeletable = _ref2.isColumnDeletable,
+    isColumnFreezeEnabled = _ref2.isColumnFreezeEnabled,
+    isHidable = _ref2.isHidable,
+    onColumnHide = _ref2.onColumnHide,
+    isMoveToLeftEnabled = _ref2.isMoveToLeftEnabled,
+    isMoveToRightEnabled = _ref2.isMoveToRightEnabled,
+    onAddColumn = _ref2.onAddColumn,
+    onColumnUpdate = _ref2.onColumnUpdate,
+    onColumnDelete = _ref2.onColumnDelete,
+    onColumnFreeze = _ref2.onColumnFreeze,
+    hasMoreActions = _ref2.hasMoreActions,
+    onMoreActionClick = _ref2.onMoreActionClick,
+    _ref2$moreActions = _ref2.moreActions,
+    moreActions = _ref2$moreActions === void 0 ? [] : _ref2$moreActions;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var setInfoPaneState = useTableStore(ramda.prop("setInfoPaneState"));
+  var onMoveColumn = function onMoveColumn(offset) {
+    if (!onColumnUpdate) return;
+    onColumnUpdate(function (columns) {
+      var index = neetoCist.findIndexBy({
+        key: column.key
+      }, columns);
+      var isValid = index + offset >= 0 && index + offset < columns.length;
+      if (!isValid) return columns;
+      return ramda.move(index, index + offset, columns);
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
+      appendTo: function appendTo() {
+        return document.body;
+      },
+      className: "neeto-ui-flex",
+      icon: MenuHorizontal,
+      position: "bottom",
+      strategy: "fixed",
+      zIndex: 99999,
+      buttonProps: {
+        className: "neeto-ui-min-h-0 neeto-ui-flex-shrink-0",
+        style: "text",
+        size: "medium",
+        "data-testid": "column-menu-button",
+        "data-cy": "column-menu-button",
+        "data-dropdown-button-style": "more-dropdown"
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
+        className: "neeto-ui-cursor-auto",
+        onMouseDown: function onMouseDown(event) {
+          return event.preventDefault();
+        },
+        children: [isSortable && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+            "data-cy": "ascending-column-menu-button",
+            icon: Ascending,
+            label: index.getLocale(i18n, t, "neetoui.table.ascending"),
+            isActive: sortedInfo.order === TABLE_SORT_ORDERS.asc && ramda.equals(sortedInfo.field, column.dataIndex),
+            onClick: function onClick() {
+              return onSort({
+                column: column,
+                columnKey: column.key,
+                field: column.dataIndex || column.key,
+                order: TABLE_SORT_ORDERS.asc
+              });
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+            "data-cy": "descending-column-menu-button",
+            icon: Descending,
+            label: index.getLocale(i18n, t, "neetoui.table.descending"),
+            isActive: sortedInfo.order === TABLE_SORT_ORDERS.desc && ramda.equals(sortedInfo.field, column.dataIndex),
+            onClick: function onClick() {
+              return onSort({
+                column: column,
+                columnKey: column.key,
+                field: column.dataIndex,
+                order: TABLE_SORT_ORDERS.desc
+              });
+            }
+          })]
+        }), isAddEnabled && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+            "data-cy": "insert-right-column-menu-button",
+            label: index.getLocale(i18n, t, "neetoui.table.insertColRight"),
+            onClick: function onClick() {
+              return onAddColumn(COLUMN_ADD_DIRECTION.right);
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+            "data-cy": "insert-left-column-menu-button",
+            label: index.getLocale(i18n, t, "neetoui.table.insertColLeft"),
+            onClick: function onClick() {
+              return onAddColumn(COLUMN_ADD_DIRECTION.left);
+            }
+          })]
+        }), isHidable && /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+          icon: Hide,
+          label: index.getLocale(i18n, t, "neetoui.table.hideColumn"),
+          onClick: function onClick() {
+            return onColumnHide(column);
+          }
+        }), isColumnDeletable && /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+          "data-cy": "delete-column-menu-button",
+          label: index.getLocale(i18n, t, "neetoui.table.deleteColumn"),
+          onClick: function onClick() {
+            return onColumnDelete(column.id);
+          }
+        }), isColumnFreezeEnabled && /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+          "data-cy": "freeze-unfreeze-column-menu-button",
+          icon: Pin,
+          label: isFixedColumn ? index.getLocale(i18n, t, "neetoui.table.unFreezeColumn") : index.getLocale(i18n, t, "neetoui.table.freezeColumn"),
+          onClick: function onClick() {
+            return onColumnFreeze(isFixedColumn, column);
+          }
+        }), neetoCist.isPresent(onColumnUpdate) && /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+          icon: InfoRound,
+          label: index.getLocale(i18n, t, "neetoui.table.editColumnInfo"),
+          onClick: function onClick() {
+            setInfoPaneState({
+              isOpen: true,
+              column: column
+            });
+          }
+        }), neetoCist.isPresent(onColumnUpdate) && isMoveToLeftEnabled && /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+          icon: ColumnToLeft,
+          label: index.getLocale(i18n, t, "neetoui.table.moveColumnLeft"),
+          onClick: function onClick() {
+            return onMoveColumn(-1);
+          }
+        }), neetoCist.isPresent(onColumnUpdate) && isMoveToRightEnabled && /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+          icon: ColumnToRight,
+          label: index.getLocale(i18n, t, "neetoui.table.moveColumnRight"),
+          onClick: function onClick() {
+            return onMoveColumn(1);
+          }
+        }), hasMoreActions && moreActions.map(function (item, index$1) {
+          return /*#__PURE__*/jsxRuntime.jsx(ActionItem, {
+            "data-cy": "".concat(index.hyphenize(item.label), "-column-menu-button"),
+            icon: item.icon,
+            label: item.label,
+            onClick: function onClick() {
+              return onMoreActionClick(item.type, column);
+            }
+          }, index$1);
+        })]
+      })
+    })
+  });
+};
+var HeaderCellMenu$1 = /*#__PURE__*/React.memo(HeaderCellMenu);
+
+var useScrollStore = zustand.create(function (set) {
+  return {
+    scrollPositions: {},
+    setScrollPosition: function setScrollPosition(key, position) {
+      return set(ramda.assocPath(["scrollPositions", key], position));
+    }
+  };
+});
+var useRestoreScrollPosition = function useRestoreScrollPosition(_ref) {
+  var tableRef = _ref.tableRef,
+    scrollRef = _ref.scrollRef,
+    loading = _ref.loading;
+  var key = window.location.pathname;
+  var scrollPositions = useScrollStore(ramda.prop("scrollPositions"));
+  var setScrollPosition = useScrollStore(ramda.prop("setScrollPosition"));
+  React.useEffect(function () {
+    if (loading) {
+      setScrollPosition(key, 0);
+      return;
+    }
+    if (scrollRef.current === null || !scrollPositions[key]) return;
+    setTimeout(function () {
+      var _scrollRef$current;
+      var position = scrollPositions[key];
+      (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo({
+        top: position
+      });
+    });
+  }, [key, tableRef, loading]);
+  var handleScroll = useFuncDebounce(function (event) {
+    setScrollPosition(key, parseInt(event.target.scrollTop));
+  });
+  return {
+    handleScroll: handleScroll
+  };
+};
+
+var pickStore = ramda.pick(["infoPaneState", "setInfoPaneState"]);
+var TableInfoPane = function TableInfoPane(_ref) {
+  var onColumnUpdate = _ref.onColumnUpdate;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t,
+    i18n = _useTranslation.i18n;
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    description = _useState2[0],
+    setDescription = _useState2[1];
+  var _useTableStore = useTableStore(pickStore),
+    infoPaneState = _useTableStore.infoPaneState,
+    setInfoPaneState = _useTableStore.setInfoPaneState;
+  var isOpen = infoPaneState.isOpen,
+    column = infoPaneState.column;
+  var onUpdateColumn = function onUpdateColumn(changes) {
+    if (!column) return;
+    var modifyColumn = ramda.mergeLeft(changes);
+    var modifyColumns = neetoCist.modifyBy({
+      key: column.key
+    }, modifyColumn);
+    onColumnUpdate(modifyColumns);
+  };
+  var onClose = function onClose() {
+    setInfoPaneState({
+      isOpen: false,
+      column: null
+    });
+  };
+  var onSubmit = function onSubmit() {
+    onUpdateColumn({
+      description: description
+    });
+    onClose();
+  };
+  React.useEffect(function () {
+    if (!isOpen) return undefined;
+    setDescription((column === null || column === void 0 ? void 0 : column.description) || "");
+    return function () {
+      setDescription("");
+    };
+  }, [isOpen]);
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
+    onClose: onClose,
+    isOpen: infoPaneState.isOpen,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h3",
+        children: column === null || column === void 0 ? void 0 : column.title
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Textarea.Textarea, {
+        className: "neeto-ui-w-full",
+        label: index.getLocale(i18n, t, "neetoui.common.description"),
+        value: description,
+        onChange: function onChange(e) {
+          return setDescription(e.target.value);
+        }
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Footer, {
+      className: "neeto-ui-flex neeto-ui-justify-between",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+        style: "secondary",
+        onClick: onClose,
+        children: index.getLocale(i18n, t, "neetoui.actionBlock.cancel")
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+        onClick: onSubmit,
+        children: index.getLocale(i18n, t, "neetoui.actionBlock.saveChanges")
+      })]
+    })]
+  });
+};
+
 var RangePicker = _DatePicker.RangePicker;
 var TIME_PICKER_TYPES = {
   range: RangePicker,
@@ -605,6 +965,17 @@ var TimePicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 TimePicker.displayName = "TimePicker";
 
+exports.COLUMN_FIXED_VALUES = COLUMN_FIXED_VALUES;
 exports.DatePicker = DatePicker;
+exports.HeaderCellMenu = HeaderCellMenu$1;
+exports.SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT = SELECT_ALL_ROWS_CALLOUT_DESKTOP_HEIGHT;
+exports.SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT = SELECT_ALL_ROWS_CALLOUT_MOBILE_HEIGHT;
+exports.TABLE_DEFAULT_HEADER_HEIGHT = TABLE_DEFAULT_HEADER_HEIGHT;
+exports.TABLE_PAGINATION_HEIGHT = TABLE_PAGINATION_HEIGHT;
+exports.TABLE_ROW_HEIGHT = TABLE_ROW_HEIGHT;
+exports.TABLE_SORT_ORDERS = TABLE_SORT_ORDERS;
+exports.TableInfoPane = TableInfoPane;
 exports.TimePicker = TimePicker;
-//# sourceMappingURL=index-CHSpscO7.js.map
+exports.URL_SORT_ORDERS = URL_SORT_ORDERS;
+exports.useRestoreScrollPosition = useRestoreScrollPosition;
+//# sourceMappingURL=index-i_QMY9OC.js.map