@bpfdev/oly-ui 1.0.6 → 1.0.8
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/index.d.mts +142 -12
- package/dist/index.d.ts +142 -12
- package/dist/index.js +1751 -1030
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1856 -1137
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -187,6 +187,12 @@ type WidgetHeaderFilterStyleProps = Pick<FalconMultiSelectStyleProps, 'triggerBg
|
|
|
187
187
|
popperMatchTrigger?: boolean;
|
|
188
188
|
/** Merged into the dropdown `Paper` after base styles (e.g. `minWidth`, `maxWidth`, padding). */
|
|
189
189
|
popperSx?: SxProps<Theme>;
|
|
190
|
+
/** Merged onto the trigger **label** `Typography` (first line) after built-in font styles. */
|
|
191
|
+
triggerLabelSx?: SxProps<Theme>;
|
|
192
|
+
/** Merged onto the trigger **value** `Typography` (second line, selected item) after built-in font styles. */
|
|
193
|
+
triggerValueSx?: SxProps<Theme>;
|
|
194
|
+
/** Merged onto each option row `ListItemButton` after built-in padding / height / border styles. */
|
|
195
|
+
listItemSx?: SxProps<Theme>;
|
|
190
196
|
};
|
|
191
197
|
/** Props for the widget header filter: two-line trigger + simple option list. */
|
|
192
198
|
type WidgetHeaderFilterProps = {
|
|
@@ -244,7 +250,7 @@ type WidgetHeaderMultiSelectConfig = WidgetHeaderFilterProps;
|
|
|
244
250
|
* Widget header filter styled like the provided mock:
|
|
245
251
|
* two-line trigger + simple dropdown list.
|
|
246
252
|
*/
|
|
247
|
-
declare const WidgetHeaderFilter: ({ label, list, groupedList, data, setData, triggerBg, triggerColor, triggerMinWidth, triggerBorderRadius, triggerSx, popperMatchTrigger, popperWidth, popperSx, popperBorderColor, popperBorderColorDark, popperBg, popperBgDark, popperColor, popperColorDark, multiSelect, searchPlaceholder, applyLabel, cancelLabel, checkboxColor, checkboxCheckedColor, groupHeaderBg, groupHeaderColor, groupHeaderFontSize, optionTextColor, searchIconColor, searchTextColor, searchPlaceholderColor, applyBg, applyColor, cancelBg, cancelColor, cancelBorderColor, }: WidgetHeaderFilterProps) => react_jsx_runtime.JSX.Element;
|
|
253
|
+
declare const WidgetHeaderFilter: ({ label, list, groupedList, data, setData, triggerBg, triggerColor, triggerMinWidth, triggerBorderRadius, triggerSx, popperMatchTrigger, popperWidth, popperSx, popperBorderColor, popperBorderColorDark, popperBg, popperBgDark, popperColor, popperColorDark, multiSelect, searchPlaceholder, applyLabel, cancelLabel, checkboxColor, checkboxCheckedColor, groupHeaderBg, groupHeaderColor, groupHeaderFontSize, optionTextColor, searchIconColor, searchTextColor, searchPlaceholderColor, applyBg, applyColor, cancelBg, cancelColor, cancelBorderColor, triggerLabelSx, triggerValueSx, listItemSx, }: WidgetHeaderFilterProps) => react_jsx_runtime.JSX.Element;
|
|
248
254
|
|
|
249
255
|
/** One slice inside a row’s bar (e.g. age band). Widths are proportional to `value` within the row. */
|
|
250
256
|
interface RankedBarListSegment {
|
|
@@ -455,6 +461,11 @@ type QueueTimeBreakdownCustomization = {
|
|
|
455
461
|
* Prefer this over targeting `.MuiBox-root:nth-of-type(...)` on the card root.
|
|
456
462
|
*/
|
|
457
463
|
labelRowContainerSx?: SxProps$1<Theme$1>;
|
|
464
|
+
/**
|
|
465
|
+
* Merged onto each per-segment label `Box` (flex width, padding, text-align, overflow).
|
|
466
|
+
* Applied after built-in flex sizing — use to adjust padding, text alignment, or min-width.
|
|
467
|
+
*/
|
|
468
|
+
segmentBoxSx?: SxProps$1<Theme$1>;
|
|
458
469
|
tooltip?: QueueTimeRechartsTooltipTheme;
|
|
459
470
|
};
|
|
460
471
|
/**
|
|
@@ -908,8 +919,22 @@ declare const FalconButton: ({ loading, disabled, children, size, variant, type,
|
|
|
908
919
|
|
|
909
920
|
interface MonthData {
|
|
910
921
|
label: string;
|
|
922
|
+
/** Year this bucket belongs to. Required for multi-year timelines. */
|
|
923
|
+
year?: number;
|
|
911
924
|
count: number;
|
|
912
925
|
}
|
|
926
|
+
interface AuditRunItem {
|
|
927
|
+
run_number: number;
|
|
928
|
+
/** Display date string shown on the card, e.g. "Apr 5" */
|
|
929
|
+
date: string;
|
|
930
|
+
/** Matches MonthData.label for the bucket this run belongs to */
|
|
931
|
+
month: string;
|
|
932
|
+
/** Matches MonthData.year when the timeline spans multiple years */
|
|
933
|
+
year?: number;
|
|
934
|
+
status: 'done' | 'scheduled';
|
|
935
|
+
/** Ordinal label shown on the card (e.g. "1st Audit"). Auto-computed if omitted. */
|
|
936
|
+
label?: string;
|
|
937
|
+
}
|
|
913
938
|
interface FalconAuditTimelineProps {
|
|
914
939
|
/**
|
|
915
940
|
* Title of the component
|
|
@@ -917,16 +942,28 @@ interface FalconAuditTimelineProps {
|
|
|
917
942
|
*/
|
|
918
943
|
title?: string;
|
|
919
944
|
/**
|
|
920
|
-
*
|
|
945
|
+
* Month buckets to display. Each entry can carry an optional `year` field to
|
|
946
|
+
* support timelines that span multiple calendar years.
|
|
921
947
|
*/
|
|
922
948
|
months?: MonthData[];
|
|
923
949
|
/**
|
|
924
|
-
*
|
|
950
|
+
* Actual audit run items. When provided the timeline cards render real data
|
|
951
|
+
* instead of placeholder dates.
|
|
952
|
+
*/
|
|
953
|
+
auditRuns?: AuditRunItem[];
|
|
954
|
+
/**
|
|
955
|
+
* Initial selected month label (e.g. 'Mar')
|
|
925
956
|
* @default 'Mar'
|
|
926
957
|
*/
|
|
927
958
|
initialSelectedMonth?: string;
|
|
928
959
|
/**
|
|
929
|
-
*
|
|
960
|
+
* When months span multiple years, supply this alongside `initialSelectedMonth`
|
|
961
|
+
* to disambiguate which bucket to pre-select.
|
|
962
|
+
*/
|
|
963
|
+
initialSelectedYear?: number;
|
|
964
|
+
/**
|
|
965
|
+
* Fallback year shown in the year selector when no MonthData carries a `year`
|
|
966
|
+
* field.
|
|
930
967
|
* @default 2026
|
|
931
968
|
*/
|
|
932
969
|
year?: number;
|
|
@@ -956,9 +993,9 @@ interface FalconAuditTimelineProps {
|
|
|
956
993
|
*/
|
|
957
994
|
showYearSelector?: boolean;
|
|
958
995
|
/**
|
|
959
|
-
* Callback on month change
|
|
996
|
+
* Callback on month change. Receives the month label and, when present, the year.
|
|
960
997
|
*/
|
|
961
|
-
onMonthChange?: (month: string) => void;
|
|
998
|
+
onMonthChange?: (month: string, year?: number) => void;
|
|
962
999
|
/**
|
|
963
1000
|
* Callback for previous year click
|
|
964
1001
|
*/
|
|
@@ -1013,6 +1050,12 @@ interface FalconAuditTimelineProps {
|
|
|
1013
1050
|
eventCardBg?: string;
|
|
1014
1051
|
/** Text color for header */
|
|
1015
1052
|
headerColor?: string;
|
|
1053
|
+
/**
|
|
1054
|
+
* Merged onto the **time-controls row** `Box` (year selector + month pill strip).
|
|
1055
|
+
* The default includes `overflow: 'hidden !important'` to clip overflowing month pills;
|
|
1056
|
+
* pass `overflow: 'auto !important'` or `overflow: 'visible !important'` here to override.
|
|
1057
|
+
*/
|
|
1058
|
+
timeControlsRowSx?: SxProps$1<Theme$1>;
|
|
1016
1059
|
/** Custom calendar icon */
|
|
1017
1060
|
calendarIcon?: string | React__default.ReactNode;
|
|
1018
1061
|
/** Custom chevron left icon */
|
|
@@ -1333,6 +1376,39 @@ interface FalconDIstrictFilterProps {
|
|
|
1333
1376
|
/** District filter — full implementation can be migrated from apps/docs. */
|
|
1334
1377
|
declare const FalconDIstrictFilter: ({ label, options, value, onChange, }: FalconDIstrictFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1335
1378
|
|
|
1379
|
+
interface FalconStatBannerTrend {
|
|
1380
|
+
label: string;
|
|
1381
|
+
direction: 'up' | 'down';
|
|
1382
|
+
badgeBg?: string;
|
|
1383
|
+
badgeColor?: string;
|
|
1384
|
+
badgeIconBg?: string;
|
|
1385
|
+
badgeIconColor?: string;
|
|
1386
|
+
}
|
|
1387
|
+
interface FalconStatBannerProps {
|
|
1388
|
+
label: string;
|
|
1389
|
+
value: string | number;
|
|
1390
|
+
color?: string;
|
|
1391
|
+
textColor?: string;
|
|
1392
|
+
width?: number | string;
|
|
1393
|
+
height?: number | string;
|
|
1394
|
+
fontSize?: number | string;
|
|
1395
|
+
fontWeight?: number | string;
|
|
1396
|
+
trend?: FalconStatBannerTrend;
|
|
1397
|
+
trendPlacement?: 'inline' | 'end';
|
|
1398
|
+
sx?: SxProps<Theme>;
|
|
1399
|
+
className?: string;
|
|
1400
|
+
}
|
|
1401
|
+
|
|
1402
|
+
declare const FalconStatBanner: ({ label, value, color, textColor, width, height, fontSize, fontWeight, trend, trendPlacement, sx, className, }: FalconStatBannerProps) => react_jsx_runtime.JSX.Element;
|
|
1403
|
+
|
|
1404
|
+
interface FalconStatBannerGroupProps {
|
|
1405
|
+
banners: FalconStatBannerProps[];
|
|
1406
|
+
spacing?: number;
|
|
1407
|
+
sx?: SxProps<Theme>;
|
|
1408
|
+
}
|
|
1409
|
+
|
|
1410
|
+
declare const FalconStatBannerGroup: ({ banners, spacing, sx, }: FalconStatBannerGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1411
|
+
|
|
1336
1412
|
interface FalconGrayButtonProps {
|
|
1337
1413
|
text: string;
|
|
1338
1414
|
Icon?: ReactNode;
|
|
@@ -1612,12 +1688,18 @@ interface FootfallByAgeGroupsProps {
|
|
|
1612
1688
|
barStackId?: string;
|
|
1613
1689
|
/** Copy when \`data\` is empty. Default: \`No data\` */
|
|
1614
1690
|
emptyStateText?: string;
|
|
1691
|
+
/**
|
|
1692
|
+
* Rotation angle for X-axis tick labels in degrees. Default: **-38** (angled).
|
|
1693
|
+
* Pass `0` for horizontal — labels containing `\n` will render as multiple lines.
|
|
1694
|
+
*/
|
|
1695
|
+
xAxisTickAngle?: number;
|
|
1615
1696
|
}
|
|
1616
1697
|
|
|
1617
|
-
declare function FootfallByAgeGroups({ title, data, series, chartHeight, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipCategoryLabel, tooltipOverallLabel, tooltipStyles, renderTooltip, showLegend, chartMargin: chartMarginProp, chartColors: chartColorsProp, emptyStatePlaceholderProps, dimmedStackOpacity, barStackId, }: FootfallByAgeGroupsProps): react_jsx_runtime.JSX.Element;
|
|
1698
|
+
declare function FootfallByAgeGroups({ title, data, series, chartHeight, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipCategoryLabel, tooltipOverallLabel, tooltipStyles, renderTooltip, showLegend, chartMargin: chartMarginProp, chartColors: chartColorsProp, emptyStatePlaceholderProps, dimmedStackOpacity, barStackId, xAxisTickAngle, }: FootfallByAgeGroupsProps): react_jsx_runtime.JSX.Element;
|
|
1618
1699
|
|
|
1619
1700
|
/** Optional inline styles merged over tooltip defaults (undefined keys keep defaults). */
|
|
1620
1701
|
interface FootfallByGenderTooltipStyles {
|
|
1702
|
+
wrapper?: CSSProperties;
|
|
1621
1703
|
container?: CSSProperties;
|
|
1622
1704
|
/** Each horizontal row in the tooltip */
|
|
1623
1705
|
sectionRow?: CSSProperties;
|
|
@@ -1657,6 +1739,8 @@ interface FootfallByGenderRow {
|
|
|
1657
1739
|
name: string;
|
|
1658
1740
|
male: number;
|
|
1659
1741
|
female: number;
|
|
1742
|
+
/** YoY or period growth %. Positive = green ▲, negative = red ▼. Null/undefined = no badge. */
|
|
1743
|
+
ffGrowthPercent?: number | null;
|
|
1660
1744
|
}
|
|
1661
1745
|
interface FootfallByGenderTooltipRenderContext {
|
|
1662
1746
|
tooltipProps: TooltipContentProps;
|
|
@@ -1695,6 +1779,10 @@ interface FootfallByGenderProps {
|
|
|
1695
1779
|
* Numeric labels above each bar. Default: `true`. Set `false` if labels overlap on dense charts; tooltip still shows values.
|
|
1696
1780
|
*/
|
|
1697
1781
|
showBarValueLabels?: boolean;
|
|
1782
|
+
/**
|
|
1783
|
+
* Growth percentage badges above bars when `ffGrowthPercent` data is available. Default: `false`.
|
|
1784
|
+
*/
|
|
1785
|
+
showGrowthBadges?: boolean;
|
|
1698
1786
|
/**
|
|
1699
1787
|
* Opacity for bars in non-hovered categories while another is hovered. Default: **0.3**
|
|
1700
1788
|
*/
|
|
@@ -1756,12 +1844,28 @@ interface FootfallByGenderProps {
|
|
|
1756
1844
|
yAxisTickFormatter?: (value: number) => string;
|
|
1757
1845
|
/** Copy when \`data\` is empty. Default: \`No data\` */
|
|
1758
1846
|
emptyStateText?: string;
|
|
1847
|
+
/**
|
|
1848
|
+
* Rotation angle for X-axis tick labels in degrees. Default: **-38** (angled).
|
|
1849
|
+
* Pass `0` for horizontal — labels containing `\n` will render as multiple lines.
|
|
1850
|
+
*/
|
|
1851
|
+
xAxisTickAngle?: number;
|
|
1852
|
+
/**
|
|
1853
|
+
* Rotation angle for bar-top value labels. Default: **-90** (vertical).
|
|
1854
|
+
* Pass `0` for horizontal labels.
|
|
1855
|
+
*/
|
|
1856
|
+
barValueLabelAngle?: number;
|
|
1857
|
+
/** Growth badge width in px. Default: **45**. */
|
|
1858
|
+
growthBadgeWidth?: number;
|
|
1859
|
+
/** Growth badge height in px. Default: **38**. */
|
|
1860
|
+
growthBadgeHeight?: number;
|
|
1861
|
+
/** Growth badge vertical offset from bar top in px. Default: **35**. */
|
|
1862
|
+
growthBadgeOffsetY?: number;
|
|
1759
1863
|
}
|
|
1760
1864
|
|
|
1761
1865
|
/**
|
|
1762
1866
|
* Grouped bar chart: two series (male / female) per category, with hover dimming and a custom tooltip.
|
|
1763
1867
|
*/
|
|
1764
|
-
declare function FootfallByGender({ title, data, seriesLabels: seriesLabelsProp, seriesColors: seriesColorsProp, chartHeight, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barGap, showLegend, showBarValueLabels, dimmedBarOpacity, hoveredBarOpacity, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendOverlaySx, legendItemSx, legendSwatchSx, legendLabelSx, chartViewportSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipCategoryLabel, tooltipOverallLabel, tooltipStyles, renderTooltip, chartMargin: chartMarginProp, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, }: FootfallByGenderProps): react_jsx_runtime.JSX.Element;
|
|
1868
|
+
declare function FootfallByGender({ title, data, seriesLabels: seriesLabelsProp, seriesColors: seriesColorsProp, chartHeight, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barGap, showLegend, showBarValueLabels, showGrowthBadges, dimmedBarOpacity, hoveredBarOpacity, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendOverlaySx, legendItemSx, legendSwatchSx, legendLabelSx, chartViewportSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipCategoryLabel, tooltipOverallLabel, tooltipStyles, renderTooltip, chartMargin: chartMarginProp, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, xAxisTickAngle, barValueLabelAngle, growthBadgeWidth, growthBadgeHeight, growthBadgeOffsetY, }: FootfallByGenderProps): react_jsx_runtime.JSX.Element;
|
|
1765
1869
|
|
|
1766
1870
|
interface PasserbyConversionTooltipStyles {
|
|
1767
1871
|
container?: CSSProperties;
|
|
@@ -1905,9 +2009,14 @@ interface PasserbyConversionProps {
|
|
|
1905
2009
|
* latest categories stay in view (live / streaming). Default **true**. Set **`false`** to keep manual scroll position.
|
|
1906
2010
|
*/
|
|
1907
2011
|
scrollChartToEndOnDataChange?: boolean;
|
|
2012
|
+
/**
|
|
2013
|
+
* Rotation angle for X-axis tick labels in degrees. Default: **-42** (angled).
|
|
2014
|
+
* Pass `0` for horizontal — labels containing `\n` will render as multiple lines.
|
|
2015
|
+
*/
|
|
2016
|
+
xAxisTickAngle?: number;
|
|
1908
2017
|
}
|
|
1909
2018
|
|
|
1910
|
-
declare function PasserbyConversion({ title, data, timeSlots, fillMissingTimeSlots, chartHeight, passerbySeriesName, walkInsSeriesName, conversionSeriesName, lineType, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barGap, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipTimeLabel, tooltipOverallLabel, tooltipWalkInsLabel, tooltipPasserbyLabel, tooltipConversionLabel, formatTooltipConversion, conversionAxisLabel, yAxisTickFormatter, conversionAxisTickFormatter, tooltipStyles, renderTooltip, showLegend, showConversionLine: showConversionLineProp, showBarValueLabels, chartMargin: chartMarginProp, chartColors: chartColorsProp, emptyStatePlaceholderProps, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, }: PasserbyConversionProps): react_jsx_runtime.JSX.Element;
|
|
2019
|
+
declare function PasserbyConversion({ title, data, timeSlots, fillMissingTimeSlots, chartHeight, passerbySeriesName, walkInsSeriesName, conversionSeriesName, lineType, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, barGap, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipTimeLabel, tooltipOverallLabel, tooltipWalkInsLabel, tooltipPasserbyLabel, tooltipConversionLabel, formatTooltipConversion, conversionAxisLabel, yAxisTickFormatter, conversionAxisTickFormatter, tooltipStyles, renderTooltip, showLegend, showConversionLine: showConversionLineProp, showBarValueLabels, chartMargin: chartMarginProp, chartColors: chartColorsProp, emptyStatePlaceholderProps, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, }: PasserbyConversionProps): react_jsx_runtime.JSX.Element;
|
|
1911
2020
|
|
|
1912
2021
|
/** Pie diameter: fixed px, or per-breakpoint (`xs` / `sm` / `md` match MUI breakpoints). */
|
|
1913
2022
|
type WalkinAnalysisPieSize = number | {
|
|
@@ -1935,6 +2044,16 @@ interface WalkinAnalysisCustomization {
|
|
|
1935
2044
|
titleRowStackSx?: SxProps$1<Theme$1>;
|
|
1936
2045
|
/** Merged onto the card **title** `Typography` after built-in styles. */
|
|
1937
2046
|
titleSx?: SxProps$1<Theme$1>;
|
|
2047
|
+
/**
|
|
2048
|
+
* Merged onto the **chart-and-legend row** `Stack` that wraps the pie `Box` and legend column.
|
|
2049
|
+
* Controls direction, spacing (gap between pie and legend), and alignment.
|
|
2050
|
+
*/
|
|
2051
|
+
chartLegendRowSx?: SxProps$1<Theme$1>;
|
|
2052
|
+
/**
|
|
2053
|
+
* Merged onto the **pie chart wrapper** `Box` (default `flexShrink: 0, lineHeight: 0`).
|
|
2054
|
+
* Use to adjust pie offset, margin, or positioning within the row.
|
|
2055
|
+
*/
|
|
2056
|
+
pieChartBoxSx?: SxProps$1<Theme$1>;
|
|
1938
2057
|
/** Merged onto the **legend column** `Stack` (list of slice rows) after built-in styles. */
|
|
1939
2058
|
legendColumnStackSx?: SxProps$1<Theme$1>;
|
|
1940
2059
|
/** Merged onto each legend **label** and **count** `Typography` after built-in styles. */
|
|
@@ -2155,9 +2274,14 @@ interface WalkinTrafficProps {
|
|
|
2155
2274
|
* Default **true**.
|
|
2156
2275
|
*/
|
|
2157
2276
|
scrollChartToEndOnDataChange?: boolean;
|
|
2277
|
+
/**
|
|
2278
|
+
* Rotation angle for X-axis tick labels in degrees. Default: **-42** (angled).
|
|
2279
|
+
* Pass `0` for horizontal — labels containing `\n` will render as multiple lines.
|
|
2280
|
+
*/
|
|
2281
|
+
xAxisTickAngle?: number;
|
|
2158
2282
|
}
|
|
2159
2283
|
|
|
2160
|
-
declare function WalkinTraffic({ title, data, chartHeight, barSeriesName, lineSeriesName, lineType, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipTitle, tooltipTimeLabel, tooltipCurrentYearLabel, tooltipLastYearLabel, tooltipGrowthLabel, tooltipFooterNote: tooltipFooterNoteProp, tooltipHourLabel, tooltipStyles, renderTooltip, showLegend, showTrendLine: showTrendLineProp, showLineInLegend, showBarValueLabels, chartMargin: chartMarginProp, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, }: WalkinTrafficProps): react_jsx_runtime.JSX.Element;
|
|
2284
|
+
declare function WalkinTraffic({ title, data, chartHeight, barSeriesName, lineSeriesName, lineType, minWidthPerCategory, horizontalScroll: horizontalScrollProp, maxBarSize: maxBarSizeProp, cardMaxWidth, cardSx, titleRowSx, titleSx, dividerSx, legendRowSx, legendItemSx, legendSwatchSx, legendLabelSx, chartScrollAreaSx, stackSx, emptyStateSx, headerActions, tooltipTitle, tooltipTimeLabel, tooltipCurrentYearLabel, tooltipLastYearLabel, tooltipGrowthLabel, tooltipFooterNote: tooltipFooterNoteProp, tooltipHourLabel, tooltipStyles, renderTooltip, showLegend, showTrendLine: showTrendLineProp, showLineInLegend, showBarValueLabels, chartMargin: chartMarginProp, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, }: WalkinTrafficProps): react_jsx_runtime.JSX.Element;
|
|
2161
2285
|
|
|
2162
2286
|
/** Primary line + tooltip fill (violet). */
|
|
2163
2287
|
declare const BILLING_COUNTER_LINE_PRIMARY: "#7C3AED";
|
|
@@ -2633,8 +2757,12 @@ type FootFallHeatMapKpiStripPresentation = {
|
|
|
2633
2757
|
trackBackgroundColor?: string;
|
|
2634
2758
|
/** Merged onto the outer KPI panel (container under the breadcrumb). Applied after built-in layout styles. */
|
|
2635
2759
|
kpiContainerSx?: SxProps$1<Theme$1>;
|
|
2760
|
+
/** Merged onto the summary KPI cards row `Stack` (direction, spacing, wrap). */
|
|
2761
|
+
summaryRowSx?: SxProps$1<Theme$1>;
|
|
2636
2762
|
/** Merged onto each summary stat card (`Paper`). */
|
|
2637
2763
|
statCardSx?: SxProps$1<Theme$1>;
|
|
2764
|
+
/** Merged onto the ranked-bar-list items `Stack` (spacing between rows, padding). */
|
|
2765
|
+
rankedListStackSx?: SxProps$1<Theme$1>;
|
|
2638
2766
|
/** Icon color for both stat cards. Default `#1565C0`. */
|
|
2639
2767
|
statCardIconColor?: string;
|
|
2640
2768
|
/** Zone / row title next to the segmented bar. */
|
|
@@ -2677,12 +2805,14 @@ type FootFallHeatMapViewProps = {
|
|
|
2677
2805
|
*/
|
|
2678
2806
|
kpiStrip?: FootFallHeatMapKpiStripPresentation;
|
|
2679
2807
|
emptyStatePlaceholderProps?: ChartEmptyStateProps;
|
|
2808
|
+
/** Callback fired when the navigation path changes (drill-down or back) */
|
|
2809
|
+
onPathChange?: (path: string[]) => void;
|
|
2680
2810
|
};
|
|
2681
2811
|
|
|
2682
2812
|
/**
|
|
2683
2813
|
* In-store zone treemap with drill-down and leaf KPIs. Pass `initialData` from your API or mocks.
|
|
2684
2814
|
*/
|
|
2685
|
-
declare function FootFallHeatMapView({ initialData, isLoading, isFetching, error, title, infoTooltip, brandLabel, icons: iconsProp, iconSize: iconSizeProp, iconColor: iconColorProp, headerInfoIconSize, treemap: treemapProp, tree: treeProp, kpiStrip: kpiStripPresentation, emptyStatePlaceholderProps, }: FootFallHeatMapViewProps): react_jsx_runtime.JSX.Element;
|
|
2815
|
+
declare function FootFallHeatMapView({ initialData, isLoading, isFetching, error, title, infoTooltip, brandLabel, icons: iconsProp, iconSize: iconSizeProp, iconColor: iconColorProp, headerInfoIconSize, treemap: treemapProp, tree: treeProp, kpiStrip: kpiStripPresentation, emptyStatePlaceholderProps, onPathChange, }: FootFallHeatMapViewProps): react_jsx_runtime.JSX.Element;
|
|
2686
2816
|
|
|
2687
2817
|
/** Zone KPI grid using MUI layout. */
|
|
2688
2818
|
declare const ZoneWiseKpiCards: ({ metrics }: {
|
|
@@ -2812,4 +2942,4 @@ interface FalconThemeProviderProps {
|
|
|
2812
2942
|
|
|
2813
2943
|
declare const FalconThemeProvider: ({ children, mode: modeProp, settings, }: FalconThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
2814
2944
|
|
|
2815
|
-
export { AddCommentInput, type AddCommentInputProps, AdvancedFiltersDialog, type AdvancedFiltersDialogProps, BILLING_COUNTER_LINE_PRIMARY, BILLING_COUNTER_TABS_TRACK_BG, BillingCounterAnalytics, type BillingCounterAnalyticsCustomization, BillingCounterAnalyticsCustomizationProvider, type BillingCounterAnalyticsPoint, type BillingCounterAnalyticsProps, type BillingCounterAnalyticsTooltipRenderContext, type BillingCounterAnalyticsTooltipTheme, type BillingCounterChartMargin, ButtonWithIcon, type ButtonWithIconProps, CHART_PERIOD_FILTER_INFO_POPOVER, ChartEmptyState, type ChartEmptyStateProps, ChartWidgetHeaderSeparator, ChartWidgetInfoButton, type ChartWidgetInfoButtonProps, type ChartWidgetInfoPopoverContent, RankedBarList as ChartWidgetRankedBarList, type RankedBarListItem as ChartWidgetRankedBarListItem, type RankedBarListProps as ChartWidgetRankedBarListProps, type RankedBarListSegment as ChartWidgetRankedBarSegment, type ChartWidgetSegmentedTab, type ChartWidgetSegmentedTabLayout, ChartWidgetSegmentedTabs, type ChartWidgetSegmentedTabsProps, DEFAULT_BILLING_COUNTER_ANALYTICS_INFO_POPOVER, DEFAULT_FOOTFALL_TILE_ICONS, DEFAULT_PEAK_BILLING_HOURS_INFO_POPOVER, DEFAULT_QUEUE_TIME_BREAKDOWN_INFO_POPOVER, FalconAuditTimeline, type FalconAuditTimelineProps, FalconButton, type FalconButtonProps, FalconDIstrictFilter, type FalconDIstrictFilterOption, type FalconDIstrictFilterProps, FalconExportDialog, type FalconExportDialogProps, FalconExportReportDialog, type FalconExportReportDialogProps, FalconGrayButton, type FalconGrayButtonProps, FalconMultiSelect, type FalconMultiSelectOption, type FalconMultiSelectProps, type FalconMultiSelectStyleProps, FalconPagination, type FalconPaginationProps, FalconSelect, type FalconSelectOption, type FalconSelectProps, FalconSingleSwitch, type FalconSingleSwitchProps, FalconTable, type FalconTableProps, type FalconThemeDirection, type FalconThemeMode, FalconThemeProvider, type FalconThemeProviderProps, type FalconThemeSettings, FalconTicketColumsFilter, type FalconTicketColumsFilterProps, FalconTicketFilter, type FalconTicketFilterProps, type FilterOption, type FootFallHeatMapIconColor, type FootFallHeatMapIconSize, type FootFallHeatMapIconSizeContext, type FootFallHeatMapIcons, type FootFallHeatMapKpiStripPresentation, type FootFallHeatMapKpiStripSegmentTooltipRenderContext, type FootFallHeatMapKpiSummaryCardItem, type FootFallHeatMapSummaryKpis, type FootFallHeatMapTileIconRole, type FootFallHeatMapTileMetricsCustomization, type FootFallHeatMapTreeOptions, type FootFallHeatMapTreemapColorCustomization, type FootFallHeatMapTreemapLayout, FootFallHeatMapView, type FootFallHeatMapViewProps, FootfallByAgeGroups, type ChartCardMaxWidth as FootfallByAgeGroupsCardMaxWidth, type FootfallByAgeGroupsChartColors, type FootfallByAgeGroupsChartMargin, type FootfallByAgeGroupsHorizontalScroll, type FootfallByAgeGroupsProps, type FootfallByAgeGroupsRow, type FootfallByAgeGroupsSeries, type FootfallByAgeGroupsTooltipRenderContext, type FootfallByAgeGroupsTooltipStyles, FootfallByGender, type ChartCardMaxWidth as FootfallByGenderCardMaxWidth, type FootfallByGenderChartColors, type FootfallByGenderChartMargin, type FootfallByGenderHorizontalScroll, type FootfallByGenderProps, type FootfallByGenderRow, type FootfallByGenderTooltipRenderContext, type FootfallByGenderTooltipStyles, HeatMapChartLegend, type HeatMapChartLegendProps, type HeatMapLegendItem, KpiStatCard, type KpiStatCardCustomization, type KpiStatCardDetailedProps, type KpiStatCardIconBackdropShape, type KpiStatCardInfoPlacement, type KpiStatCardInlineProps, type KpiStatCardProps, type KpiTrend, type KpiTrendLayout, type MonthData, PasserbyConversion, type ChartCardMaxWidth as PasserbyConversionCardMaxWidth, type PasserbyConversionChartColors, type PasserbyConversionChartMargin, type PasserbyConversionHorizontalScroll, type PasserbyConversionProps, type PasserbyConversionRow, type PasserbyConversionTooltipRenderContext, type PasserbyConversionTooltipStyles, PeakBillingHours, type PeakBillingHoursChartMargin, type PeakBillingHoursCustomization, PeakBillingHoursCustomizationProvider, type PeakBillingHoursPoint, type PeakBillingHoursProps, type PeakBillingHoursTooltipRenderContext, ProgressBarNumber, type ProgressBarNumberProps, QUEUE_CHART_COLORS, QUEUE_STACKED_BAR_THICKNESS_PX, QUEUE_TIME_BREAKDOWN_DEFAULT_HEADER_IMAGE_SRC, QUEUE_TIME_BREAKDOWN_INFO_POPOVER, type QueueBucketLegendItem, type QueueTimeAreaSeriesPoint, type QueueTimeAreaTooltipTheme, QueueTimeBreakdown, QueueTimeBreakdownArea, type QueueTimeBreakdownAreaProps, type QueueTimeBreakdownAreaTooltipRenderContext, type QueueTimeBreakdownBarRow, type QueueTimeBreakdownCustomization, QueueTimeBreakdownCustomizationProvider, QueueTimeBreakdownDonut, type QueueTimeBreakdownDonutProps, type QueueTimeBreakdownDonutTooltipRenderContext, type QueueTimeBreakdownProps, QueueTimeBreakdownStackedBar, type QueueTimeBreakdownStackedBarProps, type QueueTimeBreakdownStackedBarTooltipRenderContext, type QueueTimeChartFilter, TimePeriodFilter as QueueTimePeriodFilter, type QueueTimePeriodFilterInfoButtonPresentation, type TimePeriodFilterProps as QueueTimePeriodFilterProps, type QueueTimePeriodFilterTheme, type QueueTimeRechartsTooltipTheme, type QueueTimeStackedSeriesItem, RankedBarList, type RankedBarListCustomization, type RankedBarListItem, type RankedBarListProps, type RankedBarListSegment, type RankedBarListSegmentTooltipRenderContext, TIME_PERIOD_FILTER_INFO_POPOVER, TIME_PERIOD_FILTER_INFO_POPOVER_BREAKDOWN, TimePeriodFilter, type TimePeriodFilterInfoButtonPresentation, type TimePeriodFilterProps, type TimePeriodFilterTheme, type TreemapNode, WalkinAnalysis, type WalkinAnalysisCardMaxWidth, type WalkinAnalysisCustomization, type WalkinAnalysisPieSize, type WalkinAnalysisProps, type WalkinAnalysisSlice, type WalkinAnalysisTab, type WalkinAnalysisTooltipRenderContext, type WalkinAnalysisTypography, WalkinTraffic, WalkinTraffic as WalkinTrafficByHour, type ChartCardMaxWidth as WalkinTrafficByHourCardMaxWidth, type WalkinTrafficChartColors as WalkinTrafficByHourChartColors, type WalkinTrafficChartMargin as WalkinTrafficByHourChartMargin, type WalkinTrafficHorizontalScroll as WalkinTrafficByHourHorizontalScroll, type WalkinTrafficProps as WalkinTrafficByHourProps, type WalkinTrafficRow as WalkinTrafficByHourRow, type WalkinTrafficTooltipStyles as WalkinTrafficByHourTooltipStyles, type ChartCardMaxWidth as WalkinTrafficCardMaxWidth, type WalkinTrafficChartColors, type WalkinTrafficChartMargin, type WalkinTrafficHorizontalScroll, type WalkinTrafficProps, type WalkinTrafficRow, type WalkinTrafficTooltipRenderContext, type WalkinTrafficTooltipStyles, WidgetHeaderFilter, type WidgetHeaderFilterProps, type WidgetHeaderFilterStyleProps, type WidgetHeaderMultiSelectConfig, type ZoneAnalyticsFlatItem, type ZoneAnalyticsHierarchy, type ZoneAnalyticsMetrics, type ZoneKpiStripPayload, ZoneWiseKpiCards, billingCounterDefaultTabs, billingCounterMockSeriesByTabId, buildTreemapNodes, createTreemapTileColorResolver, generateMockPerformanceData, getChildContainer, getNestedList, getQueueTimeBreakdownAreaSeriesData, getQueueTimeBreakdownAreaXAxisData, hashColor, isPlainObject, mergeAreaTooltipStyles, mergeCss, mergeRechartsTooltipStyles, mergeSx, metricForNode, parseMinutes, parseZoneKpiStripFromRaw, peakBillingHoursDefaultTabs, peakBillingHoursMockSeriesByTabId, peakBillingHoursVisitsMock, preprocessData, skipSingleBranchLevels, toRechartsTreemapData, useBillingCounterAnalyticsCustomization, usePeakBillingHoursCustomization, useQueueTimeBreakdownCustomization };
|
|
2945
|
+
export { AddCommentInput, type AddCommentInputProps, AdvancedFiltersDialog, type AdvancedFiltersDialogProps, BILLING_COUNTER_LINE_PRIMARY, BILLING_COUNTER_TABS_TRACK_BG, BillingCounterAnalytics, type BillingCounterAnalyticsCustomization, BillingCounterAnalyticsCustomizationProvider, type BillingCounterAnalyticsPoint, type BillingCounterAnalyticsProps, type BillingCounterAnalyticsTooltipRenderContext, type BillingCounterAnalyticsTooltipTheme, type BillingCounterChartMargin, ButtonWithIcon, type ButtonWithIconProps, CHART_PERIOD_FILTER_INFO_POPOVER, ChartEmptyState, type ChartEmptyStateProps, ChartWidgetHeaderSeparator, ChartWidgetInfoButton, type ChartWidgetInfoButtonProps, type ChartWidgetInfoPopoverContent, RankedBarList as ChartWidgetRankedBarList, type RankedBarListItem as ChartWidgetRankedBarListItem, type RankedBarListProps as ChartWidgetRankedBarListProps, type RankedBarListSegment as ChartWidgetRankedBarSegment, type ChartWidgetSegmentedTab, type ChartWidgetSegmentedTabLayout, ChartWidgetSegmentedTabs, type ChartWidgetSegmentedTabsProps, DEFAULT_BILLING_COUNTER_ANALYTICS_INFO_POPOVER, DEFAULT_FOOTFALL_TILE_ICONS, DEFAULT_PEAK_BILLING_HOURS_INFO_POPOVER, DEFAULT_QUEUE_TIME_BREAKDOWN_INFO_POPOVER, FalconAuditTimeline, type FalconAuditTimelineProps, FalconButton, type FalconButtonProps, FalconDIstrictFilter, type FalconDIstrictFilterOption, type FalconDIstrictFilterProps, FalconExportDialog, type FalconExportDialogProps, FalconExportReportDialog, type FalconExportReportDialogProps, FalconGrayButton, type FalconGrayButtonProps, FalconMultiSelect, type FalconMultiSelectOption, type FalconMultiSelectProps, type FalconMultiSelectStyleProps, FalconPagination, type FalconPaginationProps, FalconSelect, type FalconSelectOption, type FalconSelectProps, FalconSingleSwitch, type FalconSingleSwitchProps, FalconStatBanner, FalconStatBannerGroup, type FalconStatBannerGroupProps, type FalconStatBannerProps, FalconTable, type FalconTableProps, type FalconThemeDirection, type FalconThemeMode, FalconThemeProvider, type FalconThemeProviderProps, type FalconThemeSettings, FalconTicketColumsFilter, type FalconTicketColumsFilterProps, FalconTicketFilter, type FalconTicketFilterProps, type FilterOption, type FootFallHeatMapIconColor, type FootFallHeatMapIconSize, type FootFallHeatMapIconSizeContext, type FootFallHeatMapIcons, type FootFallHeatMapKpiStripPresentation, type FootFallHeatMapKpiStripSegmentTooltipRenderContext, type FootFallHeatMapKpiSummaryCardItem, type FootFallHeatMapSummaryKpis, type FootFallHeatMapTileIconRole, type FootFallHeatMapTileMetricsCustomization, type FootFallHeatMapTreeOptions, type FootFallHeatMapTreemapColorCustomization, type FootFallHeatMapTreemapLayout, FootFallHeatMapView, type FootFallHeatMapViewProps, FootfallByAgeGroups, type ChartCardMaxWidth as FootfallByAgeGroupsCardMaxWidth, type FootfallByAgeGroupsChartColors, type FootfallByAgeGroupsChartMargin, type FootfallByAgeGroupsHorizontalScroll, type FootfallByAgeGroupsProps, type FootfallByAgeGroupsRow, type FootfallByAgeGroupsSeries, type FootfallByAgeGroupsTooltipRenderContext, type FootfallByAgeGroupsTooltipStyles, FootfallByGender, type ChartCardMaxWidth as FootfallByGenderCardMaxWidth, type FootfallByGenderChartColors, type FootfallByGenderChartMargin, type FootfallByGenderHorizontalScroll, type FootfallByGenderProps, type FootfallByGenderRow, type FootfallByGenderTooltipRenderContext, type FootfallByGenderTooltipStyles, HeatMapChartLegend, type HeatMapChartLegendProps, type HeatMapLegendItem, KpiStatCard, type KpiStatCardCustomization, type KpiStatCardDetailedProps, type KpiStatCardIconBackdropShape, type KpiStatCardInfoPlacement, type KpiStatCardInlineProps, type KpiStatCardProps, type KpiTrend, type KpiTrendLayout, type MonthData, PasserbyConversion, type ChartCardMaxWidth as PasserbyConversionCardMaxWidth, type PasserbyConversionChartColors, type PasserbyConversionChartMargin, type PasserbyConversionHorizontalScroll, type PasserbyConversionProps, type PasserbyConversionRow, type PasserbyConversionTooltipRenderContext, type PasserbyConversionTooltipStyles, PeakBillingHours, type PeakBillingHoursChartMargin, type PeakBillingHoursCustomization, PeakBillingHoursCustomizationProvider, type PeakBillingHoursPoint, type PeakBillingHoursProps, type PeakBillingHoursTooltipRenderContext, ProgressBarNumber, type ProgressBarNumberProps, QUEUE_CHART_COLORS, QUEUE_STACKED_BAR_THICKNESS_PX, QUEUE_TIME_BREAKDOWN_DEFAULT_HEADER_IMAGE_SRC, QUEUE_TIME_BREAKDOWN_INFO_POPOVER, type QueueBucketLegendItem, type QueueTimeAreaSeriesPoint, type QueueTimeAreaTooltipTheme, QueueTimeBreakdown, QueueTimeBreakdownArea, type QueueTimeBreakdownAreaProps, type QueueTimeBreakdownAreaTooltipRenderContext, type QueueTimeBreakdownBarRow, type QueueTimeBreakdownCustomization, QueueTimeBreakdownCustomizationProvider, QueueTimeBreakdownDonut, type QueueTimeBreakdownDonutProps, type QueueTimeBreakdownDonutTooltipRenderContext, type QueueTimeBreakdownProps, QueueTimeBreakdownStackedBar, type QueueTimeBreakdownStackedBarProps, type QueueTimeBreakdownStackedBarTooltipRenderContext, type QueueTimeChartFilter, TimePeriodFilter as QueueTimePeriodFilter, type QueueTimePeriodFilterInfoButtonPresentation, type TimePeriodFilterProps as QueueTimePeriodFilterProps, type QueueTimePeriodFilterTheme, type QueueTimeRechartsTooltipTheme, type QueueTimeStackedSeriesItem, RankedBarList, type RankedBarListCustomization, type RankedBarListItem, type RankedBarListProps, type RankedBarListSegment, type RankedBarListSegmentTooltipRenderContext, TIME_PERIOD_FILTER_INFO_POPOVER, TIME_PERIOD_FILTER_INFO_POPOVER_BREAKDOWN, TimePeriodFilter, type TimePeriodFilterInfoButtonPresentation, type TimePeriodFilterProps, type TimePeriodFilterTheme, type TreemapNode, WalkinAnalysis, type WalkinAnalysisCardMaxWidth, type WalkinAnalysisCustomization, type WalkinAnalysisPieSize, type WalkinAnalysisProps, type WalkinAnalysisSlice, type WalkinAnalysisTab, type WalkinAnalysisTooltipRenderContext, type WalkinAnalysisTypography, WalkinTraffic, WalkinTraffic as WalkinTrafficByHour, type ChartCardMaxWidth as WalkinTrafficByHourCardMaxWidth, type WalkinTrafficChartColors as WalkinTrafficByHourChartColors, type WalkinTrafficChartMargin as WalkinTrafficByHourChartMargin, type WalkinTrafficHorizontalScroll as WalkinTrafficByHourHorizontalScroll, type WalkinTrafficProps as WalkinTrafficByHourProps, type WalkinTrafficRow as WalkinTrafficByHourRow, type WalkinTrafficTooltipStyles as WalkinTrafficByHourTooltipStyles, type ChartCardMaxWidth as WalkinTrafficCardMaxWidth, type WalkinTrafficChartColors, type WalkinTrafficChartMargin, type WalkinTrafficHorizontalScroll, type WalkinTrafficProps, type WalkinTrafficRow, type WalkinTrafficTooltipRenderContext, type WalkinTrafficTooltipStyles, WidgetHeaderFilter, type WidgetHeaderFilterProps, type WidgetHeaderFilterStyleProps, type WidgetHeaderMultiSelectConfig, type ZoneAnalyticsFlatItem, type ZoneAnalyticsHierarchy, type ZoneAnalyticsMetrics, type ZoneKpiStripPayload, ZoneWiseKpiCards, billingCounterDefaultTabs, billingCounterMockSeriesByTabId, buildTreemapNodes, createTreemapTileColorResolver, generateMockPerformanceData, getChildContainer, getNestedList, getQueueTimeBreakdownAreaSeriesData, getQueueTimeBreakdownAreaXAxisData, hashColor, isPlainObject, mergeAreaTooltipStyles, mergeCss, mergeRechartsTooltipStyles, mergeSx, metricForNode, parseMinutes, parseZoneKpiStripFromRaw, peakBillingHoursDefaultTabs, peakBillingHoursMockSeriesByTabId, peakBillingHoursVisitsMock, preprocessData, skipSingleBranchLevels, toRechartsTreemapData, useBillingCounterAnalyticsCustomization, usePeakBillingHoursCustomization, useQueueTimeBreakdownCustomization };
|