@clickhouse/click-ui 0.0.232 → 0.0.234

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -41413,7 +41413,9 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
41413
41413
  `);
41414
41414
  const HeaderContentWrapper = pt.div.withConfig({
41415
41415
  componentId: "sc-1q458rb-1"
41416
- })(["display:flex;align-items:center;justify-content:start;gap:inherit;"]);
41416
+ })(["display:flex;align-items:center;justify-content:start;gap:inherit;", ""], ({
41417
+ $interactive
41418
+ }) => $interactive && "cursor: pointer;");
41417
41419
  const SortIcon = pt(SvgImage).withConfig({
41418
41420
  componentId: "sc-1q458rb-2"
41419
41421
  })(["transition:all 200ms;transform:rotate(", ");"], ({
@@ -41430,6 +41432,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
41430
41432
  ...delegated
41431
41433
  }) => {
41432
41434
  const isSorted = typeof sortDir === "string";
41435
+ const isInteractive = Boolean(typeof onClick === "function" || isSortable && typeof onSort === "function");
41433
41436
  const onHeaderClick = (e) => {
41434
41437
  if (typeof onClick === "function") {
41435
41438
  onClick(e);
@@ -41438,7 +41441,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
41438
41441
  onSort();
41439
41442
  }
41440
41443
  };
41441
- return /* @__PURE__ */ jsxRuntime.jsx(StyledHeader, { $size: size2, ...delegated, children: /* @__PURE__ */ jsxRuntime.jsxs(HeaderContentWrapper, { onClick: onHeaderClick, children: [
41444
+ return /* @__PURE__ */ jsxRuntime.jsx(StyledHeader, { $size: size2, ...delegated, children: /* @__PURE__ */ jsxRuntime.jsxs(HeaderContentWrapper, { onClick: onHeaderClick, $interactive: isInteractive, children: [
41442
41445
  isSorted && isSortable && sortPosition == "start" && /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { $sortDir: sortDir, name: "arrow-down", size: "sm" }),
41443
41446
  label,
41444
41447
  isSorted && isSortable && sortPosition == "end" && /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { $sortDir: sortDir, name: "arrow-down", size: "sm" })