@bpfdev/oly-ui 1.0.7 → 1.0.9
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 +144 -8
- package/dist/index.d.ts +144 -8
- package/dist/index.js +1398 -852
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1511 -967
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1376,6 +1376,39 @@ interface FalconDIstrictFilterProps {
|
|
|
1376
1376
|
/** District filter — full implementation can be migrated from apps/docs. */
|
|
1377
1377
|
declare const FalconDIstrictFilter: ({ label, options, value, onChange, }: FalconDIstrictFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1378
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
|
+
|
|
1379
1412
|
interface FalconGrayButtonProps {
|
|
1380
1413
|
text: string;
|
|
1381
1414
|
Icon?: ReactNode;
|
|
@@ -1586,6 +1619,8 @@ interface FootfallByAgeGroupsProps {
|
|
|
1586
1619
|
data: FootfallByAgeGroupsRow[];
|
|
1587
1620
|
/** Stacked series bottom-to-top (first item is bottom of stack). */
|
|
1588
1621
|
series: FootfallByAgeGroupsSeries[];
|
|
1622
|
+
/** When `true`, render loading skeleton and suppress chart empty state. Default: `false`. */
|
|
1623
|
+
isLoading?: boolean;
|
|
1589
1624
|
/** Plot height in px. Default: 430 */
|
|
1590
1625
|
chartHeight?: number;
|
|
1591
1626
|
/**
|
|
@@ -1644,8 +1679,12 @@ interface FootfallByAgeGroupsProps {
|
|
|
1644
1679
|
renderTooltip?: (context: FootfallByAgeGroupsTooltipRenderContext) => ReactNode;
|
|
1645
1680
|
/** Color key legend above the plot (from \`series\`). Default: \`true\`. */
|
|
1646
1681
|
showLegend?: boolean;
|
|
1647
|
-
/** Recharts
|
|
1682
|
+
/** Recharts `BarChart` margin override (passed through directly when provided). */
|
|
1648
1683
|
chartMargin?: FootfallByAgeGroupsChartMargin;
|
|
1684
|
+
/** Horizontal offset for left Y-axis tick text. Default: `-8`. */
|
|
1685
|
+
yAxisTickDx?: number;
|
|
1686
|
+
/** Inline SVG style for Y-axis tick text (typography/spacing). */
|
|
1687
|
+
yAxisTickStyle?: Record<string, string | number>;
|
|
1649
1688
|
/** Grid / axis / bar-top label colors. */
|
|
1650
1689
|
chartColors?: FootfallByAgeGroupsChartColors;
|
|
1651
1690
|
emptyStatePlaceholderProps?: ChartEmptyStateProps;
|
|
@@ -1655,12 +1694,22 @@ interface FootfallByAgeGroupsProps {
|
|
|
1655
1694
|
barStackId?: string;
|
|
1656
1695
|
/** Copy when \`data\` is empty. Default: \`No data\` */
|
|
1657
1696
|
emptyStateText?: string;
|
|
1697
|
+
/**
|
|
1698
|
+
* Rotation angle for X-axis tick labels in degrees. Default: **-38** (angled).
|
|
1699
|
+
* Pass `0` for horizontal — labels containing `\n` will render as multiple lines.
|
|
1700
|
+
*/
|
|
1701
|
+
xAxisTickAngle?: number;
|
|
1702
|
+
/** Horizontal offset for X-axis tick text. Default: `0`. */
|
|
1703
|
+
xAxisTickDx?: number;
|
|
1704
|
+
/** Inline SVG style for X-axis tick text (typography/spacing). */
|
|
1705
|
+
xAxisTickStyle?: Record<string, string | number>;
|
|
1658
1706
|
}
|
|
1659
1707
|
|
|
1660
|
-
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;
|
|
1708
|
+
declare function FootfallByAgeGroups({ title, data, series, isLoading, 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, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, dimmedStackOpacity, barStackId, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: FootfallByAgeGroupsProps): react_jsx_runtime.JSX.Element;
|
|
1661
1709
|
|
|
1662
1710
|
/** Optional inline styles merged over tooltip defaults (undefined keys keep defaults). */
|
|
1663
1711
|
interface FootfallByGenderTooltipStyles {
|
|
1712
|
+
wrapper?: CSSProperties;
|
|
1664
1713
|
container?: CSSProperties;
|
|
1665
1714
|
/** Each horizontal row in the tooltip */
|
|
1666
1715
|
sectionRow?: CSSProperties;
|
|
@@ -1700,6 +1749,8 @@ interface FootfallByGenderRow {
|
|
|
1700
1749
|
name: string;
|
|
1701
1750
|
male: number;
|
|
1702
1751
|
female: number;
|
|
1752
|
+
/** YoY or period growth %. Positive = green ▲, negative = red ▼. Null/undefined = no badge. */
|
|
1753
|
+
ffGrowthPercent?: number | null;
|
|
1703
1754
|
}
|
|
1704
1755
|
interface FootfallByGenderTooltipRenderContext {
|
|
1705
1756
|
tooltipProps: TooltipContentProps;
|
|
@@ -1709,6 +1760,8 @@ interface FootfallByGenderProps {
|
|
|
1709
1760
|
/** Card heading — **centered**; \`headerActions\` (if any) sit on the right without shifting it. */
|
|
1710
1761
|
title: string;
|
|
1711
1762
|
data: FootfallByGenderRow[];
|
|
1763
|
+
/** When `true`, render loading skeleton and suppress chart empty state. Default: `false`. */
|
|
1764
|
+
isLoading?: boolean;
|
|
1712
1765
|
/** Legend / tooltip labels for the two series. Defaults: Male, Female */
|
|
1713
1766
|
seriesLabels?: {
|
|
1714
1767
|
male: string;
|
|
@@ -1738,6 +1791,10 @@ interface FootfallByGenderProps {
|
|
|
1738
1791
|
* Numeric labels above each bar. Default: `true`. Set `false` if labels overlap on dense charts; tooltip still shows values.
|
|
1739
1792
|
*/
|
|
1740
1793
|
showBarValueLabels?: boolean;
|
|
1794
|
+
/**
|
|
1795
|
+
* Growth percentage badges above bars when `ffGrowthPercent` data is available. Default: `false`.
|
|
1796
|
+
*/
|
|
1797
|
+
showGrowthBadges?: boolean;
|
|
1741
1798
|
/**
|
|
1742
1799
|
* Opacity for bars in non-hovered categories while another is hovered. Default: **0.3**
|
|
1743
1800
|
*/
|
|
@@ -1788,8 +1845,12 @@ interface FootfallByGenderProps {
|
|
|
1788
1845
|
* Full custom tooltip renderer. When provided, default tooltip layout is skipped.
|
|
1789
1846
|
*/
|
|
1790
1847
|
renderTooltip?: (context: FootfallByGenderTooltipRenderContext) => ReactNode;
|
|
1791
|
-
/** Recharts
|
|
1848
|
+
/** Recharts `BarChart` margin override (passed through directly when provided). */
|
|
1792
1849
|
chartMargin?: FootfallByGenderChartMargin;
|
|
1850
|
+
/** Horizontal offset for left Y-axis tick text. Default: `-6`. */
|
|
1851
|
+
yAxisTickDx?: number;
|
|
1852
|
+
/** Inline SVG style for Y-axis tick text (typography/spacing). */
|
|
1853
|
+
yAxisTickStyle?: Record<string, string | number>;
|
|
1793
1854
|
/** Grid / axis / bar-top label colors. */
|
|
1794
1855
|
chartColors?: FootfallByGenderChartColors;
|
|
1795
1856
|
emptyStatePlaceholderProps?: ChartEmptyStateProps;
|
|
@@ -1799,12 +1860,32 @@ interface FootfallByGenderProps {
|
|
|
1799
1860
|
yAxisTickFormatter?: (value: number) => string;
|
|
1800
1861
|
/** Copy when \`data\` is empty. Default: \`No data\` */
|
|
1801
1862
|
emptyStateText?: string;
|
|
1863
|
+
/**
|
|
1864
|
+
* Rotation angle for X-axis tick labels in degrees. Default: **-38** (angled).
|
|
1865
|
+
* Pass `0` for horizontal — labels containing `\n` will render as multiple lines.
|
|
1866
|
+
*/
|
|
1867
|
+
xAxisTickAngle?: number;
|
|
1868
|
+
/** Horizontal offset for X-axis tick text. Default: `0`. */
|
|
1869
|
+
xAxisTickDx?: number;
|
|
1870
|
+
/** Inline SVG style for X-axis tick text (typography/spacing). */
|
|
1871
|
+
xAxisTickStyle?: Record<string, string | number>;
|
|
1872
|
+
/**
|
|
1873
|
+
* Rotation angle for bar-top value labels. Default: **-90** (vertical).
|
|
1874
|
+
* Pass `0` for horizontal labels.
|
|
1875
|
+
*/
|
|
1876
|
+
barValueLabelAngle?: number;
|
|
1877
|
+
/** Growth badge width in px. Default: **45**. */
|
|
1878
|
+
growthBadgeWidth?: number;
|
|
1879
|
+
/** Growth badge height in px. Default: **38**. */
|
|
1880
|
+
growthBadgeHeight?: number;
|
|
1881
|
+
/** Growth badge vertical offset from bar top in px. Default: **35**. */
|
|
1882
|
+
growthBadgeOffsetY?: number;
|
|
1802
1883
|
}
|
|
1803
1884
|
|
|
1804
1885
|
/**
|
|
1805
1886
|
* Grouped bar chart: two series (male / female) per category, with hover dimming and a custom tooltip.
|
|
1806
1887
|
*/
|
|
1807
|
-
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;
|
|
1888
|
+
declare function FootfallByGender({ title, data, isLoading, 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, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, barValueLabelAngle, growthBadgeWidth, growthBadgeHeight, growthBadgeOffsetY, }: FootfallByGenderProps): react_jsx_runtime.JSX.Element;
|
|
1808
1889
|
|
|
1809
1890
|
interface PasserbyConversionTooltipStyles {
|
|
1810
1891
|
container?: CSSProperties;
|
|
@@ -1854,6 +1935,8 @@ interface PasserbyConversionTooltipRenderContext {
|
|
|
1854
1935
|
interface PasserbyConversionProps {
|
|
1855
1936
|
title: string;
|
|
1856
1937
|
data: PasserbyConversionRow[];
|
|
1938
|
+
/** When `true`, render loading skeleton and suppress chart empty state. Default: `false`. */
|
|
1939
|
+
isLoading?: boolean;
|
|
1857
1940
|
/**
|
|
1858
1941
|
* Optional fixed X-axis slots (e.g. full day series), used to render a stable time axis
|
|
1859
1942
|
* even when `data` is partial (API hasn’t returned all slots yet).
|
|
@@ -1933,6 +2016,18 @@ interface PasserbyConversionProps {
|
|
|
1933
2016
|
showConversionLine?: boolean;
|
|
1934
2017
|
showBarValueLabels?: boolean;
|
|
1935
2018
|
chartMargin?: PasserbyConversionChartMargin;
|
|
2019
|
+
/** Horizontal offset for left Y-axis tick text. Default: `-8`. */
|
|
2020
|
+
yAxisTickDx?: number;
|
|
2021
|
+
/** Inline SVG style for left Y-axis tick text (typography/spacing). */
|
|
2022
|
+
yAxisTickStyle?: Record<string, string | number>;
|
|
2023
|
+
/** Horizontal offset for right Y-axis tick text. Default: `0`. */
|
|
2024
|
+
conversionAxisTickDx?: number;
|
|
2025
|
+
/** Inline SVG style for right Y-axis tick text (typography/spacing). */
|
|
2026
|
+
conversionAxisTickStyle?: Record<string, string | number>;
|
|
2027
|
+
/** Alias for `conversionAxisTickDx` on the right Y-axis tick text. */
|
|
2028
|
+
rightYAxisTickDx?: number;
|
|
2029
|
+
/** Alias for `conversionAxisTickStyle` on the right Y-axis tick text. */
|
|
2030
|
+
rightYAxisTickStyle?: Record<string, string | number>;
|
|
1936
2031
|
chartColors?: PasserbyConversionChartColors;
|
|
1937
2032
|
emptyStatePlaceholderProps?: ChartEmptyStateProps;
|
|
1938
2033
|
emptyStateText?: string;
|
|
@@ -1948,9 +2043,18 @@ interface PasserbyConversionProps {
|
|
|
1948
2043
|
* latest categories stay in view (live / streaming). Default **true**. Set **`false`** to keep manual scroll position.
|
|
1949
2044
|
*/
|
|
1950
2045
|
scrollChartToEndOnDataChange?: boolean;
|
|
2046
|
+
/**
|
|
2047
|
+
* Rotation angle for X-axis tick labels in degrees. Default: **-42** (angled).
|
|
2048
|
+
* Pass `0` for horizontal — labels containing `\n` will render as multiple lines.
|
|
2049
|
+
*/
|
|
2050
|
+
xAxisTickAngle?: number;
|
|
2051
|
+
/** Horizontal offset for X-axis tick text. Default: `0`. */
|
|
2052
|
+
xAxisTickDx?: number;
|
|
2053
|
+
/** Inline SVG style for X-axis tick text (typography/spacing). */
|
|
2054
|
+
xAxisTickStyle?: Record<string, string | number>;
|
|
1951
2055
|
}
|
|
1952
2056
|
|
|
1953
|
-
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;
|
|
2057
|
+
declare function PasserbyConversion({ title, data, isLoading, 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, yAxisTickDx, yAxisTickStyle, conversionAxisTickDx, conversionAxisTickStyle, rightYAxisTickDx, rightYAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: PasserbyConversionProps): react_jsx_runtime.JSX.Element;
|
|
1954
2058
|
|
|
1955
2059
|
/** Pie diameter: fixed px, or per-breakpoint (`xs` / `sm` / `md` match MUI breakpoints). */
|
|
1956
2060
|
type WalkinAnalysisPieSize = number | {
|
|
@@ -2136,6 +2240,8 @@ interface WalkinTrafficTooltipRenderContext {
|
|
|
2136
2240
|
interface WalkinTrafficProps {
|
|
2137
2241
|
title: string;
|
|
2138
2242
|
data: WalkinTrafficRow[];
|
|
2243
|
+
/** When `true`, render loading skeleton and suppress chart empty state. Default: `false`. */
|
|
2244
|
+
isLoading?: boolean;
|
|
2139
2245
|
/** Plot height in px. Default: **430**. */
|
|
2140
2246
|
chartHeight?: number;
|
|
2141
2247
|
/** Legend label and tooltip name for bars. Default: **Walk-ins**. */
|
|
@@ -2193,6 +2299,10 @@ interface WalkinTrafficProps {
|
|
|
2193
2299
|
showLineInLegend?: boolean;
|
|
2194
2300
|
showBarValueLabels?: boolean;
|
|
2195
2301
|
chartMargin?: WalkinTrafficChartMargin;
|
|
2302
|
+
/** Horizontal offset for left Y-axis tick text. Default: `-8`. */
|
|
2303
|
+
yAxisTickDx?: number;
|
|
2304
|
+
/** Inline SVG style for Y-axis tick text (typography/spacing). */
|
|
2305
|
+
yAxisTickStyle?: Record<string, string | number>;
|
|
2196
2306
|
chartColors?: WalkinTrafficChartColors;
|
|
2197
2307
|
emptyStatePlaceholderProps?: ChartEmptyStateProps;
|
|
2198
2308
|
yAxisTickFormatter?: (value: number) => string;
|
|
@@ -2208,9 +2318,18 @@ interface WalkinTrafficProps {
|
|
|
2208
2318
|
* Default **true**.
|
|
2209
2319
|
*/
|
|
2210
2320
|
scrollChartToEndOnDataChange?: boolean;
|
|
2321
|
+
/**
|
|
2322
|
+
* Rotation angle for X-axis tick labels in degrees. Default: **-42** (angled).
|
|
2323
|
+
* Pass `0` for horizontal — labels containing `\n` will render as multiple lines.
|
|
2324
|
+
*/
|
|
2325
|
+
xAxisTickAngle?: number;
|
|
2326
|
+
/** Horizontal offset for X-axis tick text. Default: `0`. */
|
|
2327
|
+
xAxisTickDx?: number;
|
|
2328
|
+
/** Inline SVG style for X-axis tick text (typography/spacing). */
|
|
2329
|
+
xAxisTickStyle?: Record<string, string | number>;
|
|
2211
2330
|
}
|
|
2212
2331
|
|
|
2213
|
-
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;
|
|
2332
|
+
declare function WalkinTraffic({ title, data, isLoading, 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, yAxisTickDx, yAxisTickStyle, chartColors: chartColorsProp, emptyStatePlaceholderProps, yAxisTickFormatter, isChartAnimationActive, chartAnimationDuration, scrollChartToEndOnDataChange, xAxisTickAngle, xAxisTickDx, xAxisTickStyle, }: WalkinTrafficProps): react_jsx_runtime.JSX.Element;
|
|
2214
2333
|
|
|
2215
2334
|
/** Primary line + tooltip fill (violet). */
|
|
2216
2335
|
declare const BILLING_COUNTER_LINE_PRIMARY: "#7C3AED";
|
|
@@ -2821,7 +2940,24 @@ type PeakBillingHoursProps = {
|
|
|
2821
2940
|
activeTabId: string;
|
|
2822
2941
|
onTabChange: (tabId: string) => void;
|
|
2823
2942
|
data?: PeakBillingHoursPoint[];
|
|
2943
|
+
/** When `true`, render loading skeleton and suppress chart empty state. Default: `false`. */
|
|
2944
|
+
isLoading?: boolean;
|
|
2824
2945
|
seriesByTabId?: Record<string, PeakBillingHoursPoint[]>;
|
|
2946
|
+
/** Recharts `BarChart` margin override (passed through directly when provided). */
|
|
2947
|
+
chartMargin?: {
|
|
2948
|
+
top?: number;
|
|
2949
|
+
right?: number;
|
|
2950
|
+
bottom?: number;
|
|
2951
|
+
left?: number;
|
|
2952
|
+
};
|
|
2953
|
+
/** Horizontal offset for Y-axis tick text. Default: `-6`. */
|
|
2954
|
+
yAxisTickDx?: number;
|
|
2955
|
+
/** Inline SVG style for Y-axis tick text (typography/spacing). */
|
|
2956
|
+
yAxisTickStyle?: Record<string, string | number>;
|
|
2957
|
+
/** Horizontal offset for X-axis tick text. Default: `0`. */
|
|
2958
|
+
xAxisTickDx?: number;
|
|
2959
|
+
/** Inline SVG style for X-axis tick text (typography/spacing). */
|
|
2960
|
+
xAxisTickStyle?: Record<string, string | number>;
|
|
2825
2961
|
yAxisDomain?: [number, number];
|
|
2826
2962
|
yAxisTicks?: number[];
|
|
2827
2963
|
infoPopover?: ChartWidgetInfoPopoverContent | null;
|
|
@@ -2842,7 +2978,7 @@ declare const peakBillingHoursMockSeriesByTabId: Record<string, PeakBillingHours
|
|
|
2842
2978
|
* Peak billing hours card: title + subtitle, info control, violet segmented tabs (intrinsic),
|
|
2843
2979
|
* vertical bar chart with square tops, value labels, and panel tooltip.
|
|
2844
2980
|
*/
|
|
2845
|
-
declare function PeakBillingHours({ title, subtitle, tabs, activeTabId, onTabChange, data, seriesByTabId, yAxisDomain, yAxisTicks, infoPopover, renderTooltip, emptyStatePlaceholderProps, customization, }: PeakBillingHoursProps): React$1.ReactElement;
|
|
2981
|
+
declare function PeakBillingHours({ title, subtitle, tabs, activeTabId, onTabChange, data, isLoading, seriesByTabId, chartMargin, yAxisTickDx, yAxisTickStyle, xAxisTickDx, xAxisTickStyle, yAxisDomain, yAxisTicks, infoPopover, renderTooltip, emptyStatePlaceholderProps, customization, }: PeakBillingHoursProps): React$1.ReactElement;
|
|
2846
2982
|
|
|
2847
2983
|
type PeakBillingHoursCustomizationProviderProps = {
|
|
2848
2984
|
value: PeakBillingHoursCustomization;
|
|
@@ -2871,4 +3007,4 @@ interface FalconThemeProviderProps {
|
|
|
2871
3007
|
|
|
2872
3008
|
declare const FalconThemeProvider: ({ children, mode: modeProp, settings, }: FalconThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
2873
3009
|
|
|
2874
|
-
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 };
|
|
3010
|
+
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 };
|