@plumile/backoffice-react 0.1.120 → 0.1.122
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/lib/esm/auth/authRefreshNotice.css.js +1 -2
- package/lib/esm/auth/authRefreshNotice.css.js.map +1 -1
- package/lib/esm/auth/login/loginPage.css.js +2 -1
- package/lib/esm/auth/login/loginPage.css.js.map +1 -1
- package/lib/esm/components/backoffice/actions/BackofficeEntityActionFormDialog.js +14 -14
- package/lib/esm/components/backoffice/actions/backofficeEntityActionFormDialog.css.js +1 -1
- package/lib/esm/components/backoffice/actions/backofficeEntityActionFormDialog.css.js.map +1 -1
- package/lib/esm/components/backoffice/billing/BackofficeBillingUsageChart.js +1 -1
- package/lib/esm/components/backoffice/billing/backofficeBillingUsageChart.css.js +1 -1
- package/lib/esm/components/backoffice/detail/BackofficeDetailFlagTag.css.js +1 -1
- package/lib/esm/components/backoffice/detail/BackofficeDetailFlagTag.css.js.map +1 -1
- package/lib/esm/components/backoffice/detail/BackofficeEntitySummaryHeader.js +6 -6
- package/lib/esm/components/backoffice/detail/BackofficeLifecycleTimelineSection.js +1 -1
- package/lib/esm/components/backoffice/detail/BackofficePayloadInspectorSection.js +1 -1
- package/lib/esm/components/backoffice/detail/BackofficeRelationsSummaryGrid.js +1 -1
- package/lib/esm/components/backoffice/detail/BackofficeUsageCostBreakdown.js +13 -13
- package/lib/esm/components/backoffice/detail/BackofficeUsageCostBreakdown.js.map +1 -1
- package/lib/esm/components/backoffice/detail/backofficeAuditMetadataPanel.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailBadgeRow.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailErrorList.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailField.css.js +8 -8
- package/lib/esm/components/backoffice/detail/backofficeDetailField.css.js.map +1 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailLayout.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailRelationLink.css.js +2 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailRelationLink.css.js.map +1 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailRelationList.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailSection.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeDetailTaggedValue.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeEntitySummaryHeader.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeEntitySummaryHeader.css.js.map +1 -1
- package/lib/esm/components/backoffice/detail/backofficeKpiStrip.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeKpiStrip.css.js.map +1 -1
- package/lib/esm/components/backoffice/detail/backofficeLifecycleTimelineSection.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficePayloadInspectorSection.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficePayloadInspectorSection.css.js.map +1 -1
- package/lib/esm/components/backoffice/detail/backofficeReferenceValue.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeRelationsSummaryGrid.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeRelationsSummaryGrid.css.js.map +1 -1
- package/lib/esm/components/backoffice/detail/backofficeScopeStack.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeStatusMetaBadge.css.js +1 -1
- package/lib/esm/components/backoffice/detail/backofficeUsageCostBreakdown.css.js +1 -1
- package/lib/esm/components/backoffice/filters/EntityIdFilterField.js +1 -1
- package/lib/esm/components/backoffice/filters/backofficeFilterAction.css.js +1 -1
- package/lib/esm/components/backoffice/filters/backofficeFilterAction.css.js.map +1 -1
- package/lib/esm/components/backoffice/filters/deferredFilterSearchInput.css.js +1 -1
- package/lib/esm/components/backoffice/filters/deferredFilterSearchInput.css.js.map +1 -1
- package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js +1 -1
- package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js.map +1 -1
- package/lib/esm/components/backoffice/hub/BackofficeHubTemplate.js +5 -5
- package/lib/esm/components/backoffice/hub/backofficeHubTemplate.css.js +1 -1
- package/lib/esm/components/backoffice/hub/backofficeHubTemplate.css.js.map +1 -1
- package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js +1 -1
- package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js.map +1 -1
- package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.js +2 -2
- package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js +2 -1
- package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js.map +1 -1
- package/lib/esm/components/backoffice/links/BackofficeLinkContent.js +1 -1
- package/lib/esm/components/backoffice/links/backofficeLink.css.js +1 -1
- package/lib/esm/components/backoffice/links/backofficeLink.css.js.map +1 -1
- package/lib/esm/components/backoffice/list/RowFlagsCell.css.js +1 -1
- package/lib/esm/components/backoffice/list/RowFlagsCell.css.js.map +1 -1
- package/lib/esm/components/backoffice/lists/BackofficeListToolbar.js +6 -6
- package/lib/esm/components/backoffice/lists/backofficeListToolbar.css.js +4 -4
- package/lib/esm/components/backoffice/lists/backofficeListToolbar.css.js.map +1 -1
- package/lib/esm/components/backoffice/overview/backofficeOverviewLayout.css.js +1 -1
- package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js +1 -1
- package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js.map +1 -1
- package/lib/esm/components/backoffice/refs/backofficeEntityIdRef.css.js +1 -1
- package/lib/esm/components/backoffice/refs/backofficeEntityIdRef.css.js.map +1 -1
- package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js +1 -1
- package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js.map +1 -1
- package/lib/esm/components/backoffice/routing/backofficeContentBoundary.css.js +1 -1
- package/lib/esm/components/backoffice/routing/backofficeContentError.css.js +1 -1
- package/lib/esm/components/backoffice/routing/backofficeContentFallback.css.js +1 -1
- package/lib/esm/components/backoffice/routing/backofficeRouteFallback.css.js +1 -1
- package/lib/esm/components/backoffice/routing/backofficeRoutePendingBar.css.js +1 -1
- package/lib/esm/components/backoffice/routing/backofficeRoutePendingBar.css.js.map +1 -1
- package/lib/esm/components/backoffice/scaffolds/backofficeEntityListScaffold.css.js +1 -1
- package/lib/esm/components/backoffice/scaffolds/backofficeEntityListScaffold.css.js.map +1 -1
- package/lib/esm/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.js +1 -1
- package/lib/esm/components/backoffice/shared/backofficeFilterableCell.css.js +5 -5
- package/lib/esm/components/backoffice/shared/backofficeFilterableCell.css.js.map +1 -1
- package/lib/esm/components/backoffice/shared/backofficeInlineFilterRow.css.js +1 -1
- package/lib/esm/components/backoffice/tools/BackofficeToolsDocPanel.js +1 -1
- package/lib/esm/components/backoffice/tools/backofficeToolsDocPanel.css.js +1 -1
- package/lib/esm/components/backoffice/tools/backofficeToolsForm.css.js +1 -1
- package/lib/esm/components/backoffice/tools/backofficeToolsJsonForm.css.js +1 -1
- package/lib/esm/pages/BackofficeEntityDetailPage.js +2 -2
- package/lib/esm/pages/backofficeDashboardPage.css.js +1 -1
- package/lib/esm/pages/backofficeEntityDetailPage.css.js +1 -1
- package/lib/esm/pages/backofficeEntityDetailPage.css.js.map +1 -1
- package/lib/esm/pages/backofficeEntityListPage.css.js +1 -1
- package/lib/esm/pages/backofficeEntityListPage.css.js.map +1 -1
- package/lib/esm/pages/dashboard/dashboardMetricGroup.css.js +1 -1
- package/lib/esm/pages/dashboard/dashboardMetricGroup.css.js.map +1 -1
- package/lib/esm/pages/dashboard/dashboardPanel.css.js +1 -1
- package/lib/esm/pages/dashboard/dashboardQuickActions.css.js +1 -1
- package/lib/esm/pages/dashboard/dashboardQuickActions.css.js.map +1 -1
- package/lib/esm/pages/dashboard/dashboardStatusList.css.js +1 -1
- package/lib/esm/pages/dashboard/dashboardStatusList.css.js.map +1 -1
- package/lib/esm/storybook/relay/RelayStory.css.js +1 -1
- package/lib/esm/style.css +1 -1
- package/lib/types/auth/authRefreshNotice.css.d.ts.map +1 -1
- package/lib/types/auth/login/loginPage.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/actions/backofficeEntityActionFormDialog.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/detail/BackofficeDetailFlagTag.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/detail/backofficeDetailField.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/detail/backofficeDetailRelationLink.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/detail/backofficeEntitySummaryHeader.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/detail/backofficeKpiStrip.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/detail/backofficePayloadInspectorSection.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/detail/backofficeRelationsSummaryGrid.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/filters/backofficeFilterAction.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/filters/deferredFilterSearchInput.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/filters/entityIdFilterField.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/hub/backofficeHubTemplate.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/layout/backofficeSidebarActions.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/links/backofficeLink.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/list/RowFlagsCell.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/lists/backofficeListToolbar.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/pickers/entityIdPickerDialog.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/refs/backofficeEntityIdRef.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/refs/backofficeRelatedCountLink.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/scaffolds/backofficeEntityListScaffold.css.d.ts.map +1 -1
- package/lib/types/components/backoffice/shared/backofficeFilterableCell.css.d.ts.map +1 -1
- package/lib/types/pages/backofficeEntityDetailPage.css.d.ts.map +1 -1
- package/lib/types/pages/backofficeEntityListPage.css.d.ts.map +1 -1
- package/lib/types/pages/dashboard/dashboardMetricGroup.css.d.ts.map +1 -1
- package/lib/types/pages/dashboard/dashboardQuickActions.css.d.ts.map +1 -1
- package/lib/types/pages/dashboard/dashboardStatusList.css.d.ts.map +1 -1
- package/package.json +6 -6
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/* empty css */
|
|
2
1
|
/* empty css */
|
|
3
2
|
//#region src/auth/authRefreshNotice.css.ts
|
|
4
|
-
var e = "
|
|
3
|
+
var e = "txvbqbojf txvbqbph0 txvbqbpzs txvbqbn71 txvbqbzjx txvbqb10hi txvbqb11eq txvbqbwqt txvbqb11k5 txvbqbdr8 txvbqbey txvbqbffj txvbqb9j txvbqb18wh txvbqbjyr txvbqb11mo txvbqbbn1 txvbqbryx txvbqb19c9 txvbqb1937 txvbqb1w1 txvbqb2et txvbqb187 txvbqbck9", t = "txvbqbf7y txvbqb17gh txvbqbhlw txvbqb2is txvbqb197j", n = "txvbqbm9g";
|
|
5
4
|
//#endregion
|
|
6
5
|
export { t as indicator, e as root, n as text };
|
|
7
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"authRefreshNotice.css.js","names":[],"sources":["../../../src/auth/authRefreshNotice.css.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"authRefreshNotice.css.js","names":[],"sources":["../../../src/auth/authRefreshNotice.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const root = sprinkles({\n position: 'fixed',\n display: 'flex',\n alignItems: 'center',\n gap: 3,\n fontSize: 'sm',\n zIndex: 50,\n left: 4,\n right: 4,\n bottom: 4,\n maxWidth: 720,\n marginX: 'auto',\n marginY: 0,\n paddingY: 2.5,\n paddingX: 3.5,\n color: 'text',\n backgroundColor: 'white',\n borderWidth: 'px',\n borderStyle: 'solid',\n borderColor: 'borderStrong',\n boxShadow: 'lg',\n});\n\nexport const indicator = sprinkles({\n flexShrink: 0,\n width: 2,\n height: 2,\n borderRadius: 'full',\n backgroundColor: 'warning',\n});\n\nexport const text = sprinkles({\n margin: 0,\n});\n"],"mappings":""}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
/* empty css */
|
|
1
2
|
/* empty css */
|
|
2
3
|
//#region src/auth/login/loginPage.css.ts
|
|
3
|
-
var e = "
|
|
4
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbffw", t = "txvbqbdr8 txvbqbf6i txvbqb17w0", n = "txvbqb19dn txvbqb9j txvbqbm9g txvbqblzp", r = "txvbqbey txvbqb19dn txvbqbdr8 txvbqbff6 txvbqbq1l txvbqbn84", i = "txvbqb197r txvbqbi1s txvbqbdxd txvbqb2is txvbqb19e7", a = "txvbqbey txvbqbdr8 txvbqbf91 txvbqbffj txvbqbjus txvbqbq0v", o = "w8yhmy0 txvbqb1933 txvbqb1g5 txvbqb2e3 txvbqb19d9 txvbqbv txvbqbfd0 txvbqbux3 txvbqb3f txvbqb7h txvbqb76 txvbqb7t txvbqb1bwh txvbqb1czl", s = "txvbqbypl txvbqbzn6 txvbqb10kr txvbqbvwu txvbqbabd txvbqba5l txvbqbalh txvbqbahi", c = "txvbqbdr8 txvbqbf6i txvbqbffw", l = "txvbqb17w0", u = "txvbqbm9g txvbqbam txvbqbfdd txvbqb19d9 txvbqbkvm", d = "txvbqbq18", f = "w8yhmy1 txvbqb1cw txvbqb1w1 txvbqb2et txvbqb19d9 txvbqb1983 txvbqb7h txvbqb75 txvbqb7t";
|
|
4
5
|
//#endregion
|
|
5
6
|
export { a as actionsRow, c as block, f as brandGhostButton, r as divider, i as dividerLine, d as footer, t as formSurface, l as fullWidth, n as helper, o as inlineLink, s as panel, u as panelTitle, e as stack };
|
|
6
7
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loginPage.css.js","names":[],"sources":["../../../../src/auth/login/loginPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const stack = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n});\n\nexport const formSurface = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n width: 'full',\n});\n\nexport const helper = sprinkles({\n color: 'brandDarkGray',\n fontSize: 'sm',\n margin: 0,\n lineHeight: 1.6,\n});\n\nexport const divider = sprinkles({\n alignItems: 'center',\n color: 'brandDarkGray',\n display: 'flex',\n gap: 2,\n marginTop: 5,\n marginBottom: 3,\n});\n\nexport const dividerLine = sprinkles({\n backgroundColor: 'brandPrimaryRed',\n height: 'px',\n flex: 1,\n borderRadius: 'full',\n opacity: 35,\n});\n\nexport const actionsRow = sprinkles({\n alignItems: 'center',\n display: 'flex',\n flexWrap: 'wrap',\n gap: 3,\n justifyContent: 'space-between',\n marginTop: 3,\n});\n\nexport const inlineLink = style([\n sprinkles({\n
|
|
1
|
+
{"version":3,"file":"loginPage.css.js","names":[],"sources":["../../../../src/auth/login/loginPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const stack = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n});\n\nexport const formSurface = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n width: 'full',\n});\n\nexport const helper = sprinkles({\n color: 'brandDarkGray',\n fontSize: 'sm',\n margin: 0,\n lineHeight: 1.6,\n});\n\nexport const divider = sprinkles({\n alignItems: 'center',\n color: 'brandDarkGray',\n display: 'flex',\n gap: 2,\n marginTop: 5,\n marginBottom: 3,\n});\n\nexport const dividerLine = sprinkles({\n backgroundColor: 'brandPrimaryRed',\n height: 'px',\n flex: 1,\n borderRadius: 'full',\n opacity: 35,\n});\n\nexport const actionsRow = sprinkles({\n alignItems: 'center',\n display: 'flex',\n flexWrap: 'wrap',\n gap: 3,\n justifyContent: 'space-between',\n marginTop: 3,\n});\n\nexport const inlineLink = style([\n sprinkles({\n backgroundColor: 'transparent',\n borderWidth: 0,\n borderStyle: 'none',\n color: 'brandPrimaryRed',\n cursor: 'pointer',\n fontWeight: 'semibold',\n padding: 0,\n textDecoration: 'none',\n transitionProperty: 'colors',\n transitionDuration: 150,\n transitionTimingFunction: 'ease',\n }),\n stateSprinkles({\n color: { hover: 'brandSecondaryOrange' },\n textDecoration: { hover: 'underline' },\n }),\n]);\n\nexport const panel = sprinkles({\n borderTopLeftRadius: 'none',\n borderTopRightRadius: 'none',\n borderBottomLeftRadius: '2xl',\n borderBottomRightRadius: '2xl',\n paddingX: 6,\n paddingY: 6,\n});\n\nexport const block = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n});\n\nexport const fullWidth = sprinkles({\n width: 'full',\n});\n\nexport const panelTitle = sprinkles({\n margin: 0,\n fontSize: 'xl',\n fontWeight: 'bold',\n color: 'brandPrimaryRed',\n letterSpacing: 'tight',\n});\n\nexport const footer = sprinkles({\n marginTop: 4,\n});\n\nexport const brandGhostButton = style([\n sprinkles({\n borderColor: 'brandPrimaryRed',\n borderWidth: 'px',\n borderStyle: 'solid',\n color: 'brandPrimaryRed',\n backgroundColor: 'brandLightGray',\n transitionProperty: 'colors',\n transitionDuration: 120,\n transitionTimingFunction: 'ease',\n }),\n {\n selectors: {\n '&:hover:not(:disabled)': {\n backgroundColor: `color-mix(in srgb, ${vars.colors.brandPrimaryRed} 8%, transparent)`,\n color: vars.colors.brandSecondaryOrange,\n borderColor: vars.colors.brandSecondaryOrange,\n },\n },\n },\n]);\n"],"mappings":""}
|
|
@@ -341,7 +341,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
341
341
|
}),
|
|
342
342
|
n != null && /* @__PURE__ */ g("span", {
|
|
343
343
|
id: a,
|
|
344
|
-
className: "
|
|
344
|
+
className: "txvbqb96 txvbqb19bn",
|
|
345
345
|
children: n
|
|
346
346
|
}),
|
|
347
347
|
/* @__PURE__ */ g(b, {
|
|
@@ -360,7 +360,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
360
360
|
}),
|
|
361
361
|
s != null && /* @__PURE__ */ g("span", {
|
|
362
362
|
id: o,
|
|
363
|
-
className: "
|
|
363
|
+
className: "txvbqb96 txvbqb19cn",
|
|
364
364
|
children: s
|
|
365
365
|
})
|
|
366
366
|
] }, e.id);
|
|
@@ -377,7 +377,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
377
377
|
}),
|
|
378
378
|
n != null && /* @__PURE__ */ g("span", {
|
|
379
379
|
id: a,
|
|
380
|
-
className: "
|
|
380
|
+
className: "txvbqb96 txvbqb19bn",
|
|
381
381
|
children: n
|
|
382
382
|
}),
|
|
383
383
|
/* @__PURE__ */ g(b, {
|
|
@@ -396,7 +396,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
396
396
|
}),
|
|
397
397
|
s != null && /* @__PURE__ */ g("span", {
|
|
398
398
|
id: o,
|
|
399
|
-
className: "
|
|
399
|
+
className: "txvbqb96 txvbqb19cn",
|
|
400
400
|
children: s
|
|
401
401
|
})
|
|
402
402
|
] }, e.id);
|
|
@@ -413,7 +413,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
413
413
|
}),
|
|
414
414
|
n != null && /* @__PURE__ */ g("span", {
|
|
415
415
|
id: a,
|
|
416
|
-
className: "
|
|
416
|
+
className: "txvbqb96 txvbqb19bn",
|
|
417
417
|
children: n
|
|
418
418
|
}),
|
|
419
419
|
/* @__PURE__ */ g(oe, {
|
|
@@ -432,7 +432,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
432
432
|
}),
|
|
433
433
|
s != null && /* @__PURE__ */ g("span", {
|
|
434
434
|
id: o,
|
|
435
|
-
className: "
|
|
435
|
+
className: "txvbqb96 txvbqb19cn",
|
|
436
436
|
children: s
|
|
437
437
|
})
|
|
438
438
|
] }, e.id);
|
|
@@ -453,7 +453,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
453
453
|
}),
|
|
454
454
|
n != null && /* @__PURE__ */ g("span", {
|
|
455
455
|
id: a,
|
|
456
|
-
className: "
|
|
456
|
+
className: "txvbqb96 txvbqb19bn",
|
|
457
457
|
children: n
|
|
458
458
|
}),
|
|
459
459
|
/* @__PURE__ */ g(de, {
|
|
@@ -471,7 +471,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
471
471
|
}),
|
|
472
472
|
s != null && /* @__PURE__ */ g("span", {
|
|
473
473
|
id: o,
|
|
474
|
-
className: "
|
|
474
|
+
className: "txvbqb96 txvbqb19cn",
|
|
475
475
|
children: s
|
|
476
476
|
})
|
|
477
477
|
] }, e.id);
|
|
@@ -500,7 +500,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
500
500
|
}),
|
|
501
501
|
n != null && /* @__PURE__ */ g("span", {
|
|
502
502
|
id: a,
|
|
503
|
-
className: "
|
|
503
|
+
className: "txvbqb96 txvbqb19bn",
|
|
504
504
|
children: n
|
|
505
505
|
}),
|
|
506
506
|
/* @__PURE__ */ g(r, {
|
|
@@ -523,7 +523,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
523
523
|
}),
|
|
524
524
|
s != null && /* @__PURE__ */ g("span", {
|
|
525
525
|
id: o,
|
|
526
|
-
className: "
|
|
526
|
+
className: "txvbqb96 txvbqb19cn",
|
|
527
527
|
children: s
|
|
528
528
|
})
|
|
529
529
|
] }, e.id);
|
|
@@ -537,13 +537,13 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
537
537
|
id: d,
|
|
538
538
|
className: ee,
|
|
539
539
|
children: [t, e.required && /* @__PURE__ */ g("span", {
|
|
540
|
-
className: "
|
|
540
|
+
className: "txvbqbo4z txvbqb19cn",
|
|
541
541
|
children: "*"
|
|
542
542
|
})]
|
|
543
543
|
}),
|
|
544
544
|
n != null && /* @__PURE__ */ g("span", {
|
|
545
545
|
id: a,
|
|
546
|
-
className: "
|
|
546
|
+
className: "txvbqb96 txvbqb19bn",
|
|
547
547
|
children: n
|
|
548
548
|
}),
|
|
549
549
|
/* @__PURE__ */ g("div", {
|
|
@@ -569,7 +569,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
569
569
|
]
|
|
570
570
|
}), s != null && /* @__PURE__ */ g("span", {
|
|
571
571
|
id: o,
|
|
572
|
-
className: "
|
|
572
|
+
className: "txvbqb96 txvbqb19cn",
|
|
573
573
|
children: s
|
|
574
574
|
})] }, e.id);
|
|
575
575
|
}
|
|
@@ -577,7 +577,7 @@ var { commitMutation: pe, useRelayEnvironment: me } = y, w = (e, t) => e(t), T =
|
|
|
577
577
|
}
|
|
578
578
|
}) }),
|
|
579
579
|
$ && /* @__PURE__ */ _("div", {
|
|
580
|
-
className: "
|
|
580
|
+
className: "txvbqbdr8 txvbqbf6i txvbqbff6",
|
|
581
581
|
children: [H != null && Q != null && /* @__PURE__ */ g(ce, {
|
|
582
582
|
badgeLabel: Q,
|
|
583
583
|
copyCode: H,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/actions/backofficeEntityActionFormDialog.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbdr8 txvbqbju2 txvbqbf91 txvbqbff6", n = "txvbqb1g5 txvbqbm9g txvbqbt9i txvbqbux3", r = "txvbqb9j txvbqbfcn txvbqb19c9 txvbqbux3", i = "txvbqbo4z txvbqb19cn", a = "txvbqbdr8 txvbqbf6i txvbqbff6", o = "txvbqbdr8 txvbqbf6i txvbqbff6", s = "txvbqb96 txvbqb19cn", c = "txvbqb96 txvbqb19bn", l = "txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqbdsb txvbqbey txvbqbff6 txvbqb2g9 txvbqb196h txvbqb1uy txvbqb2et txvbqb17u txvbqb19cb txvbqb9j txvbqbcjw";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { t as actions, a as checkboxGroup, c as fieldDescription, s as fieldError, n as fieldset, e as form, l as lazyFallback, r as legend, i as requiredMark, o as resultSection };
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backofficeEntityActionFormDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/actions/backofficeEntityActionFormDialog.css.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"backofficeEntityActionFormDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/actions/backofficeEntityActionFormDialog.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const form = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 3,\n});\n\nexport const actions = sprinkles({\n display: 'flex',\n justifyContent: 'flex-end',\n flexWrap: 'wrap',\n gap: 2,\n});\n\nexport const fieldset = sprinkles({\n borderWidth: 0,\n margin: 0,\n minWidth: 0,\n padding: 0,\n});\n\nexport const legend = sprinkles({\n fontSize: 'sm',\n fontWeight: 'medium',\n color: 'text',\n padding: 0,\n});\n\nexport const requiredMark = sprinkles({\n marginLeft: 1,\n color: 'error',\n});\n\nexport const checkboxGroup = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n});\n\nexport const resultSection = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n});\n\nexport const fieldError = sprinkles({\n fontSize: 'xs',\n color: 'error',\n});\n\nexport const fieldDescription = sprinkles({\n fontSize: 'xs',\n color: 'secondary',\n});\n\nexport const lazyFallback = sprinkles({\n display: 'inline-flex',\n alignItems: 'center',\n gap: 2,\n paddingX: 3,\n paddingY: 2,\n borderRadius: 'md',\n backgroundColor: 'surfaceElevated',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'borderSubtle',\n color: 'textSecondary',\n fontSize: 'sm',\n boxShadow: 'md',\n});\n"],"mappings":""}
|
|
@@ -32,7 +32,7 @@ var u = "->", d = ({ ariaLabel: d, buckets: f, categories: p, currency: m, empty
|
|
|
32
32
|
children: w(y)
|
|
33
33
|
}),
|
|
34
34
|
g != null && v != null && /* @__PURE__ */ a("p", {
|
|
35
|
-
className: "
|
|
35
|
+
className: "txvbqb96 txvbqb19cd txvbqbm9g",
|
|
36
36
|
children: [
|
|
37
37
|
_,
|
|
38
38
|
" ",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/billing/backofficeBillingUsageChart.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbaz txvbqbbe txvbqbfd0 txvbqb19c9 txvbqbm9g", n = "txvbqb96 txvbqb19cd txvbqbm9g";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { n as rangeText, e as root, t as totalValue };
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/BackofficeDetailFlagTag.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbey txvbqbff6", t = "txvbqbdr8 txvbqbey txvbqbdyg", n = "txvbqbdy3";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { e as content, t as icon, n as label };
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficeDetailFlagTag.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailFlagTag.css.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"BackofficeDetailFlagTag.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailFlagTag.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const content = sprinkles({\n display: 'flex',\n alignItems: 'center',\n gap: 2,\n});\n\nexport const icon = sprinkles({\n display: 'flex',\n alignItems: 'center',\n flex: 'none',\n});\n\nexport const label = sprinkles({\n flex: 'initial',\n});\n"],"mappings":""}
|
|
@@ -37,15 +37,15 @@ var f = (e) => e === "danger" ? "danger" : e === "neutral" ? "secondary" : "prim
|
|
|
37
37
|
h != null && /* @__PURE__ */ s(t, { status: h })
|
|
38
38
|
]
|
|
39
39
|
}), m != null && /* @__PURE__ */ s("div", {
|
|
40
|
-
className: "
|
|
40
|
+
className: "txvbqb9j txvbqb19cb txvbqbutu",
|
|
41
41
|
children: m
|
|
42
42
|
})]
|
|
43
43
|
}), b.length > 0 && /* @__PURE__ */ s("div", {
|
|
44
|
-
className: "
|
|
44
|
+
className: "txvbqbdr8 txvbqbey txvbqbju2 txvbqbff6 txvbqbf91",
|
|
45
45
|
children: b.map(p)
|
|
46
46
|
})]
|
|
47
47
|
}), g != null && g.length > 0 && /* @__PURE__ */ s("div", {
|
|
48
|
-
className: "
|
|
48
|
+
className: "txvbqbdrl txvbqbffj txvbqbheb",
|
|
49
49
|
children: g.map((e) => {
|
|
50
50
|
let t = e.value;
|
|
51
51
|
return e.copyValue != null && e.copyValue !== "" && (t = /* @__PURE__ */ s(d, {
|
|
@@ -55,12 +55,12 @@ var f = (e) => e === "danger" ? "danger" : e === "neutral" ? "secondary" : "prim
|
|
|
55
55
|
copyLabel: y("common.actions.copy"),
|
|
56
56
|
copiedLabel: y("common.actions.copied")
|
|
57
57
|
})), /* @__PURE__ */ c("div", {
|
|
58
|
-
className: "
|
|
58
|
+
className: "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i",
|
|
59
59
|
children: [/* @__PURE__ */ s("span", {
|
|
60
|
-
className: "
|
|
60
|
+
className: "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb",
|
|
61
61
|
children: e.label
|
|
62
62
|
}), /* @__PURE__ */ s("span", {
|
|
63
|
-
className: "
|
|
63
|
+
className: "txvbqb9j txvbqb19c9 txvbqbutu",
|
|
64
64
|
children: t
|
|
65
65
|
})]
|
|
66
66
|
}, e.id);
|
|
@@ -18,7 +18,7 @@ var o = ({ title: o, description: s, events: c, emptyLabel: l }) => {
|
|
|
18
18
|
return (e.actor != null || e.payload != null) && (t = /* @__PURE__ */ i("span", {
|
|
19
19
|
className: n,
|
|
20
20
|
children: [e.actor != null && /* @__PURE__ */ r("span", {
|
|
21
|
-
className: "
|
|
21
|
+
className: "txvbqb19cb",
|
|
22
22
|
children: e.actor
|
|
23
23
|
}), e.payload]
|
|
24
24
|
})), {
|
|
@@ -18,7 +18,7 @@ var c = (e, t) => e == null ? "" : t === "json" ? n(e) : typeof e == "string" ?
|
|
|
18
18
|
title: n,
|
|
19
19
|
description: l,
|
|
20
20
|
children: [u != null && /* @__PURE__ */ a("div", {
|
|
21
|
-
className: "
|
|
21
|
+
className: "txvbqb9j txvbqb19cb txvbqbutu",
|
|
22
22
|
children: u
|
|
23
23
|
}), /* @__PURE__ */ o("details", {
|
|
24
24
|
className: r,
|
|
@@ -24,52 +24,52 @@ var s = ({ title: s, rows: c, totals: l, emptyLabel: u, columnLabels: d }) => {
|
|
|
24
24
|
items: l,
|
|
25
25
|
density: "compact"
|
|
26
26
|
}), c.length > 0 && /* @__PURE__ */ o("div", {
|
|
27
|
-
className: "
|
|
27
|
+
className: "txvbqbdrl txvbqbff6",
|
|
28
28
|
children: [/* @__PURE__ */ o("div", {
|
|
29
|
-
className: "_13200uy0
|
|
29
|
+
className: "_13200uy0 txvbqbdrl txvbqbffj txvbqbey",
|
|
30
30
|
children: [
|
|
31
31
|
/* @__PURE__ */ a("span", {
|
|
32
|
-
className: "
|
|
32
|
+
className: "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb",
|
|
33
33
|
children: m.name
|
|
34
34
|
}),
|
|
35
35
|
/* @__PURE__ */ a("span", {
|
|
36
|
-
className: "
|
|
36
|
+
className: "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb",
|
|
37
37
|
children: m.rawCost
|
|
38
38
|
}),
|
|
39
39
|
/* @__PURE__ */ a("span", {
|
|
40
|
-
className: "
|
|
40
|
+
className: "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb",
|
|
41
41
|
children: m.markup
|
|
42
42
|
}),
|
|
43
43
|
/* @__PURE__ */ a("span", {
|
|
44
|
-
className: "
|
|
44
|
+
className: "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb",
|
|
45
45
|
children: m.charged
|
|
46
46
|
}),
|
|
47
47
|
/* @__PURE__ */ a("span", {
|
|
48
|
-
className: "
|
|
48
|
+
className: "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb",
|
|
49
49
|
children: m.events
|
|
50
50
|
})
|
|
51
51
|
]
|
|
52
52
|
}), c.map((e) => /* @__PURE__ */ o("div", {
|
|
53
|
-
className: "_13200uy0
|
|
53
|
+
className: "_13200uy0 txvbqbdrl txvbqbffj txvbqbey",
|
|
54
54
|
children: [
|
|
55
55
|
/* @__PURE__ */ a("span", {
|
|
56
|
-
className: i("
|
|
56
|
+
className: i("txvbqb9j txvbqb19c9 txvbqbutu", "txvbqbfcn"),
|
|
57
57
|
children: e.label
|
|
58
58
|
}),
|
|
59
59
|
/* @__PURE__ */ a("span", {
|
|
60
|
-
className: "
|
|
60
|
+
className: "txvbqb9j txvbqb19c9 txvbqbutu",
|
|
61
61
|
children: e.rawCost ?? p
|
|
62
62
|
}),
|
|
63
63
|
/* @__PURE__ */ a("span", {
|
|
64
|
-
className: "
|
|
64
|
+
className: "txvbqb9j txvbqb19c9 txvbqbutu",
|
|
65
65
|
children: e.markup ?? p
|
|
66
66
|
}),
|
|
67
67
|
/* @__PURE__ */ a("span", {
|
|
68
|
-
className: "
|
|
68
|
+
className: "txvbqb9j txvbqb19c9 txvbqbutu",
|
|
69
69
|
children: e.charged ?? p
|
|
70
70
|
}),
|
|
71
71
|
/* @__PURE__ */ a("span", {
|
|
72
|
-
className: "
|
|
72
|
+
className: "txvbqb9j txvbqb19c9 txvbqbutu",
|
|
73
73
|
children: e.eventsCount ?? e.quantity ?? p
|
|
74
74
|
})
|
|
75
75
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackofficeUsageCostBreakdown.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeUsageCostBreakdown.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport {\n BackofficeKpiStrip,\n type BackofficeKpiItem,\n} from './BackofficeKpiStrip.js';\nimport * as styles from './backofficeUsageCostBreakdown.css.js';\n\nexport type BackofficeMoneyValue = {\n readonly amount: string | number;\n readonly currency: string;\n};\n\nexport type BackofficeUsageCostBreakdownRow = {\n readonly id: string;\n readonly label: string;\n readonly rawCost?: ReactNode;\n readonly markup?: ReactNode;\n readonly charged?: ReactNode;\n readonly eventsCount?: ReactNode;\n readonly quantity?: ReactNode;\n};\n\nexport type BackofficeUsageCostBreakdownProps = {\n readonly title: string;\n readonly rows: readonly BackofficeUsageCostBreakdownRow[];\n readonly totals?: readonly BackofficeKpiItem[];\n readonly emptyLabel?: string;\n readonly columnLabels?: {\n readonly name: string;\n readonly rawCost: string;\n readonly markup: string;\n readonly charged: string;\n readonly events: string;\n };\n};\n\nexport const BackofficeUsageCostBreakdown = ({\n title,\n rows,\n totals,\n emptyLabel,\n columnLabels,\n}: BackofficeUsageCostBreakdownProps): JSX.Element => {\n const { t } = useBackofficeReactTranslation();\n const missing = t('common.notAvailable');\n const labels = columnLabels ?? {\n name: t('detail.columns.name'),\n rawCost: t('detail.columns.rawCost'),\n markup: t('detail.columns.markup'),\n charged: t('detail.columns.charged'),\n events: t('detail.columns.events'),\n };\n\n if (rows.length === 0 && (totals == null || totals.length === 0)) {\n return (\n <BackofficeDetailSection title={title}>\n {emptyLabel ?? missing}\n </BackofficeDetailSection>\n );\n }\n\n return (\n <BackofficeDetailSection title={title}>\n <div className={styles.content}>\n {totals != null && totals.length > 0 && (\n <BackofficeKpiStrip items={totals} density=\"compact\" />\n )}\n {rows.length > 0 && (\n <div className={styles.table}>\n <div className={styles.row}>\n <span className={styles.header}>{labels.name}</span>\n <span className={styles.header}>{labels.rawCost}</span>\n <span className={styles.header}>{labels.markup}</span>\n <span className={styles.header}>{labels.charged}</span>\n <span className={styles.header}>{labels.events}</span>\n </div>\n {rows.map((row) => {\n return (\n <div className={styles.row} key={row.id}>\n <span className={cx(styles.cell, styles.label)}>\n {row.label}\n </span>\n <span className={styles.cell}>{row.rawCost ?? missing}</span>\n <span className={styles.cell}>{row.markup ?? missing}</span>\n <span className={styles.cell}>{row.charged ?? missing}</span>\n <span className={styles.cell}>\n {row.eventsCount ?? row.quantity ?? missing}\n </span>\n </div>\n );\n })}\n </div>\n )}\n </div>\n </BackofficeDetailSection>\n );\n};\n\nexport default BackofficeUsageCostBreakdown;\n"],"mappings":";;;;;;;AAwCA,IAAa,KAAgC,EAC3C,UACA,SACA,WACA,eACA,sBACoD;CACpD,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAU,EAAE,sBAAsB,EAClC,IAAS,KAAgB;EAC7B,MAAM,EAAE,sBAAsB;EAC9B,SAAS,EAAE,yBAAyB;EACpC,QAAQ,EAAE,wBAAwB;EAClC,SAAS,EAAE,yBAAyB;EACpC,QAAQ,EAAE,wBAAwB;EACnC;CAUD,OARI,EAAK,WAAW,MAAM,KAAU,QAAQ,EAAO,WAAW,KAE1D,kBAAC,GAAD;EAAgC;YAC7B,KAAc;EACS,CAAA,GAK5B,kBAAC,GAAD;EAAgC;YAC9B,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KAAU,QAAQ,EAAO,SAAS,KACjC,kBAAC,GAAD;IAAoB,OAAO;IAAQ,SAAQ;IAAY,CAAA,EAExD,EAAK,SAAS,KACb,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB;MACE,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAY,CAAA;MACpD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAe,CAAA;MACvD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAc,CAAA;MACtD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAe,CAAA;MACvD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAc,CAAA;MAClD;QACL,EAAK,KAAK,MAEP,kBAAC,OAAD;KAAK,WAAW;eAAhB;MACE,kBAAC,QAAD;OAAM,WAAW,EAAG,
|
|
1
|
+
{"version":3,"file":"BackofficeUsageCostBreakdown.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeUsageCostBreakdown.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport {\n BackofficeKpiStrip,\n type BackofficeKpiItem,\n} from './BackofficeKpiStrip.js';\nimport * as styles from './backofficeUsageCostBreakdown.css.js';\n\nexport type BackofficeMoneyValue = {\n readonly amount: string | number;\n readonly currency: string;\n};\n\nexport type BackofficeUsageCostBreakdownRow = {\n readonly id: string;\n readonly label: string;\n readonly rawCost?: ReactNode;\n readonly markup?: ReactNode;\n readonly charged?: ReactNode;\n readonly eventsCount?: ReactNode;\n readonly quantity?: ReactNode;\n};\n\nexport type BackofficeUsageCostBreakdownProps = {\n readonly title: string;\n readonly rows: readonly BackofficeUsageCostBreakdownRow[];\n readonly totals?: readonly BackofficeKpiItem[];\n readonly emptyLabel?: string;\n readonly columnLabels?: {\n readonly name: string;\n readonly rawCost: string;\n readonly markup: string;\n readonly charged: string;\n readonly events: string;\n };\n};\n\nexport const BackofficeUsageCostBreakdown = ({\n title,\n rows,\n totals,\n emptyLabel,\n columnLabels,\n}: BackofficeUsageCostBreakdownProps): JSX.Element => {\n const { t } = useBackofficeReactTranslation();\n const missing = t('common.notAvailable');\n const labels = columnLabels ?? {\n name: t('detail.columns.name'),\n rawCost: t('detail.columns.rawCost'),\n markup: t('detail.columns.markup'),\n charged: t('detail.columns.charged'),\n events: t('detail.columns.events'),\n };\n\n if (rows.length === 0 && (totals == null || totals.length === 0)) {\n return (\n <BackofficeDetailSection title={title}>\n {emptyLabel ?? missing}\n </BackofficeDetailSection>\n );\n }\n\n return (\n <BackofficeDetailSection title={title}>\n <div className={styles.content}>\n {totals != null && totals.length > 0 && (\n <BackofficeKpiStrip items={totals} density=\"compact\" />\n )}\n {rows.length > 0 && (\n <div className={styles.table}>\n <div className={styles.row}>\n <span className={styles.header}>{labels.name}</span>\n <span className={styles.header}>{labels.rawCost}</span>\n <span className={styles.header}>{labels.markup}</span>\n <span className={styles.header}>{labels.charged}</span>\n <span className={styles.header}>{labels.events}</span>\n </div>\n {rows.map((row) => {\n return (\n <div className={styles.row} key={row.id}>\n <span className={cx(styles.cell, styles.label)}>\n {row.label}\n </span>\n <span className={styles.cell}>{row.rawCost ?? missing}</span>\n <span className={styles.cell}>{row.markup ?? missing}</span>\n <span className={styles.cell}>{row.charged ?? missing}</span>\n <span className={styles.cell}>\n {row.eventsCount ?? row.quantity ?? missing}\n </span>\n </div>\n );\n })}\n </div>\n )}\n </div>\n </BackofficeDetailSection>\n );\n};\n\nexport default BackofficeUsageCostBreakdown;\n"],"mappings":";;;;;;;AAwCA,IAAa,KAAgC,EAC3C,UACA,SACA,WACA,eACA,sBACoD;CACpD,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAU,EAAE,sBAAsB,EAClC,IAAS,KAAgB;EAC7B,MAAM,EAAE,sBAAsB;EAC9B,SAAS,EAAE,yBAAyB;EACpC,QAAQ,EAAE,wBAAwB;EAClC,SAAS,EAAE,yBAAyB;EACpC,QAAQ,EAAE,wBAAwB;EACnC;CAUD,OARI,EAAK,WAAW,MAAM,KAAU,QAAQ,EAAO,WAAW,KAE1D,kBAAC,GAAD;EAAgC;YAC7B,KAAc;EACS,CAAA,GAK5B,kBAAC,GAAD;EAAgC;YAC9B,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KAAU,QAAQ,EAAO,SAAS,KACjC,kBAAC,GAAD;IAAoB,OAAO;IAAQ,SAAQ;IAAY,CAAA,EAExD,EAAK,SAAS,KACb,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB;MACE,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAY,CAAA;MACpD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAe,CAAA;MACvD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAc,CAAA;MACtD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAe,CAAA;MACvD,kBAAC,QAAD;OAAM,WAAW;iBAAgB,EAAO;OAAc,CAAA;MAClD;QACL,EAAK,KAAK,MAEP,kBAAC,OAAD;KAAK,WAAW;eAAhB;MACE,kBAAC,QAAD;OAAM,WAAW,EAAG,iCAAa,YAAa;iBAC3C,EAAI;OACA,CAAA;MACP,kBAAC,QAAD;OAAM,WAAW;iBAAc,EAAI,WAAW;OAAe,CAAA;MAC7D,kBAAC,QAAD;OAAM,WAAW;iBAAc,EAAI,UAAU;OAAe,CAAA;MAC5D,kBAAC,QAAD;OAAM,WAAW;iBAAc,EAAI,WAAW;OAAe,CAAA;MAC7D,kBAAC,QAAD;OAAM,WAAW;iBACd,EAAI,eAAe,EAAI,YAAY;OAC/B,CAAA;MACH;OAV2B,EAAI,GAU/B,CAER,CACE;MAEJ;;EACkB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeAuditMetadataPanel.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdrl txvbqbffj txvbqbhf1", t = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", n = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", r = "txvbqbdr8 txvbqbey txvbqbff6 txvbqbf91 txvbqb9j txvbqb19c9";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { t as item, n as label, e as list, r as value };
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeDetailErrorList.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbffw", t = "txvbqbdr8 txvbqbf6i txvbqbff6 txvbqbuy6 txvbqb2gz", n = "txvbqb1uy txvbqb2et txvbqb17u txvbqb196f", r = "txvbqbdr8 txvbqbf6i txvbqbfet", i = "txvbqbfau txvbqb9j txvbqb19cd", a = "txvbqbfd0", o = "txvbqb9j";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { i as code, o as details, r as header, t as item, n as itemSurface, e as list, a as message };
|
|
6
6
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeDetailField.css.ts
|
|
3
|
-
var e = "
|
|
4
|
-
xs: "
|
|
5
|
-
s: "
|
|
6
|
-
statusAction: "
|
|
7
|
-
m: "
|
|
8
|
-
l: "
|
|
9
|
-
xl: "
|
|
10
|
-
fluid: "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", t = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", n = "txvbqb9j txvbqb19c9 txvbqbutu txvbqb18sv", r = "txvbqbgjm", i = {
|
|
4
|
+
xs: "txvbqbs39",
|
|
5
|
+
s: "txvbqbs3m",
|
|
6
|
+
statusAction: "txvbqbs3z",
|
|
7
|
+
m: "txvbqbs3z",
|
|
8
|
+
l: "txvbqbs4c",
|
|
9
|
+
xl: "txvbqbs4p",
|
|
10
|
+
fluid: "txvbqbs65"
|
|
11
11
|
};
|
|
12
12
|
//#endregion
|
|
13
13
|
export { e as field, r as fullWidth, t as label, i as size, n as value };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backofficeDetailField.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailField.css.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"backofficeDetailField.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailField.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const field = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 1,\n minWidth: 0,\n});\n\nexport const label = sprinkles({\n fontSize: 'xs',\n textTransform: 'uppercase',\n letterSpacing: 'capsTight',\n color: 'textSecondary',\n});\n\nexport const value = sprinkles({\n fontSize: 'sm',\n color: 'text',\n overflowWrap: 'anywhere',\n wordBreak: 'break-word',\n});\n\nexport const fullWidth = sprinkles({\n gridColumn: 'span-full',\n});\n\nexport const size = {\n xs: sprinkles({ maxWidth: '10ch' }),\n s: sprinkles({ maxWidth: '18ch' }),\n statusAction: sprinkles({ maxWidth: '28ch' }),\n m: sprinkles({ maxWidth: '28ch' }),\n l: sprinkles({ maxWidth: '44ch' }),\n xl: sprinkles({ maxWidth: '64ch' }),\n fluid: sprinkles({ maxWidth: 'full' }),\n};\n"],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeDetailLayout.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdrl txvbqbh7t txvbqbh7j txvbqbffw txvbqbel txvbqbt9i", t = "txvbqbdr8 txvbqbf6i txvbqbffw txvbqbt9i", n = "txvbqbdr8 txvbqbf6i txvbqbffw txvbqbt9i", r = "txvbqbdr8 txvbqbf6i txvbqbffw";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { e as layout, t as primary, n as secondary, r as stacked };
|
|
6
6
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
/* empty css */
|
|
1
2
|
/* empty css */
|
|
2
3
|
//#region src/components/backoffice/detail/backofficeDetailRelationLink.css.ts
|
|
3
|
-
var e = "_93gupm0
|
|
4
|
+
var e = "_93gupm0 qbwcueg qbwcuee txvbqb2g9 txvbqb19c9 txvbqb3f txvbqb7g txvbqb76 txvbqb7t qbwcuef txvbqb1aep txvbqb1b29 qbwcue0 txvbqb1cb0 txvbqb1cws txvbqbyoi txvbqbzm3 txvbqb10jb txvbqbvve txvbqb7h txvbqb75 txvbqbdr8 txvbqbjus txvbqbffj txvbqb1uy txvbqb2et txvbqbik txvbqb1933 txvbqbey txvbqbem txvbqbf65 txvbqbf6j txvbqb1aes txvbqb1b2c", t = "txvbqb9j txvbqbfcn txvbqbt9i txvbqbutu", n = "txvbqbdsb txvbqbey txvbqbfet txvbqbf7y txvbqbt9i", r = "txvbqb96 txvbqb19cb txvbqbutu txvbqb16fn", i = "txvbqbdsb txvbqbey txvbqbjtp txvbqb19cd txvbqb9j txvbqbl11";
|
|
4
5
|
//#endregion
|
|
5
6
|
export { n as action, i as chevron, t as label, e as link, r as meta };
|
|
6
7
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backofficeDetailRelationLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailRelationLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\
|
|
1
|
+
{"version":3,"file":"backofficeDetailRelationLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailRelationLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { interactiveLinkSurface } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const link = style([\n interactiveLinkSurface,\n sprinkles({\n transitionProperty: 'colors',\n transitionDuration: 120,\n transitionTimingFunction: 'ease',\n display: 'flex',\n justifyContent: 'space-between',\n gap: 3,\n paddingY: 2,\n paddingX: 3,\n borderRadius: 'md',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'transparent',\n backgroundColor: 'transparent',\n color: 'text',\n textDecoration: 'none',\n alignItems: {\n base: 'center',\n sm: 'flex-start',\n },\n flexDirection: {\n base: 'row',\n sm: 'column',\n },\n }),\n stateSprinkles({\n backgroundColor: { focusVisible: 'surfaceSecondary' },\n borderColor: { focusVisible: 'borderSubtle' },\n }),\n]);\n\nexport const label = sprinkles({\n fontSize: 'sm',\n fontWeight: 'medium',\n minWidth: 0,\n overflowWrap: 'anywhere',\n});\n\nexport const action = sprinkles({\n display: 'inline-flex',\n alignItems: 'center',\n gap: 1,\n flexShrink: 0,\n minWidth: 0,\n});\n\nexport const meta = sprinkles({\n fontSize: 'xs',\n color: 'textSecondary',\n overflowWrap: 'anywhere',\n textAlign: 'end',\n});\n\nexport const chevron = sprinkles({\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'textMuted',\n fontSize: 'sm',\n lineHeight: 1,\n});\n"],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeDetailSection.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbffj txvbqbuy6 txvbqb2g9 txvbqb196d txvbqb1uy txvbqb2et txvbqb18k txvbqbcs7", t = "txvbqbdr8 txvbqbf6i txvbqbfet", n = "txvbqb9w txvbqbfd0 txvbqb19c9", r = "txvbqb9j txvbqb19cb", i = "txvbqbdrl txvbqbffj txvbqbhf1";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { r as description, i as grid, t as header, e as section, n as title };
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeDetailTaggedValue.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdsb txvbqbey txvbqbff6 txvbqbf91", t = "txvbqbdsb txvbqbey txvbqbfet";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { e as container, t as value };
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeEntitySummaryHeader.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbffw txvbqbuyj txvbqb2gm txvbqb196b txvbqb1uy txvbqb2et txvbqb18k", t = "txvbqbdr8 txvbqbjus txvbqbel txvbqbffw txvbqbf91", n = "txvbqbdr8 txvbqbf6i txvbqbff6 txvbqbt9i", r = "txvbqbdr8 txvbqbey txvbqbff6 txvbqbf91", i = "txvbqbaz txvbqbm6k txvbqbfd0 txvbqb19c9 txvbqbutu", a = "txvbqb9j txvbqb19cb txvbqbutu", o = "txvbqbdr8 txvbqbey txvbqbju2 txvbqbff6 txvbqbf91", s = "txvbqbdrl txvbqbffj txvbqbheb", c = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", l = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", u = "txvbqb9j txvbqb19c9 txvbqbutu";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { o as actions, n as identity, s as meta, c as metaItem, l as metaLabel, u as metaValue, e as root, a as subtitle, i as title, r as titleRow, t as top };
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backofficeEntitySummaryHeader.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeEntitySummaryHeader.css.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"backofficeEntitySummaryHeader.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeEntitySummaryHeader.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const root = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n padding: 4,\n borderRadius: 'lg',\n backgroundColor: 'surface',\n borderWidth: 'default',\n borderStyle: 'solid',\n borderColor: 'borderLight',\n});\n\nexport const top = sprinkles({\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'flex-start',\n gap: 4,\n flexWrap: 'wrap',\n});\n\nexport const identity = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 2,\n minWidth: 0,\n});\n\nexport const titleRow = sprinkles({\n display: 'flex',\n alignItems: 'center',\n gap: 2,\n flexWrap: 'wrap',\n});\n\nexport const title = sprinkles({\n fontSize: '2xl',\n lineHeight: 'tight',\n fontWeight: 'semibold',\n color: 'text',\n overflowWrap: 'anywhere',\n});\n\nexport const subtitle = sprinkles({\n fontSize: 'sm',\n color: 'textSecondary',\n overflowWrap: 'anywhere',\n});\n\nexport const actions = sprinkles({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 2,\n flexWrap: 'wrap',\n});\n\nexport const meta = sprinkles({\n display: 'grid',\n gap: 3,\n gridTemplateColumns: 'autoFitMinmax180',\n});\n\nexport const metaItem = sprinkles({\n display: 'flex',\n flexDirection: 'column',\n gap: 1,\n minWidth: 0,\n});\n\nexport const metaLabel = sprinkles({\n fontSize: 'xs',\n textTransform: 'uppercase',\n letterSpacing: 'capsTight',\n color: 'textSecondary',\n});\n\nexport const metaValue = sprinkles({\n fontSize: 'sm',\n color: 'text',\n overflowWrap: 'anywhere',\n});\n"],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeKpiStrip.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdrl txvbqbffj txvbqbheb", t = "txvbqbff6", n = "txvbqbt9i", r = "txvbqbdr8 txvbqbey txvbqbff6";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { n as card, t as compactGroup, e as group, r as value };
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"backofficeKpiStrip.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeKpiStrip.css.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"backofficeKpiStrip.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeKpiStrip.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const group = sprinkles({\n display: 'grid',\n gap: 3,\n gridTemplateColumns: 'autoFitMinmax180',\n});\n\nexport const compactGroup = sprinkles({\n gap: 2,\n});\n\nexport const card = sprinkles({\n minWidth: 0,\n});\n\nexport const value = sprinkles({\n display: 'flex',\n alignItems: 'center',\n gap: 2,\n});\n"],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficeLifecycleTimelineSection.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbfet", t = "txvbqb19cb";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { t as actor, e as eventMeta };
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/components/backoffice/detail/backofficePayloadInspectorSection.css.ts
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbv txvbqb9j txvbqbfcn txvbqb19bj", n = "txvbqb9j txvbqb19cb txvbqbutu";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { e as details, n as preview, t as summary };
|
|
6
6
|
|