@orianatech/pire 0.2.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/LICENSE +202 -0
- package/NOTICE +7 -0
- package/README.md +114 -0
- package/dist/components/core/Avatar.d.cts +11 -0
- package/dist/components/core/Avatar.d.ts +12 -0
- package/dist/components/core/Avatar.d.ts.map +1 -0
- package/dist/components/core/Badge.d.cts +9 -0
- package/dist/components/core/Badge.d.ts +10 -0
- package/dist/components/core/Badge.d.ts.map +1 -0
- package/dist/components/core/Button.d.cts +17 -0
- package/dist/components/core/Button.d.ts +18 -0
- package/dist/components/core/Button.d.ts.map +1 -0
- package/dist/components/core/Card.d.cts +13 -0
- package/dist/components/core/Card.d.ts +14 -0
- package/dist/components/core/Card.d.ts.map +1 -0
- package/dist/components/core/Icon.d.cts +22 -0
- package/dist/components/core/Icon.d.ts +23 -0
- package/dist/components/core/Icon.d.ts.map +1 -0
- package/dist/components/core/IconButton.d.cts +15 -0
- package/dist/components/core/IconButton.d.ts +16 -0
- package/dist/components/core/IconButton.d.ts.map +1 -0
- package/dist/components/core/SegmentedControl.d.cts +23 -0
- package/dist/components/core/SegmentedControl.d.ts +24 -0
- package/dist/components/core/SegmentedControl.d.ts.map +1 -0
- package/dist/components/core/Tag.d.cts +8 -0
- package/dist/components/core/Tag.d.ts +9 -0
- package/dist/components/core/Tag.d.ts.map +1 -0
- package/dist/components/data/DataTable.d.cts +40 -0
- package/dist/components/data/DataTable.d.ts +41 -0
- package/dist/components/data/DataTable.d.ts.map +1 -0
- package/dist/components/data/DescriptionList.d.cts +21 -0
- package/dist/components/data/DescriptionList.d.ts +22 -0
- package/dist/components/data/DescriptionList.d.ts.map +1 -0
- package/dist/components/data/FilterBar.d.cts +19 -0
- package/dist/components/data/FilterBar.d.ts +20 -0
- package/dist/components/data/FilterBar.d.ts.map +1 -0
- package/dist/components/data/KpiTile.d.cts +23 -0
- package/dist/components/data/KpiTile.d.ts +24 -0
- package/dist/components/data/KpiTile.d.ts.map +1 -0
- package/dist/components/data/LinkList.d.cts +18 -0
- package/dist/components/data/LinkList.d.ts +19 -0
- package/dist/components/data/LinkList.d.ts.map +1 -0
- package/dist/components/data/ObjectHeader.d.cts +21 -0
- package/dist/components/data/ObjectHeader.d.ts +22 -0
- package/dist/components/data/ObjectHeader.d.ts.map +1 -0
- package/dist/components/data/Timeline.d.cts +16 -0
- package/dist/components/data/Timeline.d.ts +17 -0
- package/dist/components/data/Timeline.d.ts.map +1 -0
- package/dist/components/feedback/Dialog.d.cts +21 -0
- package/dist/components/feedback/Dialog.d.ts +22 -0
- package/dist/components/feedback/Dialog.d.ts.map +1 -0
- package/dist/components/feedback/InlineMessage.d.cts +13 -0
- package/dist/components/feedback/InlineMessage.d.ts +14 -0
- package/dist/components/feedback/InlineMessage.d.ts.map +1 -0
- package/dist/components/feedback/ProgressBar.d.cts +16 -0
- package/dist/components/feedback/ProgressBar.d.ts +17 -0
- package/dist/components/feedback/ProgressBar.d.ts.map +1 -0
- package/dist/components/feedback/Toast.d.cts +28 -0
- package/dist/components/feedback/Toast.d.ts +29 -0
- package/dist/components/feedback/Toast.d.ts.map +1 -0
- package/dist/components/feedback/Tooltip.d.cts +11 -0
- package/dist/components/feedback/Tooltip.d.ts +12 -0
- package/dist/components/feedback/Tooltip.d.ts.map +1 -0
- package/dist/components/forms/Checkbox.d.cts +9 -0
- package/dist/components/forms/Checkbox.d.ts +10 -0
- package/dist/components/forms/Checkbox.d.ts.map +1 -0
- package/dist/components/forms/ComboBox.d.cts +45 -0
- package/dist/components/forms/ComboBox.d.ts +46 -0
- package/dist/components/forms/ComboBox.d.ts.map +1 -0
- package/dist/components/forms/DatePicker.d.cts +27 -0
- package/dist/components/forms/DatePicker.d.ts +28 -0
- package/dist/components/forms/DatePicker.d.ts.map +1 -0
- package/dist/components/forms/FormField.d.cts +17 -0
- package/dist/components/forms/FormField.d.ts +18 -0
- package/dist/components/forms/FormField.d.ts.map +1 -0
- package/dist/components/forms/Input.d.cts +33 -0
- package/dist/components/forms/Input.d.ts +34 -0
- package/dist/components/forms/Input.d.ts.map +1 -0
- package/dist/components/forms/NumberField.d.cts +33 -0
- package/dist/components/forms/NumberField.d.ts +34 -0
- package/dist/components/forms/NumberField.d.ts.map +1 -0
- package/dist/components/forms/Radio.d.cts +18 -0
- package/dist/components/forms/Radio.d.ts +19 -0
- package/dist/components/forms/Radio.d.ts.map +1 -0
- package/dist/components/forms/Select.d.cts +28 -0
- package/dist/components/forms/Select.d.ts +29 -0
- package/dist/components/forms/Select.d.ts.map +1 -0
- package/dist/components/forms/Switch.d.cts +9 -0
- package/dist/components/forms/Switch.d.ts +10 -0
- package/dist/components/forms/Switch.d.ts.map +1 -0
- package/dist/components/forms/ValueHelpField.d.cts +31 -0
- package/dist/components/forms/ValueHelpField.d.ts +32 -0
- package/dist/components/forms/ValueHelpField.d.ts.map +1 -0
- package/dist/components/layout/FooterBar.d.cts +10 -0
- package/dist/components/layout/FooterBar.d.ts +11 -0
- package/dist/components/layout/FooterBar.d.ts.map +1 -0
- package/dist/components/layout/PageHeader.d.cts +10 -0
- package/dist/components/layout/PageHeader.d.ts +11 -0
- package/dist/components/layout/PageHeader.d.ts.map +1 -0
- package/dist/components/layout/SectionHeader.d.cts +11 -0
- package/dist/components/layout/SectionHeader.d.ts +12 -0
- package/dist/components/layout/SectionHeader.d.ts.map +1 -0
- package/dist/components/layout/SelectionBar.d.cts +14 -0
- package/dist/components/layout/SelectionBar.d.ts +15 -0
- package/dist/components/layout/SelectionBar.d.ts.map +1 -0
- package/dist/components/navigation/Breadcrumb.d.cts +14 -0
- package/dist/components/navigation/Breadcrumb.d.ts +15 -0
- package/dist/components/navigation/Breadcrumb.d.ts.map +1 -0
- package/dist/components/navigation/Pagination.d.cts +13 -0
- package/dist/components/navigation/Pagination.d.ts +14 -0
- package/dist/components/navigation/Pagination.d.ts.map +1 -0
- package/dist/components/navigation/ShellBar.d.cts +17 -0
- package/dist/components/navigation/ShellBar.d.ts +18 -0
- package/dist/components/navigation/ShellBar.d.ts.map +1 -0
- package/dist/components/navigation/SideNav.d.cts +22 -0
- package/dist/components/navigation/SideNav.d.ts +23 -0
- package/dist/components/navigation/SideNav.d.ts.map +1 -0
- package/dist/components/navigation/Tabs.d.cts +23 -0
- package/dist/components/navigation/Tabs.d.ts +24 -0
- package/dist/components/navigation/Tabs.d.ts.map +1 -0
- package/dist/components/patterns/ConfirmDialog.d.cts +21 -0
- package/dist/components/patterns/ConfirmDialog.d.ts +22 -0
- package/dist/components/patterns/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/patterns/EmptyState.d.cts +13 -0
- package/dist/components/patterns/EmptyState.d.ts +14 -0
- package/dist/components/patterns/EmptyState.d.ts.map +1 -0
- package/dist/components/patterns/SidePanel.d.cts +14 -0
- package/dist/components/patterns/SidePanel.d.ts +15 -0
- package/dist/components/patterns/SidePanel.d.ts.map +1 -0
- package/dist/components/patterns/ValueHelpDialog.d.cts +20 -0
- package/dist/components/patterns/ValueHelpDialog.d.ts +21 -0
- package/dist/components/patterns/ValueHelpDialog.d.ts.map +1 -0
- package/dist/components/utils/cx.d.cts +2 -0
- package/dist/components/utils/cx.d.ts +3 -0
- package/dist/components/utils/cx.d.ts.map +1 -0
- package/dist/components.css +352 -0
- package/dist/index.cjs +1590 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +46 -0
- package/dist/index.d.ts +47 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1560 -0
- package/dist/index.js.map +1 -0
- package/dist/pire.css +11 -0
- package/dist/tokens/base.css +18 -0
- package/dist/tokens/colors.css +53 -0
- package/dist/tokens/elevation.css +21 -0
- package/dist/tokens/fonts.css +15 -0
- package/dist/tokens/motion.css +13 -0
- package/dist/tokens/spacing.css +18 -0
- package/dist/tokens/themes.css +23 -0
- package/dist/tokens/typography.css +39 -0
- package/dist/tokens.css +8 -0
- package/package.json +99 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface DataTableColumn<T = any> {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
align?: 'left' | 'right' | 'center';
|
|
6
|
+
width?: number | string;
|
|
7
|
+
/** Right-aligns and switches to tabular mono. Use for every amount, quantity and ID. */
|
|
8
|
+
numeric?: boolean;
|
|
9
|
+
sortable?: boolean;
|
|
10
|
+
render?: (row: T) => React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export interface DataTableSort {
|
|
13
|
+
key: string;
|
|
14
|
+
dir: 'asc' | 'desc';
|
|
15
|
+
}
|
|
16
|
+
export interface DataTableProps<T extends {
|
|
17
|
+
id: string | number;
|
|
18
|
+
} = any> {
|
|
19
|
+
/** Accessible name for the grid — required. */
|
|
20
|
+
'aria-label': string;
|
|
21
|
+
columns: DataTableColumn<T>[];
|
|
22
|
+
rows: T[];
|
|
23
|
+
/** Row height: 32 / 40 / 48px. Condensed is the analyst default. */
|
|
24
|
+
density?: 'condensed' | 'regular' | 'comfortable';
|
|
25
|
+
selectable?: boolean;
|
|
26
|
+
selected?: Array<string | number>;
|
|
27
|
+
onSelectionChange?: (ids: Array<string | number>) => void;
|
|
28
|
+
sort?: DataTableSort;
|
|
29
|
+
onSortChange?: (sort: DataTableSort) => void;
|
|
30
|
+
onRowAction?: (row: T) => void;
|
|
31
|
+
emptyLabel?: React.ReactNode;
|
|
32
|
+
stickyHeader?: boolean;
|
|
33
|
+
className?: string;
|
|
34
|
+
style?: React.CSSProperties;
|
|
35
|
+
}
|
|
36
|
+
/** Records grid. React Aria supplies roving focus, type-ahead, shift-click ranges and
|
|
37
|
+
* screen-reader row/column announcements — do not hand-roll a <table> in product code. */
|
|
38
|
+
export declare function DataTable<T extends {
|
|
39
|
+
id: string | number;
|
|
40
|
+
}>({ columns, rows, density, selectable, selected, onSelectionChange, sort, onSortChange, onRowAction, stickyHeader, emptyLabel, className, style, ...rest }: DataTableProps<T>): React.JSX.Element;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface DataTableColumn<T = any> {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
align?: 'left' | 'right' | 'center';
|
|
6
|
+
width?: number | string;
|
|
7
|
+
/** Right-aligns and switches to tabular mono. Use for every amount, quantity and ID. */
|
|
8
|
+
numeric?: boolean;
|
|
9
|
+
sortable?: boolean;
|
|
10
|
+
render?: (row: T) => React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export interface DataTableSort {
|
|
13
|
+
key: string;
|
|
14
|
+
dir: 'asc' | 'desc';
|
|
15
|
+
}
|
|
16
|
+
export interface DataTableProps<T extends {
|
|
17
|
+
id: string | number;
|
|
18
|
+
} = any> {
|
|
19
|
+
/** Accessible name for the grid — required. */
|
|
20
|
+
'aria-label': string;
|
|
21
|
+
columns: DataTableColumn<T>[];
|
|
22
|
+
rows: T[];
|
|
23
|
+
/** Row height: 32 / 40 / 48px. Condensed is the analyst default. */
|
|
24
|
+
density?: 'condensed' | 'regular' | 'comfortable';
|
|
25
|
+
selectable?: boolean;
|
|
26
|
+
selected?: Array<string | number>;
|
|
27
|
+
onSelectionChange?: (ids: Array<string | number>) => void;
|
|
28
|
+
sort?: DataTableSort;
|
|
29
|
+
onSortChange?: (sort: DataTableSort) => void;
|
|
30
|
+
onRowAction?: (row: T) => void;
|
|
31
|
+
emptyLabel?: React.ReactNode;
|
|
32
|
+
stickyHeader?: boolean;
|
|
33
|
+
className?: string;
|
|
34
|
+
style?: React.CSSProperties;
|
|
35
|
+
}
|
|
36
|
+
/** Records grid. React Aria supplies roving focus, type-ahead, shift-click ranges and
|
|
37
|
+
* screen-reader row/column announcements — do not hand-roll a <table> in product code. */
|
|
38
|
+
export declare function DataTable<T extends {
|
|
39
|
+
id: string | number;
|
|
40
|
+
}>({ columns, rows, density, selectable, selected, onSelectionChange, sort, onSortChange, onRowAction, stickyHeader, emptyLabel, className, style, ...rest }: DataTableProps<T>): React.JSX.Element;
|
|
41
|
+
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/data/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAAG,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE;AAEnE,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAAG,GAAG;IACrE,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,oEAAoE;IACpE,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;2FAC2F;AAC3F,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAmB,EAC/F,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,WAAW,EAAE,YAAmB,EAC7F,UAAoD,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,qBAyDrG"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface DescriptionItem {
|
|
3
|
+
label: React.ReactNode;
|
|
4
|
+
value: React.ReactNode;
|
|
5
|
+
/** Tabular mono — use for every amount, quantity and ID. */
|
|
6
|
+
numeric?: boolean;
|
|
7
|
+
/** Separates and enlarges the row: totals, gross value, balance. */
|
|
8
|
+
emphasis?: boolean;
|
|
9
|
+
/** Rendered after the term — a Tooltip trigger explaining the figure. */
|
|
10
|
+
hint?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {
|
|
13
|
+
items: DescriptionItem[];
|
|
14
|
+
/** rows = label left / value right (totals panels). grid = caps label above value (detail facts). */
|
|
15
|
+
layout?: 'rows' | 'grid';
|
|
16
|
+
/** Columns when layout is grid. */
|
|
17
|
+
columns?: number;
|
|
18
|
+
}
|
|
19
|
+
/** Key/value readout: order totals, stock figures, master-data summaries. Replaces the hand-rolled
|
|
20
|
+
* <dl> that every ERP screen used to carry. */
|
|
21
|
+
export declare function DescriptionList({ items, layout, columns, className, style, ...rest }: DescriptionListProps): React.JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface DescriptionItem {
|
|
3
|
+
label: React.ReactNode;
|
|
4
|
+
value: React.ReactNode;
|
|
5
|
+
/** Tabular mono — use for every amount, quantity and ID. */
|
|
6
|
+
numeric?: boolean;
|
|
7
|
+
/** Separates and enlarges the row: totals, gross value, balance. */
|
|
8
|
+
emphasis?: boolean;
|
|
9
|
+
/** Rendered after the term — a Tooltip trigger explaining the figure. */
|
|
10
|
+
hint?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {
|
|
13
|
+
items: DescriptionItem[];
|
|
14
|
+
/** rows = label left / value right (totals panels). grid = caps label above value (detail facts). */
|
|
15
|
+
layout?: 'rows' | 'grid';
|
|
16
|
+
/** Columns when layout is grid. */
|
|
17
|
+
columns?: number;
|
|
18
|
+
}
|
|
19
|
+
/** Key/value readout: order totals, stock figures, master-data summaries. Replaces the hand-rolled
|
|
20
|
+
* <dl> that every ERP screen used to carry. */
|
|
21
|
+
export declare function DescriptionList({ items, layout, columns, className, style, ...rest }: DescriptionListProps): React.JSX.Element;
|
|
22
|
+
//# sourceMappingURL=DescriptionList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../src/components/data/DescriptionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAClF,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,qGAAqG;IACrG,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;gDACgD;AAChD,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAe,EAAE,OAAW,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,qBAYvH"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ActiveFilter {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface FilterBarProps extends React.HTMLAttributes<HTMLElement> {
|
|
7
|
+
/** Filter controls — Inputs and Selects with their own labels. */
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
/** Applied filters, shown as removable Tags. */
|
|
10
|
+
activeFilters?: ActiveFilter[];
|
|
11
|
+
onRemoveFilter?: (id: string) => void;
|
|
12
|
+
onClear?: () => void;
|
|
13
|
+
/** Provide to render the "Go" trigger. Pire filters apply explicitly, never live. */
|
|
14
|
+
onGo?: () => void;
|
|
15
|
+
/** e.g. "1,284 orders". Announced when it changes. */
|
|
16
|
+
resultLabel?: React.ReactNode;
|
|
17
|
+
actions?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
export declare function FilterBar({ children, activeFilters, onRemoveFilter, onClear, onGo, resultLabel, actions, className, ...rest }: FilterBarProps): React.JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ActiveFilter {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface FilterBarProps extends React.HTMLAttributes<HTMLElement> {
|
|
7
|
+
/** Filter controls — Inputs and Selects with their own labels. */
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
/** Applied filters, shown as removable Tags. */
|
|
10
|
+
activeFilters?: ActiveFilter[];
|
|
11
|
+
onRemoveFilter?: (id: string) => void;
|
|
12
|
+
onClear?: () => void;
|
|
13
|
+
/** Provide to render the "Go" trigger. Pire filters apply explicitly, never live. */
|
|
14
|
+
onGo?: () => void;
|
|
15
|
+
/** e.g. "1,284 orders". Announced when it changes. */
|
|
16
|
+
resultLabel?: React.ReactNode;
|
|
17
|
+
actions?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
export declare function FilterBar({ children, activeFilters, onRemoveFilter, onClear, onGo, resultLabel, actions, className, ...rest }: FilterBarProps): React.JSX.Element;
|
|
20
|
+
//# sourceMappingURL=FilterBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/data/FilterBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,YAAY;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;AAE3D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvE,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,sDAAsD;IACtD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,aAAkB,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EACrF,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,qBAuB3D"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface KpiTileProps {
|
|
3
|
+
/** Short metric name. Truncates — the tile shrinks with its grid track. */
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
/** Pre-formatted figure — format in the caller's locale, not here. */
|
|
6
|
+
value: React.ReactNode;
|
|
7
|
+
unit?: React.ReactNode;
|
|
8
|
+
/** Comparison figure, e.g. "+4.2% vs last month". */
|
|
9
|
+
delta?: React.ReactNode;
|
|
10
|
+
/** Which arrow to draw — purely the direction the number moved. */
|
|
11
|
+
deltaDirection?: 'up' | 'down';
|
|
12
|
+
/** Whether that movement is good news. A rising overdue-invoice count is
|
|
13
|
+
* deltaDirection="up" with deltaTone="negative". Defaults to positive for up. */
|
|
14
|
+
deltaTone?: 'positive' | 'negative' | 'neutral';
|
|
15
|
+
footnote?: React.ReactNode;
|
|
16
|
+
icon?: string;
|
|
17
|
+
/** Tints the value when the KPI itself is out of tolerance. */
|
|
18
|
+
status?: 'neutral' | 'positive' | 'critical' | 'negative';
|
|
19
|
+
onPress?: () => void;
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
export declare function KpiTile({ label, value, unit, delta, deltaDirection, deltaTone, footnote, icon, status, onPress, className, style }: KpiTileProps): React.JSX.Element;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface KpiTileProps {
|
|
3
|
+
/** Short metric name. Truncates — the tile shrinks with its grid track. */
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
/** Pre-formatted figure — format in the caller's locale, not here. */
|
|
6
|
+
value: React.ReactNode;
|
|
7
|
+
unit?: React.ReactNode;
|
|
8
|
+
/** Comparison figure, e.g. "+4.2% vs last month". */
|
|
9
|
+
delta?: React.ReactNode;
|
|
10
|
+
/** Which arrow to draw — purely the direction the number moved. */
|
|
11
|
+
deltaDirection?: 'up' | 'down';
|
|
12
|
+
/** Whether that movement is good news. A rising overdue-invoice count is
|
|
13
|
+
* deltaDirection="up" with deltaTone="negative". Defaults to positive for up. */
|
|
14
|
+
deltaTone?: 'positive' | 'negative' | 'neutral';
|
|
15
|
+
footnote?: React.ReactNode;
|
|
16
|
+
icon?: string;
|
|
17
|
+
/** Tints the value when the KPI itself is out of tolerance. */
|
|
18
|
+
status?: 'neutral' | 'positive' | 'critical' | 'negative';
|
|
19
|
+
onPress?: () => void;
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
export declare function KpiTile({ label, value, unit, delta, deltaDirection, deltaTone, footnote, icon, status, onPress, className, style }: KpiTileProps): React.JSX.Element;
|
|
24
|
+
//# sourceMappingURL=KpiTile.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KpiTile.d.ts","sourceRoot":"","sources":["../../../src/components/data/KpiTile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,YAAY;IAC3B,2EAA2E;IAC3E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sEAAsE;IACtE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mEAAmE;IACnE,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC/B;sFACkF;IAClF,SAAS,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAC5F,MAAkB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,YAAY,qBAqB9D"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface LinkListItem {
|
|
3
|
+
id: string;
|
|
4
|
+
/** Technical key shown in mono — order number, material number. */
|
|
5
|
+
key?: React.ReactNode;
|
|
6
|
+
/** Secondary description, truncated. */
|
|
7
|
+
text?: React.ReactNode;
|
|
8
|
+
icon?: string;
|
|
9
|
+
trailing?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface LinkListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
|
|
12
|
+
items: LinkListItem[];
|
|
13
|
+
onSelect?: (id: string) => void;
|
|
14
|
+
/** Names the list for assistive tech, e.g. "Recently viewed orders". */
|
|
15
|
+
'aria-label': string;
|
|
16
|
+
}
|
|
17
|
+
/** Compact list of records that navigate somewhere: recently viewed, related documents, shortcuts. */
|
|
18
|
+
export declare function LinkList({ items, onSelect, className, ...rest }: LinkListProps): React.JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface LinkListItem {
|
|
3
|
+
id: string;
|
|
4
|
+
/** Technical key shown in mono — order number, material number. */
|
|
5
|
+
key?: React.ReactNode;
|
|
6
|
+
/** Secondary description, truncated. */
|
|
7
|
+
text?: React.ReactNode;
|
|
8
|
+
icon?: string;
|
|
9
|
+
trailing?: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface LinkListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
|
|
12
|
+
items: LinkListItem[];
|
|
13
|
+
onSelect?: (id: string) => void;
|
|
14
|
+
/** Names the list for assistive tech, e.g. "Recently viewed orders". */
|
|
15
|
+
'aria-label': string;
|
|
16
|
+
}
|
|
17
|
+
/** Compact list of records that navigate somewhere: recently viewed, related documents, shortcuts. */
|
|
18
|
+
export declare function LinkList({ items, onSelect, className, ...rest }: LinkListProps): React.JSX.Element;
|
|
19
|
+
//# sourceMappingURL=LinkList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/data/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,mEAAmE;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,wCAAwC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,wEAAwE;IACxE,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,sGAAsG;AACtG,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAa9E"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ObjectFact {
|
|
3
|
+
label: string;
|
|
4
|
+
value: React.ReactNode;
|
|
5
|
+
numeric?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface ObjectHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'id'> {
|
|
8
|
+
title: React.ReactNode;
|
|
9
|
+
subtitle?: React.ReactNode;
|
|
10
|
+
/** Technical key — rendered in mono next to the subtitle. Not the DOM id. */
|
|
11
|
+
id?: React.ReactNode;
|
|
12
|
+
/** A <Breadcrumb /> element. */
|
|
13
|
+
breadcrumb?: React.ReactNode;
|
|
14
|
+
/** A <Badge /> carrying the object's value state. */
|
|
15
|
+
badge?: React.ReactNode;
|
|
16
|
+
/** Key/value summary strip. Set numeric for amounts. */
|
|
17
|
+
facts?: ObjectFact[];
|
|
18
|
+
actions?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
/** The identity block at the top of any object page: who this record is, its state, its key figures. */
|
|
21
|
+
export declare function ObjectHeader({ title, subtitle, id, breadcrumb, badge, facts, actions, className, ...rest }: ObjectHeaderProps): React.JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ObjectFact {
|
|
3
|
+
label: string;
|
|
4
|
+
value: React.ReactNode;
|
|
5
|
+
numeric?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export interface ObjectHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'id'> {
|
|
8
|
+
title: React.ReactNode;
|
|
9
|
+
subtitle?: React.ReactNode;
|
|
10
|
+
/** Technical key — rendered in mono next to the subtitle. Not the DOM id. */
|
|
11
|
+
id?: React.ReactNode;
|
|
12
|
+
/** A <Breadcrumb /> element. */
|
|
13
|
+
breadcrumb?: React.ReactNode;
|
|
14
|
+
/** A <Badge /> carrying the object's value state. */
|
|
15
|
+
badge?: React.ReactNode;
|
|
16
|
+
/** Key/value summary strip. Set numeric for amounts. */
|
|
17
|
+
facts?: ObjectFact[];
|
|
18
|
+
actions?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
/** The identity block at the top of any object page: who this record is, its state, its key figures. */
|
|
21
|
+
export declare function ObjectHeader({ title, subtitle, id, breadcrumb, badge, facts, actions, className, ...rest }: ObjectHeaderProps): React.JSX.Element;
|
|
22
|
+
//# sourceMappingURL=ObjectHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjectHeader.d.ts","sourceRoot":"","sources":["../../../src/components/data/ObjectHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,UAAU;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE;AAExF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChG,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6EAA6E;IAC7E,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB,gCAAgC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,wDAAwD;IACxD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wGAAwG;AACxG,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,qBA+B7H"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface TimelineEntry {
|
|
3
|
+
id?: string;
|
|
4
|
+
/** Pre-formatted timestamp — format in the caller's locale. */
|
|
5
|
+
time: React.ReactNode;
|
|
6
|
+
event: React.ReactNode;
|
|
7
|
+
/** Who or what caused it: a user name, "System", an interface id. */
|
|
8
|
+
actor?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
11
|
+
entries: TimelineEntry[];
|
|
12
|
+
/** Newest first. Default true — audit trails read top-down from now. */
|
|
13
|
+
reverse?: boolean;
|
|
14
|
+
}
|
|
15
|
+
/** Document history and audit trail: what happened, when, and who did it. */
|
|
16
|
+
export declare function Timeline({ entries, reverse, className, ...rest }: TimelineProps): React.JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface TimelineEntry {
|
|
3
|
+
id?: string;
|
|
4
|
+
/** Pre-formatted timestamp — format in the caller's locale. */
|
|
5
|
+
time: React.ReactNode;
|
|
6
|
+
event: React.ReactNode;
|
|
7
|
+
/** Who or what caused it: a user name, "System", an interface id. */
|
|
8
|
+
actor?: React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
11
|
+
entries: TimelineEntry[];
|
|
12
|
+
/** Newest first. Default true — audit trails read top-down from now. */
|
|
13
|
+
reverse?: boolean;
|
|
14
|
+
}
|
|
15
|
+
/** Document history and audit trail: what happened, when, and who did it. */
|
|
16
|
+
export declare function Timeline({ entries, reverse, className, ...rest }: TimelineProps): React.JSX.Element;
|
|
17
|
+
//# sourceMappingURL=Timeline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/data/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC3E,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAe,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAavF"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface DialogProps {
|
|
3
|
+
isOpen?: boolean;
|
|
4
|
+
onOpenChange?: (open: boolean) => void;
|
|
5
|
+
title?: React.ReactNode;
|
|
6
|
+
subtitle?: React.ReactNode;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
/** Right-aligned actions: cancel first, primary or danger last. */
|
|
9
|
+
footer?: React.ReactNode;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
/** sm = confirm, md = edit form, lg = value help / table picker. */
|
|
12
|
+
size?: 'sm' | 'md' | 'lg';
|
|
13
|
+
/** Blocks dismiss on outside click / Esc — use only when data would be lost silently. */
|
|
14
|
+
isDismissable?: boolean;
|
|
15
|
+
showClose?: boolean;
|
|
16
|
+
className?: string;
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
}
|
|
19
|
+
/** Modal dialog. Focus is trapped, the page behind is inert, and Esc closes unless
|
|
20
|
+
* isDismissable is false — all handled by React Aria. */
|
|
21
|
+
export declare function Dialog({ isOpen, onOpenChange, title, subtitle, children, footer, onClose, size, isDismissable, showClose, className, style }: DialogProps): React.JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface DialogProps {
|
|
3
|
+
isOpen?: boolean;
|
|
4
|
+
onOpenChange?: (open: boolean) => void;
|
|
5
|
+
title?: React.ReactNode;
|
|
6
|
+
subtitle?: React.ReactNode;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
/** Right-aligned actions: cancel first, primary or danger last. */
|
|
9
|
+
footer?: React.ReactNode;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
/** sm = confirm, md = edit form, lg = value help / table picker. */
|
|
12
|
+
size?: 'sm' | 'md' | 'lg';
|
|
13
|
+
/** Blocks dismiss on outside click / Esc — use only when data would be lost silently. */
|
|
14
|
+
isDismissable?: boolean;
|
|
15
|
+
showClose?: boolean;
|
|
16
|
+
className?: string;
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
}
|
|
19
|
+
/** Modal dialog. Focus is trapped, the page behind is inert, and Esc closes unless
|
|
20
|
+
* isDismissable is false — all handled by React Aria. */
|
|
21
|
+
export declare function Dialog({ isOpen, onOpenChange, title, subtitle, children, footer, onClose, size, isDismissable, showClose, className, style }: DialogProps): React.JSX.Element;
|
|
22
|
+
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oEAAoE;IACpE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;0DAC0D;AAC1D,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EACvF,IAAW,EAAE,aAAoB,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,WAAW,qBAsBrF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type MessageKind = 'info' | 'success' | 'warning' | 'error';
|
|
3
|
+
export interface InlineMessageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
4
|
+
kind?: MessageKind;
|
|
5
|
+
/** Message heading. Rich content, not the DOM title/tooltip attribute. */
|
|
6
|
+
title?: React.ReactNode;
|
|
7
|
+
/** Follow-up action, usually a tertiary Button. */
|
|
8
|
+
action?: React.ReactNode;
|
|
9
|
+
/** Provide to render a dismiss affordance. */
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
}
|
|
12
|
+
/** In-page message tied to a region or form. Errors and warnings announce themselves. */
|
|
13
|
+
export declare function InlineMessage({ kind, title, action, onClose, children, className, ...rest }: InlineMessageProps): React.JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export type MessageKind = 'info' | 'success' | 'warning' | 'error';
|
|
3
|
+
export interface InlineMessageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
4
|
+
kind?: MessageKind;
|
|
5
|
+
/** Message heading. Rich content, not the DOM title/tooltip attribute. */
|
|
6
|
+
title?: React.ReactNode;
|
|
7
|
+
/** Follow-up action, usually a tertiary Button. */
|
|
8
|
+
action?: React.ReactNode;
|
|
9
|
+
/** Provide to render a dismiss affordance. */
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
}
|
|
12
|
+
/** In-page message tied to a region or form. Errors and warnings announce themselves. */
|
|
13
|
+
export declare function InlineMessage({ kind, title, action, onClose, children, className, ...rest }: InlineMessageProps): React.JSX.Element;
|
|
14
|
+
//# sourceMappingURL=InlineMessage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/InlineMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAKnE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,yFAAyF;AACzF,wBAAgB,aAAa,CAAC,EAAE,IAAa,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,qBAcxH"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ProgressBarProps {
|
|
3
|
+
value?: number;
|
|
4
|
+
minValue?: number;
|
|
5
|
+
maxValue?: number;
|
|
6
|
+
label?: React.ReactNode;
|
|
7
|
+
showValue?: boolean;
|
|
8
|
+
/** Indeterminate work — no percentage is announced. */
|
|
9
|
+
isIndeterminate?: boolean;
|
|
10
|
+
/** Colours the fill — e.g. negative when a budget is overrun. */
|
|
11
|
+
status?: 'informative' | 'positive' | 'critical' | 'negative';
|
|
12
|
+
size?: 'sm' | 'md';
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
export declare function ProgressBar({ value, minValue, maxValue, label, showValue, isIndeterminate, status, size, className, style }: ProgressBarProps): React.JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface ProgressBarProps {
|
|
3
|
+
value?: number;
|
|
4
|
+
minValue?: number;
|
|
5
|
+
maxValue?: number;
|
|
6
|
+
label?: React.ReactNode;
|
|
7
|
+
showValue?: boolean;
|
|
8
|
+
/** Indeterminate work — no percentage is announced. */
|
|
9
|
+
isIndeterminate?: boolean;
|
|
10
|
+
/** Colours the fill — e.g. negative when a budget is overrun. */
|
|
11
|
+
status?: 'informative' | 'positive' | 'critical' | 'negative';
|
|
12
|
+
size?: 'sm' | 'md';
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
export declare function ProgressBar({ value, minValue, maxValue, label, showValue, isIndeterminate, status, size, className, style }: ProgressBarProps): React.JSX.Element;
|
|
17
|
+
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,MAAM,CAAC,EAAE,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;IAC9D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAS,EAAE,QAAY,EAAE,QAAc,EAAE,KAAK,EAAE,SAAgB,EAC5F,eAAe,EAAE,MAAsB,EAAE,IAAW,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,gBAAgB,qBAmB3F"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { MessageKind } from './InlineMessage.cjs';
|
|
3
|
+
export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
kind?: MessageKind;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
position?: 'bottom-center' | 'bottom-right';
|
|
7
|
+
}
|
|
8
|
+
/** Transient confirmation of a completed action. Never use for errors the user must act on —
|
|
9
|
+
* those belong in an InlineMessage next to the cause. */
|
|
10
|
+
export declare function Toast({ kind, onClose, position, children, className, ...rest }: ToastProps): React.JSX.Element;
|
|
11
|
+
export interface ToastItem {
|
|
12
|
+
id: string;
|
|
13
|
+
kind?: MessageKind;
|
|
14
|
+
message: React.ReactNode;
|
|
15
|
+
timeout?: number;
|
|
16
|
+
}
|
|
17
|
+
interface ToastContextValue {
|
|
18
|
+
add: (toast: Omit<ToastItem, 'id'>) => string;
|
|
19
|
+
close: (id: string) => void;
|
|
20
|
+
}
|
|
21
|
+
/** Queue + live region. Mount once near the app root. */
|
|
22
|
+
export declare function ToastProvider({ children, timeout }: {
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
timeout?: number;
|
|
25
|
+
}): React.JSX.Element;
|
|
26
|
+
/** `const toast = useToast(); toast.add({ kind: 'success', message: 'Order 4500012 released.' })` */
|
|
27
|
+
export declare function useToast(): ToastContextValue;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { MessageKind } from './InlineMessage.js';
|
|
3
|
+
export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
kind?: MessageKind;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
position?: 'bottom-center' | 'bottom-right';
|
|
7
|
+
}
|
|
8
|
+
/** Transient confirmation of a completed action. Never use for errors the user must act on —
|
|
9
|
+
* those belong in an InlineMessage next to the cause. */
|
|
10
|
+
export declare function Toast({ kind, onClose, position, children, className, ...rest }: ToastProps): React.JSX.Element;
|
|
11
|
+
export interface ToastItem {
|
|
12
|
+
id: string;
|
|
13
|
+
kind?: MessageKind;
|
|
14
|
+
message: React.ReactNode;
|
|
15
|
+
timeout?: number;
|
|
16
|
+
}
|
|
17
|
+
interface ToastContextValue {
|
|
18
|
+
add: (toast: Omit<ToastItem, 'id'>) => string;
|
|
19
|
+
close: (id: string) => void;
|
|
20
|
+
}
|
|
21
|
+
/** Queue + live region. Mount once near the app root. */
|
|
22
|
+
export declare function ToastProvider({ children, timeout }: {
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
timeout?: number;
|
|
25
|
+
}): React.JSX.Element;
|
|
26
|
+
/** `const toast = useToast(); toast.add({ kind: 'success', message: 'Order 4500012 released.' })` */
|
|
27
|
+
export declare function useToast(): ToastContextValue;
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAMnD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,GAAG,cAAc,CAAC;CAC7C;AAED;0DAC0D;AAC1D,wBAAgB,KAAK,CAAC,EAAE,IAAgB,EAAE,OAAO,EAAE,QAA0B,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,qBASxH;AAED,MAAM,WAAW,SAAS;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE;AAEzG,UAAU,iBAAiB;IAAG,GAAG,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAG1G,yDAAyD;AACzD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,OAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,qBAuB3G;AAED,qGAAqG;AACrG,wBAAgB,QAAQ,sBAIvB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface TooltipProps {
|
|
3
|
+
/** Short clarifying text — never the only source of an instruction. */
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
6
|
+
/** Hover delay in ms. Keyboard focus always shows it immediately. */
|
|
7
|
+
delay?: number;
|
|
8
|
+
/** A single focusable element (Button, IconButton, Link). */
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function Tooltip({ label, placement, delay, children }: TooltipProps): React.JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
export interface TooltipProps {
|
|
3
|
+
/** Short clarifying text — never the only source of an instruction. */
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
6
|
+
/** Hover delay in ms. Keyboard focus always shows it immediately. */
|
|
7
|
+
delay?: number;
|
|
8
|
+
/** A single focusable element (Button, IconButton, Link). */
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function Tooltip({ label, placement, delay, children }: TooltipProps): React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,YAAY;IAC3B,uEAAuE;IACvE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAiB,EAAE,KAAW,EAAE,QAAQ,EAAE,EAAE,YAAY,qBAUxF"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import { type CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
|
|
3
|
+
export interface CheckboxProps extends Omit<AriaCheckboxProps, 'className' | 'children'> {
|
|
4
|
+
label?: React.ReactNode;
|
|
5
|
+
hint?: React.ReactNode;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function Checkbox({ label, hint, children, className, ...rest }: CheckboxProps): React.JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import { type CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
|
|
3
|
+
export interface CheckboxProps extends Omit<AriaCheckboxProps, 'className' | 'children'> {
|
|
4
|
+
label?: React.ReactNode;
|
|
5
|
+
hint?: React.ReactNode;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function Checkbox({ label, hint, children, className, ...rest }: CheckboxProps): React.JSX.Element;
|
|
10
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAA4B,KAAK,aAAa,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1G,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,UAAU,CAAC;IACtF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAgBpF"}
|