asma-ui-core 3.74.4 → 3.76.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.
- package/dist/asma-ui-core.css +1 -1
- package/dist/components/navigation/title-chevron/StyledTitleChevron.js +30 -0
- package/dist/index.js +81 -79
- package/dist/src/components/navigation/title-chevron/StyledTitleChevron.d.ts +25 -0
- package/dist/src/components/navigation/title-chevron/index.d.ts +1 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/table/hooks/useTranslations.d.ts +4 -0
- package/dist/table/components/columns/action-column/components/HeaderActionMenu.js +64 -59
- package/dist/table/components/columns/action-column/components/HeaderActionMenu.module.js +7 -6
- package/dist/table/hooks/useTranslations.js +6 -2
- package/package.json +1 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { cn as n } from "../../../helpers/cn.js";
|
|
2
|
+
import { ChevronRightIcon as l } from "../../icons/chevron-right-icon/ChevronRightIcon.js";
|
|
3
|
+
import { jsx as a, jsxs as u } from "react/jsx-runtime";
|
|
4
|
+
var m = {
|
|
5
|
+
base: "text-sm",
|
|
6
|
+
medium: "text-base",
|
|
7
|
+
subtitle: "text-xl"
|
|
8
|
+
}, i = {
|
|
9
|
+
base: 20,
|
|
10
|
+
medium: 24,
|
|
11
|
+
subtitle: 28
|
|
12
|
+
}, f = ({ dataTest: e, children: o, onClick: r, size: t = "base", className: s }) => /* @__PURE__ */ u("button", {
|
|
13
|
+
type: "button",
|
|
14
|
+
"data-test": e,
|
|
15
|
+
"data-testid": e,
|
|
16
|
+
onClick: r,
|
|
17
|
+
className: n("group flex min-h-11 w-full cursor-pointer items-center rounded border-0 bg-transparent p-0 text-left", "font-semibold text-delta-800 transition-colors duration-300", m[t], "hover:text-gama-500 focus-visible:text-gama-500 active:text-gama-600", "outline-gama-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2", s),
|
|
18
|
+
children: [/* @__PURE__ */ a("span", {
|
|
19
|
+
className: "min-w-0 truncate",
|
|
20
|
+
children: o
|
|
21
|
+
}), /* @__PURE__ */ a(l, {
|
|
22
|
+
width: i[t],
|
|
23
|
+
height: i[t],
|
|
24
|
+
"aria-hidden": !0,
|
|
25
|
+
className: "shrink-0 transition-transform duration-300 group-hover:translate-x-1 group-focus-visible:translate-x-1"
|
|
26
|
+
})]
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
f as StyledTitleChevron
|
|
30
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -14,7 +14,7 @@ import { QnrIcon as b } from "./components/icons/qnr-icon/QnrIcon.js";
|
|
|
14
14
|
import { PdfIcon as P } from "./components/icons/pdf-icon/PdfIcon.js";
|
|
15
15
|
import { DashboardViewIcon as A } from "./components/icons/dashboard-view-icon/DashboardViewIcon.js";
|
|
16
16
|
import { DashboardViewOutlineIcon as R } from "./components/icons/dashboard-view-outline-icon/DashboardViewOutlineIcon.js";
|
|
17
|
-
import { PeopleOutlineIcon as
|
|
17
|
+
import { PeopleOutlineIcon as v } from "./components/icons/people-outline-icon/PeopleOutlineIcon.js";
|
|
18
18
|
import { PeopleIcon as B } from "./components/icons/people-icon/PeopleIcon.js";
|
|
19
19
|
import { CheckOutlineIcon as x } from "./components/icons/check-outline-icon/CheckOutlineIcon.js";
|
|
20
20
|
import { CheckFactOutlineIcon as _ } from "./components/icons/check-fact-outline-icon/CheckFactOutlineIcon.js";
|
|
@@ -41,7 +41,7 @@ import { SearchIcon as Lo } from "./components/icons/search-icon/SearchIcon.js";
|
|
|
41
41
|
import { LoadingIcon as To } from "./components/icons/loading-icon/LoadingIcon.js";
|
|
42
42
|
import { DropUpIcon as Fo } from "./components/icons/drop-up-icon/DropUpIcon.js";
|
|
43
43
|
import { DropDownIcon as Mo } from "./components/icons/drop-down-icon/DropDownIcon.js";
|
|
44
|
-
import { ArchiveIcon as
|
|
44
|
+
import { ArchiveIcon as wo } from "./components/icons/archive-icon/ArchiveIcon.js";
|
|
45
45
|
import { DownloadIcon as No } from "./components/icons/download-icon/DownloadIcon.js";
|
|
46
46
|
import { CheckBoxCheckedIcon as Ho } from "./components/icons/checkbox-checked-icon/CheckBoxCheckedIcon.js";
|
|
47
47
|
import { ChevronDownIcon as Eo } from "./components/icons/chevron-down-icon/ChevronDownIcon.js";
|
|
@@ -68,7 +68,7 @@ import { LinkOutlineIcon as Lr } from "./components/icons/link-outline-icon/Link
|
|
|
68
68
|
import { FastCheckOutlineIcon as Tr } from "./components/icons/fast-check-outline-icon/FastCheckOutlineIcon.js";
|
|
69
69
|
import { UnknownDocumentOutlineRoundedIcon as Fr } from "./components/icons/unknown-document-outline-rounded-icon/UnknownDocumentOutlineRoundedIcon.js";
|
|
70
70
|
import { ListStatusIcon as Mr } from "./components/icons/list-status-icon/ListStatusIcon.js";
|
|
71
|
-
import { ListViewOutlineIcon as
|
|
71
|
+
import { ListViewOutlineIcon as wr } from "./components/icons/list-view-outline-icon/ListViewOutlineIcon.js";
|
|
72
72
|
import { TextBoxCheckOutlineIcon as Nr } from "./components/icons/text-box-check-outline-icon/TextBoxCheckOutlineIcon.js";
|
|
73
73
|
import { ListSettingsLineIcon as Hr } from "./components/icons/list-settings-line-icon/ListSettingsLineIcon.js";
|
|
74
74
|
import { EarthIcon as Er } from "./components/icons/earth-icon/EarthIcon.js";
|
|
@@ -95,7 +95,7 @@ import { ClockOutlineIcon as Lm } from "./components/icons/clock-outline-icon/Cl
|
|
|
95
95
|
import { TodayIcon as Tm } from "./components/icons/today-icon/TodayIcon.js";
|
|
96
96
|
import { MicrosoftOutlookIcon as Fm } from "./components/icons/microsoft-outlook-icon/MicrosoftOutlookIcon.js";
|
|
97
97
|
import { LoginIcon as Mm } from "./components/icons/login-logout-icons/LoginIcon.js";
|
|
98
|
-
import { LogoutIcon as
|
|
98
|
+
import { LogoutIcon as wm } from "./components/icons/login-logout-icons/LogoutIcon.js";
|
|
99
99
|
import { TimerIcon as Nm } from "./components/icons/timer-icon/TimerIcon.js";
|
|
100
100
|
import { BackIcon as Hm } from "./components/icons/back-icon/BackIcon.js";
|
|
101
101
|
import { HelpIcon as Em } from "./components/icons/help-icon/HelpIcon.js";
|
|
@@ -122,7 +122,7 @@ import { SettingsNoteIcon as Lt } from "./components/icons/settings-note-icon/Se
|
|
|
122
122
|
import { InheritancePointerIcon as Tt } from "./components/icons/inheritance-pointer-icon/InheritancePointerIcon.js";
|
|
123
123
|
import { CloudDoneOutlineIcon as Ft } from "./components/icons/cloud-done-outline-icon/CloudDoneOutlineIcon.js";
|
|
124
124
|
import { CloudIcon as Mt } from "./components/icons/cloud-icon/CloudIcon.js";
|
|
125
|
-
import { AttachFileIcon as
|
|
125
|
+
import { AttachFileIcon as wt } from "./components/icons/attach-file-icon/AttachFileIcon.js";
|
|
126
126
|
import { SendIcon as Nt } from "./components/icons/send-icon/SendIcon.js";
|
|
127
127
|
import { CardIdIcon as Ht } from "./components/icons/card-id-icon/CardIdIcon.js";
|
|
128
128
|
import { CheckCircleIcon as Et } from "./components/icons/check-circle-icon/CheckCircleIndex.js";
|
|
@@ -149,7 +149,7 @@ import { TuneIcon as Li } from "./components/icons/tune-icon/TuneIcon.js";
|
|
|
149
149
|
import { FileDocIcon as Ti } from "./components/icons/file-doc-icon/FileDocIcon.js";
|
|
150
150
|
import { DvrIconOutline as Fi } from "./components/icons/dvr-icon-outline/DvrIconOutline.js";
|
|
151
151
|
import { BackupIcon as Mi } from "./components/icons/backup-icon/BackupIcon.js";
|
|
152
|
-
import { DownloadTrayIcon as
|
|
152
|
+
import { DownloadTrayIcon as wi } from "./components/icons/download-tray-icon/DownloadTrayIcon.js";
|
|
153
153
|
import { DownloadingIcon as Ni } from "./components/icons/downloading-icon/DownloadingIcon.js";
|
|
154
154
|
import { FileRtfIcon as Hi } from "./components/icons/file-rtf-icon/FileRtfIcon.js";
|
|
155
155
|
import { LinkOffIcon as Ei } from "./components/icons/link-off-icon/LinkOffIcon.js";
|
|
@@ -176,7 +176,7 @@ import { ArrowShrinkIcon as Le } from "./components/icons/arrow-shrink-icon/Arro
|
|
|
176
176
|
import { IndeterminateIcon as Te } from "./components/icons/indeterminate-icon/IndeterminateIcon.js";
|
|
177
177
|
import { ManageSearchIcon as Fe } from "./components/icons/manage-search-icon/ManageSearchIcon.js";
|
|
178
178
|
import { HubIcon as Me } from "./components/icons/hub-icon/HubIcon.js";
|
|
179
|
-
import { HubIconFilled as
|
|
179
|
+
import { HubIconFilled as we } from "./components/icons/hub-icon/HubIconFilled.js";
|
|
180
180
|
import { WidgetIcon as Ne } from "./components/icons/widgets-icon/WidgetIcon.js";
|
|
181
181
|
import { WidgetIconFilled as He } from "./components/icons/widgets-icon/WidgetIconFilled.js";
|
|
182
182
|
import { RocketLaunchIcon as Ee } from "./components/icons/rocket-launch-icon/RocketLaunchIcon.js";
|
|
@@ -202,7 +202,7 @@ import { StyledDialogTitle as bn } from "./components/feedback/dialog/StyledDial
|
|
|
202
202
|
import { StyledEmptyPage as Pn } from "./components/feedback/empty-page/StyledEmptyPage.js";
|
|
203
203
|
import { StyledFilteredEmptyState as An } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
|
|
204
204
|
import { StyledLoading as Rn } from "./components/feedback/loading/StyledLoading.js";
|
|
205
|
-
import { StyledAlert as
|
|
205
|
+
import { StyledAlert as vn } from "./components/feedback/snack-bar/StyledAlert.js";
|
|
206
206
|
import { SnackbarProvider as Bn } from "./components/feedback/snack-bar/SnackbarProvider.js";
|
|
207
207
|
import { StyledSnackbar as xn } from "./components/feedback/snack-bar/StyledSnackbar.js";
|
|
208
208
|
import { processAlertSnackBar as _n } from "./components/feedback/snack-bar/processAlertSnackBar.js";
|
|
@@ -226,7 +226,7 @@ import { StyledFormControl as gp } from "./components/miscellaneous/StyledFormCo
|
|
|
226
226
|
import { defaultDatePickerValidationMessages as hp, useDatePickerValidation as kp } from "./datetime/components/date-picker/hooks/useDatePickerValidation.js";
|
|
227
227
|
import { StyledDrawer as Lp } from "./components/navigation/drawer/StyledDrawer.js";
|
|
228
228
|
import { StyledDatePicker as Tp } from "./datetime/components/date-picker/StyledDatePicker.js";
|
|
229
|
-
import { PopupState as Fp, bindPopover as Rp, bindPopper as Mp, bindTrigger as
|
|
229
|
+
import { PopupState as Fp, bindPopover as Rp, bindPopper as Mp, bindTrigger as vp, usePopupState as wp } from "./hooks/usePopupState.js";
|
|
230
230
|
import { ClickAwayListener as Np } from "./components/mui-compat/ClickAwayListener.js";
|
|
231
231
|
import { Paper as Hp } from "./components/mui-compat/Paper.js";
|
|
232
232
|
import { Stack as Ep } from "./components/mui-compat/Stack.js";
|
|
@@ -249,42 +249,43 @@ import { StyledMenuItem as Of } from "./components/navigation/menu/StyledMenuIte
|
|
|
249
249
|
import { StyledLink as Df } from "./components/navigation/link/StyledLink.js";
|
|
250
250
|
import { StyledTab as kf } from "./components/navigation/tabs/StyledTab.js";
|
|
251
251
|
import { StyledTabs as Lf } from "./components/navigation/tabs/StyledTabs.js";
|
|
252
|
-
import {
|
|
253
|
-
import {
|
|
254
|
-
import {
|
|
255
|
-
import {
|
|
256
|
-
import {
|
|
257
|
-
import {
|
|
258
|
-
import {
|
|
259
|
-
import {
|
|
260
|
-
import {
|
|
261
|
-
import {
|
|
262
|
-
import {
|
|
263
|
-
import {
|
|
264
|
-
import {
|
|
265
|
-
import {
|
|
266
|
-
import {
|
|
267
|
-
import {
|
|
268
|
-
import {
|
|
269
|
-
import {
|
|
270
|
-
import {
|
|
271
|
-
import {
|
|
272
|
-
import {
|
|
273
|
-
import {
|
|
274
|
-
import {
|
|
275
|
-
import {
|
|
252
|
+
import { StyledTitleChevron as Tf } from "./components/navigation/title-chevron/StyledTitleChevron.js";
|
|
253
|
+
import { Listbox as Ff } from "./components/navigation/listbox/Listbox.js";
|
|
254
|
+
import { StyledAccordion as Mf } from "./components/utils/accordion/base-ui/StyledAccordion.js";
|
|
255
|
+
import { StyledAccordionSummary as wf } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
|
|
256
|
+
import { StyledAccordionDetails as Nf } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
|
|
257
|
+
import { ACTIONS_COLUMN_ID as Hf, DND_HANDLE_COLUMN_ID as _f, EXPAND_COLUMN_ID as Ef, INTERNAL_COLUMN_IDS as Wf, SELECT_COLUMN_ID as Uf, SHOW_FULL_TEXT_ID as Vf, isCustomAction as zf } from "./table/types.js";
|
|
258
|
+
import { RowDragHandleCell as Xf } from "./table/components/columns/dndHandleColumn.js";
|
|
259
|
+
import { StyledTable as Kf } from "./table/components/StyledTableIndex.js";
|
|
260
|
+
import { createColumnHelper as Zf } from "./table/index.js";
|
|
261
|
+
import { DynamicToolbarLayoutContext as Jf, useDynamicToolbarLayout as Yf } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
|
|
262
|
+
import { StyledFilterButton as oc } from "./components/utils/filter-menu/StyledFilterButton.js";
|
|
263
|
+
import { StyledFilterMenu as mc } from "./components/utils/filter-menu/StyledFilterMenu.js";
|
|
264
|
+
import { CopyButton as ic } from "./components/utils/copy-wrapper/CopyButton.js";
|
|
265
|
+
import { CopyWrapper as nc } from "./components/utils/copy-wrapper/CopyWrapper.js";
|
|
266
|
+
import { VirtualList as fc } from "./components/utils/virtual-list/VirtualList.js";
|
|
267
|
+
import { StyledWidgetTitle as lc } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
|
|
268
|
+
import { StyledWidgetHeader as ac } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
|
|
269
|
+
import { StyledWidget as uc } from "./components/custom/widget/widget/StyledWidget.js";
|
|
270
|
+
import { StyledModuleTitle as sc } from "./components/custom/module/module-title/StyledModuleTitle.js";
|
|
271
|
+
import { ACTION_GAP_PX as Cc, MORE_BUTTON_PX as Oc, estimateToolbarActionWidth as gc, planBulkToolbarActions as Dc, planToolbarActions as hc, resolveToolbarActionWidth as kc } from "./components/custom/module/header-layout/planToolbarActions.js";
|
|
272
|
+
import { DynamicToolbar as Lc } from "./components/custom/module/header-layout/DynamicToolbar.js";
|
|
273
|
+
import { MinimizableDialog as Tc } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
|
|
274
|
+
import { MinimizableDialogV2 as Fc } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
|
|
275
|
+
import { createDialogStack as Mc } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
|
|
276
|
+
import { PathfinderCard as wc } from "./components/custom/pathfinder-card/PathfinderCard.js";
|
|
276
277
|
export {
|
|
277
|
-
|
|
278
|
-
|
|
278
|
+
Hf as ACTIONS_COLUMN_ID,
|
|
279
|
+
Cc as ACTION_GAP_PX,
|
|
279
280
|
zi as AppRegistrationIcon,
|
|
280
|
-
|
|
281
|
+
wo as ArchiveIcon,
|
|
281
282
|
Xi as ArrowExpandIcon,
|
|
282
283
|
ee as ArrowLeftIcon,
|
|
283
284
|
Ze as ArrowRightIcon,
|
|
284
285
|
Le as ArrowShrinkIcon,
|
|
285
286
|
j as AssignmentIcon,
|
|
286
287
|
Y as AssignmentOutlineIcon,
|
|
287
|
-
|
|
288
|
+
wt as AttachFileIcon,
|
|
288
289
|
zp as Avatar,
|
|
289
290
|
Hm as BackIcon,
|
|
290
291
|
Mi as BackupIcon,
|
|
@@ -326,9 +327,9 @@ export {
|
|
|
326
327
|
yt as ContentCutIcon,
|
|
327
328
|
Ot as ContentPasteIcon,
|
|
328
329
|
ri as ConversionPathIcon,
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
330
|
+
ic as CopyButton,
|
|
331
|
+
nc as CopyWrapper,
|
|
332
|
+
_f as DND_HANDLE_COLUMN_ID,
|
|
332
333
|
A as DashboardViewIcon,
|
|
333
334
|
R as DashboardViewOutlineIcon,
|
|
334
335
|
cr as DeleteOutlineIcon,
|
|
@@ -339,7 +340,7 @@ export {
|
|
|
339
340
|
Xm as DoneAllIcon,
|
|
340
341
|
ko as DotsVerticalIcon,
|
|
341
342
|
No as DownloadIcon,
|
|
342
|
-
|
|
343
|
+
wi as DownloadTrayIcon,
|
|
343
344
|
Ni as DownloadingIcon,
|
|
344
345
|
er as DragHorizontalIcon,
|
|
345
346
|
ke as DrawIcon,
|
|
@@ -347,9 +348,9 @@ export {
|
|
|
347
348
|
Fo as DropUpIcon,
|
|
348
349
|
yr as DvrIcon,
|
|
349
350
|
Fi as DvrIconOutline,
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
351
|
+
Lc as DynamicToolbar,
|
|
352
|
+
Jf as DynamicToolbarLayoutContext,
|
|
353
|
+
Ef as EXPAND_COLUMN_ID,
|
|
353
354
|
Er as EarthIcon,
|
|
354
355
|
ye as EditNotesIcon,
|
|
355
356
|
em as EditSquareIcon,
|
|
@@ -383,8 +384,8 @@ export {
|
|
|
383
384
|
$t as HistoryIcon,
|
|
384
385
|
de as HistoryToggleOffIcon,
|
|
385
386
|
Me as HubIcon,
|
|
386
|
-
|
|
387
|
-
|
|
387
|
+
we as HubIconFilled,
|
|
388
|
+
Wf as INTERNAL_COLUMN_IDS,
|
|
388
389
|
Jo as InboxOutboxIcon,
|
|
389
390
|
$o as InboxOutboxOutlineIcon,
|
|
390
391
|
Te as IndeterminateIcon,
|
|
@@ -396,22 +397,22 @@ export {
|
|
|
396
397
|
oo as ListNumberedIcon,
|
|
397
398
|
Hr as ListSettingsLineIcon,
|
|
398
399
|
Mr as ListStatusIcon,
|
|
399
|
-
|
|
400
|
-
|
|
400
|
+
wr as ListViewOutlineIcon,
|
|
401
|
+
Ff as Listbox,
|
|
401
402
|
Ue as LoadCurrentIcon,
|
|
402
403
|
To as LoadingIcon,
|
|
403
404
|
Om as LocationIcon,
|
|
404
405
|
Sr as LockIcon,
|
|
405
406
|
Mm as LoginIcon,
|
|
406
|
-
|
|
407
|
-
|
|
407
|
+
wm as LogoutIcon,
|
|
408
|
+
Oc as MORE_BUTTON_PX,
|
|
408
409
|
Fe as ManageSearchIcon,
|
|
409
410
|
mo as MessageProcessingIcon,
|
|
410
411
|
io as MessageProcessingOutlineIcon,
|
|
411
412
|
rm as MessageReplyIcon,
|
|
412
413
|
Fm as MicrosoftOutlookIcon,
|
|
413
|
-
|
|
414
|
-
|
|
414
|
+
Tc as MinimizableDialog,
|
|
415
|
+
Fc as MinimizableDialogV2,
|
|
415
416
|
Jr as MinimizeIcon,
|
|
416
417
|
Xe as MoveUpIcon,
|
|
417
418
|
G as NewCalendarIcon,
|
|
@@ -423,11 +424,11 @@ export {
|
|
|
423
424
|
Jt as OutlineCheckboxIconIndeterminate,
|
|
424
425
|
zt as OutlineNotificationsIcon,
|
|
425
426
|
Hp as Paper,
|
|
426
|
-
|
|
427
|
+
wc as PathfinderCard,
|
|
427
428
|
P as PdfIcon,
|
|
428
429
|
zr as PencilOutlineIcon,
|
|
429
430
|
B as PeopleIcon,
|
|
430
|
-
|
|
431
|
+
v as PeopleOutlineIcon,
|
|
431
432
|
Ko as PermMediaIcon,
|
|
432
433
|
Zo as PermMediaOutline,
|
|
433
434
|
Oo as PersonIcon,
|
|
@@ -449,11 +450,11 @@ export {
|
|
|
449
450
|
Ie as ResetSettingsIcon,
|
|
450
451
|
Ee as RocketLaunchIcon,
|
|
451
452
|
ze as RotateAutoIcon,
|
|
452
|
-
|
|
453
|
+
Xf as RowDragHandleCell,
|
|
453
454
|
It as RuleIcon,
|
|
454
455
|
dt as RuleOutlineIcon,
|
|
455
|
-
|
|
456
|
-
|
|
456
|
+
Uf as SELECT_COLUMN_ID,
|
|
457
|
+
Vf as SHOW_FULL_TEXT_ID,
|
|
457
458
|
Ii as SaveIcon,
|
|
458
459
|
Lo as SearchIcon,
|
|
459
460
|
Nt as SendIcon,
|
|
@@ -467,10 +468,10 @@ export {
|
|
|
467
468
|
Bn as SnackbarProvider,
|
|
468
469
|
Ep as Stack,
|
|
469
470
|
un as StyledAIDisclosure,
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
471
|
+
Mf as StyledAccordion,
|
|
472
|
+
Nf as StyledAccordionDetails,
|
|
473
|
+
wf as StyledAccordionSummary,
|
|
474
|
+
vn as StyledAlert,
|
|
474
475
|
f as StyledBadge,
|
|
475
476
|
sn as StyledButton,
|
|
476
477
|
$e as StyledCheckbox,
|
|
@@ -483,8 +484,8 @@ export {
|
|
|
483
484
|
Lp as StyledDrawer,
|
|
484
485
|
sp as StyledDynamicSelect,
|
|
485
486
|
Pn as StyledEmptyPage,
|
|
486
|
-
|
|
487
|
-
|
|
487
|
+
oc as StyledFilterButton,
|
|
488
|
+
mc as StyledFilterMenu,
|
|
488
489
|
An as StyledFilteredEmptyState,
|
|
489
490
|
gp as StyledFormControl,
|
|
490
491
|
pf as StyledFormControlLabel,
|
|
@@ -500,7 +501,7 @@ export {
|
|
|
500
501
|
yf as StyledMenu,
|
|
501
502
|
Of as StyledMenuItem,
|
|
502
503
|
Sf as StyledMenuList,
|
|
503
|
-
|
|
504
|
+
sc as StyledModuleTitle,
|
|
504
505
|
Cp as StyledPopover,
|
|
505
506
|
rn as StyledRadio,
|
|
506
507
|
ap as StyledRadioGroup,
|
|
@@ -512,15 +513,16 @@ export {
|
|
|
512
513
|
xn as StyledSnackbar,
|
|
513
514
|
lp as StyledSwitch,
|
|
514
515
|
kf as StyledTab,
|
|
515
|
-
|
|
516
|
+
Kf as StyledTable,
|
|
516
517
|
Lf as StyledTabs,
|
|
517
518
|
op as StyledTextarea,
|
|
518
519
|
rf as StyledTimePicker,
|
|
520
|
+
Tf as StyledTitleChevron,
|
|
519
521
|
nn as StyledTooltip,
|
|
520
522
|
ln as StyledTypography,
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
523
|
+
uc as StyledWidget,
|
|
524
|
+
ac as StyledWidgetHeader,
|
|
525
|
+
lc as StyledWidgetTitle,
|
|
524
526
|
Xt as SyncIcon,
|
|
525
527
|
Zi as SyncSavedLocallyIcon,
|
|
526
528
|
Nr as TextBoxCheckOutlineIcon,
|
|
@@ -532,7 +534,7 @@ export {
|
|
|
532
534
|
Fr as UnknownDocumentOutlineRoundedIcon,
|
|
533
535
|
Km as UnlockIcon,
|
|
534
536
|
Oi as UploadIcon,
|
|
535
|
-
|
|
537
|
+
fc as VirtualList,
|
|
536
538
|
fn as VirtualizedList,
|
|
537
539
|
re as VisibilityOffOutlineIcon,
|
|
538
540
|
$i as VisibilityOutlineIcon,
|
|
@@ -543,29 +545,29 @@ export {
|
|
|
543
545
|
ym as WorkIcon,
|
|
544
546
|
Rp as bindPopover,
|
|
545
547
|
Mp as bindPopper,
|
|
546
|
-
|
|
548
|
+
vp as bindTrigger,
|
|
547
549
|
qn as closeSnackbar,
|
|
548
550
|
m as cn,
|
|
549
|
-
|
|
550
|
-
|
|
551
|
+
Zf as createColumnHelper,
|
|
552
|
+
Mc as createDialogStack,
|
|
551
553
|
hp as defaultDatePickerValidationMessages,
|
|
552
554
|
$p as defaultTimePickerHelperMessages,
|
|
553
555
|
Kn as enqueueSnackbar,
|
|
554
|
-
|
|
555
|
-
|
|
556
|
+
gc as estimateToolbarActionWidth,
|
|
557
|
+
zf as isCustomAction,
|
|
556
558
|
Gn as message,
|
|
557
559
|
i as omit,
|
|
558
|
-
|
|
559
|
-
|
|
560
|
+
Dc as planBulkToolbarActions,
|
|
561
|
+
hc as planToolbarActions,
|
|
560
562
|
n as prepareForSlot,
|
|
561
563
|
_n as processAlertSnackBar,
|
|
562
564
|
Wn as processDefaultSnackbar,
|
|
563
565
|
Vn as processInfoSnackbar,
|
|
564
|
-
|
|
566
|
+
kc as resolveToolbarActionWidth,
|
|
565
567
|
tf as setMidnightTime,
|
|
566
568
|
ef as setZeroTime,
|
|
567
569
|
kp as useDatePickerValidation,
|
|
568
|
-
|
|
569
|
-
|
|
570
|
+
Yf as useDynamicToolbarLayout,
|
|
571
|
+
wp as usePopupState,
|
|
570
572
|
Qn as useSnackbar
|
|
571
573
|
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
+
/** @figmaNode wXrXt5uKNNzV2DnQCgyYZH#32070-223003 (Design-System · "Title+chevron") */
|
|
3
|
+
export interface StyledTitleChevronProps {
|
|
4
|
+
/** @figmaProp none — test hook */
|
|
5
|
+
dataTest: string;
|
|
6
|
+
/** @figmaProp none — the title label slot. Plain text truncates to one line. */
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
/** @figmaProp none — behavioral: navigate to the target page / dialog / section. */
|
|
9
|
+
onClick: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
10
|
+
/** @figmaProp Size = base→"Base" (Helper SemiBold 14/20, chevron 20) | medium→"Medium" (Body Base SemiBold 16/24, chevron 24) | subtitle→"Subtitle" (Subtitle 20/28, chevron 28) */
|
|
11
|
+
size?: 'base' | 'medium' | 'subtitle';
|
|
12
|
+
/** @figmaProp none — style escape hatch */
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Clickable title row signalling that a card / list-item header navigates somewhere (calendars,
|
|
17
|
+
* network cards, pathfinder lists). Per the Figma pattern notes: the chevron is **always visible**
|
|
18
|
+
* (never revealed on hover), sits flush against the text at rest, and on hover/focus nudges
|
|
19
|
+
* **+4px right** via transform only — no layout shift. Text `title-label` (delta-800 #363e4a) →
|
|
20
|
+
* `primary` (gama-500) on hover/focus. The whole row is one native `<button>` (Enter/Space for
|
|
21
|
+
* free) with a ≥44px tap target and a visible gama-400 focus ring. State (Default/Hovered) derives
|
|
22
|
+
* from `:hover`/`:focus-visible`/`:active` at runtime, not a prop. The Figma `chevron` boolean is
|
|
23
|
+
* deliberately not exposed — a chevron-less title is a read-only heading, not this component.
|
|
24
|
+
*/
|
|
25
|
+
export declare const StyledTitleChevron: React.FC<StyledTitleChevronProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './StyledTitleChevron';
|
package/dist/src/index.d.ts
CHANGED
|
@@ -38,6 +38,7 @@ export * from './components/navigation/drawer';
|
|
|
38
38
|
export * from './components/navigation/menu';
|
|
39
39
|
export * from './components/navigation/link';
|
|
40
40
|
export * from './components/navigation/tabs';
|
|
41
|
+
export * from './components/navigation/title-chevron';
|
|
41
42
|
export * from './components/navigation/listbox';
|
|
42
43
|
export * from './components/utils/accordion';
|
|
43
44
|
export * from './table';
|
|
@@ -2,13 +2,17 @@ declare const translations: {
|
|
|
2
2
|
en: {
|
|
3
3
|
column_reorder: string;
|
|
4
4
|
column_hidden: string;
|
|
5
|
+
column_reorder_and_hidden: string;
|
|
5
6
|
reset_order: string;
|
|
7
|
+
column_order_reset: string;
|
|
6
8
|
column_settings: string;
|
|
7
9
|
};
|
|
8
10
|
no: {
|
|
9
11
|
column_reorder: string;
|
|
10
12
|
column_hidden: string;
|
|
13
|
+
column_reorder_and_hidden: string;
|
|
11
14
|
reset_order: string;
|
|
15
|
+
column_order_reset: string;
|
|
12
16
|
column_settings: string;
|
|
13
17
|
};
|
|
14
18
|
};
|