@bpfdev/oly-ui 1.0.17 → 1.0.19
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 +1165 -30
- package/dist/index.d.ts +1165 -30
- package/dist/index.js +3840 -1786
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3849 -1802
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { SxProps, Theme, ButtonProps } from '@mui/material';
|
|
2
|
+
import { SxProps, Theme, ButtonProps, TooltipProps, PopoverProps } from '@mui/material';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { ReactNode, ReactElement, CSSProperties, ElementType } from 'react';
|
|
5
5
|
import { SxProps as SxProps$1, Theme as Theme$1 } from '@mui/material/styles';
|
|
@@ -1506,9 +1506,851 @@ declare function CounterStatusOverviewTable({ headerLabels, rows, sortBy, defaul
|
|
|
1506
1506
|
interface FalconButtonProps extends ButtonProps {
|
|
1507
1507
|
loading?: boolean;
|
|
1508
1508
|
iconPlacement?: 'start' | 'end';
|
|
1509
|
+
/**
|
|
1510
|
+
* Visual active/selected state — e.g. one pill in a filter/tab row that's currently active.
|
|
1511
|
+
* Drives `selectedBg`/`selectedTextColor`/`selectedBorderColor`/`selectedHoverBg` instead of
|
|
1512
|
+
* their unselected counterparts. Default: `false`.
|
|
1513
|
+
*/
|
|
1514
|
+
selected?: boolean;
|
|
1515
|
+
/** Background when not selected. Default: inherits the MUI `variant`/`color` styling. */
|
|
1516
|
+
bg?: string;
|
|
1517
|
+
/** Background when `selected`. Default: inherits the MUI `variant`/`color` styling. */
|
|
1518
|
+
selectedBg?: string;
|
|
1519
|
+
/** Text color when not selected. */
|
|
1520
|
+
textColor?: string;
|
|
1521
|
+
/** Text color when `selected`. Default: `'#FFFFFF'`. */
|
|
1522
|
+
selectedTextColor?: string;
|
|
1523
|
+
/** Border color when not selected (only visible with `variant="outlined"`). */
|
|
1524
|
+
borderColor?: string;
|
|
1525
|
+
/** Border color when `selected`. Defaults to `selectedBg` so the border blends into the fill. */
|
|
1526
|
+
selectedBorderColor?: string;
|
|
1527
|
+
/** Background on hover when not selected. */
|
|
1528
|
+
hoverBg?: string;
|
|
1529
|
+
/** Background on hover when `selected`. Defaults to `selectedBg`. */
|
|
1530
|
+
selectedHoverBg?: string;
|
|
1531
|
+
/**
|
|
1532
|
+
* Corner radius. A bare number is treated as px (e.g. `20` → `'20px'`) — pass a large value
|
|
1533
|
+
* (e.g. `999`) for a fully rounded pill shape.
|
|
1534
|
+
*/
|
|
1535
|
+
borderRadius?: number | string;
|
|
1536
|
+
/** Label font-family. Default: inherits the theme/MUI `Button` typography. */
|
|
1537
|
+
fontFamily?: string;
|
|
1538
|
+
/**
|
|
1539
|
+
* Label font-size. A bare number is treated as px (e.g. `14` → `'14px'`). Default: inherits the
|
|
1540
|
+
* `size` prop's MUI typography.
|
|
1541
|
+
*/
|
|
1542
|
+
fontSize?: number | string;
|
|
1543
|
+
/** Label font-weight. Default: inherits the theme/MUI `Button` typography. */
|
|
1544
|
+
fontWeight?: number | string;
|
|
1545
|
+
}
|
|
1546
|
+
|
|
1547
|
+
declare const FalconButton: ({ loading, disabled, children, size, variant, type, fullWidth, className, selected, bg, selectedBg, textColor, selectedTextColor, borderColor, selectedBorderColor, hoverBg, selectedHoverBg, borderRadius, fontFamily, fontSize, fontWeight, sx, ...props }: FalconButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1548
|
+
|
|
1549
|
+
type AuditScoringPanelVariant = 'standard';
|
|
1550
|
+
/** Numbers are treated as px. */
|
|
1551
|
+
type AuditScoringSize = number | string;
|
|
1552
|
+
type FontStyle$2 = React$1.CSSProperties['fontStyle'];
|
|
1553
|
+
type TextTransform$2 = React$1.CSSProperties['textTransform'];
|
|
1554
|
+
interface AuditScoringBand {
|
|
1555
|
+
/** Lowest score in this band, inclusive. */
|
|
1556
|
+
min: number;
|
|
1557
|
+
label: React$1.ReactNode;
|
|
1558
|
+
/** Score text, summary background, left legend square. */
|
|
1559
|
+
color: string;
|
|
1560
|
+
/** Cell background, right legend square. */
|
|
1561
|
+
background: string;
|
|
1562
|
+
}
|
|
1563
|
+
interface AuditScoringCell {
|
|
1564
|
+
label: React$1.ReactNode;
|
|
1565
|
+
value: number | string;
|
|
1566
|
+
valueColor?: string;
|
|
1567
|
+
background?: string;
|
|
1568
|
+
labelColor?: string;
|
|
1569
|
+
sx?: SxProps$1<Theme$1>;
|
|
1570
|
+
}
|
|
1571
|
+
interface AuditScoringSummary {
|
|
1572
|
+
label: React$1.ReactNode;
|
|
1573
|
+
value: number | string;
|
|
1574
|
+
background?: string;
|
|
1575
|
+
textColor?: string;
|
|
1576
|
+
sx?: SxProps$1<Theme$1>;
|
|
1577
|
+
}
|
|
1578
|
+
/** `inline` — label beside score. `stacked` — label above score. */
|
|
1579
|
+
type AuditScoringSectionLayout = 'inline' | 'stacked';
|
|
1580
|
+
interface AuditScoringSection {
|
|
1581
|
+
/** Highlighted cell at the start of the first row. */
|
|
1582
|
+
summary?: AuditScoringSummary;
|
|
1583
|
+
/** Explicit rows. Takes precedence over `items`. */
|
|
1584
|
+
rows?: AuditScoringCell[][];
|
|
1585
|
+
/** Single row of cells. */
|
|
1586
|
+
items?: AuditScoringCell[];
|
|
1587
|
+
/** Default: **`'inline'`**. */
|
|
1588
|
+
layout?: AuditScoringSectionLayout;
|
|
1589
|
+
sx?: SxProps$1<Theme$1>;
|
|
1590
|
+
}
|
|
1591
|
+
interface AuditScoringPanelCustomization {
|
|
1592
|
+
panel?: {
|
|
1593
|
+
/** Default: **`'100%'`**. */
|
|
1594
|
+
width?: AuditScoringSize;
|
|
1595
|
+
height?: AuditScoringSize;
|
|
1596
|
+
minHeight?: AuditScoringSize;
|
|
1597
|
+
/** Default: **`'#FFFFFF'`**. */
|
|
1598
|
+
background?: string;
|
|
1599
|
+
/** Default: **`'1px solid #E5E7EB'`**. */
|
|
1600
|
+
border?: string;
|
|
1601
|
+
/** Default: **14**. */
|
|
1602
|
+
borderRadius?: AuditScoringSize;
|
|
1603
|
+
/** Default: **20**. */
|
|
1604
|
+
padding?: AuditScoringSize;
|
|
1605
|
+
/** Default: **20**. */
|
|
1606
|
+
gap?: AuditScoringSize;
|
|
1607
|
+
/** Default: **`'"Neue Haas Grotesk Display Pro", Arial, sans-serif'`**. */
|
|
1608
|
+
fontFamily?: string;
|
|
1609
|
+
boxShadow?: string;
|
|
1610
|
+
margin?: AuditScoringSize;
|
|
1611
|
+
sx?: SxProps$1<Theme$1>;
|
|
1612
|
+
};
|
|
1613
|
+
header?: {
|
|
1614
|
+
/** Default: **20**. */
|
|
1615
|
+
gap?: AuditScoringSize;
|
|
1616
|
+
padding?: AuditScoringSize;
|
|
1617
|
+
background?: string;
|
|
1618
|
+
borderRadius?: AuditScoringSize;
|
|
1619
|
+
borderBottom?: string;
|
|
1620
|
+
/** Default: **`'center'`**. */
|
|
1621
|
+
alignItems?: React$1.CSSProperties['alignItems'];
|
|
1622
|
+
/** Default: **`'space-between'`**. */
|
|
1623
|
+
justifyContent?: React$1.CSSProperties['justifyContent'];
|
|
1624
|
+
sx?: SxProps$1<Theme$1>;
|
|
1625
|
+
};
|
|
1626
|
+
title?: {
|
|
1627
|
+
/** Default: **`'#101828'`**. */
|
|
1628
|
+
color?: string;
|
|
1629
|
+
/** Default: **20**. */
|
|
1630
|
+
fontSize?: AuditScoringSize;
|
|
1631
|
+
/** Default: **700**. */
|
|
1632
|
+
fontWeight?: number;
|
|
1633
|
+
/** Default: **`'27px'`**. */
|
|
1634
|
+
lineHeight?: AuditScoringSize;
|
|
1635
|
+
letterSpacing?: AuditScoringSize;
|
|
1636
|
+
fontFamily?: string;
|
|
1637
|
+
fontStyle?: FontStyle$2;
|
|
1638
|
+
textTransform?: TextTransform$2;
|
|
1639
|
+
sx?: SxProps$1<Theme$1>;
|
|
1640
|
+
};
|
|
1641
|
+
legend?: {
|
|
1642
|
+
/** Default: **false**. */
|
|
1643
|
+
hidden?: boolean;
|
|
1644
|
+
/** Default: **`'transparent'`**. */
|
|
1645
|
+
background?: string;
|
|
1646
|
+
/** Default: **`'1px solid #E5E7EB'`**. */
|
|
1647
|
+
border?: string;
|
|
1648
|
+
/** Default: **100**. */
|
|
1649
|
+
borderRadius?: AuditScoringSize;
|
|
1650
|
+
/** Default: **27**. */
|
|
1651
|
+
minHeight?: AuditScoringSize;
|
|
1652
|
+
/** Default: **`'0 12px'`**. */
|
|
1653
|
+
padding?: AuditScoringSize;
|
|
1654
|
+
/** Default: **14**. */
|
|
1655
|
+
gap?: AuditScoringSize;
|
|
1656
|
+
/** Default: **6**. */
|
|
1657
|
+
itemGap?: AuditScoringSize;
|
|
1658
|
+
/** Default: **`'#D9D9D9'`**. */
|
|
1659
|
+
dividerColor?: string;
|
|
1660
|
+
/** Default: **1**. */
|
|
1661
|
+
dividerWidth?: AuditScoringSize;
|
|
1662
|
+
/** Default: **`'#000000'`**. */
|
|
1663
|
+
textColor?: string;
|
|
1664
|
+
/** Default: **13**. */
|
|
1665
|
+
fontSize?: AuditScoringSize;
|
|
1666
|
+
/** Default: **500**. */
|
|
1667
|
+
fontWeight?: number;
|
|
1668
|
+
/** Default: **`'18px'`**. */
|
|
1669
|
+
lineHeight?: AuditScoringSize;
|
|
1670
|
+
/** Default: **16**. */
|
|
1671
|
+
squareSize?: AuditScoringSize;
|
|
1672
|
+
/** Default: **2**. */
|
|
1673
|
+
squareRadius?: AuditScoringSize;
|
|
1674
|
+
fontFamily?: string;
|
|
1675
|
+
fontStyle?: FontStyle$2;
|
|
1676
|
+
textTransform?: TextTransform$2;
|
|
1677
|
+
letterSpacing?: AuditScoringSize;
|
|
1678
|
+
sx?: SxProps$1<Theme$1>;
|
|
1679
|
+
itemSx?: SxProps$1<Theme$1>;
|
|
1680
|
+
};
|
|
1681
|
+
sections?: {
|
|
1682
|
+
/** Default: **18**. */
|
|
1683
|
+
gap?: AuditScoringSize;
|
|
1684
|
+
/** Default: **`'transparent'`**. */
|
|
1685
|
+
background?: string;
|
|
1686
|
+
/** Default: **`'1.5px solid #E6E6E6'`**. */
|
|
1687
|
+
border?: string;
|
|
1688
|
+
/** Default: **12**. */
|
|
1689
|
+
borderRadius?: AuditScoringSize;
|
|
1690
|
+
/** Default: **`'#FFFFFF'`**. */
|
|
1691
|
+
separatorColor?: string;
|
|
1692
|
+
/** Default: **1**. */
|
|
1693
|
+
cellSeparatorWidth?: AuditScoringSize;
|
|
1694
|
+
/** Default: **1.5**. */
|
|
1695
|
+
rowSeparatorWidth?: AuditScoringSize;
|
|
1696
|
+
sx?: SxProps$1<Theme$1>;
|
|
1697
|
+
};
|
|
1698
|
+
cell?: {
|
|
1699
|
+
/** First inline row. Default: **`'12px 24px'`**. */
|
|
1700
|
+
padding?: AuditScoringSize;
|
|
1701
|
+
/** Later inline rows. Default: **`'8px 24px'`**. */
|
|
1702
|
+
compactPadding?: AuditScoringSize;
|
|
1703
|
+
/** Default: **`'12px 24px'`**. */
|
|
1704
|
+
stackedPadding?: AuditScoringSize;
|
|
1705
|
+
/** Default: **10**. */
|
|
1706
|
+
inlineGap?: AuditScoringSize;
|
|
1707
|
+
/** Default: **2**. */
|
|
1708
|
+
stackedGap?: AuditScoringSize;
|
|
1709
|
+
/** Default: **`'center'`**. */
|
|
1710
|
+
justifyContent?: React$1.CSSProperties['justifyContent'];
|
|
1711
|
+
/** Default: **`'#4A5565'`**. */
|
|
1712
|
+
labelColor?: string;
|
|
1713
|
+
/** Default: **14**. */
|
|
1714
|
+
labelFontSize?: AuditScoringSize;
|
|
1715
|
+
/** Default: **500**. */
|
|
1716
|
+
labelFontWeight?: number;
|
|
1717
|
+
/** Default: **`'20px'`**. */
|
|
1718
|
+
labelLineHeight?: AuditScoringSize;
|
|
1719
|
+
/** Default: **`'-0.150391px'`**. */
|
|
1720
|
+
labelLetterSpacing?: AuditScoringSize;
|
|
1721
|
+
/** Default: **20**. */
|
|
1722
|
+
valueFontSize?: AuditScoringSize;
|
|
1723
|
+
/** Default: **700**. */
|
|
1724
|
+
valueFontWeight?: number;
|
|
1725
|
+
/** Default: **`'24px'`**. */
|
|
1726
|
+
valueLineHeight?: AuditScoringSize;
|
|
1727
|
+
valueLetterSpacing?: AuditScoringSize;
|
|
1728
|
+
/** Non-numeric values. Default: **`'#101828'`**. */
|
|
1729
|
+
neutralValueColor?: string;
|
|
1730
|
+
/** Non-numeric values. Default: **`'#F3F4F6'`**. */
|
|
1731
|
+
neutralBackground?: string;
|
|
1732
|
+
/** Clickable cells. Default: **`'brightness(0.97)'`**. */
|
|
1733
|
+
hoverFilter?: string;
|
|
1734
|
+
labelFontFamily?: string;
|
|
1735
|
+
labelFontStyle?: FontStyle$2;
|
|
1736
|
+
labelTextTransform?: TextTransform$2;
|
|
1737
|
+
/** Overrides the band color for every score. */
|
|
1738
|
+
valueColor?: string;
|
|
1739
|
+
valueFontFamily?: string;
|
|
1740
|
+
valueFontStyle?: FontStyle$2;
|
|
1741
|
+
sx?: SxProps$1<Theme$1>;
|
|
1742
|
+
labelSx?: SxProps$1<Theme$1>;
|
|
1743
|
+
valueSx?: SxProps$1<Theme$1>;
|
|
1744
|
+
};
|
|
1745
|
+
summary?: {
|
|
1746
|
+
/** Fixed width in inline sections. Grows like other cells by default. */
|
|
1747
|
+
inlineWidth?: AuditScoringSize;
|
|
1748
|
+
/** Default: **172**. */
|
|
1749
|
+
stackedWidth?: AuditScoringSize;
|
|
1750
|
+
/** Overrides the band color for every summary. */
|
|
1751
|
+
background?: string;
|
|
1752
|
+
/** Default: **`'#FFFFFF'`**. */
|
|
1753
|
+
textColor?: string;
|
|
1754
|
+
labelColor?: string;
|
|
1755
|
+
valueColor?: string;
|
|
1756
|
+
/** Default: **14**. */
|
|
1757
|
+
labelFontSize?: AuditScoringSize;
|
|
1758
|
+
/** Default: **600**. */
|
|
1759
|
+
labelFontWeight?: number;
|
|
1760
|
+
/** Default: **20**. */
|
|
1761
|
+
valueFontSize?: AuditScoringSize;
|
|
1762
|
+
/** Default: **700**. */
|
|
1763
|
+
valueFontWeight?: number;
|
|
1764
|
+
/** Inline sections. Default: **`'space-between'`**. */
|
|
1765
|
+
justifyContent?: React$1.CSSProperties['justifyContent'];
|
|
1766
|
+
/** Default: **`'20px'`**. */
|
|
1767
|
+
labelLineHeight?: AuditScoringSize;
|
|
1768
|
+
/** Default: **`'-0.150391px'`**. */
|
|
1769
|
+
labelLetterSpacing?: AuditScoringSize;
|
|
1770
|
+
labelFontFamily?: string;
|
|
1771
|
+
labelFontStyle?: FontStyle$2;
|
|
1772
|
+
labelTextTransform?: TextTransform$2;
|
|
1773
|
+
/** Default: **`'24px'`**. */
|
|
1774
|
+
valueLineHeight?: AuditScoringSize;
|
|
1775
|
+
valueLetterSpacing?: AuditScoringSize;
|
|
1776
|
+
valueFontFamily?: string;
|
|
1777
|
+
valueFontStyle?: FontStyle$2;
|
|
1778
|
+
sx?: SxProps$1<Theme$1>;
|
|
1779
|
+
labelSx?: SxProps$1<Theme$1>;
|
|
1780
|
+
valueSx?: SxProps$1<Theme$1>;
|
|
1781
|
+
};
|
|
1782
|
+
skeleton?: {
|
|
1783
|
+
/** Default: **`'rgba(0, 0, 0, 0.08)'`**. */
|
|
1784
|
+
background?: string;
|
|
1785
|
+
/** Default: **`'wave'`**. */
|
|
1786
|
+
animation?: 'pulse' | 'wave' | false;
|
|
1787
|
+
/** Default: **`'#F3F4F6'`**. */
|
|
1788
|
+
cellBackground?: string;
|
|
1789
|
+
/** Default: **`'#E5E7EB'`**. */
|
|
1790
|
+
summaryBackground?: string;
|
|
1791
|
+
};
|
|
1792
|
+
}
|
|
1793
|
+
interface AuditScoringPanelProps {
|
|
1794
|
+
/** Default: **`'standard'`**. */
|
|
1795
|
+
variant?: AuditScoringPanelVariant;
|
|
1796
|
+
/** Default: **`'Audit Scoring Panel'`**. */
|
|
1797
|
+
title?: React$1.ReactNode;
|
|
1798
|
+
sections: AuditScoringSection[];
|
|
1799
|
+
/** Default: 85+ green, 60+ orange, 0+ red. */
|
|
1800
|
+
bands?: AuditScoringBand[];
|
|
1801
|
+
onCellClick?: (cell: AuditScoringCell, sectionIndex: number) => void;
|
|
1802
|
+
/** Shows skeleton cells instead of labels and scores. Default: **false**. */
|
|
1803
|
+
isLoading?: boolean;
|
|
1804
|
+
customization?: AuditScoringPanelCustomization;
|
|
1805
|
+
sx?: SxProps$1<Theme$1>;
|
|
1806
|
+
className?: string;
|
|
1807
|
+
}
|
|
1808
|
+
|
|
1809
|
+
declare const DEFAULT_AUDIT_SCORING_BANDS: AuditScoringBand[];
|
|
1810
|
+
declare function AuditScoringPanel({ variant, title, sections, bands, onCellClick, isLoading, customization, sx, className, }: AuditScoringPanelProps): react_jsx_runtime.JSX.Element;
|
|
1811
|
+
|
|
1812
|
+
type RankingTableVariant = 'card' | 'table';
|
|
1813
|
+
/** Numbers are treated as px. */
|
|
1814
|
+
type RankingSize = number | string;
|
|
1815
|
+
interface RankingScoreBand {
|
|
1816
|
+
/** Lowest score in this band, inclusive. */
|
|
1817
|
+
min: number;
|
|
1818
|
+
color: string;
|
|
1819
|
+
}
|
|
1820
|
+
interface RankingColumn {
|
|
1821
|
+
key: string;
|
|
1822
|
+
label: React$1.ReactNode;
|
|
1823
|
+
/** Fixed width. Columns without one share the remaining space. */
|
|
1824
|
+
width?: RankingSize;
|
|
1825
|
+
/** Default: **`'center'`**. */
|
|
1826
|
+
align?: 'left' | 'center' | 'right';
|
|
1827
|
+
/** `score` colors the value by `scoreBands`. */
|
|
1828
|
+
type?: 'text' | 'score';
|
|
1829
|
+
/** Overrides the cell text color for this column. */
|
|
1830
|
+
color?: string;
|
|
1831
|
+
render?: (row: RankingRow, index: number) => React$1.ReactNode;
|
|
1832
|
+
headerSx?: SxProps$1<Theme$1>;
|
|
1833
|
+
cellSx?: SxProps$1<Theme$1>;
|
|
1834
|
+
}
|
|
1835
|
+
interface RankingRow {
|
|
1836
|
+
id?: string | number;
|
|
1837
|
+
rank: number | string;
|
|
1838
|
+
/** Overrides the rank pill color for this row. */
|
|
1839
|
+
rankColor?: string;
|
|
1840
|
+
/** Overrides the row background. */
|
|
1841
|
+
background?: string;
|
|
1842
|
+
sx?: SxProps$1<Theme$1>;
|
|
1843
|
+
[key: string]: unknown;
|
|
1844
|
+
}
|
|
1845
|
+
type RankingSortDirection = 'top-to-bottom' | 'bottom-to-top';
|
|
1846
|
+
/** `split` — first `positiveCount` rows green, rest red. */
|
|
1847
|
+
type RankingRankTone = 'split' | 'positive' | 'negative';
|
|
1848
|
+
type TextTransform$1 = React$1.CSSProperties['textTransform'];
|
|
1849
|
+
type FontStyle$1 = React$1.CSSProperties['fontStyle'];
|
|
1850
|
+
interface RankingTableCustomization {
|
|
1851
|
+
card?: {
|
|
1852
|
+
/** Default: **`'100%'`**. */
|
|
1853
|
+
width?: RankingSize;
|
|
1854
|
+
height?: RankingSize;
|
|
1855
|
+
minHeight?: RankingSize;
|
|
1856
|
+
/** Default: **`'#FFFFFF'`**. */
|
|
1857
|
+
background?: string;
|
|
1858
|
+
/** Default: **`'1px solid #E5E7EB'`**. */
|
|
1859
|
+
border?: string;
|
|
1860
|
+
/** Default: **14**. */
|
|
1861
|
+
borderRadius?: RankingSize;
|
|
1862
|
+
/** Default: **20**. */
|
|
1863
|
+
padding?: RankingSize;
|
|
1864
|
+
/** Default: **14**. */
|
|
1865
|
+
gap?: RankingSize;
|
|
1866
|
+
boxShadow?: string;
|
|
1867
|
+
margin?: RankingSize;
|
|
1868
|
+
/** Default: **`'"Neue Haas Grotesk Display Pro", Arial, sans-serif'`**. */
|
|
1869
|
+
fontFamily?: string;
|
|
1870
|
+
sx?: SxProps$1<Theme$1>;
|
|
1871
|
+
};
|
|
1872
|
+
header?: {
|
|
1873
|
+
/** Default: **20**. */
|
|
1874
|
+
gap?: RankingSize;
|
|
1875
|
+
/** Default: **`'center'`**. */
|
|
1876
|
+
alignItems?: React$1.CSSProperties['alignItems'];
|
|
1877
|
+
/** Default: **`'space-between'`**. */
|
|
1878
|
+
justifyContent?: React$1.CSSProperties['justifyContent'];
|
|
1879
|
+
padding?: RankingSize;
|
|
1880
|
+
background?: string;
|
|
1881
|
+
borderRadius?: RankingSize;
|
|
1882
|
+
borderBottom?: string;
|
|
1883
|
+
sx?: SxProps$1<Theme$1>;
|
|
1884
|
+
};
|
|
1885
|
+
title?: {
|
|
1886
|
+
/** Default: **`'#101828'`**. */
|
|
1887
|
+
color?: string;
|
|
1888
|
+
/** Default: **20**. */
|
|
1889
|
+
fontSize?: RankingSize;
|
|
1890
|
+
/** Default: **700**. */
|
|
1891
|
+
fontWeight?: number;
|
|
1892
|
+
/** Default: **`'27px'`**. */
|
|
1893
|
+
lineHeight?: RankingSize;
|
|
1894
|
+
letterSpacing?: RankingSize;
|
|
1895
|
+
fontFamily?: string;
|
|
1896
|
+
fontStyle?: FontStyle$1;
|
|
1897
|
+
textTransform?: TextTransform$1;
|
|
1898
|
+
sx?: SxProps$1<Theme$1>;
|
|
1899
|
+
};
|
|
1900
|
+
sortPill?: {
|
|
1901
|
+
/** Default: **false**. */
|
|
1902
|
+
hidden?: boolean;
|
|
1903
|
+
height?: RankingSize;
|
|
1904
|
+
/** Default: **`'#F4F4F4'`**. */
|
|
1905
|
+
background?: string;
|
|
1906
|
+
/** Default: **`'none'`**. */
|
|
1907
|
+
border?: string;
|
|
1908
|
+
/** Default: **100**. */
|
|
1909
|
+
borderRadius?: RankingSize;
|
|
1910
|
+
/** Default: **`'4px 10px 4px 8px'`**. */
|
|
1911
|
+
padding?: RankingSize;
|
|
1912
|
+
/** Default: **4**. */
|
|
1913
|
+
gap?: RankingSize;
|
|
1914
|
+
/** Default: **`'#7A7A7A'`**. */
|
|
1915
|
+
textColor?: string;
|
|
1916
|
+
/** Default: **11**. */
|
|
1917
|
+
fontSize?: RankingSize;
|
|
1918
|
+
/** Default: **600**. */
|
|
1919
|
+
fontWeight?: number;
|
|
1920
|
+
/** Default: **`'13px'`**. */
|
|
1921
|
+
lineHeight?: RankingSize;
|
|
1922
|
+
/** Default: **`'-0.5px'`**. */
|
|
1923
|
+
letterSpacing?: RankingSize;
|
|
1924
|
+
/** Default: **`'#8C8C8C'`**. */
|
|
1925
|
+
iconColor?: string;
|
|
1926
|
+
/** Default: **16**. */
|
|
1927
|
+
iconSize?: RankingSize;
|
|
1928
|
+
/** Mirror the icon when reversed. Default: **true**. */
|
|
1929
|
+
flipIcon?: boolean;
|
|
1930
|
+
/** Default: **`'#EBEBEB'`**. */
|
|
1931
|
+
hoverBackground?: string;
|
|
1932
|
+
hoverTextColor?: string;
|
|
1933
|
+
/** Background while `bottom-to-top`. */
|
|
1934
|
+
activeBackground?: string;
|
|
1935
|
+
/** Text color while `bottom-to-top`. */
|
|
1936
|
+
activeTextColor?: string;
|
|
1937
|
+
fontFamily?: string;
|
|
1938
|
+
fontStyle?: FontStyle$1;
|
|
1939
|
+
textTransform?: TextTransform$1;
|
|
1940
|
+
sx?: SxProps$1<Theme$1>;
|
|
1941
|
+
};
|
|
1942
|
+
table?: {
|
|
1943
|
+
/** Default: **`'#FFFFFF'`**. */
|
|
1944
|
+
background?: string;
|
|
1945
|
+
/** Default: **`'2px solid #F2F2F2'`**. */
|
|
1946
|
+
border?: string;
|
|
1947
|
+
/** Default: **12**. */
|
|
1948
|
+
borderRadius?: RankingSize;
|
|
1949
|
+
boxShadow?: string;
|
|
1950
|
+
/** Overrides the height from `visibleRows`. */
|
|
1951
|
+
bodyMaxHeight?: RankingSize;
|
|
1952
|
+
sx?: SxProps$1<Theme$1>;
|
|
1953
|
+
bodySx?: SxProps$1<Theme$1>;
|
|
1954
|
+
};
|
|
1955
|
+
headerRow?: {
|
|
1956
|
+
/** Default: **false**. */
|
|
1957
|
+
hidden?: boolean;
|
|
1958
|
+
/** Default: **`'#F3F3F3'`**. */
|
|
1959
|
+
background?: string;
|
|
1960
|
+
/** Default: **34**. */
|
|
1961
|
+
height?: RankingSize;
|
|
1962
|
+
/** Default: **`'4px 4px 0 0'`**. */
|
|
1963
|
+
borderRadius?: RankingSize;
|
|
1964
|
+
/** Default: **`'none'`**. */
|
|
1965
|
+
borderBottom?: string;
|
|
1966
|
+
/** Default: **`'0 6px 0 0'`** (same as rows). */
|
|
1967
|
+
padding?: RankingSize;
|
|
1968
|
+
/** Default: **6** (same as rows). */
|
|
1969
|
+
gap?: RankingSize;
|
|
1970
|
+
/** Default: **`'#222222'`**. */
|
|
1971
|
+
textColor?: string;
|
|
1972
|
+
/** Default: **12**. */
|
|
1973
|
+
fontSize?: RankingSize;
|
|
1974
|
+
/** Default: **600**. */
|
|
1975
|
+
fontWeight?: number;
|
|
1976
|
+
/** Default: **`'14px'`**. */
|
|
1977
|
+
lineHeight?: RankingSize;
|
|
1978
|
+
letterSpacing?: RankingSize;
|
|
1979
|
+
/** Default: **`'none'`**. */
|
|
1980
|
+
textTransform?: TextTransform$1;
|
|
1981
|
+
/** Default: **`'10px 12px'`**. */
|
|
1982
|
+
cellPadding?: RankingSize;
|
|
1983
|
+
fontFamily?: string;
|
|
1984
|
+
fontStyle?: FontStyle$1;
|
|
1985
|
+
sx?: SxProps$1<Theme$1>;
|
|
1986
|
+
cellSx?: SxProps$1<Theme$1>;
|
|
1987
|
+
};
|
|
1988
|
+
row?: {
|
|
1989
|
+
/** Default: **42**. */
|
|
1990
|
+
height?: RankingSize;
|
|
1991
|
+
/** Default: **`'1px solid rgba(0, 0, 0, 0.133333)'`**. */
|
|
1992
|
+
borderBottom?: string;
|
|
1993
|
+
/** Default: **true**. */
|
|
1994
|
+
lastRowBorder?: boolean;
|
|
1995
|
+
/** Default: **`'0 6px 0 0'`**. */
|
|
1996
|
+
padding?: RankingSize;
|
|
1997
|
+
/** Default: **6**. */
|
|
1998
|
+
gap?: RankingSize;
|
|
1999
|
+
/** Default: **`'transparent'`**. */
|
|
2000
|
+
background?: string;
|
|
2001
|
+
/** Every other row. */
|
|
2002
|
+
stripeBackground?: string;
|
|
2003
|
+
/** Clickable rows. Default: **`'#F9FAFB'`**. */
|
|
2004
|
+
hoverBackground?: string;
|
|
2005
|
+
sx?: SxProps$1<Theme$1>;
|
|
2006
|
+
};
|
|
2007
|
+
rankPill?: {
|
|
2008
|
+
/** Default: **62**. */
|
|
2009
|
+
width?: RankingSize;
|
|
2010
|
+
/** Default: **30**. */
|
|
2011
|
+
height?: RankingSize;
|
|
2012
|
+
/** Default: **`'0 100px 100px 0'`**. */
|
|
2013
|
+
borderRadius?: RankingSize;
|
|
2014
|
+
/** Default: **`'none'`**. */
|
|
2015
|
+
border?: string;
|
|
2016
|
+
boxShadow?: string;
|
|
2017
|
+
/** Default: **`'#00BC7D'`**. */
|
|
2018
|
+
positiveColor?: string;
|
|
2019
|
+
/** Default: **`'#FB2C36'`**. */
|
|
2020
|
+
negativeColor?: string;
|
|
2021
|
+
/** Default: **`'#FFFFFF'`**. */
|
|
2022
|
+
textColor?: string;
|
|
2023
|
+
/** Default: **12**. */
|
|
2024
|
+
fontSize?: RankingSize;
|
|
2025
|
+
/** Default: **700**. */
|
|
2026
|
+
fontWeight?: number;
|
|
2027
|
+
/** Default: **`'18px'`**. */
|
|
2028
|
+
lineHeight?: RankingSize;
|
|
2029
|
+
letterSpacing?: RankingSize;
|
|
2030
|
+
fontFamily?: string;
|
|
2031
|
+
fontStyle?: FontStyle$1;
|
|
2032
|
+
sx?: SxProps$1<Theme$1>;
|
|
2033
|
+
};
|
|
2034
|
+
cell?: {
|
|
2035
|
+
/** Default: **`'#242424'`**. */
|
|
2036
|
+
color?: string;
|
|
2037
|
+
/** Default: **13**. */
|
|
2038
|
+
fontSize?: RankingSize;
|
|
2039
|
+
/** Default: **500**. */
|
|
2040
|
+
fontWeight?: number;
|
|
2041
|
+
/** Default: **`'28px'`**. */
|
|
2042
|
+
lineHeight?: RankingSize;
|
|
2043
|
+
letterSpacing?: RankingSize;
|
|
2044
|
+
/** Default: **`'capitalize'`**. */
|
|
2045
|
+
textTransform?: TextTransform$1;
|
|
2046
|
+
/** Default: **`'0 12px'`**. */
|
|
2047
|
+
padding?: RankingSize;
|
|
2048
|
+
/** Default: **false** (long text is cut with …). */
|
|
2049
|
+
wrap?: boolean;
|
|
2050
|
+
fontFamily?: string;
|
|
2051
|
+
fontStyle?: FontStyle$1;
|
|
2052
|
+
sx?: SxProps$1<Theme$1>;
|
|
2053
|
+
};
|
|
2054
|
+
score?: {
|
|
2055
|
+
/** Default: **98**. */
|
|
2056
|
+
width?: RankingSize;
|
|
2057
|
+
/** Default: **13**. */
|
|
2058
|
+
fontSize?: RankingSize;
|
|
2059
|
+
/** Default: **700**. */
|
|
2060
|
+
fontWeight?: number;
|
|
2061
|
+
/** Non-numeric scores. Default: **`'#242424'`**. */
|
|
2062
|
+
neutralColor?: string;
|
|
2063
|
+
/** Text after the score, e.g. `'%'`. */
|
|
2064
|
+
suffix?: string;
|
|
2065
|
+
/** Overrides the band color for every score. */
|
|
2066
|
+
color?: string;
|
|
2067
|
+
/** Default: cell line height. */
|
|
2068
|
+
lineHeight?: RankingSize;
|
|
2069
|
+
letterSpacing?: RankingSize;
|
|
2070
|
+
/** Default: cell text transform. */
|
|
2071
|
+
textTransform?: TextTransform$1;
|
|
2072
|
+
fontFamily?: string;
|
|
2073
|
+
fontStyle?: FontStyle$1;
|
|
2074
|
+
sx?: SxProps$1<Theme$1>;
|
|
2075
|
+
};
|
|
2076
|
+
scrollbar?: {
|
|
2077
|
+
/** Default: **false**. */
|
|
2078
|
+
hidden?: boolean;
|
|
2079
|
+
/** Default: **6**. */
|
|
2080
|
+
width?: RankingSize;
|
|
2081
|
+
/** Default: **`'#C4C4C4'`**. */
|
|
2082
|
+
thumbColor?: string;
|
|
2083
|
+
/** Default: **`'#A3A3A3'`**. */
|
|
2084
|
+
thumbHoverColor?: string;
|
|
2085
|
+
/** Default: **`'#F3F3F3'`**. */
|
|
2086
|
+
trackColor?: string;
|
|
2087
|
+
/** Default: **100**. */
|
|
2088
|
+
borderRadius?: RankingSize;
|
|
2089
|
+
};
|
|
2090
|
+
empty?: {
|
|
2091
|
+
/** Default: **`'#6B7280'`**. */
|
|
2092
|
+
color?: string;
|
|
2093
|
+
/** Default: **13**. */
|
|
2094
|
+
fontSize?: RankingSize;
|
|
2095
|
+
/** Default: **`'24px 12px'`**. */
|
|
2096
|
+
padding?: RankingSize;
|
|
2097
|
+
/** Default: **400**. */
|
|
2098
|
+
fontWeight?: number;
|
|
2099
|
+
lineHeight?: RankingSize;
|
|
2100
|
+
letterSpacing?: RankingSize;
|
|
2101
|
+
background?: string;
|
|
2102
|
+
fontFamily?: string;
|
|
2103
|
+
fontStyle?: FontStyle$1;
|
|
2104
|
+
sx?: SxProps$1<Theme$1>;
|
|
2105
|
+
};
|
|
2106
|
+
skeleton?: {
|
|
2107
|
+
/** Default: **`'rgba(0, 0, 0, 0.08)'`**. */
|
|
2108
|
+
background?: string;
|
|
2109
|
+
/** Default: **`'wave'`**. */
|
|
2110
|
+
animation?: 'pulse' | 'wave' | false;
|
|
2111
|
+
/** Width of text placeholders. Default: **`'60%'`**. */
|
|
2112
|
+
textWidth?: RankingSize;
|
|
2113
|
+
/** Height of text placeholders. Default: **14**. */
|
|
2114
|
+
textHeight?: RankingSize;
|
|
2115
|
+
};
|
|
2116
|
+
}
|
|
2117
|
+
interface RankingTableProps {
|
|
2118
|
+
/** Default: **`'card'`**. */
|
|
2119
|
+
variant?: RankingTableVariant;
|
|
2120
|
+
title?: React$1.ReactNode;
|
|
2121
|
+
/** Default: Region + Average Score. */
|
|
2122
|
+
columns?: RankingColumn[];
|
|
2123
|
+
rows: RankingRow[];
|
|
2124
|
+
/** Default: **`'Rank'`**. */
|
|
2125
|
+
rankLabel?: React$1.ReactNode;
|
|
2126
|
+
/** Default: **`'split'`**. */
|
|
2127
|
+
rankTone?: RankingRankTone;
|
|
2128
|
+
/** Default: **5**. */
|
|
2129
|
+
positiveCount?: number;
|
|
2130
|
+
/** Default: 85+ green, 60+ orange, 0+ red. */
|
|
2131
|
+
scoreBands?: RankingScoreBand[];
|
|
2132
|
+
/** Rows shown before the body scrolls. Card: **7**. Table: all. */
|
|
2133
|
+
visibleRows?: number;
|
|
2134
|
+
/** Default: **true**. */
|
|
2135
|
+
showSort?: boolean;
|
|
2136
|
+
/** Controlled direction. `bottom-to-top` reverses the rows. */
|
|
2137
|
+
sortDirection?: RankingSortDirection;
|
|
2138
|
+
/** Default: **`'top-to-bottom'`**. */
|
|
2139
|
+
defaultSortDirection?: RankingSortDirection;
|
|
2140
|
+
onSortChange?: (direction: RankingSortDirection) => void;
|
|
2141
|
+
/** Default: **`'Top to Bottom'`** / **`'Bottom to Top'`**. */
|
|
2142
|
+
sortLabels?: {
|
|
2143
|
+
topToBottom?: React$1.ReactNode;
|
|
2144
|
+
bottomToTop?: React$1.ReactNode;
|
|
2145
|
+
};
|
|
2146
|
+
sortIcon?: React$1.ReactNode;
|
|
2147
|
+
/** Extra content beside the sort pill in the card header. */
|
|
2148
|
+
headerActions?: React$1.ReactNode;
|
|
2149
|
+
onRowClick?: (row: RankingRow, index: number) => void;
|
|
2150
|
+
/** Default: **`'No data available'`**. */
|
|
2151
|
+
emptyMessage?: React$1.ReactNode;
|
|
2152
|
+
/** Shows skeleton rows instead of data and the empty state. Default: **false**. */
|
|
2153
|
+
isLoading?: boolean;
|
|
2154
|
+
/** Skeleton rows while loading. Default: `visibleRows`, or **5**. */
|
|
2155
|
+
skeletonRows?: number;
|
|
2156
|
+
customization?: RankingTableCustomization;
|
|
2157
|
+
sx?: SxProps$1<Theme$1>;
|
|
2158
|
+
className?: string;
|
|
2159
|
+
}
|
|
2160
|
+
|
|
2161
|
+
declare const DEFAULT_RANKING_SCORE_BANDS: RankingScoreBand[];
|
|
2162
|
+
declare const RankingTable: ({ variant, title, columns, rows, rankLabel, rankTone, positiveCount, scoreBands, visibleRows, showSort, sortDirection, defaultSortDirection, onSortChange, sortLabels, sortIcon, headerActions, onRowClick, emptyMessage, isLoading, skeletonRows, customization, sx, className, }: RankingTableProps) => react_jsx_runtime.JSX.Element;
|
|
2163
|
+
|
|
2164
|
+
type StorePerformanceVariant = 'standard';
|
|
2165
|
+
type FontStyle = React$1.CSSProperties['fontStyle'];
|
|
2166
|
+
type TextTransform = React$1.CSSProperties['textTransform'];
|
|
2167
|
+
type StorePerformanceSection = 'top' | 'bottom';
|
|
2168
|
+
interface StorePerformanceCustomization {
|
|
2169
|
+
card?: {
|
|
2170
|
+
/** Default: **`'100%'`**. */
|
|
2171
|
+
width?: RankingSize;
|
|
2172
|
+
height?: RankingSize;
|
|
2173
|
+
/** Default: **`'#FFFFFF'`**. */
|
|
2174
|
+
background?: string;
|
|
2175
|
+
/** Default: **`'1px solid #E5E7EB'`**. */
|
|
2176
|
+
border?: string;
|
|
2177
|
+
/** Default: **14**. */
|
|
2178
|
+
borderRadius?: RankingSize;
|
|
2179
|
+
/** Default: **20**. */
|
|
2180
|
+
padding?: RankingSize;
|
|
2181
|
+
/** Default: **14**. */
|
|
2182
|
+
gap?: RankingSize;
|
|
2183
|
+
boxShadow?: string;
|
|
2184
|
+
margin?: RankingSize;
|
|
2185
|
+
/** Default: **`'"Neue Haas Grotesk Display Pro", Arial, sans-serif'`**. */
|
|
2186
|
+
fontFamily?: string;
|
|
2187
|
+
sx?: SxProps$1<Theme$1>;
|
|
2188
|
+
};
|
|
2189
|
+
header?: {
|
|
2190
|
+
/** Default: **20**. */
|
|
2191
|
+
gap?: RankingSize;
|
|
2192
|
+
/** Default: **34**. */
|
|
2193
|
+
minHeight?: RankingSize;
|
|
2194
|
+
padding?: RankingSize;
|
|
2195
|
+
background?: string;
|
|
2196
|
+
borderRadius?: RankingSize;
|
|
2197
|
+
borderBottom?: string;
|
|
2198
|
+
sx?: SxProps$1<Theme$1>;
|
|
2199
|
+
};
|
|
2200
|
+
title?: {
|
|
2201
|
+
/** Default: **`'#101828'`**. */
|
|
2202
|
+
color?: string;
|
|
2203
|
+
/** Default: **20**. */
|
|
2204
|
+
fontSize?: RankingSize;
|
|
2205
|
+
/** Default: **700**. */
|
|
2206
|
+
fontWeight?: number;
|
|
2207
|
+
/** Default: **`'27px'`**. */
|
|
2208
|
+
lineHeight?: RankingSize;
|
|
2209
|
+
letterSpacing?: RankingSize;
|
|
2210
|
+
fontFamily?: string;
|
|
2211
|
+
fontStyle?: FontStyle;
|
|
2212
|
+
textTransform?: TextTransform;
|
|
2213
|
+
sx?: SxProps$1<Theme$1>;
|
|
2214
|
+
};
|
|
2215
|
+
search?: {
|
|
2216
|
+
/** Default: **false**. */
|
|
2217
|
+
hidden?: boolean;
|
|
2218
|
+
/** Default: **542**. */
|
|
2219
|
+
width?: RankingSize;
|
|
2220
|
+
/** Default: **34**. */
|
|
2221
|
+
height?: RankingSize;
|
|
2222
|
+
/** Default: **`'#F3F3F5'`**. */
|
|
2223
|
+
background?: string;
|
|
2224
|
+
/** Default: **`'1px solid #E0E0E0'`**. */
|
|
2225
|
+
border?: string;
|
|
2226
|
+
/** Default: **`'1px solid #BDBDBD'`**. */
|
|
2227
|
+
focusBorder?: string;
|
|
2228
|
+
/** Default: **8**. */
|
|
2229
|
+
borderRadius?: RankingSize;
|
|
2230
|
+
/** Default: **`'8px 12px'`**. */
|
|
2231
|
+
padding?: RankingSize;
|
|
2232
|
+
/** Default: **8**. */
|
|
2233
|
+
gap?: RankingSize;
|
|
2234
|
+
/** Default: **`'#000000'`**. */
|
|
2235
|
+
iconColor?: string;
|
|
2236
|
+
/** Default: **24**. */
|
|
2237
|
+
iconSize?: RankingSize;
|
|
2238
|
+
/** Default: **`'#222222'`**. */
|
|
2239
|
+
textColor?: string;
|
|
2240
|
+
/** Default: **`'#757575'`**. */
|
|
2241
|
+
placeholderColor?: string;
|
|
2242
|
+
/** Default: **14**. */
|
|
2243
|
+
fontSize?: RankingSize;
|
|
2244
|
+
/** Default: **600**. */
|
|
2245
|
+
fontWeight?: number;
|
|
2246
|
+
/** Default: **`'-0.05px'`**. */
|
|
2247
|
+
letterSpacing?: RankingSize;
|
|
2248
|
+
/** Default: **`'17px'`**. */
|
|
2249
|
+
lineHeight?: RankingSize;
|
|
2250
|
+
fontFamily?: string;
|
|
2251
|
+
fontStyle?: FontStyle;
|
|
2252
|
+
sx?: SxProps$1<Theme$1>;
|
|
2253
|
+
};
|
|
2254
|
+
body?: {
|
|
2255
|
+
/** Default: **20**. */
|
|
2256
|
+
gap?: RankingSize;
|
|
2257
|
+
/** Stack the two tables below this width. Default: **900** (px). */
|
|
2258
|
+
stackBelow?: number;
|
|
2259
|
+
padding?: RankingSize;
|
|
2260
|
+
background?: string;
|
|
2261
|
+
borderRadius?: RankingSize;
|
|
2262
|
+
sx?: SxProps$1<Theme$1>;
|
|
2263
|
+
};
|
|
2264
|
+
divider?: {
|
|
2265
|
+
/** Default: **false**. */
|
|
2266
|
+
hidden?: boolean;
|
|
2267
|
+
/** Default: **`'#E6E6E6'`**. */
|
|
2268
|
+
color?: string;
|
|
2269
|
+
/** Default: **1**. */
|
|
2270
|
+
width?: RankingSize;
|
|
2271
|
+
};
|
|
2272
|
+
section?: {
|
|
2273
|
+
/** Gap between the section header and its table. Default: **14**. */
|
|
2274
|
+
gap?: RankingSize;
|
|
2275
|
+
padding?: RankingSize;
|
|
2276
|
+
background?: string;
|
|
2277
|
+
borderRadius?: RankingSize;
|
|
2278
|
+
border?: string;
|
|
2279
|
+
sx?: SxProps$1<Theme$1>;
|
|
2280
|
+
};
|
|
2281
|
+
sectionHeader?: {
|
|
2282
|
+
/** Default: **`'rgba(0, 188, 125, 0.12)'`**. */
|
|
2283
|
+
topBackground?: string;
|
|
2284
|
+
/** Default: **`'rgba(251, 44, 54, 0.12)'`**. */
|
|
2285
|
+
bottomBackground?: string;
|
|
2286
|
+
/** Default: **`'10px 0'`**. */
|
|
2287
|
+
padding?: RankingSize;
|
|
2288
|
+
/** Default: **0**. */
|
|
2289
|
+
borderRadius?: RankingSize;
|
|
2290
|
+
/** Default: **`'#101828'`**. */
|
|
2291
|
+
color?: string;
|
|
2292
|
+
/** Default: **18**. */
|
|
2293
|
+
fontSize?: RankingSize;
|
|
2294
|
+
/** Default: **700**. */
|
|
2295
|
+
fontWeight?: number;
|
|
2296
|
+
/** Default: **`'27px'`**. */
|
|
2297
|
+
lineHeight?: RankingSize;
|
|
2298
|
+
/** Default: **`'center'`**. */
|
|
2299
|
+
align?: 'left' | 'center' | 'right';
|
|
2300
|
+
letterSpacing?: RankingSize;
|
|
2301
|
+
textTransform?: TextTransform;
|
|
2302
|
+
border?: string;
|
|
2303
|
+
fontFamily?: string;
|
|
2304
|
+
fontStyle?: FontStyle;
|
|
2305
|
+
sx?: SxProps$1<Theme$1>;
|
|
2306
|
+
};
|
|
2307
|
+
/** Applied to both tables. */
|
|
2308
|
+
table?: RankingTableCustomization;
|
|
2309
|
+
/** Top table only — merged over `table`. */
|
|
2310
|
+
topTable?: RankingTableCustomization;
|
|
2311
|
+
/** Bottom table only — merged over `table`. */
|
|
2312
|
+
bottomTable?: RankingTableCustomization;
|
|
2313
|
+
}
|
|
2314
|
+
interface StorePerformanceProps {
|
|
2315
|
+
/** Default: **`'standard'`**. */
|
|
2316
|
+
variant?: StorePerformanceVariant;
|
|
2317
|
+
/** Default: **`'Store Performance'`**. */
|
|
2318
|
+
title?: React$1.ReactNode;
|
|
2319
|
+
topStores: RankingRow[];
|
|
2320
|
+
bottomStores: RankingRow[];
|
|
2321
|
+
/** Default: Store Code, Store Name, Region, Average Score. */
|
|
2322
|
+
columns?: RankingColumn[];
|
|
2323
|
+
/** Default: **`'🏆 Top 10 Stores'`**. */
|
|
2324
|
+
topTitle?: React$1.ReactNode;
|
|
2325
|
+
/** Default: **`'⚠️ Bottom 10 Stores'`**. */
|
|
2326
|
+
bottomTitle?: React$1.ReactNode;
|
|
2327
|
+
/** Rows shown before a table scrolls. Default: **10**. */
|
|
2328
|
+
visibleRows?: number;
|
|
2329
|
+
/** Default: 85+ green, 60+ orange, 0+ red. */
|
|
2330
|
+
scoreBands?: RankingScoreBand[];
|
|
2331
|
+
/** Default: **`'Search stores'`**. */
|
|
2332
|
+
searchPlaceholder?: string;
|
|
2333
|
+
/** Controlled search text. */
|
|
2334
|
+
searchValue?: string;
|
|
2335
|
+
/** Default: **`''`**. */
|
|
2336
|
+
defaultSearchValue?: string;
|
|
2337
|
+
onSearchChange?: (value: string) => void;
|
|
2338
|
+
/** Row fields matched by search. Default: every non-score column. */
|
|
2339
|
+
searchKeys?: string[];
|
|
2340
|
+
/** Filter rows inside the component. Set `false` to filter on the server. Default: **true**. */
|
|
2341
|
+
filterRows?: boolean;
|
|
2342
|
+
onRowClick?: (row: RankingRow, index: number, section: StorePerformanceSection) => void;
|
|
2343
|
+
/** Default: **`'No stores found'`**. */
|
|
2344
|
+
emptyMessage?: React$1.ReactNode;
|
|
2345
|
+
/** Shows skeleton rows in both tables. Default: **false**. */
|
|
2346
|
+
isLoading?: boolean;
|
|
2347
|
+
customization?: StorePerformanceCustomization;
|
|
2348
|
+
sx?: SxProps$1<Theme$1>;
|
|
2349
|
+
className?: string;
|
|
1509
2350
|
}
|
|
1510
2351
|
|
|
1511
|
-
declare const
|
|
2352
|
+
declare const DEFAULT_STORE_PERFORMANCE_COLUMNS: RankingColumn[];
|
|
2353
|
+
declare function StorePerformance({ variant, title, topStores, bottomStores, columns, topTitle, bottomTitle, visibleRows, scoreBands, searchPlaceholder, searchValue, defaultSearchValue, onSearchChange, searchKeys, filterRows, onRowClick, emptyMessage, isLoading, customization, sx, className, }: StorePerformanceProps): react_jsx_runtime.JSX.Element;
|
|
1512
2354
|
|
|
1513
2355
|
interface MonthData$1 {
|
|
1514
2356
|
label: string;
|
|
@@ -1724,6 +2566,13 @@ interface FalconExportReportDialogProps {
|
|
|
1724
2566
|
* @default DEFAULT_FILTERS
|
|
1725
2567
|
*/
|
|
1726
2568
|
filters?: FilterOption[];
|
|
2569
|
+
/**
|
|
2570
|
+
* Whether to show the "Filter" card (region/store dropdowns + selected
|
|
2571
|
+
* count). Set to `false` to hide it entirely, e.g. when the host app
|
|
2572
|
+
* doesn't need per-region store filtering for exports.
|
|
2573
|
+
* @default true
|
|
2574
|
+
*/
|
|
2575
|
+
showFilters?: boolean;
|
|
1727
2576
|
/**
|
|
1728
2577
|
* Mapping for filter labels to store lists if not provided in filters
|
|
1729
2578
|
*/
|
|
@@ -1809,6 +2658,20 @@ interface FalconExportReportDialogProps {
|
|
|
1809
2658
|
exportCsvText?: string;
|
|
1810
2659
|
/** Text for PDF export checkbox */
|
|
1811
2660
|
exportPdfText?: string;
|
|
2661
|
+
/**
|
|
2662
|
+
* Custom icon shown next to the CSV checkbox label. Accepts an Iconify
|
|
2663
|
+
* icon name (string) or a React node. Defaults to the built-in CSV icon.
|
|
2664
|
+
*/
|
|
2665
|
+
csvIcon?: string | React__default.ReactNode;
|
|
2666
|
+
/**
|
|
2667
|
+
* Custom icon shown next to the PDF checkbox label. Accepts an Iconify
|
|
2668
|
+
* icon name (string) or a React node. Defaults to the built-in PDF icon.
|
|
2669
|
+
*/
|
|
2670
|
+
pdfIcon?: string | React__default.ReactNode;
|
|
2671
|
+
/** Size (width/height) of the CSV icon. @default 20 */
|
|
2672
|
+
csvIconSize?: string | number;
|
|
2673
|
+
/** Size (width/height) of the PDF icon. @default 20 */
|
|
2674
|
+
pdfIconSize?: string | number;
|
|
1812
2675
|
/** Background color for the regional dropdowns */
|
|
1813
2676
|
dropdownBackgroundColor?: string;
|
|
1814
2677
|
/** Text color for the stores in the dropdown */
|
|
@@ -1840,7 +2703,12 @@ declare const FalconExportReportDialog: React__default.FC<FalconExportReportDial
|
|
|
1840
2703
|
interface MonthData {
|
|
1841
2704
|
label: string;
|
|
1842
2705
|
year?: number;
|
|
1843
|
-
|
|
2706
|
+
/**
|
|
2707
|
+
* @deprecated No longer rendered — the month pill badge shows the number of
|
|
2708
|
+
* calendar days in the month (derived from `label`/`year`) instead. Kept
|
|
2709
|
+
* optional for backwards compatibility with existing consumers.
|
|
2710
|
+
*/
|
|
2711
|
+
count?: number;
|
|
1844
2712
|
/** Override the unselected pill background for this specific month. */
|
|
1845
2713
|
pillBg?: string;
|
|
1846
2714
|
/** Override the unselected pill text/icon color for this specific month. */
|
|
@@ -1906,13 +2774,43 @@ interface FalconAuditTimelineV2Props {
|
|
|
1906
2774
|
exportButtonText?: string;
|
|
1907
2775
|
upcomingButtonText?: string;
|
|
1908
2776
|
showYearSelector?: boolean;
|
|
2777
|
+
/**
|
|
2778
|
+
* Whether clicking "Export Report" opens the component's own built-in
|
|
2779
|
+
* `FalconExportReportDialog`. Set to `false` when the host app renders its
|
|
2780
|
+
* own export dialog to avoid two dialogs stacking on screen — in that case
|
|
2781
|
+
* `onExportReportClick` fires immediately on click (with no `exportSelection`)
|
|
2782
|
+
* instead of waiting for the built-in dialog's Export button.
|
|
2783
|
+
* @default true
|
|
2784
|
+
*/
|
|
2785
|
+
showBuiltInExportDialog?: boolean;
|
|
2786
|
+
/**
|
|
2787
|
+
* Whether the built-in export dialog shows its "Filter" card (region/store
|
|
2788
|
+
* dropdowns + selected count). Set to `false` to hide it when per-region
|
|
2789
|
+
* store filtering isn't needed for exports. Overridable per-call via
|
|
2790
|
+
* `exportDialogProps.showFilters`.
|
|
2791
|
+
* @default true
|
|
2792
|
+
*/
|
|
2793
|
+
showExportFilters?: boolean;
|
|
2794
|
+
/** Controls the modal from outside. */
|
|
2795
|
+
open?: boolean;
|
|
2796
|
+
onOpenChange?: (open: boolean) => void;
|
|
1909
2797
|
onMonthChange?: (month: string, year?: number) => void;
|
|
1910
2798
|
onPrevYearClick?: () => void;
|
|
1911
2799
|
onNextYearClick?: () => void;
|
|
1912
|
-
|
|
2800
|
+
/**
|
|
2801
|
+
* Fired when the user confirms an export.
|
|
2802
|
+
* - When `showBuiltInExportDialog` is `true` (default): fires once, when the
|
|
2803
|
+
* user clicks Export inside the built-in dialog — `exportSelection` carries
|
|
2804
|
+
* the actual CSV/PDF checkbox state from that dialog.
|
|
2805
|
+
* - When `showBuiltInExportDialog` is `false`: fires immediately when
|
|
2806
|
+
* "Export Report" is clicked on a day card — `exportSelection` is
|
|
2807
|
+
* `undefined` since no built-in selection UI was shown.
|
|
2808
|
+
*/
|
|
2809
|
+
onExportReportClick?: (event: React__default.MouseEvent, day: number, month: string, year: number, run?: AuditRunItemV2, exportSelection?: {
|
|
2810
|
+
csv: boolean;
|
|
2811
|
+
pdf: boolean;
|
|
2812
|
+
}) => void;
|
|
1913
2813
|
onDayClick?: (day: number, month: string, year: number) => void;
|
|
1914
|
-
/** Fired when an audit run pill (below the main card) is clicked. Receives the full `AuditRunItemV2` object. */
|
|
1915
|
-
onAuditRunPillClick?: (run: AuditRunItemV2) => void;
|
|
1916
2814
|
brandFont?: string;
|
|
1917
2815
|
interFont?: string;
|
|
1918
2816
|
headerFontSize?: string;
|
|
@@ -2001,32 +2899,17 @@ interface FalconAuditTimelineV2Props {
|
|
|
2001
2899
|
closeButtonIconSize?: string;
|
|
2002
2900
|
/** Border radius of the close button. @default '50%' */
|
|
2003
2901
|
closeButtonBorderRadius?: string;
|
|
2004
|
-
/** Background of an inactive (unselected) audit run pill. @default '#FFFFFF' */
|
|
2005
|
-
auditRunPillInactiveBg?: string;
|
|
2006
|
-
/** Border color of an inactive (unselected) audit run pill. @default '#0000001A' */
|
|
2007
|
-
auditRunPillInactiveBorderColor?: string;
|
|
2008
|
-
/** Text color of an audit run pill. @default '#374151' */
|
|
2009
|
-
auditRunPillTextColor?: string;
|
|
2010
|
-
/** Font size of audit run pill text. @default '14px' */
|
|
2011
|
-
auditRunPillFontSize?: string;
|
|
2012
|
-
/** Font weight of audit run pill text. @default '600' */
|
|
2013
|
-
auditRunPillFontWeight?: string | number;
|
|
2014
|
-
/** Height of each audit run pill. @default '32px' */
|
|
2015
|
-
auditRunPillHeight?: string;
|
|
2016
|
-
/** Border radius of each audit run pill. @default '100px' */
|
|
2017
|
-
auditRunPillBorderRadius?: string;
|
|
2018
|
-
/** Left/right padding inside each audit run pill. @default '12px' */
|
|
2019
|
-
auditRunPillPaddingX?: string;
|
|
2020
|
-
/** Gap between multiple audit run pills. @default '8px' */
|
|
2021
|
-
auditRunPillsGap?: string;
|
|
2022
|
-
/** Margin-top of the audit run pills container. @default '16px' */
|
|
2023
|
-
auditRunPillsMt?: string;
|
|
2024
|
-
/** Background of an active (done/selected) audit run pill. Defaults to primaryColor. */
|
|
2025
|
-
auditRunPillDoneBg?: string;
|
|
2026
2902
|
/** Max width of the modal as a viewport fraction, e.g. '95vw'. @default '95vw' */
|
|
2027
2903
|
modalMaxVw?: string;
|
|
2028
2904
|
/** Max height of the modal as a viewport fraction, e.g. '95vh'. @default '95vh' */
|
|
2029
2905
|
modalMaxVh?: string;
|
|
2906
|
+
/**
|
|
2907
|
+
* Fixed height of the modal (capped by `modalMaxVh`). Keeps the dialog the
|
|
2908
|
+
* same size across months instead of growing/shrinking with content; the
|
|
2909
|
+
* day grid scrolls internally once it exceeds this height.
|
|
2910
|
+
* @default '80vh'
|
|
2911
|
+
*/
|
|
2912
|
+
modalHeight?: string;
|
|
2030
2913
|
/** Margin around the modal dialog. @default '16px' */
|
|
2031
2914
|
modalMargin?: string;
|
|
2032
2915
|
/** Gap between the modal header, month selector, and day grid sections. @default '16px' */
|
|
@@ -2063,6 +2946,12 @@ interface FalconAuditTimelineV2Props {
|
|
|
2063
2946
|
dayCardDateFontSize?: string;
|
|
2064
2947
|
/** Date text font weight inside each day card. @default '700' */
|
|
2065
2948
|
dayCardDateFontWeight?: string | number;
|
|
2949
|
+
/** Ordinal label ("1st Audit", "2nd Audit"...) color inside each day card. @default '#6B7280' */
|
|
2950
|
+
dayCardLabelColor?: string;
|
|
2951
|
+
/** Ordinal label font size inside each day card. @default '10px' */
|
|
2952
|
+
dayCardLabelFontSize?: string;
|
|
2953
|
+
/** Ordinal label font weight inside each day card. @default '600' */
|
|
2954
|
+
dayCardLabelFontWeight?: string | number;
|
|
2066
2955
|
/** Size of the status dot in each day card. @default '8px' */
|
|
2067
2956
|
dayCardDotSize?: string;
|
|
2068
2957
|
/** Gap between the status dot and the date text. @default '6px' */
|
|
@@ -2073,6 +2962,8 @@ interface FalconAuditTimelineV2Props {
|
|
|
2073
2962
|
dayCardMinHeight?: string;
|
|
2074
2963
|
/** Minimum width of each day card. @default '0' */
|
|
2075
2964
|
dayCardMinWidth?: string;
|
|
2965
|
+
/** Gap between side-by-side cards when a day has more than one audit run. @default '6px' */
|
|
2966
|
+
dayCellGap?: string;
|
|
2076
2967
|
/** Background of the export button. @default '#FFFFFF' */
|
|
2077
2968
|
exportButtonBg?: string;
|
|
2078
2969
|
/** Border color of the export button. @default '#D1D5DC' */
|
|
@@ -2385,6 +3276,20 @@ interface FalconExportDialogProps {
|
|
|
2385
3276
|
exportCsvText?: string;
|
|
2386
3277
|
/** Text for PDF export checkbox */
|
|
2387
3278
|
exportPdfText?: string;
|
|
3279
|
+
/**
|
|
3280
|
+
* Custom icon shown next to the CSV checkbox label. Accepts an Iconify
|
|
3281
|
+
* icon name (string) or a React node. Defaults to the built-in CSV icon.
|
|
3282
|
+
*/
|
|
3283
|
+
csvIcon?: string | React__default.ReactNode;
|
|
3284
|
+
/**
|
|
3285
|
+
* Custom icon shown next to the PDF checkbox label. Accepts an Iconify
|
|
3286
|
+
* icon name (string) or a React node. Defaults to the built-in PDF icon.
|
|
3287
|
+
*/
|
|
3288
|
+
pdfIcon?: string | React__default.ReactNode;
|
|
3289
|
+
/** Size (width/height) of the CSV icon. @default 20 */
|
|
3290
|
+
csvIconSize?: string | number;
|
|
3291
|
+
/** Size (width/height) of the PDF icon. @default 20 */
|
|
3292
|
+
pdfIconSize?: string | number;
|
|
2388
3293
|
/** Primary color for calendar (selected day bg, header icons) */
|
|
2389
3294
|
calendarPrimaryColor?: string;
|
|
2390
3295
|
/** Text color for the selected day in calendar */
|
|
@@ -2538,11 +3443,179 @@ interface FalconSingleSwitchProps {
|
|
|
2538
3443
|
|
|
2539
3444
|
declare const FalconSingleSwitch: ({ color, setStatus, value, onChange, }: FalconSingleSwitchProps) => react_jsx_runtime.JSX.Element;
|
|
2540
3445
|
|
|
3446
|
+
interface FalconStoreCountPillProps {
|
|
3447
|
+
/** Number of assigned stores. Ignored for display when `isAllStores` is set. */
|
|
3448
|
+
count: number;
|
|
3449
|
+
/** Store names shown in the popover when the eye icon is clicked. */
|
|
3450
|
+
storeNames?: string[];
|
|
3451
|
+
/** Render as "All stores" instead of the numeric count. @default false */
|
|
3452
|
+
isAllStores?: boolean;
|
|
3453
|
+
/** Singular unit label. @default 'store' */
|
|
3454
|
+
unitLabelSingular?: string;
|
|
3455
|
+
/** Plural unit label. @default 'stores' */
|
|
3456
|
+
unitLabelPlural?: string;
|
|
3457
|
+
/** Label used when `isAllStores` is set. @default 'All stores' */
|
|
3458
|
+
allStoresLabel?: string;
|
|
3459
|
+
/**
|
|
3460
|
+
* Zero-pad the numeric count to this many digits (e.g. `2` -> `"01"`).
|
|
3461
|
+
* Set to `0` to disable padding. Ignored when `isAllStores` is set.
|
|
3462
|
+
* @default 2
|
|
3463
|
+
*/
|
|
3464
|
+
padCountToDigits?: number;
|
|
3465
|
+
/**
|
|
3466
|
+
* Show the eye icon (and enable the store-list popover) when true. Defaults to showing it
|
|
3467
|
+
* whenever there's more than one store to look at — i.e. hidden for a single assigned store.
|
|
3468
|
+
*/
|
|
3469
|
+
showEyeIcon?: boolean;
|
|
3470
|
+
/** Title shown at the top of the store-list popover. Empty by default (the search bar sits at the top instead). */
|
|
3471
|
+
popoverTitle?: string;
|
|
3472
|
+
/** Text shown in the popover when `storeNames` is empty. @default 'No stores to show.' */
|
|
3473
|
+
popoverEmptyStateText?: string;
|
|
3474
|
+
/** Called when the eye icon is clicked, in addition to opening the built-in popover. */
|
|
3475
|
+
onEyeClick?: (event: React__default.MouseEvent<HTMLElement>) => void;
|
|
3476
|
+
/** Accessible label for the eye icon control. @default 'Show assigned stores' */
|
|
3477
|
+
eyeIconAriaLabel?: string;
|
|
3478
|
+
/**
|
|
3479
|
+
* How the popover opens. `'hover'` opens on pointer-enter of the pill (backed by a MUI
|
|
3480
|
+
* `Popover`, so the pointer can move onto the popover content — including the search input —
|
|
3481
|
+
* without it closing, and the content keeps correct focusable/interactive semantics) and skips
|
|
3482
|
+
* the eye-icon click entirely; `'click'` uses the same `Popover` with click-to-open /
|
|
3483
|
+
* click-away-to-close behavior instead of hover. @default 'hover'
|
|
3484
|
+
*/
|
|
3485
|
+
triggerMode?: 'hover' | 'click';
|
|
3486
|
+
/** Delay (ms) before a `'hover'`-triggered popover closes after the pointer leaves. @default 150 */
|
|
3487
|
+
hoverCloseDelayMs?: number;
|
|
3488
|
+
brandFont?: string;
|
|
3489
|
+
/** @default '#FFFFFF' */
|
|
3490
|
+
bg?: string;
|
|
3491
|
+
/** @default '#D1D5DC' */
|
|
3492
|
+
borderColor?: string;
|
|
3493
|
+
/** @default '#0A0A0A' */
|
|
3494
|
+
textColor?: string;
|
|
3495
|
+
/** @default '8px' */
|
|
3496
|
+
borderRadius?: string;
|
|
3497
|
+
/** @default '10px' */
|
|
3498
|
+
fontSize?: string;
|
|
3499
|
+
/** @default 600 */
|
|
3500
|
+
fontWeight?: string | number;
|
|
3501
|
+
/** @default '8px' */
|
|
3502
|
+
paddingX?: string;
|
|
3503
|
+
/** @default '2px' */
|
|
3504
|
+
paddingY?: string;
|
|
3505
|
+
/** @default '4px' */
|
|
3506
|
+
gap?: string;
|
|
3507
|
+
/** Custom eye icon. Accepts an Iconify icon name (string) or a React node. @default 'tabler:eye' */
|
|
3508
|
+
eyeIcon?: string | React__default.ReactNode;
|
|
3509
|
+
/** @default '#6B7280' */
|
|
3510
|
+
eyeIconColor?: string;
|
|
3511
|
+
/** @default '13px' */
|
|
3512
|
+
eyeIconSize?: string;
|
|
3513
|
+
/** @default '239px' */
|
|
3514
|
+
popoverMinWidth?: string;
|
|
3515
|
+
/** Max height of the scrollable store-name list specifically (search bar + "Show all" row are always visible, unscrolled). @default '180px' */
|
|
3516
|
+
popoverMaxHeight?: string;
|
|
3517
|
+
/** Popover panel background. @default '#FFFFFF' */
|
|
3518
|
+
popoverBg?: string;
|
|
3519
|
+
/** Popover panel border color. @default 'rgba(0, 0, 0, 0.08)' */
|
|
3520
|
+
popoverBorderColor?: string;
|
|
3521
|
+
/** Popover panel border-radius. @default '8px' */
|
|
3522
|
+
popoverBorderRadius?: string;
|
|
3523
|
+
/** Popover panel box-shadow. @default '0px 4px 16px rgba(0, 0, 0, 0.15)' */
|
|
3524
|
+
popoverBoxShadow?: string;
|
|
3525
|
+
/** Popover title text color (only relevant when `popoverTitle` is set). @default '#0A0A0A' */
|
|
3526
|
+
popoverTitleColor?: string;
|
|
3527
|
+
/** Shows the "Search Stores" filter input at the top of the popover. @default true */
|
|
3528
|
+
showSearch?: boolean;
|
|
3529
|
+
/** @default 'Search Stores' */
|
|
3530
|
+
searchPlaceholder?: string;
|
|
3531
|
+
/** Custom search icon. Accepts an Iconify icon name (string) or a React node. @default 'tabler:search' */
|
|
3532
|
+
searchIcon?: string | React__default.ReactNode;
|
|
3533
|
+
/** @default '#1A1A1A' */
|
|
3534
|
+
searchIconColor?: string;
|
|
3535
|
+
/** @default '16px' */
|
|
3536
|
+
searchIconSize?: string;
|
|
3537
|
+
/** Search input text color. @default '#1A1A1A' */
|
|
3538
|
+
searchTextColor?: string;
|
|
3539
|
+
/** Divider color under the search row. @default '#E5E7EB' */
|
|
3540
|
+
searchDividerColor?: string;
|
|
3541
|
+
/**
|
|
3542
|
+
* Shows the "Show All Stores" row directly under the search input (or at the top of the
|
|
3543
|
+
* popover when `showSearch` is `false`) — clicking it clears any current search text.
|
|
3544
|
+
* Independent of `showSearch`. @default true
|
|
3545
|
+
*/
|
|
3546
|
+
showAllStoresOption?: boolean;
|
|
3547
|
+
/** @default 'Show All Stores' */
|
|
3548
|
+
showAllStoresOptionLabel?: string;
|
|
3549
|
+
/** Called when "Show All Stores" is clicked, in addition to clearing the search text. */
|
|
3550
|
+
onShowAllStoresClick?: () => void;
|
|
3551
|
+
/** "Show All Stores" row text color. @default '#1A1A1A' */
|
|
3552
|
+
showAllStoresOptionTextColor?: string;
|
|
3553
|
+
/** "Show All Stores" row background on hover. @default '#F9FAFB' */
|
|
3554
|
+
showAllStoresOptionHoverBg?: string;
|
|
3555
|
+
/** Divider color below the "Show All Stores" row. @default 'transparent' (no divider) */
|
|
3556
|
+
showAllStoresOptionBorderColor?: string;
|
|
3557
|
+
/** Text shown when the search text matches no stores. @default 'No matching stores.' */
|
|
3558
|
+
noSearchResultsText?: string;
|
|
3559
|
+
/** Store-name row text color. @default '#374151' */
|
|
3560
|
+
popoverItemTextColor?: string;
|
|
3561
|
+
/** Divider color between store-name rows. @default 'transparent' (no divider) */
|
|
3562
|
+
popoverItemDividerColor?: string;
|
|
3563
|
+
/** Popover empty/no-results state text color. @default '#6B7280' */
|
|
3564
|
+
popoverEmptyStateTextColor?: string;
|
|
3565
|
+
/** Scrollbar thumb color for the store-name list. @default '#BDBDBD' */
|
|
3566
|
+
scrollbarThumbColor?: string;
|
|
3567
|
+
/** MUI `sx` on the root pill `Box`; merged last (can override any style prop above). */
|
|
3568
|
+
sx?: SxProps<Theme>;
|
|
3569
|
+
/** `className` on the root pill `Box`. */
|
|
3570
|
+
className?: string;
|
|
3571
|
+
/** MUI `sx` on the eye-icon click target. */
|
|
3572
|
+
eyeButtonSx?: SxProps<Theme>;
|
|
3573
|
+
/** MUI `sx` on the label `Typography`; merged after the flat font props above. */
|
|
3574
|
+
labelSx?: SxProps<Theme>;
|
|
3575
|
+
/**
|
|
3576
|
+
* @deprecated No longer used. `triggerMode="hover"` is now backed by the same MUI `Popover` as
|
|
3577
|
+
* `'click'` (a `Tooltip` isn't appropriate for hosting a focusable, searchable list) — pass
|
|
3578
|
+
* `popoverProps` instead for `placement`/`slotProps` customization in either mode. Kept optional
|
|
3579
|
+
* for backwards compatibility with existing consumers.
|
|
3580
|
+
*/
|
|
3581
|
+
tooltipProps?: Partial<Omit<TooltipProps, 'title' | 'children' | 'open' | 'onOpen' | 'onClose'>>;
|
|
3582
|
+
/**
|
|
3583
|
+
* Forwarded to the underlying MUI `Popover` in both `'click'` and `'hover'` trigger modes —
|
|
3584
|
+
* every prop except `open`/`anchorEl`/`onClose`, which the component owns. Use this for
|
|
3585
|
+
* `anchorOrigin`, `transformOrigin`, `slotProps.paper`, etc. In `'hover'` mode, `slotProps.paper`
|
|
3586
|
+
* mouse handlers are chained after the component's own (which keep the popover open while the
|
|
3587
|
+
* pointer is over it).
|
|
3588
|
+
*/
|
|
3589
|
+
popoverProps?: Partial<Omit<PopoverProps, 'open' | 'anchorEl' | 'onClose'>>;
|
|
3590
|
+
/** MUI `sx` on the popover's inner content wrapper (min-width/padding). */
|
|
3591
|
+
popoverContentSx?: SxProps<Theme>;
|
|
3592
|
+
/** MUI `sx` on the popover title `Typography`. */
|
|
3593
|
+
popoverTitleSx?: SxProps<Theme>;
|
|
3594
|
+
/** MUI `sx` on the search input row. */
|
|
3595
|
+
searchInputSx?: SxProps<Theme>;
|
|
3596
|
+
/** MUI `sx` on the "Show All Stores" row. */
|
|
3597
|
+
showAllStoresOptionSx?: SxProps<Theme>;
|
|
3598
|
+
/** MUI `sx` on the scrollable store-name list container. */
|
|
3599
|
+
popoverListSx?: SxProps<Theme>;
|
|
3600
|
+
/** MUI `sx` on each store-name row `Typography` inside the popover. */
|
|
3601
|
+
popoverItemSx?: SxProps<Theme>;
|
|
3602
|
+
/** MUI `sx` on the popover empty-state `Typography`. */
|
|
3603
|
+
popoverEmptyStateSx?: SxProps<Theme>;
|
|
3604
|
+
}
|
|
3605
|
+
|
|
3606
|
+
declare const FalconStoreCountPill: React__default.FC<FalconStoreCountPillProps>;
|
|
3607
|
+
|
|
2541
3608
|
interface FalconTableProps<T = Record<string, unknown>> {
|
|
2542
3609
|
rows: T[];
|
|
2543
3610
|
getRowId: (row: T) => string | number;
|
|
2544
3611
|
columns: GridColDef[];
|
|
2545
3612
|
pageSizeOptions?: number[];
|
|
3613
|
+
/**
|
|
3614
|
+
* Seeds the initial page size only — unlike MUI `DataGrid`'s own `initialState`, this is not
|
|
3615
|
+
* forwarded to the `DataGrid` and has no effect on sorting, filtering, or column state (the
|
|
3616
|
+
* type intentionally only accepts `pagination.paginationModel.pageSize`). Automatically merged
|
|
3617
|
+
* into `pageSizeOptions` if not already present.
|
|
3618
|
+
*/
|
|
2546
3619
|
initialState?: {
|
|
2547
3620
|
pagination?: {
|
|
2548
3621
|
paginationModel: {
|
|
@@ -2550,9 +3623,71 @@ interface FalconTableProps<T = Record<string, unknown>> {
|
|
|
2550
3623
|
};
|
|
2551
3624
|
};
|
|
2552
3625
|
};
|
|
3626
|
+
/** Hides the pagination footer entirely (e.g. when every row already fits on screen). Default: `false`. */
|
|
3627
|
+
hideFooter?: boolean;
|
|
3628
|
+
/** Shows the column header's sort-menu icon button. Default: `false` (matches the clean production look). */
|
|
3629
|
+
showColumnMenu?: boolean;
|
|
3630
|
+
/** Shows the active-sort arrow icon in column headers. Default: `false`. */
|
|
3631
|
+
showSortIcons?: boolean;
|
|
3632
|
+
/** Outer card border. Default: `'1px solid #D8D8D8'`. */
|
|
3633
|
+
border?: string;
|
|
3634
|
+
/** Outer card border-radius. A bare number is treated as px. Default: `'8px'`. */
|
|
3635
|
+
borderRadius?: number | string;
|
|
3636
|
+
/** Outer card padding. A bare number is treated as px. Default: `0`. */
|
|
3637
|
+
padding?: number | string;
|
|
3638
|
+
/** Outer card background. Default: `'#FFFFFF'`. */
|
|
3639
|
+
background?: string;
|
|
3640
|
+
/** Outer card box-shadow. Default: `'0px 4px 20px rgba(0, 0, 0, 0.05)'`. */
|
|
3641
|
+
boxShadow?: string;
|
|
3642
|
+
/** MUI `sx` on the outer card `Box`; merged last. */
|
|
3643
|
+
cardSx?: SxProps<Theme>;
|
|
3644
|
+
/** Column-header row background. Default: `'#EBEBEB'`. */
|
|
3645
|
+
headerBg?: string;
|
|
3646
|
+
/** Column-header label text color. Default: `'#444444'`. */
|
|
3647
|
+
headerTextColor?: string;
|
|
3648
|
+
/** Column-header label font-family. Default: the brand font stack. */
|
|
3649
|
+
headerFontFamily?: string;
|
|
3650
|
+
/** Column-header label font-size. A bare number is treated as px. Default: `'15px'`. */
|
|
3651
|
+
headerFontSize?: number | string;
|
|
3652
|
+
/** Column-header label font-weight. Default: `600`. */
|
|
3653
|
+
headerFontWeight?: number | string;
|
|
3654
|
+
/** Column-header row height in px (forwarded to the `DataGrid`). Default: `56`. */
|
|
3655
|
+
columnHeaderHeight?: number;
|
|
3656
|
+
/** Border between the header row and the body. Default: `'#D8D8D8'`. */
|
|
3657
|
+
headerBorderColor?: string;
|
|
3658
|
+
/** Border width (px) between the header row and the body. Default: `1`. */
|
|
3659
|
+
headerBorderWidth?: number;
|
|
3660
|
+
/** Horizontal padding for header cells. A bare number is treated as px. Default: `'12px'`. */
|
|
3661
|
+
headerPaddingX?: number | string;
|
|
3662
|
+
/** Body row background. Default: `'#F9F9F9'`. */
|
|
3663
|
+
rowBg?: string;
|
|
3664
|
+
/** Body row background on hover. Default: `'#F2F2F2'`. */
|
|
3665
|
+
rowHoverBg?: string;
|
|
3666
|
+
/** Body cell text color. Default: `'#242424'`. */
|
|
3667
|
+
cellTextColor?: string;
|
|
3668
|
+
/** Body cell font-family. Default: the brand font stack. */
|
|
3669
|
+
cellFontFamily?: string;
|
|
3670
|
+
/** Body cell font-size. A bare number is treated as px. Default: `'14px'`. */
|
|
3671
|
+
cellFontSize?: number | string;
|
|
3672
|
+
/** Body cell font-weight. Default: `400`. */
|
|
3673
|
+
cellFontWeight?: number | string;
|
|
3674
|
+
/** Horizontal padding for body cells. A bare number is treated as px. Default: `'12px'`. */
|
|
3675
|
+
cellPaddingX?: number | string;
|
|
3676
|
+
/** Row height in px (forwarded to the `DataGrid`). Default: `46`. */
|
|
3677
|
+
rowHeight?: number;
|
|
3678
|
+
/** Vertical divider color between header columns. Default: `'#D8D8D8'`. */
|
|
3679
|
+
columnDividerColor?: string;
|
|
3680
|
+
/** Divider color between body rows/cells (both the horizontal row divider and the vertical column divider inside the body). Default: `'#E8E8E8'`. */
|
|
3681
|
+
rowDividerColor?: string;
|
|
3682
|
+
/** Shows the vertical column dividers. Default: `true`. */
|
|
3683
|
+
showColumnDividers?: boolean;
|
|
3684
|
+
/** Shows the DataGrid's default focus outline around a clicked cell/header. Default: `false`. */
|
|
3685
|
+
showCellFocusOutline?: boolean;
|
|
3686
|
+
/** MUI `sx` on the `DataGrid` itself; merged last (wins over every prop above). */
|
|
3687
|
+
sx?: SxProps<Theme>;
|
|
2553
3688
|
}
|
|
2554
3689
|
|
|
2555
|
-
declare const FalconTable: <T extends Record<string, unknown>>({ rows, getRowId, columns, pageSizeOptions, }: FalconTableProps<T>) => react_jsx_runtime.JSX.Element;
|
|
3690
|
+
declare const FalconTable: <T extends Record<string, unknown>>({ rows, getRowId, columns, pageSizeOptions, initialState, hideFooter, showColumnMenu, showSortIcons, border, borderRadius, padding, background, boxShadow, cardSx, headerBg, headerTextColor, headerFontFamily, headerFontSize, headerFontWeight, columnHeaderHeight, headerBorderColor, headerBorderWidth, headerPaddingX, rowBg, rowHoverBg, cellTextColor, cellFontFamily, cellFontSize, cellFontWeight, cellPaddingX, rowHeight, columnDividerColor, rowDividerColor, showColumnDividers, showCellFocusOutline, sx, }: FalconTableProps<T>) => react_jsx_runtime.JSX.Element;
|
|
2556
3691
|
|
|
2557
3692
|
interface FalconTicketColumsFilterProps {
|
|
2558
3693
|
columns?: {
|
|
@@ -5159,4 +6294,4 @@ interface FalconThemeProviderProps {
|
|
|
5159
6294
|
|
|
5160
6295
|
declare const FalconThemeProvider: ({ children, mode: modeProp, settings, }: FalconThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
5161
6296
|
|
|
5162
|
-
export { AddCommentInput, type AddCommentInputProps, AdvancedFiltersDialog, type AdvancedFiltersDialogProps, type AuditRunItemV2, 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, CounterStatusOverview, CounterStatusOverviewCards, type CounterStatusOverviewCardsCustomization, type CounterStatusOverviewCardsProps, type CounterStatusOverviewCardsStat, type CounterStatusOverviewCardsVariant, type CounterStatusOverviewCustomization, type CounterStatusOverviewProps, CounterStatusOverviewTable, type CounterStatusOverviewTableColumnWidths, type CounterStatusOverviewTableCustomization, type CounterStatusOverviewTableDetailStatusVariant, type CounterStatusOverviewTableProps, type CounterStatusOverviewTableQueuePill, type CounterStatusOverviewTableQueuePillVariant, type CounterStatusOverviewTableRow, type CounterStatusOverviewTableRowDetails, type CounterStatusOverviewTableRowVariant, type CounterStatusOverviewViewMode, CustomerJourneyAnalysis, type CustomerJourneyAnalysisProps, DEFAULT_BILLING_COUNTER_ANALYTICS_INFO_POPOVER, DEFAULT_FOOTFALL_TILE_ICONS, DEFAULT_PEAK_BILLING_HOURS_INFO_POPOVER, DEFAULT_QUEUE_TIME_BREAKDOWN_INFO_POPOVER, DEFAULT_STORE_PERFORMANCE_BY_ASSIST_INFO_POPOVER, FalconAuditTimeline, type FalconAuditTimelineProps, FalconAuditTimelineV2, type FalconAuditTimelineV2Props, 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, FalconSelectReportDate, type FalconSelectReportDateProps, FalconSingleSwitch, type FalconSingleSwitchProps, FalconStatBanner, FalconStatBannerGroup, type FalconStatBannerGroupProps, type FalconStatBannerProps, type FalconStatBannerTrend, FalconTable, type FalconTableProps, type FalconThemeDirection, type FalconThemeMode, FalconThemeProvider, type FalconThemeProviderProps, type FalconThemeSettings, FalconTicketColumsFilter, type FalconTicketColumsFilterProps, FalconTicketFilter, type FalconTicketFilterProps, type FilterOption, type FootFallHeatMapBarRowContext, type FootFallHeatMapBuildBarRow, 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, JourneyMetricCard, type JourneyMetricCardProps, type JourneyMetricConfig, JourneyStatCard, type JourneyStatCardProps, type JourneyStatConfig, KpiStatCard, type KpiStatCardCustomization, type KpiStatCardDetailedProps, type KpiStatCardIconBackdropShape, type KpiStatCardInfoPlacement, type KpiStatCardInlineProps, type KpiStatCardProps, type KpiTrend, type KpiTrendLayout, type MonthData$1 as MonthData, OverallFootfallPasserbyTrends, type OverallFootfallPasserbyTrendsBanner, type OverallFootfallPasserbyTrendsBottomLegendItem, type ChartCardMaxWidth as OverallFootfallPasserbyTrendsCardMaxWidth, type OverallFootfallPasserbyTrendsCustomization, type OverallFootfallPasserbyTrendsGridSize, type OverallFootfallPasserbyTrendsProps, 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, STACKED_COMPARISON_DEFAULT_COMPARISON_COLOR, STACKED_COMPARISON_DEFAULT_FRAME_BORDER, STACKED_COMPARISON_DEFAULT_LEGEND_COMPARISON_COLOR, STACKED_COMPARISON_DEFAULT_LEGEND_STACK_COLOR, STACKED_COMPARISON_DEFAULT_STACK_COLORS, STORE_PERFORMANCE_DEFAULT_BUCKETS, STORE_PERFORMANCE_DEFAULT_DATA, StackedComparisonBarChart, type StackedComparisonBarChartCustomization, StackedComparisonBarChartCustomizationProvider, type StackedComparisonBarChartProps, type StackedComparisonBarChartRow, StackedComparisonBarChartTooltip, type StackedComparisonBarChartTooltipProps, type StackedComparisonBarChartTooltipRenderContext, type StackedComparisonBarChartTooltipTheme, type StackedComparisonBucket, type StackedComparisonChartMargin, StorePerformanceByAssist, type StorePerformanceByAssistBucket, type StorePerformanceByAssistCustomization, type StorePerformanceByAssistProps, type StorePerformanceByAssistRow, 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$1 as mergeCss, mergeRechartsTooltipStyles, mergeSx$1 as mergeSx, metricForNode, parseMinutes, parseZoneKpiStripFromRaw, peakBillingHoursDefaultTabs, peakBillingHoursMockSeriesByTabId, peakBillingHoursVisitsMock, preprocessData, skipSingleBranchLevels, mergeCss as stackedComparisonMergeCss, mergeSx as stackedComparisonMergeSx, toRechartsTreemapData, useBillingCounterAnalyticsCustomization, usePeakBillingHoursCustomization, useQueueTimeBreakdownCustomization, useStackedComparisonBarChartCustomization };
|
|
6297
|
+
export { AddCommentInput, type AddCommentInputProps, AdvancedFiltersDialog, type AdvancedFiltersDialogProps, type AuditRunItemV2, type AuditScoringBand, type AuditScoringCell, AuditScoringPanel, type AuditScoringPanelCustomization, type AuditScoringPanelProps, type AuditScoringPanelVariant, type AuditScoringSection, type AuditScoringSectionLayout, type AuditScoringSize, type AuditScoringSummary, 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, CounterStatusOverview, CounterStatusOverviewCards, type CounterStatusOverviewCardsCustomization, type CounterStatusOverviewCardsProps, type CounterStatusOverviewCardsStat, type CounterStatusOverviewCardsVariant, type CounterStatusOverviewCustomization, type CounterStatusOverviewProps, CounterStatusOverviewTable, type CounterStatusOverviewTableColumnWidths, type CounterStatusOverviewTableCustomization, type CounterStatusOverviewTableDetailStatusVariant, type CounterStatusOverviewTableProps, type CounterStatusOverviewTableQueuePill, type CounterStatusOverviewTableQueuePillVariant, type CounterStatusOverviewTableRow, type CounterStatusOverviewTableRowDetails, type CounterStatusOverviewTableRowVariant, type CounterStatusOverviewViewMode, CustomerJourneyAnalysis, type CustomerJourneyAnalysisProps, DEFAULT_AUDIT_SCORING_BANDS, DEFAULT_BILLING_COUNTER_ANALYTICS_INFO_POPOVER, DEFAULT_FOOTFALL_TILE_ICONS, DEFAULT_PEAK_BILLING_HOURS_INFO_POPOVER, DEFAULT_QUEUE_TIME_BREAKDOWN_INFO_POPOVER, DEFAULT_RANKING_SCORE_BANDS, DEFAULT_STORE_PERFORMANCE_BY_ASSIST_INFO_POPOVER, DEFAULT_STORE_PERFORMANCE_COLUMNS, FalconAuditTimeline, type FalconAuditTimelineProps, FalconAuditTimelineV2, type FalconAuditTimelineV2Props, 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, FalconSelectReportDate, type FalconSelectReportDateProps, FalconSingleSwitch, type FalconSingleSwitchProps, FalconStatBanner, FalconStatBannerGroup, type FalconStatBannerGroupProps, type FalconStatBannerProps, type FalconStatBannerTrend, FalconStoreCountPill, type FalconStoreCountPillProps, FalconTable, type FalconTableProps, type FalconThemeDirection, type FalconThemeMode, FalconThemeProvider, type FalconThemeProviderProps, type FalconThemeSettings, FalconTicketColumsFilter, type FalconTicketColumsFilterProps, FalconTicketFilter, type FalconTicketFilterProps, type FilterOption, type FootFallHeatMapBarRowContext, type FootFallHeatMapBuildBarRow, 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, JourneyMetricCard, type JourneyMetricCardProps, type JourneyMetricConfig, JourneyStatCard, type JourneyStatCardProps, type JourneyStatConfig, KpiStatCard, type KpiStatCardCustomization, type KpiStatCardDetailedProps, type KpiStatCardIconBackdropShape, type KpiStatCardInfoPlacement, type KpiStatCardInlineProps, type KpiStatCardProps, type KpiTrend, type KpiTrendLayout, type MonthData$1 as MonthData, type MonthData as MonthDataV2, OverallFootfallPasserbyTrends, type OverallFootfallPasserbyTrendsBanner, type OverallFootfallPasserbyTrendsBottomLegendItem, type ChartCardMaxWidth as OverallFootfallPasserbyTrendsCardMaxWidth, type OverallFootfallPasserbyTrendsCustomization, type OverallFootfallPasserbyTrendsGridSize, type OverallFootfallPasserbyTrendsProps, 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, type RankingColumn, type RankingRankTone, type RankingRow, type RankingScoreBand, type RankingSize, type RankingSortDirection, RankingTable, type RankingTableCustomization, type RankingTableProps, type RankingTableVariant, STACKED_COMPARISON_DEFAULT_COMPARISON_COLOR, STACKED_COMPARISON_DEFAULT_FRAME_BORDER, STACKED_COMPARISON_DEFAULT_LEGEND_COMPARISON_COLOR, STACKED_COMPARISON_DEFAULT_LEGEND_STACK_COLOR, STACKED_COMPARISON_DEFAULT_STACK_COLORS, STORE_PERFORMANCE_DEFAULT_BUCKETS, STORE_PERFORMANCE_DEFAULT_DATA, StackedComparisonBarChart, type StackedComparisonBarChartCustomization, StackedComparisonBarChartCustomizationProvider, type StackedComparisonBarChartProps, type StackedComparisonBarChartRow, StackedComparisonBarChartTooltip, type StackedComparisonBarChartTooltipProps, type StackedComparisonBarChartTooltipRenderContext, type StackedComparisonBarChartTooltipTheme, type StackedComparisonBucket, type StackedComparisonChartMargin, StorePerformance, StorePerformanceByAssist, type StorePerformanceByAssistBucket, type StorePerformanceByAssistCustomization, type StorePerformanceByAssistProps, type StorePerformanceByAssistRow, type StorePerformanceCustomization, type StorePerformanceProps, type StorePerformanceSection, type StorePerformanceVariant, 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$1 as mergeCss, mergeRechartsTooltipStyles, mergeSx$1 as mergeSx, metricForNode, parseMinutes, parseZoneKpiStripFromRaw, peakBillingHoursDefaultTabs, peakBillingHoursMockSeriesByTabId, peakBillingHoursVisitsMock, preprocessData, skipSingleBranchLevels, mergeCss as stackedComparisonMergeCss, mergeSx as stackedComparisonMergeSx, toRechartsTreemapData, useBillingCounterAnalyticsCustomization, usePeakBillingHoursCustomization, useQueueTimeBreakdownCustomization, useStackedComparisonBarChartCustomization };
|