@bigbinary/neetoui 8.3.46 → 8.3.48

package/dist/cjs/Slider.js

@@ -15,6 +15,7 @@ require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 var index = require('./index-BlcVTw2b.js');
 require('qs');
+var i18next = require('i18next');
 var jsxRuntime = require('react/jsx-runtime');
 require('antd/locale/de_DE');
 require('antd/locale/en_US');
@@ -72,6 +73,7 @@ var Slider = function Slider(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     i18n = _useTranslation.i18n;
   return /*#__PURE__*/jsxRuntime.jsx(_ConfigProvider, {
+    direction: i18next.dir(),
     locale: constants.ANTD_LOCALE[i18n.language || "en"],
     theme: {
       token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),

package/dist/cjs/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../src/components/Slider/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Slider as AntdSlider, ConfigProvider } from \"antd\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANTD_LOCALE } from \"components/constants\";\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, hyphenize, noop } from \"utils\";\n\nconst Slider = ({\n  min = 0,\n  max = 100,\n  defaultValue = 0,\n  onChange = noop,\n  value = undefined,\n  label,\n  required = false,\n  labelProps = {},\n  error,\n  helpText,\n  ...otherProps\n}) => {\n  const id = useId(otherProps.id);\n  const errorId = `error_${id}`;\n  const helpTextId = `helpText_${id}`;\n\n  const { i18n } = useTranslation();\n\n  return (\n    <ConfigProvider\n      locale={ANTD_LOCALE[i18n.language || \"en\"]}\n      theme={{\n        token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n        components: {\n          Slider: {\n            dotActiveBorderColor: \"rgb(var(--neeto-ui-primary-500))\",\n            dotBorderColor: \"rgb(var(--neeto-ui-gray-500))\",\n            handleActiveColor: \"rgb(var(--neeto-ui-primary-600))\",\n            handleColor: \"rgb(var(--neeto-ui-primary-500))\",\n            railBg: \"rgb(var(--neeto-ui-gray-200))\",\n            railHoverBg: \"rgb(var(--neeto-ui-gray-300))\",\n            trackBg: \"rgb(var(--neeto-ui-primary-500))\",\n            trackBgDisabled: \"rgb(var(--neeto-ui-gray-100))\",\n            trackHoverBg: \"rgb(var(--neeto-ui-primary-600))\",\n\n            // Global overrides\n            colorFillContentHover: \"rgb(var(--neeto-ui-gray-600))\",\n          },\n        },\n      }}\n    >\n      <div className=\"neeto-ui-input__wrapper\">\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-slider-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n        </div>\n        <AntdSlider\n          className=\"neeto-ui-w-full\"\n          tooltip={{ formatter: null }}\n          {...{ defaultValue, max, min, onChange, value, ...otherProps, id }}\n        />\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p\n            className=\"neeto-ui-input__help-text\"\n            data-cy={`${hyphenize(label)}-input-help`}\n            id={helpTextId}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    </ConfigProvider>\n  );\n};\n\nSlider.propTypes = {\n  /**\n   * The minimum value the slider can slide to.\n   */\n  min: PropTypes.number,\n  /**\n   * The maximum value the slider can slide to.\n   */\n  max: PropTypes.number,\n  /**\n   * Callback function that is fired when the user changes the slider's value.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The value of slider. When `range` is false, use number, otherwise, use [number, number]\n   */\n  value: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),\n  /**\n   * The value of slider. When `range` is false, use number, otherwise, use [number, number]\n   *\n   */\n  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),\n};\n\nexport default Slider;\n"],"names":["Slider","_ref","_ref$min","min","_ref$max","max","_ref$defaultValue","defaultValue","_ref$onChange","onChange","noop","_ref$value","value","undefined","label","_ref$required","required","_ref$labelProps","labelProps","error","helpText","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","helpTextId","_useTranslation","useTranslation","i18n","_jsx","_ConfigProvider","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","dotActiveBorderColor","dotBorderColor","handleActiveColor","handleColor","railBg","railHoverBg","trackBg","trackBgDisabled","trackHoverBg","colorFillContentHover","children","_jsxs","className","Label","hyphenize","htmlFor","_Slider","tooltip","formatter"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../src/components/Slider/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Slider as AntdSlider, ConfigProvider } from \"antd\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { ANTD_LOCALE } from \"components/constants\";\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, hyphenize, noop } from \"utils\";\nimport i18next from \"i18next\";\n\nconst Slider = ({\n  min = 0,\n  max = 100,\n  defaultValue = 0,\n  onChange = noop,\n  value = undefined,\n  label,\n  required = false,\n  labelProps = {},\n  error,\n  helpText,\n  ...otherProps\n}) => {\n  const id = useId(otherProps.id);\n  const errorId = `error_${id}`;\n  const helpTextId = `helpText_${id}`;\n\n  const { i18n } = useTranslation();\n\n  return (\n    <ConfigProvider\n      direction={i18next.dir()}\n      locale={ANTD_LOCALE[i18n.language || \"en\"]}\n      theme={{\n        token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n        components: {\n          Slider: {\n            dotActiveBorderColor: \"rgb(var(--neeto-ui-primary-500))\",\n            dotBorderColor: \"rgb(var(--neeto-ui-gray-500))\",\n            handleActiveColor: \"rgb(var(--neeto-ui-primary-600))\",\n            handleColor: \"rgb(var(--neeto-ui-primary-500))\",\n            railBg: \"rgb(var(--neeto-ui-gray-200))\",\n            railHoverBg: \"rgb(var(--neeto-ui-gray-300))\",\n            trackBg: \"rgb(var(--neeto-ui-primary-500))\",\n            trackBgDisabled: \"rgb(var(--neeto-ui-gray-100))\",\n            trackHoverBg: \"rgb(var(--neeto-ui-primary-600))\",\n\n            // Global overrides\n            colorFillContentHover: \"rgb(var(--neeto-ui-gray-600))\",\n          },\n        },\n      }}\n    >\n      <div className=\"neeto-ui-input__wrapper\">\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-slider-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n        </div>\n        <AntdSlider\n          className=\"neeto-ui-w-full\"\n          tooltip={{ formatter: null }}\n          {...{ defaultValue, max, min, onChange, value, ...otherProps, id }}\n        />\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p\n            className=\"neeto-ui-input__help-text\"\n            data-cy={`${hyphenize(label)}-input-help`}\n            id={helpTextId}\n          >\n            {helpText}\n          </p>\n        )}\n      </div>\n    </ConfigProvider>\n  );\n};\n\nSlider.propTypes = {\n  /**\n   * The minimum value the slider can slide to.\n   */\n  min: PropTypes.number,\n  /**\n   * The maximum value the slider can slide to.\n   */\n  max: PropTypes.number,\n  /**\n   * Callback function that is fired when the user changes the slider's value.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The value of slider. When `range` is false, use number, otherwise, use [number, number]\n   */\n  value: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),\n  /**\n   * The value of slider. When `range` is false, use number, otherwise, use [number, number]\n   *\n   */\n  defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.array]),\n};\n\nexport default Slider;\n"],"names":["Slider","_ref","_ref$min","min","_ref$max","max","_ref$defaultValue","defaultValue","_ref$onChange","onChange","noop","_ref$value","value","undefined","label","_ref$required","required","_ref$labelProps","labelProps","error","helpText","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","helpTextId","_useTranslation","useTranslation","i18n","_jsx","_ConfigProvider","direction","i18next","dir","locale","ANTD_LOCALE","language","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","dotActiveBorderColor","dotBorderColor","handleActiveColor","handleColor","railBg","railHoverBg","trackBg","trackBgDisabled","trackHoverBg","colorFillContentHover","children","_jsxs","className","Label","hyphenize","htmlFor","_Slider","tooltip","formatter"],"mappings":"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"}

