@reportportal/ui-kit 0.0.1-alpha.65 → 0.0.1-alpha.67

package/dist/components/table/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ASC = "asc";
+export declare const DESC = "desc";

package/dist/components/table/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ASC, DESC } from './constants';
 
 export interface Column {
     key: string;
@@ -27,13 +28,10 @@ export interface RowData {
     rowConfigs?: RowConfigs;
     metaData?: MetaData;
 }
-export declare enum SortDirection {
-    ASC = "asc",
-    DESC = "desc"
-}
+export type SortingDirection = typeof ASC | typeof DESC | Uppercase<typeof ASC | typeof DESC>;
 export interface SortConfig {
     key: string;
-    direction: SortDirection;
+    direction: SortingDirection;
 }
 export interface TableComponentProps {
     data: RowData[];
@@ -45,7 +43,7 @@ export interface TableComponentProps {
     headerClassName?: string;
     rowClassName?: string;
     selectedRowIds?: (string | number)[];
-    sortingDirection?: SortDirection;
+    sortingDirection?: SortingDirection;
     sortingColumn?: Column;
     sortableColumns?: string[];
     onChangeSorting?: (sortConfig?: SortConfig) => void;

package/dist/components/table/utils.d.ts

@@ -1,4 +1,6 @@
-import { Column, RowData, SortConfig } from './types';
+import { Column, RowData, SortConfig, SortingDirection } from './types';
 
+export declare const isAsc: (direction: SortingDirection) => boolean;
 export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
 export declare const getColumnsKeys: (columns: Column[]) => string[];
+export declare const toggleDirection: (direction: SortingDirection) => "desc" | "asc";

package/dist/index.js

@@ -15,7 +15,7 @@ import { R as q } from "./radio-bccc84f2.js";
 import { Tooltip as K } from "./tooltip.js";
 import { Popover as V } from "./popover.js";
 import { P as X } from "./pagination-91729c7d.js";
-import { T as Z } from "./table-32fc8c70.js";
+import { T as Z } from "./table-02e40724.js";
 import { D as $ } from "./datePicker-06e90999.js";
 import "react-datepicker";
 import { SystemAlert as ro } from "./systemAlert.js";

package/dist/modal.js

@@ -41,12 +41,12 @@ const Q = () => {
       N,
       {
         variant: "ghost",
-        adjustWidthOn: s === "small" ? "parent" : "content",
+        adjustWidthOn: s === "small" ? "parent" : "min-width",
         onClick: n,
         ...r
       }
     ) }),
-    l && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(N, { adjustWidthOn: s === "small" ? "parent" : "content", ...l }) })
+    l && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(N, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...l }) })
   ] })
 ] }), ne = {
   "modal-header": "_modal-header_68lru_1",

package/dist/{table-32fc8c70.js → table-02e40724.js}

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { useState as S, useMemo as G } from "react";
+import { useState as g, useMemo as G } from "react";
 import { c as J } from "./bind-06a7ff84.js";
 import { a as f, S as K } from "./arrowUp-4a5caee7.js";
 import { C as x } from "./checkbox-9a6c7ce1.js";
@@ -20,82 +20,80 @@ const O = "_table_kha9s_1", P = "_label_kha9s_87", Q = {
   "sortable-cell": "_sortable-cell_kha9s_91",
   "align-right": "_align-right_kha9s_94",
   "align-center": "_align-center_kha9s_100"
-};
-var k = /* @__PURE__ */ ((c) => (c.ASC = "asc", c.DESC = "desc", c))(k || {});
-const V = (c) => c.map((t) => t.key), a = J.bind(Q), ee = ({
+}, z = "asc", V = (c) => c.toLowerCase() === z, W = (c) => c.map((t) => t.key), a = J.bind(Q), ae = ({
   data: c,
   primaryColumn: t,
   fixedColumns: h,
   renderRowActions: i,
-  className: z = "",
-  rowClassName: M = "",
+  className: M = "",
+  rowClassName: S = "",
   headerClassName: m = "",
-  selectable: y = !1,
+  selectable: k = !1,
   selectedRowIds: d = [],
-  sortingDirection: v = k.ASC,
+  sortingDirection: y = z,
   sortingColumn: r = t,
-  sortableColumns: _ = V([t, ...h]),
+  sortableColumns: o = W([t, ...h]),
   onChangeSorting: u = () => {
   },
   onToggleRowSelection: A = () => {
   },
-  onToggleAllRowsSelection: E = () => {
+  onToggleAllRowsSelection: L = () => {
   }
 }) => {
-  const [C, p] = S(null), [L, N] = S(null), w = G(() => [{ ...t, primary: !0 }, ...h], [t, h]), j = (e) => {
-    _.includes(e) && u({ key: e, direction: v });
-  }, g = (e) => ({
+  const [E, v] = g(null), [j, p] = g(null), N = G(() => [{ ...t, primary: !0 }, ...h], [t, h]), C = (e) => {
+    o.includes(e) && u({ key: e, direction: y });
+  }, w = (e) => ({
     width: e.width,
     textAlign: e.align
   }), H = (e) => {
-    p(e);
+    v(e);
   }, T = () => {
-    p(null);
+    v(null);
   }, $ = (e) => {
-    N(e);
+    p(e);
   }, D = () => {
-    N(null);
+    p(null);
   }, R = (e) => {
     A(e);
   }, U = () => {
-    E();
-  }, q = c.every((e) => d.includes(e.id)), o = c.some((e) => d.includes(e.id)), B = (e) => {
+    L();
+  }, q = c.every((e) => d.includes(e.id)), _ = c.some((e) => d.includes(e.id)), B = (e) => {
     var s;
     return `size-${((s = e.rowConfigs) == null ? void 0 : s.size) ?? "default"}`;
   }, F = (e) => {
-    if (_.includes(e))
-      return (r == null ? void 0 : r.key) === e ? v === k.ASC ? /* @__PURE__ */ l(f, {}) : /* @__PURE__ */ l(K, {}) : /* @__PURE__ */ l(f, {});
+    if (o.includes(e))
+      return (r == null ? void 0 : r.key) === e ? V(y) ? /* @__PURE__ */ l(f, {}) : /* @__PURE__ */ l(K, {}) : /* @__PURE__ */ l(f, {});
   };
-  return /* @__PURE__ */ n("div", { className: a("table", z), children: [
+  return /* @__PURE__ */ n("div", { className: a("table", M), children: [
     /* @__PURE__ */ n("div", { className: a("table-header", m), children: [
-      y && /* @__PURE__ */ l("div", { className: a("table-header-cell", "checkbox-cell"), children: o && /* @__PURE__ */ l(
+      k && /* @__PURE__ */ l("div", { className: a("table-header-cell", "checkbox-cell"), children: _ && /* @__PURE__ */ l(
         x,
         {
           value: q,
-          partiallyChecked: o,
+          partiallyChecked: _,
           onChange: U,
           className: a("checkbox-cell")
         }
       ) }),
-      w.map((e) => /* @__PURE__ */ l(
+      N.map((e) => /* @__PURE__ */ l(
         "button",
         {
           className: a("table-header-cell", {
             [`align-${e.align}`]: "align" in e,
             "primary-cell": "primary" in e && e.primary,
-            "sortable-cell": _.includes(e.key)
+            "sortable-cell": o.includes(e.key)
           }),
-          style: g(e),
+          style: w(e),
           children: /* @__PURE__ */ n(
             "div",
             {
               className: a("label"),
-              onClick: () => j(e.key),
+              onClick: () => C(e.key),
               onMouseEnter: () => H(e.key),
               onMouseLeave: T,
               children: [
                 /* @__PURE__ */ l("span", { children: e.header }),
-                (C === e.key || (r == null ? void 0 : r.key) === e.key) && F(e.key)
+                (E === e.key || (r == null ? void 0 : r.key) === e.key) && F(e.key)
               ]
             }
           )
@@ -107,11 +105,11 @@ const V = (c) => c.map((t) => t.key), a = J.bind(Q), ee = ({
     /* @__PURE__ */ l("div", { className: a("table-body"), children: c.map((e, b) => /* @__PURE__ */ n(
       "div",
       {
-        className: a("table-row", B(e), M),
+        className: a("table-row", B(e), S),
         onMouseEnter: () => $(b),
         onMouseLeave: D,
         children: [
-          y && /* @__PURE__ */ l("div", { className: a("table-cell", "checkbox-cell"), children: (o || L === b) && /* @__PURE__ */ l(
+          k && /* @__PURE__ */ l("div", { className: a("table-cell", "checkbox-cell"), children: (_ || j === b) && /* @__PURE__ */ l(
             x,
             {
               value: d.includes(e.id),
@@ -120,13 +118,13 @@ const V = (c) => c.map((t) => t.key), a = J.bind(Q), ee = ({
             }
           ) }),
           /* @__PURE__ */ n("div", { className: a("table-row-content"), children: [
-            w.map((s) => /* @__PURE__ */ l(
+            N.map((s) => /* @__PURE__ */ l(
               "div",
               {
                 className: a("table-cell", {
                   "primary-cell": "primary" in s && s.primary
                 }),
-                style: g(s),
+                style: w(s),
                 children: e[s.key].component || e[s.key].content || e[s.key]
               },
               s.key
@@ -140,5 +138,5 @@ const V = (c) => c.map((t) => t.key), a = J.bind(Q), ee = ({
   ] });
 };
 export {
-  ee as T
+  ae as T
 };

package/dist/table.js

@@ -1,4 +1,4 @@
-import { T as r } from "./table-32fc8c70.js";
+import { T as r } from "./table-02e40724.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.65",
+  "version": "0.0.1-alpha.67",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {