@almadar/ui 5.11.0 → 5.12.0

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.
@@ -33031,10 +33031,13 @@ function TableView({
33031
33031
  }
33032
33032
  const lk = LOOKS[look];
33033
33033
  const hasActions = Boolean(itemActions && itemActions.length > 0);
33034
+ const inlineActionCount = hasActions ? maxInlineActions != null ? Math.min(itemActions.length, maxInlineActions) : itemActions.length : 0;
33035
+ const hasOverflowActions = hasActions && maxInlineActions != null && itemActions.length > maxInlineActions;
33036
+ const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
33034
33037
  const gridTemplateColumns = [
33035
33038
  selectable ? "auto" : null,
33036
33039
  ...colDefs.map((c) => c.width ?? "minmax(0, 1fr)"),
33037
- hasActions ? "auto" : null
33040
+ actionsTrack
33038
33041
  ].filter(Boolean).join(" ");
33039
33042
  const header = /* @__PURE__ */ jsxRuntime.jsxs(
33040
33043
  Box,
@@ -33121,7 +33124,7 @@ function TableView({
33121
33124
  }
33122
33125
  return /* @__PURE__ */ jsxRuntime.jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
33123
33126
  }),
33124
- itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
33127
+ itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "justify-end flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
33125
33128
  (maxInlineActions != null ? itemActions.slice(0, maxInlineActions) : itemActions).map((action, i) => /* @__PURE__ */ jsxRuntime.jsxs(
33126
33129
  Button,
33127
33130
  {
package/dist/avl/index.js CHANGED
@@ -32982,10 +32982,13 @@ function TableView({
32982
32982
  }
32983
32983
  const lk = LOOKS[look];
32984
32984
  const hasActions = Boolean(itemActions && itemActions.length > 0);
32985
+ const inlineActionCount = hasActions ? maxInlineActions != null ? Math.min(itemActions.length, maxInlineActions) : itemActions.length : 0;
32986
+ const hasOverflowActions = hasActions && maxInlineActions != null && itemActions.length > maxInlineActions;
32987
+ const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
32985
32988
  const gridTemplateColumns = [
32986
32989
  selectable ? "auto" : null,
32987
32990
  ...colDefs.map((c) => c.width ?? "minmax(0, 1fr)"),
32988
- hasActions ? "auto" : null
32991
+ actionsTrack
32989
32992
  ].filter(Boolean).join(" ");
32990
32993
  const header = /* @__PURE__ */ jsxs(
32991
32994
  Box,
@@ -33072,7 +33075,7 @@ function TableView({
33072
33075
  }
33073
33076
  return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
33074
33077
  }),
33075
- itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
33078
+ itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "justify-end flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
33076
33079
  (maxInlineActions != null ? itemActions.slice(0, maxInlineActions) : itemActions).map((action, i) => /* @__PURE__ */ jsxs(
33077
33080
  Button,
33078
33081
  {
@@ -28490,10 +28490,13 @@ function TableView({
28490
28490
  }
28491
28491
  const lk = LOOKS[look];
28492
28492
  const hasActions = Boolean(itemActions && itemActions.length > 0);
28493
+ const inlineActionCount = hasActions ? maxInlineActions != null ? Math.min(itemActions.length, maxInlineActions) : itemActions.length : 0;
28494
+ const hasOverflowActions = hasActions && maxInlineActions != null && itemActions.length > maxInlineActions;
28495
+ const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
28493
28496
  const gridTemplateColumns = [
28494
28497
  selectable ? "auto" : null,
28495
28498
  ...colDefs.map((c) => c.width ?? "minmax(0, 1fr)"),
28496
- hasActions ? "auto" : null
28499
+ actionsTrack
28497
28500
  ].filter(Boolean).join(" ");
28498
28501
  const header = /* @__PURE__ */ jsxRuntime.jsxs(
28499
28502
  exports.Box,
@@ -28580,7 +28583,7 @@ function TableView({
28580
28583
  }
28581
28584
  return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
28582
28585
  }),
28583
- itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
28586
+ itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "justify-end flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
28584
28587
  (maxInlineActions != null ? itemActions.slice(0, maxInlineActions) : itemActions).map((action, i) => /* @__PURE__ */ jsxRuntime.jsxs(
28585
28588
  exports.Button,
28586
28589
  {
@@ -28441,10 +28441,13 @@ function TableView({
28441
28441
  }
28442
28442
  const lk = LOOKS[look];
28443
28443
  const hasActions = Boolean(itemActions && itemActions.length > 0);
28444
+ const inlineActionCount = hasActions ? maxInlineActions != null ? Math.min(itemActions.length, maxInlineActions) : itemActions.length : 0;
28445
+ const hasOverflowActions = hasActions && maxInlineActions != null && itemActions.length > maxInlineActions;
28446
+ const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
28444
28447
  const gridTemplateColumns = [
28445
28448
  selectable ? "auto" : null,
28446
28449
  ...colDefs.map((c) => c.width ?? "minmax(0, 1fr)"),
28447
- hasActions ? "auto" : null
28450
+ actionsTrack
28448
28451
  ].filter(Boolean).join(" ");
28449
28452
  const header = /* @__PURE__ */ jsxs(
28450
28453
  Box,
@@ -28531,7 +28534,7 @@ function TableView({
28531
28534
  }
28532
28535
  return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
28533
28536
  }),
28534
- itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
28537
+ itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "justify-end flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
28535
28538
  (maxInlineActions != null ? itemActions.slice(0, maxInlineActions) : itemActions).map((action, i) => /* @__PURE__ */ jsxs(
28536
28539
  Button,
28537
28540
  {
@@ -29443,10 +29443,13 @@ function TableView({
29443
29443
  }
29444
29444
  const lk = LOOKS[look];
29445
29445
  const hasActions = Boolean(itemActions && itemActions.length > 0);
29446
+ const inlineActionCount = hasActions ? maxInlineActions != null ? Math.min(itemActions.length, maxInlineActions) : itemActions.length : 0;
29447
+ const hasOverflowActions = hasActions && maxInlineActions != null && itemActions.length > maxInlineActions;
29448
+ const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
29446
29449
  const gridTemplateColumns = [
29447
29450
  selectable ? "auto" : null,
29448
29451
  ...colDefs.map((c) => c.width ?? "minmax(0, 1fr)"),
29449
- hasActions ? "auto" : null
29452
+ actionsTrack
29450
29453
  ].filter(Boolean).join(" ");
29451
29454
  const header = /* @__PURE__ */ jsxRuntime.jsxs(
29452
29455
  Box,
@@ -29533,7 +29536,7 @@ function TableView({
29533
29536
  }
29534
29537
  return /* @__PURE__ */ jsxRuntime.jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
29535
29538
  }),
29536
- itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
29539
+ itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "justify-end flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
29537
29540
  (maxInlineActions != null ? itemActions.slice(0, maxInlineActions) : itemActions).map((action, i) => /* @__PURE__ */ jsxRuntime.jsxs(
29538
29541
  Button,
29539
29542
  {
@@ -29394,10 +29394,13 @@ function TableView({
29394
29394
  }
29395
29395
  const lk = LOOKS[look];
29396
29396
  const hasActions = Boolean(itemActions && itemActions.length > 0);
29397
+ const inlineActionCount = hasActions ? maxInlineActions != null ? Math.min(itemActions.length, maxInlineActions) : itemActions.length : 0;
29398
+ const hasOverflowActions = hasActions && maxInlineActions != null && itemActions.length > maxInlineActions;
29399
+ const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
29397
29400
  const gridTemplateColumns = [
29398
29401
  selectable ? "auto" : null,
29399
29402
  ...colDefs.map((c) => c.width ?? "minmax(0, 1fr)"),
29400
- hasActions ? "auto" : null
29403
+ actionsTrack
29401
29404
  ].filter(Boolean).join(" ");
29402
29405
  const header = /* @__PURE__ */ jsxs(
29403
29406
  Box,
@@ -29484,7 +29487,7 @@ function TableView({
29484
29487
  }
29485
29488
  return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
29486
29489
  }),
29487
- itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
29490
+ itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "justify-end flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
29488
29491
  (maxInlineActions != null ? itemActions.slice(0, maxInlineActions) : itemActions).map((action, i) => /* @__PURE__ */ jsxs(
29489
29492
  Button,
29490
29493
  {
@@ -29148,10 +29148,13 @@ function TableView({
29148
29148
  }
29149
29149
  const lk = LOOKS[look];
29150
29150
  const hasActions = Boolean(itemActions && itemActions.length > 0);
29151
+ const inlineActionCount = hasActions ? maxInlineActions != null ? Math.min(itemActions.length, maxInlineActions) : itemActions.length : 0;
29152
+ const hasOverflowActions = hasActions && maxInlineActions != null && itemActions.length > maxInlineActions;
29153
+ const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
29151
29154
  const gridTemplateColumns = [
29152
29155
  selectable ? "auto" : null,
29153
29156
  ...colDefs.map((c) => c.width ?? "minmax(0, 1fr)"),
29154
- hasActions ? "auto" : null
29157
+ actionsTrack
29155
29158
  ].filter(Boolean).join(" ");
29156
29159
  const header = /* @__PURE__ */ jsxRuntime.jsxs(
29157
29160
  Box,
@@ -29238,7 +29241,7 @@ function TableView({
29238
29241
  }
29239
29242
  return /* @__PURE__ */ jsxRuntime.jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
29240
29243
  }),
29241
- itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
29244
+ itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "justify-end flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
29242
29245
  (maxInlineActions != null ? itemActions.slice(0, maxInlineActions) : itemActions).map((action, i) => /* @__PURE__ */ jsxRuntime.jsxs(
29243
29246
  Button,
29244
29247
  {
@@ -29099,10 +29099,13 @@ function TableView({
29099
29099
  }
29100
29100
  const lk = LOOKS[look];
29101
29101
  const hasActions = Boolean(itemActions && itemActions.length > 0);
29102
+ const inlineActionCount = hasActions ? maxInlineActions != null ? Math.min(itemActions.length, maxInlineActions) : itemActions.length : 0;
29103
+ const hasOverflowActions = hasActions && maxInlineActions != null && itemActions.length > maxInlineActions;
29104
+ const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
29102
29105
  const gridTemplateColumns = [
29103
29106
  selectable ? "auto" : null,
29104
29107
  ...colDefs.map((c) => c.width ?? "minmax(0, 1fr)"),
29105
- hasActions ? "auto" : null
29108
+ actionsTrack
29106
29109
  ].filter(Boolean).join(" ");
29107
29110
  const header = /* @__PURE__ */ jsxs(
29108
29111
  Box,
@@ -29189,7 +29192,7 @@ function TableView({
29189
29192
  }
29190
29193
  return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx("span", { className: "truncate", children: formatCell(raw, col.format) }) }, col.key);
29191
29194
  }),
29192
- itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
29195
+ itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "justify-end flex-shrink-0 opacity-60 group-hover:opacity-100 transition-opacity", children: [
29193
29196
  (maxInlineActions != null ? itemActions.slice(0, maxInlineActions) : itemActions).map((action, i) => /* @__PURE__ */ jsxs(
29194
29197
  Button,
29195
29198
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/ui",
3
- "version": "5.11.0",
3
+ "version": "5.12.0",
4
4
  "description": "React UI components, hooks, and providers for Almadar",
5
5
  "type": "module",
6
6
  "sideEffects": [