@vygruppen/spor-react 12.23.0 → 12.24.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.23.0 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.24.0 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,17 +11,17 @@ CLI Cleaning output folder
 ESM Build start
 CJS Build start
 DTS Build start
+ESM dist/index.mjs           330.53 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs           330.04 KB
+ESM dist/index.mjs.map       700.07 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM dist/index.mjs.map       699.16 KB
-ESM ⚡️ Build success in 2774ms
-CJS dist/index.cjs           353.93 KB
+ESM ⚡️ Build success in 2926ms
+CJS dist/index.cjs           354.42 KB
 CJS dist/icons/index.cjs     381.00 B
-CJS dist/index.cjs.map       699.16 KB
+CJS dist/index.cjs.map       700.07 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS ⚡️ Build success in 2775ms
-DTS ⚡️ Build success in 21345ms
+CJS ⚡️ Build success in 2927ms
+DTS ⚡️ Build success in 22676ms
 DTS dist/icons/index.d.ts  44.00 B
 DTS dist/index.d.ts        147.69 KB
 DTS dist/icons/index.d.cts 44.00 B

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@12.23.0 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.24.0 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-[dotenv@17.2.3] injecting env (0) from .env -- tip: 🔄 add secrets lifecycle management: https://dotenvx.com/ops
+[dotenv@17.2.3] injecting env (0) from .env -- tip: ⚙️  override existing env vars with { override: true }
 ┌  Chakra CLI ⚡️
 [?25l│
 ◒  Generating conditions types...

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @vygruppen/spor-react
 
+## 12.24.0
+
+### Minor Changes
+
+- 5afeedd: Updated the Table sortable styling
+
+### Patch Changes
+
+- @vygruppen/spor-icon-react@4.5.1
+
 ## 12.23.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -6281,11 +6281,13 @@ var TabsList = react.Tabs.List;
 var TabsTrigger = react.Tabs.Trigger;
 var TabsIndicator = react.Tabs.Indicator;
 var TabsContent = react.Tabs.Content;
-var getNextSortState = (current, key, columnIndex) => ({
-  key,
-  columnIndex,
-  direction: current.key === key && current.direction === "asc" ? "desc" : "asc"
-});
+var getNextSortState = (current, key, columnIndex) => {
+  if (current.key !== key)
+    return { key, columnIndex, direction: "asc" };
+  if (current.direction === "asc")
+    return { key, columnIndex, direction: "desc" };
+  return { key: null, direction: "asc", columnIndex: null };
+};
 var getSortKey = (children) => typeof children === "string" ? children.trim() : null;
 var getColumnIndex = (element) => {
   var _a5;
@@ -6357,28 +6359,35 @@ var Table = React20.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableColumnHeader = React20.forwardRef(({ children, onClick, ...rest }, ref) => {
+var TableColumnHeader = React20.forwardRef(({ children, ...rest }, ref) => {
   const { enabled, sortState, onSort } = useTableSort();
   const key = getSortKey(children);
-  const isActive = enabled && key != null && key === sortState.key;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Table.ColumnHeader,
-    {
-      ref,
-      onClick: (event) => {
-        if (enabled && key) {
-          onSort(key, getColumnIndex(event.currentTarget));
-        }
-        onClick == null ? void 0 : onClick(event);
-      },
-      cursor: enabled && key ? "pointer" : void 0,
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { children: [
-        children,
-        isActive && (sortState.direction === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.DropdownUpFill18Icon, {}) : /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.DropdownDownFill18Icon, {}))
-      ] })
-    }
-  );
+  const props = rest;
+  const columnSortable = enabled && key != null && !("data-nosort" in props);
+  const isActive = columnSortable && key === sortState.key;
+  return /* @__PURE__ */ jsxRuntime.jsx(react.Table.ColumnHeader, { ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsxs(react.HStack, { children: [
+    children,
+    columnSortable && /* @__PURE__ */ jsxRuntime.jsx(
+      react.Button,
+      {
+        variant: "ghost",
+        onClick: (event) => {
+          const th = event.currentTarget.closest("th");
+          if (th)
+            onSort(key, getColumnIndex(th));
+        },
+        p: "0px !important",
+        size: "xs",
+        children: isActive ? sortState.direction === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.ArrowUpFill18Icon, { color: "outline.focus" }) : /* @__PURE__ */ jsxRuntime.jsx(spor_icon_react_star.ArrowDownFill18Icon, { color: "outline.focus" }) : /* @__PURE__ */ jsxRuntime.jsx(
+          spor_icon_react_star.ChangeDirectionFill18Icon,
+          {
+            transform: "rotate(90deg)",
+            color: "icon.disabled"
+          }
+        )
+      }
+    )
+  ] }) });
 });
 TableColumnHeader.displayName = "ColumnHeader";
 var TableRow = React20.forwardRef(