@nar-bus/ui-kit 1.35.0 → 1.37.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/{Button-B_PvZOyI.js → Button-QiaEzRWh.js} +1 -0
- package/dist/atoms/Badge.d.ts.map +1 -1
- package/dist/atoms/Button.d.ts +2 -0
- package/dist/atoms/Button.d.ts.map +1 -1
- package/dist/atoms/Icon.d.ts +5 -3
- package/dist/atoms/Icon.d.ts.map +1 -1
- package/dist/atoms/index.d.ts +1 -1
- package/dist/atoms/index.d.ts.map +1 -1
- package/dist/hooks/useBreadcrumb.d.ts +1 -0
- package/dist/hooks/useBreadcrumb.d.ts.map +1 -1
- package/dist/i18n/en.json.d.ts +1103 -1099
- package/dist/i18n/resources.d.ts +8 -0
- package/dist/i18n/resources.d.ts.map +1 -1
- package/dist/i18n/resources.js +1 -1
- package/dist/i18n/tr.json.d.ts +1103 -1099
- package/dist/index.d.ts +8 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7122 -5267
- package/dist/map.js +1 -1
- package/dist/molecules/ChartFrame.d.ts +37 -0
- package/dist/molecules/ChartFrame.d.ts.map +1 -0
- package/dist/molecules/CopyableText.d.ts.map +1 -1
- package/dist/molecules/DetailPanel.d.ts +16 -0
- package/dist/molecules/DetailPanel.d.ts.map +1 -0
- package/dist/molecules/DetailTabs.d.ts +32 -0
- package/dist/molecules/DetailTabs.d.ts.map +1 -0
- package/dist/molecules/DistributionBar.d.ts +15 -0
- package/dist/molecules/DistributionBar.d.ts.map +1 -0
- package/dist/molecules/DistributionPanel.d.ts +34 -0
- package/dist/molecules/DistributionPanel.d.ts.map +1 -0
- package/dist/molecules/HtmlPreview.d.ts +13 -0
- package/dist/molecules/HtmlPreview.d.ts.map +1 -0
- package/dist/molecules/KpiCard.d.ts.map +1 -1
- package/dist/molecules/LaneChart.d.ts +104 -0
- package/dist/molecules/LaneChart.d.ts.map +1 -0
- package/dist/molecules/MetricTile.d.ts.map +1 -1
- package/dist/molecules/MiniBars.d.ts +17 -0
- package/dist/molecules/MiniBars.d.ts.map +1 -0
- package/dist/molecules/PulseRail.d.ts +15 -0
- package/dist/molecules/PulseRail.d.ts.map +1 -0
- package/dist/molecules/RecordHeaderActions.d.ts +17 -0
- package/dist/molecules/RecordHeaderActions.d.ts.map +1 -0
- package/dist/molecules/RhythmGrid.d.ts +133 -0
- package/dist/molecules/RhythmGrid.d.ts.map +1 -0
- package/dist/molecules/RitimStrip.d.ts +13 -0
- package/dist/molecules/RitimStrip.d.ts.map +1 -0
- package/dist/molecules/SegmentedChoice.d.ts +14 -0
- package/dist/molecules/SegmentedChoice.d.ts.map +1 -0
- package/dist/molecules/StatusGlyph.d.ts +10 -0
- package/dist/molecules/StatusGlyph.d.ts.map +1 -0
- package/dist/molecules/ToggleChips.d.ts +22 -0
- package/dist/molecules/ToggleChips.d.ts.map +1 -0
- package/dist/molecules/index.d.ts +15 -0
- package/dist/molecules/index.d.ts.map +1 -1
- package/dist/organisms/DataTable/DataTableHeader.d.ts.map +1 -1
- package/dist/organisms/DataTable/DataTableRow.d.ts +2 -1
- package/dist/organisms/DataTable/DataTableRow.d.ts.map +1 -1
- package/dist/organisms/DataTable/cellFilter.d.ts +18 -0
- package/dist/organisms/DataTable/cellFilter.d.ts.map +1 -0
- package/dist/organisms/DataTable.d.ts +4 -1
- package/dist/organisms/DataTable.d.ts.map +1 -1
- package/dist/organisms/DataTable.types.d.ts +8 -0
- package/dist/organisms/DataTable.types.d.ts.map +1 -1
- package/dist/organisms/FilterPanel.d.ts +6 -0
- package/dist/organisms/FilterPanel.d.ts.map +1 -1
- package/dist/organisms/JsonFormView.d.ts +25 -0
- package/dist/organisms/JsonFormView.d.ts.map +1 -0
- package/dist/organisms/Sheet.d.ts +2 -2
- package/dist/organisms/Sheet.d.ts.map +1 -1
- package/dist/organisms/Sidebar.d.ts.map +1 -1
- package/dist/organisms/Tabs.d.ts +6 -1
- package/dist/organisms/Tabs.d.ts.map +1 -1
- package/dist/organisms/index.d.ts +2 -0
- package/dist/organisms/index.d.ts.map +1 -1
- package/dist/resources-CqpCpxo8.js +86 -0
- package/dist/templates/DetailHero.d.ts +56 -0
- package/dist/templates/DetailHero.d.ts.map +1 -0
- package/dist/templates/DetailHeroFacts.d.ts +23 -0
- package/dist/templates/DetailHeroFacts.d.ts.map +1 -0
- package/dist/templates/ListPageLayout.d.ts +20 -2
- package/dist/templates/ListPageLayout.d.ts.map +1 -1
- package/dist/templates/ListSheet.d.ts +41 -0
- package/dist/templates/ListSheet.d.ts.map +1 -0
- package/dist/templates/MasterDetailLayout.d.ts +52 -0
- package/dist/templates/MasterDetailLayout.d.ts.map +1 -0
- package/dist/templates/PageHeading.d.ts +16 -0
- package/dist/templates/PageHeading.d.ts.map +1 -0
- package/dist/templates/PageLayout.d.ts +21 -0
- package/dist/templates/PageLayout.d.ts.map +1 -0
- package/dist/templates/RecordPanel.d.ts +13 -0
- package/dist/templates/RecordPanel.d.ts.map +1 -0
- package/dist/templates/ReportLayout.d.ts +7 -9
- package/dist/templates/ReportLayout.d.ts.map +1 -1
- package/dist/templates/SummarySheet.d.ts +71 -0
- package/dist/templates/SummarySheet.d.ts.map +1 -0
- package/dist/templates/index.d.ts +11 -0
- package/dist/templates/index.d.ts.map +1 -1
- package/dist/templates/listFilters.d.ts +21 -0
- package/dist/templates/listFilters.d.ts.map +1 -0
- package/dist/templates/ritimIdentity.d.ts +26 -0
- package/dist/templates/ritimIdentity.d.ts.map +1 -0
- package/dist/templates/useViewportFillHeight.d.ts +10 -0
- package/dist/templates/useViewportFillHeight.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +3 -2
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/index.d.ts +1 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/themeContext.d.ts +3 -0
- package/dist/theme/themeContext.d.ts.map +1 -1
- package/dist/theme.css +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/utils/dataAttributes.d.ts +5 -0
- package/dist/utils/dataAttributes.d.ts.map +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +2 -1
- package/dist/resources-315JSWGl.js +0 -86
package/dist/map.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t, jsxs as m } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as f, useState as D, useEffect as U } from "react";
|
|
3
3
|
import { useTranslation as T } from "react-i18next";
|
|
4
|
-
import { a as h, B as V } from "./Button-
|
|
4
|
+
import { a as h, B as V } from "./Button-QiaEzRWh.js";
|
|
5
5
|
function X() {
|
|
6
6
|
if (typeof document > "u") return !1;
|
|
7
7
|
try {
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface ChartFrameColumn {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
align?: "left" | "right";
|
|
6
|
+
}
|
|
7
|
+
export interface ChartFrameProps {
|
|
8
|
+
/** Section heading (sentence case). */
|
|
9
|
+
title: ReactNode;
|
|
10
|
+
/** One quiet line next to the title (scope, period). */
|
|
11
|
+
meta?: ReactNode;
|
|
12
|
+
/** Extra controls left of the view toggle (period select, link). */
|
|
13
|
+
actions?: ReactNode;
|
|
14
|
+
/** The chart. */
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
/** The same data as rows, shown when the viewer switches to the table. */
|
|
17
|
+
columns: ChartFrameColumn[];
|
|
18
|
+
rows: Array<{
|
|
19
|
+
key: string;
|
|
20
|
+
cells: Record<string, ReactNode>;
|
|
21
|
+
}>;
|
|
22
|
+
/** Labels of the two toggle buttons (localised by the caller). */
|
|
23
|
+
chartLabel: string;
|
|
24
|
+
tableLabel: string;
|
|
25
|
+
/** Shown in the table view when there are no rows. */
|
|
26
|
+
emptyText?: string;
|
|
27
|
+
defaultView?: "chart" | "table";
|
|
28
|
+
/** The chart view runs edge to edge (e.g. a table-like matrix with its own padding); the table view keeps its. */
|
|
29
|
+
flush?: boolean;
|
|
30
|
+
className?: string;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Lena Ritmi chart section: a heading, the chart, and a small Grafik / Tablo toggle that shows the same numbers as a
|
|
34
|
+
* table — exact values, readable without a pointer, copyable.
|
|
35
|
+
*/
|
|
36
|
+
export declare function ChartFrame({ title, meta, actions, children, columns, rows, chartLabel, tableLabel, emptyText, defaultView, flush, className, }: ChartFrameProps): import("react").JSX.Element;
|
|
37
|
+
//# sourceMappingURL=ChartFrame.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartFrame.d.ts","sourceRoot":"","sources":["../../src/molecules/ChartFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,uCAAuC;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;KAAE,CAAC,CAAC;IAC/D,kEAAkE;IAClE,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,kHAAkH;IAClH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAe,EACf,WAAqB,EACrB,KAAa,EACb,SAAS,GACV,EAAE,eAAe,+BAwFjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyableText.d.ts","sourceRoot":"","sources":["../../src/molecules/CopyableText.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CopyableText.d.ts","sourceRoot":"","sources":["../../src/molecules/CopyableText.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAyC5E"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface DetailPanelProps {
|
|
3
|
+
/** Panel heading (sentence case). */
|
|
4
|
+
title: ReactNode;
|
|
5
|
+
/** One quiet line next to the title (count, scope, period). */
|
|
6
|
+
meta?: ReactNode;
|
|
7
|
+
/** Right-aligned controls or a link ("Tümü", "Düzenle"). */
|
|
8
|
+
action?: ReactNode;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
/** No body padding — for a table or list that runs edge to edge. */
|
|
11
|
+
flush?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
/** Lena Ritmi detail section: a quiet bordered panel with a one-line header (maket `.panel` / `.ph`). */
|
|
15
|
+
export declare function DetailPanel({ title, meta, action, children, flush, className }: DetailPanelProps): import("react").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=DetailPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../src/molecules/DetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,yGAAyG;AACzG,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAa,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAcxG"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { RitimTone } from './StatusGlyph';
|
|
3
|
+
export interface DetailTab {
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
/** Count after the label; `countTone` colours it while above zero (e.g. alarms). */
|
|
7
|
+
count?: number;
|
|
8
|
+
countTone?: RitimTone;
|
|
9
|
+
}
|
|
10
|
+
export interface DetailTabsProps {
|
|
11
|
+
tabs: DetailTab[];
|
|
12
|
+
active: string;
|
|
13
|
+
onChange: (key: string) => void;
|
|
14
|
+
/** Names the tab list for screen readers (e.g. "Ünite bölümleri"). */
|
|
15
|
+
label: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const detailTabId: (key: string) => string;
|
|
19
|
+
export declare const detailTabPanelId: (key: string) => string;
|
|
20
|
+
/**
|
|
21
|
+
* Lena Ritmi detail tabs (maket Ritim-Detay `.tabs`): a quiet row under the hero, the active tab underlined in the
|
|
22
|
+
* accent, counts as small pills. Scrolls sideways when the sections do not fit. Arrow keys move between tabs.
|
|
23
|
+
*/
|
|
24
|
+
export declare function DetailTabs({ tabs, active, onChange, label, className }: DetailTabsProps): import("react").JSX.Element;
|
|
25
|
+
export interface DetailTabPanelProps {
|
|
26
|
+
active: string;
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
className?: string;
|
|
29
|
+
}
|
|
30
|
+
/** The active tab's content, labelled by its tab. */
|
|
31
|
+
export declare function DetailTabPanel({ active, children, className }: DetailTabPanelProps): import("react").JSX.Element;
|
|
32
|
+
//# sourceMappingURL=DetailTabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DetailTabs.d.ts","sourceRoot":"","sources":["../../src/molecules/DetailTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,WAAwB,CAAC;AAChE,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,WAA6B,CAAC;AAE1E;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,+BAuDvF;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qDAAqD;AACrD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BAMlF"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { RitimTone } from './StatusGlyph';
|
|
2
|
+
export interface DistributionSegment {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
value: number;
|
|
6
|
+
tone: RitimTone;
|
|
7
|
+
}
|
|
8
|
+
export interface DistributionBarProps {
|
|
9
|
+
segments: DistributionSegment[];
|
|
10
|
+
"aria-label": string;
|
|
11
|
+
showLegend?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function DistributionBar({ segments, showLegend, className, "aria-label": ariaLabel }: DistributionBarProps): import("react").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=DistributionBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DistributionBar.d.ts","sourceRoot":"","sources":["../../src/molecules/DistributionBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,UAAiB,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAmCxH"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { RitimTone } from './StatusGlyph';
|
|
2
|
+
export interface DistributionPanelSegment {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
/** `undefined` while unknown: the cell reads "—" and the bar leaves it out. */
|
|
6
|
+
value: number | undefined;
|
|
7
|
+
tone: RitimTone;
|
|
8
|
+
/** Makes the cell a button (e.g. filter the list to this segment). */
|
|
9
|
+
onSelect?: () => void;
|
|
10
|
+
/** The list is currently narrowed to this segment. */
|
|
11
|
+
selected?: boolean;
|
|
12
|
+
/** Extra words for the cell's tooltip and accessible name. */
|
|
13
|
+
description?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface DistributionPanelGroup {
|
|
16
|
+
key: string;
|
|
17
|
+
title: string;
|
|
18
|
+
/** A quiet line after the title, e.g. what a click does. */
|
|
19
|
+
hint?: string;
|
|
20
|
+
segments: DistributionPanelSegment[];
|
|
21
|
+
}
|
|
22
|
+
export interface DistributionPanelProps {
|
|
23
|
+
"aria-label": string;
|
|
24
|
+
groups: DistributionPanelGroup[];
|
|
25
|
+
/** Skeleton bars and figures while the numbers load. */
|
|
26
|
+
loading?: boolean;
|
|
27
|
+
className?: string;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Lena Ritmi list template: the population of a list split by state, one group per dimension (e.g. connection,
|
|
31
|
+
* lifecycle) — a proportional bar over a row of figures. A figure with `onSelect` is a button that narrows the list.
|
|
32
|
+
*/
|
|
33
|
+
export declare function DistributionPanel({ groups, loading, className, "aria-label": ariaLabel }: DistributionPanelProps): import("react").JSX.Element;
|
|
34
|
+
//# sourceMappingURL=DistributionPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DistributionPanel.d.ts","sourceRoot":"","sources":["../../src/molecules/DistributionPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,wBAAwB,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,sBAAsB,EAAE,CAAC;IACjC,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,OAAe,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,sBAAsB,+BAkGxH"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface HtmlPreviewProps {
|
|
2
|
+
/** The HTML document to render (an e-mail body, a template). */
|
|
3
|
+
html: string;
|
|
4
|
+
/** Accessible name of the frame. */
|
|
5
|
+
title: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* A rendered HTML body in a sandboxed frame: no scripts, no same-origin access, no forms, so a stored template can
|
|
10
|
+
* never act on the page. The frame keeps the white page e-mail HTML is written for and scrolls inside itself.
|
|
11
|
+
*/
|
|
12
|
+
export declare function HtmlPreview({ html, title, className }: HtmlPreviewProps): import("react").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=HtmlPreview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HtmlPreview.d.ts","sourceRoot":"","sources":["../../src/molecules/HtmlPreview.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,gEAAgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAavE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../../src/molecules/KpiCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoF,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzH,OAAO,EAAqD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAuClG,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,wGAAwG;IACxG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IACpD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mIAAmI;IACnI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2IAA2I;IAC3I,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8IAA8I;IAC9I,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;
|
|
1
|
+
{"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../../src/molecules/KpiCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoF,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzH,OAAO,EAAqD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAuClG,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,wGAAwG;IACxG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,CAAC;IACpD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mIAAmI;IACnI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2IAA2I;IAC3I,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8IAA8I;IAC9I,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA0DD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EAAE,aAAa,EACnB,WAAW,EACX,IAAgB,EAChB,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,OAAO,EACP,YAAY,EACZ,OAAO,EACP,IAAI,GACL,EAAE,YAAY,+BAkNd"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { LucideIcon } from 'lucide-react';
|
|
3
|
+
import { DataAttributes } from '../utils/dataAttributes';
|
|
4
|
+
import { RitimTone } from './StatusGlyph';
|
|
5
|
+
export interface LaneSlot {
|
|
6
|
+
key: string;
|
|
7
|
+
/** Read out for the slot (e.g. "31 Ekim"); also the slot button's name when slots are selectable. */
|
|
8
|
+
label: string;
|
|
9
|
+
}
|
|
10
|
+
export interface LaneBar {
|
|
11
|
+
/** 0–1 share of the lane's full height; `null` = nothing to draw (a quiet baseline). */
|
|
12
|
+
value: number | null;
|
|
13
|
+
tone?: RitimTone;
|
|
14
|
+
}
|
|
15
|
+
export interface LaneSpan {
|
|
16
|
+
key: string;
|
|
17
|
+
/** Start and end as 0–1 fractions of the whole axis (clamped). */
|
|
18
|
+
start: number;
|
|
19
|
+
end: number;
|
|
20
|
+
tone: RitimTone;
|
|
21
|
+
/** Still going: drawn hatched to the axis end. */
|
|
22
|
+
open?: boolean;
|
|
23
|
+
label: string;
|
|
24
|
+
onSelect?: () => void;
|
|
25
|
+
/** Drawn in stripes (e.g. time off site) without running to the axis end; `open` spans are always hatched. */
|
|
26
|
+
pattern?: LaneSpanPattern;
|
|
27
|
+
/** The tone at a quieter strength (e.g. a base layer that other spans sit on). */
|
|
28
|
+
soft?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* A rich readout (e.g. start, end, duration) shown in a tooltip while the span is hovered or focused; replaces the
|
|
31
|
+
* native `label` tooltip. Implies `focusable`.
|
|
32
|
+
*/
|
|
33
|
+
detail?: ReactNode;
|
|
34
|
+
/** Reachable by Tab without being a click target (it announces `label`); default true when `detail` is given. */
|
|
35
|
+
focusable?: boolean;
|
|
36
|
+
/** `data-*` attributes on the span element. */
|
|
37
|
+
data?: DataAttributes;
|
|
38
|
+
}
|
|
39
|
+
export type LaneSpanPattern = "solid" | "hatched";
|
|
40
|
+
export interface LaneMark {
|
|
41
|
+
key: string;
|
|
42
|
+
/** The slot the mark sits in. */
|
|
43
|
+
index: number;
|
|
44
|
+
tone: RitimTone;
|
|
45
|
+
icon?: LucideIcon;
|
|
46
|
+
/** Short text beside the icon (e.g. a count). */
|
|
47
|
+
text?: string;
|
|
48
|
+
label: string;
|
|
49
|
+
}
|
|
50
|
+
interface LaneBase {
|
|
51
|
+
key: string;
|
|
52
|
+
label: string;
|
|
53
|
+
}
|
|
54
|
+
export type Lane = (LaneBase & {
|
|
55
|
+
kind: "bars";
|
|
56
|
+
bars: LaneBar[];
|
|
57
|
+
}) | (LaneBase & {
|
|
58
|
+
kind: "spans";
|
|
59
|
+
spans: LaneSpan[];
|
|
60
|
+
}) | (LaneBase & {
|
|
61
|
+
kind: "marks";
|
|
62
|
+
marks: LaneMark[];
|
|
63
|
+
});
|
|
64
|
+
export interface LaneChartProps {
|
|
65
|
+
slots: LaneSlot[];
|
|
66
|
+
lanes: Lane[];
|
|
67
|
+
/** Describes the chart for screen readers. */
|
|
68
|
+
ariaLabel: string;
|
|
69
|
+
/** Labels spread evenly under the lanes (e.g. first day / middle / last day). */
|
|
70
|
+
axis?: string[];
|
|
71
|
+
/** What a slot reads, shown above the lanes for the hovered slot (`defaultIndex` at rest). */
|
|
72
|
+
readout?: (index: number) => ReactNode;
|
|
73
|
+
/** The slot read out at rest; default the last one. */
|
|
74
|
+
defaultIndex?: number;
|
|
75
|
+
/** Makes the slots selectable (e.g. open that day elsewhere). */
|
|
76
|
+
onSlotSelect?: (index: number) => void;
|
|
77
|
+
/** Leaves out the lane label column (e.g. a single lane the frame's title already names). */
|
|
78
|
+
hideLabels?: boolean;
|
|
79
|
+
className?: string;
|
|
80
|
+
}
|
|
81
|
+
/** Fill of a {@link LaneSpan} (also a legend swatch): solid or striped in its tone, quieter when `soft`, ringed when `open`. */
|
|
82
|
+
export declare function laneSpanBackground(span: Pick<LaneSpan, "tone" | "open" | "pattern" | "soft">): Pick<CSSProperties, "background" | "boxShadow">;
|
|
83
|
+
/**
|
|
84
|
+
* Lena Ritmi lane chart: rows of one shared time axis so cause and effect line up — bars per slot (e.g. a day's
|
|
85
|
+
* reading share), spans over real time (e.g. outages, an open one hatched) and marks in a slot (e.g. alarms, changes).
|
|
86
|
+
* Hovering a slot lights its column through every lane and shows its readout above; theme tokens only.
|
|
87
|
+
*/
|
|
88
|
+
export declare function LaneChart({ slots, lanes, ariaLabel, axis, readout, defaultIndex, onSlotSelect, hideLabels, className, }: LaneChartProps): import("react").JSX.Element;
|
|
89
|
+
export interface LaneLegendItem extends Pick<LaneSpan, "tone" | "pattern" | "soft" | "open"> {
|
|
90
|
+
key: string;
|
|
91
|
+
label: string;
|
|
92
|
+
/** `data-*` attributes on the item. */
|
|
93
|
+
data?: DataAttributes;
|
|
94
|
+
}
|
|
95
|
+
export interface LaneLegendProps {
|
|
96
|
+
items: LaneLegendItem[];
|
|
97
|
+
/** Quiet text after the swatches (e.g. that the list was cut short). */
|
|
98
|
+
summary?: ReactNode;
|
|
99
|
+
className?: string;
|
|
100
|
+
}
|
|
101
|
+
/** What a {@link LaneChart}'s spans mean: one swatch per kind drawn with the span's own fill, then a summary. */
|
|
102
|
+
export declare function LaneLegend({ items, summary, className }: LaneLegendProps): import("react").JSX.Element;
|
|
103
|
+
export {};
|
|
104
|
+
//# sourceMappingURL=LaneChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LaneChart.d.ts","sourceRoot":"","sources":["../../src/molecules/LaneChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetricTile.d.ts","sourceRoot":"","sources":["../../src/molecules/MetricTile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5F,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAChE,8EAA8E;AAC9E,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1E,gDAAgD;AAChD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;CACtC;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oDAAoD;IACpD,KAAK,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2HAA2H;IAC3H,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,oIAAoI;IACpI,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,uFAAuF;IACvF,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,gHAAgH;IAChH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwDD,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"MetricTile.d.ts","sourceRoot":"","sources":["../../src/molecules/MetricTile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5F,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAChE,8EAA8E;AAC9E,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE1E,gDAAgD;AAChD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;CACtC;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oDAAoD;IACpD,KAAK,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2HAA2H;IAC3H,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,oIAAoI;IACpI,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,uFAAuF;IACvF,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,gHAAgH;IAChH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAwDD,eAAO,MAAM,UAAU,4GAyHtB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface MiniBarsProps {
|
|
2
|
+
/** One value per bucket, oldest first. A non-finite value is an empty bucket. */
|
|
3
|
+
values: number[];
|
|
4
|
+
/** Accessible summary of the chart (what it shows and over which window). */
|
|
5
|
+
label: string;
|
|
6
|
+
/** Bucket title shown on hover, e.g. "14:05 · 312". */
|
|
7
|
+
titleOf?: (value: number, index: number) => string;
|
|
8
|
+
/** The last bucket is the one still filling: drawn in the accent colour. */
|
|
9
|
+
highlightLast?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* A tiny bar chart (Lena Ritmi) for a popover or a card: buckets over time, scaled to the window's highest value, no
|
|
14
|
+
* axes. Height and gap are tokens (`--mini-bars-height`, `--mini-bars-gap`).
|
|
15
|
+
*/
|
|
16
|
+
export declare function MiniBars({ values, label, titleOf, highlightLast, className }: MiniBarsProps): import("react").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=MiniBars.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MiniBars.d.ts","sourceRoot":"","sources":["../../src/molecules/MiniBars.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,iFAAiF;IACjF,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,aAAqB,EAAE,SAAS,EAAE,EAAE,aAAa,+BA+BnG"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { RitimTone } from './StatusGlyph';
|
|
3
|
+
export interface PulseRailItem {
|
|
4
|
+
key: string;
|
|
5
|
+
label: string;
|
|
6
|
+
value: ReactNode;
|
|
7
|
+
tone?: RitimTone;
|
|
8
|
+
}
|
|
9
|
+
export interface PulseRailProps {
|
|
10
|
+
items: PulseRailItem[];
|
|
11
|
+
"aria-label": string;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function PulseRail({ items, className, "aria-label": ariaLabel }: PulseRailProps): import("react").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=PulseRail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PulseRail.d.ts","sourceRoot":"","sources":["../../src/molecules/PulseRail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,cAAc,+BA0BtF"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface RecordHeaderActionsProps {
|
|
3
|
+
onEdit?: () => void;
|
|
4
|
+
onDelete?: () => void;
|
|
5
|
+
/** Why delete is not possible now (e.g. "Kendi hesabınızı silemezsiniz"); the button stays, disabled, with it. */
|
|
6
|
+
deleteDisabledReason?: string;
|
|
7
|
+
editDisabledReason?: string;
|
|
8
|
+
/** Further icon actions, drawn before edit and delete. */
|
|
9
|
+
extra?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Faz 7 panel action standard — the record's edit and delete live in the panel header, left of ✕, as icon buttons
|
|
13
|
+
* with a tooltip; nowhere else in the panel. The record's operations (run now, reset password, reprocess …) are the
|
|
14
|
+
* panel's `actions` row under its identity. Renders nothing when there is no action.
|
|
15
|
+
*/
|
|
16
|
+
export declare function RecordHeaderActions({ onEdit, onDelete, deleteDisabledReason, editDisabledReason, extra, }: RecordHeaderActionsProps): import("react").JSX.Element | null;
|
|
17
|
+
//# sourceMappingURL=RecordHeaderActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RecordHeaderActions.d.ts","sourceRoot":"","sources":["../../src/molecules/RecordHeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kHAAkH;IAClH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAaD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,GACN,EAAE,wBAAwB,sCAgC1B"}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { DataAttributes } from '../utils/dataAttributes';
|
|
3
|
+
import { RitimTone } from './StatusGlyph';
|
|
4
|
+
export interface RhythmCell {
|
|
5
|
+
key: string;
|
|
6
|
+
/** 0–100 share of what was expected; `null` = nothing expected yet or no data (empty cell). */
|
|
7
|
+
percent: number | null;
|
|
8
|
+
/** Tooltip / screen-reader text for the cell (e.g. "12 Ekim, %96"). */
|
|
9
|
+
label: string;
|
|
10
|
+
/** Short text drawn inside the cell (e.g. "96"); absent = a plain cell. */
|
|
11
|
+
text?: string;
|
|
12
|
+
/** Outlined: the period the rest of the view is showing (e.g. the day under the hourly row). */
|
|
13
|
+
selected?: boolean;
|
|
14
|
+
/** With `onCellClick`: `false` keeps this cell inert (e.g. a day still to come). */
|
|
15
|
+
clickable?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Fill by a count in three steps instead of `percent` (e.g. runs a day): 0 is a quiet surface, not a failure;
|
|
18
|
+
* 1–3 step up in `tone`. Given, `percent` is not drawn.
|
|
19
|
+
*/
|
|
20
|
+
level?: RhythmLevel;
|
|
21
|
+
/** Colour of a `level` fill; default `"ok"`. */
|
|
22
|
+
tone?: RitimTone;
|
|
23
|
+
/** An inner ring in this tone (e.g. `"warn"`: two jobs collide in this period), over any fill. */
|
|
24
|
+
flag?: RitimTone;
|
|
25
|
+
/** Outlined thinly: the period that is now (e.g. today), apart from `selected`. */
|
|
26
|
+
current?: boolean;
|
|
27
|
+
/** Steps a `level` fill down (e.g. a day already past). */
|
|
28
|
+
muted?: boolean;
|
|
29
|
+
/** Native tooltip when it should differ from `label` (the screen-reader name); default `label`. */
|
|
30
|
+
title?: string;
|
|
31
|
+
/** `data-*` attributes on the cell element (`{ runDay: "2026-11-02" }` → `data-run-day`). */
|
|
32
|
+
data?: DataAttributes;
|
|
33
|
+
}
|
|
34
|
+
/** A count-based fill step of {@link RhythmCell.level}: 0 quiet, 3 the strongest. */
|
|
35
|
+
export type RhythmLevel = 0 | 1 | 2 | 3;
|
|
36
|
+
export interface RhythmGridProps {
|
|
37
|
+
cells: RhythmCell[];
|
|
38
|
+
/** Describes the whole strip for screen readers (the cells are decorative to them). */
|
|
39
|
+
ariaLabel: string;
|
|
40
|
+
/** Cell height; default the theme's `--rhythm-cell-height`. */
|
|
41
|
+
height?: number | string;
|
|
42
|
+
/** Labels spread evenly under the strip (e.g. first day / middle / "Bugün"). */
|
|
43
|
+
axis?: string[];
|
|
44
|
+
/** Makes the cells buttons (each announces its `label`); omitted = a picture. */
|
|
45
|
+
onCellClick?: (key: string) => void;
|
|
46
|
+
/**
|
|
47
|
+
* The selected cell opened up (e.g. its hours): drawn in a quiet panel under the strip that a wedge widens into
|
|
48
|
+
* from the selected cell, so it reads as that cell expanded. The axis then sits above the strip.
|
|
49
|
+
*/
|
|
50
|
+
expansion?: ReactNode;
|
|
51
|
+
className?: string;
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* Lena Ritmi rhythm grid (full width, unlike the fixed-size row RitimStrip): one cell per period, filled by how much of the expected work arrived. Full is the accent,
|
|
55
|
+
* partial steps down in three shades, a zero is an outlined failure, an empty period stays a quiet surface.
|
|
56
|
+
*/
|
|
57
|
+
export declare function rhythmCellStyle(percent: number | null, height?: number | string): CSSProperties;
|
|
58
|
+
/** Ink for text inside a cell of {@link rhythmCellStyle}: readable on each of its fills. */
|
|
59
|
+
export declare function rhythmCellTextColor(percent: number | null): string;
|
|
60
|
+
/**
|
|
61
|
+
* A cell filled by {@link RhythmCell.level}: 0 is the quiet surface (nothing ran, which is not an error); 1–3 mix
|
|
62
|
+
* `tone` in at rising strength, a step weaker when `muted`.
|
|
63
|
+
*/
|
|
64
|
+
export declare function rhythmLevelStyle(level: RhythmLevel, tone?: RitimTone, muted?: boolean, height?: number | string): CSSProperties;
|
|
65
|
+
export declare function RhythmGrid({ cells, ariaLabel, height, axis, onCellClick, expansion, className, }: RhythmGridProps): import("react").JSX.Element;
|
|
66
|
+
export interface RhythmMatrixColumn {
|
|
67
|
+
key: string;
|
|
68
|
+
/** Text over the column on the shared axis (e.g. the day of month on Mondays); absent = a blank tick. */
|
|
69
|
+
axisLabel?: string;
|
|
70
|
+
/** The column that is now (e.g. today): its axis label is emphasised and every cell in it outlined thinly. */
|
|
71
|
+
current?: boolean;
|
|
72
|
+
/** Steps every `level` fill in the column down (e.g. a day already past). */
|
|
73
|
+
muted?: boolean;
|
|
74
|
+
}
|
|
75
|
+
/** One cell of a {@link RhythmMatrix} row; its column comes from its position. `current` / `muted` override the column's. */
|
|
76
|
+
export type RhythmMatrixCell = Omit<RhythmCell, "key" | "percent" | "selected"> & {
|
|
77
|
+
percent?: number | null;
|
|
78
|
+
};
|
|
79
|
+
export interface RhythmMatrixRow {
|
|
80
|
+
key: string;
|
|
81
|
+
/** Row name on the left (truncated, full text as its tooltip). */
|
|
82
|
+
label: string;
|
|
83
|
+
/** Quiet second line under the name (e.g. a cron expression), set in the mono face. */
|
|
84
|
+
note?: string;
|
|
85
|
+
/** One per column, in column order. */
|
|
86
|
+
cells: RhythmMatrixCell[];
|
|
87
|
+
/** `data-*` attributes on the row element. */
|
|
88
|
+
data?: DataAttributes;
|
|
89
|
+
}
|
|
90
|
+
export interface RhythmMatrixProps {
|
|
91
|
+
columns: RhythmMatrixColumn[];
|
|
92
|
+
rows: RhythmMatrixRow[];
|
|
93
|
+
/** Describes the whole matrix for screen readers. */
|
|
94
|
+
ariaLabel: string;
|
|
95
|
+
/** Cell height; default the theme's `--chip-height-sm`. */
|
|
96
|
+
height?: number | string;
|
|
97
|
+
/** The column picked across every row (e.g. the day opened below); its cells are ringed and pressed. */
|
|
98
|
+
selectedColumn?: string | null;
|
|
99
|
+
/** Makes the cells buttons (each announces its `label`); a click picks the cell's column. Omitted = a picture. */
|
|
100
|
+
onColumnSelect?: (columnKey: string) => void;
|
|
101
|
+
/** Keep a readable minimum width and scroll sideways in a narrow frame (many columns, e.g. 61 days). */
|
|
102
|
+
scroll?: boolean;
|
|
103
|
+
className?: string;
|
|
104
|
+
}
|
|
105
|
+
/**
|
|
106
|
+
* Lena Ritmi rhythm matrix: several labelled rhythms on one shared column axis (e.g. one row per job, one column per
|
|
107
|
+
* day). Cells fill by `level` (a count, where 0 stays quiet) or `percent`, carry a `flag` ring, and the current column
|
|
108
|
+
* is outlined; picking a cell picks its column across every row. Theme tokens only.
|
|
109
|
+
*/
|
|
110
|
+
export declare function RhythmMatrix({ columns, rows, ariaLabel, height, selectedColumn, onColumnSelect, scroll, className, }: RhythmMatrixProps): import("react").JSX.Element;
|
|
111
|
+
export interface RhythmLegendItem {
|
|
112
|
+
key: string;
|
|
113
|
+
label: string;
|
|
114
|
+
/** The cell fill the item explains, as {@link RhythmCell.percent}. */
|
|
115
|
+
percent?: number | null;
|
|
116
|
+
/** A count-based fill the item explains, as {@link RhythmCell.level}; given, `percent` is not drawn. */
|
|
117
|
+
level?: RhythmLevel;
|
|
118
|
+
/** Tone of the `level` fill, as {@link RhythmCell.tone}. */
|
|
119
|
+
tone?: RitimTone;
|
|
120
|
+
/** The ring the item explains, as {@link RhythmCell.flag}. */
|
|
121
|
+
flag?: RitimTone;
|
|
122
|
+
/** `data-*` attributes on the item. */
|
|
123
|
+
data?: DataAttributes;
|
|
124
|
+
}
|
|
125
|
+
export interface RhythmLegendProps {
|
|
126
|
+
items: RhythmLegendItem[];
|
|
127
|
+
/** Quiet text after the swatches (e.g. how the shown period went). */
|
|
128
|
+
summary?: string;
|
|
129
|
+
className?: string;
|
|
130
|
+
}
|
|
131
|
+
/** What a {@link RhythmGrid}'s fills mean: one swatch per state drawn with the grid's own cell style, then a summary. */
|
|
132
|
+
export declare function RhythmLegend({ items, summary, className }: RhythmLegendProps): import("react").JSX.Element;
|
|
133
|
+
//# sourceMappingURL=RhythmGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RhythmGrid.d.ts","sourceRoot":"","sources":["../../src/molecules/RhythmGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { RitimTone } from './StatusGlyph';
|
|
2
|
+
export interface RitimStripCell {
|
|
3
|
+
tone: RitimTone | "empty";
|
|
4
|
+
title?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface RitimStripProps {
|
|
7
|
+
cells: RitimStripCell[];
|
|
8
|
+
"aria-label": string;
|
|
9
|
+
size?: "sm" | "md";
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare function RitimStrip({ cells, size, className, "aria-label": ariaLabel }: RitimStripProps): import("react").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=RitimStrip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RitimStrip.d.ts","sourceRoot":"","sources":["../../src/molecules/RitimStrip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAW,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,eAAe,+BAqCrG"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export interface SegmentedChoiceOption {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export interface SegmentedChoiceProps {
|
|
6
|
+
options: SegmentedChoiceOption[];
|
|
7
|
+
value: string;
|
|
8
|
+
onChange: (value: string) => void;
|
|
9
|
+
ariaLabel: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
/** Lena Ritmi single choice among a few short options (e.g. a chart's 7 / 30 / 90 days), as one compact segment. */
|
|
13
|
+
export declare function SegmentedChoice({ options, value, onChange, ariaLabel, className }: SegmentedChoiceProps): import("react").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=SegmentedChoice.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedChoice.d.ts","sourceRoot":"","sources":["../../src/molecules/SegmentedChoice.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oHAAoH;AACpH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAmCvG"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type RitimTone = "ok" | "warn" | "fail" | "idle" | "info";
|
|
2
|
+
export declare function ritimToneColor(tone: RitimTone): string;
|
|
3
|
+
export interface StatusGlyphProps {
|
|
4
|
+
tone: RitimTone;
|
|
5
|
+
size?: number;
|
|
6
|
+
label?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function StatusGlyph({ tone, size, label, className }: StatusGlyphProps): import("react").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=StatusGlyph.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusGlyph.d.ts","sourceRoot":"","sources":["../../src/molecules/StatusGlyph.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAUjE,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAEtD;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAqBlF"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { RitimTone } from './StatusGlyph';
|
|
2
|
+
export interface ToggleChipOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
/** Drawn as the option's glyph (shape + colour) while it is on. */
|
|
6
|
+
tone?: RitimTone;
|
|
7
|
+
}
|
|
8
|
+
export interface ToggleChipsProps {
|
|
9
|
+
options: ToggleChipOption[];
|
|
10
|
+
/** The values that are on, in any order. */
|
|
11
|
+
selected: string[];
|
|
12
|
+
/** Called with the values that are on, in option order. */
|
|
13
|
+
onChange: (selected: string[]) => void;
|
|
14
|
+
ariaLabel: string;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Lena Ritmi filter chips that switch on and off. At least one stays on — the last one left is inert — so the list
|
|
19
|
+
* under it never filters itself down to nothing by accident.
|
|
20
|
+
*/
|
|
21
|
+
export declare function ToggleChips({ options, selected, onChange, ariaLabel, className }: ToggleChipsProps): import("react").JSX.Element;
|
|
22
|
+
//# sourceMappingURL=ToggleChips.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleChips.d.ts","sourceRoot":"","sources":["../../src/molecules/ToggleChips.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAsClG"}
|