asma-ui-core 3.27.2 → 3.29.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.
Files changed (9) hide show
  1. package/dist/asma-ui-core.css +1 -1
  2. package/dist/components/custom/module/header-layout/DynamicToolbar.js +156 -154
  3. package/dist/components/custom/module/header-layout/ToolbarRows.js +38 -33
  4. package/dist/components/custom/module/header-layout/estimateToolbarLayout.js +55 -58
  5. package/dist/components/custom/widget/widget-title/StyledWidgetTitle.js +10 -7
  6. package/dist/components/inputs/input-field/StyledInputField.js +21 -14
  7. package/dist/components/navigation/tabs/StyledTab.js +1 -0
  8. package/dist/src/components/custom/widget/widget-title/StyledWidgetTitle.d.ts +5 -1
  9. package/package.json +1 -1
package/dist/components/custom/module/header-layout/DynamicToolbar.js CHANGED
@@ -1,16 +1,16 @@
1
- import { cn as le } from "../../../../helpers/cn.js";
2
- import { useMobileMediaQuery as se } from "../../../../hooks/useMediaQuery.hook.js";
3
- import { DynamicToolbarLayoutContext as ae } from "./DynamicToolbarLayoutContext.js";
4
- import { useElementWidthPx as re } from "../../../../hooks/useElementWidthPx.js";
5
- import { useWidthRegistry as ce } from "../../../../hooks/useWidthRegistry.js";
6
- import { planBulkToolbarActions as de, planToolbarActions as me } from "./planToolbarActions.js";
7
- import { resolveBulkActionsAvailableWidth as he, resolvePageActionsAvailableWidth as ue, resolveReserveBulkActionsWidthPx as fe, resolveTitleAreaWidth as Ae, resolveToolbarLayout as xe } from "./estimateToolbarLayout.js";
8
- import { useToolbarTranslations as ve } from "./useTranslations.js";
9
- import { SearchSlot as be, SelectionIndicator as pe, SelectionRow as we, TitleBlock as X, TitleText as Pe, UtilityCluster as H } from "./ToolbarRows.js";
10
- import { KEY_MORE_BUTTON as Te, KEY_SEARCH as Q, KEY_SELECTION_INDICATOR as We, KEY_TITLE as $, ToolbarMeasurementStrip as Me, actionKey as ye, filterKey as N } from "./ToolbarMeasurement.js";
11
- import { useCallback as Be, useMemo as o } from "react";
12
- import { Fragment as q, jsx as t, jsxs as h } from "react/jsx-runtime";
13
- var ge = 744, Se = 0, _e = 3, ke = [
1
+ import { cn as ae } from "../../../../helpers/cn.js";
2
+ import { useMobileMediaQuery as re } from "../../../../hooks/useMediaQuery.hook.js";
3
+ import { DynamicToolbarLayoutContext as ce } from "./DynamicToolbarLayoutContext.js";
4
+ import { useElementWidthPx as de } from "../../../../hooks/useElementWidthPx.js";
5
+ import { useWidthRegistry as me } from "../../../../hooks/useWidthRegistry.js";
6
+ import { planBulkToolbarActions as he, planToolbarActions as ue } from "./planToolbarActions.js";
7
+ import { resolveBulkActionsAvailableWidth as fe, resolvePageActionsAvailableWidth as Ae, resolveReserveBulkActionsWidthPx as xe, resolveTitleAreaWidth as ve, resolveToolbarLayout as be } from "./estimateToolbarLayout.js";
8
+ import { useToolbarTranslations as pe } from "./useTranslations.js";
9
+ import { SearchSlot as we, SelectionIndicator as Pe, SelectionRow as Te, TitleBlock as H, TitleText as We, UtilityCluster as Q } from "./ToolbarRows.js";
10
+ import { KEY_MORE_BUTTON as Me, KEY_SEARCH as $, KEY_SELECTION_INDICATOR as Be, KEY_TITLE as q, ToolbarMeasurementStrip as ye, actionKey as ge, filterKey as R } from "./ToolbarMeasurement.js";
11
+ import { useCallback as Se, useMemo as o } from "react";
12
+ import { Fragment as z, jsx as t, jsxs as u } from "react/jsx-runtime";
13
+ var G = 744, ke = 0, _e = 2, Ie = [
14
14
  {
15
15
  minWidth: 361,
16
16
  maxVisible: 2
@@ -24,214 +24,216 @@ var ge = 744, Se = 0, _e = 3, ke = [
24
24
  maxVisible: 0
25
25
  }
26
26
  ];
27
- function Ie(B, n) {
28
- const A = ke.find((x) => B >= x.minWidth);
29
- return Math.min(A?.maxVisible ?? 0, n);
27
+ function Ne(g, l) {
28
+ const A = Ie.find((x) => g >= x.minWidth);
29
+ return Math.min(A?.maxVisible ?? 0, l);
30
30
  }
31
- var z = {
31
+ var J = {
32
32
  inlineActions: [],
33
33
  overflowActions: [],
34
34
  showMoreMenu: !1
35
35
  };
36
- function Xe(B) {
37
- const { title: n, helperText: A, beforeFilterActions: x = [], filter: v, search: a, afterSearchActions: E = [], selectedCount: T = 0, onClearSelection: g, bulkActions: r = [], maxVisibleBulkActions: L = _e, locale: G = "en", className: J, style: Z, dataTest: ee = "dynamic-toolbar" } = B, b = ve(G), { ref: te, widthPx: c } = re(), { register: W, widths: l } = ce(), R = se(), p = o(() => Ie(c, L), [c, L]), d = T > 0, C = !d, w = o(() => [...x, ...E], [x, E]), m = Be((e, i) => l[ye(e.id, i)], [l]), s = o(() => ({
38
- titleWidthPx: l[$],
39
- searchWidthPx: l[Q],
40
- filterLabelWidthPx: l[N(!1)],
41
- filterIconWidthPx: l[N(!0)],
42
- selectionIndicatorWidthPx: l[We],
43
- moreButtonWidthPx: l[Te],
44
- actionWidthPx: m
45
- }), [l, m]), S = o(() => fe(Se, r, m, p), [
46
- r,
47
- m,
48
- p
49
- ]), { mode: u, filterIconOnly: P, trailingIconOnly: M } = o(() => xe({
50
- containerWidth: c,
51
- isMobile: R,
52
- isSelectionMode: d,
53
- compactBreakpointPx: ge,
54
- reserveBulkActionsWidthPx: S,
55
- title: n,
36
+ function He(g) {
37
+ const { title: l, helperText: A, beforeFilterActions: x = [], filter: v, search: c, afterSearchActions: C = [], selectedCount: T = 0, onClearSelection: S, bulkActions: d = [], maxVisibleBulkActions: P = _e, locale: Z = "en", className: ee, style: te, dataTest: ie = "dynamic-toolbar" } = g, b = pe(Z), { ref: oe, widthPx: n } = de(), { register: W, widths: s } = me(), k = re(), _ = o(() => Ne(n, P), [n, P]), M = !k && n >= G ? P : _, m = T > 0, O = !m, p = o(() => [...x, ...C], [x, C]), h = Se((e, i) => s[ge(e.id, i)], [s]), a = o(() => ({
38
+ titleWidthPx: s[q],
39
+ searchWidthPx: s[$],
40
+ filterLabelWidthPx: s[R(!1)],
41
+ filterIconWidthPx: s[R(!0)],
42
+ selectionIndicatorWidthPx: s[Be],
43
+ moreButtonWidthPx: s[Me],
44
+ actionWidthPx: h
45
+ }), [s, h]), I = o(() => xe(ke, d, h, M), [
46
+ d,
47
+ h,
48
+ M
49
+ ]), { mode: r, filterIconOnly: w, trailingIconOnly: B } = o(() => be({
50
+ containerWidth: n,
51
+ isMobile: k,
52
+ isSelectionMode: m,
53
+ compactBreakpointPx: G,
54
+ reserveBulkActionsWidthPx: I,
55
+ title: l,
56
56
  hasLeadingUtility: !1,
57
57
  hasFilter: v != null,
58
- hasSearch: a != null,
58
+ hasSearch: c != null,
59
59
  hasTrailingUtility: !1,
60
- pageActions: w,
61
- bulkActions: r,
62
- maxVisibleBulkActions: p,
63
- measured: s
60
+ pageActions: p,
61
+ bulkActions: d,
62
+ maxVisibleBulkActions: M,
63
+ measured: a
64
64
  }), [
65
- r,
66
- c,
67
- S,
68
- v,
69
- R,
70
65
  d,
71
- p,
72
- s,
73
- w,
66
+ n,
67
+ I,
68
+ v,
69
+ k,
70
+ m,
71
+ M,
74
72
  a,
75
- n
76
- ]), ie = o(() => ({
77
- containerWidth: c,
78
- filterIconOnly: P,
79
- trailingIconOnly: M
80
- }), [
73
+ p,
81
74
  c,
82
- P,
83
- M
84
- ]), O = Ae(n, s.titleWidthPx), U = ue({
85
- layoutMode: u,
86
- containerWidth: c,
87
- titleWidth: O,
88
- filterIconOnly: P,
89
- trailingIconOnly: M,
75
+ l
76
+ ]), le = o(() => ({
77
+ containerWidth: n,
78
+ filterIconOnly: w,
79
+ trailingIconOnly: B
80
+ }), [
81
+ n,
82
+ w,
83
+ B
84
+ ]), V = ve(l, a.titleWidthPx), U = Ae({
85
+ layoutMode: r,
86
+ containerWidth: n,
87
+ titleWidth: V,
88
+ filterIconOnly: w,
89
+ trailingIconOnly: B,
90
90
  hasFilter: v != null,
91
- hasSearch: a != null,
91
+ hasSearch: c != null,
92
92
  hasLeadingUtility: !1,
93
93
  hasTrailingUtility: !1,
94
- reserveBulkActionsWidthPx: d ? 0 : S,
95
- measured: s
96
- }), V = he({
97
- layoutMode: u,
98
- containerWidth: c,
99
- titleWidth: O,
100
- filterIconOnly: P,
94
+ reserveBulkActionsWidthPx: m ? 0 : I,
95
+ measured: a
96
+ }), F = fe({
97
+ layoutMode: r,
98
+ containerWidth: n,
99
+ titleWidth: V,
100
+ filterIconOnly: w,
101
101
  hasFilter: v != null,
102
- hasSearch: a != null,
103
- measured: s
104
- }), f = o(() => me({
105
- actions: w,
102
+ hasSearch: c != null,
103
+ measured: a
104
+ }), f = o(() => ue({
105
+ actions: p,
106
106
  availableWidth: U,
107
107
  collapseLabels: !0,
108
- resolveActionWidth: m,
109
- moreButtonWidthPx: s.moreButtonWidthPx
108
+ resolveActionWidth: h,
109
+ moreButtonWidthPx: a.moreButtonWidthPx
110
110
  }), [
111
- w,
111
+ p,
112
112
  U,
113
- m,
114
- s.moreButtonWidthPx
115
- ]), y = o(() => new Set(x.map((e) => e.id)), [x]), F = o(() => {
113
+ h,
114
+ a.moreButtonWidthPx
115
+ ]), y = o(() => new Set(x.map((e) => e.id)), [x]), K = o(() => {
116
116
  const e = f.inlineActions.filter((i) => y.has(i.action.id));
117
117
  return e.length ? {
118
118
  inlineActions: e,
119
119
  overflowActions: [],
120
120
  showMoreMenu: !1
121
- } : z;
122
- }, [y, f]), K = o(() => {
121
+ } : J;
122
+ }, [y, f]), D = o(() => {
123
123
  const e = f.inlineActions.filter((i) => !y.has(i.action.id));
124
- return !e.length && !f.showMoreMenu ? z : {
124
+ return !e.length && !f.showMoreMenu ? J : {
125
125
  inlineActions: e,
126
126
  overflowActions: f.overflowActions,
127
127
  showMoreMenu: f.showMoreMenu
128
128
  };
129
- }, [y, f]), D = o(() => de({
130
- actions: r,
131
- availableWidth: V,
132
- maxVisibleBulkActions: p,
133
- resolveActionWidth: m,
134
- moreButtonWidthPx: s.moreButtonWidthPx
129
+ }, [y, f]), Y = o(() => he({
130
+ actions: d,
131
+ availableWidth: F,
132
+ maxVisibleBulkActions: r === "compact" ? _ : P,
133
+ resolveActionWidth: h,
134
+ moreButtonWidthPx: a.moreButtonWidthPx
135
135
  }), [
136
+ d,
137
+ F,
138
+ _,
136
139
  r,
137
- V,
138
- p,
139
- m,
140
- s.moreButtonWidthPx
141
- ]), oe = o(() => {
140
+ P,
141
+ h,
142
+ a.moreButtonWidthPx
143
+ ]), ne = o(() => {
142
144
  const e = /* @__PURE__ */ new Map();
143
- for (const i of [...w, ...r]) !i.hidden && !e.has(i.id) && e.set(i.id, i);
145
+ for (const i of [...p, ...d]) !i.hidden && !e.has(i.id) && e.set(i.id, i);
144
146
  return [...e.values()];
145
- }, [w, r]), _ = W($, "scroll"), Y = W(Q), k = v != null ? /* @__PURE__ */ t("span", {
146
- ref: W(N(P)),
147
+ }, [p, d]), N = W(q, "scroll"), j = W($), E = v != null ? /* @__PURE__ */ t("span", {
148
+ ref: W(R(w)),
147
149
  className: "inline-flex shrink-0 items-center",
148
150
  children: v
149
- }) : void 0, ne = /* @__PURE__ */ t(Me, {
150
- actions: oe,
151
+ }) : void 0, se = /* @__PURE__ */ t(ye, {
152
+ actions: ne,
151
153
  register: W,
152
154
  overflowMenuLabel: b.more,
153
- selectionIndicator: d ? {
155
+ selectionIndicator: m ? {
154
156
  selectedCount: T,
155
- hasClear: g != null,
157
+ hasClear: S != null,
156
158
  translations: b
157
159
  } : void 0
158
- }), j = /* @__PURE__ */ t(we, {
160
+ }), X = /* @__PURE__ */ t(Te, {
159
161
  selectedCount: T,
160
- onClearSelection: g,
162
+ onClearSelection: S,
161
163
  translations: b,
162
- bulkActionsPlan: D
163
- }), I = (e, i) => /* @__PURE__ */ t(ae.Provider, {
164
- value: ie,
165
- children: /* @__PURE__ */ h("div", {
166
- ref: te,
167
- "data-testid": ee,
164
+ bulkActionsPlan: Y
165
+ }), L = (e, i) => /* @__PURE__ */ t(ce.Provider, {
166
+ value: le,
167
+ children: /* @__PURE__ */ u("div", {
168
+ ref: oe,
169
+ "data-testid": ie,
168
170
  "data-layout": i,
169
- "data-filter-icon-only": P ? "true" : "false",
170
- "data-trailing-icon-only": M ? "true" : "false",
171
- className: le("relative flex w-full flex-col gap-2", J),
172
- style: Z,
173
- children: [ne, e]
171
+ "data-filter-icon-only": w ? "true" : "false",
172
+ "data-trailing-icon-only": B ? "true" : "false",
173
+ className: ae("relative flex w-full flex-col gap-2", ee),
174
+ style: te,
175
+ children: [se, e]
174
176
  })
175
177
  });
176
- return u === "compact" || u === "stacked" ? I(/* @__PURE__ */ h(q, { children: [
177
- /* @__PURE__ */ t(X, {
178
- title: n,
178
+ return r === "compact" || r === "stacked" ? L(/* @__PURE__ */ u(z, { children: [
179
+ /* @__PURE__ */ t(H, {
180
+ title: l,
179
181
  helperText: A,
180
- titleMeasureRef: _
182
+ titleMeasureRef: N
181
183
  }),
182
- /* @__PURE__ */ t(H, {
184
+ /* @__PURE__ */ t(Q, {
183
185
  variant: "utility-row",
184
- beforeFilterActionsPlan: F,
185
- filter: k,
186
- search: a,
187
- afterSearchActionsPlan: K,
188
- showPageActions: C,
186
+ beforeFilterActionsPlan: K,
187
+ filter: E,
188
+ search: c,
189
+ afterSearchActionsPlan: D,
190
+ showPageActions: O,
189
191
  overflowMenuLabel: b.more,
190
- align: u === "compact" ? "start" : "end"
192
+ align: r === "compact" ? "start" : "end"
191
193
  }),
192
- d && j
193
- ] }), u) : u === "selection-split" ? I(/* @__PURE__ */ h(q, { children: [/* @__PURE__ */ h("div", {
194
+ m && X
195
+ ] }), r) : r === "selection-split" ? L(/* @__PURE__ */ u(z, { children: [/* @__PURE__ */ u("div", {
194
196
  className: "flex w-full min-w-0 flex-nowrap items-center justify-between gap-3",
195
197
  children: [/* @__PURE__ */ t("div", {
196
198
  className: "min-w-0 flex-1 overflow-hidden",
197
- children: /* @__PURE__ */ t(X, {
198
- title: n,
199
+ children: /* @__PURE__ */ t(H, {
200
+ title: l,
199
201
  helperText: A,
200
- titleMeasureRef: _
202
+ titleMeasureRef: N
201
203
  })
202
- }), /* @__PURE__ */ h("div", {
204
+ }), /* @__PURE__ */ u("div", {
203
205
  className: "flex shrink-0 flex-nowrap items-center gap-2",
204
- children: [k, a != null && /* @__PURE__ */ t(be, {
205
- search: a,
206
- measureRef: Y
206
+ children: [E, c != null && /* @__PURE__ */ t(we, {
207
+ search: c,
208
+ measureRef: j
207
209
  })]
208
210
  })]
209
- }), j] }), "selection-split") : I(/* @__PURE__ */ h("div", {
211
+ }), X] }), "selection-split") : L(/* @__PURE__ */ u("div", {
210
212
  className: "flex w-full min-w-0 flex-col gap-1",
211
- children: [/* @__PURE__ */ h("div", {
213
+ children: [/* @__PURE__ */ u("div", {
212
214
  className: "flex w-full min-w-0 flex-nowrap items-center gap-3",
213
- children: [/* @__PURE__ */ h("div", {
215
+ children: [/* @__PURE__ */ u("div", {
214
216
  className: "flex min-w-0 flex-1 items-center gap-3",
215
- children: [n && /* @__PURE__ */ t(Pe, {
216
- title: n,
217
- measureRef: _
218
- }), d && /* @__PURE__ */ t(pe, {
217
+ children: [l && /* @__PURE__ */ t(We, {
218
+ title: l,
219
+ measureRef: N
220
+ }), m && /* @__PURE__ */ t(Pe, {
219
221
  selectedCount: T,
220
- onClearSelection: g,
222
+ onClearSelection: S,
221
223
  translations: b
222
224
  })]
223
225
  }), /* @__PURE__ */ t("div", {
224
226
  className: "min-w-0 shrink-0",
225
- children: /* @__PURE__ */ t(H, {
226
- variant: d ? "inline-selection" : "inline-normal",
227
- beforeFilterActionsPlan: F,
228
- filter: k,
229
- search: a,
230
- afterSearchActionsPlan: K,
231
- bulkActionsPlan: D,
232
- showPageActions: C,
227
+ children: /* @__PURE__ */ t(Q, {
228
+ variant: m ? "inline-selection" : "inline-normal",
229
+ beforeFilterActionsPlan: K,
230
+ filter: E,
231
+ search: c,
232
+ afterSearchActionsPlan: D,
233
+ bulkActionsPlan: Y,
234
+ showPageActions: O,
233
235
  overflowMenuLabel: b.more,
234
- searchMeasureRef: Y
236
+ searchMeasureRef: j
235
237
  })
236
238
  })]
237
239
  }), A && /* @__PURE__ */ t("div", {
@@ -241,5 +243,5 @@ function Xe(B) {
241
243
  }), "inline");
242
244
  }
243
245
  export {
244
- Xe as DynamicToolbar
246
+ He as DynamicToolbar
245
247
  };
package/dist/components/custom/module/header-layout/ToolbarRows.js CHANGED
@@ -1,10 +1,11 @@
1
1
  import { cn as f } from "../../../../helpers/cn.js";
2
- import { CloseIcon as g } from "../../../icons/close-icon/CloseIcon.js";
2
+ import { CloseIcon as T } from "../../../icons/close-icon/CloseIcon.js";
3
3
  import { StyledButton as j } from "../../../inputs/button/StyledButton.js";
4
+ import { StyledWidgetTitle as k } from "../../widget/widget-title/StyledWidgetTitle.js";
4
5
  import { ToolbarActionGroup as c, hasPlannedActions as u } from "./ToolbarActionGroup.js";
5
- import { formatSelectionLabel as k } from "./useTranslations.js";
6
+ import { formatSelectionLabel as F } from "./useTranslations.js";
6
7
  import { Fragment as o, jsx as n, jsxs as r } from "react/jsx-runtime";
7
- function F({ selectedCount: e, onClearSelection: i, translations: t }) {
8
+ function b({ selectedCount: e, onClearSelection: i, translations: t }) {
8
9
  return /* @__PURE__ */ n("div", {
9
10
  className: "flex shrink-0 items-center whitespace-nowrap",
10
11
  "aria-live": "polite",
@@ -14,20 +15,20 @@ function F({ selectedCount: e, onClearSelection: i, translations: t }) {
14
15
  variant: "text",
15
16
  size: "small",
16
17
  className: "!min-w-0 !px-1 !font-semibold",
17
- startIcon: i ? /* @__PURE__ */ n(g, {
18
+ startIcon: i ? /* @__PURE__ */ n(T, {
18
19
  width: 20,
19
20
  height: 20
20
21
  }) : void 0,
21
22
  onClick: i,
22
23
  "aria-label": t.clearSelection,
23
- children: k(e, t)
24
+ children: F(e, t)
24
25
  })
25
26
  });
26
27
  }
27
- function G({ selectedCount: e, onClearSelection: i, translations: t, bulkActionsPlan: l }) {
28
+ function U({ selectedCount: e, onClearSelection: i, translations: t, bulkActionsPlan: l }) {
28
29
  return /* @__PURE__ */ r("div", {
29
30
  className: "flex w-full min-w-0 flex-nowrap items-center justify-between gap-3",
30
- children: [/* @__PURE__ */ n(F, {
31
+ children: [/* @__PURE__ */ n(b, {
31
32
  selectedCount: e,
32
33
  onClearSelection: i,
33
34
  translations: t
@@ -38,10 +39,10 @@ function G({ selectedCount: e, onClearSelection: i, translations: t, bulkActions
38
39
  })]
39
40
  });
40
41
  }
41
- function y({ search: e, expanded: i, measureRef: t }) {
42
+ function N({ search: e, expanded: i, measureRef: t }) {
42
43
  return /* @__PURE__ */ n("div", {
43
44
  ref: i ? void 0 : t,
44
- className: f("[&_.MuiFormControl-root]:w-full", i ? "min-w-0 flex-1 [&_.MuiFormControl-root]:max-w-none" : "w-[min(240px,40vw)] max-w-[280px] shrink-0"),
45
+ className: f("[&_.MuiFormControl-root]:w-full", i ? "min-w-0 flex-1 [&_.MuiFormControl-root]:max-w-none" : "w-40 shrink-0"),
45
46
  children: e
46
47
  });
47
48
  }
@@ -55,17 +56,21 @@ function S({ visible: e, children: i }) {
55
56
  })
56
57
  });
57
58
  }
58
- function T({ title: e, measureRef: i }) {
59
- return /* @__PURE__ */ n("div", {
59
+ function C({ title: e, measureRef: i }) {
60
+ return typeof e == "string" ? /* @__PURE__ */ n(k, {
61
+ ref: i,
62
+ className: "!min-w-0 truncate",
63
+ children: e
64
+ }) : /* @__PURE__ */ n("div", {
60
65
  ref: i,
61
- className: "min-w-0 truncate text-2xl font-semibold text-delta-800",
66
+ className: "min-w-0 truncate",
62
67
  children: e
63
68
  });
64
69
  }
65
- function M({ title: e, helperText: i, titleMeasureRef: t }) {
70
+ function W({ title: e, helperText: i, titleMeasureRef: t }) {
66
71
  return !e && !i ? null : /* @__PURE__ */ r("div", {
67
72
  className: "min-w-0 max-w-full",
68
- children: [e && /* @__PURE__ */ n(T, {
73
+ children: [e && /* @__PURE__ */ n(C, {
69
74
  title: e,
70
75
  measureRef: t
71
76
  }), i && /* @__PURE__ */ n("div", {
@@ -74,10 +79,10 @@ function M({ title: e, helperText: i, titleMeasureRef: t }) {
74
79
  })]
75
80
  });
76
81
  }
77
- function U({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, afterSearchActionsPlan: p, bulkActionsPlan: a, showPageActions: w, overflowMenuLabel: s, searchMeasureRef: B, align: b = "end" }) {
78
- const m = w && u(i), d = w && u(p), x = e === "inline-selection" && u(a);
79
- if (!(t != null || l != null) && !m && !d && !x) return null;
80
- const h = m ? /* @__PURE__ */ n(S, {
82
+ function q({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, afterSearchActionsPlan: p, bulkActionsPlan: a, showPageActions: h, overflowMenuLabel: s, searchMeasureRef: g, align: B = "end" }) {
83
+ const m = h && u(i), d = h && u(p), w = e === "inline-selection" && u(a);
84
+ if (!(t != null || l != null) && !m && !d && !w) return null;
85
+ const x = m ? /* @__PURE__ */ n(S, {
81
86
  visible: m,
82
87
  children: /* @__PURE__ */ n(c, {
83
88
  plan: i,
@@ -92,26 +97,26 @@ function U({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, after
92
97
  overflowMenuLabel: s
93
98
  })
94
99
  })
95
- }) : null, N = /* @__PURE__ */ r(o, { children: [t, l != null && /* @__PURE__ */ n(y, {
100
+ }) : null, y = /* @__PURE__ */ r(o, { children: [t, l != null && /* @__PURE__ */ n(N, {
96
101
  search: l,
97
- measureRef: B
102
+ measureRef: g
98
103
  })] });
99
104
  return /* @__PURE__ */ r("div", {
100
- className: f("flex w-full min-w-0 flex-nowrap items-center gap-2", b === "end" ? "justify-end" : "justify-start"),
105
+ className: f("flex w-full min-w-0 flex-nowrap items-center gap-2", B === "end" ? "justify-end" : "justify-start"),
101
106
  children: [
102
- e === "inline-selection" && /* @__PURE__ */ r(o, { children: [x && a && /* @__PURE__ */ n(c, {
107
+ e === "inline-selection" && /* @__PURE__ */ r(o, { children: [w && a && /* @__PURE__ */ n(c, {
103
108
  plan: a,
104
109
  overflowMenuLabel: s,
105
110
  selectionTone: !0
106
- }), N] }),
111
+ }), y] }),
107
112
  e === "inline-normal" && /* @__PURE__ */ r(o, { children: [
108
- h,
109
- N,
113
+ x,
114
+ y,
110
115
  v
111
116
  ] }),
112
117
  e === "utility-row" && /* @__PURE__ */ r(o, { children: [
113
- h,
114
- l != null && /* @__PURE__ */ n(y, {
118
+ x,
119
+ l != null && /* @__PURE__ */ n(N, {
115
120
  search: l,
116
121
  expanded: !0
117
122
  }),
@@ -122,10 +127,10 @@ function U({ variant: e, beforeFilterActionsPlan: i, filter: t, search: l, after
122
127
  });
123
128
  }
124
129
  export {
125
- y as SearchSlot,
126
- F as SelectionIndicator,
127
- G as SelectionRow,
128
- M as TitleBlock,
129
- T as TitleText,
130
- U as UtilityCluster
130
+ N as SearchSlot,
131
+ b as SelectionIndicator,
132
+ U as SelectionRow,
133
+ W as TitleBlock,
134
+ C as TitleText,
135
+ q as UtilityCluster
131
136
  };