@bigbinary/neetoui 6.3.1 → 6.3.3

package/index.cjs.js

@@ -20869,7 +20869,7 @@ var Label = function Label(_ref) {
     tooltipProps = _ref2.tooltipProps,
     helpIconClassName = _ref2.className,
     otherHelpIconProps = _objectWithoutProperties$1(_ref2, _excluded2$3);
-  var HelpIcon = icon || neetoIcons.Info;
+  var HelpIcon = icon || neetoIcons.Help;
   return /*#__PURE__*/React__default["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["default"].createElement("span", {
@@ -20877,8 +20877,8 @@ var Label = function Label(_ref) {
   }, "*"), helpIconProps && /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends$4({}, tooltipProps, {
     disabled: !tooltipProps
   }), /*#__PURE__*/React__default["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["default"].createElement(HelpIcon, _extends$4({
     size: 16
   }, otherHelpIconProps)))));
@@ -37026,8 +37026,22 @@ var useColumns = function useColumns(_ref) {
   };
 };
 
+var getSortInfoFromQueryParams = function getSortInfoFromQueryParams(queryParams) {
+  var sortedInfo = {};
+  if (neetoCist.isPresent(queryParams.sort_by) && neetoCist.isPresent(queryParams.order_by) && neetoCist.isPresent(TABLE_SORT_ORDERS[queryParams.order_by])) {
+    sortedInfo.field = neetoCist.snakeToCamelCase(queryParams.sort_by);
+    sortedInfo.order = TABLE_SORT_ORDERS[queryParams.order_by];
+  }
+  return sortedInfo;
+};
 var useTableSort = function useTableSort() {
   var queryParams = useQueryParams();
+  var _useState = React$3.useState(function () {
+      return getSortInfoFromQueryParams(queryParams);
+    }),
+    _useState2 = _slicedToArray$3(_useState, 2),
+    sortedInfo = _useState2[0],
+    setSortedInfo = _useState2[1];
   var history = reactRouterDom.useHistory();
   var handleTableChange = function handleTableChange(pagination, sorter) {
     var params = {
@@ -37039,7 +37053,9 @@ var useTableSort = function useTableSort() {
     history.push(buildUrl(pathname, ramda.mergeLeft(params, queryParams)));
   };
   return {
-    handleTableChange: handleTableChange
+    handleTableChange: handleTableChange,
+    sortedInfo: sortedInfo,
+    setSortedInfo: setSortedInfo
   };
 };
 
@@ -39704,10 +39720,10 @@ var Table = function Table(_ref) {
     _useState6 = _slicedToArray$3(_useState5, 2),
     columns = _useState6[0],
     setColumns = _useState6[1];
-  var _useState7 = React$3.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 = reactRouterDom.useHistory();
   var headerRef = React$3.useRef();
@@ -39730,8 +39746,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,