nntc-ui 0.0.58 → 0.0.59

package/{chunk-3HESG6EU.js → chunk-64SOJQ5A.js}

@@ -92,13 +92,31 @@ var FileUploadIcon = (props) => /* @__PURE__ */ jsx17(Icon, { ...props, children
 
 // src/icons/FilterIcon.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
-var FilterIcon = (props) => /* @__PURE__ */ jsx18(Icon, { ...props, children: /* @__PURE__ */ jsx18("path", { d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" }) });
+var FilterIcon = (props) => /* @__PURE__ */ jsx18(Icon, { ...props, children: /* @__PURE__ */ jsx18(
+  "path",
+  {
+    d: `M4.24993 5.61C6.26993 8.2 9.99993 13 9.99993 13V19C9.99993 19.55 10.4499
+      20 10.9999 20H12.9999C13.5499 20 13.9999 19.55 13.9999 19V13C13.9999 13 17.7199 8.2
+      19.7399 5.61C20.2499 4.95 19.7799 4 18.9499 4H5.03993C4.20993 4 3.73993 4.95 4.24993 5.61Z`
+  }
+) });
 
 // src/icons/FilterClearIcon.tsx
 import { jsx as jsx19, jsxs } from "react/jsx-runtime";
 var FilterClearIcon = (props) => /* @__PURE__ */ jsxs(Icon, { ...props, children: [
-  /* @__PURE__ */ jsx19("path", { d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z" }),
-  /* @__PURE__ */ jsx19("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+  /* @__PURE__ */ jsx19("g", { "clip-path": "url(#clip0_851_25267)", children: /* @__PURE__ */ jsx19(
+    "path",
+    {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: `M7.00015 4L3.46792 0.467773L2.05371 1.88199L4.4002 4.22847C4.01467 4.55071 3.89485 5.1506 4.24984
+          5.61C6.26984 8.2 9.99984 13 9.99984 13V19C9.99984 19.55 10.4498 20 10.9998 20H12.9998C13.5498 20
+          13.9998 19.55 13.9998 19V13.8281L18.9708 18.7991L20.385 17.3849L20.3849 17.3847L14.8734 11.8733L7.00015
+          4ZM16.1091 10.2805C17.2922 8.75591 18.7289 6.90619 19.7398 5.61C20.2498 4.95 19.7798 4 18.9498
+          4H9.82861L16.1091 10.2805Z`
+    }
+  ) }),
+  /* @__PURE__ */ jsx19("defs", { children: /* @__PURE__ */ jsx19("clipPath", { id: "clip0_851_25267", children: /* @__PURE__ */ jsx19("rect", { width: "24", height: "24", fill: "white" }) }) })
 ] });
 
 // src/icons/InfoIcon.tsx
@@ -144,11 +162,11 @@ var SettingsIcon = (props) => /* @__PURE__ */ jsx26(Icon, { ...props, children:
 
 // src/icons/SortDownIcon.tsx
 import { jsx as jsx27 } from "react/jsx-runtime";
-var SortDownIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("path", { d: "M7 10l5 5 5-5z" }) });
+var SortDownIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 18V16H21V18H3ZM3 6H9V8H3V6ZM15 11H3V13H15V11Z" }) });
 
 // src/icons/SortUpIcon.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
-var SortUpIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { d: "M7 14l5-5 5 5z" }) });
+var SortUpIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 6V8H21V6H3ZM3 18H9V16H3V18ZM15 13H3V11H15V13Z" }) });
 
 // src/icons/TableChartIcon.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";

package/icons/index.js

@@ -37,7 +37,7 @@ import {
   UploadIcon,
   VisibilityIcon,
   WellIcon
-} from "../chunk-3HESG6EU.js";
+} from "../chunk-64SOJQ5A.js";
 export {
   AddIcon,
   AlertIcon,

package/index.js

@@ -16,7 +16,7 @@ import {
   SortDownIcon,
   SortUpIcon,
   __export
-} from "./chunk-3HESG6EU.js";
+} from "./chunk-64SOJQ5A.js";
 
 // src/components/common/Button/Button.tsx
 import classnames from "classnames";
@@ -3100,7 +3100,9 @@ function HeaderDropdown(props) {
       return newResult;
     });
   };
-  const hasAnyFilter = Object.keys(filterSelectedItems).length || sortBy.some((sb) => sb.columnName === headerResultName);
+  const hasAnyFilter = Object.keys(filterSelectedItems).length;
+  const sortUp = sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "desc");
+  const sortDown = sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "asc");
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs18("div", { className: classnames21(root18), children: [
     additionalContent?.(headerResultName),
@@ -3133,14 +3135,14 @@ function HeaderDropdown(props) {
                 {
                   type: "item",
                   name: t("\u041F\u043E \u0432\u043E\u0437\u0440\u0430\u0441\u0442\u0430\u043D\u0438\u044E"),
-                  icon: /* @__PURE__ */ jsx33(SortUpIcon, {}),
+                  icon: /* @__PURE__ */ jsx33(SortDownIcon, {}),
                   selected: sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "asc"),
                   onClick: handleSortClick("asc")
                 },
                 {
                   type: "item",
                   name: t("\u041F\u043E \u0443\u0431\u044B\u0432\u0430\u043D\u0438\u044E"),
-                  icon: /* @__PURE__ */ jsx33(SortDownIcon, {}),
+                  icon: /* @__PURE__ */ jsx33(SortUpIcon, {}),
                   selected: sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "desc"),
                   onClick: handleSortClick("desc")
                 }
@@ -3153,8 +3155,8 @@ function HeaderDropdown(props) {
           {
             size: "small",
             variant: "text",
-            textSecondary: true,
-            icon: hasAnyFilter ? /* @__PURE__ */ jsx33(FilterIcon, {}) : /* @__PURE__ */ jsx33(ArrowDropDownIcon, {})
+            textSecondary: !hasAnyFilter && !sortUp && !sortDown,
+            icon: hasAnyFilter ? /* @__PURE__ */ jsx33(FilterIcon, {}) : sortUp ? /* @__PURE__ */ jsx33(SortUpIcon, {}) : sortDown ? /* @__PURE__ */ jsx33(SortDownIcon, {}) : /* @__PURE__ */ jsx33(ArrowDropDownIcon, {})
           }
         ) })
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nntc-ui",
-  "version": "0.0.58",
+  "version": "0.0.59",
   "author": "NNTC",
   "description": "React UI-kit for NNTC",
   "type": "module",