package/dist/cjs/Table.js

@@ -24,14 +24,14 @@ var Button = require('./Button.js');
 var Callout = require('./Callout.js');
 var Typography = require('./Typography.js');
 var jsxRuntime = require('react/jsx-runtime');
-var DatePicker = require('./index-DaTH8A9e.js');
+var DatePicker = require('./index-DZI1iRpm.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var DownArrow = require('@bigbinary/neeto-icons/DownArrow');
 var UpArrow = require('@bigbinary/neeto-icons/UpArrow');
 var InfoRound = require('@bigbinary/neeto-icons/InfoRound');
 var Popover = require('./Popover.js');
-var reactResizable = require('react-resizable');
 var Spinner = require('./Spinner.js');
+var i18next = require('i18next');
 require('antd/locale/de_DE');
 require('antd/locale/en_US');
 require('antd/locale/es_ES');
@@ -112,8 +112,8 @@ require('@bigbinary/neeto-icons/ColumnToLeft');
 require('@bigbinary/neeto-icons/ColumnToRight');
 require('@bigbinary/neeto-icons/Hide');
 require('zustand');
+require('react-resizable');
 require('./Toastr.js');
-require('i18next');
 require('@bigbinary/neeto-icons/CheckCircle');
 require('@bigbinary/neeto-icons/Warning');
 require('@bigbinary/neeto-icons/Info');
@@ -215,92 +215,7 @@ var useLocalStorage = function useLocalStorage(key, defaultValue) {
   return [storedValue, setValue];
 };
 
-var useReorderColumns = function useReorderColumns(_ref) {
-  var isEnabled = _ref.isEnabled,
-    columns = _ref.columns,
-    setColumns = _ref.setColumns,
-    onColumnUpdateWithChanges = _ref.onColumnUpdateWithChanges,
-    rowSelection = _ref.rowSelection;
-  if (!isEnabled) return {
-    dragProps: {},
-    columns: columns
-  };
-  var isColumnFixed = function isColumnFixed(column) {
-    return !!column.fixed;
-  };
-  var dragProps = {
-    onDragEnd: function onDragEnd(fromIndex, toIndex) {
-      var from = fromIndex;
-      var to = toIndex;
-      if (rowSelection) {
-        from = fromIndex - 1;
-        to = toIndex - 1;
-      }
-      if (!columns[from] || !columns[to]) return;
-      if (isColumnFixed(columns[from]) || isColumnFixed(columns[to])) return;
-      var newColumns = ramda.move(from, to, columns);
-      setColumns(newColumns);
-      onColumnUpdateWithChanges(newColumns);
-    },
-    nodeSelector: "th:not(.ant-table-cell-fix-left):not(.ant-table-cell-scrollbar)",
-    handleSelector: ".drag-handler",
-    ignoreSelector: ".react-resizable-handle"
-  };
-  return {
-    dragProps: dragProps,
-    columns: columns
-  };
-};
-
-var SortIcon = function SortIcon(_ref) {
-  var sortOrder = _ref.sortOrder;
-  if (sortOrder === DatePicker.TABLE_SORT_ORDERS.asc || sortOrder === DatePicker.URL_SORT_ORDERS.ascend) {
-    return /*#__PURE__*/jsxRuntime.jsx(UpArrow, {
-      size: 14
-    });
-  }
-  if (sortOrder === DatePicker.TABLE_SORT_ORDERS.desc || sortOrder === DatePicker.URL_SORT_ORDERS.descend) {
-    return /*#__PURE__*/jsxRuntime.jsx(DownArrow, {
-      size: 14
-    });
-  }
-  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 = React.useRef();
-  return /*#__PURE__*/jsxRuntime.jsxs("span", {
-    className: "neeto-ui-pr-5 relative",
-    children: [typeof title === "function" ? title(rest) : title, description && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "neeto-ui-table__column-title-info-icon",
-        ref: popoverRef,
-        children: /*#__PURE__*/jsxRuntime.jsx(InfoRound, {
-          color: "currentColor",
-          size: 14
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(Popover, {
-        appendTo: function appendTo() {
-          return document.body;
-        },
-        position: "bottom",
-        reference: popoverRef,
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          lineHeight: "normal",
-          style: "body2",
-          children: description
-        })
-      })]
-    })]
-  });
-};
-var TitleWithInfoIcon$1 = /*#__PURE__*/React.memo(TitleWithInfoIcon);
-
-var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "isFixedColumn", "isColumnFreezeEnabled", "isMoveToLeftEnabled", "isMoveToRightEnabled", "onColumnHide", "onColumnUpdate", "onAddColumn", "onColumnDelete", "onColumnFreeze", "onMoreActionClick", "column", "moreActions"];
+var _excluded$5 = ["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) {
@@ -326,7 +241,7 @@ var CellContent = function CellContent(_ref) {
     column = _ref.column,
     _ref$moreActions = _ref.moreActions,
     moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions,
-    headerProps = _objectWithoutProperties(_ref, _excluded$4);
+    headerProps = _objectWithoutProperties(_ref, _excluded$5);
   var isColumnHidable = isHidable && neetoCist.isPresent(onColumnHide);
   var isColumnDeletable = isDeletable && neetoCist.isPresent(onColumnDelete);
   var hasMoreActions = !ramda.isEmpty(moreActions) && neetoCist.isPresent(onMoreActionClick);
@@ -366,7 +281,7 @@ var CellContent = function CellContent(_ref) {
 };
 var CellContent$1 = /*#__PURE__*/React.memo(CellContent);
 
-var _excluded$3 = ["onResize", "width", "onResizeStop", "className"];
+var _excluded$4 = ["onResize", "width", "onResizeStop", "className"];
 function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderCell = function HeaderCell(props) {
@@ -374,13 +289,13 @@ var HeaderCell = function HeaderCell(props) {
     width = props.width,
     onResizeStop = props.onResizeStop,
     className = props.className,
-    restProps = _objectWithoutProperties(props, _excluded$3);
+    restProps = _objectWithoutProperties(props, _excluded$4);
   if (!width) {
     return /*#__PURE__*/jsxRuntime.jsx(CellContent$1, _objectSpread$5(_objectSpread$5({}, restProps), {}, {
       className: classnames(className, "drag-handler")
     }));
   }
-  return /*#__PURE__*/jsxRuntime.jsx(reactResizable.Resizable, {
+  return /*#__PURE__*/jsxRuntime.jsx(DatePicker.Resizable, {
     onResize: onResize,
     onResizeStop: onResizeStop,
     width: width,
@@ -404,7 +319,7 @@ var HeaderCell = function HeaderCell(props) {
 };
 var HeaderCell$1 = /*#__PURE__*/React.memo(HeaderCell);
 
-var _excluded$2 = ["onResize", "width", "onResizeStop", "onResizeStart"];
+var _excluded$3 = ["onResize", "width", "onResizeStop", "onResizeStart"];
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ResizableHeaderCell = function ResizableHeaderCell(props) {
@@ -412,7 +327,7 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
     width = props.width,
     _onResizeStop = props.onResizeStop,
     _onResizeStart = props.onResizeStart,
-    restProps = _objectWithoutProperties(props, _excluded$2);
+    restProps = _objectWithoutProperties(props, _excluded$3);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isResizing = _useState2[0],
@@ -420,7 +335,7 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
   if (!width) {
     return /*#__PURE__*/jsxRuntime.jsx(CellContent$1, _objectSpread$4({}, restProps));
   }
-  return /*#__PURE__*/jsxRuntime.jsx(reactResizable.Resizable, _defineProperty(_defineProperty({
+  return /*#__PURE__*/jsxRuntime.jsx(DatePicker.Resizable, _defineProperty(_defineProperty({
     onResize: onResize,
     onResizeStop: _onResizeStop,
     width: width,
@@ -451,12 +366,12 @@ var ResizableHeaderCell = function ResizableHeaderCell(props) {
 };
 var ResizableHeaderCell$1 = /*#__PURE__*/React.memo(ResizableHeaderCell);
 
-var _excluded$1 = ["className"];
+var _excluded$2 = ["className"];
 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 ReorderableHeaderCell = function ReorderableHeaderCell(_ref) {
   var className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/jsxRuntime.jsx(CellContent$1, _objectSpread$3(_objectSpread$3({}, props), {}, {
     className: classnames(className, "drag-handler")
   }));
@@ -542,6 +457,100 @@ var calculateRowsPerPage = function calculateRowsPerPage() {
   var rowsPerPage = Math.floor((viewportHeight - DatePicker.TABLE_PAGINATION_HEIGHT) / DatePicker.TABLE_ROW_HEIGHT * 3);
   return Math.ceil(rowsPerPage / 10) * 10;
 };
+var filterVisibleColumns = function filterVisibleColumns(columns) {
+  return columns.filter(function (col) {
+    return col.hidden !== true && col.isShown !== false;
+  });
+};
+
+var useReorderColumns = function useReorderColumns(_ref) {
+  var isEnabled = _ref.isEnabled,
+    columns = _ref.columns,
+    setColumns = _ref.setColumns,
+    onColumnUpdateWithChanges = _ref.onColumnUpdateWithChanges,
+    rowSelection = _ref.rowSelection;
+  if (!isEnabled) return {
+    dragProps: {},
+    columns: columns
+  };
+  var isColumnFixed = function isColumnFixed(column) {
+    return !!column.fixed;
+  };
+  var dragProps = {
+    onDragEnd: function onDragEnd(fromIndex, toIndex) {
+      if (rowSelection) {
+        fromIndex--;
+        toIndex--;
+      }
+      if (fromIndex < 0 || toIndex < 0 || fromIndex === toIndex) return;
+      var visibleColumns = filterVisibleColumns(columns);
+      var fromColumn = visibleColumns[fromIndex];
+      var toColumn = visibleColumns[toIndex];
+      if (!fromColumn || !toColumn) return;else if (isColumnFixed(fromColumn) || isColumnFixed(toColumn)) return;
+      var fromColumnActualIndex = columns.indexOf(fromColumn);
+      var toColumnActualIndex = columns.indexOf(toColumn);
+      if (fromColumnActualIndex < 0 || toColumnActualIndex < 0) return;
+      var newColumns = ramda.move(fromColumnActualIndex, toColumnActualIndex, columns);
+      setColumns(newColumns);
+      onColumnUpdateWithChanges(newColumns);
+    },
+    nodeSelector: "th:not(.ant-table-cell-fix-left):not(.ant-table-cell-scrollbar)",
+    handleSelector: ".drag-handler",
+    ignoreSelector: ".react-resizable-handle"
+  };
+  return {
+    dragProps: dragProps,
+    columns: columns
+  };
+};
+
+var SortIcon = function SortIcon(_ref) {
+  var sortOrder = _ref.sortOrder;
+  if (sortOrder === DatePicker.TABLE_SORT_ORDERS.asc || sortOrder === DatePicker.URL_SORT_ORDERS.ascend) {
+    return /*#__PURE__*/jsxRuntime.jsx(UpArrow, {
+      size: 14
+    });
+  }
+  if (sortOrder === DatePicker.TABLE_SORT_ORDERS.desc || sortOrder === DatePicker.URL_SORT_ORDERS.descend) {
+    return /*#__PURE__*/jsxRuntime.jsx(DownArrow, {
+      size: 14
+    });
+  }
+  return null;
+};
+
+var _excluded$1 = ["title", "description"];
+var TitleWithInfoIcon = function TitleWithInfoIcon(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    rest = _objectWithoutProperties(_ref, _excluded$1);
+  var popoverRef = React.useRef();
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
+    className: "neeto-ui-pr-5 relative",
+    children: [typeof title === "function" ? title(rest) : title, description && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "neeto-ui-table__column-title-info-icon",
+        ref: popoverRef,
+        children: /*#__PURE__*/jsxRuntime.jsx(InfoRound, {
+          color: "currentColor",
+          size: 14
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Popover, {
+        appendTo: function appendTo() {
+          return document.body;
+        },
+        position: "bottom",
+        reference: popoverRef,
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          lineHeight: "normal",
+          style: "body2",
+          children: description
+        })
+      })]
+    })]
+  });
+};
+var TitleWithInfoIcon$1 = /*#__PURE__*/React.memo(TitleWithInfoIcon);
 
 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; }
@@ -1113,6 +1122,7 @@ var Table = function Table(_ref) {
   var neetoUIFontBold = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--neeto-ui-font-bold"), 10);
   var renderTable = function renderTable() {
     return /*#__PURE__*/jsxRuntime.jsxs(_ConfigProvider, {
+      direction: i18next.dir(),
       locale: constants.ANTD_LOCALE[i18n.language || "en"],
       theme: {
         token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),