@bigbinary/neetoui 6.3.1 → 6.3.3

package/index.js

@@ -1,8 +1,8 @@
 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, memo as memo$1, Component, Fragment } from 'react';
 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, Clock as Clock$1, Check, UpArrow, DownArrow, MenuHorizontal, CheckCircle, Warning, CloseCircle } from '@bigbinary/neeto-icons';
-import { preprocessForSerialization, isPresent, isNotPresent, _existsBy, noop as noop$5, camelToSnakeCase, modifyBy, snakeToCamelCase, dynamicArray } from '@bigbinary/neeto-cist';
+import { Right, Down, Close, Help, Focus, Left, Calendar, Clock as Clock$1, Check, UpArrow, DownArrow, MenuHorizontal, CheckCircle, Warning, CloseCircle, Info } from '@bigbinary/neeto-icons';
+import { preprocessForSerialization, isPresent, isNotPresent, _existsBy, noop as noop$5, snakeToCamelCase, camelToSnakeCase, modifyBy, dynamicArray } from '@bigbinary/neeto-cist';
 import require$$0 from 'util';
 import { Link, useLocation, useHistory, NavLink } from 'react-router-dom';
 import ReactDOM, { createPortal, findDOMNode as findDOMNode$1 } from 'react-dom';
@@ -20835,7 +20835,7 @@ var Label = function Label(_ref) {
     tooltipProps = _ref2.tooltipProps,
     helpIconClassName = _ref2.className,
     otherHelpIconProps = _objectWithoutProperties$1(_ref2, _excluded2$3);
-  var HelpIcon = icon || Info;
+  var HelpIcon = icon || Help;
   return /*#__PURE__*/React__default.createElement("label", _extends$4({
     className: classnames$1("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
   }, otherProps), children, required && /*#__PURE__*/React__default.createElement("span", {
@@ -20843,8 +20843,8 @@ var Label = function Label(_ref) {
   }, "*"), helpIconProps && /*#__PURE__*/React__default.createElement(Tooltip, _extends$4({}, tooltipProps, {
     disabled: !tooltipProps
   }), /*#__PURE__*/React__default.createElement("span", {
-    className: classnames$1("neeto-ui-label__help-icon-wrap", _defineProperty$7({}, helpIconClassName, helpIconClassName)),
-    onClick: onClick
+    onClick: onClick,
+    className: classnames$1("neeto-ui-label__help-icon-wrap", _defineProperty$7({}, helpIconClassName, helpIconClassName))
   }, /*#__PURE__*/React__default.createElement(HelpIcon, _extends$4({
     size: 16
   }, otherHelpIconProps)))));
@@ -36992,8 +36992,22 @@ 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 () {
+      return getSortInfoFromQueryParams(queryParams);
+    }),
+    _useState2 = _slicedToArray$3(_useState, 2),
+    sortedInfo = _useState2[0],
+    setSortedInfo = _useState2[1];
   var history = useHistory();
   var handleTableChange = function handleTableChange(pagination, sorter) {
     var params = {
@@ -37005,7 +37019,9 @@ var useTableSort = function useTableSort() {
     history.push(buildUrl(pathname, mergeLeft(params, queryParams)));
   };
   return {
-    handleTableChange: handleTableChange
+    handleTableChange: handleTableChange,
+    sortedInfo: sortedInfo,
+    setSortedInfo: setSortedInfo
   };
 };
 
@@ -39670,10 +39686,10 @@ var Table = function Table(_ref) {
     _useState6 = _slicedToArray$3(_useState5, 2),
     columns = _useState6[0],
     setColumns = _useState6[1];
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray$3(_useState7, 2),
-    sortedInfo = _useState8[0],
-    setSortedInfo = _useState8[1];
+  var _useTableSort = useTableSort(),
+    handleTableSortChange = _useTableSort.handleTableChange,
+    sortedInfo = _useTableSort.sortedInfo,
+    setSortedInfo = _useTableSort.setSortedInfo;
   var isDefaultPageChangeHandler = handlePageChange === noop$3;
   var history = useHistory();
   var headerRef = useRef();
@@ -39696,8 +39712,6 @@ var Table = function Table(_ref) {
     var headerHeight = headerRef.current ? headerRef.current.offsetHeight : TABLE_DEFAULT_HEADER_HEIGHT;
     setHeaderHeight(headerHeight);
   }, 10);
-  var _useTableSort = useTableSort(),
-    handleTableSortChange = _useTableSort.handleTableChange;
   var _useColumns = useColumns({
       isReorderEnabled: enableColumnReorder,
       isResizeEnabled: enableColumnResize,