@mt-gloss/ui 0.1.138 → 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/{BaseAsyncButton-CJlY7Uik.js → BaseAsyncButton-Cq_l7clO.js} +29 -30
- package/COMMITS-Dm8qIHaq.js +444 -0
- package/Expandable-BcmIxWR8.js +13807 -0
- package/UIContext-DP6JGCto.js +1731 -0
- package/catalog.js +120 -122
- package/composites-panels.js +578 -1442
- package/index.d.ts +4 -2
- package/index.js +2368 -2029
- package/internals.js +80 -81
- package/lib/base/BaseAccordion/BaseAccordion.d.ts +4 -24
- package/lib/base/BaseCard/BaseCard.d.ts +8 -48
- package/lib/base/BaseCheckbox/BaseCheckbox.d.ts +1 -6
- package/lib/base/BaseInput/BaseInput.d.ts +1 -6
- package/lib/base/BaseMaskedInput/BaseMaskedInput.d.ts +1 -6
- package/lib/base/BaseMenu/BaseMenu.d.ts +2 -12
- package/lib/base/BaseRadio/BaseRadio.d.ts +1 -6
- package/lib/base/BaseRating/BaseRating.d.ts +1 -6
- package/lib/base/BaseSegmentedControl/BaseSegmentedControl.d.ts +1 -6
- package/lib/base/BaseSelect/BaseSelect.d.ts +2 -12
- package/lib/base/BaseTextarea/BaseTextarea.d.ts +1 -6
- package/lib/base/BaseToggle/BaseToggle.d.ts +1 -6
- package/lib/base/BaseTooltip/BaseTooltip.d.ts +1 -6
- package/lib/composites/dashboard/BellPopover/BellPopover.d.ts +0 -12
- package/lib/composites/forms/PasswordInput.d.ts +1 -6
- package/lib/composites/forms/PhoneInput.d.ts +1 -6
- package/lib/composites/forms/SearchInput.d.ts +1 -6
- package/lib/composites/forms/TagInput.d.ts +1 -6
- package/lib/composites/inputs/FilterChip.d.ts +1 -6
- package/lib/composites/overlay/SplitButton/SplitButton.d.ts +1 -6
- package/lib/composites/panels/PanelChrome.d.ts +1 -23
- package/lib/composites/panels/PanelSlot.d.ts +3 -14
- package/lib/composites/panels/coordinator/types.d.ts +1 -12
- package/lib/composites/panels/index.d.ts +4 -5
- package/lib/composites/panels/shells/CatalogAddShell.d.ts +8 -21
- package/lib/composites/panels/shells/CatalogReplaceShell.d.ts +4 -9
- package/lib/composites/panels/shells/PageMgmtShell.d.ts +3 -28
- package/lib/composites/panels/shells/SettingsShell.d.ts +3 -55
- package/lib/composites/panels/shells/index.d.ts +2 -2
- package/lib/composites/panels/shells/internals/CatalogLensPicker.d.ts +1 -14
- package/lib/composites/panels/shells/internals/CatalogTileGrid.d.ts +1 -18
- package/lib/composites/panels/shells/internals/PageMgmtFooter.d.ts +0 -11
- package/lib/composites/panels/shells/internals/PageMgmtRow.d.ts +1 -6
- package/lib/composites/panels/shells/internals/catalog-mocks.d.ts +8 -145
- package/lib/composites/panels/stage3d/CloneStage.d.ts +1 -11
- package/lib/containers/ContainerDialog/ContainerDialog.d.ts +3 -18
- package/lib/containers/ContainerFormSection/ContainerFormSection.d.ts +1 -6
- package/lib/containers/ContainerPanel/ContainerPanel.d.ts +1 -6
- package/lib/containers/ContainerTable/ContainerTable.d.ts +1 -6
- package/lib/containers/ContainerToolbar/ContainerToolbar.d.ts +1 -6
- package/lib/facade/index.d.ts +2 -0
- package/lib/presets/PresetAccordion/PresetAccordion.d.ts +4 -24
- package/lib/presets/PresetBadge/PresetBadge.d.ts +1 -6
- package/lib/presets/PresetCard/PresetCard.d.ts +8 -48
- package/lib/presets/PresetCheckbox/PresetCheckbox.d.ts +1 -6
- package/lib/presets/PresetChip/PresetChip.d.ts +1 -6
- package/lib/presets/PresetColorPicker/PresetColorPicker.d.ts +1 -6
- package/lib/presets/PresetDatePicker/PresetDatePicker.d.ts +1 -6
- package/lib/presets/PresetDateRangePicker/PresetDateRangePicker.d.ts +1 -6
- package/lib/presets/PresetFileUpload/PresetFileUpload.d.ts +1 -6
- package/lib/presets/PresetInput/PresetInput.d.ts +1 -6
- package/lib/presets/PresetLink/PresetLink.d.ts +1 -6
- package/lib/presets/PresetMaskedInput/PresetMaskedInput.d.ts +1 -6
- package/lib/presets/PresetMenu/PresetMenu.d.ts +2 -13
- package/lib/presets/PresetNumberInput/PresetNumberInput.d.ts +1 -6
- package/lib/presets/PresetRadio/PresetRadio.d.ts +1 -6
- package/lib/presets/PresetRangeSlider/PresetRangeSlider.d.ts +1 -6
- package/lib/presets/PresetRating/PresetRating.d.ts +1 -6
- package/lib/presets/PresetTextarea/PresetTextarea.d.ts +1 -6
- package/lib/presets/PresetTimePicker/PresetTimePicker.d.ts +1 -6
- package/lib/presets/PresetToggle/PresetToggle.d.ts +1 -6
- package/lib/primitives/dashboard/ResizePill/ResizePill.d.ts +1 -7
- package/lib/primitives/dashboard/index.d.ts +0 -1
- package/lib/wrappers/Actionable/Actionable.d.ts +1 -6
- package/lib/wrappers/AsyncLoader/AsyncLoader.d.ts +1 -6
- package/lib/wrappers/ButtonGroup/ButtonGroup.d.ts +1 -6
- package/lib/wrappers/CheckboxGroup/CheckboxGroup.d.ts +1 -6
- package/lib/wrappers/Dismissible/Dismissible.d.ts +1 -6
- package/lib/wrappers/Expandable/Expandable.d.ts +1 -6
- package/lib/wrappers/InputGroup/InputGroup.d.ts +2 -12
- package/lib/wrappers/RadioGroup/RadioGroup.d.ts +1 -6
- package/lib/wrappers/Selectable/Selectable.d.ts +1 -6
- package/lib/wrappers/Sortable/Sortable.d.ts +1 -6
- package/package.json +1 -1
- package/ui.css +1 -1
- package/BaseText-Dxbk1JJa.js +0 -66
- package/COMMITS-aGwevMtR.js +0 -975
- package/Expandable-G7SCUlMb.js +0 -13245
- package/MetricCard-DOPtBpek.js +0 -698
- package/UIContext-CGQI_KJk.js +0 -1808
- package/lib/composites/panels/chrome-v2/PanelBody.d.ts +0 -5
- package/lib/composites/panels/chrome-v2/PanelChromeV2.d.ts +0 -18
- package/lib/composites/panels/chrome-v2/PanelFooter.d.ts +0 -6
- package/lib/composites/panels/chrome-v2/PanelFooterMessage.d.ts +0 -6
- package/lib/composites/panels/chrome-v2/PanelHeader.d.ts +0 -10
- package/lib/composites/panels/chrome-v2/PanelNavigation.d.ts +0 -5
- package/lib/composites/panels/chrome-v2/PanelStage.d.ts +0 -5
- package/lib/composites/panels/chrome-v2/index.d.ts +0 -23
- package/lib/composites/panels/coordinator/settingsBufferSchemas.d.ts +0 -18
- package/lib/composites/panels/hooks/useEditingCardId.d.ts +0 -16
- package/lib/composites/panels/shells/NotificationCenterShell.d.ts +0 -2
- package/lib/composites/panels/shells/settings/ColorControls.d.ts +0 -13
- package/lib/composites/panels/shells/settings/SlotsControls.d.ts +0 -6
- package/lib/composites/panels/shells/settings/ThresholdControls.d.ts +0 -10
- package/lib/composites/panels/shells/settings/TimeframeControls.d.ts +0 -6
- package/lib/composites/panels/shells/settings/index.d.ts +0 -12
- package/lib/primitives/dashboard/SettingsTabStrip/SettingsTabStrip.d.ts +0 -17
- package/lib/primitives/dashboard/SettingsTabStrip/index.d.ts +0 -6
- package/lib/primitives/dashboard/SettingsTabStrip/types.d.ts +0 -12
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated Phase 11.6 — use `PanelChromeV2Props` from `composites/panels/chrome-v2/`.
|
|
4
|
-
* Slated for deletion in BACKLOG cleanup phase. All 4+1 shells migrate to V2.
|
|
5
|
-
*/
|
|
6
2
|
export interface PanelChromeProps {
|
|
7
3
|
children: ReactNode;
|
|
8
4
|
onClose: () => void;
|
|
@@ -13,23 +9,5 @@ export interface PanelChromeProps {
|
|
|
13
9
|
isOpen?: boolean;
|
|
14
10
|
/** P2 — optional footer slot. Notification-center keeps null (no footer). */
|
|
15
11
|
footer?: ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* GAP-01 (sprint 2026-05-15): optional title rendered left-aligned in the
|
|
18
|
-
* header, on the same line as the close button. Spike §6.1 shows
|
|
19
|
-
* "Configure metric" over the stage gradient.
|
|
20
|
-
*/
|
|
21
|
-
title?: string;
|
|
22
|
-
/**
|
|
23
|
-
* GAP-01 (sprint 2026-05-15): visual variant. 'merged-stage' fuses the
|
|
24
|
-
* header with the stage gradient region (title left + outlined close right),
|
|
25
|
-
* drops bottom rounding so the panel exits the toolbar bounds, and lets the
|
|
26
|
-
* body grow with content (no inner scroll). 'default' preserves the
|
|
27
|
-
* P3a fixed-3-row chrome used by notification-center / catalog / etc.
|
|
28
|
-
*/
|
|
29
|
-
variant?: 'default' | 'merged-stage';
|
|
30
12
|
}
|
|
31
|
-
|
|
32
|
-
* @deprecated Phase 11.6 — use `PanelChromeV2` from `composites/panels/chrome-v2/`.
|
|
33
|
-
* Slated for deletion in BACKLOG cleanup phase. All 4+1 shells migrate to V2.
|
|
34
|
-
*/
|
|
35
|
-
export declare function PanelChrome({ children, onClose, footer, title, variant }: PanelChromeProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare function PanelChrome({ children, onClose, footer }: PanelChromeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +1,7 @@
|
|
|
1
|
-
import { ComponentType
|
|
1
|
+
import { ComponentType } from 'react';
|
|
2
2
|
import { PanelId } from './coordinator/types';
|
|
3
3
|
import { PanelShellProps } from './PanelHost';
|
|
4
4
|
export interface PanelSlotProps {
|
|
5
|
-
|
|
6
|
-
* Production usage: per-panelId component map. Resolved against state.activePanelId
|
|
7
|
-
* to pick the shell.
|
|
8
|
-
*/
|
|
9
|
-
panelComponents?: Partial<Record<PanelId, ComponentType<PanelShellProps>>>;
|
|
10
|
-
/**
|
|
11
|
-
* Phase 16 P4 — test-friendly children fallback. When `panelComponents` is omitted,
|
|
12
|
-
* PanelSlot renders `children` inside <PanelMount> so unit tests can render a
|
|
13
|
-
* specific shell (e.g. SettingsShell) directly without registering a full
|
|
14
|
-
* per-panelId map. Production callers continue to pass `panelComponents`.
|
|
15
|
-
*/
|
|
16
|
-
children?: ReactNode;
|
|
5
|
+
panelComponents: Partial<Record<PanelId, ComponentType<PanelShellProps>>>;
|
|
17
6
|
}
|
|
18
|
-
export declare function PanelSlot({ panelComponents
|
|
7
|
+
export declare function PanelSlot({ panelComponents }: PanelSlotProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -23,17 +23,15 @@
|
|
|
23
23
|
* page-nav escape; spike enum has no `BACKDROP_CLICK` literal.
|
|
24
24
|
*/
|
|
25
25
|
export type PanelId = 'settings' | 'catalog-add' | 'catalog-replace' | 'page-management' | 'notification-center';
|
|
26
|
-
export type CloseReason = 'cancel-button' | 'apply-button' | 'header-x' | 'escape-key' | 'page-nav' | 'mutex-handoff' | 'ghost-anchor' | 'viewport-collapse' | 'unmount' | 'nav-escape-hatch'
|
|
26
|
+
export type CloseReason = 'cancel-button' | 'apply-button' | 'header-x' | 'escape-key' | 'page-nav' | 'mutex-handoff' | 'ghost-anchor' | 'viewport-collapse' | 'unmount' | 'nav-escape-hatch';
|
|
27
27
|
export type SurfaceState = 'idle' | 'bell-cutout-only' | 'panel-clean' | 'panel-dirty' | 'panel-clean+cutout' | 'panel-dirty+cutout' | 'notif-center';
|
|
28
28
|
export type TriggerContext = {
|
|
29
29
|
kind: 'bell';
|
|
30
|
-
targetSection?: number;
|
|
31
30
|
} | {
|
|
32
31
|
kind: 'card-overflow';
|
|
33
32
|
cardId: string;
|
|
34
33
|
sectionIndex: number;
|
|
35
34
|
action: 'configure' | 'replace';
|
|
36
|
-
targetSection?: number;
|
|
37
35
|
} | {
|
|
38
36
|
kind: 'empty-cell';
|
|
39
37
|
sectionIndex: number;
|
|
@@ -41,18 +39,10 @@ export type TriggerContext = {
|
|
|
41
39
|
row: number;
|
|
42
40
|
col: number;
|
|
43
41
|
};
|
|
44
|
-
targetSection?: number;
|
|
45
42
|
} | {
|
|
46
43
|
kind: 'manage-pages-action';
|
|
47
44
|
global: true;
|
|
48
45
|
align: 'left';
|
|
49
|
-
targetSection?: number;
|
|
50
|
-
} | {
|
|
51
|
-
kind: 'layout-action-blocked';
|
|
52
|
-
action: 'drag' | 'resize' | 'add' | 'pack';
|
|
53
|
-
blockedCardId: string;
|
|
54
|
-
activeCardId: string;
|
|
55
|
-
targetSection?: number;
|
|
56
46
|
};
|
|
57
47
|
export interface CloseLogEntry {
|
|
58
48
|
panelId: PanelId;
|
|
@@ -106,7 +96,6 @@ export interface PanelState {
|
|
|
106
96
|
activeTrigger: TriggerContext | null;
|
|
107
97
|
bellCutoutOpen: boolean;
|
|
108
98
|
isDirty: boolean;
|
|
109
|
-
dirtySessionCount: number;
|
|
110
99
|
lockHint: LockHint | null;
|
|
111
100
|
bufferByCard: Record<string, BufferDelta>;
|
|
112
101
|
lastClose: {
|
|
@@ -8,9 +8,7 @@
|
|
|
8
8
|
* `composites-panels.js` matching existing `internals` + `catalog` pattern.
|
|
9
9
|
*/
|
|
10
10
|
export { PanelProvider, usePanelContext, usePanelContextOptional } from './PanelProvider';
|
|
11
|
-
export { useEditingCardId } from './hooks/useEditingCardId';
|
|
12
11
|
export { SettingsShell } from './shells/SettingsShell';
|
|
13
|
-
export { NotificationCenterShell } from './shells/NotificationCenterShell';
|
|
14
12
|
export { CatalogAddShell } from './shells/CatalogAddShell';
|
|
15
13
|
export type { CatalogAddShellProps } from './shells/CatalogAddShell';
|
|
16
14
|
export { CatalogReplaceShell } from './shells/CatalogReplaceShell';
|
|
@@ -21,8 +19,8 @@ export { CatalogFooter, CatalogStateContext, useCatalogState, } from './shells/i
|
|
|
21
19
|
export type { CatalogFooterMode, CatalogState, CatalogFooterProps, } from './shells/internals/CatalogFooter';
|
|
22
20
|
export { PageMgmtFooter, PageMgmtStateContext, usePageMgmtState, } from './shells/internals/PageMgmtFooter';
|
|
23
21
|
export type { PageMgmtState, PageMgmtFooterProps, } from './shells/internals/PageMgmtFooter';
|
|
24
|
-
export type { CatalogTile
|
|
25
|
-
export { MOCK_LENSES, MOCK_DEFAULT_LENS,
|
|
22
|
+
export type { CatalogTile } from './shells/internals/catalog-mocks';
|
|
23
|
+
export { MOCK_LENSES, MOCK_DEFAULT_LENS, MOCK_TILES_BY_LENS, } from './shells/internals/catalog-mocks';
|
|
26
24
|
export type { PageEntry } from './shells/internals/page-mgmt-mocks';
|
|
27
25
|
export { MOCK_PAGES } from './shells/internals/page-mgmt-mocks';
|
|
28
26
|
export { PANEL_IDS } from './coordinator/PANEL_IDS';
|
|
@@ -30,10 +28,11 @@ export type { PanelIdKey } from './coordinator/PANEL_IDS';
|
|
|
30
28
|
export { PanelHost } from './PanelHost';
|
|
31
29
|
export { PanelHostShell } from './PanelHostShell';
|
|
32
30
|
export { PanelSlot } from './PanelSlot';
|
|
31
|
+
export { PanelChrome } from './PanelChrome';
|
|
33
32
|
export type { PanelHostProps, PanelShellProps } from './PanelHost';
|
|
34
33
|
export type { PanelSlotProps } from './PanelSlot';
|
|
35
34
|
export type { PanelProviderProps } from './PanelProvider';
|
|
36
|
-
export
|
|
35
|
+
export type { PanelChromeProps } from './PanelChrome';
|
|
37
36
|
export { positionKey } from './utils/positionKey';
|
|
38
37
|
export { useReducedMotionPanel } from './hooks/useReducedMotionPanel';
|
|
39
38
|
export { PanelMount } from './PanelMount';
|
|
@@ -1,32 +1,19 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { PanelShellProps } from '../PanelHost';
|
|
3
|
-
import { CatalogTile
|
|
3
|
+
import { CatalogTile } from './internals/catalog-mocks';
|
|
4
4
|
export interface CatalogAddShellProps extends PanelShellProps {
|
|
5
5
|
/** Available lenses; defaults to MOCK_LENSES (spike §6.2.5). */
|
|
6
6
|
lenses?: readonly string[];
|
|
7
|
-
/** Initial active lens; defaults to MOCK_DEFAULT_LENS. */
|
|
7
|
+
/** Initial active lens; defaults to MOCK_DEFAULT_LENS ('Order flow'). */
|
|
8
8
|
defaultLens?: string;
|
|
9
9
|
/** Tile catalog keyed by lens; defaults to MOCK_TILES_BY_LENS. */
|
|
10
|
-
tilesByLens?: Readonly<Record<string,
|
|
11
|
-
/** Per-lens H2 + helper + beta-chip metadata. */
|
|
12
|
-
lensMeta?: Readonly<Record<string, CatalogLensMeta>>;
|
|
10
|
+
tilesByLens?: Readonly<Record<string, readonly CatalogTile[]>>;
|
|
13
11
|
/**
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
12
|
+
* Optional footer slot rendered as a SIBLING of the body, INSIDE the shell's
|
|
13
|
+
* CatalogStateContext.Provider. PanelSlot passes <CatalogFooter/> here so it
|
|
14
|
+
* can read live selectedTileId/description from this shell instance.
|
|
15
|
+
* Standalone tests (no PanelSlot) leave undefined → no footer.
|
|
18
16
|
*/
|
|
19
17
|
footerSlot?: ReactNode;
|
|
20
|
-
/** PHASE 17.1 D-08 — forwarded to inner CatalogTileGrid (both primary + secondary instances). */
|
|
21
|
-
renderTile?: (tile: CatalogTile) => ReactNode;
|
|
22
|
-
/**
|
|
23
|
-
* 2026-05-21 catalog-add-wiring — invoked with the selected tile id when the
|
|
24
|
-
* user clicks "Add metric". Fires BEFORE the CLOSE_PANEL{reason:'apply-button'}
|
|
25
|
-
* dispatch so consumers (reptime PagesContext.addInstance) can create the new
|
|
26
|
-
* card while the panel context still has the active trigger. The CLOSE_PANEL
|
|
27
|
-
* dispatch is unconditional (mirrors prior behaviour); if onAdd is omitted the
|
|
28
|
-
* shell remains a presentational mock as before.
|
|
29
|
-
*/
|
|
30
|
-
onAdd?: (tileId: string) => void;
|
|
31
18
|
}
|
|
32
|
-
export declare function CatalogAddShell({ isOpen, lenses, defaultLens, tilesByLens,
|
|
19
|
+
export declare function CatalogAddShell({ isOpen, lenses, defaultLens, tilesByLens, footerSlot, }: CatalogAddShellProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { PanelShellProps } from '../PanelHost';
|
|
3
|
-
import {
|
|
3
|
+
import { CatalogTile } from './internals/catalog-mocks';
|
|
4
4
|
export interface CatalogReplaceShellProps extends PanelShellProps {
|
|
5
5
|
/** Label of the card being replaced; rendered as 'replacing {label}' subtitle. */
|
|
6
6
|
replacingLabel?: string;
|
|
7
7
|
lenses?: readonly string[];
|
|
8
8
|
defaultLens?: string;
|
|
9
|
-
tilesByLens?: Readonly<Record<string,
|
|
10
|
-
/**
|
|
11
|
-
* Phase 11.6 P3 — DEPRECATED. Footer is chassis-slotted by the shell now.
|
|
12
|
-
* @deprecated Phase 11.6 P3 — chassis-slotted footer renders Cancel + Replace internally.
|
|
13
|
-
*/
|
|
9
|
+
tilesByLens?: Readonly<Record<string, readonly CatalogTile[]>>;
|
|
10
|
+
/** See CatalogAddShellProps.footerSlot — sibling slot inside Provider. */
|
|
14
11
|
footerSlot?: ReactNode;
|
|
15
|
-
/** PHASE 17.1 D-08 — forwarded to inner CatalogTileGrid. */
|
|
16
|
-
renderTile?: (tile: CatalogTile) => ReactNode;
|
|
17
12
|
}
|
|
18
|
-
export declare function CatalogReplaceShell({ isOpen, replacingLabel, lenses, defaultLens, tilesByLens,
|
|
13
|
+
export declare function CatalogReplaceShell({ isOpen, replacingLabel, lenses, defaultLens, tilesByLens, footerSlot, }: CatalogReplaceShellProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,35 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { PanelShellProps } from '
|
|
2
|
+
import { PanelShellProps } from '../PanelHost';
|
|
3
3
|
import { PageEntry } from './internals/page-mgmt-mocks';
|
|
4
4
|
export interface PageMgmtShellProps extends PanelShellProps {
|
|
5
5
|
/** Initial page list; defaults to MOCK_PAGES (§6.4.3 verbatim). */
|
|
6
6
|
pages?: readonly PageEntry[];
|
|
7
|
-
/**
|
|
8
|
-
* Phase 11.6 P3 — DEPRECATED. Footer is chassis-slotted by the shell now.
|
|
9
|
-
* Tests that previously passed `<PageMgmtFooter />` may drop the prop;
|
|
10
|
-
* shell auto-renders PageMgmtFooter into PanelChromeV2.footer.right.
|
|
11
|
-
* @deprecated Phase 11.6 P3 — chassis owns the footer slot.
|
|
12
|
-
*/
|
|
7
|
+
/** See CatalogAddShellProps.footerSlot — sibling slot inside Provider. */
|
|
13
8
|
footerSlot?: ReactNode;
|
|
14
|
-
/**
|
|
15
|
-
* When provided, the shell renders this external list verbatim (active flag
|
|
16
|
-
* is recomputed from `activePageId`). External pages override `pages`/MOCK_PAGES
|
|
17
|
-
* and disable internal mock mutations.
|
|
18
|
-
*/
|
|
19
|
-
externalPages?: readonly PageEntry[];
|
|
20
|
-
/** Active page id; drives the .active class on rows. Required when externalPages set. */
|
|
21
|
-
activePageId?: string;
|
|
22
|
-
/** Live-commit rename binding. Replaces the mock-state renamePage when set. */
|
|
23
|
-
onRename?: (id: string, name: string) => void;
|
|
24
|
-
/** Live-commit duplicate binding. */
|
|
25
|
-
onDuplicate?: (id: string) => void;
|
|
26
|
-
/** Live-commit delete binding. */
|
|
27
|
-
onDelete?: (id: string) => void;
|
|
28
|
-
/** Live-commit reorder binding. When set together with externalPages, drag-to-reorder activates. */
|
|
29
|
-
onReorder?: (orderedIds: string[]) => void;
|
|
30
|
-
/** Live-commit create binding. Forwarded to footer via context. */
|
|
31
|
-
onCreatePage?: () => void;
|
|
32
|
-
/** Optional: switch active page when a row name is clicked. */
|
|
33
|
-
onSwitchPage?: (id: string) => void;
|
|
34
9
|
}
|
|
35
|
-
export declare function PageMgmtShell({ isOpen, pages: initialPages,
|
|
10
|
+
export declare function PageMgmtShell({ isOpen, pages: initialPages, footerSlot, }: PageMgmtShellProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,62 +1,10 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
1
|
import { PanelShellProps } from '../PanelHost';
|
|
3
|
-
import { SettingsDimension } from '../../../primitives/dashboard/SettingsTabStrip';
|
|
4
|
-
import { AccentSwatch } from './settings';
|
|
5
2
|
export interface SettingsShellProps extends PanelShellProps {
|
|
6
3
|
/** Span of the source card (1|2|3). Plumbed by V2FeedbackSurface HOF. */
|
|
7
4
|
cardSpan?: 1 | 2 | 3;
|
|
8
|
-
/**
|
|
9
|
-
* Legacy fallback label on the clone card when `previewSlot` is not provided.
|
|
10
|
-
* GAP-02 (sprint 2026-05-15) replaced this with `previewSlot` for 1:1 clones;
|
|
11
|
-
* kept for backward compatibility with consumers that haven't migrated.
|
|
12
|
-
* @deprecated prefer `previewSlot`
|
|
13
|
-
*/
|
|
5
|
+
/** Visible label on the clone card. Defaults to 'Metric'. */
|
|
14
6
|
cardLabel?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Legacy fallback value on the clone card when `previewSlot` is not provided.
|
|
17
|
-
* @deprecated prefer `previewSlot`
|
|
18
|
-
*/
|
|
7
|
+
/** Visible value on the clone card. Defaults to '—'. */
|
|
19
8
|
cardValue?: string;
|
|
20
|
-
/**
|
|
21
|
-
* GAP-02 (sprint 2026-05-15): render-as-children path for the Stage 3D clone.
|
|
22
|
-
* When provided, this ReactNode is rendered inside <CloneCard>{...}</CloneCard>
|
|
23
|
-
* instead of the legacy cardLabel/cardValue placeholder. Consumer is expected
|
|
24
|
-
* to produce a static (pointer-events: none) preview of the source card with
|
|
25
|
-
* buffer-merged config so the clone is a 1:1 representation of the live card.
|
|
26
|
-
*/
|
|
27
|
-
previewSlot?: React.ReactNode;
|
|
28
|
-
/** Phase 16 D-02: dimensions to render as tabs. Reptime computes via useCardDimensions(cardType, colSpan). */
|
|
29
|
-
dimensions?: ReadonlyArray<SettingsDimension>;
|
|
30
|
-
/** Phase 16: initial active tab. Defaults to dimensions[0]. */
|
|
31
|
-
initialTab?: SettingsDimension;
|
|
32
|
-
/**
|
|
33
|
-
* Phase 16 P8 spot-fix — persisted baseline for this card.
|
|
34
|
-
*
|
|
35
|
-
* Consumer (reptime V2FeedbackSurface) computes this from
|
|
36
|
-
* `usePreferences('metricConfig')[cardId]` at OPEN time so that:
|
|
37
|
-
* - Re-opening the panel after Apply shows the saved value (not React default).
|
|
38
|
-
* - Reset (CLEAR_BUFFER) reverts to the saved value (CC-19 semantics with persistence).
|
|
39
|
-
*
|
|
40
|
-
* Display precedence per dimension:
|
|
41
|
-
* 1. live buffer (`state.bufferByCard[cardId].changes[dim]`) — user mid-edit
|
|
42
|
-
* 2. `initialValues[dim]` — last-applied baseline from localStorage
|
|
43
|
-
* 3. React-default per spike §6.1.4 (threshold=80, timeframe=30, accent=null, slots=['Orders','Quota','Unassigned'])
|
|
44
|
-
*
|
|
45
|
-
* Spike §6.1 documents the prototype's defaults (30/80). Production persists
|
|
46
|
-
* via D-10 COMMIT_BUFFER → usePreferences('metricConfig'); the seed-on-open
|
|
47
|
-
* round-trip closes the loop — without it the Apply'd value vanishes from the
|
|
48
|
-
* UI even though localStorage holds it.
|
|
49
|
-
*/
|
|
50
|
-
initialValues?: Partial<{
|
|
51
|
-
threshold: number;
|
|
52
|
-
timeframe: number;
|
|
53
|
-
accent: AccentSwatch;
|
|
54
|
-
/** GAP-03 (sprint 2026-05-15): persisted slot order. Max 3, empty array valid. */
|
|
55
|
-
slots: ReadonlyArray<string>;
|
|
56
|
-
/** Phase 17.2 Fix #2 — opt-in toggle for threshold overlay. Default false. */
|
|
57
|
-
thresholdEnabled: boolean;
|
|
58
|
-
/** Phase 17.2 Fix #2 — opt-in toggle for accent override. Default false. */
|
|
59
|
-
accentEnabled: boolean;
|
|
60
|
-
}>;
|
|
61
9
|
}
|
|
62
|
-
export declare function SettingsShell({ isOpen, cardSpan, cardLabel, cardValue,
|
|
10
|
+
export declare function SettingsShell({ isOpen, cardSpan, cardLabel, cardValue, }: SettingsShellProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -15,5 +15,5 @@ export { MOCK_PAGES } from './internals/page-mgmt-mocks';
|
|
|
15
15
|
export type { PageEntry } from './internals/page-mgmt-mocks';
|
|
16
16
|
export { CatalogFooter, CatalogStateContext, useCatalogState } from './internals/CatalogFooter';
|
|
17
17
|
export type { CatalogFooterMode, CatalogState, CatalogFooterProps } from './internals/CatalogFooter';
|
|
18
|
-
export type { CatalogTile
|
|
19
|
-
export { MOCK_LENSES, MOCK_DEFAULT_LENS,
|
|
18
|
+
export type { CatalogTile } from './internals/catalog-mocks';
|
|
19
|
+
export { MOCK_LENSES, MOCK_DEFAULT_LENS, MOCK_TILES_BY_LENS } from './internals/catalog-mocks';
|
|
@@ -1,19 +1,6 @@
|
|
|
1
|
-
import { CatalogLensMeta } from './catalog-mocks';
|
|
2
1
|
export interface CatalogLensPickerProps {
|
|
3
2
|
lenses: readonly string[];
|
|
4
3
|
activeLens: string;
|
|
5
4
|
onLensChange: (lens: string) => void;
|
|
6
|
-
/**
|
|
7
|
-
* GAP-06 — `pills` matches the prior-modal contract (default for CatalogAdd);
|
|
8
|
-
* `segmented` preserves the W2 segmented-chip + overflow contract for
|
|
9
|
-
* back-compat (CatalogReplace and any legacy tests still default to this
|
|
10
|
-
* when they pass `variant='segmented'` explicitly).
|
|
11
|
-
*/
|
|
12
|
-
variant?: 'pills' | 'segmented';
|
|
13
|
-
/**
|
|
14
|
-
* Per-lens metadata (beta chip, etc.); defaults to MOCK_LENS_META so the
|
|
15
|
-
* shell can omit the prop when using mocks.
|
|
16
|
-
*/
|
|
17
|
-
lensMeta?: Readonly<Record<string, CatalogLensMeta>>;
|
|
18
5
|
}
|
|
19
|
-
export declare function CatalogLensPicker({ lenses, activeLens, onLensChange
|
|
6
|
+
export declare function CatalogLensPicker({ lenses, activeLens, onLensChange }: CatalogLensPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,22 +1,8 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
1
|
import { CatalogTile } from './catalog-mocks';
|
|
3
2
|
export interface CatalogTileGridProps {
|
|
4
3
|
tiles: readonly CatalogTile[];
|
|
5
4
|
selectedTileId: string | null;
|
|
6
5
|
onSelectTile: (id: string, desc: string) => void;
|
|
7
|
-
/**
|
|
8
|
-
* PHASE 17.1 D-06 — host-supplied tile body renderer. When provided,
|
|
9
|
-
* its output replaces the inline 2-variant <MetricCard> dev fallback
|
|
10
|
-
* inside `.cat-tile-primitive-wrapper`. When OMITTED, the existing
|
|
11
|
-
* Phase 17 dev fallback continues to render (D-07 back-compat contract)
|
|
12
|
-
* so gloss-isolated W2 + Phase 17 RED-gate vitest suites stay GREEN.
|
|
13
|
-
*
|
|
14
|
-
* The renderer-provided wrapper carries `data-col-span={getCatalogColSpan(tile)}`
|
|
15
|
-
* per 17.1-D04-COLSPAN-DECISION.md Option B (button stays "1"; inner
|
|
16
|
-
* wrapper carries dynamic value). Plan 17.1-05 authors the HOF that
|
|
17
|
-
* supplies this renderer in reptime.
|
|
18
|
-
*/
|
|
19
|
-
renderTile?: (tile: CatalogTile) => ReactNode;
|
|
20
6
|
}
|
|
21
7
|
/**
|
|
22
8
|
* §6.2.8 — stack-tile value renderer. Splits a "LABEL N · LABEL N · LABEL N"
|
|
@@ -26,9 +12,6 @@ export interface CatalogTileGridProps {
|
|
|
26
12
|
*
|
|
27
13
|
* The regex captures the leading numeric/currency/percent token; the remainder
|
|
28
14
|
* is the label. If the segment has no number, the whole text falls into <small>.
|
|
29
|
-
*
|
|
30
|
-
* Kept for back-compat with W2 tests + the `stack: true` legacy tile model.
|
|
31
|
-
* GAP-06 — new tiles prefer `subStats` (structured) over `·`-split strings.
|
|
32
15
|
*/
|
|
33
16
|
export declare function renderStackValue(val: string): import("react/jsx-runtime").JSX.Element[];
|
|
34
|
-
export declare function CatalogTileGrid({ tiles, selectedTileId, onSelectTile
|
|
17
|
+
export declare function CatalogTileGrid({ tiles, selectedTileId, onSelectTile }: CatalogTileGridProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,17 +2,6 @@ import { PageEntry } from './page-mgmt-mocks';
|
|
|
2
2
|
export interface PageMgmtState {
|
|
3
3
|
pages: PageEntry[];
|
|
4
4
|
setPages: (updater: (prev: PageEntry[]) => PageEntry[]) => void;
|
|
5
|
-
/** GAP-05 (sprint 2026-05-15) — rename via kebab menu. Mock-state operation. */
|
|
6
|
-
renamePage?: (id: string, name: string) => void;
|
|
7
|
-
/** GAP-05 — duplicate via kebab menu. Mock-state operation; real BFF wiring
|
|
8
|
-
* in P5+ via HOF (PagesContext.duplicatePage already exists in reptime). */
|
|
9
|
-
duplicatePage?: (id: string) => void;
|
|
10
|
-
/** GAP-05 — delete via kebab menu. Mock-state operation. */
|
|
11
|
-
deletePage?: (id: string) => void;
|
|
12
|
-
/** Sprint 2026-05-20 — live-commit create binding for '+ New page' footer
|
|
13
|
-
* button. When set, the footer routes to this binding instead of mutating
|
|
14
|
-
* local mock state via setPages. */
|
|
15
|
-
createPage?: () => void;
|
|
16
5
|
}
|
|
17
6
|
export declare const PageMgmtStateContext: import('react').Context<PageMgmtState | null>;
|
|
18
7
|
export declare function usePageMgmtState(): PageMgmtState | null;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import { PageEntry } from './page-mgmt-mocks';
|
|
2
2
|
export interface PageMgmtRowProps {
|
|
3
3
|
page: PageEntry;
|
|
4
|
-
/** @deprecated GAP-05 wires rename via window.prompt() through context. */
|
|
5
4
|
onRename?: (id: string) => void;
|
|
6
|
-
/** @deprecated GAP-05 wires kebab menu directly via context. */
|
|
7
5
|
onKebab?: (id: string) => void;
|
|
8
|
-
/** Drag-to-reorder hook seam — legacy; SortableZones owns drag now. */
|
|
9
6
|
onDragStart?: (id: string) => void;
|
|
10
|
-
/** Sprint 2026-05-20 — switch active page when the row name is clicked. */
|
|
11
|
-
onSwitchPage?: (id: string) => void;
|
|
12
7
|
}
|
|
13
|
-
export declare function PageMgmtRow({ page, onRename, onKebab, onDragStart
|
|
8
|
+
export declare function PageMgmtRow({ page, onRename, onKebab, onDragStart }: PageMgmtRowProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,157 +1,20 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Catalog panel mock data — Phase 11.5 P4 W2
|
|
2
|
+
* Catalog panel mock data — Phase 11.5 P4 W2.
|
|
3
3
|
*
|
|
4
|
-
* Module-level constants; no fetch, no PII.
|
|
4
|
+
* Module-level constants; no fetch, no PII. Spike-verbatim §6.2.5 lens list +
|
|
5
|
+
* §6.2.7 tile model. Tiles per lens are illustrative (≥4 each; ≥1 stack under
|
|
6
|
+
* 'Order flow' to exercise `.span-2` + renderStackValue per §6.2.8).
|
|
5
7
|
*
|
|
6
|
-
*
|
|
7
|
-
* vocabulary restored to the legacy sales-agency taxonomy (`Revenue / Order
|
|
8
|
-
* flow / Rep performance / Brand portfolio / Account coverage / Commission`)
|
|
9
|
-
* sourced from `reptime-cloud/react-dashboard/app/data/lensInfo.ts:29-34`.
|
|
10
|
-
* Tile inventory restricted to `agency-*` IDs that are registered in
|
|
11
|
-
* `react-dashboard/app/data/metricInfo/agency/*.ts` so every catalog tile
|
|
12
|
-
* resolves to a metricInfo entry and renders a real card on insert (no more
|
|
13
|
-
* blank-shell fall-through in `useRenderCard.tsx:411-428`).
|
|
14
|
-
*
|
|
15
|
-
* Visual treatment preserved from GAP-06 + S923–S925 polish:
|
|
16
|
-
* - `lensMeta` keyed by lens name carries `headline` (active-lens H2),
|
|
17
|
-
* `helper` (sub-paragraph), `beta` flag.
|
|
18
|
-
* - Tiles per lens split into `primary` (rendered in main grid; at most one
|
|
19
|
-
* `startHere: true` per lens) and `secondary` (rendered under "MORE IN
|
|
20
|
-
* THIS LENS" subsection).
|
|
21
|
-
* - `value` semantics: a single string for 1×1 tiles, OR `subStats` array
|
|
22
|
-
* for multi-up tiles. When `subStats` is present, the renderer ignores
|
|
23
|
-
* `value` and stacks the segments.
|
|
24
|
-
* - `accent` color hint for sparkline/donut tiles (HEX); CSS reads via
|
|
25
|
-
* inline style. `donut` flag enables the donut variant.
|
|
26
|
-
*
|
|
27
|
-
* Removed (Fix-2): all `ob-*`, `ws-*`, `pl-*`, `ot-*`, `vp-*`, `am-*`, `cr-*`
|
|
28
|
-
* tiles. These were spike-vocabulary illustrative mocks with NO metricInfo
|
|
29
|
-
* registration — selecting one produced a blank card on the grid (per commit
|
|
30
|
-
* b54301f83b's documented "expected by design" footnote).
|
|
31
|
-
*
|
|
32
|
-
* Real BFF binding will replace this seam in a future plan (P5+); the
|
|
33
|
-
* `CatalogAddWithCards` HOF in V2FeedbackSurface will inject live-card
|
|
34
|
-
* snapshot values per Q4 (B_representative_static + mock fallback).
|
|
8
|
+
* Real BFF binding will replace this seam in a future plan (P-N).
|
|
35
9
|
*/
|
|
36
|
-
/** Multi-up segment for stack tiles (3-up MTD/QTD/YTD, 5-up MTD/QTD/YTD/LYTD/7D). */
|
|
37
|
-
export interface CatalogTileSubStat {
|
|
38
|
-
label: string;
|
|
39
|
-
value: string;
|
|
40
|
-
}
|
|
41
10
|
export interface CatalogTile {
|
|
42
11
|
id: string;
|
|
43
12
|
label: string;
|
|
44
|
-
/** Single-value display; ignored when `subStats` is present. */
|
|
45
13
|
value: string;
|
|
46
|
-
/** Sub-statistics for multi-up tiles (3-up or 5-up). When present, overrides `value`. */
|
|
47
|
-
subStats?: readonly CatalogTileSubStat[];
|
|
48
|
-
/** @deprecated GAP-06 — `stack` is inferred from `subStats.length > 0`. Kept for back-compat with W2 tests. */
|
|
49
14
|
stack?: boolean;
|
|
50
15
|
desc: string;
|
|
51
|
-
|
|
52
|
-
variants?: readonly string[];
|
|
53
|
-
/** Small orange "new" dot, top-right. */
|
|
54
|
-
isNew?: boolean;
|
|
55
|
-
/** GAP-06 — primary tile flagged as the recommended starting metric for this lens. */
|
|
56
|
-
startHere?: boolean;
|
|
57
|
-
/** Donut + value combo variant (vs flat number). */
|
|
58
|
-
donut?: boolean;
|
|
59
|
-
/** Accent HEX for donut/sparkline tiles. */
|
|
60
|
-
accent?: string;
|
|
61
|
-
/** Drives the MetricCard router. Standard/sparkline/bars/donut/highlight/arrow/object-arrow/versus/segmented/compact/comparison/progress/channel/action/list/name/ratio/leaderboard/exception-list/pace/stacked-group/order-status-stack. */
|
|
62
|
-
cardType?: string;
|
|
63
|
-
/** standard/highlight — prefix string for the formatted value (e.g., "$"). */
|
|
64
|
-
prefix?: string;
|
|
65
|
-
/** standard/highlight — suffix string for the formatted value (e.g., "%"). */
|
|
66
|
-
suffix?: string;
|
|
67
|
-
/** standard/sparkline/bars — directional trend with magnitude. */
|
|
68
|
-
trend?: {
|
|
69
|
-
value: number;
|
|
70
|
-
direction: 'up' | 'down' | 'flat';
|
|
71
|
-
};
|
|
72
|
-
/** standard/sparkline — small label beneath the value (e.g., "vs last week"). */
|
|
73
|
-
subtext?: string;
|
|
74
|
-
/** sparkline — 10-30 datapoints rendered as the trend mini-chart. */
|
|
75
|
-
sparklineData?: number[];
|
|
76
|
-
/** donut — fractional value (0..1) independent of legacy `donut: boolean`. */
|
|
77
|
-
donutValue?: number;
|
|
78
|
-
/** donut — denominator/max for non-fractional donut representations. */
|
|
79
|
-
donutMax?: number;
|
|
80
|
-
/** bars — datapoints rendered as vertical bar chart. */
|
|
81
|
-
barData?: number[];
|
|
82
|
-
/** versus — TY vs LY comparison with labels. */
|
|
83
|
-
versusData?: {
|
|
84
|
-
current: number;
|
|
85
|
-
prior: number;
|
|
86
|
-
currentLabel?: string;
|
|
87
|
-
priorLabel?: string;
|
|
88
|
-
};
|
|
89
|
-
/** comparison — side-by-side string/number values with labels. */
|
|
90
|
-
comparison?: {
|
|
91
|
-
current: {
|
|
92
|
-
value: number | string;
|
|
93
|
-
label?: string;
|
|
94
|
-
};
|
|
95
|
-
prior: {
|
|
96
|
-
value: number | string;
|
|
97
|
-
label?: string;
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
/** segmented — segmented bar with labeled colored slices. */
|
|
101
|
-
segments?: Array<{
|
|
102
|
-
label: string;
|
|
103
|
-
value: number;
|
|
104
|
-
color: string;
|
|
105
|
-
}>;
|
|
106
|
-
/** segmented — alternate inventory for the catalog view (vs runtime `segments`). */
|
|
107
|
-
catalogSegments?: Array<{
|
|
108
|
-
label: string;
|
|
109
|
-
value: number;
|
|
110
|
-
color: string;
|
|
111
|
-
}>;
|
|
112
|
-
/** color override — secondary to legacy `accent`; reads via `tile.accent ?? tile.accentColor ?? tile.highlightColor`. */
|
|
113
|
-
accentColor?: string;
|
|
114
|
-
/** highlight — warn/info-tinted background HEX. */
|
|
115
|
-
highlightColor?: string;
|
|
116
|
-
/** ratio — top half of the ratio (e.g., 47 of 60). */
|
|
117
|
-
numerator?: number;
|
|
118
|
-
/** ratio — bottom half of the ratio. */
|
|
119
|
-
denominator?: number;
|
|
120
|
-
/** standard — detail line beneath value. */
|
|
121
|
-
detail?: string;
|
|
122
|
-
/** catalog-only — alternate detail string for the catalog preview. */
|
|
123
|
-
catalogDetail?: string;
|
|
124
|
-
/** catalog-only — alternate display value for the catalog preview. */
|
|
125
|
-
catalogValue?: string | number;
|
|
126
|
-
/** order-status-stack — numeric status snapshot values per column. */
|
|
127
|
-
catalogStatusValues?: number[];
|
|
128
|
-
/** order-status-stack — column key + label definitions. */
|
|
129
|
-
statusColumns?: Array<{
|
|
130
|
-
key: string;
|
|
131
|
-
label: string;
|
|
132
|
-
}>;
|
|
133
|
-
/** stacked-group — timeframe segment ids (e.g., ['MTD','QTD','YTD']). */
|
|
134
|
-
stackedTimeframes?: string[];
|
|
135
|
-
/** sizing — default colSpan when first dropped into the grid. */
|
|
136
|
-
defaultColSpan?: number;
|
|
137
|
-
/** sizing — catalog tile colSpan (1, 2, or 3). */
|
|
138
|
-
_catalogTileColSpan?: 1 | 2 | 3;
|
|
139
|
-
}
|
|
140
|
-
export interface CatalogLensMeta {
|
|
141
|
-
/** H2 question shown beneath the pill row when this lens is active. */
|
|
142
|
-
headline: string;
|
|
143
|
-
/** Sub-paragraph helper sentence. */
|
|
144
|
-
helper: string;
|
|
145
|
-
/** Renders BETA chip next to the pill label. */
|
|
146
|
-
beta?: boolean;
|
|
16
|
+
variants?: string[];
|
|
147
17
|
}
|
|
148
18
|
export declare const MOCK_LENSES: readonly string[];
|
|
149
|
-
export declare const MOCK_DEFAULT_LENS = "
|
|
150
|
-
export declare const
|
|
151
|
-
/** Primary vs secondary tile groups for a lens. */
|
|
152
|
-
export interface CatalogLensTiles {
|
|
153
|
-
primary: readonly CatalogTile[];
|
|
154
|
-
/** Rendered under "MORE IN THIS LENS" subsection (§6.2.7 extension). */
|
|
155
|
-
secondary?: readonly CatalogTile[];
|
|
156
|
-
}
|
|
157
|
-
export declare const MOCK_TILES_BY_LENS: Readonly<Record<string, CatalogLensTiles>>;
|
|
19
|
+
export declare const MOCK_DEFAULT_LENS = "Order flow";
|
|
20
|
+
export declare const MOCK_TILES_BY_LENS: Readonly<Record<string, readonly CatalogTile[]>>;
|
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export interface CloneStageProps {
|
|
3
3
|
children: ReactNode;
|
|
4
|
-
/** D-06 — incrementing counter. Every change fires one spin via motion/react animate(). */
|
|
5
|
-
spinTrigger?: number;
|
|
6
|
-
/** D-07 — fires from animate().then() / .finished, NOT animationend DOM event. */
|
|
7
|
-
onSpinComplete?: () => void;
|
|
8
|
-
/** D-03 — total spin duration (ms). Default 500. */
|
|
9
|
-
spinDuration?: number;
|
|
10
|
-
/** D-02 — number of 360° rotations. Default 1. */
|
|
11
|
-
spinRotations?: number;
|
|
12
|
-
/** D-05 — CSS color for the transient theme accent overlay. */
|
|
13
|
-
accentColor?: string;
|
|
14
4
|
}
|
|
15
|
-
export declare function CloneStage({ children
|
|
5
|
+
export declare function CloneStage({ children }: CloneStageProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -16,27 +16,12 @@ export declare namespace ContainerDialog {
|
|
|
16
16
|
export interface ContainerDialogHeaderProps {
|
|
17
17
|
children?: React.ReactNode;
|
|
18
18
|
}
|
|
19
|
-
export declare const ContainerDialogHeader:
|
|
20
|
-
({ ref, children, ...rest }: ContainerDialogHeaderProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
|
|
21
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
22
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
displayName: string;
|
|
24
|
-
};
|
|
19
|
+
export declare const ContainerDialogHeader: React.ForwardRefExoticComponent<ContainerDialogHeaderProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
20
|
export interface ContainerDialogBodyProps {
|
|
26
21
|
children?: React.ReactNode;
|
|
27
22
|
}
|
|
28
|
-
export declare const ContainerDialogBody:
|
|
29
|
-
({ ref, children, ...rest }: ContainerDialogBodyProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
|
|
30
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
31
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
displayName: string;
|
|
33
|
-
};
|
|
23
|
+
export declare const ContainerDialogBody: React.ForwardRefExoticComponent<ContainerDialogBodyProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> & React.RefAttributes<HTMLDivElement>>;
|
|
34
24
|
export interface ContainerDialogActionsProps {
|
|
35
25
|
children?: React.ReactNode;
|
|
36
26
|
}
|
|
37
|
-
export declare const ContainerDialogActions:
|
|
38
|
-
({ ref, children, ...rest }: ContainerDialogActionsProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "style"> & {
|
|
39
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
40
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
displayName: string;
|
|
42
|
-
};
|
|
27
|
+
export declare const ContainerDialogActions: React.ForwardRefExoticComponent<ContainerDialogActionsProps & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -10,9 +10,4 @@ export interface ContainerFormSectionProps {
|
|
|
10
10
|
* Form.Section Context-Container. Groups form fields within a fieldset.
|
|
11
11
|
* Sets UIContext region='form-section'.
|
|
12
12
|
*/
|
|
13
|
-
export declare const ContainerFormSection:
|
|
14
|
-
({ ref, legend, description, density, children, ...rest }: ContainerFormSectionProps & Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "style"> & {
|
|
15
|
-
ref?: React.Ref<HTMLFieldSetElement>;
|
|
16
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
displayName: string;
|
|
18
|
-
};
|
|
13
|
+
export declare const ContainerFormSection: React.ForwardRefExoticComponent<ContainerFormSectionProps & Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "style" | "className"> & React.RefAttributes<HTMLFieldSetElement>>;
|